@font-face {
    font-family: 'MainFont';
    src: url('../fonts/pfdintextpro-light-webfont.eot');
    src: url('../fonts/pfdintextpro-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/pfdintextpro-light-webfont.woff2') format('woff2'),
    url('../fonts/pfdintextpro-light-webfont.woff') format('woff'),
    url('../fonts/pfdintextpro-light-webfont.ttf') format('truetype'),
    url('../fonts/pfdintextpro-light-webfont.svg#pf_dintext_prolight') format('svg');
    font-weight: 200;
    font-style: normal;

}
@font-face {
    font-family: 'MainFont';
    src: url('../fonts/pfdintextpro-medium-webfont.eot');
    src: url('../fonts/pfdintextpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/pfdintextpro-medium-webfont.woff2') format('woff2'),
    url('../fonts/pfdintextpro-medium-webfont.woff') format('woff'),
    url('../fonts/pfdintextpro-medium-webfont.ttf') format('truetype'),
    url('../fonts/pfdintextpro-medium-webfont.svg#pf_dintext_promedium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'MainFont';
    src: url('../fonts/pfdintextpro-regular-webfont.eot');
    src: url('../fonts/pfdintextpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/pfdintextpro-regular-webfont.woff2') format('woff2'),
    url('../fonts/pfdintextpro-regular-webfont.woff') format('woff'),
    url('../fonts/pfdintextpro-regular-webfont.ttf') format('truetype'),
    url('../fonts/pfdintextpro-regular-webfont.svg#pf_dintext_proregular') format('svg');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'MainFont';
    src: url('../fonts/pfdintextpro-thin-webfont.eot');
    src: url('../fonts/pfdintextpro-thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/pfdintextpro-thin-webfont.woff2') format('woff2'),
    url('../fonts/pfdintextpro-thin-webfont.woff') format('woff'),
    url('../fonts/pfdintextpro-thin-webfont.ttf') format('truetype'),
    url('../fonts/pfdintextpro-thin-webfont.svg#pf_dintext_prothin') format('svg');
    font-weight: 100;
    font-style: normal;
}


@font-face {
    font-family: 'neumann';
    src: url('../fonts/td-neumann_0-webfont.eot');
    src: url('../fonts/td-neumann_0-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/td-neumann_0-webfont.woff2') format('woff2'),
    url('../fonts/td-neumann_0-webfont.woff') format('woff'),
    url('../fonts/td-neumann_0-webfont.ttf') format('truetype'),
    url('../fonts/td-neumann_0-webfont.svg#neumannregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative; min-height: 1px; padding-right: 15px;
    padding-left: 15px; float: left; }
.col-xs-1-5 { width: 20%; }
.col-xs-2-5 { width: 40%; }
.col-xs-3-5 { width: 60%; }
.col-xs-4-5 { width: 80%; }

@media (min-width: 768px) { .col-sm-1-5 { width: 20%; } .col-sm-2-5 { width: 40%; } .col-sm-3-5 { width: 60%; }
    .col-sm-4-5 { width: 80%; }  }
@media (min-width: 992px) { .col-md-1-5 { width: 20%; } .col-md-2-5 { width: 40%; } .col-md-3-5 { width: 60%; }
    .col-md-4-5 { width: 80%; } }
@media (min-width: 1200px){ .col-lg-1-5 { width: 20%;  } .col-lg-2-5 { width: 40%;  } .col-lg-3-5 { width: 60%;  }
    .col-lg-4-5 { width: 80%;  } }

h1{font-size: 50px; font-weight: 200; line-height: 1.2em; }
.h1subheader{font-size: 20px; font-weight: 200;}

h2{font-size: 44px; font-weight: 200;}
h3{font-size: 35px; font-weight: 200;}
.subheader{font-size: 18px; font-weight: 200;}
strong{font-weight: 500;}

a:focus{outline: none;}
*:focus{outline: none !important;}
.no-padding{margin-left: 0; margin-right: 0;}
.no-padding > div{padding-left: 0; padding-right: 0;}

body{background: #c29967; font-family: 'MainFont', sans-serif; color: #382737; padding-right: 0 !important;
    overflow-x: hidden;}
body.modal-open{padding-right: 0 !important; overflow-y: auto;}

.mobile-only{display: none;}

.btn-default{font-size: 12px; font-weight: 200; padding: 0; line-height: 14px; border-radius: 12px;
    position: relative; border: 5px solid #fff; color: #b48a62;
    -webkit-box-shadow: 0 2px 14px -4px rgba(187,156,115,1);
    -moz-box-shadow: 0 2px 14px -4px rgba(187,156,115,1);
    box-shadow: 0 2px 14px -4px rgba(187,156,115,1); background: #d7b68f;
    background: -moz-linear-gradient(top, #d2bba7 0%, #dcb173 100%);
    background: -webkit-linear-gradient(top, #d2bba7 0%,#dcb173 100%);
    background: linear-gradient(to bottom, #d2bba7 0%,#dcb173 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2bba7', endColorstr='#dcb173',GradientType=0 ); }
.btn-default.ligther{background: -moz-linear-gradient(top, #dcc5b1 0%, #e6bb7d 100%);
    background: -webkit-linear-gradient(top, #dcc5b1 0%,#e6bb7d 100%);
    background: linear-gradient(to bottom, #dcc5b1 0%,#e6bb7d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcc5b1', endColorstr='#e6bb7d',GradientType=0 );}
.btn-default span{display: block; margin: 2px; padding: 8px 18px; background: #fff; border-radius: 5px;
    transition: 0.4s;}
/*.btn-default:before{content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;*/
    /*border: 5px solid #fff; border-radius: 12px;}*/
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:hover{border-color: #fff;
    -webkit-box-shadow: 0 2px 14px -4px rgba(187,156,115,1),  inset 0 2px 10px 5px rgba(177,122,58,0.2);
    -moz-box-shadow: 0 2px 14px -4px rgba(187,156,115,1), inset 0 2px 10px 5px rgba(177,122,58,0.2);
    box-shadow: 0 2px 14px -4px rgba(187,156,115,1),  inset 0 2px 10px 5px rgba(177,122,58,0.2);
}
.btn-default:hover span{background: transparent; color: #fbf9f4;}

.btn-primary{background: transparent !important; border: none; margin: 10px -20px; padding: 10px 30px 0; overflow: hidden;
    position: relative; height: 70px; transition: 0.4s;}
.btn-primary:hover{background: none; height: 69px; padding-top: 11px;}
.btn-primary:active{box-shadow: none; background: transparent;}

.btn-primary:after{    content: ''; position: absolute; bottom: -10px; height: 10px; left: 30px; right: 30px;
    background: #000; filter: blur(15px);
}

.btn-primary:before{    content: ''; position: absolute; bottom: -8px; top: 2px; left: 22px; right: 22px;
    background: transparent; border-radius: 60px; opacity: 0.5; transition: 0.4s;
    -webkit-box-shadow: inset 0 1px 4px 1px rgba(255,255,255,0.5);
    -moz-box-shadow: inset 0 1px 4px 1px rgba(255,255,255,0.5);
    box-shadow: inset 0 1px 4px 1px rgba(255,255,255,0.5);/*filter: blur(15px);*/
}
.btn-primary:hover:before{top: 4px; bottom: -10px;}

.btn-primary span{display: inline-block; padding: 20px 40px; line-height: 20px; font-size: 18px;
    font-weight: 500; color: #713015; border-radius: 60px; background: #ffdc85; /* Old browsers */
    background: -moz-linear-gradient(top, #ffdc85 0%, #ffdf8b 20%, #f99e3e 90%, #be7635 100%);
    background: -webkit-linear-gradient(top, #ffdc85 0%,#ffdf8b 20%, #f99e3e 90%,#be7635 100%);
    background: linear-gradient(to bottom, #ffdc85 0%,#ffdf8b 20%, rgba(249, 139, 35, 0.61) 90%,#be7635 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc85', endColorstr='#be7635',GradientType=0 );
    -webkit-box-shadow: inset 0 3px 2px 1px rgba(255,255,170,1);
    -moz-box-shadow: inset 0 3px 2px 1px rgba(255,255,170,1);
    box-shadow: inset 0 3px 2px 1px rgba(255,255,170,1);
    text-shadow: 0 1px 0 rgba(255, 210, 55, 1); position: relative;
}
.btn-primary:hover span{}

.btn-primary-2{background: none; border: none; margin: 10px -20px; padding: 0 20px 0; overflow: hidden;
    position: relative; transition: 0.4s; height: 48px;}
.btn-primary-2:hover{background: none; height: 46px; margin-top: 12px;}
.btn-primary-2:focus{outline: none;}
/*.btn-primary-2:after{    content: ''; position: absolute; bottom: -10px; height: 10px; left: 30px; right: 30px;*/
    /*background: #000; filter: blur(15px);  opacity: 0.7;*/
/*}*/
/*.btn-primary-2:hover:after{bottom: -12px;}*/
.btn-primary-2:active{box-shadow: none;}

.btn-primary-2 span{display: inline-block; padding: 15px 35px; line-height: 18px; font-size: 14px; top: 0;
    font-weight: 500; color: #713015; border-radius: 60px; transition: 0.4s; background: #ffdc85; /* Old browsers */
    background: -moz-linear-gradient(top, #ffdc85 0%, #ffdf8b 20%, #f99e3e 90%, #be7635 100%);
    background: -webkit-linear-gradient(top, #ffdc85 0%,#ffdf8b 20%,#f99e3e 90%,#be7635 100%);
    background: linear-gradient(to bottom, #ffdc85 0%,#ffdf8b 20%,#f99e3e 90%,#be7635 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc85', endColorstr='#be7635',GradientType=0 );
    -webkit-box-shadow: inset 0 3px 2px 1px rgba(255,255,170,1);
    -moz-box-shadow: inset 0 3px 2px 1px rgba(255,255,170,1);
    box-shadow: inset 0 3px 2px 1px rgba(255,255,170,1);
    text-shadow: 0 1px 0 rgba(255, 210, 55, 1); position: relative;
}
/*.btn-primary-2:hover span{top: 2px;}*/
/*.btn-primary-2:hover:after{bottom: 0; opacity: 1;}*/


.pagination{}
.pagination li{vertical-align: top;}
.pagination li a{line-height: 20px; display: inline-block; font-size: 18px; font-weight: 200; transition: 0.4s;
    margin: 10px 7px; background: none; padding: 0; border: none; border-bottom: 1px solid #aaa29b; color: #372b35;}
.pagination li a:hover, .pagination li.active a, .pagination li a:active, .pagination li a:focus{
        color: #dbbb8f !important; border-color: #ebd7bc !important;; background: none !important;}
.pagination li a.next{}

.pagination li a.prev{width: 40px; height: 40px; display: inline-block; margin: 0 25px 0 0;
                         border-radius: 60px; background: #f4eee5; border: 5px solid #fff;
                         -webkit-box-shadow: 0 2px 10px 2px rgba(187,156,115,0.2);
                         -moz-box-shadow: 0 2px 10px 2px rgba(187,156,115,0.2);
                         box-shadow: 0 2px 10px 2px rgba(187,156,115,0.2);}
.pagination li a.prev span{display: block; position: absolute; top: 2px; left: 2px;
    right: 2px; bottom: 2px; background: #fff; border-radius: 50px;}
.pagination li a.prev span:before{content: ''; left: 50%; top: 50%; position: absolute;
    border-right: 6px solid #f4eee5; border-top: 3px solid transparent; border-bottom: 3px solid transparent;
    transform: translate(-120%, -50%);}
.pagination li a.prev span:after{content: ''; left: 50%; top: 50%; position: absolute;
    border-right: 6px solid #f4eee5; border-top: 3px solid transparent; border-bottom: 3px solid transparent;
    transform: translate(-30%, -50%);}

.pagination li a.next{width: 40px; height: 40px; display: inline-block; margin: 0 0 0 25px;
    border-radius: 60px; background: #f4eee5; border: 5px solid #fff;
    -webkit-box-shadow: 0 2px 10px 2px rgba(187,156,115,0.2);
    -moz-box-shadow: 0 2px 10px 2px rgba(187,156,115,0.2);
    box-shadow: 0 2px 10px 2px rgba(187,156,115,0.2);}
.pagination li a.next span{display: block; position: absolute; top: 2px; left: 2px;
    right: 2px; bottom: 2px; background: #fff; border-radius: 50px;}
.pagination li a.next span:before{content: ''; left: 50%; top: 50%; position: absolute;
    border-right: 6px solid #f4eee5; border-top: 3px solid transparent; border-bottom: 3px solid transparent;
    transform: translate(20%, -50%) rotate(180deg);}
.pagination li a.next span:after{content: ''; left: 50%; top: 50%; position: absolute;
    border-right: 6px solid #f4eee5; border-top: 3px solid transparent; border-bottom: 3px solid transparent;
    transform: translate(-70%, -50%) rotate(180deg);}

.pagination li.active a.next, .pagination li.active a.prev{background: #d8b792 !important; border-color: #fff !important;
    cursor: pointer;}
.pagination li.active a.next span:before, .pagination li.active a.next span:after,
.pagination li.active a.prev span:before, .pagination li.active a.prev span:after{border-right-color: #dec098;}

.pagination li:not(.active) a.next:hover, .pagination li:not(.active) a.prev:hover,
.pagination li:not(.active) a.next:active, .pagination li:not(.active) a.prev:active,
.pagination li:not(.active) a.next:focus, .pagination li:not(.active) a.prev:focus{border-color: #fff !important;
    cursor: default;}



header{position: fixed; top: 0; left: 0; right: 0; z-index: 100; transition: 0.4s;}

header.mobile-header{display: none;}

header.scrolled{margin-top: -56px;}

.top-menu{background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 33%, rgba(240,243,243,1) 66%, rgba(244,233,219,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(240,243,243,1) 66%,rgba(244,233,219,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(240,243,243,1) 66%,rgba(244,233,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4e9db',GradientType=1 );
    border-radius: 0 0 25px 25px; background-size: 300%; background-position: left center;
    transition: background-position 0.6s linear 0.3s;
}

header.scrolled .top-menu{background-position: right center;}
.top-menu .top-logo{display: block; text-align: center; margin: 3px 0 -39px; transition: 0.4s; transition-delay: 0.4s;}

header.scrolled .top-menu .top-logo{transform: translateY(-50%); opacity: 0; visibility: visible; transition-delay: 0s;}

.top-menu .main-col{width: 700px; margin-right: 35px; position: relative; float: left; transition: 0.4s;}
header.scrolled .top-menu .main-col{margin-left: -140px;transition-delay: 0.4s; width: 750px; margin-top: 4px; }
.top-menu .main-col:after{content: ''; position: absolute; right: -31px; width: 1px; background: #f5efe9;
    top: 20px; bottom: 10px; transition: 0.4s; transition-delay: 0.8s;}
header.scrolled .top-menu .main-col:after{opacity: 0; transition-delay: 0.4s;}
.top-menu .top-line{margin-top: 19px; transition: 0.4s;}


.top-menu .top-line p{width: 280px; font-size: 12px; font-weight: 200; line-height: 15px; float: left;
    margin-top: 10px; margin-bottom: 0; transition: 0.4s;}
header.scrolled .top-menu .top-line p{opacity: 0; visibility: visible;}
.top-menu .top-line .top-soc-links{float: left; margin-top: 12px; transition: 0.4s; margin-left: 60px;}
header.scrolled .top-menu .top-line .top-soc-links{opacity: 0; visibility: visible;}
.top-menu .top-line .top-soc-links a{display: inline-block; line-height: 18px; color: #e7dbdb; width: 20px;
    border: 1px solid #e7dbdb; text-align: center; border-radius: 20px; font-size: 10px; margin-left: 7px;}
.top-menu .top-line .top-soc-links a:hover{color: #c29967; border-color: #c29967;}
.top-menu .top-line .top-soc-links a:first-child{margin-left: 0;}
.top-menu .top-line .top-soc-links a .fa-instagram{position: relative; top: 0.2px; left: -0.3px;}
.top-menu .top-line .top-soc-links a .fa-vk{position: relative; top: 0.3px; left: -0.6px;}
.top-menu .top-line .top-soc-links a .fa-facebook{position: relative; top: 0.7px; left: -0.3px}
.top-menu .top-line .top-soc-links a .fa-youtube{position: relative;  top: 0.4px; left: 0.3px;}

.top-menu .top-line .top-soc-links .top-soc-new-item{display: block; width: 24px; height: 24px; float: left;
    background: gray; border: none; background: url("../images/ui/new/header_social.png") no-repeat left center;
    margin-left: 11px; opacity: 0.5; transition: opacity 0.4s;}
.top-menu .top-line .top-soc-links .top-soc-new-item:first-child{margin-left: 0;}
.top-menu .top-line .top-soc-links .top-soc-new-item:hover{opacity: 1;}
.top-menu .top-line .top-soc-links .top-soc-new-item.top-soc-inst{background-position: 0 0;}
.top-menu .top-line .top-soc-links .top-soc-new-item.top-soc-vk{background-position: -24px 0;}
.top-menu .top-line .top-soc-links .top-soc-new-item.top-soc-fb{background-position: -48px 0;}
.top-menu .top-line .top-soc-links .top-soc-new-item.top-soc-yt{background-position: -72px 0;}


.top-menu .top-line .top-main-action-wrapper{float: right; margin-left: 35px; position: absolute; top: 20px; right: 0;
    transition: right 0.4s linear 0.1s, top 0.1s linear 0s;}
header.scrolled .top-menu .top-line .top-main-action-wrapper{top: 63px; right: -279px; transition: right 0.4s linear 0.4s,
    top 0.4s linear 0.8s;}

.top-menu nav{}
.top-menu nav ul{list-style: none; margin: 20px 0 0; padding: 0; text-transform: uppercase; text-align: justify;
    font-size: 14px; line-height: 1px;}
.top-menu nav ul li{margin: 0; padding: 0; display: inline-block;}
.top-menu nav ul li.clear{width: 100%; line-height: 0; height: 0;}
.top-menu nav ul li a{color: #382737; display: inline-block; line-height: 26px; transition: 0.4s;
    border-bottom: 1px solid transparent;}
.top-menu nav ul li a:hover{border-bottom: 1px solid #e5d9c9; color: #c0a37b; text-decoration: none;}
.top-menu nav ul li a:active, .top-menu nav ul li a:focus, .top-menu nav ul li a:active:focus{text-decoration: none;}

.top-menu-about-wrapper{position: relative;}

.top-menu-about-wrapper > a:after { content: '\f0d7'; right: -14px; font-family: FontAwesome, serif; position: absolute;
    color: #332a29; font-size: 10px; top: -1px;
}

.top-menu-about-block{position: absolute; top: 40px; left: -20px; background: #fff; padding: 20px 20px;
    white-space: nowrap; border-radius: 14px; opacity: 0; visibility: hidden; transition: 0.4s;
    -webkit-box-shadow: 0 8px 51px 0 rgba(75,55,45,0.19);
    -moz-box-shadow: 0 8px 51px 0 rgba(75,55,45,0.19);
    box-shadow: 0 8px 51px 0 rgba(75,55,45,0.19);}
.top-menu-about-wrapper.menu-open .top-menu-about-block{opacity: 1; visibility: visible;}
.top-menu-about-block:before { content: ''; position: absolute; border-bottom: 8px solid #fff;
    border-right: 4px solid transparent; border-left: 4px solid transparent; top: -8px; left: 40px;
}
.top-menu-about-block a{display: inline-block; padding: 5px 27px 3px 75px; font-size: 14px; line-height: 1.2em !important;
    position: relative;}
.top-menu-about-block a + a{border-left: 1px solid #f4efea;}
.top-menu-about-block a:before{content: ""; position: absolute; left: 39px; top: 19px; transform: translate(-50%, -50%);
    background: url("../images/ui/top-menu-about.png") no-repeat center center;}
.top-menu-about-block a.team:before{width: 37px; height: 32px; background-position: 0 0;}
.top-menu-about-block a.history:before{width: 40px; height: 34px; background-position: -37px 0;}
.top-menu-about-block a.how-created:before{width: 40px; height: 26px; background-position: -77px 0;}

.top-menu-about-block a:hover{text-decoration: none !important;  border-bottom-color: transparent !important;}

.top-menu .side-col{float: right; width: 210px; transition: width 0.4s linear 0.4s, margin-top 0.4s linear 0s,
    margin-bottom 0.4s linear 0s;}
header.scrolled .top-menu .side-col{width: 60px; transition: width 0.4s linear 0s, margin-top 0.4s linear 0.4s,
    margin-bottom 0.4s linear 0.4s;  margin-top: 47px; margin-bottom: -60px;}

.top-menu .top-profile-link{display: inline-block; font-size: 14px; color: #5b5b5b; line-height: 26px;
    margin-top: 19px; position: relative; }
.top-menu .top-profile-link:hover{text-decoration: none;}
.top-menu .top-profile-link .helper{position: absolute; left: 57px; top: 50%; transform: translateY(-50%); cursor: pointer;}

.top-menu .top-profile-link .btn-default{ cursor: default;}
header.scrolled .top-menu .top-profile-link .btn-default{cursor: pointer;}
.top-menu .top-profile-link .btn-default span{padding: 8px 10px; width: 30px; font-size: 13px;}
.top-menu .top-profile-link .btn-default:hover span{padding: 8px 10px; font-size: 13px; background: #fff; color: #b48a62;}
.top-menu .top-profile-link > .helper{transition: 0.4s; transition-delay: 0.8s;}
header.scrolled .top-menu .top-profile-link > .helper{opacity: 0; visibility: hidden; transition-delay: 0s;}

.top-menu .top-profile-link > .helper span{text-transform: uppercase; display: inline-block; white-space: nowrap;
    position: relative; top: 2px;  border-bottom: 1px solid #e5d9c9;  transition: 0.4s;}
.top-menu .top-profile-link > .helper span:after{content: '\f0d7'; right: -11px; font-family: FontAwesome, serif;
    position: absolute; color: #332a29; font-size: 10px; }


.top-menu .top-profile-link:hover  span{ color: #c0a37b; text-decoration: none;}
.top-menu .top-profile-link u{font-size: 12px; text-decoration: none; color: #c4b4a4; position: relative; display: block;
    width: 130px; white-space: nowrap; overflow:  hidden;}

.top-menu .top-profile-link u:after{content: ''; position: absolute; right: 0; width: 20px; height: 26px; top: 0;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }

.top-menu .top-profile-link .lk-menu{position: absolute; top: 70px; left: 110px; background: #fff;
    padding: 0; border-radius: 9px; width: 90px; opacity: 0; visibility: hidden; transition: 0.4s;
    -webkit-box-shadow: 0 8px 51px 0 rgba(0,0,0,0.19);
    -moz-box-shadow: 0 8px 51px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 51px 0 rgba(0,0,0,0.19);}
.top-menu .top-profile-link .lk-menu:before{content: ''; position: absolute; border-bottom: 8px solid #fff;
    border-right: 4px solid transparent; border-left: 4px solid transparent; top: -8px; left: 41px;}

header.scrolled .top-menu .top-profile-link .lk-menu{left: -24px;}

.top-menu .top-profile-link.menu-open .lk-menu{opacity: 1; visibility: visible;}

.top-menu .top-profile-link .lk-menu .to-lk-link{display: block; font-size: 14px; text-align: center;
    background: url("../images/ui/top_menu_to_lk_bg.png") no-repeat center 20px;
    text-transform: uppercase; color: #382737; line-height: 14px; padding: 52px 10px 12px;}
.top-menu .top-profile-link .lk-menu .to-lk-link:hover{text-decoration: none;}
.top-menu .top-profile-link .lk-menu .logout{display: block; font-size: 12px; line-height: 12px; color: #c4b4a4;
    text-align: center; padding: 19px 10px; text-decoration: underline; border-top: 1px solid #f7f5f2;}

.top-menu .currency-selector{font-size: 14px;text-transform: uppercase; color: #382737; margin-top: 16px;
    position: relative; transition: 0.4s; transition-delay: 0.4s;}

header.scrolled .top-menu .currency-selector{opacity: 0; visibility: hidden; transform: translateX(20%);
    transition-delay: 0s;}
.top-menu .currency-selector .currency-label{cursor: pointer;   line-height: 22px; border-bottom: 1px dashed #382737;
    position: relative; vertical-align: top; transition: 0.4s;}
.top-menu .currency-selector .currency-label:after{content: '\f0d7'; right: -11px; font-family: FontAwesome, serif;
    position: absolute; color: #332a29; font-size: 10px;}
.top-menu .currency-selector .currency-label:hover{color: #c0a37b; border-color: #c0a37b;}
.top-menu .currency-selector .currency-flag{width: 23px; height: 18px; display: inline-block; cursor: pointer;
    background: url("../images/ui/currency-flags.jpg") no-repeat center center; margin: 0 0 0 40px;}

.top-menu .currency-selector[data-currency="rub"] .currency-flag{background-position: 0 0;}
.top-menu .currency-selector[data-currency="usd"] .currency-flag{background-position: 0 -18px;}
.top-menu .currency-selector[data-currency="eur"] .currency-flag{background-position: 0 -36px;}
.top-menu .currency-selector[data-currency="kzt"] .currency-flag{background-position: 0 -54px;}
.top-menu .currency-selector[data-currency="uah"] .currency-flag{background-position: 0 -72px;}
.top-menu .currency-selector[data-currency="byn"] .currency-flag{background-position: 0 -90px;}
.top-menu .currency-selector[data-currency="azn"] .currency-flag{background-position: 0 -108px;}

.top-menu .currency-selector .currency-list{position: absolute; top: 40px; left: -20px; background: #fff;
    padding: 13px 5px 7px 20px; border-radius: 9px; width: 192px; opacity: 0; visibility: hidden; transition: 0.4s;
    -webkit-box-shadow: 0 8px 51px 0 rgba(0,0,0,0.19);
    -moz-box-shadow: 0 8px 51px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 51px 0 rgba(0,0,0,0.19);}

.top-menu .currency-selector .currency-list:before{content: ''; position: absolute; border-bottom: 8px solid #fff;
    border-right: 4px solid transparent; border-left: 4px solid transparent; top: -8px; left: 27px;}

.top-menu .currency-selector .currency-list .currency-variant{line-height: 24px; border-bottom: 1px dashed #c2a7be;
    display: inline-block; margin-right: 15px; margin-bottom: 10px; cursor: pointer; transition: 0.4s;}

.top-menu .currency-selector .currency-list .currency-variant:hover{color: #d7b899; border-bottom-color: #dbc1a9;}

.top-menu .currency-selector.menu-open .currency-list{opacity: 1; visibility: visible;}


.mobile-menu{display: none;}
.mobile-menu-back{display: none;}

.main-head-block{background: url("../images/ui/new/block_1_bg_upd.jpg") no-repeat center top; color: #fff;}

.main-head-block .block-1{margin: 250px 0 0 70px; width: 630px;}
.main-head-block .block-1 h1{margin: 0 0 30px;}

.main-head-block .block-1 .h1subheader{margin-bottom: 40px; font-weight: 200;}

.main-head-block .block-1 .block-1-offer{margin-left: 60px; position: relative;}
.main-head-block .block-1 .block-1-offer .highlight{position: absolute; top: 61px; height: 80px;
    left: 38px; width: 80px;   border-radius: 40px; background: #ff9313; transform: translate(-50%, -50%); z-index: 4;
    filter: blur(40px);
}
.main-head-block .block-1 .block-1-offer .date{display: inline-block; font-family: Neumann, sans-serif; font-size: 56px;
    line-height: 70px; width: 75px; text-align: center; border: 1px solid #e1a24c; margin-top: 20px; padding-top: 10px;
    border-radius: 0 0 7px 7px; position: relative; letter-spacing: -0.04em; z-index: 4;
    -webkit-text-fill-color: transparent;
    background: url("../images/ui/block_1_date_bg.png") no-repeat center center;
    background-size: cover;
    -webkit-background-clip: text;}
.main-head-block .block-1 .block-1-offer .date:after{content: ''; position: absolute; top: -20px; height: 20px;
    left: -1px; right: -1px;  border: 1px solid #e1a24c; border-radius: 7px 7px 0 0;}


.main-head-block .block-1 .block-1-offer .text{display: inline-block; margin-left: 20px; font-size: 20px;
    font-weight: 500; line-height: 1.2em; vertical-align: top; margin-top: 30px;  }
.main-head-block .block-1 .btn-primary{margin-top: 15px;}

.main-head-block .block-1 .how-we-work{font-size: 14px; font-weight: 100; text-transform: uppercase; color: #fff;
    line-height: 36px; border-bottom: 1px solid #fff; display: inline-block; margin: 50px 0 0 85px; transition: 0.4s;
    position: relative;}
.main-head-block .block-1 .how-we-work:hover{color: #c29967; text-decoration: none; border-color: #c29967;}
.main-head-block .block-1 .how-we-work:active, .main-head-block .block-1 .how-we-work:focus{outline: none; color: #fff;
    text-decoration: none;}
.main-head-block .block-1 .how-we-work:hover:focus{color: #c29967;}
.main-head-block .block-1 .how-we-work:before{content: ''; width: 29px; height: 29px; border-radius: 30px;
    border: 1px solid #fff; display: inline-block; position: absolute; left: -45px; top: 6px; transition: 0.4s;}
.main-head-block .block-1 .how-we-work:after{content: ''; position: absolute; left: -32px; top: 18px;
    border-left: 5px solid #fff; border-bottom: 3px solid transparent; border-top: 3px solid transparent;
    transition: 0.4s;}
.main-head-block .block-1 .how-we-work:hover:before{border-color: #c29967;}
.main-head-block .block-1 .how-we-work:hover:after{border-left: 5px solid #c29967;}

.block-1-feedback-wrapper{width: 100%; height: 200px; background: rgba(0, 0, 0, 0.36); border-radius: 20px;
    margin-top: 110px; position: relative; padding: 0 50px;}

.block-1-feedback-wrapper .slick-list{z-index: 6;}

.block-1-feedback-item{padding: 30px 10px 20px 150px; position: relative;   z-index: 6;}

.block-1-feedback-item-avatar{position: absolute; top: 35px; left: 10px;}
.block-1-feedback-item-avatar img{width: 100%; border-radius: 100%;}
.block-1-feedback-item-source{position: absolute; bottom: -6px; right: -6px; width: 30px; height: 30px; text-align: center;
    line-height: 30px; border-radius: 50%; background: #4a76a8;}

.block-1-feedback-item-text{font-size: 16px; line-height: 1.25em; color: #fff; letter-spacing: -0.02em; font-weight: 200;
    position: relative; max-height: 5em; overflow: hidden;}

.block-1-feedback-item-more{display: inline-block; font-size: 16px; line-height: 1.25em; text-decoration: underline;
    color: rgba(255, 255, 255, 0.50); transition: color 0.4s;}
.block-1-feedback-item-more:hover{color: #e1a24c;}

.block-1-feedback-item-link{display: inline-block; font-size: 16px; line-height: 1.25em; text-decoration: underline;
    color: rgba(255, 255, 255, 0.50); transition: color 0.4s; margin-top: 20px;}
.block-1-feedback-item-link:hover{color: #e1a24c;}


.block-1-feedback-all-link{display: inline-block; margin-left: 200px; color: #f0dcba; font-size: 16px; font-weight: 200;
    margin-top: 13px; padding-bottom: 3px; border-bottom: 1px solid #9f6032; transition: color 0.4s;}

.block-1-feedback-all-link:hover{color: #e1a24c; text-decoration: none;}



.block-1-feedback-arrow{position: absolute; top: 50%; left: 0; height: 200px; width: 100px; transform: translateY(-50%);
    cursor: pointer; z-index: 5;}
.block-1-feedback-arrow .arrow-contur{position: absolute; width: 100px; height: 200px;
    top: 0; left: 0; overflow: hidden;}
.block-1-feedback-arrow .arrow-contur:before{content: ''; position: absolute; top: 50%;
    left: 0; width: 80px; height: 80px; border-radius: 150px; transform: translate(-50%, -50%);
    background-color: transparent; transition: 0.4s; opacity: 0.5;
    -webkit-box-shadow: 0 0 70px 1px #ffcc32;
    -moz-box-shadow: 0 0 70px 1px #ffcc32;
    box-shadow: 0 0 70px 1px #ffcc32;}

.block-1-feedback-arrow:hover .arrow-contur:before{ opacity: 1;}


.block-1-feedback-arrow .arrow-btn{position: absolute; top: 50%; left: 0; width: 50px; height: 50px;
    transform: translate(-50%, -50%); border-radius: 60px;  border: 2px solid #d8b68a;}

.block-1-feedback-arrow .arrow-btn span:before{content: ''; left: 50%; top: 50%; position: absolute;
    border-right: 7px solid #d8b68a; border-top: 5px solid transparent; border-bottom: 5px solid transparent;
    transform: translate(-120%, -50%); transition: 0.4s;}
.block-1-feedback-arrow .arrow-btn span:after{content: ''; left: 50%; top: 50%; position: absolute;
    border-right: 7px solid #d8b68a; border-top: 5px solid transparent; border-bottom: 5px solid transparent;
    transform: translate(-30%, -50%);  transition: 0.4s;}

.block-1-feedback-arrow:hover .arrow-btn span:before{border-right-color: #fbe4c7;}
.block-1-feedback-arrow:hover .arrow-btn span:after{border-right-color: #fbe4c7;}


.block-1-feedback-arrow.next{left: auto; right: 0;}
.block-1-feedback-arrow.next .arrow-contur:before{left: 100%;}
.block-1-feedback-arrow.next .arrow-btn{left: 100%;}
.block-1-feedback-arrow.next .arrow-num{left: auto; right: -100px;}
.block-1-feedback-arrow.next .arrow-btn span:before{transform: translate(20%, -50%) rotate(180deg);}
.block-1-feedback-arrow.next .arrow-btn span:after{transform: translate(-70%, -50%) rotate(180deg);}


.modal-feedback-list-wrapper{min-height: 250px;}
.modal-feedback-list-item{padding: 65px 20px 50px;}
.modal-feedback-list-item-user{position: relative; padding-left: 100px; margin-bottom: 35px;}
.modal-feedback-list-item-avatar{position: absolute; top: 50%; left: 0; transform: translateY(-50%)}
.modal-feedback-list-item-avatar img{width: 100%; border-radius: 100%;}
.modal-feedback-list-item-name{font-size: 16px; line-height: 1.25em; color: #000; letter-spacing: -0.02em; font-weight: 200;
    margin-bottom: 5px;}
.modal-feedback-list-item-source{position: absolute; bottom: 0; right: -10px; width: 30px; height: 30px; text-align: center;
    line-height: 30px; border-radius: 50%; background: #4a76a8; color: #fff;}

.modal-feedback-list-item-text{font-size: 16px; line-height: 1.25em; color: #000; letter-spacing: -0.02em; font-weight: 200;
    position: relative;}


.modal-feedback-list-item-link{display: inline-block; font-size: 16px; line-height: 1.25em; text-decoration: underline;
    color: rgba(0, 0, 0, 0.5); transition: color 0.4s;}
.modal-feedback-list-item-link:hover{color: #e1a24c;}



.modal-feedback-arrow{position: absolute; top: 88px; left: -80px; height: 40px; width: 40px; transform: translateY(-50%);
    cursor: pointer; z-index: 5; box-shadow: 0 0 9px 0px #bb9c73; border-radius: 50%;}


.modal-feedback-arrow .arrow-btn{position: absolute; top: 50%; left: 50%; width: 40px; height: 40px;
    transform: translate(-50%, -50%); border-radius: 60px;  border: 5px solid #fff;
    box-shadow: inset 0 0 0 2px #d9b582, inset 0 0 0 40px #fff;}

.modal-feedback-arrow .arrow-btn span:before{content: ''; left: 50%; top: 50%; position: absolute;
    border-right: 6px solid #d8b68a; border-top: 4px solid transparent; border-bottom: 4px solid transparent;
    transform: translate(-120%, -50%); transition: 0.4s;}
.modal-feedback-arrow .arrow-btn span:after{content: ''; left: 50%; top: 50%; position: absolute;
    border-right: 6px solid #d8b68a; border-top: 4px solid transparent; border-bottom: 4px solid transparent;
    transform: translate(-30%, -50%);  transition: 0.4s;}

.modal-feedback-arrow:hover{box-shadow: 0 0 9px 0px #e1a24c;}
.modal-feedback-arrow:hover .arrow-btn span:before{border-right-color: #dec199;}
.modal-feedback-arrow:hover .arrow-btn span:after{border-right-color: #dec199;}


.modal-feedback-arrow.next{left: auto; right: -80px;}
.modal-feedback-arrow.next .arrow-btn{left: 50%;}
.modal-feedback-arrow.next .arrow-btn span:before{transform: translate(20%, -50%) rotate(180deg);}
.modal-feedback-arrow.next .arrow-btn span:after{transform: translate(-70%, -50%) rotate(180deg);}











.main-head-block .block-2 .block-2-offer{background: url("../images/ui/block_2_offer_decor.png") no-repeat center center;
    background-size: contain; padding-top: 55px; margin-top: 140px; position: relative; z-index: 2;}
.main-head-block .block-2 .block-2-offer .text{font-size: 35px; font-weight: 200; line-height: 1.2em; padding-left: 70px;}
.main-head-block .block-2 .block-2-offer .date{font-family: Neumann, serif; font-size: 200px; padding-left: 70px;
    letter-spacing: -0.04em; -webkit-text-fill-color: transparent;
    background: url("../images/ui/block_2_year_bg.png") no-repeat center center;
    background-size: cover;
    -webkit-background-clip: text;}
.main-head-block .block-2 .block-2-offer:before{content: ''; position: absolute; top: -130px; left: -580px; width: 579px;
    height: 797px; background: url("../images/snegurochka.png") no-repeat center center; background-size: contain;
    z-index: 2;}

.main-head-block .block-2 .block-2-offer-upd{background: url("../images/ui/new/block_2_offer_decor.png") no-repeat center center;
    background-size: contain; padding-top: 45px; margin-top: 140px; position: relative; z-index: 2; padding-bottom: 53px;}
.main-head-block .block-2 .block-2-offer-upd .header{font-size: 35px; font-weight: 200; line-height: 1.2em; padding-right: 40px;
    text-align: center; color: #f9d895; margin-bottom: 60px;}
.main-head-block .block-2 .block-2-offer-upd .name{font-family: Neumann, serif; font-size: 65px; padding: 0 25px 14px 0;
    letter-spacing: -0.04em; -webkit-text-fill-color: transparent; line-height: 81px; text-align: center;
    background: url("../images/ui/new/block_2_name_bg.jpg") no-repeat center 1px;
    background-size: cover;
    -webkit-background-clip: text;}
.main-head-block .block-2 .block-2-offer-upd:before{content: ''; position: absolute; top: -130px; left: -580px; width: 579px;
    height: 797px; background: url("../images/snegurochka.png") no-repeat center center; background-size: contain;
    z-index: 2;}

.main-head-block .block-2 .block-2-video-wrapper{position: relative; z-index: 4;}

.main-head-block .block-2 .block-2-video-wrapper:after{content: ''; position: absolute; width: 299px; height: 465px;
    right: -180px; top: 45px; background: url("../images/ui/block_2_video_book.png") no-repeat center;
    background-size: contain;}

.main-head-block .block-2 .block-2-video{background: #3c2225; border-radius: 40px; height: 520px; margin-top: 70px;
    position: relative;}

.main-head-block .block-2 .block-2-video .name{font-size: 35px; line-height: 1.2em; font-weight: 200; width: 550px;
    margin: 0 auto 0; text-align: center; padding-top: 90px;}
.main-head-block .block-2 .block-2-video .cta{font-weight: 100; font-size: 21px; line-height: 35px;
    border-bottom: 1px solid #fbbe5e; text-transform: uppercase; position: absolute;
    cursor: pointer; transition: 0.4s;
    position: absolute; top: 40%; left: 380px; z-index: 10; transform: translateY(-50%);}
.main-head-block .block-2 .block-2-video .cta:hover{color: #fbbe5e}
.main-head-block .block-2 .block-2-video .play-btn{width: 130px; height: 130px; border-radius: 130px;
    background: #f9d895; position: absolute; top: 40%; left: 210px; z-index: 10; transform: translateY(-50%);
    -webkit-box-shadow: -1px 5px 14px 1px rgba(219,86,13,0.75);
    -moz-box-shadow: -1px 5px 14px 1px rgba(219,86,13,0.75);
    box-shadow: -1px 5px 14px 1px rgba(219,86,13,0.75);
}
.main-head-block .block-2 .block-2-video .play-btn:focus, .main-head-block .block-2 .block-2-video .play-btn:active{
    outline: none;
}
.main-head-block .block-2 .block-2-video .play-btn:before{content: ''; position: absolute; top: 0; left: 0; right: 0;
    bottom: 0; border-radius: 150px; background: #ffd343; z-index: -1; filter: blur(30px); opacity: 0.5;
    transition: 0.4s;}
.main-head-block .block-2 .block-2-video .play-btn:after{content: ''; position: absolute; top: 50%; left: 50%;
    transform: translate(-33%, -50%); border-left: 30px solid #a6691d; border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;}

.main-head-block .block-2 .block-2-video .play-btn:hover:before{filter: blur(50px); opacity: 0.7;}

.main-head-block .block-2 .block-2-video:after{content: ''; position: absolute; bottom: -10px; left: 0;
    right: 0; height: 300px; background: url("../images/ui/block_2_video_overlay.png") no-repeat center;
    background-size: cover;}

.block-3{background: url("../images/ui/block_3_bg.png") no-repeat center top; margin: -450px 0 0; padding: 450px 0 30px;
    z-index: 3; position: relative;}

.block-3 .block-3-slider-wrapper{background: url("../images/ui/block_3_slider_bg.svg") no-repeat center center;
    height: 750px; background-size: 91.5%; margin-top: 30px;}

.block-3 .block-3-slider{padding: 85px 169px 0; position: relative; }
.block-3 .block-3-slider .signal{height: 10px; background: #777;}
.block-3 .block-3-slider .block-3-slider-left{width: 330px; padding-top: 80px; float: left; position: relative;}
.block-3 .block-3-slider .block-3-slider-left:before{content:''; position: absolute; top: -50px; left:  -105px;
    width: 584px; height: 317px; background: url("../images/ui/block_3_hl.png") no-repeat center center;
    background-size: contain;}
.block-3 .block-3-slider .block-3-slider-left .num{font-family: Neumann, serif; font-size: 200px; line-height: 200px;
    color: #dbbb8f; margin-bottom: 20px; margin-left: -7px;}
.block-3 .block-3-slider .block-3-slider-left .headline{font-size: 44px; font-weight: 200; line-height: 1.1em;
    margin-bottom: 30px;}
.block-3 .block-3-slider .block-3-slider-left .text{font-size: 18px; font-weight: 200; line-height: 1.1em;
    margin-bottom: 30px;}
.block-3 .block-3-slider .block-3-slider-left .btn-wrapper{}

.block-3 .block-3-slider-right{ float: right;}
.block-3 .block-3-slider-right .img-wrapper{ margin-top: -22px; border-radius: 150px; width: 230px; height: 230px;
    overflow: hidden; position: relative;}
.block-3 .block-3-slider-right .img-wrapper img{width: 230px; height: 230px; position: absolute; top:  0; left: 0;
    opacity: 0; transition: 0.4s;}
.block-3 .block-3-slider-right .img-wrapper img.active{opacity: 1; transition-delay: 0.4s;}
.block-3 .block-3-slider-right .customize-slider{position: relative;}
.block-3 .block-3-slider-right .customize-slider .variant-num{position: absolute; top: 160px; left: -8px; width: 75px;
    height: 75px; border-radius: 75px; background: #ffeab6; color: #c89b5f; font-size: 30px; text-align: center;
    line-height: 70px; font-family: Neumann, serif; letter-spacing: -0.04em; padding-top: 5px; z-index: 10;
    -webkit-box-shadow: -1px 5px 14px 1px rgba(219,86,13,0.2);
    -moz-box-shadow: -1px 5px 14px 1px rgba(219,86,13,0.2);
    box-shadow: -1px 5px 14px 1px rgba(219,86,13,0.2);}

.block-3 .block-3-slider-right .customize-slider .variant-num:before{content: ''; position: absolute; top: 0; left: 0;
    right: 0; bottom: 0; border-radius: 150px; background: #ffd343; z-index: -1; filter: blur(30px); opacity: 0.5;}

.block-3 .block-3-slider-right .customize-slider .variant-text-wrapper{margin-top: 105px; position: relative;
    min-height: 210px; height: 210px; margin-left: -30px; margin-right: -30px;}
.block-3 .block-3-slider-right .customize-slider .variant-text{font-size: 25px; font-weight: 100; text-align: center;
    opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;
    transition: 0.4s;}
.block-3 .block-3-slider-right .customize-slider .variant-text .sub{font-size: 18px; font-weight: 100; display: block;
    margin-top: 15px;}
.block-3 .block-3-slider-right .customize-slider .variant-text.active{opacity: 1; transition-delay: 0.4s;}
.block-3 .block-3-slider-right .customize-slider .variant-text-wrapper:before{content: ''; width: 94px; height: 22px;
    position: absolute; top: -50px; left: 50%; transform: translateX(-50%);
    background: url("../images/ui/block_3_slider_decor.png") no-repeat center center;}

.block-3 .block-3-slider-right .customize-slider .variant-text-wrapper:after{content: ''; width: 94px; height: 22px;
    position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%) rotate(180deg);
    background: url("../images/ui/block_3_slider_decor.png") no-repeat center center;}


.block-3 .block-3-slider .block-3-slider-arrow{position: absolute; top: 380px; left: 0; height: 260px; width: 100px;
    cursor: pointer;}
.block-3 .block-3-slider .block-3-slider-arrow .arrow-contur{position: absolute; width: 100px; height: 260px;
    top: 0; left: 0; overflow: hidden;}
.block-3 .block-3-slider .block-3-slider-arrow .arrow-contur:before{content: ''; position: absolute; top: 50%;
    left: 0; width: 140px; height: 140px; border-radius: 150px; transform: translate(-50%, -50%);
    background-color: transparent; transition: 0.4s;
    -webkit-box-shadow: 0 0 38px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0 38px 1px rgba(0,0,0,0.08);
    box-shadow: 0 0 38px 1px rgba(0,0,0,0.08);}

.block-3 .block-3-slider .block-3-slider-arrow:hover .arrow-contur:before{
    -webkit-box-shadow: 0 0 38px 1px rgba(255,211,67,0.7);
    -moz-box-shadow: 0 0 38px 1px rgba(255,211,67,0.7);
    box-shadow: 0 0 38px 1px rgba(255,211,67,0.7);}


.block-3 .block-3-slider .block-3-slider-arrow .arrow-btn{position: absolute; top: 50%; left: 0; width: 60px; height: 60px;
    transform: translate(-50%, -50%); border-radius: 60px; background: #d8b68a; border: 5px solid #fff;
    -webkit-box-shadow: 0 2px 10px 2px rgba(187,156,115,0.2);
    -moz-box-shadow: 0 2px 10px 2px rgba(187,156,115,0.2);
    box-shadow: 0 2px 10px 2px rgba(187,156,115,0.2);}
.block-3 .block-3-slider .block-3-slider-arrow .arrow-btn span{display: block; position: absolute; top: 2px; left: 2px;
    right: 2px; bottom: 2px; background: #fff; border-radius: 50px;}
.block-3 .block-3-slider .block-3-slider-arrow .arrow-btn span:before{content: ''; left: 50%; top: 50%; position: absolute;
    border-right: 7px solid #efe0cc; border-top: 5px solid transparent; border-bottom: 5px solid transparent;
    transform: translate(-120%, -50%); transition: 0.4s;}
.block-3 .block-3-slider .block-3-slider-arrow .arrow-btn span:after{content: ''; left: 50%; top: 50%; position: absolute;
    border-right: 7px solid #efe0cc; border-top: 5px solid transparent; border-bottom: 5px solid transparent;
    transform: translate(-30%, -50%);  transition: 0.4s;}

.block-3 .block-3-slider .block-3-slider-arrow:hover .arrow-btn span:before{border-right-color: #d8b68a;}
.block-3 .block-3-slider .block-3-slider-arrow:hover .arrow-btn span:after{border-right-color: #d8b68a;}


.block-3 .block-3-slider .block-3-slider-arrow .arrow-num{position: absolute; top: 50%; left: -100px;
    transform: translateY(-50%); line-height: 75px; font-size: 36px; color: #dbbb8f; font-family: Neumann, serif;
    border-top: 1px solid #dbbb8f; border-bottom: 1px solid #dbbb8f; padding-top: 5px;}

.block-3 .block-3-slider .block-3-slider-arrow.next{left: auto; right: 0;}
.block-3 .block-3-slider .block-3-slider-arrow.next .arrow-contur:before{left: 100%;}
.block-3 .block-3-slider .block-3-slider-arrow.next .arrow-btn{left: 100%;}
.block-3 .block-3-slider .block-3-slider-arrow.next .arrow-num{left: auto; right: -100px;}
.block-3 .block-3-slider .block-3-slider-arrow.next .arrow-btn span:before{transform: translate(20%, -50%) rotate(180deg);}
.block-3 .block-3-slider .block-3-slider-arrow.next .arrow-btn span:after{transform: translate(-70%, -50%) rotate(180deg);}

.block-4{min-height: 800px; background: url("../images/ui/block_4_bg.jpg") no-repeat center top;}

.block-4 h2{text-align: center; line-height: 46px; color: #fff; width: 770px; padding: 65px 70px 40px;
    margin: 105px auto 55px; background: url("../images/ui/block_4_header_decor.png") no-repeat 80% center;
    background-size: contain; }

.block-4 .block-4-book{background: url("../images/ui/block_4_book.png") no-repeat center center;
    background-size: contain; width: 1100px; height: 772px; margin: 0 auto; position: relative;}

.block-4 .block-4-book:after{content: ""; position: absolute; right: -30px; left: -30px; height: 50px; bottom: -33px;
    border-radius: 50%; background: #e3cdb4; filter: blur(15px);}

.block-4 .block-4-left-page{margin: 39px 0 0 135px; padding: 75px 30px 0 65px; display: none;}
.block-4 .block-4-left-page.active{display: block;}
.block-4 .block-4-right-page{margin: 39px 135px 0 0; padding: 100px 30px 0;}


.block-4-book .block-4-left-page h3{margin-top: 28px; line-height: 1.1em; margin-bottom: 20px;}
.block-4-book .block-4-left-page .time-prop{display: inline-block; line-height: 34px; font-size: 12px;
    letter-spacing: 0.12em; font-weight: 500; text-transform: uppercase; padding: 2px 14px 0 40px; border-radius: 4px;
    background: #f1e6d5; position: relative; margin-bottom: 25px;}
.block-4-book .block-4-left-page .time-prop:before{content: '\f017'; position: absolute; top: 1px; left: 13px;
    font-family: FontAwesome, serif; color: #ecc77f; font-size: 20px;}

.block-4-book .block-4-left-page .block-4-list-block{opacity: 0; visibility: hidden; transition: 0.4s;}
.block-4-book .block-4-left-page.active .block-4-list-block{opacity: 1; visibility: visible; transition-delay: 0.4s;}

.block-4-book .block-4-left-page .block-4-list{list-style: none; padding: 0; margin: 20px 0; font-size: 18px;}
.block-4-book .block-4-left-page .block-4-list li{margin-bottom: 1em; padding-left: 35px; position: relative;}
.block-4-book .block-4-left-page .block-4-list li:before{content: ''; position: absolute; top: 50%; left: 0;
    width: 6px; height: 6px; border-radius: 6px; background: #dbbb8f; margin-top: -3px;}

.block-4 .block-4-dedmoroz{width: 100%; height:  235px; position: relative;}

.block-4 .block-4-dedmoroz img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;
    display: none;}
.block-4 .block-4-dedmoroz img.for-girl.active{display: block;}

.block-4 .block-4-dedmoroz:after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: url("../images/ui/block_4_img_decor.png") no-repeat center center; background-size: cover;}

.block-4 .block-4-price{font-size: 72px; font-weight: 100; text-align:  center; margin-top: 30px;}

.block-4 .block-4-offer-btn{text-align: center; position: relative;}

.block-4 .block-4-offer-btn:after{content: ''; position: absolute; width: 148px; height: 36px; bottom: -75px;
    left: 50%; margin-left: -74px; background: url("../images/ui/block_4_price_decor.png") no-repeat center;}

.block-4 .block-4-bookmark{position: absolute; top: 200px; left: -65px; width: 185px; height: 255px; overflow: hidden;
    padding: 55px 0 0 65px; z-index: 10; cursor: pointer;}

.block-4 .block-4-bookmark:before{content: ''; position: absolute; left: 30px; right: -30px; top: 15px; bottom: 15px;
    background: #f9d895; border-radius: 13px; z-index: -1; transition: 0.4s;
    -webkit-box-shadow: -2px 6px 15px 0 rgba(173,122,20,0.3);
    -moz-box-shadow: -2px 6px 15px 0 rgba(173,122,20,0.3);
    box-shadow: -2px 6px 15px 0 rgba(173,122,20,0.3);}

.block-4 .block-4-bookmark:after{content: ''; position: absolute; width: 30px; right: -30px; top: 15px; bottom: 15px;
    -webkit-box-shadow: -2px 6px 15px 0 rgba(173,122,20,0.3); z-index: -1;
    -moz-box-shadow: -2px 6px 15px 0 rgba(173,122,20,0.3);
    box-shadow: -2px 6px 15px 0 rgba(173,122,20,0.3);}

.block-4 .block-4-bookmark .name{font-size: 14px; line-height: 24px; color: #2f2d28; text-transform: uppercase;
    font-weight: 400;}

.block-4 .block-4-bookmark .icon{background: url("../images/ui/block_4_icons.png") no-repeat; display: inline-block;
    margin-bottom: 23px;}



.block-4 .block-4-bookmark.for-girl{top: 120px;}
.block-4 .block-4-bookmark.for-girl .icon{width: 63px; height: 78px; background-position: -85px -1px;}
.block-4 .block-4-bookmark.for-boy {top: 375px; width: 170px; height: 240px;}
.block-4 .block-4-bookmark.for-boy .icon{width: 63px; height: 63px; background-position: -84px -80px;}

.block-4 .block-4-bookmark.for-double:before,
.block-4 .block-4-bookmark.for-triple:before,
.block-4 .block-4-bookmark.for-group:before{left: -30px; right: 30px;}

.block-4 .block-4-bookmark.for-double:after,
.block-4 .block-4-bookmark.for-triple:after,
.block-4 .block-4-bookmark.for-group:after{left: -30px; right: auto;}

.block-4 .block-4-bookmark.for-double,
.block-4 .block-4-bookmark.for-triple,
.block-4 .block-4-bookmark.for-group{left: auto; right: -65px; height: 230px; padding-top: 65px;}

.block-4 .block-4-bookmark.for-double{top: 80px; width: 170px; padding-left: 20px;}
.block-4 .block-4-bookmark.for-double .icon{width: 46px; height: 35px; background-position: 0 -36px;}
.block-4 .block-4-bookmark.for-triple{top: 280px; z-index: 12; padding-left: 35px;}
.block-4 .block-4-bookmark.for-triple .icon{width: 66px; height: 35px; background-position: 0 -71px;}
.block-4 .block-4-bookmark.for-group{top: 480px; width: 170px; padding-left: 20px;}
.block-4 .block-4-bookmark.for-group .icon{width: 84px; height: 35px; background-position: 0 -106px;}

.block-4 .block-4-bookmark.active{width: 200px;}
.block-4 .block-4-bookmark.active:before,.block-4 .block-4-bookmark:hover:before{background: #faf1e3;}
.block-4 .block-4-bookmark.active:after{display: none;}

.block-4 .block-4-bookmark.for-double.active{width: 200px; padding-left: 50px; z-index: 14;}
.block-4 .block-4-bookmark.for-triple.active{width: 200px; padding-left: 50px; z-index: 14;}
.block-4 .block-4-bookmark.for-group.active{width: 200px; padding-left: 50px; z-index: 14;}





.block-5{min-height: 500px; background: url("../images/ui/block_5_bg.png") no-repeat center top; margin-top: -100px;
    padding-top: 270px;}

.block-5 > .container{position: relative;}

.block-5 > .container:before{content: ''; background: url("../images/ui/block_5_hl.png") no-repeat center center; width: 115%;
    height: 810px; position: absolute; top: -280px; left: 50%; transform: translateX(-50%);}

.block-5 .block-5-wrapper{width: 1100px; margin: 0 auto 110px; position: relative;}
.block-5 .block-5-wrapper:before{content: ""; background: url("../images/ui/paralax_gifr_2.png") no-repeat center;
    width: 329px; height: 732px; position: absolute; left: -420px; top: -440px;}
.block-5 .block-5-wrapper:after{content: ""; background: url("../images/ui/paralax_gift.png") no-repeat center;
    width: 344px; height: 704px; position: absolute; right: -420px; top: -180px;}
.block-5 .block-5-video-wrapper{width: 330px; height: 500px; border-radius: 23px; overflow: hidden; position: relative;
    float: left;}
.block-5 .block-5-video-wrapper .preview-wrapper{position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px;
    transition: 0.4s;}
.block-5 .block-5-video-wrapper .preview-wrapper img{width: 100%; height: 100%; object-fit: cover; object-position: left top;}
.block-5 .block-5-video-wrapper .preview-wrapper:before{content: ''; position: absolute; top: 0; left: 0; right: 0;
    bottom: 0; background: -moz-linear-gradient(top, rgba(66,38,36,0.2) 0%, rgba(66,38,36,0.5) 58%, rgba(66,38,36,0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(66,38,36,0.2) 0%,rgba(66,38,36,0.5) 58%,rgba(66,38,36,0.5) 100%);
    background: linear-gradient(to bottom, rgba(66,38,36,0.2) 0%,rgba(66,38,36,0.5) 58%,rgba(66,38,36,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33422624', endColorstr='#80422624',GradientType=0 );}
.block-5 .block-5-video-wrapper .preview-wrapper:after{content: 'посмотрите трейлер!'; position: absolute; top: 400px;
    left: 50%; font-size: 14px; text-transform: uppercase; line-height: 30px; color: #fff; cursor: pointer;
    border-bottom: 1px solid #fbbe5e; transition: 0.4s; transform:  translateX(-50%);}
.block-5 .block-5-video-wrapper .preview-wrapper:hover:after{color: #fbbe5e;}


/*.block-5 .block-5-video-wrapper:hover .preview-wrapper{bottom: -120px; right: -60px;}*/


.block-5 .block-5-video-wrapper .play-btn{width: 130px; height: 130px; border-radius: 130px;
    background: #f9d895; position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -20%);
    -webkit-box-shadow: -1px 5px 14px 1px rgba(219,86,13,0.75);
    -moz-box-shadow: -1px 5px 14px 1px rgba(219,86,13,0.75);
    box-shadow: -1px 5px 14px 1px rgba(219,86,13,0.75);
}
.block-5 .block-5-video-wrapper .play-btn:focus, .block-5 .block-5-video-wrapper .play-btn:active{outline: none;}
.block-5 .block-5-video-wrapper .play-btn:before{content: ''; position: absolute; top: 0; left: 0; right: 0;
    bottom: 0; border-radius: 150px; background: #ffd343; z-index: -1; filter: blur(30px); opacity: 0.5;
    transition: 0.4s;}
.block-5 .block-5-video-wrapper .play-btn:after{content: ''; position: absolute; top: 50%; left: 50%;
    transform: translate(-33%, -50%); border-left: 30px solid #a6691d; border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;}
.block-5 .block-5-video-wrapper .play-btn:hover:before{filter: blur(40px); opacity: 0.8;}

.block-5 .block-5-content{width: 670px; float: right;}

.block-5 .block-5-content h3{margin-top: -5px; margin-bottom: 15px;}
.block-5 .block-5-content .date{font-size: 200px; color: #5a2517; letter-spacing: -0.04em; line-height: 220px;
    font-family: Neumann, serif; margin-left: -15px; margin-bottom: 30px;
    -webkit-text-fill-color: transparent;
    background: url("../images/ui/block_5_date_decor.png") no-repeat center center; background-size: cover;
    -webkit-background-clip: text;}
.block-5 .block-5-content .header{font-size: 76px; color: #5a2517; letter-spacing: -0.05em; line-height: 88px;
    font-family: Neumann, serif; margin-left: -5px; margin-bottom: 30px;
    -webkit-text-fill-color: transparent;
    background: url("../images/ui/new/block_5_header_decor.jpg") no-repeat center center; background-size: cover;
    -webkit-background-clip: text;}

.block-5 .block-5-content ul{font-size: 20px; color: #5a2517; line-height: 1.25em; margin: 50px 0 60px; padding: 0;
    list-style: none; counter-reset: LIST-ITEMS 0;}
.block-5 .block-5-content ul li{padding-left: 70px; margin-bottom: 30px; position: relative;}
.block-5 .block-5-content ul li:before{position: absolute; top: 50%; left: 0; width: 34px; line-height: 34px;
    content: counter( LIST-ITEMS ); counter-increment: LIST-ITEMS; text-align: center; font-size: 16px;
    color: #202122; background: #fdc562; border-radius: 50%; transform: translateY(-50%);}

.block-5 .block-5-content p{font-size: 25px; font-weight: 100; color: #544652; margin-bottom: 50px;}

.block-5 .block-5-content .price-wrapper{display: inline-block; vertical-align: middle;}
.block-5 .block-5-content .price{display: inline-block; font-size: 72px; font-weight: 100; color: #544652;
        line-height: 52px; margin-right: 60px; vertical-align: top;}
.block-5 .block-5-content .btn-wrapper{display: inline-block;}

.block-5-features-wrapper{-webkit-box-shadow: 1px 4px 71px 0 rgba(75,55,45,0.21);
    -moz-box-shadow: 1px 4px 71px 0 rgba(75,55,45,0.21);
    box-shadow: 1px 4px 71px 0 rgba(75,55,45,0.21);}
.block-5-feratures-item-wrapper{float: left; position: relative; height: 10vw; background: #f7f3ee; z-index: 7;
    transition: z-index 0.4s linear;
    animation: block-5-feratures-z-animate-back linear 0.4s ;

    animation-fill-mode: forwards;}

.block-5-feratures-item-wrapper:hover{ /*z-index: 10; */
    animation: block-5-feratures-z-animate linear 0.4s ;
    animation-fill-mode: forwards;
}


.block-5-feratures-item-wrapper.feature-1{width: 16%;}
.block-5-feratures-item-wrapper.feature-2{width: 22.5%;}
.block-5-feratures-item-wrapper.feature-3{width: 19%;}
.block-5-feratures-item-wrapper.feature-4{width: 17.5%;}
.block-5-feratures-item-wrapper.feature-5{width: 25%;}
.block-5-feratures-item{background: #f7f3ee; position: absolute; overflow: hidden; top: 0; left: 0; right: 0;
    bottom: 0;  z-index: 5; transition: 0.4s; transition-delay: 0s; border: 0 solid transparent;
    text-align: center;
    /*animation-iteration-count: 1; */
    /*animation: block-5-feratures-animate-back linear 0.4s ;*/
    /*-webkit-animation-fill-mode: forwards;*/
    /*animation-fill-mode: forwards;*/

}
.block-5-feratures-item:before{content: ''; position: absolute; top:-30px; bottom: -30px; width: 20px; left: -20px;
    background-color: transparent; -webkit-box-shadow: 1px 4px 71px 0 rgba(75,55,45,0.21); z-index: 6;
    -moz-box-shadow: 1px 4px 71px 0 rgba(75,55,45,0.21);
    box-shadow: 1px 4px 71px 0 rgba(75,55,45,0.21);}

.block-5-feratures-item:after{content: ''; position: absolute; top:-30px; bottom: -30px; width: 20px; right: -20px;
    background-color: transparent; opacity: 0.4; -webkit-box-shadow: 1px 4px 71px 0 rgba(75,55,45,0.21); z-index: 6;
    -moz-box-shadow: 1px 4px 71px 0 rgba(75,55,45,0.21);
    box-shadow: 1px 4px 71px 0 rgba(75,55,45,0.21);}


.block-5-feratures-item-wrapper:hover .block-5-feratures-item{
    border: 5px solid #fff; background: #d8b583;
    /*animation: block-5-feratures-animate linear 1s ; -webkit-animation-fill-mode: forwards;*/
    /*animation-fill-mode: forwards; */
    border-radius: 30px; top: -60px; left:  -90px; bottom: -60px; right: -90px;
    -webkit-box-shadow: 1px 4px 71px 0 rgba(75,55,45,0.21);
    -moz-box-shadow: 1px 4px 71px 0 rgba(75,55,45,0.21);
    box-shadow: 1px 4px 71px 0 rgba(75,55,45,0.21);
}

.block-5-feratures-item-wrapper:hover .block-5-feratures-item:before,
.block-5-feratures-item-wrapper.active .block-5-feratures-item:before{opacity: 0;}
.block-5-feratures-item-wrapper:hover .block-5-feratures-item:after,
.block-5-feratures-item-wrapper.active .block-5-feratures-item:after{opacity: 0;}

.block-5-feratures-item-wrapper.feature-1:hover .block-5-feratures-item,
.block-5-feratures-item-wrapper.feature-1.active .block-5-feratures-item{left: 40px; right: -220px; transition-delay: 0s;}
.block-5-feratures-item-wrapper.feature-5:hover .block-5-feratures-item,
.block-5-feratures-item-wrapper.feature-5.active .block-5-feratures-item{left: -220px; right: 40px; transition-delay: 0s;}

.block-5-feratures-item-helper{position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px;
    background: transparent; transition: 0.4s;}
.block-5-feratures-item-wrapper.active .block-5-feratures-item-helper,
.block-5-feratures-item-wrapper:hover .block-5-feratures-item-helper{background: #fff;
    border-radius: 24px;}

.block-5-feratures-item-helper:before{content: ''; position: absolute; width: 6.25vw; height: 7.03vw;
    background: url("../images/ui/block_5_features_icons.png") no-repeat center top; background-size: 100% 500%;
    top: 50%; left: 1vw; transform: translateY(-50%); opacity: 0; transition: 0.4s;}
.block-5-feratures-item-wrapper:hover .block-5-feratures-item-helper:before,
.block-5-feratures-item-wrapper.active .block-5-feratures-item-helper:before{opacity: 1; transition-delay: 0.4s;
    left: 3vw;}

.block-5-feratures-item-wrapper.feature-1 .block-5-feratures-item-helper:before{background-position: 0 0;}
.block-5-feratures-item-wrapper.feature-2 .block-5-feratures-item-helper:before{background-position: 0 25%;}
.block-5-feratures-item-wrapper.feature-3 .block-5-feratures-item-helper:before{background-position: 0 50%;}
.block-5-feratures-item-wrapper.feature-4 .block-5-feratures-item-helper:before{background-position: 0 75%;}
.block-5-feratures-item-wrapper.feature-5 .block-5-feratures-item-helper:before{background-position: 0 100%;}

.block-5-feratures-item-helper .block-5-feratures-text{position: absolute; top: 50%; ; transform: translateY(-50%);
    text-align: left; font-size: 15px; font-weight: 100;
    transition: 0.4s; left: 2.9vw; right: 1.5vw; padding-left: 2.4vw; color: #c0b6a9;}

/*.block-5-feratures-item-wrapper.feature-1 .block-5-feratures-text{left: 15%; right: 15%; padding-left: 20%;}*/
/*.block-5-feratures-item-wrapper.feature-1 .block-5-feratures-text{left: 3.1vw; right: 3.1vw; padding-left: 3.4vw;}*/
/*.block-5-feratures-item-wrapper.feature-2 .block-5-feratures-text{left: 10%; right: 10%; padding-left: 10%;}*/
/*.block-5-feratures-item-wrapper.feature-3 .block-5-feratures-text{left: 15%; right: 10%; padding-left: 15%;}*/
/*.block-5-feratures-item-wrapper.feature-4 .block-5-feratures-text{left: 15%; right: 10%; padding-left: 15%;}*/
/*.block-5-feratures-item-wrapper.feature-5 .block-5-feratures-text{left: 7%; right: 7%; padding-left: 7%;}*/

.block-5-feratures-item-wrapper:hover .block-5-feratures-text,
.block-5-feratures-item-wrapper.active .block-5-feratures-text{font-size: 18px; left: 6vw; right: 1.5vw;
    padding-left: 5vw;}

.block-5-feratures-item-helper .block-5-feratures-text:before{content: attr(data-num); position: absolute; left: -0.9vw;
    top: 50%; transform: translateY(-50%); width: 1.8vw; line-height: 1.8vw; border-radius: 50%; background: #eee6dc;
    color: #bfa07e; text-align: center; transition: left 0.4s linear 0s, background-color 0.4s linear 0s,
    color 0.4s linear 0s, top 0.4s linear 0.4s ;}
.block-5-feratures-item-wrapper:hover .block-5-feratures-item-helper .block-5-feratures-text:before,
.block-5-feratures-item-wrapper.active .block-5-feratures-item-helper .block-5-feratures-text:before{ left: 5vw;
    transition: left 0.4s linear 0.4s, background-color 0.4s linear 0.4s, color 0.4s linear 0.4s,
    top 0.4s linear 0s; top: -2vw; background-color: #f4b758; color: #a36d19;
}
.block-5-feratures-item-helper .block-5-feratures-text:after{content: ''; position: absolute; left: 5vw;
    bottom: -15px; height: 2px;  width: 0; background: transparent; transition: 0.4s;
    }
.block-5-feratures-item-wrapper:hover .block-5-feratures-item-helper .block-5-feratures-text:after,
.block-5-feratures-item-wrapper.active .block-5-feratures-item-helper .block-5-feratures-text:after{background: #dba96a;
    width: 3.6vw; transition-delay: 0.4s;}



@keyframes block-5-feratures-z-animate{
    0% { z-index: 7; }
    0.1%, 49.9% {z-index: 8;}
    50% {z-index: 9; }
    50.1%, 99.9% {z-index: 10; }
    100% { z-index: 11; }
}

@keyframes block-5-feratures-z-animate-back{
    0% { z-index: 11; }
    0.1%, 49.9% {z-index: 10; }
    50% {z-index: 9;}
    50.1%, 99.9% {z-index: 8; }
    100% { z-index: 7;}
}


/*@-moz-keyframes block-5-feratures-animate{*/
    /*0% {*/
        /*-moz-transform:  translate(0px,5px)  ;*/
    /*}*/
    /*20% {*/
        /*-moz-transform:  translate(0px,5px)  ;*/
    /*}*/
    /*100% {*/
        /*-moz-transform:  translate(0px,5px)  ;*/
    /*}*/
/*}*/

/*@-webkit-keyframes block-5-feratures-animate {*/
    /*0% {*/
        /*-webkit-transform:  translate(0px,5px)  ;*/
    /*}*/
    /*20% {*/
        /*-webkit-transform:  translate(0px,5px)  ;*/
    /*}*/
    /*100% {*/
        /*-webkit-transform:  translate(0px,5px)  ;*/
    /*}*/
/*}*/

/*@-o-keyframes block-5-feratures-animate {*/
    /*0% {*/
        /*-o-transform:  translate(0px,5px)  ;*/
    /*}*/
    /*20% {*/
        /*-o-transform:  translate(0px,5px)  ;*/
    /*}*/
    /*100% {*/
        /*-o-transform:  translate(0px,5px)  ;*/
    /*}*/
/*}*/

/*@-ms-keyframes block-5-feratures-animate {*/
    /*0% {*/
        /*-ms-transform:  translate(0px,5px)  ;*/
    /*}*/
    /*20% {*/
        /*-ms-transform:  translate(0px,5px)  ;*/
    /*}*/
    /*100% {*/
        /*-ms-transform:  translate(0px,5px)  ;*/
    /*}*/
/*}*/

























.block-6 {min-height: 500px; background: url("../images/ui/block_6_bg.jpg") no-repeat center top;}

.block-6 .block-6-wrapper{margin: 260px 0 0 -30px;}
.block-6 .block-6-wrapper h2{color: #fff; margin: 0 0 40px;}
.block-6 .block-6-wrapper p{font-size: 18px; font-weight: 100; color: #f0dcbb; margin-bottom: 50px;}

.block-6 .block-6-card{ margin: 110px 0 180px; cursor: pointer; position: relative;}
.block-6 .block-6-card .name{color: #fff; font-size: 14px; font-weight: 200; line-height: 18px;
    text-transform: uppercase; margin: 15px 0 110px; padding: 15px 0 15px 150px; position: relative;}
.block-6 .block-6-card .name:before{content: ''; width: 100px; position: absolute;
    top: 0; bottom: 0; border-top: 1px solid #995a2e; border-bottom: 1px solid #995a2e; left: 148px;}

.block-6 .block-6-card .name:after{content: ''; width: 100px; position: absolute; top: 0;
    bottom: 0; left: 148px; background: #ffd343; filter: blur(50px); opacity: 0; transition: 0.4s;}

.block-6 .block-6-card .card{width: 129px; height: 197px; position: absolute; top: -13px; left: 0;
    background: url("../images/ui/block_6_cards.png") no-repeat; transition: 0.4s;}

.block-6 .block-6-card.girls .card{background-position: left center;}
.block-6 .block-6-card.boys .card{background-position: right center;}

.block-6 .block-6-card .card:before{content: ''; position: absolute; bottom: 10px; left: 0; right: 0; height: 5px;
    background: #000; filter: blur(10px); transition: 0.4s;}

.block-6 .block-6-card .card:after{content: ''; position: absolute; width: 185px; height: 58px; left: -30px;
    bottom: -20px; background: url("../images/ui/block_6_cards_decor.png") no-repeat; transition: 0.4s;}

.block-6 .block-6-card.girls .card:after{background-position: left center;}
.block-6 .block-6-card.boys  .card:after{background-position: right center;}

.block-6 .block-6-card:after{content: ''; position: absolute; bottom: -103px; width: 100px; left: 15px; height: 5px;
    background: #000; border-radius: 10px; filter: blur(10px); opacity: 0; transition: 0.4s;}



.block-6 .block-6-card:hover:after{opacity: 1;}
.block-6 .block-6-card:hover .name:after{opacity: 0.7;}
.block-6 .block-6-card:hover .name{}
.block-6 .block-6-card:hover .card{top: -33px;}
.block-6 .block-6-card:hover .card:after{bottom: -40px;}
.block-6 .block-6-card:hover .card:before{bottom: -10px; opacity: 0;}




.block-7{min-height: 500px; background: url("../images/ui/block_7_bg.png") no-repeat center top;
    margin-top: -180px; padding-top: 300px; }

/*.block-7:after{content: ''; position: absolute; width: 100%; bottom: 0; left: 0; height: 120px;*/
    /*background: #eef0f1; z-index: 5;}*/

#block-7-insta-block{position: relative; z-index: 10; background: #eef0f1; padding-bottom: 40px; }

.block-7 h2{color: #70616e; text-align: center; margin-bottom: 75px; position: relative; line-height: 1.4em;}
.block-7 h2 a{color: #70616e; text-decoration: none; border-bottom: 1px solid #cbc9d2;}
.block-7 h2:before{content: ''; position: absolute; top: -110px; left: 50%; width: 84px; height: 85px;
    margin-left: -42px; background: url("../images/ui/new/block_7_header_decor.png") no-repeat center;
    background-size: contain;}
.block-7 .sub-head-text{font-size: 18px; font-weight: 100; color: #70616e; text-align: center;}

.block-7 .block-7-insta-block{width: 1100px; margin: 65px auto 110px; padding: 20px; background-color: transparent;
    -webkit-box-shadow: 1px 4px 25px 5px rgba(0,0,0,0.15); border-radius: 22px;
    -moz-box-shadow: 1px 4px 25px 5px rgba(0,0,0,0.15);
    box-shadow: 1px 4px 25px 5px rgba(0,0,0,0.15);}

.block-7 .block-7-insta-block .square{position: relative; z-index: 4;}
.block-7 .block-7-insta-block .square:before{content: ''; padding-top: 100%; display: block;}
.block-7 .block-7-insta-block .square-content{position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.block-7 .block-7-insta-block .prev-wrapper{position: absolute; top: 0; left: 0; right: 0; bottom: 0;  z-index: 3;
    cursor: pointer;}
.block-7 .block-7-insta-block .prev-wrapper img{width: 100%; height: 100%; object-fit: cover; transition: 0.4s;
    outline: 2px solid transparent;}
.block-7 .block-7-insta-block .prev-wrapper img:hover{outline: 2px solid #fed242;}

.block-7 .block-7-insta-block .square:hover{z-index: 5;}

.block-7 .block-7-insta-block .prev-wrapper:before{content: ''; position: absolute; left: 15px; bottom: 15px;
    width: 30px; height: 30px; border-radius: 15px; border: 1px solid #ffffff; transition: 0.4s;}
.block-7 .block-7-insta-block .prev-wrapper:after{content: ''; position: absolute; left: 28px; bottom: 27px;
    border-left: 6px solid #fff; border-top: 3px solid transparent; border-bottom: 3px solid transparent;
    transition: 0.4s;}

.block-7 .block-7-insta-block .square-content:hover:before{opacity: 1;}
.block-7 .block-7-insta-block .square-content .prev-wrapper:hover:before{border-color: #fed242;}
.block-7 .block-7-insta-block .square-content .prev-wrapper:hover:after{border-left-color: #fed242;}


.block-7 .block-7-insta-block .feedback-block-wrapper{background: rgba(255, 255, 255, 0.54);}
.block-7 .block-7-insta-block .feedback-block{width: 230px; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);}
.block-7 .block-7-insta-block .feedback-block .more-feedbacks {text-decoration: none;}
.block-7 .block-7-insta-block .feedback-block .more-feedbacks .text{font-size: 18px; font-weight: 100;
    line-height: 18px; color: #c0a37b; display: inline-block; text-decoration: none; position: relative;}
.block-7 .block-7-insta-block .feedback-block .more-feedbacks .count{font-size: 144px; color: #c0a37b;
    font-family: Neumann, serif; line-height: 125px;  margin: 30px 0 0 -3px;}

.block-7 .block-7-insta-block .feedback-block .more-feedbacks .text:before{content: ""; position: absolute; left: 0;
    right: 0; bottom: 0; background: #c0a37b; opacity: 1; height: 1px; transition: 0.4s;}

.block-7 .block-7-insta-block .feedback-block .more-feedbacks .text:hover:before{bottom: -10px; opacity: 0;}

.block-7 .block-7-insta-block .feedback-block .more-feedbacks .text:hover{}

.block-7 .block-7-insta-block .feedback-block .btn-wrapper{ margin: 17px 0 0; position: relative;}
.block-7 .block-7-insta-block .feedback-block .btn-wrapper .btn-default{}
.block-7 .block-7-insta-block .feedback-block .btn-wrapper .btn-default span{font-size: 14px; font-weight: 400;
    text-transform: uppercase; color: #000; padding: 13px 50px 13px 22px; }
.block-7 .block-7-insta-block .feedback-block .btn-wrapper .btn-default:hover span{color: #fff;}

.block-7 .block-7-insta-block .feedback-block .btn-wrapper:after{content: ''; position: absolute; right: -44px;
    top: -75px; width: 132px; height: 149px; background: url("../images/ui/block_7_feedback_decor.png") no-repeat center;
    background-size: contain;}


footer{padding: 68px 0 23px; background: #fdfdfe;}
footer .footer-left-block {float: left; width: 200px; margin-bottom: 30px;}
footer .footer-right-block{float: right; width: 900px; margin-bottom: 30px;}

footer .footer-wijet{position: relative; background: #f6f8f9; width: 212px; display: inline-block; border-radius: 4px;
    margin-left: 35px;}
footer .footer-wijet:first-child{margin-left: 0;}
footer .footer-wijet:before{content: ''; padding-top: 100%; display: block;}

footer .footer-wijet-wide{position: relative; background: #f6f8f9; width: 454px; display: inline-block; border-radius: 4px;
                                                        }
footer .footer-wijet-wide:before{content: ''; padding-top: 212px; display: block;}

footer .footer-wijet .wijet-text{position: absolute; top: 50%; left: 50%; width: 80px; font-size: 20px; color: #af93a1;
    font-weight: 100; transform: translate(-50%, -50%);}

footer .footer-wijet-wide .wijet-text{position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 20px; color: #af93a1;
    font-weight: 100; }

footer .footer-wijet-any-q{position: relative;  display: inline-block; border-radius: 4px;
    background: #ffffff url("../images/ui/footer_any_q_decor.png") no-repeat right bottom;
    height: 222px; width: 400px; float: right; -webkit-box-shadow: -1px 5px 19px 2px rgba(175,162,168,0.18);
    -moz-box-shadow: -1px 5px 19px 2px rgba(175,162,168,0.18);
    box-shadow: -1px 5px 19px 2px rgba(175,162,168,0.18);}

footer .footer-wijet-any-q .wijet-content{position: absolute; top: 50%; left: 48px; width: 250px; transform: translateY(-50%);}
footer .footer-wijet-any-q .wijet-content .header{font-size: 25px; color: #332026; margin-bottom: 20px; font-weight: 200;
    line-height: 1em;}
footer .footer-wijet-any-q .wijet-content a{display: inline-block; font-size: 16px; color: #ba9b6a; font-weight: 500;
    text-decoration: underline;}
footer .payments-logo-block{height: 115px; background: url("../images/ui/footer_payments_logo.png") no-repeat center;}
footer .payments-new-logo-block{height: 115px; background: url("../images/ui/new/footer_payments_logo.png") no-repeat center;}

footer .copyright{font-size: 12px; font-weight: 200; color: #c1babf; margin: 10px 0 0; text-align: center;}

footer .footer-menu{list-style: none; padding: 0; margin: 15px 0 30px; font-size: 14px; line-height: 1px;
    text-align: justify;}
footer .footer-menu li{display: inline-block; line-height: 26px; margin-right: 20px;}
footer .footer-menu li.show-mobile{display: none;}
footer .footer-menu li.clear{width: 100%; line-height: 1px;}
footer .footer-menu li a{display: inline-block; border-bottom: 1px solid #e0dddc; color: #332026; transition: 0.4s;
    font-weight: 200;}
footer .footer-menu li a:hover, footer .footer-menu li a:active, footer .footer-menu li a:focus
    { border-bottom: 1px solid #e5d9c9; color: #c0a37b; text-decoration: none; }

footer .disclaimer{ font-size: 12px; font-weight: 200; line-height: 17px; color: #c1babf; margin: 0;}


footer .soc-links{float: left; margin-top: 12px; transition: 0.4s; margin-top: 10px;}
footer .soc-links a{display: inline-block; line-height: 32px; color: #e7dbdb; width: 34px;
    border: 1px solid #e7dbdb; text-align: center; border-radius: 20px; font-size: 20px; margin-left: 7px;}
footer .soc-links a:hover{color: #c29967; border-color: #c29967;}
footer .soc-links a:first-child{margin-left: 0;}
footer .soc-links a .fa-instagram{position: relative; top: 0.2px; left: -0.3px;}
footer .soc-links a .fa-vk{position: relative; top: 0.3px; left: -0.6px;}
footer .soc-links a .fa-facebook{position: relative; top: 0.7px; left: -0.3px}
footer .soc-links a .fa-youtube{position: relative;  top: 0.4px; left: 0.3px;}



.scroll-top{position: fixed; bottom: 50px; right: 50px; width: 67px; height: 67px; background: rgba(252,249,244,0.46);
    z-index: 500; -webkit-box-shadow: 0 0 21px 0 rgba(153,107,82,0.38); transition: 0.4s; border-radius: 50%;
    -moz-box-shadow: 0 0 21px 0 rgba(153,107,82,0.38); box-shadow: 0 0 21px 0 rgba(153,107,82,0.38);
}
.scroll-top:before{width: 40px; height: 40px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #f9d895;
    content: ''; position: absolute; border-radius: 50%;}
.scroll-top:after{content: ''; position: absolute; top: 50%; left: 50%; border-bottom: 9px solid #a6691d;
    border-right: 6px solid transparent; border-left: 6px solid transparent; transform: translate(-50%, -50%);
    margin-top: -1px;}

.scroll-top:hover{-webkit-box-shadow: 0 0 38px 1px rgba(255,211,67,0.7);
    -moz-box-shadow: 0 0 38px 1px rgba(255,211,67,0.7);
    box-shadow: 0 0 38px 1px rgba(255,211,67,0.7);}

.modal-lg{width: 750px; margin-top: 56px;}

.modal-lg .modal-content{border: none; background: url("../images/ui/modal-video_bg.jpg") no-repeat center top;
    border-radius: 9px; padding-bottom: 60px;}
.modal-lg .modal-content:after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0;
    background: url("../images/ui/modal-video_fg.png") no-repeat center bottom; background-size: contain;}

.modal-content .close-modal{position: absolute; right: 0; width: 27px; height: 27px; border: 3px solid #fff;
    background: #ede0d1; top: -41px; border-radius: 50%; text-align: center; color: #ede0d1; transition: 0.4s;}
.modal-content .close-modal span{display: block; margin: 2px; line-height: 17px; padding-left: 1px;
    background: #fff; border-radius: 50%; }
.modal-content .close-modal:hover{text-decoration: none; color: #a6691d; background: #a6691d;}

.modal-lg .modal-content h3{font-size: 35px; font-weight: 200; color: #fff; text-align: center; padding: 65px 0 50px;
    margin: 0; position: relative; z-index: 5;}

.modal-lg .modal-content h3:after{content: ''; position: absolute; width: 117px; height: 28px; bottom: -10px;
    left: 50%; margin-left: -59px; background: url("../images/ui/block_4_price_decor.png") no-repeat center;
    background-size: contain;}

.modal-lg .modal-content .modal-video-player-wrapper{margin: 50px auto 30px; width: 585px; z-index: 5; position: relative;
    height: 320px;}


.modal-lg .modal-content .btn-wrapper{z-index: 5; position: relative; text-align: center;}


.modal-light{margin-top: 56px;}

#modal-auth .modal-light{width: 400px;}
#modal-forgot-order .modal-light{width: 550px;}
#modal-after-forgot-order .modal-light{width: 430px;}
#modal-girls-names .modal-light, #modal-boys-names .modal-light{width: 400px;}
#modal-add-name .modal-light{width: 670px;}
#modal-feedback .modal-light, #modal-cooperation .modal-light{width: 830px; margin-top: 270px;}


#modal-feedback-list .modal-light{width: 770px;}
#modal-feedback-list  .modal-light .modal-content .modal-wrapper{padding: 0 130px 0;}

.tmp-modal .modal-light{width: 550px;}
.video-send-modal .modal-light{width: 475px;}
.after-video-send-modal .modal-light{width: 390px;}

#modal-feedback .modal-light:before, #modal-cooperation .modal-light:before{content: ""; position: absolute;
    left: -54px; right: -54px; height: 324px; top: -314px;
    background: url("../images/ui/modal-feedback-top.png") no-repeat center bottom;}

.modal-light .modal-content{border: none; background: #fff; border-radius: 9px;}
.modal-light .modal-content .modal-wrapper{margin: 20px; border: 1px solid #f8f7f4;}
.modal-light .modal-content h4{font-size: 25px; font-weight: 200; color: #372b35; text-align: center; padding: 50px 0 35px;
    margin: 0; position: relative; z-index: 5;}
.modal-light .modal-content h4:after{content: ''; position: absolute; width: 74px; height: 18px; bottom: 0;
    left: 50%; margin-left: -37px; background: url("../images/ui/block_4_price_decor.png") no-repeat center;
    background-size: contain;}

.tmp-modal .modal-content h4{font-size: 35px;}
.tmp-modal .modal-light .modal-content .modal-wrapper{padding: 20px 60px 30px;}

#modal-add-name .modal-light .modal-content h4{font-size: 35px; text-align: left; padding-bottom: 50px;
    text-align: center}
#modal-add-name .modal-light .modal-content h4:after{left: 0; margin-left: 0; width: 91px; height: 21px; bottom: 0;}

#modal-cooperation .modal-light .modal-content h4,
#modal-feedback .modal-light .modal-content h4{font-size: 25px; text-align: left; padding: 0 0 65px 6px;
    margin: 0;}
#modal-cooperation .modal-light .modal-content h4:after,
#modal-feedback .modal-light .modal-content h4:after{left: 13px; margin-left: 0; width: 72px; height: 19px; bottom: 25px;}

#modal-add-name .modal-light .modal-content h4:after{left: 50%; transform: translateX(-50%);}

.modal-light .modal-content h5{font-size: 20px; font-weight: 200; color: #372b35; text-align: center; padding: 50px 0 35px;
    margin: 0; position: relative; z-index: 5;}

.modal-light .modal-content h5:after{content: ''; position: absolute; width: 74px; height: 18px; bottom: 0;
    left: 50%; margin-left: -37px; background: url("../images/ui/block_4_price_decor.png") no-repeat center;
    background-size: contain;}

#modal-add-name .modal-light .modal-content h5{font-size: 25px; text-align: left; padding: 30px 0 20px;
    margin-left: 33px;}
#modal-add-name .modal-light .modal-content h5:after{display: none;}

#modal-auth .form-wrapper{margin: 35px 55px 28px;}
#modal-forgot-order .form-wrapper{margin: 35px 160px 40px 70px;}
#modal-after-forgot-order .form-wrapper{margin: 35px 50px 40px;}
#modal-feedback .form-wrapper, #modal-cooperation .form-wrapper{margin: 0 60px 0 0;}
#modal-girls-names .names-wrapper, #modal-boys-names .names-wrapper {margin: 30px 65px 30px;}
#modal-add-name .modal-wrapper {padding: 0 95px 50px;}
#modal-feedback .modal-wrapper, #modal-cooperation .modal-wrapper  {padding: 80px 97px 25px;}

.field-wrapper{margin-bottom: 10px; position: relative;}
.field-wrapper.new{display: none;}
.field-wrapper input{width: 100%; font-size: 14px; line-height: 15px; padding: 15px 15px 15px 45px;
    border: none; border-bottom: 1px solid #f3efeb; transition: 0.4s;}
.field-wrapper input:focus, .modal-light .field-wrapper input:active {outline: none; border-bottom-color:  #edc87e;}
.field-wrapper .icon{position: absolute; top: 50%; left: 20px; margin-top: -12px; margin-left: -11px;
    width: 23px; height: 23px;}

.field-wrapper .icon:before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: url("../images/ui/modal_form_icons.png") no-repeat left center; opacity: 1; transition: 0.4s;}
.field-wrapper .icon:after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: url("../images/ui/modal_form_icons.png") no-repeat right center; opacity: 0;  transition: 0.4s;}

.field-wrapper .remove-icon{position: absolute; top: 50%; right: 5px; margin-top: -12px; margin-left: -11px;
    width: 23px; height: 23px; background: url("../images/ui/wizard_icons.png") no-repeat -69px -46px; opacity: 0.5;
    transition: 0.4s; cursor: pointer;}
.field-wrapper .remove-icon:hover{opacity: 1;}

.field-wrapper input:focus ~ .icon:before{opacity: 0;}
.field-wrapper input:focus ~ .icon:after{opacity: 1;}

.field-wrapper .field-person ~ .icon:before{background-position: left -23px;}
.field-wrapper .field-person ~ .icon:after{background-position: right -23px;}

.field-wrapper .field-email ~ .icon:before{background-position: left -46px;}
.field-wrapper .field-email ~ .icon:after{background-position: right -46px;}

.field-wrapper .field-order-num ~ .icon:before{background-position: left -69px;}
.field-wrapper .field-order-num ~ .icon:after{background-position: right -69px;}

.field-wrapper .field-search ~ .icon:before{background-position: left -92px;}
.field-wrapper .field-search ~ .icon:after{background-position: right -92px;}

.field-wrapper input.field-search{width: 100%; font-size: 12px; line-height: 15px; padding: 10px 15px 10px 53px;
    border: none; transition: 0.4s; border-radius: 30px;
    -webkit-box-shadow: inset 0 2px 6px 0 rgba(238,212,183,1);
    -moz-box-shadow: inset 0 2px 6px 0 rgba(238,212,183,1);
    box-shadow: inset 0 2px 6px 0 rgba(238,212,183,1);}
.field-wrapper input.field-search:focus, .modal-light .field-wrapper input.field-search:active {outline: none;
    border-bottom-color:  #edc87e;}
.field-wrapper .field-search ~ .icon{position: absolute; top: 50%; left: 27px; margin-top: -12px; margin-left: -11px;
    width: 23px; height: 23px;}

.modal-light textarea{width: 100%; height: 240px; border-radius: 8px; border: none; padding: 25px 30px; font-size: 14px;
    resize: none; -webkit-box-shadow: inset -1px 1px 6px 0 rgba(238,212,183,1);
    -moz-box-shadow: inset -1px 1px 6px 0 rgba(238,212,183,1);
    box-shadow: inset -1px 1px 6px 0 rgba(238,212,183,1);}
.modal-light textarea:focus{outline: none;}

input[type='checkbox']{    -webkit-appearance: none; width: 16px; height: 16px; margin: 0; border: 1px solid #cdb28c;
    border-radius: 3px; background: #f6ece0; cursor: pointer; transition: 0.4s;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.74),  0 2px 3px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.74), 0 2px 3px 0 rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.74), 0 2px 3px 0 rgba(0,0,0,0.1);
}
input[type='checkbox']:before{content: '\f00c'; font-family: FontAwesome, serif; position: absolute; top: 1px; left: 1px;
    color: #c0a37b; font-size: 12px; opacity: 0; transition: 0.4s;}
input[type='checkbox']:checked:before{opacity: 1;}

input[type='checkbox']:hover, input[type='checkbox']:focus{ background: #f4e8da; outline: none;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.2),  0 2px 3px 0 rgba(0,0,0,0);
    -moz-box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.2), 0 2px 3px 0 rgba(0,0,0,0);
    box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.2), 0 2px 3px 0 rgba(0,0,0,0);
}


.modal-light .form-wrapper p{font-size: 12px; margin: 15px 10px 10px 20px; position: relative;}
.modal-light .form-wrapper p:before{content: '*'; position: absolute; top: 0; left: -10px;}
.modal-light .form-wrapper .form-btn-wrapper{vertical-align: top;}
.modal-light .form-wrapper .form-btn-wrapper .remember{display: inline-block; font-size: 14px; margin: 10px 0 10px 30px;
    vertical-align: top; position: relative;  padding-left: 32px;}
.modal-light .form-wrapper .form-btn-wrapper .remember label{font-weight: 400; margin-top: 6px;}
.modal-light .form-wrapper .form-btn-wrapper .remember input{position: absolute; top: 50%; left: 0;
    transform: translateY(-50%);}
.modal-light .field-wrapper .btn{position: absolute; bottom: -10px; right: -100px;}
.modal-light .forgot-order{ color: #c4b4a4; display: inline-block; margin-bottom: 30px; text-decoration: underline;}

.modal-light .clear-text{text-align: center; margin: 30px 0 55px; font-size: 14px; font-weight: 200;}
.tmp-modal .modal-light .clear-text{text-align: center; margin: 30px 0 55px; font-size: 16px; font-weight: 200;}
.video-send-modal .modal-light .clear-text{padding-left: 40px; padding-right: 40px; margin-bottom: 30px;}
.after-video-send-modal .modal-light .clear-text{margin-bottom: 20px;}
.modal-light .strong-text{text-align: center; margin: -10px 0 0; font-size: 14px; font-weight: 500;
    border-top: 1px solid #f7f5f2; padding: 28px 0 30px;}

.tmp-modal .btn-wrapper{    padding: 1px 0 20px;     margin: 0 -10px;}

.tmp-modal .fld-block{ margin: 50px 60px 20px;}
.video-send-modal .fld-block{margin: 0 58px 14px;}

.tmp-modal .close-modal{display: none;}

.tmp-modal .btn-wrapper .vk span, .tmp-modal .btn-wrapper .inst span{position: relative; padding: 12px 20px 12px 50px;
    font-size: 14px;}
.tmp-modal .btn-wrapper .vk span:before{content: "\f189"; font-family: FontAwesome, sans-serif; left: 16px; top: 11px;
    font-size: 18px; position: absolute;}
.tmp-modal .btn-wrapper .inst span:before{content: "\f16d"; font-family: FontAwesome, sans-serif; left: 18px; top: 12px;
    font-size: 18px; position: absolute;}

.modal-letter-preview-btn{display: block; background: #fff; font-size: 14px; color: #544652; line-height: 15px;
    padding: 25px 0 25px 37px; text-transform: uppercase; text-decoration: none; position: relative;
    -webkit-box-shadow: 0 3px 45px -8px rgba(234,181,119,0.3); transition: 0.4s;
    -moz-box-shadow: 0 3px 45px -8px rgba(234,181,119,0.3);
    box-shadow: 0 3px 45px -8px rgba(234,181,119,0.3);}
.modal-letter-preview-btn:before { content: ""; position: absolute; top: 50%; border-radius: 50%; right: 23px;
    margin-top: -12px; width: 22px; height: 22px; transform: rotate(0deg);
    -webkit-box-shadow: 0 2px 9px -3px rgba(187,156,115,1);
    -moz-box-shadow: 0 2px 9px -3px rgba(187,156,115,1);
    box-shadow: 0 2px 9px -3px rgba(187,156,115,1);
    background: url("../images/ui/lk_icons.png") no-repeat -31px -52px; transition: 0.4s;
}
.modal-letter-preview-btn.opened:before{transform: rotate(180deg);
    -webkit-box-shadow: 0 -2px 9px -3px rgba(187,156,115,1);
    -moz-box-shadow: 0 -2px 9px -3px rgba(187,156,115,1);
    box-shadow: 0 -2px 9px -3px rgba(187,156,115,1);}
.modal-letter-preview-btn:hover, .modal-letter-preview-btn:active, .modal-letter-preview-btn:focus,
.modal-letter-preview-btn:active:focus{text-decoration: none; color: #edb54f;}
.modal-letter-preview-content{display: none;}
.modal-letter-preview-content img{width: 100%;}


.modal-mailshare-add-btn{display: block; border: 2px dashed #f3efeb; border-radius: 11px; position: relative;
    padding: 15px 50px; line-height: 19px; font-size: 14px; color: #c4b4a4; text-transform: uppercase; transition: 0.4s;
    cursor: pointer; margin:10px 58px 20px;}
.modal-mailshare-add-btn:hover{ color: #edb54f;}
.modal-mailshare-add-btn:before{content: "+"; font-size: 30px; font-weight: 500; opacity: 0.35; position: absolute;
    left: 20px; top: 14px; transition: 0.4s;}

.modal-mailshare-add-btn:hover:before{opacity: 1;}


.modal-light .alert-info{font-size: 14px; padding: 20px 20px 20px 68px; border-top: 1px solid #f7f5f2;
    border-bottom: 1px solid #f7f5f2; background: none; border-left: none; border-right: none; line-height: 1.2em;
    color: #372b35; position: relative; font-weight: 200;}
.modal-light .alert-info strong{font-weight: 500;}

.modal-light .alert-info:before { content: ""; position: absolute; top: 50%; left: 20px; width: 23px; height: 23px;
    margin-top: -11px; background: url("../images/ui/modal_form_icons.png") no-repeat right top;
}

.modal-light .alert-info + .col-lg-12.text-center{padding-top: 40px; padding-bottom: 40px;}
.modal-light .clear-text + .col-lg-12.text-center{ padding-bottom: 20px;}
.after-video-send-modal .modal-light .clear-text + .col-lg-12.text-center{ padding-bottom: 30px;}

.modal-light .btn-wrapper{margin-bottom: 25px;}

.modal-light .nano { width: 100%; height: 350px; margin-top: 40px;}
.nano .nano-content { padding: 10px 45px 10px 10px; }
.nano .nano-pane   { width: 5px; background: none; right: 5px; bottom: 5px; top: 5px;
    -webkit-box-shadow: inset 0 2px 5px 0 rgba(177,122,58,0.33);
    -moz-box-shadow: inset 0 2px 5px 0 rgba(177,122,58,0.33);
    box-shadow: inset 0 2px 5px 0 rgba(177,122,58,0.33);}
.nano > .nano-pane > .nano-slider { margin: -2px; border: 2px solid #fff; border-radius: 5px;
    background: rgb(210,187,167);
    background: -moz-linear-gradient(top, rgba(210,187,167,1) 0%, rgba(220,177,115,1) 100%);
    background: -webkit-linear-gradient(top, rgba(210,187,167,1) 0%,rgba(220,177,115,1) 100%);
    background: linear-gradient(to bottom, rgba(210,187,167,1) 0%,rgba(220,177,115,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2bba7', endColorstr='#dcb173',GradientType=0 );
    -webkit-box-shadow: 0 0 7px 0 rgba(187,156,115,1);
    -moz-box-shadow: 0 0 7px 0 rgba(187,156,115,1);
    box-shadow: 0 0 7px 0 rgba(187,156,115,1);}

.modal-light h6{font-size: 25px; font-family: Neumann, serif; line-height: 32px; margin: 0; color: #bf8e2b;
    padding-left: 20px;}

.modal-light .names{list-style: none; margin: 0 0 15px; padding: 0;}
.modal-light .names:last-child{margin-bottom: 0;}
.modal-light .names li{padding: 0 0 0 20px; line-height: 40px; font-size: 14px; border-bottom: 1px solid #f7f5f2;
    text-transform: uppercase;}
.modal-light .names li:last-child{border-bottom: 0;}
.modal-light .names li a{ color: #372b35; transition: 0.4s;}
.modal-light .names li a:hover{ color: #c0a37b;}

.modal-light .modal-add-name-steps{margin: 0 0 0; padding: 0; list-style: none; counter-reset: LIST-ITEMS 0;}
.modal-light .modal-add-name-steps li{margin: 0; padding: 25px 0 25px 45px; font-size: 16px; line-height: 22px;
    border-bottom: 1px solid #f3efeb; position: relative;}
.modal-light .modal-add-name-steps li:last-child{border-bottom:  none;}
.modal-light .modal-add-name-steps li:before{position: absolute; top: 50%; left: 0; width: 20px; line-height: 20px;
    content: counter( LIST-ITEMS ); counter-increment: LIST-ITEMS; text-align: center; font-size: 9px; color: #202122;
    background: #fdc562; border-radius: 10px; margin-top: -10px;}


.table-param{display: table; width: 100%;  border-top: 1px solid #f7f5f2; }
.table-param:first-child{border-top: none;}

.table-param-index{border: none; padding-left: 45px; position: relative;}
.table-param-index:before{content: ""; position: absolute; top: 50%; left: 0; width: 28px; height: 32px;
    transform: translateY(-50%); background: gray;}

.table-param-time:before{background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABACAYAAABP97SyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MzBEN0EwM0QzNDYxMUU4QTAyRkQ2RDU1NTg2N0ExMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MzBEN0EwNEQzNDYxMUU4QTAyRkQ2RDU1NTg2N0ExMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzMEQ3QTAxRDM0NjExRThBMDJGRDZENTU1ODY3QTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQzMEQ3QTAyRDM0NjExRThBMDJGRDZENTU1ODY3QTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RH7I4gAABbxJREFUeNrsW1tsFVUUPb0lgHpbRRAVyiPElvKjAVGrgglqQnyg6AeJQYwJEB+QkqCJJCSICdEYaVWEWDVAIpYPPkQ0hJCIfvBI0SLqhxZqFGuloljScqlSS3Ct3H3J6e65j7l35namYScrMHvmzNnrnsfss/duybjxFcZn2Q/MyrPtAWC2lwa/t/+W8X7M+C+zBqlt0QiGSoIgeKCAtgf9NmZYAARnD/URNJcJXiYY7jVYCtwqa/FmoBLgx/ZqoFye6Qa6gHagFfhevp9HgAthJDgCmA8sAO4TMpmkXDABuNPSk/Q+YAfwCXC+UMNKCvRkRgO1wDL5v5/yN7AJ2CD/L6oncyWwDjgBrAmAXOrHWyN9rJM+i7LJzAN+AFYD8TTP/CnTbCXwIFANNFn3m0T3gDyzQ9q4JC59/Sh9BzZFRwJvAMvT3D8DNALbhcBFdV9flziuZwJPAE8Do9L0w2n7IvBvLlM0V4I3AruB6Y57fwDrgfeARIZ3ZCOoR+0ZIXKD4/5R4CGgw481WAUccpDrA96Uz0BdFnJeJSHvrJQ++tT96WJTVaFT9CZxgMcqfQuwEPjGg9FeRlDLDJn+1Y61fjdG8ad8RpDMP3eQ+wy4wyO5QoV93S5920Lb9o2vmFDhlSA/3J8Ck5R+M/CYeCLFlrPS92aln0hbQXKEF4L1jjW3BVjqtyvlUS6IDVsca7I+1zX4qLhJtnA0Hy+QXCFr0OXvfgw8ovTzsR53ZSJYJhvIOEv3syzyrgJ/fT8JGvF3uTanWLqTwDSQ7E43RVcpcn3iQHeZ8EmX2GZ/Qmj7S+nWYMpxtmWDHGHCKkfERltqseGMdhFcoXxLeihrI3CmfZkejfKCajXB4cBzqmGdbM2hFqw3ej2vK/XzGMXhNkF69WOsBzqBhghFJt5XZ8YxwukSwUWqwTaffcugR/Ef/PORUi9KEaQHMFfdbCyCXRc9YH8O79M2z6V3Q4K3qc3lL6A5ZIOUS86iWR2ayWlmTBxnW75wfJSjME1p85dKXUOCU5WyKSAbipGz0LZPHeY4Yx0PiGAxchbH1HV1zHEkOm6iK63qehIJXuM4JUdVTqnrUSRYrpTdUWWHjUZ7XmVDKvmScs8s6Y05/M2yCHPUtidI8IxSXh9hgjpYfJYEf1XKqggTrFTXbTEJUQwVgtppaYk5Po41ESaobT9GgoeV8l5TeEBoMHZQ2jxHu24k+LU6+11nklmeqAnT5nYUnpyaSZBp4r3q4YURJPikut6LD//5mHWC1w/HIzQ9r3AQ3GaHLPaomAbDbs9GaPSWmv5p9NPC6RLBXuBd1eiFKIwiRo82rlLqBkzPXpsg5S212TCz+koERm+tSWag7c3l7dSFTZBTdECU2LjT1mER2rZC6TZi9E67CFIYQD1pXfPEvz2kDjhtajT9i5lo+2v2QzHHWXCZPvabZMyxNETkSsWmaUq/3M4suQhSmBvcqnTMwzWExMMpEVt0bnAryO3UD6c78LIW5lulWwJ8MMgjWSo2LFH670ya+p10BHtMsqpIF6EsBnYO0posk74XKz0rFh/G6PV4IZhqSMdbB6FI/CuTzPoWS2ZIn7qUi1H4OSDXnq5htpgM608Yzzzh2Hh4ClkfsDMQlz4Om4HxW9p0T6YamVwIUhgnvcsky6eM+oTQ22EscqXPROPyzlbpQ9e1HhWbWrK9KNeoWoe8cKPjHj0eJkvbgHdMssA1n902VYxXL++qM+46tU1iS0dOL82jIHaeEJ2Y4RmuWyZCmuRX/kV0CWuEeO6cIlOvRg6rYzO8s012yn7VTn5VG2phcepqceWCdsgT4kK+CpzTN4Oq+O0RgpNNshq3MwBinfLuydLXuby8Ap/++owRZebEnwLuNwPTAbkK3SwWAH4o57nebA2yjaBfVfc0ZJfA/rOCW0yyJJO/4rXAVcB/Mu0YcD4ln6LUnxUwS+trLdz/AgwAiUNeyU7BJz4AAAAASUVORK5CYII=") no-repeat center center; background-size: contain;}
.table-param-cost:before{background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABACAYAAABP97SyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2Q0IwNzI5MkQzNDYxMUU4QjgxRkU1MjA1MjAyNzYwQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2Q0IwNzI5M0QzNDYxMUU4QjgxRkU1MjA1MjAyNzYwQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZDQjA3MjkwRDM0NjExRThCODFGRTUyMDUyMDI3NjBDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZDQjA3MjkxRDM0NjExRThCODFGRTUyMDUyMDI3NjBDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+N5AceQAAAWhJREFUeNrsm72KwlAQhRNNYbEGW3+2FGu7FEkngu/hQwi+gM8g7CtsaSF2KvgIgqXKbilqH8/FFBJ0w+YWZoZz4EAMCvmYGWZu7tWN49jRrJKjXAQkIAHfK7fRbKXvLeFQKM/qeNhHWREMBQcsZA2aMAvmWadveE++FEkiQs2xTRBQQx9swxO4B/vCmc7wAh6hPncGsIMPG7imLHgnOChXfX+Ki67C7KzAjVKSllrV957UnCu5DzZbn4+vKD7YJghIQAISkIB/yCvAMwzgL7ie58foe4WPYG44KSlaZw0Kr0HHZhbOmEXZJghIQHuZvZI48VIjYPjimikqBfBxr2StoQ+mFWmPINsEZ9GC6V9HrySsB9Wn6I92wCH8q7kGZzareq4HCUhAAhKQgJZ90Jwr8fPOgu9Wxix6NRFcKA7g3ACOnfuhGW0yTGMDuIUD+Bu+KAC7JCwBxrity3++EJCABCSghW4CDADDIUN2SJkI7AAAAABJRU5ErkJggg==") no-repeat center center; background-size: contain;}


.table-param .table-param-name{display: table-cell; padding: 12px 0 12px 0; font-size: 16px;}
.table-param .table-param-val{display: table-cell; vertical-align: middle; text-align: right; font-weight: 200;}

.table-param .table-param-val .num{font-size: 30px; line-height: 30px; display: inline-block; position: relative;}
.table-param .table-param-val .num.before:before{content: 'до'; position: absolute; top: 65%; left: -25px; width: 27px;
    height: 27px; line-height: 27px; text-align: center; border-radius: 15px; margin-top: -14px;
    font-size: 14px; font-weight: 400;}
.table-param .table-param-val .text{font-size: 14px; line-height: 14px; margin-top: 16px; display: inline-block;}

.alert.alert-warning{border: none; border-radius: 10px; background: #fff; padding: 25px 50px 25px 88px; font-size: 14px;
    font-weight: 200; color: #202122; position: relative; -webkit-box-shadow: 6px 6px 54px 0 rgba(75,55,45,0.16);
    -moz-box-shadow: 6px 6px 54px 0 rgba(75,55,45,0.16);
    box-shadow: 6px 6px 54px 0 rgba(75,55,45,0.16);}
.alert.alert-warning:before{content: "";  position: absolute; top: 50%; left: 33px; width: 23px; height: 23px;
    margin-top: -11px; background: url("../images/ui/modal_form_icons.png") no-repeat right top;}
.modal-light .alert.alert-warning{margin: 10px 0 38px;}

#modal-add-name .btn-wrapper{margin: -10px 0 0 0; text-align: center;}

.modal-light .secure-notify{font-size: 12px; color: #938a93; padding: 20px 10px 20px 45px; position: relative;}
.modal-light .secure-notify:before{position: absolute; content: ''; top: 50%; left: 20px; margin-top: -13px;
    margin-left: -11px; width: 23px; height: 23px; background: url("../images/ui/modal_form_icons.png") no-repeat left top;}

#modal-feedback .close-modal, #modal-cooperation .close-modal{display: none;}
.modal-light .close-modal-str{font-size: 14px; color: #c4b4a4; text-decoration: underline;}


input ~ label.error, textarea ~ label.error{position: absolute; bottom: -20px; left: 0; background: #fff;
    border-radius: 10px; padding: 18px 20px 18px 50px; color: #372b35; font-size: 14px; line-height: 1.2em;
    font-weight: 400; transform: translateY(100%); z-index: 10;
    -webkit-box-shadow: 0 7px 54px 0 rgba(75,55,45,0.16);
    -moz-box-shadow: 0 7px 54px 0 rgba(75,55,45,0.16);
    box-shadow: 0 7px 54px 0 rgba(75,55,45,0.16);}

input ~ label.error:before, textarea ~ label.error:before{content: ""; position: absolute; top: 50%; left: 16px;
    background: url("../images/ui/modal_form_icons.png") no-repeat right top; width: 23px; height: 23px;
    margin-top: -11px;}

input ~ label.error:after, textarea ~ label.error:after{content: ""; position: absolute; border-bottom: 13px solid #fff;
    border-left: 10px solid transparent; border-right: 10px solid transparent; left: 70px; top: -13px;}

input.error{-webkit-box-shadow: inset 0px -10px 5px -8px rgba(244,161,124,0.98);
    -moz-box-shadow: inset 0px -10px 5px -8px rgba(244,161,124,0.98);
    box-shadow: inset 0px -10px 5px -8px rgba(244,161,124,0.98);}


.ya-share2{text-align: center; margin-top: 15px; margin-left: 35px;}
.ya-share2__badge{padding: 2px;}
.ya-share2__counter:before{background: none !important;}

.ya-share2__item_service_vkontakte .ya-share2__icon{background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.785 16.241s.288-.032.436-.194c.136-.148.132-.427.132-.427s-.02-1.304.576-1.496c.588-.19 1.341 1.26 2.14 1.818.605.422 1.064.33 1.064.33l2.137-.03s1.117-.071.587-.964c-.043-.073-.308-.661-1.588-1.87-1.34-1.264-1.16-1.059.453-3.246.983-1.332 1.376-2.145 1.253-2.493-.117-.332-.84-.244-.84-.244l-2.406.015s-.178-.025-.31.056c-.13.079-.212.262-.212.262s-.382 1.03-.89 1.907c-1.07 1.85-1.499 1.948-1.674 1.832-.407-.267-.305-1.075-.305-1.648 0-1.793.267-2.54-.521-2.733-.262-.065-.454-.107-1.123-.114-.858-.009-1.585.003-1.996.208-.274.136-.485.44-.356.457.159.022.519.099.71.363.246.341.237 1.107.237 1.107s.142 2.11-.33 2.371c-.325.18-.77-.187-1.725-1.865-.489-.859-.859-1.81-.859-1.81s-.07-.176-.198-.272c-.154-.115-.37-.151-.37-.151l-2.286.015s-.343.01-.469.161C3.94 7.721 4.043 8 4.043 8s1.79 4.258 3.817 6.403c1.858 1.967 3.968 1.838 3.968 1.838h.957z' fill='%2348729e' fill-rule='evenodd'/%3E%3C/svg%3E"), #fff !important;
    border-radius: 2px;}
.ya-share2__item_service_odnoklassniki .ya-share2__icon{background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23eb722e' fill-rule='evenodd'%3E%3Cpath d='M11.674 6.536a1.69 1.69 0 0 0-1.688 1.688c0 .93.757 1.687 1.688 1.687a1.69 1.69 0 0 0 1.688-1.687 1.69 1.69 0 0 0-1.688-1.688zm0 5.763a4.08 4.08 0 0 1-4.076-4.075 4.08 4.08 0 0 1 4.076-4.077 4.08 4.08 0 0 1 4.077 4.077 4.08 4.08 0 0 1-4.077 4.075zM10.025 15.624a7.633 7.633 0 0 1-2.367-.98 1.194 1.194 0 0 1 1.272-2.022 5.175 5.175 0 0 0 5.489 0 1.194 1.194 0 1 1 1.272 2.022 7.647 7.647 0 0 1-2.367.98l2.279 2.28a1.194 1.194 0 0 1-1.69 1.688l-2.238-2.24-2.24 2.24a1.193 1.193 0 1 1-1.689-1.689l2.279-2.279'/%3E%3C/g%3E%3C/svg%3E"), #fff !important;
    border-radius: 2px;}
.ya-share2__item_service_facebook .ya-share2__icon{background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.423 20v-7.298h2.464l.369-2.845h-2.832V8.042c0-.824.23-1.385 1.417-1.385h1.515V4.111A20.255 20.255 0 0 0 14.148 4c-2.183 0-3.678 1.326-3.678 3.76v2.097H8v2.845h2.47V20h2.953z' fill='%233b5998' fill-rule='evenodd'/%3E%3C/svg%3E"), #fff !important;
    border-radius: 2px;}
@media (max-width: 1199px) {
    header{background: #fff;}
    .container { width: 720px !important; }

    .top-menu .top-logo{background: url("../images/main-logo-responsive.png") no-repeat center; width: 127px; height: 59px;
        margin: 20px 0 0;}
    .top-menu .top-logo img{display: none;}
    .top-menu .top-line p{display: none;}
    .top-menu .top-line .top-soc-links{display: none;}
    .top-menu .top-line .top-main-action-wrapper{top: -50px; right: auto; left: 120px;}
    .top-menu .main-col{width: 100%; margin-right: 0;}
    .top-menu .main-col:after{display: none;}
    .top-menu nav ul{margin: 0 0 10px;}
    .top-menu .side-col{position: absolute; left: 390px; top: -69px; width: 313px;}
    .top-menu .currency-selector{float: right; margin-top: 23px;}

    .main-head-block{    background-size: cover; background-position: 79% 24%;}
    .main-head-block .block-1{margin: 210px 0 0 0; width: 360px;}
    .main-head-block .block-1 h1{font-size: 28px;}
    .main-head-block .block-1 .h1subheader{font-size: 18px; width: 310px; margin-bottom: 15px;}
    .main-head-block .block-1 .h1subheader:after{content: "И даже 31 декабря!"; display: inline-block; font-weight: 500;}
    .main-head-block .block-1 .btn-primary{margin-left: -30px;}

    .main-head-block .block-1 .block-1-offer{display: none;}

    .main-head-block .block-1 .how-we-work{margin: 30px 0 0 45px;}



    .main-head-block .block-2 .block-2-offer{margin-top: 130px; padding-bottom: 30px;}
    .main-head-block .block-2 .block-2-offer:before{width: 364px; height: 479px; left: -340px; top: -40px;}

    .main-head-block .block-2 .block-2-offer .text{font-size: 22px; padding-left: 36px; margin-bottom: -10px;}
    .main-head-block .block-2 .block-2-offer .date{font-size: 128px; padding-left: 33px; margin-left: -13px;}

    .main-head-block .block-2 .block-2-video-wrapper{width: 500px;}
    .main-head-block .block-2 .block-2-video-wrapper:after{width: 185px; height: 284px; right: -140px; top: 75px;}
    .main-head-block .block-2 .block-2-video{margin-top: 450px; margin-left: 53px; height: 298px;}
    .main-head-block .block-2 .block-2-video:after{height: 172px;}
    .main-head-block .block-2 .block-2-video .name{font-size: 25px; padding: 36px 30px 0; width: auto;}
    .main-head-block .block-2 .block-2-video .cta{margin-top: 15px;     top: 35%; left: 180px; font-size: 16px;}
    .main-head-block .block-2 .block-2-video .play-btn{width: 88px; height: 88px; top: 120px; left: 70px;}
    .main-head-block .block-2 .block-2-video .play-btn:after{border-left-width: 21px; border-top-width: 12px;
        border-bottom-width: 12px;}

    .main-head-block .block-2 .block-2-offer-upd{margin-top: 90px;}
    .main-head-block .block-2 .block-2-offer-upd .header{font-size: 21px; padding-right: 10px; margin-bottom: 20px;
        margin-top: 20px;}
    .block-1-feedback-wrapper{width: auto; margin-right: -270px;}
    .block-1-feedback-all-link{white-space: nowrap;}

    .main-head-block .block-2 .block-2-offer-upd .name{-webkit-text-fill-color: #fff; -webkit-background-clip: unset;
        background: none; font-size: 34px; padding: 0 6px 20px 0; line-height: 50px;}


    .block-3{margin-top: -290px; padding: 370px 0 40px;}
    .block-3 .block-3-slider-wrapper{height: 490px; margin: 0 -50px;}
    .block-3 .block-3-slider{padding: 85px 180px 0 150px;}
    .block-3 .block-3-slider .block-3-slider-left{width: 260px; padding-top: 50px;}
    .block-3 .block-3-slider .block-3-slider-left .num{font-size: 109px; line-height: 90px;}
    .block-3 .block-3-slider .block-3-slider-left .headline{font-size: 33px; margin-bottom: 20px;}
    .block-3 .block-3-slider .block-3-slider-left .text{font-size: 14px; margin-bottom: 20px;}

    .block-3 .block-3-slider-right .customize-slider .variant-num{width: 50px; height: 50px; line-height: 46px;
        padding-top: 4px; font-size: 20px; top: 110px;}
    .block-3 .block-3-slider-right .img-wrapper{ width: 157px; height: 157px; margin-top: -42px;}
    .block-3 .block-3-slider-right .img-wrapper img{width: 157px; height: 157px;}
    .block-3 .block-3-slider-right .customize-slider .variant-text-wrapper{margin-top: 80px; min-height: 110px; height: 110px;}
    .block-3 .block-3-slider-right .customize-slider .variant-text-wrapper:before{width: 61px; height: 15px;
        background-size: contain; top: -43px;}
    .block-3 .block-3-slider-right .customize-slider .variant-text-wrapper:after{width: 61px; height: 15px;
        background-size: contain; bottom: -43px;}
    .block-3 .block-3-slider-right .customize-slider .variant-text{font-size: 18px; }

    .block-3 .block-3-slider .block-3-slider-arrow{top: 250px; left: 69px;}
    .block-3 .block-3-slider .block-3-slider-arrow.next{left: auto; right: 69px;}

    .block-3 .block-3-slider .block-3-slider-arrow .arrow-contur:before{width: 100px; height: 100px;}
    .block-3 .block-3-slider .block-3-slider-arrow .arrow-num{display: none;}

    .block-3 .block-3-slider-right .customize-slider .variant-text .sub{font-size: 12px;}

    /*header .top-menu .top-profile-link > .helper{opacity: 0; visibility: hidden; transition-delay: 0s;}*/
    /*header .top-menu .top-profile-link .lk-menu{    left: -24px;}*/

    .block-4 h2{width: auto; font-size: 28px; line-height: 29px;padding: 45px 120px 40px;
        margin: 45px auto 25px; background-position: 60% center;}

    .block-4 .block-4-book{background: #faf1e3; width: auto; margin-top: 120px; border-radius: 0 0 14px 14px;
        -webkit-box-shadow: 0 3px 45px 0 rgba(234,181,119,0.88);
        -moz-box-shadow: 0 3px 45px 0 rgba(234,181,119,0.88);
        box-shadow: 0 3px 45px 0 rgba(234,181,119,0.88); height: 510px;}
    .block-4 .block-4-book:after{display: none;}
    .block-4 .block-4-book:before{content: ""; position: absolute; top: 1px; left: 0; width: 100%;
        border-radius: 14px 14px 0 0; background: #faf1e3; z-index: 15; height: 15px;}
    .block-4 .block-4-book > .row{z-index: 5; position: relative;}

    .block-4 .block-4-bookmark{top: -85px !important; height: 100px !important; right: auto !important; padding: 0 !important;
        text-align: center; z-index: 0;}
    .block-4 .block-4-bookmark:after{display: none;}
    .block-4 .block-4-bookmark.for-girl{width: 113px !important; left: 0;}
    .block-4 .block-4-bookmark.for-boy{width: 113px !important; left: 113px;}
    .block-4 .block-4-bookmark.for-double{width: 140px !important; left: 226px;}
    .block-4 .block-4-bookmark.for-triple{width: 162px !important; left: 366px;}
    .block-4 .block-4-bookmark.for-group{width: 162px !important; left: 528px;}

    .block-4 .block-4-bookmark:before, .block-4 .block-4-bookmark.for-double:before,
    .block-4 .block-4-bookmark.for-triple:before, .block-4 .block-4-bookmark.for-group:before{
        left: 0; top: 0; right: 0; bottom: 0; border-radius: 8px 8px 0 0;
        -webkit-box-shadow: inset 0 0 30px 0 rgba(234,181,119,0.88);
        -moz-box-shadow: inset 0 0 30px 0 rgba(234,181,119,0.88);
        box-shadow: inset 0 0 30px 0 rgba(234,181,119,0.88);}

    .block-4 .block-4-bookmark.active:before{box-shadow: none;}

    .block-4 .block-4-bookmark .icon{display: inline-block; margin: 25px auto;}

    .block-4 .block-4-bookmark.for-girl .icon{    width: 28px; height: 35px; background-position: 0 0;}
    .block-4 .block-4-bookmark.for-boy .icon{    width: 28px; height: 35px; background-position: -30px 0;}
    .block-4 .block-4-bookmark .name{display: none;}

    .block-4 .block-4-left-page{padding: 55px 0 0 65px; margin: 0;}
    .block-4 .block-4-right-page{margin: 39px 30px 0 0;     padding: 30px 0 0;}

    .block-4-book .block-4-left-page h3{font-size: 22px; margin-top: 0;}
    .block-4-book .block-4-left-page .block-4-list{font-size: 14px; margin: 10px 0;}

    .pagination{margin: 5px 0 15px;}

    .block-4 .block-4-dedmoroz{height: 205px;}
    .block-4 .block-4-dedmoroz:after{    top: -2px; left: -2px; right: -2px; bottom: -2px;}
    .block-4 .block-4-price{font-size: 63px; margin-top: 45px;}
    .block-4 .block-4-offer-btn:after{display: none;}


    .block-5{padding-top: 210px;}
    .block-5 .block-5-video-wrapper{width: 210px; height: 315px;}

    .block-5 .block-5-content{width: 416px;}
    .block-5 .block-5-wrapper{width: auto; margin-bottom: 65px;}
    .block-5 .block-5-wrapper:before,.block-5 .block-5-wrapper:after{display: none;}

    .block-5 .block-5-content h3{width: 20px; margin-bottom: 15px;}
    .block-5 .block-5-content .date{font-size: 100px; line-height: 110px; margin-left: -5px; margin-bottom: 5px;}
    .block-5 .block-5-content p{font-size: 14px;}

    .block-5 .block-5-content ul{font-size: 16px; margin-bottom: 30px;}
    .block-5 .block-5-content ul li{padding-right: 50px;}

    .block-5 .block-5-content .header{font-size: 50px; line-height: 58px;}
    .block-5 .block-5-content .price{font-size: 43px; margin-right: 20px; line-height: 65px;}
    .block-5 .block-5-video-wrapper .play-btn{width: 88px; height: 88px; top: 140px; left: 50%;}
    .block-5 .block-5-video-wrapper .play-btn:after{border-left-width: 21px; border-top-width: 12px;
        border-bottom-width: 12px;}
    .block-5 .block-5-video-wrapper .preview-wrapper:after{top: 240px; white-space: nowrap; font-size: 12px;}

    .block-5-feratures-item-helper .block-5-feratures-text{font-size: 10px;}
    .block-5-feratures-item-helper .block-5-feratures-text:before{    font-size: 12px; }

    .block-5-feratures-item-wrapper:hover .block-5-feratures-item-helper .block-5-feratures-text:before{ width: 2.8vw;
            line-height: 2.8vw; font-size: 14px;}

    .block-6{background-size: cover;}
    .block-6 .block-6-wrapper{margin-top: 170px; margin-left: 270px;}
    .block-6 .block-6-wrapper h2{font-size: 28px; margin-bottom: 20px;}
    .block-6 .block-6-wrapper p{font-size: 14px; margin-bottom: 20px;}

    .block-6-cards{margin-left: -27px;}
    .block-6 .block-6-card{margin: 70px 0 160px;}
    .block-6 .block-6-card .card{width: 84px; height: 128px; background-size: 200% 100%;}
    .block-6 .block-6-card:hover .card{top: -33px;}
    .block-6 .block-6-card:after{bottom: -43px; width: 85px; left: -1px;}
    .block-6 .block-6-card .card:after{width: 120px; height: 38px; background-size: 200% 100%; left: -19px; bottom: -12px;}
    .block-6 .block-6-card:hover .card:after{bottom: -32px;}
    .block-6 .block-6-card .name{    margin: 3px 0 30px; padding: 5px 0 5px 100px; font-size: 12px;}
    .block-6 .block-6-card .name:before{left: 100px;}


    .block-7{    background-position-x: 60%; padding-top: 220px;}
    .block-7 h2{font-size: 28px;}
    .block-7 .block-7-insta-block{width: auto;     margin-bottom: 50px;}

    .block-7 .block-7-insta-block .square-content .col-lg-6 + .col-lg-6{display: none;}

    .block-7 .block-7-insta-block .feedback-block{width: 180px;}
    .block-7 .block-7-insta-block .feedback-block .more-feedbacks .text{font-size: 14px;}
    .block-7 .block-7-insta-block .feedback-block .more-feedbacks .count{font-size: 90px;     line-height: 65px;
        margin: 21px 0 0 -3px;}

    .block-7 .block-7-insta-block .feedback-block .btn-wrapper .btn-default span{font-size: 11px;
        padding: 9px 42px 9px 14px;}

    .block-7 .block-7-insta-block .feedback-block .btn-wrapper:after{right: -27px; top: -72px; width: 102px;}


    footer .footer-left-block{width: 113px; margin-bottom: 0;}
    footer .footer-left-block .footer-logo img{width: 100%;}
    footer .footer-right-block{width: 536px; margin-bottom: 0;}
    footer .footer-wijet{width: 110px;     margin-left: 20px;}
    footer .footer-wijet-wide{width: 245px;}
    footer .footer-wijet-wide:before{padding-top: 245px;}
    footer .footer-wijet .wijet-text{font-size: 11px; width: 50px;}
    footer .footer-wijet:first-child{margin-left: 0;}
    footer .footer-wijet-any-q{width: 270px; height: 245px;  background-size: 20%;}
    footer .footer-wijet-any-q .wijet-content{left: 38px;}
    footer .footer-wijet-any-q .wijet-content .header{font-size: 14px; margin-bottom: 0; width: 120px;}
    footer .footer-wijet-any-q .wijet-content a{font-size: 10px;}

    footer .payments-logo-block{height: 95px; background-size: contain;}

    footer .footer-menu{margin: 0 0 10px; text-align: left;}
    footer .footer-menu li{margin-top: 15px; margin-right: 18px;}
    footer .disclaimer{font-size: 10px;}
    footer .copyright{font-size: 10px; text-align: left;}


    #modal-feedback .modal-light, #modal-cooperation .modal-light{width: 690px; margin-top: 56px;}
    #modal-feedback .modal-light:before, #modal-cooperation .modal-light:before{display: none;}
    #modal-feedback .close-modal, #modal-cooperation .close-modal{display: block;}

    #modal-feedback .modal-wrapper, #modal-cooperation .modal-wrapper{padding: 190px 40px 25px;}
    #modal-feedback .form-wrapper, #modal-cooperation .form-wrapper{margin-right: 20px;}

    #modal-feedback h4, #modal-cooperation h4{position: absolute; top: -130px; left: 100%; margin-left: 25px;
        transform: translateX(-50%); width: 200px; text-align: center !important; padding-left: 0 !important;}

    #modal-cooperation .modal-light .modal-content h4:after, #modal-feedback .modal-light .modal-content h4:after{
            left: 50%; margin-left: -36px; bottom: 15px; }

    .modal-light textarea{height: 200px;}

    #modal-cooperation .field-wrapper + .field-wrapper, #modal-feedback .field-wrapper + .field-wrapper{
        margin-top: 30px; }

    #modal-feedback .btn-wrapper, #modal-cooperation .btn-wrapper{position: absolute; bottom: -110px; left: 0;
        transform: translateX(-50%); z-index: 5;}

    #modal-feedback .modal-light .secure-notify br, #modal-cooperation .modal-light .secure-notify br{display: none;}
    #modal-feedback .modal-light .secure-notify, #modal-cooperation .modal-light .secure-notify{ display: inline-block;
        font-size: 12px; padding: 5px 10px 5px 45px; margin-top: 100px;}



}


@media (max-width: 767px) {

}
@media (min-width: 768px) AND (max-width: 991px) {

}
@media (min-width: 992px) AND (max-width: 1199px) {

}
@media (min-width: 1200px) {

}