@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700,900&subset=latin,cyrillic);
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&subset=cyrillic');

.clr{clear:both;padding:0;margin:0;background:none}
body{color:#000;font-size:14px;font-family: 'Yanone Kaffeesatz', sans-serif;}
p, li{font-size:130%;color:#000;}
	p{margin:24px 0;}
h1{color:#c50606;font-size:300%;font-family: 'Yanone Kaffeesatz', sans-serif;text-align:center;font-weight:bold;margin:50px 0;}
h2{color:#c50606;font-size:250%;text-align:center;margin:25px 0;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight:bold;}
h3{color:#c50606;font-size:200%;text-align:center;margin:25px 0;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight:bold;}
h4{color:#c50606;font-size:150%;text-align:center;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight:bold;margin:15px 0;}

.greyline{background-color:#f5f5f5;padding:30px 15px;}
.whiteline{background-color:#fff;padding:30px 15px;}

a{color:#c50606;text-decoration:underline;}
	a:hover{text-decoration:none;}
.FancyBox img{margin:5px auto;}
.title{color:#c50606;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:160%;}


	
	.topline{color:#000;font-family: 'Yanone Kaffeesatz', sans-serif;font-size:110%;background-color:#f1f1f1;}
		.topline .fa{margin-right:10px;color:#000;}
		.topblock-phone{line-height:100%;font-weight:100;padding:10px 0;font-size:100%;text-align:right;}
		.topblock-phone b{font-size:140%;font-weight:bold;font-family: 'PT Sans Narrow', sans-serif;}
		.topblock-follow, .topblock-address, .topblock-uptocall{padding:18px 0;}
		.topblock-uptocall{background-color:#f49035;}
			.topblock-uptocall:hover{background-color:#ed7100;}
			.topblock-uptocall a{color:#000;text-decoration:none;padding:20px 10px;}
			.topblock-uptocall .fa{color:#fff;}
	.logoblock{padding:25px 0 0 0;line-height:100%;}
	.logolink{text-decoration:none;font-family: 'Roboto Slab', serif;color:#000;text-transform:uppercase;font-weight:bold;}
		.logo{color:#c50606;font-size:310%;padding-left:0px;padding-top:10px;padding-bottom:15px;}
	.topmenublock{padding:55px 0 0 0;color:#c50606;text-align:right;}
		.topmenu a{color:#000;margin:0 10px;text-transform:uppercase;font-size:130%;text-decoration:none;font-family: 'Yanone Kaffeesatz', sans-serif;-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
			.topmenu a:hover, .topmenu .current{color:#c50606;text-decoration:underline;}
		.topmenu .fa{margin:0 15px;}
			
	.mobile .topmenulink{text-align:center;padding:10px 0;background-color:#7bd5e8;}
		.mobile .topmenulink a{font-family: 'PT Sans Narrow', sans-serif;color:#fff;text-decoration:none;text-transform:uppercase;font-size:170%;}
	.mobile  .topmenu{text-align:center;background-color:#3dadc4;padding:20px 0;}
		.mobile  .topmenu a{display:block;font-family: 'PT Sans Narrow', sans-serif;color:#fff;text-decoration:none;text-transform:uppercase;font-size:140%;line-height:200%;}
		.mobile  .topmenu a.mainpagelink{font-size:100%;}
			/*.mobile-test.topmenu a:last-child{color:#cd0c0c;}*/
			.mobile  .topmenu a:hover{background-color:#7bd5e8;}
			
	.sliderline{padding:0;margin:0;}
		.slider{}
			.slidertext{text-align:center;color:#fff;font-size:180%;font-weight:bold;}
				.slidertext p{color:#fff;font-size:130%;font-weight:bold;line-height:120%;}
			.slidertext .nameblock{line-height:190%;}
			.slidertext .name{font-size:350%;text-transform:uppercase;font-family: 'Yanone Kaffeesatz', sans-serif;}
	.bronbutton{padding:15px 40px 10px;color:#000;background-color:#efdc08;font-size:80%;font-weight:bold;text-transform:uppercase;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;}
		.bronbutton:hover{color:#000;background-color:#edc404;}
		
	.desktopstrongs{padding:50px 0;}
		.desktopstrongs .picblock{padding:0;}	
		.desktopstrongs .title{color:#fff;background-color:#000;padding:15px 50px 10px;width:300px;margin:0 auto;text-transform:uppercase;}
		.desktopstrongs .strong-title{color:#000;font-size:200%;text-transform:uppercase;}
		.desktopstrongs p{margin:0 0 20px 0;font-size:120%;color:#000;}
		
	
	
	.photos, .contact {padding:50px}
	
	.search-block{padding:15px 0 30px 0;background-color:#f5f5f5;}
	
	.photos img{margin-bottom:15px;}
	
	.contact{background-color:#01263f;color:#fff;}
		.contact big{font-size:180%;font-weight:normal;}
		.contact a{color:#fff;}
	
	.rooms {padding:65px 0 25px 0;background-color:#aacae0;}
	.rooms .row div{font-size:110%;line-height:150%;}
	.rooms strong{color:#fff;}
	.rooms strong, .rooms b{font-size:140%;}
	
	.morebutton{font-size:150%;color:#c50606;}
		.morebutton:hover{color:#000;}
		.morebutton .fa{color:#000;margin-left:10px;}
		
	.map-container{height:500px;padding:0;}
	
	.footer{background-color:#000;padding:10px 0;}
	.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:#c50606;text-decoration:none;}
/* main style */


/* price page style */
	.price{margin:0 auto;}
	.price thead td{font-weight:bold;}
		.price td{font-size:140%;text-align:center;padding:5px 15px;}
/* 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:160%;}
	#contactform input, #contactform  select, #contactform  textarea{color:#3f3f3f;width:300px;padding:5px 10px;font-size:130%;}
	#contactform  select{width:300px;}
	#contactform option{font:12px Arial;}
	#contactform  #sendbutton{cursor:pointer;margin-top:20px;
	padding:10px 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 'PT Sans Narrow', 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;}
	}
	
	@media screen and (max-width: 1200px) {		
		
	}
	
	@media screen and (max-width: 992px) { 
		.mobile{display:block;}
		.desktop{display:none;}
		h1{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;}
		.topline div{text-align:center;}
		h1{font-size:250%;}
		h2{font-size:200%;}
		h3{font-size:180%;}
		h4{font-size:140%;}
		.title{margin-bottom:30px;}
		.logoblock, .hoteltype{text-align:center;}
		.logolink{line-height:250%;}
		.logo{font-size:320%;}
		.topmenublock{padding:0;}
			.desktopstrongs .title{font-size:180%;padding:15px 15px 10px;}
			.desktopstrongs .strong-title{text-align:center;}
			.desktopstrongs p{text-align:center;}
		.rooms {text-align:center;}
			.rooms a{}
		.contact .topblock-phone{text-align:center;}
		.contact .text-right{text-align:center;}
	}
	@media screen and (max-width: 400px) { 
		.bronbutton, .uptocallbutton{margin:5px auto;display:inline-block;text-align:center;font-size:100%;}
	}