@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700&subset=cyrillic');

.clr{clear:both;padding:0;margin:0;background:none}
body{color:#000;font-size:14px;background-color:#f5f5f5;}
p, li{font-size:100%;color:#000;}
	p{margin:10px 0;}
h1{color:#367714;font-size:250%;text-align:center;font-weight:bold;margin:10px 0;}
h2{color:#367714;font-size:200%;text-align:center;margin:25px 0;font-weight:bold;}
h3{color:#367714;font-size:170%;text-align:center;margin:25px 0;font-weight:bold;}
h4{color:#367714;font-size:150%;text-align:center;font-weight:bold;margin:15px 0;}
hr{border-top:1px dotted #ccc;width:80%;margin:40px auto;}
.greyline{background-color:#f5f5f5;}
.whiteline{background-color:#fff;padding:30px 15px;}
.grass-separator-up{height:42px;background:url('/images/grass_up.png') top center repeat-x;}
.grass-separator-down{height:42px;background:url('/images/grass_down.png') top center repeat-x;}
.orange-title{color:#eb9a00;font-size:120%;font-weight:bold;font-family:'Comfortaa',cursive;}

a{color:#c50606;text-decoration:underline;}
	a:hover{text-decoration:none;}
.FancyBox img{margin:5px auto;}
.title{color:#000;font-weight:bold;font-size:250%;text-align:center;margin-bottom:70px;}

div{border:1px solid #000;}
div{border:none;}

/* main style */
#jError,#jNotify,#jSuccess{font-size:120%;}


	
	.logoline{padding:75px;background:url('/images/bgslider.jpg') center center;background-size:cover;}
	.topmenuline{background-color:#6a8d52;}
		.topmenu{padding:19px 0;}
			.topmenu a{color:#fff;font-size:120%;padding:20px 10px;font-weight:bold;text-decoration:none;font-family: "Open Sans"; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
			.topmenu a:hover, .topmenu .current{background-color:#b4c7a9;color:#670000;text-decoration:none;}
			
	.mobile .topmenulink{text-align:center;padding:10px 0;background-color:#6a8d52;}
		.mobile .topmenulink a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:170%;}
	.mobile  .topmenu{text-align:center;background-color:#6a8d52;padding:20px 0;}
		.mobile  .topmenu a{display:block;color:#fff;text-decoration:none;text-transform:uppercase;font-size:140%;line-height:200%;}
			.mobile  .topmenu a:hover{background-color:#367714;}
			
	.mainside{background-color:#fdfdfd;padding:55px 25px;box-shadow:0 0 5px #ccc; }
	
	.strong{color:#eb9a00;text-align:center;margin-bottom:10px;font-weight:bold;font-family:'Comfortaa',cursive;}
	.partner{margin:20px 0;text-align:center;}
	.mainside-footer{font-size:90%;color:#ccc;}
	
	
	.owl-carousel{margin:10px 0;}
	
	.rooms, .photos, .contact {padding:50px}
	.openlink3d{font-size:130%;cursor:pointer;}
		.openlink3d:hover{color:#f00;}
	
	.search-block{padding:15px 0 30px 0;background-color:#f5f5f5;}
	
	.roompic{margin:0 5px;}
	
	.photos img{margin-bottom:15px;}
		
	.rooms .row div{font-size:110%;line-height:150%;}
	.rooms strong{color:#7bd5e8;}
	.rooms strong, .rooms b{font-size:140%;}
	
	.morebutton{font-size:150%;color:#7bd5e8;}
		.morebutton:hover{color:#fcb409;}
		.morebutton .fa{color:#000;margin-left:10px;}
		
	.map-container{height:500px;padding:0;}
	
	.sidebar{}
		.followblock img{margin:10px auto;}
		.sidebar-title, .sidebar-contact-title{color:#eb9a00;font-weight:bold;}
		.sidebar-title{text-align:center;font-size:150%;}
		.roomlink{display:block;text-align:center;color:#367714;font-size:90%;text-decoration:none;border:1px solid #367714;padding:8px 15px;margin:10px 0;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px;-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
			.roomlink:hover{background-color:#eee;}
		.roomlink-green{background-color:#367714;color:#fff;}
			.roomlink-green:hover{background-color:#68a94a;color:#fff;border:1px solid #68a94a;}
		
	.more-info-about{}
		.more-info-about .info-pic{margin:0 20px 10px 0;}
	
	.contact{background-color:#07919c;color:#fff;padding:20px 0 20px 0;}
	.contact-bron-link{font-size:140%;text-decoration:none;display:inline-block;margin:0 auto;width:200px;background-color:#01585f;padding:8px 0 17px 0;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px;-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
		.contact-bron-link:hover{background-color:#036e77;text-shadow:1px 1px 0 #222;}
	.contact-phone b{font-size:200%;}
	.contact big{font-size:180%;font-weight:normal;}
		.contact a{color:#fff;}
	.contact .footmenu a{font-size:130%;margin-right:15px;}
	
	.footer{background-color:#01585f;padding:10px 0;}
	.footer a{color:#fff;}
	.copy{padding:5px 0 5px 80px;background:url('/images/trikota.png') left top no-repeat;line-height:120%;text-align:left;float:right;font-size:85%;color:#fff;}
		.copy a{text-decoration:underline;color:#fff;}
			.copy a:hover{color:#000;text-decoration:none;}
/* main style */


/* price page style */
	.price{margin:0 auto;}
	.price thead td{font-weight:bold;border:1px solid #ccc;text-align: center; background-color: #fce5cb;}
	.price tbody td:first-child{font-weight:bold;border:1px solid #ccc;text-align: center; background-color: #fce5cb;}
		.price td{font-size:90%;text-align:center;padding:5px;border:1px solid #ccc;}
/* price page style */

/* bron page style */
#contactform {text-align:center;line-height:12px;}
	#contactform label{color:#3f3f3f;display:block;margin:20px 0 10px 0;font-size:120%;line-height:100%;}
	#contactform input, #contactform  select, #contactform  textarea{color:#3f3f3f;width:300px;padding:5px 10px;font-size:100%;margin:0 auto;}
	#contactform  select{width:300px;}
	#contactform option{font:12px Arial;}
	#contactform  .sendbutton{cursor:pointer;margin-top:20px;
	padding:20px 40px 15px 40px;text-transform:uppercase;color:#fff;background-color:#e81313;font-size:200%;border:2px solid #e81313;font-weight:bold;text-decoration:none;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px;-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
		#contactform  .sendbutton:hover{color:#fff;background-color:#fcb409;border:2px solid #fcb409;}
/* bron page style */
	
	/* uptocall button */
	.uptocall_button{display:inline-block;color:#000;font:bold 13px 'Yanone Kaffeesatz', sans-serif;text-transform:uppercase;text-decoration:none;background-color:#e9c32c;padding:12px 20px 10px 20px;-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
		.uptocall_button:hover{background-color:#ffce0d;color:#000;text-decoration:none;}
		
		
	@media screen and (min-width: 992px) { 
		.mobile{display:none;}
		.desktop{display:block;}
		.logoline .col-xs-12{text-align:right;}
	}
	
	@media screen and (max-width: 1200px) {		
		
	}
	
	@media screen and (max-width: 992px) { 
		.mobile{display:block;}
		.desktop{display:none;}
		h1{text-align:center;}
		.logoline .col-xs-12{text-align:center;}
		.contact .col-xs-12{text-align:center;}
	}
	@media screen and (max-width: 550px) { 
		.tutu_element_wrapper{display:block;float:none !important;width:100% !important;}
		.map-container{height:300px;padding:0;}
		h1{font-size:250%;}
		h2{font-size:200%;}
		h3{font-size:180%;}
		h4{font-size:140%;}
		.title{margin-bottom:30px;}
		.logoline .col-xs-12{text-align:center;}
		.contact .col-xs-12{text-align:center;}
		.logoblock{text-align:center;}
		.logolink{line-height:250%;}
		.topmenublock{padding:0;}
		.openlink3d{font-size:180%;cursor:pointer;}
	}
	@media screen and (max-width: 400px) { 
		.bronbutton, .uptocallbutton{margin:5px auto;display:inline-block;text-align:center;font-size:100%;}
		.topphoneblock a{font-size:120%;}
	}