@font-face {
	font-family: FontAwesome; /* Ãàðíèòóðà øðèôòà */
	src: url(../fonts/FontAwesome.otf); /* Ïóòü ê ôàéëó ñî øðèôòîì */
}
body { background:white;
	font-family: FontAwesome;
}

.headerback {
	background: rgba(255,255,255,1);
	border-radius: 0 0 10px 10px;
}

.logo {
	display:block;
	position:relative;
	margin:10px auto;
	text-align: center;
	z-index:999;
	font-family: 'Marmelad', sans-serif;
}
.logo h3 {
	text-align: center;
	font-size:15px;
	margin-top:-30px;
	font-family: 'Marmelad', sans-serif;
	color:white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}

.weather {
	position:relative;
	margin-top: 45px;
	z-index:999;
}

.weather p {

	color:white;
	font-family: 'Marmelad', sans-serif;
	text-align:left;
	font-size:1.2em;
	padding:5px 15px;
	transition:300ms;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
	cursor:pointer;
}

.weather p:hover {
	text-decoration: none;
	color:yellow;
	font-size:1.2em;
	transition:300ms;
}

.social {
	position: relative;
	z-index:999;
	margin-top:40px;
}
.social img {
	padding-right:10px;
}

.social_footer {
	position: relative;
	z-index:999;
	margin-top:20px;
	padding-bottom: 50px;
	text-align: right;
}
.social_footer img {
	padding-right:10px;
}
.social_footer img:last-child {
	padding-right:0px;
}

.nextbutton {
	position:absolute;
	background:blue;
	z-index: 9999;
}

.main {
	display:block;
	position:relative;
	top:10px;
	width:1200px;
	height:1000px;
	margin:auto;
}

.slider_onmain {
	position:relative;
	margin-top:-190px;
	height:900px;

}

.slider {
	position:relative;
	margin-top:-170px;
	height:700px;
}
.slider_bottom {
	position:relative;
	margin-top:-10px;
	height:500px;
}

.slider_description {
	margin-top:-100px;
	position:relative;
	z-index:99;
	background: #00958a; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #00958a 0%, #87bcb0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#00958a), color-stop(100%,#87bcb0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #00958a 0%,#87bcb0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #00958a 0%,#87bcb0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #00958a 0%,#87bcb0 100%); /* IE10+ */
	background: linear-gradient(45deg,  #00958a 0%,#87bcb0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00958a', endColorstr='#87bcb0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-image:url(../images/slider/back4.jpg);
	background-size: cover;

	padding:0 0 0px 0;
}

.hr {
	position:relative;
	z-index:999;
	background-image:url(../images/blocks/back-blocks2.png);
	background-repeat:  repeat no-repeat;
	margin-top:-5px;
	height:30px;
}

.hr2{
	background-image:url(../images/blocks/back-blocks3.png);
	background-repeat:  repeat-x;
	margin-top:25px;
	height:30px;
}


.adds {
	height:400px;
}

.meter {
	font-size:25px;
	color:white;
	background:rgba(0,126,132,0.8);
	padding:20px;
	text-align: center;
	line-height:1.2;
	font-family: 'Marmelad', sans-serif;
	margin-top:55px;
}

.meter a {
	color:lightblue;
	font-size:12px;
	line-height: 1.2;
}

.umm {
	height:200px;
}
.umm p {
	font-weight:bold;
}
.overlayslide {
	font-size:18px;
	background: rgba(255,106,0,1);
	padding:3px;
	text-align: center;
}

.aboutmenu {
	text-align:left;
	padding:10px 30px 10px 10px;
	font-family: 'Marmelad', sans-serif;
}

.menu {
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	margin-top:50px;

}
.menu h2 {
	font-family: 'Marmelad', sans-serif;
	font-size:30px;
	text-shadow: 1px 1px 1px white;
	padding-top:0;
	margin-top:-10px;
}
.menu p {
	font-family: 'Marmelad', sans-serif;
	font-size:14px;
}

.one_m {
	text-align: center;
	margin-left:0 auto;
}

.one_m a{
	position:absolute;
	text-decoration: none;
	margin:-162px 0 0 -30px;
	background:white;
	color:black;
	padding:10px 20px;
	transition: 300ms;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16px;
	-webkit-animation-name: example2; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 5s; /* Chrome, Safari, Opera */
	-webkit-animation-iteration-count: 99; /* Chrome, Safari, Opera */
	animation-name: example2;
	animation-duration: 5s;
	animation-iteration-count: 99;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes example2 {
	0%   {background-color: #ffffff;}
	25%  {background-color: #EA5C00;}
	50%  {background-color: #FF6B15;}
	100% {background-color: #FFffff;}

}

/* Standard syntax */
@keyframes example2 {
	0%   {background-color: #ffffff;}
	25%  {background-color: #EA5C00; }
	50%  {background-color: #FF6B15;}
	100% {background-color: #ffffff; }
}

.one_m a:hover {
	text-decoration: none;
	background:lightskyblue;
	color:blue;
	transition: 300ms;
}



.one {
	text-align: center;
	margin-left:0 auto;
}

.one a{
	position:absolute;
	text-decoration: none;
	margin:-142px 0 0 -30px;
	background:white;
	color:black;
	padding:10px 20px;
	transition: 300ms;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16px;
	-webkit-animation-name: example; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 5s; /* Chrome, Safari, Opera */
	-webkit-animation-iteration-count: 99; /* Chrome, Safari, Opera */
	animation-name: example;
	animation-duration: 5s;
	animation-iteration-count: 99;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
	0%   {background-color: #ffffff;}
	25%  {background-color: #EA5C00;}
	50%  {background-color: #FF6B15;}
	100% {background-color: #FFffff;}

}

/* Standard syntax */
@keyframes example {
	0%   {background-color: #ffffff;}
	25%  {background-color: #EA5C00; }
	50%  {background-color: #FF6B15;}
	100% {background-color: #ffffff; }
}

.one a:hover {
	text-decoration: none;
	background:lightskyblue;
	color:blue;
	transition: 300ms;
}

.two {
	position: relative;
	margin:0px auto;
	margin-top:-290px;
	z-index:99;
}

.two a{
	text-align: center;
	text-decoration: none;
	margin-left:0px;
	background:white;
	color:black;
	padding:10px 20px;
	transition: 300ms;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16px;
}

.two a:hover {
	text-decoration: none;
	background:lightskyblue;
	color:white;
	transition: 300ms;
}


.mainblocks_back {
	position:relative;
	z-index:99;
	padding:10px 0;
	margin-top:-25px;
	background-image:url(../images/slider/back5.jpg);
	background-size: cover;
	background-position: 50% 50%;
	height: 600px;

}

.mainblocks {
	margin-top:-10px;
}

.mainblock {
	height: 600px;
	padding:50px 0;
	transition: 1000ms;
}

.mainblock:hover {
	background:rgba(255,223,178,1);
	border-bottom: 20px solid brown;
	border-top: 30px solid brown;
	transition: 500ms;

}


.mainblock h2{
	font-family: 'Marmelad', sans-serif;
	font-size:26px;
	background:rgba(255,223,178,1);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	text-align: center;
	color:#883400;
	padding:10px 3px;
	font-weight:bold;
	text-transform: uppercase;
}

.mainblock p{
	color:black;
	font-family: 'Marmelad', sans-serif;
	font-size:14px;
	text-align: center;
}

.liimg {
	width:150px;
	height:150px;
}

.slide_block {
	width:250px;
	height:250px;
	margin:0 auto;
}




#block1 {
	background-image: url(../images/zalbig.jpg);
	background-size: cover;
}

#block2 {
	background-image: url(../images/nomer5.jpg);
	background-size: cover;
}

#block3 {
	background-image: url(../images/nomer5.jpg);
	background-size: cover;
}

.circle {
	position:absolute;
	z-index:0;
	margin:-10px 0 0 -10px;
	width:270px;
	height:270px;
	background:rgba(255,104,0,0.4);
	border-radius:50%;
}

.openblock {

}

#owl-demo .item{
	margin: 3px;
}
#owl-demo .item img{
	display: block;
	width: 100%;
	height: auto;
}


.links {
	clear: both;
	position: absolute;
	background:rgba(255,255,255,0.8);
	margin:0 auto;
	padding-top:30px;
	padding-bottom:20px;
	margin-left:35px;

}

.links_onmain li {
	text-align: center;
	list-style-type: none;
	float:left;
	padding-right: 15px;
	padding-left: 15px;
	border-right:2px solid #242424;
}
.links_onmain li:first-child {
	list-style-type: none;
	float:left;
	padding-right: 15px;
	padding-left: 0px;
	margin-left:0;
	border-right:2px solid #242424;
}
.links_onmain li:last-child {
	list-style-type: none;
	float:left;
	padding-right:27px;
	padding-left: 15px;
	border-right:none;
}

.links_onmain li a{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	color:#242424;
	text-decoration: none;
	font-weight: 100;
	transition: 300ms;
	padding:3px 10px;
}
.links_onmain li a:hover{
	color:white;
	transition: 300ms;
	background: lightskyblue;
	padding:3px 10px;
}

.footerback {
	width:100%;
	background:white;
	margin-top:40px;
	bottom:0;
	height:100px;
	text-align: center;
	font-family: 'Marmelad', sans-serif;
	line-height: 1.6;
}

.footerback p {
	font-size:13px;
}
.footerback ul {
	padding-left:0;
}

.footerback ul li {
	list-style-type: none;
	font-size:13px;

}

.footerback ul li a{
	clear: both;
	color:#242424;

}

.footerback ul li a:hover{
	color:#686868;
	text-decoration: none;
}

.first {
	text-align: left;
}
.first ul{
	padding-left:0;
}
.second {
	text-align: center;
}
.third{
	text-align: center;
}
.third ul li {

}
.last {
	text-align: right;
}


/**********************************************************************************/

.main_name h1{
	margin-top:250px;
	text-align: center;
	font-family: 'Marmelad', sans-serif;
	text-shadow: 1px 1px 3px rgba(5,0,0,0.9);
	font-size:100px;
	font-weight:bold;
	color:white;
}
.main_name h3{
	margin-top:50px;
	text-align: center;
	font-family: 'Marmelad', sans-serif;
	text-shadow: 1px 1px 3px rgba(5,0,0,0.9);
	font-size:40px;
	font-weight:bold;
	color:white;
}

#time_block {
	font-family: 'Marmelad', sans-serif;
	text-shadow: 1px 1px 1px rgba(5,0,0,0.9);
	color:green;
	font-size:19px;
	font-weight: bold;
	text-align: center;
}

#time {
	font-family: 'Marmelad', sans-serif;
	text-shadow: 1px 1px 5px rgba(5, 0, 0, 0.9);
	color: white;
	padding-top: 20px;
	font-size: 25px;
	font-weight: 700;
	text-align: center;


}

.low_picture {
	margin-top:-200px;
	padding-top:200px;
	background-image:url(../images/picture-back19.jpg);
	background-size:cover;
}









.about_place {
	height: 350px;
	margin-top:20px;
	padding:10px 0;
	margin-bottom:50px;
	transition: 1000ms;
}
.about_place:hover {
	transition: 500ms;
	background:white;
	border-radius:50%;


}

.about_place img {

}

.about_place h2{
	font-family: 'Marmelad', sans-serif;
	font-size:26px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	text-align: center;
	color:#444444;
	padding:0px 3px;
	font-weight:bold;
	text-transform: uppercase;
}

.about_place p{
	color:black;
	font-family: 'Marmelad', sans-serif;
	font-size:14px;
	text-align: center;
}






.hotel_block {
	height: 450px;
}

.hotel_place {
	margin-top:20px;
	padding:10px 20px;
	margin-bottom:50px;
	transition: 1000ms;
}

.hotel_place h2{
	font-family: 'Marmelad', sans-serif;
	font-size:26px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	text-align: center;
	color:#444444;
	padding:0px 3px;
	font-weight:bold;
	text-transform: uppercase;
}

.hotel_place h3{
	font-family: 'Marmelad', sans-serif;
	font-size:29px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	text-align: center;
	color:#ffffff;
	padding:0px 3px;
	font-weight:bold;
	text-transform: uppercase;
}

.hotel_place p{
	color:black;
	font-family: 'Marmelad', sans-serif;
	font-size:14px;
	text-align: center;
}


.hotel_back_1 {
	background-image: url(../images/hotel/backh1.jpg);
	background-size: cover;
}

.hotel_back_2 {
	background-image: url(../images/hotel/backh2.jpg);
	background-size: cover;
}

.hotel_back_3 {
	background-image: url(../images/hotel/backh3.jpg);
	background-size: cover;
}

.hotel-img img {
	height:400px;
	margin-top:25px;
}

#owl-demo1, #owl-demo2, #owl-demo3 {
	margin-top:30px;
}
#owl-demo1 .item, #owl-demo2 .item, #owl-demo3 .item{
	margin: 3px;
}
#owl-demo1 .item img, #owl-demo2 .item img, #owl-demo3 .item img{
	display: block;
	width: 100%;
	height: auto;
}








.links2 {
	position: absolute;
	background:rgba(255,255,255,0.6);
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:33px;
}

.menu_full {
	min-height:400px;
	margin-top:20px;
	background:rgba(255,255,255,0.7);
}

.menu_full h2 {
	font-family: 'Marmelad', sans-serif;
	font-size:30px;
	text-shadow: 1px 1px 1px white;
	padding-top:0;
	margin-top:20px;
	text-align:center;
	padding-bottom:0;
	margin-bottom:5px;
}
.menu_full h3 {
	font-family: 'Marmelad', sans-serif;
	font-size:25px;
	text-shadow: 1px 1px 1px white;
	padding-top:0;
	margin-top:0px;
	text-align:center;
}
.menu_full h5 {
	font-family: 'Marmelad', sans-serif;
	font-size:14px;
	text-align: center;
	padding-top:0;
	margin-top:0;
	margin-bottom:25px;

}
.menu_full p {
	font-family: 'Marmelad', sans-serif;
	font-size:14px;

}

.uk-accordion-title {
	border:none;
	background:none;
}

.ddd_vision {
	display:none;
}
.vision {
	display:block;
}

.ddd h2 {
	font-family: 'Marmelad', sans-serif;
	font-size:30px;
	text-shadow: 1px 1px 1px white;
	padding-top:0;
	margin-top:20px;
	text-align:center;
	padding-bottom:0;
	margin-bottom:5px;
}

.ddd h5 {
	font-family: 'Marmelad', sans-serif;
	font-size:18px;
	text-shadow: 1px 1px 1px white;
	padding-top:0;
	margin-top:0px;
	text-align:center;
	padding-bottom:0;
	margin-bottom:25px;
	transition:300ms;
}
.ddd h5:hover {
	cursor:pointer;
	color:red;
	transition:300ms;
}

.ddd_back {
	background:rgba(255,169,169,1);
}

.gallery {
	margin-top:0px;
	min-height:300px;
	background-image: url(../images/slider/back7.jpg);
	background-size:cover;
}

.gallery h2 {
	font-family: 'Marmelad', sans-serif;
	font-size:30px;
	text-shadow: 1px 1px 1px white;
	padding-top:0;
	margin-top:20px;
	text-align:center;
	padding-bottom:10px;
	margin-bottom:5px;
}
.gallery  h3 {
	font-family: 'Marmelad', sans-serif;
	font-size:25px;
	text-shadow: 1px 1px 1px white;
	padding-top:0;
	margin-top:0px;
	text-align:center;
}
.gallery  h5 {
	font-family: 'Marmelad', sans-serif;
	font-size:14px;
	text-align: center;
	padding-top:0;
	margin-top:0;
	margin-bottom:25px;

}
.gallery  p {
	font-family: 'Marmelad', sans-serif;
	font-size:14px;

}

#owl-demo .item{
	margin: 3px;
}
#owl-demo .item img{
	display: block;
	width: 100%;
	height: auto;
}

.propose {
	text-align: center;
}

.timeline {
	position:relative;
	margin:0 auto;
	display:block;
	z-index:99999;
	width:95%;
	font-size:1.6em;
}

#date_event_first h3 {
	font-size:1.7em;
	text-transform: uppercase ;
	font-family: 'Marmelad', sans-serif;
}
#date_event_first h2 {
	font-size:1.2em;
	text-transform: uppercase ;
	font-family: 'Marmelad', sans-serif;
	background:rgba(255,205,30,1);
	padding:10px;
}
#date_event_first p {
	font-size:0.6em;
	text-transform: uppercase ;
	font-family: 'Marmelad', sans-serif;
}
#date_event_first {

	height:100px;
}
#date_event_second {

	height:100px;
}


.openbox {
	display:block;
	background: rgba(255,255,255,0.8);
	height: 175px;
	margin-top:325px;
	margin-left:35px;
	margin-right:47px;
}

.openbox h2 {
	font-family: 'Marmelad', sans-serif;
	font-size: 25px;
	text-shadow: 1px 1px 1px white;
	padding-top: 0;
	margin-top: -10px;
}

.openbox_desc{
	text-align:left;
	padding:15px 30px 10px 30px;
	font-family: 'Marmelad', sans-serif;
}

.openbox_meter {
	font-size:25px;
	color:white;
	background:rgba(0,126,132,0.8);
	padding:20px;
	text-align: center;
	line-height:1.2;
	font-family: 'Marmelad', sans-serif;
	margin-top:0px;
}

.openbox_meter a {
	color:lightblue;
	font-size:12px;
	line-height: 1.2;
}

.openbox_block {
	display:none;
	background: url(../images/propose1.jpg);
	background-size:cover;
	height: 400px;
	margin-top:100px;
	margin-left:35px;
	margin-right:47px;
}

.openbox_block h2 {
	font-family: 'Marmelad', sans-serif;
	font-size: 35px;
	text-shadow: 1px 1px 1px white;
	padding-top: 0;
	margin-top: 0px;
	font-weight: 700;
}

.openbox_block2 {
	display:none;
	background: url(../images/propose2.jpg);
	background-size:cover;
	height: 400px;
	margin-top:100px;
	margin-left:35px;
	margin-right:47px;
}

.openboxcon {
	overflow: hidden;
	height:500px;
}

.openbox_block3 {
	display:none;
	height: 400px;
	margin-top:100px;
	margin-left:35px;
	margin-right:47px;
}
.openbox_block3 h2 {
	position:absolute;
	font-family: 'Marmelad', sans-serif;
	font-size: 35px;
	color:#FD7B02;
	text-shadow: 1px 1px 1px white;
	padding-top: 0;
	margin-top: 300px;
	margin-left:20px;
	font-weight: 700;
	text-align: center;
}

.openbox_block4 {
	display:none;

	height: 400px;
	margin-top:100px;
	margin-left:35px;
	margin-right:47px;
}

.openbox_block5 {
	display:none;

	height: 400px;
	margin-top:100px;
	margin-left:35px;
	margin-right:47px;
}
.openbox_block5 h2 {
	font-family: 'Marmelad', sans-serif;
	font-size: 35px;
	text-align: center;
	text-shadow: 1px 1px 1px white;
	padding-top: 0;
	margin-top: 0px;
	font-weight: 700;
}


.openbox_block6 {
	display:none;
	height: 400px;
	margin-top:100px;
	margin-left:35px;
	margin-right:47px;
}

.openbox_block7 {
	display:none;
	height: 400px;
	margin-top:100px;
	margin-left:35px;
	margin-right:47px;
}
.openbox_block7 h2 {
	font-family: 'Marmelad', sans-serif;
	font-size: 25px;
	color:#474747;
	text-align: center;
	text-shadow: 1px 1px 1px white;
	padding-top: 0;
	margin-top: 0px;
	font-weight: 700;
}
.openbox_block7 p {
	font-family: 'Marmelad', sans-serif;
	font-size: 16px;
	text-align: center;
	padding-top: 0;
	margin-top: 0px;
	font-weight: 400;
}

.openbox_block8 {
	display:none;
	height: 400px;
	margin-top:100px;
	margin-left:35px;
	margin-right:47px;
}
.openbox_block8 h2 {
	font-family: 'Marmelad', sans-serif;
	font-size: 25px;
	color:#474747;
	text-align: center;
	text-shadow: 1px 1px 1px white;
	padding-top: 0;
	margin-top: 0px;
	font-weight: 700;
}
.openbox_block8 p {
	font-family: 'Marmelad', sans-serif;
	font-size: 16px;
	text-align: center;
	padding-top: 0;
	margin-top: 0px;
	font-weight: 400;
}

map {
	margin-left:-15px;
	margin-top:-15px;
	margin-right:-15px;
}

/***************************************** ÇÀÊÀÇ ÑÒÎËÎÂ ******************************************/


#table a {
	position: absolute;

}
#table a:nth-of-type(1) {
	left: 588px;
	top: 185px;
	width: 80px;
	height: 95px;
}
#table a:nth-of-type(2) {
	left: 588px;
	top: 113px;
	width: 80px;
	height: 65px;
}
#table a:nth-of-type(3) {
	left: 588px;
	top: 29px;
	width: 75px;
	height: 85px;
}
#table a:nth-of-type(4) {
	left: 521px;
	top: 25px;
	width: 70px;
	height: 75px;
	transform: skewX(0deg);
}
#table a:nth-of-type(5) {
	left: 455px;
	top: 25px;
	width: 70px;
	height: 75px;
	transform: skewX(0deg);
}
#table a:nth-of-type(6) {
	left: 368px;
	top: 25px;
	width: 70px;
	height: 75px;
	transform: skewX(-4deg);
}
#table a:nth-of-type(7) {
	left: 278px;
	top: 25px;
	width: 80px;
	height: 75px;
	transform: skewX(-4deg);
}
#table a:nth-of-type(8) {
	left: 272px;
	top: 120px;
	width: 80px;
	height: 75px;
	transform: skewX(-4deg);
}
#table a:nth-of-type(9) {
	left: 372px;
	top: 120px;
	width: 80px;
	height: 75px;
	transform: skewX(-4deg);
}
#table a:nth-of-type(10) {
	left: 492px;
	top: 120px;
	width: 80px;
	height: 75px;
}
#table a:nth-of-type(11) {
	left: 150px;
	top: 25px;
	width: 110px;
	height: 78px;
	transform: skewX(-4deg);
}

#table a:nth-of-type(12) {
	left: 688px;
	top: 190px;
	width: 90px;
	height: 75px;
}

#table a:nth-of-type(13) {
	left: 678px;
	top: 105px;
	width: 80px;
	height: 75px;
}

#table a:nth-of-type(14) {
	left: 678px;
	top: 25px;
	width: 80px;
	height: 75px;
}

#table a:nth-of-type(15) {
	left: 808px;
	top: 190px;
	width: 90px;
	height: 75px;
}

#table a:nth-of-type(16) {
	left: 798px;
	top: 115px;
	width: 95px;
	height: 75px;
}

#table a:nth-of-type(17) {
	left: 798px;
	top: 35px;
	width: 80px;
	height: 85px;
}

#table a:nth-of-type(18) {
	left: 730px;
	top: 310px;
	width: 90px;
	height: 95px;
}




#table a:hover {
	background: rgba(255,255,255,.4);
}

.order_img {
	text-align: right;
}
.order_img img{
	margin-right:-10px;
	margin-top:13px;
}

.order {
	display:none;
	background: rgba(255,255,255,0.8);
	height: 400px;
	margin-top:100px;
	margin-left:35px;
	margin-right:47px;
}
.order h2 {
	font-family: 'Marmelad', sans-serif;
	font-size: 35px;
	color:#FD7B02;
	text-shadow: 1px 1px 1px white;
	padding-top: 0;
	margin-top: 15px;
	font-weight: 700;
}
.order p {
	font-family: 'Marmelad', sans-serif;
	font-size: 16px;
	color:black;
	text-shadow: 1px 1px 1px white;
	padding-top: 0;
	margin-top: 0px;
	font-weight: 400;
}


.back {
	cursor:pointer;
}
#back {
	cursor:pointer;
}

.picture {
	margin:0 auto;
}


/***************************************** ÂÛÁÎÐ ÌÅÑÒÀ ÍÀ ÊÀÐÒÈÍÅ ******************************************/


#place a {
	position:absolute;
	border: 3px solid rgba(255,255,255,0.4);
	border-radius: 5px;
	z-index:11111;
-webkit-animation-name: place; /* Chrome, Safari, Opera */
-webkit-animation-duration: 20s; /* Chrome, Safari, Opera */
-webkit-animation-iteration-count: 99; /* Chrome, Safari, Opera */
animation-name: place;
animation-duration: 20s;
animation-iteration-count: 99;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes place {
	0%   {border: 2px solid rgba(255,255,255,0.6);}
	35%  {border: 2px solid rgba(255,255,255,0.0);}
	50%  {border: 2px solid rgba(255,255,255,0.3);}
	100% {border: 2px solid rgba(255,255,255,0.0);}

}

/* Standard syntax */
@keyframes place {
	0%   {border: 2px solid rgba(255,255,255,0.6);}
	35%  {border: 2px solid rgba(255,255,255,0.0);}
	50%  {border: 2px solid rgba(255,255,255,0.3);}
	100% {border: 2px solid rgba(255,255,255,0.0);}


}

#place a:hover {
	background:rgba(255,255,255,0.2);
}


#place a:nth-of-type(1) {
	margin-left: -1070px;
	margin-top: 85px;
	width: 150px;
	height: 170px;
	transform: skewX(0deg);
}
#place a:nth-of-type(2) {
	margin-left: -910px;
	margin-top: 50px;
	width: 180px;
	height: 150px;
	transform: skewX(0deg);
}
#place a:nth-of-type(3) {
	margin-left: -728px;
	margin-top: 80px;
	width: 70px;
	height: 100px;
	transform: skewX(0deg);
}
#place a:nth-of-type(4) {
	margin-left: -640px;
	margin-top: 50px;
	width: 100px;
	height: 130px;
	transform: skewX(0deg);
}
#place a:nth-of-type(5) {
	margin-left: -480px;
	margin-top: 50px;
	width: 230px;
	height: 115px;
	transform: skewX(0deg);
}
#place a:nth-of-type(6) {
	margin-left: -230px;
	margin-top: 50px;
	width: 65px;
	height: 125px;
	transform: skewX(0deg);
}
#place a:nth-of-type(7) {
	margin-left: -165px;
	margin-top: 80px;
	width: 155px;
	height: 175px;
	transform: skewX(0deg);

}
#place a:nth-of-type(8) {
	margin-left: -315px;
	margin-top: 260px;
	width: 140px;
	height: 100px;
	transform: skewX(0deg);
}
#place a:nth-of-type(9) {
	margin-left: -705px;
	margin-top: 180px;
	width: 350px;
	height: 220px;
	transform: skewX(0deg);
}
#place a:nth-of-type(10) {
	margin-left: -1070px;
	margin-top: 265px;
	width: 270px;
	height: 140px;
	transform: skewX(0deg)

}

.place_vision {
	position:absolute;
	width:1070px;
	height:357px;
	margin-top: -5px;
	margin-left: -5px;
	overflow: hidden;
	transition:200ms;
}

.place_vision img{
	position:absolute;
	width:1080px;
	height:auto;
	margin-top: -5px;
	margin-left:0px;

}

.place_vision h2{
	position:absolute;
	font-family: 'Marmelad', sans-serif;
	font-size: 35px;
	color:#FD7B02;
	text-shadow: 1px 2px 1px rgba(0,0,0,0.7);
	font-weight: 700;
	padding:10px;
	margin-left:620px;
	margin-top: 15px;
}
.place_vision p{
	position:absolute;
	font-family: 'Marmelad', sans-serif;
	font-size: 18px;
	color:white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	font-weight: 400;
	padding:10px;
	margin-left:750px;
	margin-top: 53px;

}

.place_vision_big_1,
.place_vision_big_2,
.place_vision_big_3,
.place_vision_big_4,
.place_vision_big_5,
.place_vision_big_6,
.place_vision_big_7,
.place_vision_big_8,
.place_vision_big_9,
.place_vision_big_10 {
	display:none;
	position:absolute;
	z-index:1111111;
	margin-top:50px;
	margin-left:35px;
	border-radius:1px;
	width:1070px;
	height:357px;
	background:rgba(255,255,255,0.8);
	cursor:pointer;
}

.like {
	position:absolute;
	margin-top:830px;
	margin-left:950px;
	z-index:9999;
}

.ordered {
	font-family: 'Marmelad', sans-serif;
	margin-top: 250px;
	text-align: center;
	height:705px;

}
.ordered h1 {
	 font-family: 'Marmelad', sans-serif;
	 font-weight: 700;
	 font-size:75px;
	 text-shadow: 2px 2px 12px rgba(0,0,0,0.8);
	 color:white;
}
.ordered h2 {
	font-family: 'Marmelad', sans-serif;
	font-weight: 700;
	font-size:55px;
	text-shadow: 2px 2px 7px rgba(0,0,0,0.8);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd65e+0,febf04+100;Yellow+3D+%232 */
	color: #ffd65e; /* Old browsers */
	color: -moz-linear-gradient(top,  #ffd65e 0%, #febf04 100%); /* FF3.6+ */
	color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)); /* Chrome,Safari4+ */
	color: -webkit-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */
	color: -o-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */
	color: -ms-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* IE10+ */
	color: linear-gradient(to bottom,  #ffd65e 0%,#febf04 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */

}


.ordered_page {

	background:url(../images/picture-back9.jpg) ;
	background-size: cover;
}

.ordered_block {
	margin:50px auto;
	background:rgba(255,255,255,0.7);
	border-radius: 10px;
	width:550px;
	padding:50px 35px 50px 35px;
}

.ordered_block p {
	font-family: 'Marmelad', sans-serif;
	font-size:25px;
	color:
}

.button_back {
	padding:10px 20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b7ea+0,009ec3+100;Blue+3D+%2315 */
	background: #00b7ea; /* Old browsers */
	background: -moz-linear-gradient(top,  #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00b7ea 0%,#009ec3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
	border-radius:10px;
	font-size:18px;
	color:white;
	font-weight: 400;
	font-family: 'Marmelad', sans-serif;

}

.sticker {
	width: 250px;
	height: 250px;
}


   .example-1 .sticker-img {
	   background-image: url(../images/stickers/1.png);
	   background-size: cover;
   }


   .example-2 .sticker-img {
	   background-image: url(../images/stickers/2.png);
	   background-size: cover;
   }


   .example-2 .sticker-shadow {
	   opacity: 0.6;
   }