* {
    -webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
    margin: 0;
    padding: 0;
}

body {
	 background: url(/img/bg1.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
}

section {
	display: block;
    margin: 0 auto;
    padding-top: 20px;
    min-height: 200px;
    box-shadow: inset 0px 3px 6px rgb(138, 120, 120);
}

.er404 h1{padding-top: 80px;}
.er404 h2{color: #fff; font-weight: 500;}
.star {font-size: 14px; padding-top: 15px;}
.sm {max-width: 900px; margin: 0 auto;}
.dbg {background: rgba(40, 76, 88, 0.498039);}
.wbg {background: #fff;}
.container {max-width: 1140px; margin: 0 auto;}
.container_head {max-width: 960px;}
.tacenter{text-align: center!important;}
.center{margin: 0 auto;}
.left {float: left;}
.right {float: right;}
.red {background: red!important;}
.news h2 {color: #fff};
.abs{position: absolute;}
.pad {padding-bottom: 30px;}
.mn {font-size: 24px!important;}
b {font-weight: 400;}
a {color: red;}
a:hover{ color: green;}
a, a:hover, a:active, a:focus {
	text-decoration: none !important;
    font-weight: 400;
}

.foot_answer{
    font-size: 22px;
    font-weight: 300;
}

h1, h2, h3, h4 {
	font-weight: normal;
	margin: 0;
}

.r h3 {text-align: right;}

.h1__title {
	vertical-align: middle;
    /*font-family: 'Lobster', cursive;*/
    text-transform: uppercase;
    font-weight: 400;
	font-size: 60px;
    padding-top: 260px;
    padding-bottom: 50px;
    color: #ffffff;
    
}

h2 {
	font-size: 40px;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.hotels h3 {
    font-size: 46px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 30px 0;
    padding: 30px;
    color: #555;
    border-bottom: 5px dotted #f4f5f6;
    
}

.carousel{box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);}

.besthotels {
    padding-bottom: 30px;
    padding-top: 0;
    background: #f4f5f6;    
}

.besthotels p{text-align: justify;}
.hotels {
    padding-bottom: 20px;
    background: #fff;    
    margin-bottom: 25px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.besthotels h2 {
   padding: 50px 0 30px; 
   color: #555;
}

.mgtnone {margin-top: 0;}

.yslugi {
    border-bottom: 5px dotted #f4f5f6;
    border-top: 5px dotted #f4f5f6;
    border-radius: 5px;
    margin-bottom: 20px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0;
    margin-top: 30px;
}    

.map {
    padding: 30px;
    text-align: center;
}

.map p {display: inline-block;}
.ysl img{height: 30px;}   
.ysl p, .map p{text-align: center;}

.price {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    clear: both;
    text-shadow: 0px 3px 6px rgb(126, 29, 29);
}

.pricel{
    background: url(/img/pricel.png) no-repeat center right;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    padding: 5px 5px 10px 25px;
    float: right;
}
    
.pricer{
    background: url(/img/pricer.png) no-repeat center left;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    padding: 5px 25px 10px 5px;
    float: left;
}

.bron {
    margin-top: 10px;
    padding: 5px 15px!important;
}

#logo img {
	height: 90px;
    margin-top: 50px;
}

.contact_us {
    font-size: 24px;
    color: #fff;
    margin-top: 40px;
}

.contact_us p {display: inline-block;}

.roads img {width: 100%;}
.roads {padding-top: 0;}

header {
	position: absolute;
    width: 100%;
	text-align: center;
}

.head {
    /*background: url(/img/bg1.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    padding-bottom: 200px;

}

.callback{
    background: #f4f5f6;
    padding-bottom: 20px;
}

.thumbnail:hover {box-shadow: 0px 3px 10px rgba(0, 0, 0, 1);}
.thumbnail p {font-size: 16px;}

.callback .container {max-width: 500px;}

/*************** FOOTER ***************/

#footer h2 {margin-bottom: 40px;}
#footer .contact_us {margin-top: 0;}

#footer {
	position: relative;
    color: #fff;
	background: #0692c7;
	width: 100%;
	padding-bottom: 20px;
}

#footer img {
	height: 65px;
	margin-bottom: 20px;
}

/*************** BUTTONS ***************/

.mn {font-size: 24px!important;}

.contact_us .btn,
#footer .btn,
form .btn,
.thank .btn {
    display: block;
    background: #fff;
    color: #555!important;
    margin-bottom: 20px;
    width: 100%;
}

.btnhm {
    color: #fff;
    background: transparent;
    padding: 5px;   
    margin: 0px auto;
    border-radius: 20px;
    border: 1px solid #fff;
    display: block;
    width: 70%;
}

.btnhm:hover {
     background: #fff;
    color: #0692c7;
}

.btn {
	text-transform: uppercase;
	font-size: 20px;
    color: #fff!important;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 1);
	background: #109905;
	border-radius: 5px;
    padding: 5px 40px;
    border: none;

}

.btn:hover {
    box-shadow: none;
}

.btn:focus {
	box-shadow: inset 0px 3px 10px rgba(0, 0, 0, 1);
}

.btn-primary {
    border: none;
    background: #109905;
    font-size: 14px;
    padding: 5px 20px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #109905;
    /*color: #000!important;*/
}

.sh_btn {background: #109905!important;}

.b24-widget-button-position-bottom-right {
    bottom: 20px!important;
    right: 2%!important;
}

/*************** FORM ***************/

input {margin-bottom: 25px;}
.error{border-color: red;}
.thank {
    display: none;
    width: 450px;
    margin: auto;
    padding-top: 100px;
}

form h2,
.thank h2{
    font-size: 30px;
    color: #fff;
}

form{
    padding: 20px;
    margin: 50px 25%;
    /*border: 5px dotted #fff;*/
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
    background: rgba(0, 70, 93, 0.498039);
}

.x {
    float: right;
    color: #fff;
}
.x:hover{transform: scale(1.2);}

/*************** SOCIAL ***************/
.social {
	position: relative;
	margin: 0 auto;
}

.social i {
    display: inline-block;
    color: #fff;
    padding: 8px;
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 20px;
    background: #0692c7;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 50%;
}

.social i:hover {
    background: #fff;
    border-color: #eceff3;
    color: #0692c7;
}

i.fa {
    margin-right: 10px;
    display: inline-block;
}
    
/***************** UP *****************/
#back-top {
    position: fixed;
    bottom: 20px;
    padding: 0px;
    left: 2%;  
    z-index:99991;
}

#back-top a{
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.25);
    display: block;
    color: #fff;
    padding: 5px 15px;
    border-radius: 50%;
    font-size: 30px;
    text-decoration: none;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    text-align: center;
     
}
 
#back-top a:hover{
    
    background: #00aeef;
    -webkit-transition: all linear 0.2s; 
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}


/*************** MOBILE ***************/

@media screen and (max-width: 1200px) {
    #footer .btn {
        padding: 10px 20px;
        font-size: 16px;
    }

    .foot_answer{margin-bottom: 25px;}
    .r h3 {text-align: left;}
    
}

@media screen and (max-width: 992px) {
    #footer .btn {
        padding: 10px 20px;
        font-size: 16px;
        margin-bottom: 30px;
    }

    .foot_answer{
        margin-bottom: 25px
    }

    .info {
        padding-bottom: 20px;
    }
    form {margin: 50px 10%;}
   
}

@media screen and (max-width: 480px) {
    .bron {
        padding: 10px 5px!important;
        font-size: 16px;
        margin-bottom: 30px;
    }

    .price {
        font-size: 20px;
        font-weight: 500;
        color: #fff;
        margin-top: 10px;
    }

    #logo img {
        height: 80px;
        margin-top: 5px;
    }

    header .contact_us {
        font-size: 18px;
        margin-top: 20px;
    }

    .h1__title {
        font-size: 48px;
        padding-top: 200px;
        padding-bottom: 30px
    }
    
    .ysl {display: inline-block;}
    .btnhm {margin: 10px auto 30px;}
   
    .contact_us .btn {
          font-size: 14px;
    }
    
    .hotels h3{font-size: 30px;}
    
    #logo{padding: 10px 5px;}
    
    form {margin: 100px 0;}
    
    .sh_btn{display: none;}
    
    .b24-widget-button-position-bottom-right, #back-top {zoom: 0.8;}
}

@media screen and (max-width: 410px) {
        
    html {zoom: 0.8;}    
    .mn {font-size: 20px!important;}
    .price{font-size: 17px;}
    .bron{font-size: 14px;}
    
    .head {
    background: url(/img/bg1.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
} 

@media screen and (min-width: 1440px) {
    html {zoom: 1.25;}
}

@media screen and (min-width: 2400px) {
    html {zoom: 2.2;}
}