@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=Poiret+One&subset=cyrillic'); /* font-family: 'Poiret One', cursive; */

.clr{clear:both;padding:0;margin:0;background:none}
body{color:#000;font-size:12px;font-family: 'PT Sans Narrow', sans-serif;}
p, li{font-size:170%;color:#000;}
	p{margin:24px 0;}
h1{color:#c50606;font-size:400%;font-family: 'Poiret One', cursive;text-align:center;font-weight:bold;margin:50px 0;}
h2,h3{color:#c50606;font-size:340%;text-align:center;margin:25px 0;font-family: 'Poiret One', cursive;font-weight:bold;}
h4{color:#c50606;font-size:200%;text-align:center;font-family: 'Poiret One', cursive;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:#fcb409;text-transform:uppercase;text-align:center;}

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

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

.topline .logo{padding:15px 0;}
	.topline .logo img{width:120px;}
		
.header-index{background:url('/images/headbg.jpg') top center no-repeat;}
	.header-index .container{height:793px;}
	
	.topline{background:rgb(232, 0, 0);}
		.topline .topmenu{text-align:right;}
			.topline .topmenu a{display:inline-block;font-family: 'Poiret One', cursive;font-size:160%;font-weight:bold;color:#fff;text-decoration:none;padding:25px 0 20px 0;margin:0 12px; -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;}
				.topline .topmenu a:hover, .topline .topmenu .current{color:#f9e501;}
	
	.mobile .topmenulink{text-align:center;padding:10px 0;background-color:#db0404;}
		.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:#c50606;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-test.topmenu a:last-child{color:#cd0c0c;}*/
			.mobile  .topmenu a:hover{background-color:#db0404;}
			
	.carousel-caption{padding-bottom:100px;}
	.brandblock{margin:160px 0 0 0;}
		.brandblock .logo{width:500px;margin-bottom:-25px;}
		.brandblock .underlogotext{color:#fff;font-size:300%;font-family: 'Poiret One', cursive;margin-bottom:140px;}
		.bronbutton{font-family: 'Poiret One', cursive;padding:10px 40px 15px;color:#fff;background-color:#c50606;font-size:200%;border:2px solid #c50606;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;}
			.bronbutton:hover{color:#fff;background-color:rgba(0,0,0,0.1);}
		
	.morebutton{font-size:150%;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#b70b0b;padding:7px 20px;border:2px solid #b70b0b;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px;}
		.morebutton:hover{color:#fcb409;border-color:#fcb409;}
	
	.hotel-link-block{text-align:center;}
		.hotel-link{width:180px;padding:6px 25px;border:1px solid #c50606;color:#000;text-transform:uppercase;font-size:140%;display:inline-block;margin:12px 0;text-decoration:none;border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -khtml-border-radius:20px; -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;}
		.hotel-link:hover{background-color:#c50606;color:#fff;}
		
	.map-container{height:500px;padding:0;}
	
.footerline{background-color:#c50606;padding:45px 35px;font-size:130%;color:#fff;}
	.footer a{color:#fcb409;}
	.footer a:hover{color:#fff;}
	.footphone a{color:#fff;font-size:220%;font-weight:bold;font-family: 'Poiret One', cursive;text-decoration:none;}
	.bronpage-link{font-weight:bold;font-family: 'Poiret One', cursive;padding:6px 25px;color:#fff !important;background-color:#860101;font-size:170%;display:inline-block;margin:12px 0;text-decoration:none;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px;}
		.bronpage-link:hover{background-color:#a30404;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%;}
		.copy a{text-decoration:underline;}
			.copy a:hover{color:#fff;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;}
/* price page style */

/* pages style */
.hotel-contact{}
	.hotel-contact p{margin:0;}
	.hotel-contact .phone a{color:#000;font-size:220%;font-weight:bold;font-family: 'Poiret One', cursive;text-decoration:none;}
/* pages 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) {		
		.strongline{padding:30px 10px;}
		.strong{margin:15px 10px;text-align:center;}
			.strong .title{text-align:center;display:block;}
			.strong .pull-left{float:none !important;}
			.strong .icon{margin:0 auto;}
	}
	
	@media screen and (max-width: 992px) { 
		.mobile{display:block;}
		.desktop{display:none;}
		.uptocall_button{display:none;}		
		h1{text-align:center;}
		.brandblock{margin:50px 0 50px 0;}
		.brandblock div{text-align:center;}
		.brandblock .underlogotext, .brandblock .logo{display:none;}
		.footer{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;}
		.footerline{padding:45px 35px;}
		.text-right{text-align:center;}
		h1{font-size:300%;}
		h2,h3{font-size:220%;}
		h4{font-size:160%;}
		.footphone a{color:#fff;font-size:180%;}
		.carousel-caption{padding-bottom:10px;}
		.brandblock .bronbutton{font-family: 'Poiret One', cursive;padding:10px 30px 15px;color:#fff;background-color:#c50606;font-size:160%;border:2px solid #c50606;font-weight:bold;}
	}
	@media screen and (max-width: 400px) { 
		.bronbutton, .uptocallbutton{margin:5px auto;display:inline-block;text-align:center;font-size:150%;}
		.brandblock .bronbutton{display:none;}
	}
	
	
	.widgets{
		display: flex;
		gap: 40px;
		justify-content: center;
		overflow: hidden;
	}
	.widgets__item {min-width: 230px;}
	.widgets__item-title{
		font-weight: bold;
		font-size: 140%;
		text-align: center;
	}
	@media screen and (max-width: 550px) { 
		.widgets{
			flex-direction: column;
		}
	}

	@media screen and (max-width: 575px) {
		.widgets__item {margin: 0 auto;}
	}