@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothamPro.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/;
    src: url('../fonts/GothamPro-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/ format('embedded-opentype'),
        url('../fonts/GothamPro.woff')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.woff*/ format('woff'),
        url('../fonts/GothamPro.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/ format('truetype'),
        url('../fonts/GothamPro.svg#GothamPro')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/ format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothamProBlack.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/;
    src: url('../fonts/GothamProBlack-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/ format('embedded-opentype'),
        url('../fonts/GothamProBlack.woff')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.woff*/ format('woff'),
        url('../fonts/GothamProBlack.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/ format('truetype'),
        url('../fonts/GothamProBlack.svg#GothamProBlack')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/ format('svg');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothamProMedium.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/;
    src: url('../fonts/GothamProMedium-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/ format('embedded-opentype'),
        url('../fonts/GothamProMedium.woff')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.woff*/ format('woff'),
        url('../fonts/GothamProMedium.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/ format('truetype'),
        url('../fonts/GothamProMedium.svg#GothamProMedium')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/ format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothamProBold.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/;
    src: url('../fonts/GothamProBold-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/ format('embedded-opentype'),
        url('../fonts/GothamProBold.woff')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.woff*/ format('woff'),
        url('../fonts/GothamProBold.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/ format('truetype'),
        url('../fonts/GothamProBold.svg#GothamProBold')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/ format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothamProLight.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/;
    src: url('../fonts/GothamProLight-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/ format('embedded-opentype'),
        url('../fonts/GothamProLight.woff')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.woff*/ format('woff'),
        url('../fonts/GothamProLight.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/ format('truetype'),
        url('../fonts/GothamProLight.svg#GothamProLight')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/ format('svg');
    font-weight: 300;
    font-style: normal;
}

*::-webkit-input-placeholder {	color: #383c45;	opacity: 1;}
*:-moz-placeholder {color: #383c45: 1;}
*::-moz-placeholder {color: #383c45;	opacity: 1;}
*:-ms-input-placeholder {color: #383c45;	opacity: 1;}

.popup_window ::-webkit-input-placeholder {  color: #fff; opacity: 1;}
.popup_window :-moz-placeholder {color: #fff: 1;}
.popup_window ::-moz-placeholder {color: #fff;    opacity: 1;}
.popup_window :-ms-input-placeholder {color: #fff;    opacity: 1;}



input:focus::-webkit-input-placeholder       {opacity: 0.5;   transition: opacity 0.5s ease;}
input:focus::-moz-placeholder                {opacity: 0.5;   transition: opacity 0.5s ease;}
input:focus:-moz-placeholder                 {opacity: 0.5;   transition: opacity 0.5s ease;}
input:focus:-ms-textarea-placeholder            {opacity: 0.5;   transition: opacity 0.5s ease;}
.phone::-ms-clear {    display: none;}
html{    overflow-x: hidden; }
html, body, div, span, h1, h2, h3, h4, h5, h6, a, p, img, ol, ul, li,
form, input, button, textarea, label, fieldset, legend, blockquote,
table, caption, tbody, tfoot, thead, tr, th, td, sub, sup, object, iframe  {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
*:focus {outline: 0;}
b, strong {font-weight: 600;}
i, em {font-style: italic;}
li {list-style: none;}
table {border-spacing: 0; border-collapse: collapse;}
td, th { vertical-align: middle;}
a, [type="submit"], [type="button"], label, select, button {cursor: pointer;}
a {color: inherit; text-decoration: none;}
textarea {resize: none; overflow: auto;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
div a:hover, div a:active, div a:focus{outline: none;}
aside, header, footer, article, section, nav {display: block; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
html {-webkit-text-size-adjust: none;}
input:not([type="checkbox"]):not([type="radio"]) {-webkit-appearance: none;}
* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
iframe {display: block; position: relative;}
body{font-size: 18px; overflow-y: hidden; font-family: GothamPro;  color: #393842; margin: 0px;}
a:hover, a:active{text-decoration: none; color: #000;}
.over{    position: fixed;
    overflow: hidden;
    width: 100%;}
/* Animation */
	.btn_call{-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}


/*******************Общие настройки*******************/
section{padding: 50px 0px;}
.box{padding-top: 45px;}
.title{text-align: center;}
.title p{font-weight: 900; font-size: 30px; padding-bottom: 10px;}
.title span{display: inline-block;width: 100%;  font-size: 20px;}
.btn_call{display: inline-flex; justify-content: center;align-items: center;padding: 0px 5px; width: 100%; height: 52px; text-align: center; font-size: 15px;background: #ffda00; color: #393842;}
.btn_call:hover{background: #784dfe;color: #fff; font-weight: 900;}
.title_white {text-align: center; color: #fff;}
.title_white p{ font-weight: 900; font-size: 40px;}
.title_white i{font-style: normal; font-size: 18px; line-height: 30px;}
/*******************Шапка*******************/


#header{background: url(../img/bg_header.jpg) center no-repeat ;display: flex;align-items: center;  height: 100vh; background-size: cover;}
.header__slogan{padding-left: 480px;}
.header__slogan h1{font-size: 48px; color: #393842; font-weight: 900; padding-bottom: 45px;}
.header__slogan p{font-size: 18px; line-height: 30px; padding-bottom: 40px;}
span.span_v{background: #784dfe; color: #fff;  display: inline-block; padding: 0px 3px;}
.header__slogan .btn_call{max-width: 360px; }
.after:after{content: ""; height: 3px; width: 70px; background: #784dfe; display:block;  margin: 30px auto;}


#about{padding: 90px 0px 80px; background: url(../img/bg_about.jpg) center no-repeat; background-size: cover;}
.about__box{margin-top: 50px;}
.thumb-wrap {  position: relative;  padding-bottom: 56.25%;  padding-top: 30px;  height: 0;  overflow: hidden;}
.thumb-wrap iframe {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
.about__item p{color: #fff;}
.about__item p:after{content: ""; height: 3px; width: 70px; background: #784dfe; display:block;  margin: 25px 0;}
.about__item{margin-bottom: 10px;}

#book{padding: 80px 0px 30px;}
.book__img img{max-width: 100%;}
.book__dsc_title{font-size: 40px; padding-bottom: 30px; line-height: 60px; font-weight: 900;}
.book__dsc_btn{margin: 30px 0px;}
.book__dsc p{line-height: 30px;}
.book__dsc_btn .btn_call{max-width: 490px;}
.book__box_k_item{text-align: center; margin-bottom: 20px;}
.book__box_k{margin-top: 25px;}
.book__box_k_item img{max-width: 100%;}
.book__box_img{text-align: center;}
.book__box_img img{max-width: 100%l}
.b_btn{display: inline-block; width: 100%; text-align: center;}
#book  .b_btn .btn_call{max-width: 650px;}
#book  .b_btn{margin-top:20px;}
.book__box_step_item {flex: 0 0 20%; padding: 0px 15px; margin-bottom: 20px;}
.book__box_step{display: flex; flex-wrap: wrap; margin: 50px -15px 0px; justify-content: space-between;}
.book__box_step_item span{font-size: 40px; font-weight: 900; display: block; padding-bottom: 15px; color: #784dfe;}
.book__box_step_item  p{font-size: 14px; line-height: 20px; color: #000;}

#chip{padding: 40px 0px; background: #f5f5f5;}
#chip .book__dsc_title{letter-spacing: 0.7px;}


#infobusiness{padding: 65px 0px 35px;}
.book__dsc_img{margin: 15px -15px 0px;}
.book__dsc_img{display: flex; justify-content: space-between;}
.book__dsc_img li{padding: 0px 15px;}
.book__dsc_img  img{max-width: 100%;}
.book__dsc_txt{line-height: 30px;}
.book__box_step_item2 {flex: 0 0 16.666667%; padding: 0px 10px; margin-bottom: 20px;}

.book__box_step_item2 span{font-size: 40px; font-weight: 900; display: block; padding-bottom: 15px; color: #784dfe;}
.book__box_step_item2  p{font-size: 14px; line-height: 20px; color: #000;}
.book__box_step_title{margin: 10px auto 5px; text-align: center;}
.book__box_step2{margin: 50px -10px 0px;}


#infobusiness__mil{padding: 90px 0px 80px; background: url(../img/bg_infobizines.jpg) center no-repeat; background-size: cover;}
#infobusiness__mil .title_white p{padding-bottom: 35px;}
.infobusiness__mil_txt img{max-width: 100%;}
.infobusiness__mil_txt{color: #fff; line-height: 30px;}
.infobusiness__mil__box{margin-top: 45px;}
.info_img{text-align: center;}
.infobusiness__mil_bottom_txt{text-align: center;}
.infobusiness__mil_bottom_txt span{margin-bottom: 3px;}
.infobusiness__mil_bottom .btn_call{max-width: 490px;}
.infobusiness__mil_bottom .b_btn{margin-top: 23px;}
.infobusiness__mil_bottom{padding-top: 70px;}

#reviews{padding: 80px 0px 10px;}
#reviews .title p{font-size: 40px; line-height: 60px; padding-bottom: 10px;}
#reviews .title span{width: auto; line-height: 30px;}
.reviews__box{margin-top: 60px;}
.reviews__item_txt{line-height: 30px; padding-top: 15px;}
.reviews__item_title p:after{content: ""; height: 3px; width: 70px; background: #784dfe; display:block;  margin: 30px 0;}
.reviews__item{margin-bottom: 55px;}
.reviews_img img{max-width: 100%;}
.reviews_txt{line-height: 30px;padding: 20px 0px;}




#footer{padding: 80px 0px 30px; background: url(../img/bg_footer.jpg) center no-repeat;color: #fff;  background-size: cover;}
#footer .title_white span{margin-bottom: 30px;}
.footer__top_item a{font-size: 15px;}
.footer__top_item a p{text-decoration: underline; padding-top: 20px;}
.footer__top_item a:hover p{text-decoration: none; color: #fff;}
.footer__top_item{text-align: center;}
.footer__top{max-width: 900px; margin: 85px auto 140px;}
.footer__bottom_p p{display: inline-block; font-size: 12px; padding: 0px 10px;}
.footer__bottom_p{text-align: center}
.footer__bottom_link{text-align: center; font-size: 12px;}
.footer__bottom_link a{color: #fff}
.footer__bottom_link a:hover{text-decoration: underline;}
.footer__bottom_p{padding: 25px 0px;}
.footer__bottom_pay{display: flex; padding-top: 20px; justify-content: space-between; align-items: center; }
.footer__bottom_pay img{max-width: 100%;}
.footer__bottom_span{text-align: center;}


















/*******************Формы*******************/
.popup_window{text-align: center; margin: 10px auto; padding: 40px 30px; border-radius: 5px; max-width: 400px; border:3px solid #04be61;     display: block; position: relative; background: #383c45; color: #fff;  }
.popup_window .title_popup{font-weight: 900; font-size: 26px;  color: #04be61; padding-bottom: 25px;}
.popup_window input{border-bottom: 2px solid #fff; color: #fff; margin-bottom: 15px; background-color: transparent; font-size: 15px; height: 40px; width: 100%; padding: 0px 5px 0px 35px;}
.popup_window form{max-width: 280px; margin: 0px auto;}
.popup_window input:focus{border-color: #04be61;}
.popup_window input[name="name"]{background: transparent url(../img/name.png) 2px center no-repeat;}
.popup_window input[name="phone"]{background: transparent url(../img/phone.png) 2px center no-repeat;}
.popup_window input.btn__call{height: 45px; margin-top: 15px; max-width: 200px; border-bottom: 0px; padding-left: 0px; }

#preorder_window_thank{font-size: 20px; color: #04be61; font-weight: 800;}






a.close_bt_form{
    font-size: 13px;
    color:  #777;
    text-align: right;
    display: block;
}