/** Generated by FG **/
@font-face {
	font-family: 'Exo2-Bold';
	src: url('fonts/Exo2-Bold/Exo2-Bold.eot');
	src: local('☺'), url('fonts/Exo2-Bold/Exo2-Bold.woff') format('woff'), url('fonts/Exo2-Bold/Exo2-Bold.ttf') format('truetype'), url('fonts/Exo2-Bold/Exo2-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Exo2-Light';
	src: url('fonts/Exo2-Light/Exo2-Light.eot');
	src: local('☺'), url('fonts/Exo2-Light/Exo2-Light.woff') format('woff'), url('fonts/Exo2-Light/Exo2-Light.ttf') format('truetype'), url('fonts/Exo2-Light/Exo2-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Exo2-Medium';
	src: url('fonts/Exo2-Medium/Exo2-Medium.eot');
	src: local('☺'), url('fonts/Exo2-Medium/Exo2-Medium.woff') format('woff'), url('fonts/Exo2-Medium/Exo2-Medium.ttf') format('truetype'), url('fonts/Exo2-Medium/Exo2-Medium.svg') format('svg');
	font-weight: normal;
    font-style: normal;
}/** Generated by FG **/
@font-face {
	font-family: 'Exo2-Regular';
	src: url('fonts/Exo2-Regular/Exo2-Regular.eot');
	src: local('☺'), url('fonts/Exo2-Regular/Exo2-Regular.woff') format('woff'), url('fonts/Exo2-Regular/Exo2-Regular.ttf') format('truetype'), url('fonts/Exo2-Regular/Exo2-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.map-area-case {width:592px; height: 530px; float:left; background: url(../images/map.jpg) no-repeat center; position:relative;}
.map-inner {height:100%; width:100%;
    position: absolute; left: 0; top: 0; z-index: 100;}
.tooltip{position:absolute;left:-2000px; top: -99999px; background:#ecd9b0; padding:4px 34px 6px 34px; border:2px solid #c9b790; width:auto;
    -webkit-border-radius:5px;
     -khtml-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
.tooltip p{ margin:0; font-size:12px; line-height:14px; color:#000; text-transform:uppercase; }
.tooltip i {position:absolute; bottom:-9px; left: 50%; margin-left: -6px;  background: url(../images/sprites.png) no-repeat 0 -200px; width:13px; height: 9px;}
/* .............................................................. */
.map-case {border-top: 1px dotted #000; border-bottom:1px dotted #000; padding: 20px 0 29px 0; margin:37px 0 0 0;}
.map-area-select {margin:-4px 0 0 0;}
.select-country {display:block; margin: 0 0 0 0;
	color:#817b6f; font-style: normal;}

.map-area-select ul {display:block; margin:26px 0 0 0; padding:0;}
.map-area-select ul li {display:block; margin:0 0 8px 0; padding:0 0 0 24px; background: none;}


.map-area-select a,
.map-area-select span {display:inline-block; position:relative;}
.map-area-select a {text-decoration:underline; color:#970023;}
.map-area-select a:hover {text-decoration:none;}
.map-area-select i {display:block; position:absolute; top: 4px; left: -19px;
	width:11px; height:10px; border: 1px solid #cebd99;
    -webkit-border-radius:2px;
     -khtml-border-radius:2px;
       -moz-border-radius:2px;
            border-radius:2px;	
	}
.map-tour {padding:0 0 29px 0;}
.map-tour .intro-title{border: 2px solid #c9b790;}
/* .............................................................. */


body{
    margin: 0;
    padding: 0;
	font-family: 'Exo2-Light';
    background: #f2f0e7;
	font-size:16px;
}
*:focus,
a:focus{
    outline: 0;
}

img {max-width:100%; height:auto;}

.content-block a, .content-block ul a, p a, span a, table a, a h3, a h4 {
text-decoration: underline;
color: #970023 !important;
}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}
.container{
    width: 1140px;
    margin: 0 auto;
    position: relative;
    padding: 0;
}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
header{
    border-bottom: 1px solid #496276;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 98;
	height: 45px;
}
header.active{
    background: #496276;
}
header nav{
    float: left;
}
header nav ul li{
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 25px;
}
header nav ul li:first-child{
    margin: 0;
}
header nav ul li ul{
    display: none;
    position: absolute;
    z-index: 98;
    background: #496276;
    padding: 5px 0;
}
header nav ul li.active ul{
    display: block;
}
header nav ul li ul li{
    display: block;
    margin: 0;
}
header nav ul li ul li a{
    color: #fff;
    padding: 5px 15px;
}
header nav ul li ul li a:hover{
    color: #970023;
}
header nav ul li a{
    display: block;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    padding: 10px 0 12px 0;
    position: relative;
}
header nav>ul>li:hover>a,
header nav>ul>li>a:focus{
    color: #fff;
    text-decoration: none;
    outline: 0;
}
header nav>ul>li.active>a:after,
header nav>ul>li:hover>a:after{
    content: "";
    width: 100%;
    height: 3px;
    background: #970023;
    bottom: -1px;
    left: 0;
    position: absolute;
    display: block;
}
header nav ul>li.points>a{
    padding-right: 28px;
    background: url(../images/icon/points.png) right center no-repeat;
}
header .right{
    float: right;
    width: 255px;
    border-left: 1px solid #496276;
    text-align: right;
}
header .right a.agents{
    padding: 10px 28px 12px 0;
    background: url(../images/icon/points.png) right center no-repeat;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    right: 20px;
    display: none;
}
.main-block{
    background: url(../images/main-block.jpg) center -50px no-repeat;
    height: 370px;
    padding: 40px 0 0 0;
    box-sizing: border-box;
    background-attachment: fixed;
}
.main-block.index{
    height: 650px;
    background: url(../images/main-block.jpg) top center no-repeat;
    background-attachment: fixed;
}
.logo{
    float: left;
    padding: 35px 0 0 0;
}
.contact-infomatios{
    width: 360px;
    float: right;
    padding: 35px 0 0 0;
    overflow: hidden;
}
.contact-infomatio-left{
    width: 210px;
    float: left;
}
.contact-infomatio-left div{
    padding: 0 0 0 0;
}
.contact-infomatio-left div span{
    font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 75px;
}
.contact-infomatio-left div a{
    display: inline-block;
    vertical-align: middle;
    color: #f1d46a;
    text-decoration: none;
    font-size: 18px;
	font-family: 'Exo2-Medium';
}
.contact-infomatio-right{
    width: 120px;
    float: right;
}
.contact-infomatio-right a{
    display: block;
    background: #970023;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
	font-family: 'Exo2-Bold';
    text-align: center;
    padding: 9px 0;
    border-radius: 3px;
    margin: 0 0 6px 0;   
}
.contact-infomatio-right a:hover{
    color: #970023;
    background: #fff;
}
.main-block.index .main-block-bottom{
    position: absolute;
    top: 275px;
    left: 0;
    width: 100%;
    padding: 0;
}
.main-block-bottom{
    top: 175px;
    position: absolute;
    left: 0;
    width: 100%;
}
.slogan{
    text-align: center;
    font-size: 80px;
	font-family: 'Exo2-Bold';
    color: #f1d46a;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}
.weather{
    width: 110px;
    height: 110px;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
    color: #f1d46a;
    float: left;
    position: relative;
    z-index: 1;
}
.weather.right{
    float: right;
}
.weather .temperature{
    font-size: 14px;
    padding: 15px 0 10px 0;
}
.weather .time{
    font-size: 20px;
	font-family: 'Exo2-Medium';
}
.weather .city{
    font-size: 14px;
    padding: 10px 0 0 0;
}
.biger-title{
    text-align: center;
    font-size: 32px;
    line-height: 34px;
	font-family: 'Exo2-Medium';
    color: #970023;
    margin: 55px 0 40px 0;
}
.container>p{
	font-family: 'Exo2-Regular';
    font-size: 16px;
    line-height: 26px;
    color: #3f3f3f;
}
.center{
    text-align: center;
}
.title{
    text-align: center;
	font-family: 'Exo2-Bold';
    font-size: 46px;
    color: #970023;
    margin: 20px 0 20px 0;
}
.tab .title{
    margin: 45px 0;
}
.white{
    background: #fff;
}
.white.padding{
    padding: 1px 0;
}
.products{}
.product{
    width: 263px;
    float: left;
    margin: 0 29px 30px 0;
    box-sizing: border-box;
    border: 1px solid #f3f3f3;
    border-top: 0;
    border-radius: 3px;
}
.product:nth-child(4n){
    margin-right: 0;
}
.product-img a,
.product-img img{
    display: block;
}
.product-img img{
    max-width: 100%;
}
.product-title{
    padding: 16px 0;
    text-align: center;
}
.product-title a{
    display: block;
    font-size: 18px;
    color: #970023;
    text-decoration: none;
    height: 50px;
    padding: 0 5px;
    overflow: hidden;
}
.product-title a:hover{
    text-decoration: underline;
}
.product-description{
	font-family: 'Exo2-Regular';
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #3f3f3f;
    height: 66px;
    overflow: hidden;
    padding: 0 5px;
}
.product-description br{
    display: none;
}
.product-button{
    padding: 19px 0;
    text-align: center;
}
.product-button a{
	font-family: 'Exo2-Bold';
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    background: #970023;
    text-decoration: none;
    padding: 9px 19px;
    border-radius: 3px;
    border: 1px solid #fff;
}
.product-button a:hover{
    color: #970023;
    background: #fff;
    border: 1px solid #970023;
}
.product-more{
    text-align: center;
    padding: 0;
    clear: both;
}
.product-more a{
	font-family: 'Exo2-Bold';
    display: inline-block;
    font-size: 14px;
    color: #970023;
    text-transform: uppercase;
    text-decoration: none;
}
.ui-tabs-nav{
    text-align: center;
}
.ui-tabs-nav li{
    display: inline-block;
    vertical-align: middle;
}
.ui-tabs-nav li a{
    display: block;
    font-size: 16px;
    color: #970023;
    text-transform: uppercase;
    text-decoration: none;
    background: #fff;
    border: 2px solid #fff;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 11.5px 38px;
}
.ui-tabs-nav li.active a{
    background: #f2f0e7;
    color: #3f3f3f;
}
.ui-tabs-panel{
    padding: 35px 0;
}
.map .title{
    font-size: 32px;
	font-family: 'Exo2-Medium';
    padding: 1px 0;
}
.map-content{
    width: 882px;
    height: 714px;
    background: url(../images/map.png) top right no-repeat;
    margin: 0 0 0 auto;
    position: relative;
}
.map-block{
    position: absolute;
}
.map-block .point{
    display: block;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #970023;
    position: relative;
    cursor: pointer;
}
.map-block .point:after{
    content: "";
    width: 2px;
    height: 20px;
    background: #970023;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -1px;
    bottom: 100%;
    display: none;
}
.map-block:hover .point:after{
    display: block;
}
.map-block .map-description{
    position: absolute;
    bottom: 40px;
    right: -34px;
    width: 263px;
    background: #970023;
    border-radius: 3px;
    padding: 0 0 30px 0;
    box-sizing: border-box;
    display: none;
}
.map-block:hover .map-description{
    display: block;
}
.map-block .map-description div{
    text-align: center;
	font-family: 'Exo2-Regular';
    font-size: 18px;
    color: #fff;
    padding: 25px 0;
}
.map-block .map-description p{
	font-family: 'Exo2-Regular';
    margin: 0 14px;
    font-size: 14px;
    line-height: 22px;
    color: #d3ceb8;
    text-align: center;
}
.map-block1{
    left: 80px;
    bottom: 280px;
}
.map-block2{
    left: 45px;
    bottom: 115px;
}
.map-block3{
    left: 230px;
    bottom: 175px;
}
.map-block4{
    left: 295px;
    bottom: 305px;
}
.map-block5{
    left: 335px;
    bottom: 40px;
}
.map-block6{
    left: 415px;
    bottom: 205px;
}
.map-block7{
    left: 455px;
    bottom: 40px;
}
.map-block8{
    left: 500px;
    bottom: 325px;
}
.map-block9{
    left: 490px;
    bottom: 240px;
}
.map-block10{
    left: 490px;
    bottom: 150px;
}
.map-block11{
    left: 580px;
    bottom: 450px;
}
.map-block12{
    left: 590px;
    bottom: 355px;
}
.map-block13{
    left: 570px;
    bottom: 175px;
}
.map-block14{
    left: 585px;
    bottom: 115px;
}
.map-block15{
    left: 575px;
    bottom: 30px;
}
.map-block16{
    left: 660px;
    bottom: 290px;
}
.services-from-hands{
    padding: 0 0 20px 0;
}
.services-from-hands>div{
    display: inline-block;
    vertical-align: top;
    width: 32%;
}
.services-from-hands>div div{
	font-family: 'Exo2-Regular';
    font-size: 18px;
    line-height: 26px;
    color: #3f3f3f;
    padding: 0 15px 15px 40px;
    box-sizing: border-box;
    display: block;
    position: relative;
}
.services-from-hands>div div:after{
    content: "";
    width: 30px;
    height: 21px;
    background: url(../images/icon/check.png) no-repeat;
    position: absolute;
    top: 8px;
    left: 0;
}
.services-from-hands a {text-decoration:underline; color: #970023;}
.vip-service{
    background: #000 url(../images/vip.jpg) top center no-repeat;
    background-size: cover;
}
.vip-service .title{
	font-family: 'Exo2-Medium';
    font-size: 32px;
    color: #d3ceb8;
    padding: 10px 0 0 0;
}
.vip-service .sub-title{
    font-size: 46px;
    color: #fff;
	font-family: 'Exo2-Bold';
    text-align: center;
    padding: 5px 0 40px 0;
}
.vip-services{}
.vip-services>div{
    width: 33.33%;
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 0 0 30px 0;
}
.vip-services>div .img{
    width: 84px;
    height: 84px;
    line-height: 84px;
    background: #970023;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
}
.vip-services>div .img img{
    display: inline-block;
    vertical-align: middle;
}
.vip-services>div .description{
    width: 240px;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #fff;
    line-height: 26px;
}
.vip-services>div:nth-child(3n) .description{
    width: 275px;
}
.vip-services>div:last-child{
    width: auto;
}
.vip-services>div:last-child .description{
    width: 375px;
}
.vip-more{
    text-align: center;
    padding: 50px 0 40px 0;
}
.vip-more a{
    display: inline-block;
    font-size: 14px;
    color: #970023;
    text-transform: uppercase;
	font-family: 'Exo2-Bold';
    text-decoration: none;
    background: #fff;
    padding: 13.5px 20px;
    border-radius: 3px;
}
.vip-more a:hover{
    background: #970023;
    color: #fff;
}
.travel-content .title{
    padding: 80px 0 20px 0;
    margin: 0;
}
.travel{
    margin: 45px 0 0 0;
    background: #970023;
}
.travel-images{
    overflow: hidden;
}
.travel-images>div{
    display: block;
    width: 33.33%;
    float: left;
}
.travel-images form>div img{
    width: 100%;
}
.travel-form{
    padding: 0 0 30px 0;
}
.travel-form-title{
    text-align: center;
    padding: 30px 0 20px 0;
}
.travel-form-title img{
    display: inline-block;
}
.travel-form-content{
    text-align: center;
}
.travel-form-content form>div{
    width: 200px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    margin: 0 8px;
}
.travel-form-content form>div>div{
	font-family: 'Exo2-Light';
    font-size: 14px;
    color: #fff;
    padding: 0 0 10px 0;
}
.travel-form-content form>div>div.icon{
    position: absolute;
    right: 8px;
    bottom: 0;
    width: 30px;
    height: 40px;
    padding: 0;
    margin: 0;
}
.travel-form-content form>div>div.icon.calender{
    background: url(../images/icon/calendar.png) center center no-repeat;
}
.travel-form-content form>div>div.icon.close{
    background: url(../images/icon/close.png) center center no-repeat;
}
.travel-form-content form>div .mow{
    display: block;
    position: absolute;
    right: 10px;
    bottom: 12px;
    font-size: 14px;
    color: #a09f9f;
    text-transform: uppercase;
}
.travel-form-content form>div input{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 9.5px 43px 9.5px 12px;
    color: #3f3f3f;
	font-family: 'Exo2-Light';
    font-size: 14px;
    border: 2px solid #fff;
    border-radius: 3px;
}
.travel-form-content form>div input:focus{
    border: 2px solid #f7e443;
}

input::-webkit-input-placeholder{
    color: #3f3f3f;
}
input::-webkit-input-placeholder{
    color: #3f3f3f;
}
.travel-form-content form>div.travel-form-button{
    width: 100%;
    padding: 30px 0;
    text-align: center;
    margin: 0;
}
.travel-form-button button{
    display: inline-block;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    background: none;
	font-family: 'Exo2-Bold';
    padding: 10.5px 45px;
    border-radius: 3px;
    cursor: pointer;
}
.travel-form-button button:hover{
    background: #fff;
    color: #970023;
}
.aviasales{
    overflow: hidden;
    text-align: center;
}
.aviasales>div{
    width: 305px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    overflow: hidden;
}
.aviasales>div{
    
}
.aviasales>div:nth-child(1){
    margin: 0 165px 0 0;
}
.aviasales>div>div{
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    padding: 0 0 5px 0;
    opacity: 0.5;
}
.aviasales>div>div:hover{
    opacity: 1;
}
.aviasales>div>div span{
    display: inline-block;
    vertical-align: middle;
}
.aviasales>div>div img{
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}
.aviasales>div>div>div{
    float: left;
}
.aviasales>div>div>div:last-child{
    float: right;
}
.dark-red{
    background: #970023;
}
.do-you-want{
    text-align: center;
	font-family: 'Exo2-Medium';
    font-size: 32px;
    line-height: 34px;
    color: #970023;
    padding: 0px 0 30px 0;
}
.feedback{
    text-align: center;
    padding: 28px 0;
}
.feedback .feedback-title{
    display: inline-block;
    vertical-align: middle;
	font-family: 'Exo2-Medium';
    font-size: 32px;
    color: #fff;
    margin: 0 45px 0 0;
}
.feedback form{
    display: inline-block;
    vertical-align: middle;
}
.feedback form input{
    width: 200px;
    display: inline-block;
    vertical-align: middle;
	font-family: 'Exo2-Light';
    font-size: 14px;
    color: #3f3f3f;
    padding: 13.5px 14px;
    box-sizing: border-box;
    border: 0;
    border-radius: 3px;
    margin: 0 20px 0 0;
}
.feedback form button{
    width: 200px;
    box-sizing: border-box;
    border: 2px solid #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
	font-family: 'Exo2-Bold';
    padding: 11.5px 0;
    background: none;
    border-radius: 3px;
    cursor: pointer;
}
.feedback form button:hover{
    background: #fff;
    color: #970023;
}
.dark{
    text-align: center;
    background: #1b1b1b;
    padding: 25px 0;
}
.dark div{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
	font-family: 'Exo2-Light';
    margin: 0 20px 0 0;
}
.dark img{
    display: inline-block;
    vertical-align: middle;
}
footer{
    border-bottom: 1px solid #3a3a3a;
    border-top: 1px solid #3a3a3a;
    background: #1b1b1b;
}
footer .container{
    padding: 35px 0 30px 0;
}
.footer-left{
    float: left;
}
.footer-left>div:nth-child(1){
    padding: 0 0 35px 0;
}
.footer-left p{
    margin: 0;
    font-size: 14px;
    color: #fff;
    padding: 0 0 10px 0;
}
.footer-left a{
    color: #c91f46;
    text-decoration: none;
}
.footer-left a:hover{
    text-decoration: underline;
}
.footer-right{
    float: right;
}
.footer-right ul{
    display: inline-block;
    vertical-align: top;
    width: 195px;
}
.footer-right ul:last-child{
    width: auto;
}
.footer-right ul li{
    padding: 0 0 14px 0;
}
.footer-right ul li a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
.footer-right ul li a:hover{
    text-decoration: underline;
}
.footer-social{
    text-align: center;
    background: #1b1b1b;
    padding: 22.5px 0;
}
.footer-social a{
    display: inline-block;
    vertical-align: top;
    margin: 0 11px;
    text-decoration: none;
    transition: 0.5s;
}
.footer-social a:hover{
    opacity: 0.6;
}
select{
    display: block;
    font-size: 14px;
    color: #3f3f3f;
	font-family: 'Exo2-Light';
    border: 0;
    width: 100%;
    padding: 10.5px 30px 10.5px 14px;
    box-sizing: border-box;
    border-radius: 3px;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    -ms-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    background: #fff url(../images/icon/arrow.png) center right no-repeat;;
}
.downald{
    text-align: center;
    margin: 40px 0 30px 0;
}
.downald a{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: #970023;
	font-family: 'Exo2-Bold';
    text-transform: uppercase;
    margin: 0 10px;
    padding: 13.5px 30px;
    border-radius: 3px;
}
.downald a:hover{
    background: #fff;
    color: #970023;
}

}
.chose{
    text-align: center;
    padding: 50px 0;
}
.chose span,
.chose select{
    display: inline-block;
    vertical-align: middle;
}
.chose span{
    font-size: 18px;
    color: #3f3f3f;
    font-family: 'Exo2-Bold';
    margin: 0 20px 0 0;
}
.chose select{
    width: 320px;
    border: 1px solid #cfcfcf;
}
.large .product-description{
    height: 180px;
}
.price{
    text-align: center;
    font-size: 14px;
    color: #3f3f3f;
    font-family: 'Exo2-Regular';
}
.price span{
    display: block;
    font-family: 'Exo2-Bold';
    font-size: 18px;
}
.more-description{
    text-align: center;
    padding: 0 0 20px 0;
}
.more-description a{
    display: inline-block;
    font-size: 12px;
    color: #970023;
    text-decoration: none;
    font-family: 'Exo2-Bold';
    text-transform: uppercase;
}
.more-description a:hover{
    text-decoration: underline;
}
.large .product-title a{
    padding: 0 25px;
}
.white-with-padding{
    padding-top: 40px;
}
.white-with-padding .travel{
    margin: 0;
}
.breadcrumbs{
    font-size: 12px;
    color: #3f3f3f;
    padding: 10px 0 0 0;
    margin: 0 0 -30px 0;
}
.breadcrumbs a,
.breadcrumbs span{
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #3f3f3f;
    font-family: 'Exo2-Regular';
}
.breadcrumbs a:hover{
    text-decoration: underline;
}
.sub-title{
    font-size: 32px;
    font-family: 'Exo2-Medium';
    padding: 10px 0 0 0;
}
.product-title.large a{
    height: 66px;
}
.white.with-padding{
    padding: 30px 0;
}
.container>ul>li{
    display: block;
    color: #3f3f3f;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Exo2-Regular';
    position: relative;
    padding: 0 0 0 25px;
}
.container>ul>li:after{
    content: "";
    width: 3px;
    height: 3px;
    position: absolute;
    top: 13px;
    left: 8px;
    background: #970023;
    border-radius: 50%;
}
.container>ul>b{
    font-size: 16px;
    color: #3f3f3f;
    font-family: 'Exo2-Bold';
    font-weight: 100;
    padding: 0 0 10px 0;
    display: block;
}
.target{
    height: 320px;
    background: url(../images/target.png) no-repeat;
    display: flex;
    align-items: center;
    margin: 35px 0;
}
.target>div{
    display: inline-block;
    text-align: center;
    width: 100%;
    font-family: 'Exo2-Medium';
}
.target>div p{
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    padding: 25px 20px 0 20px;
    margin: 0;
}
.target-title{
    font-size: 32px;
    color: #fff;
}
.container>p .red{
    font-family: 'Exo2-Bold';
    font-size: 16px;
    line-height: 26px;
    color: #970023;
    display: block;
}
.substance{
    background: #970023;
    margin: 10px 0 10px 0;
    border-radius: 3px;
    padding: 0 0 40px 0;
}
.substance-title{
    font-family: 'Exo2-Bold';
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    padding: 30px 0;
}
.substance-content{
    overflow: hidden;
}
.substance-content>div{
    font-family: 'Exo2-Regular';
    float: left;
    width: 50%;
    font-size: 16px;
    line-height: 34px;
    color: #fff;
    padding: 0 0 0 70px;
    box-sizing: border-box;
}
.hotel{
    width: 555px;
    float: left;
    background: #f2f0e7;
    margin: 0 0 30px 0;
    border-radius: 3px;
}
.hotel.white{
    background: #fff;
    padding: 0 0 20px 0;
}
.hotel.last{
    width: 100%;
}
.hotel.last .hotel-img img{
    float: left;
    width: 48%;
}
.hotel.last .hotel-img img:nth-child(2n){
    float: right;
}
.hotel:nth-child(even){
    float: right;
}
.hotel-img{
    overflow: hidden;
}
.hotel-img a,
.hotel-img img{
    display: block;
    max-width: 100%;
}
.hotel-title{
    text-align: center;
    padding: 20px 0;
}
.hotel-title span{
    display: block;
    text-align: center;
    font-size: 22px;
    line-height: 26px;
    color: #970023;
    font-family: 'Exo2-Regular';
    padding: 0 0 10px 0;
}
.hotel-title a{
    color: #970023;
    font-size: 18px;
    text-decoration: none;
    font-family: 'Exo2-Regular';
}
.hotel-description{
    padding: 0 24px;
    font-size: 14px;
    color: #3f3f3f;
    font-family: 'Exo2-Regular';
    line-height: 22px;
    height: 130px;
    overflow: hidden;
}
.hotel-description2{
    height: 240px;
    padding-bottom: 25px;
}
.hotel-more{
    text-align: center;
    padding: 0 0 20px 0;
}
.hotel-more a{
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'Exo2-Bold';
    background: #970023;
    padding: 10px 20px;
    border-radius: 3px;
}
.hotel-more a:hover{
    color: #970023;
    background: #fff;
}
.hotels .biger-title{
    margin-top: 20px;
}
.hotel-price2{
    text-align: center;
}
.hotel-price2>div{
    width: 48%;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 22px;
    color: #3f3f3f;
    font-family: 'Exo2-Regular';
    padding: 0 0 10px 0;
}
.hotel-price2>div span{
    display: block;
    font-size: 18px;
    font-family: 'Exo2-Bold';
}
.send-inquary{
    text-align: center;
    padding: 105px 0 50px 0;
    margin: -85px 0 0 0;
}
.send-inquary a{
    display: inline-block;
    font-family: 'Exo2-Bold';
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    border: 2px solid #fff;
    border-radius: 3px;
    padding: 11.5px 30px;
}
.send-inquary a:hover{
    color: #970023;
    background: #fff;
}
.biger-title2{
    margin: 0 0 25px 0;
}
.table{}
.table .tr:nth-child(odd){
    background: #e5e2d7;
}

.table .tr:nth-child(even){
    background: #e5e2d7;
}

.table .tr .container{
    padding: 25px 0;
}
.table .tr .container .left{
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 26px;
    color: #3f3f3f;
    font-family: 'Exo2-Regular';
	padding: 0 20px 0 20px;
}
.table .tr .container .left2{
    width: 57.5%;
}
.table .tr .container .middle{
    width: 16%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: #3f3f3f;
    font-size: 18px;
    font-family: 'Exo2-Bold';
}
.table .tr .container .right{
    width: 24%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    color: #3f3f3f;
    font-size: 18px;
    font-family: 'Exo2-Bold';
}
.table .tr .container .right span{
    font-size: 16px;
    font-family: 'Exo2-Regular';
}
.button{
    text-align: center;
    margin: 50px 0;
}
.button a{
    display: inline-block;
    font-family: 'Exo2-Bold';
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    background: #970023;
    color: #fff;
    padding: 13.5px 30px;
    border-radius: 3px;
}
.button a:hover{
    background: #fff;
    color: #970023;
}
.title-last{
    padding: 10px 0 10px 0;
    margin: 0;
}
.cars{
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0 0;
}
.car{
    display: inline-block;
    flex-basis: 360px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #f3f3f3;
    margin: 0 0 25px 0;
}
.car-title{
    font-size: 18px;
    font-family: 'Exo2-Regular';
    text-align: center;
    padding: 15px 0 0 0;
    height: 50px;
    overflow: hidden;
}
.car-price{
    text-align: center;
    font-size: 18px;
    color: #3f3f3f;
    font-family: 'Exo2-Bold';
    padding: 15px 0 25px 0;
}
.car-title a{
    color: #970023;
    text-decoration: none;
}
.hotel-price{
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #3f3f3f;
    padding: 20px 0 30px 0;
}
.hotel-price span{
    display: block;
    font-size: 18px;
    font-family: 'Exo2-Bold';
}
.dark-description{
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-family: 'Exo2-Bold';
    padding: 0 0 40px 0;
}
.recommend{
    padding: 45px 0 0 0;
}
.recommend p{
    font-size: 16px;
    line-height: 26px;
    color: #3f3f3f;
    font-family: 'Exo2-Regular';
    margin: 0 0 35px 0;
}
.recommend p span{
    display: block;
    font-family: 'Exo2-Bold';
}
.overflow{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 99;
    display: none;
}
.overflow.active{
    display: block;
}
.popup{
    width: 400px;
    max-height: 80vh;
    top: 5vh;
    background: #fff;
    left: 50%;
    margin: 0 0 0 -200px;
    position: fixed;
    z-index: 100;
    border-radius: 3px;
    display: none;
	overflow-y: scroll;
}
.popup.active{
    display: block;
}
.popup-title{
    font-family: 'Exo2-Bold';
    text-align: center;
    font-size: 22px;
    color: #000;
    padding: 15px 0 15px 0;
}
.popup .close{
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.popup .close:before,
.popup .close:after{
    content: "";
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
    top: 12px;
    box-shadow: none;
    left: 0;
}
.popup .close:after{
    transform: rotate(135deg);
}
.popup .close:before{
    transform: rotate(-135deg);
}
.popup form{
    padding: 0 25px;
}
.popup form input{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 9.5px 43px 9.5px 12px;
    color: #3f3f3f;
    font-family: 'Exo2-Light';
    font-size: 14px;
    border: 2px solid #ccc;
    border-radius: 3px;
    margin: 0 0 20px 0;
}

.popup form textarea{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 9.5px 43px 9.5px 12px;
    color: #3f3f3f;
    font-family: 'Exo2-Light';
    font-size: 14px;
    border: 2px solid #ccc;
    border-radius: 3px;
    margin: 0 0 20px 0;
}
.popup form textarea:focus{
    border: 2px solid #f7e443;
}
.popup form input:focus{
    border: 2px solid #f7e443;
}
.popup form button{
    font-size: 14px;
    color: #3f3f3f;
    text-transform: uppercase;
    border: 2px solid #3f3f3f;
    background: none;
    font-family: 'Exo2-Bold';
    padding: 10.5px 45px;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 auto 20px auto;
    transition: 0.5s;
}
.popup form button:hover{
    opacity: 0.8;
}


.content-form form input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 9.5px 43px 9.5px 12px;
    color: #3f3f3f;
    font-family: 'Exo2-Light';
    font-size: 14px;
    border: 2px solid #ccc;
    border-radius: 3px;
    margin: 0 0 20px 0;
}

.selector select {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    padding: 9.5px 43px 9.5px 12px !important;
    color: #3f3f3f;
    font-family: 'Exo2-Light';
    font-size: 14px;
    border: 2px solid #ccc !important;
    border-radius: 3px;
    margin: 0 0 20px 0;
}

.content-form form textarea{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 9.5px 43px 9.5px 12px;
    color: #3f3f3f;
    font-family: 'Exo2-Light';
    font-size: 14px;
    border: 2px solid #ccc;
    border-radius: 3px;
    margin: 0 0 20px 0;
}
.content-form form textarea:focus{
    border: 2px solid #f7e443;
}
.content-form form input:focus{
    border: 2px solid #f7e443;
}
.content-form form button{
    font-size: 14px;
    color: #3f3f3f;
    text-transform: uppercase;
    border: 2px solid #3f3f3f;
    background: none;
    font-family: 'Exo2-Bold';
    padding: 10.5px 45px;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 auto 20px auto;
    transition: 0.5s;
}
.content-form form button:hover{
    opacity: 0.8;
}


@media (max-width: 1179px){
    .container{
        width: 940px;
        margin: 0 auto;
    }
    header nav ul li{
        margin: 0 0 0 20px;
    }
    header .right{
        border: 0;
        width: auto;
    }
    .product{
        width: 23.5%;
        margin: 0 2% 20px 0;
    }
    .product-description{
        font-size: 12px;
        line-height: 20px;
    }
    .vip-service{
        background-size: cover;
    }
    .travel-form-content form>div{
        width: 230px;
        margin-top: 20px;
    }
    .feedback .feedback-title{
        font-size: 28px;
    }
    .footer-right ul{
        width: auto;
        margin: 0 30px 0 0;
    }
    .footer-right ul:last-child{
        margin: 0;
    }
    .vip-services>div{
        padding-right: 10px;
    }
    .vip-services>div .img{
        display: block;
        float: left;
    }
    .vip-services>div .description{
        width: auto;
        display: block;
    }
    .large .product-title a{
        padding: 0 5px;
    }
    .substance{
        margin: 40px 0 0 0;
    }
    .substance-content>div{
        padding: 0 10px 0 15px;
    }
    .hotel{
        width: 49%;
    }
}
@media (max-width: 979px){
    .map-block .map-description{
        right: auto;
        left: -40px;
    }
    header nav>ul.active{
        position: absolute;
        background: #496276;
        z-index: 10;
        display: block;
        top: 39px;
        border: 1px solid #3f3f3f;
        border-top: 0;
        max-height: 90vh;
        overflow: auto;
        top: 102%;
    }
    header nav ul li ul{
        position: static;
    }
    header nav ul li:first-child{
        margin: 0;
    }
    header nav ul.active li{
        display: block;
        margin: 0;
        padding: 0 15px;
    }
    header nav>ul.active>li>a{
        color: #fff;
        padding: 7px 0;
        font-family: 'Exo2-Bold';
    }
    .container{
        width: 740px;
    }
    .map-border{
        width: 100%;
        overflow: auto;
    }
    .vip-services>div{
        width: 50%;
    }
    .slogan{
        font-size: 50px;
        padding: 20px 0 0 0;
    }
    .product-title a{
        font-size: 16px;
        line-height: 20px;
    }
    header nav .main-menu-button{
        width: 30px;
        height: 24px;
        position: relative;
        box-sizing: border-box;
        padding: 11px 0 0 0;
        margin: 7px 0 0 0;
        cursor: pointer;
    }
    header nav .main-menu-button span{
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
    }
    header nav .main-menu-button span:before,
    header nav .main-menu-button span:after{
        content: "";
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 0;
        transition: 0.5s;
    }
    header nav .main-menu-button span:before{
        top: 0;
    }
    header nav .main-menu-button span:after{
        bottom: 0;
    }
    header nav .main-menu-button.active span{
        background: transparent;
    }
    header nav .main-menu-button.active span:before{
        top: 11px;
        transform: rotate(135deg);
    }
    header nav .main-menu-button.active span:after{
        bottom: auto;
        top: 11px;
        transform: rotate(-135deg);
    }
    header nav ul{
        display: none;
    }
    .biger-title br{
        display: none;
    }
    .biger-title{
        font-size: 22px;
        line-height: 24px;
        padding: 20px 0 10px 0;
        margin: 0;
    }
    .title{
        font-size: 32px;
        margin: 30px 0;
    }
    .map .title br{
        display: none;
    }
    .services-from-hands>div{
        width: 100%;
    }
    .services-from-hands>div div{
        width: 49%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
    }
    .map .title{
        margin: 0;
    }
    .services-from-hands{
        padding: 0;
    }
    .aviasales>div{
        width: 400px;
        display: block;
        margin: 0 auto;
    }
    .aviasales>div:nth-child(1){
        margin: 0 auto;
    }
    .do-you-want{
        font-size: 24px;
    }
    .do-you-want br{
        display: none;
    }
    .feedback .feedback-title{
        margin: 0 0 20px 0;
    }
    .footer-left{
        width: 200px;
    }
    .vip-service .title{
        margin: 0;
        font-size: 24px;
    }
    .vip-service .title br{
        display: none;
    }
    .vip-service .sub-title{
        padding: 30px 0 40px 0;
    }
    .vip-more{
        padding-top: 0;
    }
    .travel-images>div img{
        width: 100%;
        display: block;
    }
    .chose{
        padding: 0 0 40px 0;
    }
}
@media (max-width: 767px){
    .hotel,
    .hotel:nth-child(2n){
        width: 100%;
        float: none;
    }
    .hotel-description{
        height: 140px;
        margin-bottom: 10px;
    }
    .chose{
        margin: -20px 0 0 0;
    }
    .chose span{
        margin: 0;
        padding: 0 0 15px 0;
    }
    .downald a{
        margin: 0 0 20px 0;
    }
    .downald a:last-child{
        margin: 0;
    }
    .travel-images>div{
        width: 100%;
    }
    .container{
        width: 440px;
    }
    .do-you-want{
        font-size: 18px;
        line-height: 26px;
        padding: 40px 0 30px 0;
    }
    .footer-left>div{
        display: inline-block;
        vertical-align: top;
        width: 48%;
    }
    .footer-left{
        width: 100%;
        float: none;
    }
    .footer-right ul{
        margin: 0 10px 0 0;
    }
    .vip-services>div{
        width: 100%;
        margin: 0 0 30px 0;
        padding: 0;
    }
    .vip-services>div:last-child .description{
        width: auto;
    }
    .vip-service .sub-title{
        font-size: 32px;
    }
    .vip-service .title{
        font-size: 20px;
    }
    .travel-content .title{
        padding: 30px 0 20px 0;
    }
    .logo{
        display: none;
    }
    .contact-infomatios{
        width: 100%;
    }
    .index .slogan{
        margin: -130px 0 0 0;
        top: 0;
        bottom: auto;
        font-size: 50px;
    }
    .product{
        width: 48%;
        margin: 0 0 20px 0;
    }
    .product:nth-child(2n){
        float: right;
    }
    .ui-tabs-nav li{
        display: block;
    }
    .title{
        font-size: 24px;
    }
    br{
        display: none;
    }
    .map .title{
        font-size: 24px;
    }
    .services-from-hands>div div{
        width: 100%;
    }
    .aviasales>div{
        width: auto;
        margin: 0 0;
        padding: 0 10px;
    }
    .main-block-bottom{
        top: 140px;
        padding: 0 0 70px 0;
    }
    .slogan{
        position: absolute;
        bottom: 0;
        margin: 0;
        padding: 0;
        top: auto;
        font-size: 32px;
    }
    .cars{
        display: block;
    }
    .car{
        width: 100%;
        display: block;
    }
    .table .tr .container .left{
        width: 100%;
    }
    .table .tr .container .right{
        width: 100%;
        text-align: center;
        padding: 10px 0 0 0;
    }
    .table .tr .container .middle{
        text-align: center;
        width: 100%;
        padding: 10px 0 0 0;
    }
	
	.hotel-description {height:auto;}
}
@media (max-width: 479px){
    .popup{
        width: 80%;
        left: 10%;
        margin: 0;
    }
    .popup form button{
        padding: 10.5px 20px;
    }
    .hotel.last .hotel-img img{
        width: 100%;
    }
    .substance{
        padding: 0 0 15px 0;
    }
    .substance-title{
        padding: 15px 0;
    }
    .substance-content>div{
        width: 100%;
        padding: 0 10px 0 15px;
    }
    .chose select{
        width: 100%;
    }
    .container{
        width: 320px;
        margin: 0 auto;
    }
    .contact-infomatio-left{
        width: 178px;
    }
    .contact-infomatio-left div span{
        font-size: 12px;
        width: 70px;
    }
    .contact-infomatio-left div a{
        font-size: 14px;
    }
    .contact-infomatios{
        padding: 18px 0 0 0;
    }
    .slogan{
        margin: -180px 0 0 0;
    }
    .product{
        width: 100%;
    }
    .product-img img{
        width: 100%;
    }
    .product-title a{
        font-size: 20px;
        line-height: 22px;
    }
    .product-description{
        font-size: 16px;
        line-height: 22px;
    }
    .feedback form input{
        margin: 0 0 20px 0;
    }
    .footer-right ul,
    .footer-right ul:last-child{
        width: 44%;
        margin: 0;
    }
    .footer-left>div:nth-child(1){
        width: 100%;
        padding: 0 0 20px 0;
    }
    .footer-left>div{
        width: 100%;
        padding: 0 0 20px 0;
    }
}
.ny2018 {
    background: url('../img/ny2019.jpg') no-repeat scroll;
    width: 250px;
	height: 250px;
    bottom: 5px;
    left: 5px;
    position: fixed;
    z-index: 9999;
	overflow:hidden;
	opacity:0.5;
	}
	
.ny2018-small {
    background: url('../img/2018_small.jpg') no-repeat scroll;
    height: 80px;
    width: 84px;
    bottom: 50px;
    left: 50px;
    position: fixed;
    z-index: 9999;
	overflow:hidden;
	}
/* .............................................................. */
.number-stars {border-top: 1px dotted #000; border-bottom:1px dotted #000; padding:4px 0 19px 0; margin:47px 0 15px 0;
	font-size:12px; line-height:12px;}
.number-stars span {display:block; text-align: center; margin:4px 42px 0 0; font-size: 18px;}
/*.number-stars a {display:block; float:left; margin:0 10px 0 0; padding: 5px; position:relative;
	color:#000000; font-weight:bold; font-size:20px; border: 1px solid; border-radius: 3px; font-size:15px; height: 35px;} */
.number-stars a i {display:inline-block; width:15px; height:15px; background: url(../images/sprites.png) no-repeat -108px -15px; margin: 0 3px 0 3px;
	position:relative; top: 2px; zoom: 1;}
.number-stars .active {color:#970023; background: #d7cab0;}
.number-stars .active i {background-position: -108px 0px;}

p + .number-stars {margin-top:38px;} 

.red-button {
  color: #fff;
  text-transform: uppercase;
  background-color: #970023;
  border-radius: 5px;
  font-size: 11px;
  padding: 9px 16px;
  border: none;
  margin: 5px 0 0 0;
  cursor: pointer;
  outline: none;
  text-decoration: none;
}

.tab-case-all {margin: 0 0 50px 0;}

.eventcat {
float:left;
margin:15px 0 0 15px;	
width:200px;	
}

.eventcat img {display:block; margin:0 auto; border-radius:10px;}

.eventcat .cat-title {text-align:center; margin-top:10px; font-size:14px;}

.event {width:100%; margin-top:20px;}

.event-data {background:#970021; color:#fff; font-size:20px; padding:12px; border-top-left-radius:7px; border-top-right-radius:7px; width:200px; text-align:center;}

.event-content {background: #e6ddcc; padding:15px; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-right-radius:7px; display:block; min-height: 200px;}

.event-content img {float:left; margin-right:20px; border-radius:10px;}

.event-title {font-size:25px; color: #970021; margin-bottom: 20px; text-align:center; line-height:30px;}


.hotel-content ul li{
    display: block;
    color: #3f3f3f;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Exo2-Regular';
    position: relative;
    padding: 0 0 0 25px;
}
.hotel-content ul li:after{
    content: "";
    width: 3px;
    height: 3px;
    position: absolute;
    top: 13px;
    left: 8px;
    background: #970023;
    border-radius: 50%;
}
.hotel-content ul b{
    font-size: 16px;
    color: #3f3f3f;
    font-family: 'Exo2-Bold';
    font-weight: 100;
    padding: 0 0 10px 0;
    display: block;
}


/* custom vikman74 */

.btn-up {
  /* фиксированное позиционирование */
  position: fixed;
  /* цвет фона */
  background-color: #970023;
  /* расстояние от правого края окна браузера */
  right: 1px;
  /* расстояние от нижнего края окна браузера */
  bottom: 0;
  /* скругление верхнего левого угла */
  border-top-left-radius: 8px;
  /* скругление верхнего правого угла */
  border-top-right-radius: 8px;
  /* вид курсора */
  cursor: pointer;
  /* отображение элемента как flex */
  display: flex;
  /* выравниваем элементы внутри элемента по центру вдоль поперечной оси */
  align-items: center;
  /* выравниваем элементы внутри элемента по центру вдоль главной оси */
  justify-content: center;
  /* ширина элемента */
  width: 60px;
  /* высота элемента */
  height: 50px;
}

.btn-up::before {
  content: "";
  width: 40px;
  height: 40px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E");
}

.btn-up_hide {
  display: none;
}


.gooey {
  position: absolute;
  top: 50vh;
  left: 50%;
  width: 142px;
  height: 40px;
  margin: -20px 0 0 -71px;
  background: #f7f5f6;
  filter: contrast(20);
}
.gooey .dot {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 15px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
  transform: translateX(0);
  animation: dot 2.8s infinite;
}
.gooey .dots {
  transform: translateX(0);
  margin-top: 12px;
  margin-left: 31px;
  animation: dots 2.8s infinite;
}
.gooey .dots span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
}
@-moz-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-webkit-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-o-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-moz-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@-webkit-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@-o-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}


@media (hover: hover) and (pointer: fine) {
  .btn-up:hover {
    background-color: #512da8; /* цвет заднего фона при наведении */
  }
}