/* Start:/css/style.css?171413816247937*/
@import url(/css/jquery.fancybox.min.css);
/*reset*/
    body,html{margin:0; padding:0;}
	h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:normal}
	h3{font-weight:bold}
	/*ul, li, ol{margin:0; padding:0;}*/
	a img{border:none;}
    /*ul, ol{list-style:none;}*/
    ul, ol{font-family:'Conv_MuseoSansCyrl_300';}
    .clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
    html[xmlns] .clearfix {display: block;}
    * html .clearfix {height: 1%;}    
	strong{font-weight:normal}
	:focus{outline: none}
/*end of reset*/

/*fonts*/
@font-face {
	font-family: 'Conv_MuseoSansCyrl_100';
	src: url('/css/../fonts/MuseoSansCyrl.eot');
	src: local('☺'), url('/css/../fonts/MuseoSansCyrl.woff') format('woff'), url('/css/../fonts/MuseoSansCyrl.ttf') format('truetype'), url('/css/../fonts/MuseoSansCyrl.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_MuseoSansCyrl_300';
	src: url('/css/../fonts/MuseoSansCyrl_0.eot');
	src: local('☺'), url('/css/../fonts/MuseoSansCyrl_0.woff') format('woff'), url('/css/../fonts/MuseoSansCyrl_0.ttf') format('truetype'), url('/css/../fonts/MuseoSansCyrl_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_MuseoSansCyrl_500';
	src: url('/css/../fonts/MuseoSansCyrl_1.eot');
	src: local('☺'), url('/css/../fonts/MuseoSansCyrl_1.woff') format('woff'), url('/css/../fonts/MuseoSansCyrl_1.ttf') format('truetype'), url('/css/../fonts/MuseoSansCyrl_1.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_MuseoSansCyrl_700';
	src: url('/css/../fonts/MuseoSansCyrl_2.eot');
	src: local('☺'), url('/css/../fonts/MuseoSansCyrl_2.woff') format('woff'), url('/css/../fonts/MuseoSansCyrl_2.ttf') format('truetype'), url('/css/../fonts/MuseoSansCyrl_2.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MuseoSansCyrl_900';
	src: url('/css/../fonts/MuseoSansCyrl_3.eot');
	src: local('☺'), url('/css/../fonts/MuseoSansCyrl_3.woff') format('woff'), url('/css/../fonts/MuseoSansCyrl_3.ttf') format('truetype'), url('/css/../fonts/MuseoSansCyrl_3.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*end fonts*/
html {width: 100%; height: 100%;}
body { font-family:'Conv_MuseoSansCyrl_500'; width: 100%; /*height: 100%;*/}

.l-wrap {width: 100%; height: 100%;}
.b-menu-icon {width: 25px; height: 20px; margin: 34px auto 0 auto; cursor: pointer;}
.b-left-col {position: fixed; left: 0; top: 0; height: 100%; background: #fff; width: 70px; z-index: 10;}
.b-left-col .b-logo{display: none}

.b-left-col.active {width: 308px;background: #fff;height:100vh; overflow-y:auto;}
.b-left-col.active .b-menu,  .b-left-col.active .b-logo{display: block}
.b-left-col.active .b-logo {margin: 30px auto 50px auto;}
/*.b-left-col.active .b-menu-icon{display: none} */

.b-left-col.active .b-menu a{ display: block; padding: 15px 34px; text-decoration: none; color: #363636; font-size: 19px;  }
.b-left-col.active .b-menu a.selected, .b-left-col.active .b-menu a:hover{background: #c21e39; padding-left: 40px; color: #fff;}

.b-menu{display: none;list-style: none;font-family:'Conv_MuseoSansCyrl_500';}
.b-menu, .b-menu li {
  margin:0; padding:0;
}
.b-social{ position: absolute; bottom: 34px; padding: 0 20px; text-align: center; width: 100%; box-sizing: border-box;}
.b-social__item{margin-top: 8px;}


.b-content {width:1130px; margin:0 auto; position: relative; z-index: 4; min-height: 100%;display:table;}
.b-content .b-conf__divider{margin: 20px 0;}
.b-phone{ text-decoration: none; color: #fff; font-family: 'Conv_MuseoSansCyrl_700'; font-size: 18px; position: absolute; top: 35px; right: 0}
.b-vologda{ color: #fff; font-family: 'Conv_MuseoSansCyrl_700'; font-size: 12px; position: absolute; bottom: 35px; right: 0}
.b-conf__divider{width: 79px; height: 5px; background: #c21e39; margin-bottom: 0}
.b-screen {width: 100%; min-height: 100%!important;}
.b-slogan.main{margin-bottom:80px;}
.b-screen_conf {/*background: url(/css/../img/1.jpg) center center no-repeat; background-size: cover;*/ position: relative;}
.b-screen_conf .logo {position: absolute; left: 0; top: 29px; z-index: 5;}

.b-conf {min-height: 100%; box-sizing: border-box;display:table-cell;vertical-align:middle;}
.b-conf__title {font-family: 'Conv_MuseoSansCyrl_900'; color: #fff; font-size: 80px; margin-bottom: 50px; line-height: 85px; margin-top: 20px}
.b-conf__title span {color: #fcc351;}
.b-conf__description {color: #fff; font-family: 'Conv_MuseoSansCyrl_300'; font-size: 40px; margin-bottom: 30px; line-height: 55px; }
.b-conf__description span{font-weight:700;color:#fcc351;}
.b-conf__button {text-transform: uppercase; color: #fff; font-size: 15px; font-family: 'Conv_MuseoSansCyrl_700'; padding: 35px 0; width: 305px; background: #c21e39; display: inline-block; text-align: center; text-decoration: none;margin-bottom: 25px;}
.b-conf__button_r {text-transform: uppercase; color: #fff; font-size: 15px; font-family: 'Conv_MuseoSansCyrl_700'; padding: 35px 0; width: 305px; background: #c21e39; display: inline-block; text-align: center; text-decoration: none;margin-bottom: 25px;margin-left: 15px;}

.b-conf__button-support {text-transform: uppercase; color: #fff; font-size: 15px; font-family: 'Conv_MuseoSansCyrl_700'; padding: 35px 0; width: 305px; background: #292929; display: block; text-align: center; text-decoration: none;}

.b-about {padding-top: 40px;}
.b-about .b-conf__divider {margin: 20px 0;}
.b-about__title{font-family:'Conv_MuseoSansCyrl_700'; font-size: 70px; color: #363636; }

.b-benefits{display: flex; text-align: center; flex-wrap: wrap; padding-top: 40px; justify-content: space-around;}

.b-benefits__item {width: 31%; padding-bottom: 25px;}
.b-benefits__title{color: #464646; font-family:'Conv_MuseoSansCyrl_700'; font-size: 23px; margin-top:17px;}
.b-benefits__text {font-size: 17px; font-family:'Conv_MuseoSansCyrl_300'; color: #464646; margin-top:13px; line-height: 30px}
.b-slogan {font-size: 40px; font-family:'Conv_MuseoSansCyrl_300'; text-align: center; color: #363636; margin-top: 0; margin-bottom: 0px}

.b-screen_services{background: #f2f5f4;}

.b-services {margin-top: 90px}
.b-services__img{display: block;max-width: 376.666666666666667px;}
.b-services__item {float: left; position: relative;  display: block; color: #fff;}
.b-services__item a {color: #fff; text-decoration: none;}
.b-services__item ul {color:#fff;font-family:'Conv_MuseoSansCyrl_500'; font-size: 16px; margin-top: 20px; display: none;}
.b-services__title {font-family:'Conv_MuseoSansCyrl_700'; position: absolute; bottom: 45px; display: block; left: 30px; font-size: 23px; z-index: 5; }
.b-services__title:before{display: block; content: ''; width: 30px; height: 2px; position: absolute; left:0; top: -20px; background: #c01f38}
.b-layout {background: rgba(0,0,0,.6); position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 3; box-sizing: border-box;}

.b-services__item:hover ul{display: block}
.b-services__item:hover .b-layout{background: rgba(0,0,0,.7);/* border: 5px solid rgba(242,245,244,.1);*/}
a{color:#c21e39;}
.b-screen_contacts {background: #f2f5f4; min-height:auto!important;/*padding-top: 45px; padding-bottom: 45px*/}
.b-screen_contacts.info {padding-top: 45px;}
.b-screen_contacts.map {min-height:unset!important;padding-bottom: 20px;clear:both;}
.b-screen_contacts p {font-family:'Conv_MuseoSansCyrl_500'; color: #464646; font-size: 20px; line-height: 38px}
.b-screen_contacts p b{font-family:'Conv_MuseoSansCyrl_700';}
/*COOKIE*/
#cookieBanner {
    position: fixed;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    left: 0;
    bottom: 0;
    z-index: 300;
    color: #fff;
}
.cookieContent {
    margin: 0 auto;
    width: 928px;
    padding: 15px 25px;
    font-family: Arial;
    font-size: 13px;
    color: #fff;
}
.cookieText {
    display: inline-block;
    width: 80%;
    line-height: 16px;
    cursor: default;
}
.cookieButton {
    padding: 10px 0;
    display: block;
    float: right;
}
#acceptCookies {
    display: inline-block;
    background-color: #c21e39;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    padding: 15px;
    text-align: center;
    font-weight: bold;
}
@media (max-width: 992px) {
  .cookieContent {
      width: 768px;
  }
}
@media (max-width: 800px) {
  .cookieContent {
      width: 600px;
  }
}
@media (max-width: 640px) {
  .dlg-modal {
    margin-left: auto;
  }
}
@media (max-width: 628px) {
  .cookieText {
      display: block;
  }
  .cookieContent {
      width: 100%;
  }
  .cookieButton {
      float: none;
  }
}
/*END_COOKIE*/
@media(max-width:577px){.b-screen_contacts a{display:block;}.open-button{transform: none!important;}}

.checkbox input { position: absolute;  z-index: -1;  opacity: 0;  margin: 10px 0 0 20px;}
.checkbox__text { position: relative;  padding: 0 0 0 25px;  cursor: pointer;}
.checkbox__text:before { content: ''; position: absolute;  top: -4px;  left: 0;  width: 50px;  height: 26px;  border-radius: 13px;  background: url(/css/../img/uncheked.jpg) left center no-repeat;  transition: .2s;}

.checkbox input:checked + .checkbox__text:before { background: url(/css/../img/checked.jpg) left center no-repeat;}
.b-form {color: #464646; font-size: 16px; font-family: 'Conv_MuseoSansCyrl_500'; margin-bottom: 45px;}
.b-form input[type="text"] {border: 1px solid transparent; background: #fff; font-size: 15px; color: #464646; height: 44px; width: 210px; padding-left: 24px;}
.b-form td{padding-right: 23px}
.b-form input[type="submit"] {background: #c21e39; color: #fff; text-transform: uppercase; border: none; font-family:'Conv_MuseoSansCyrl_700'; height: 60px; width: 204px; }

.b-form-techsupport {color: #464646; font-size: 16px; font-family: 'Conv_MuseoSansCyrl_500'; margin-bottom: 45px;}
.b-form-techsupport input[type="text"] {border: 1px solid transparent; background: #fff; font-size: 15px; color: #464646; height: 44px; width: 210px; padding-left: 24px;}
.b-form-techsupport td{padding-right: 23px}
.b-form-techsupport input[type="submit"] {background: #c21e39; color: #fff; text-transform: uppercase; border: none; font-family:'Conv_MuseoSansCyrl_700'; height: 60px; width: 204px; }

.b-screen_no-image{background: #f2f5f4; overflow: hidden; /*padding-bottom: 45px*/}
.b-screen_no-image .b-content {padding-top: 25px;padding-bottom:40px;}
.b-screen_no-image .b-phone{color: #363636}
.b-screen_no-image .b-conf__divider{margin-bottom: 20px}
.b-red-layout{display: block; background: #c21e39; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: none;}
.b-red-layout .name {font-family: 'Conv_MuseoSansCyrl_700'; color: #fff; text-align: center; font-size: 32px; display: block; position: absolute; top:50%;  left: 50%; transform: translate(-50%, -50%);}
.b-red-layout .name .goto{font-family: 'Conv_MuseoSansCyrl_500'; color: #fff; text-align: center; font-size: 22px; display: block;}
.b-services__item:hover .b-red-layout{display: block}

.b-tabs{display:none;/*display: flex;*/ justify-content: space-around; margin-top: 50px; margin-bottom: -40px}
.b-tabs a{color: #363636; text-decoration: none; font-size: 17px; font-family: 'Conv_MuseoSansCyrl_500'; position: relative; }
.b-tabs a.active, .b-tabs a:hover{color: #c21e39; font-family: 'Conv_MuseoSansCyrl_700'; }
.b-tabs a.active:before, .b-tabs a:hover:before{color: #c21e39; font-family: 'Conv_MuseoSansCyrl_700'; content: ''; display: block; width: 80%; position: absolute; bottom: -10px; height: 2px; background: #dbdfde; left: 10%; }

.b-pagination {position: fixed; right: 90px; top: 50%; transform: translateY(-50%); z-index: 100}
.b-pagination li {margin-bottom: 16px; width: 8px; list-style:none;}
.b-pagination li a{width: 5px; height: 5px; border-radius: 50%; background: #fff; display: block; cursor: pointer; margin: 0 auto; border: 1px solid #000;}
.b-pagination li a.active{width: 8px; height: 8px; border-radius: 50%; background: #c21e39}

.b-map {height: 395px}

.b-works-detail {text-align: center; padding-top: 80px; padding-bottom: 50px}
.b-devider{width: 80px; height: 5px; background: #c21e39}
.b-devider_center{margin: 0 auto 17px;}
.b-h1{font-size: 70px; line-height: 90px; font-family: 'Conv_MuseoSansCyrl_700'; color: #363636; margin-bottom: 34px}
.b-works-detail__text{color: #363636; font-size: 20px; line-height: 30px; font-family: 'Conv_MuseoSansCyrl_500'; margin-bottom: 43px}
.b-works-detail__text ol {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.b-works-detail__text li {
  font-size: 17px;
}
.b-works-detail__link{font-size: 16px; line-height: 25px; color: #c21e39; font-family: 'Conv_MuseoSansCyrl_500'; text-decoration: none; display: block; margin-bottom: 55px}
.b-works-detail__main-pic img{display: block;width:100%; margin:0 auto;box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.b-works-detail__main-pic{margin-bottom: 87px;}
.b-h2{color: #363636; font-size: 50px; line-height: 90px; margin-bottom: 37px}
.b-works-detail__inside-pages{margin-bottom: 50px}
.b-works-detail__inside-pages img{display: inline-block;box-shadow: 0 0 10px rgba(0,0,0,0.5); width: 45%; margin-right: 20px; vertical-align: middle;}
.b-works-detail__mobile-pages{margin-bottom: 100px}
.b-works-detail__iphone{display: inline-block;background: url(/css/../img/iphone.png) 0 0 no-repeat; background-size: cover; padding: 20px; margin:0 30px 20px 30px}
.b-works-detail__iphone img{border-radius: 15px;}
.b-works-detail__bottom-text{text-align: left; font-size: 16px; color:#363636; line-height: 30px; width: 930px; margin: 0 auto 44px; font-family: 'Conv_MuseoSansCyrl_500';}
.b-button.b-button_go-back{text-transform: uppercase; text-decoration: none; color:#fff; padding: 36px 67px 36px 110px; background: url(/css/../img/arrow.png) 52px center no-repeat #c21e39; display: inline-block;}
.b-screen_contacts.indent.main_contact{padding: 40px 0px 45px;}
@media screen and (min-width: 1280px){
    /*#techsupport iframe{height: 70px!important;}
    #techanaliz iframe{height: 70px!important;}*/
    .contact-form{float: left;width: 50%;}
    .contact-form:last-child .contact-form-row{margin-left:25px;}
    .b-about{padding-top: 80px;}

#techsupport iframe .crm-webform-fieldset-footer .col-md-12.crm-webform-field-checkbox,.crm-webform-fieldset-footer .col-sm-12.crm-webform-field-checkbox{max-width:200px;}
#techsupport iframe .crm-webform-fieldset-footer .col-md-12, .crm-webform-fieldset-footer .col-sm-12{max-width: 300px;}
#techsupport iframe .crm-webform-fieldset{width:58%;float: left;}
#techsupport iframe .crm-webform-fieldset-footer{width:42%;float: left;}
#techsupport iframe .crm-webform-fieldset .crm-webform-field-string{max-width:210px}
#techsupport iframe .crm-webform-fieldset .crm-webform-field-phone{max-width:210px}
#techsupport iframe .crm-webform-fieldset .crm-webform-field-typed_string{max-width:210px}
#techsupport iframe .crm-webform-fieldset .row{max-width:210px;float: left;margin-right: 25px;}
#techsupport iframe .crm-webform-fieldset .row:last-child{margin-right: 0px;}

}
@media screen and (max-width: 1351px) {
    .indent{padding:0 30px}
    .b-screen_contacts.indent{padding:45px 15px}
    
    /*.b-menu-icon{margin: 34px auto 0 20px;}*/
	.b-services__item{width: 33.3333%;}
	img {max-width: 100%}
	.b-form input[type="text"] {width:174px;}
    .b-form-techsupport input[type="text"] {width:174px;}
 
	.b-screen_no-image .b-conf__divider{margin: 20px 0;}
	.b-content {width: 100%; margin:0; /*padding: 0 16px 0 71px;*/ box-sizing: border-box;}
	.b-screen {display: block!important;width: unset;}
	.b-pagination {display: none;}
	.b-screen_conf .logo {left: 71px;}
	.b-form tr, .b-form td, .b-form table, .b-form tbody{display: block; width: 100%;  box-sizing: border-box;}
	.b-form input[type="text"] {width: 100%;  box-sizing: border-box;}
	.b-form td {margin-bottom: 15px}
	.b-form tr:first-child{display: none}
    
    .b-form-techsupport tr, .b-form-techsupport td, .b-form-techsupport table, .b-form-techsupport tbody{display: block; width: 100%;  box-sizing: border-box;}
	.b-form-techsupport input[type="text"] {width: 100%;  box-sizing: border-box;}
	.b-form-techsupport td {margin-bottom: 15px}
	.b-form-techsupport tr:first-child{display: none}
	
	.b-services__item, .b-benefits__item{width: 50%}
	.b-services__item img{width: 100%}
	.b-about__title, .b-slogan{font-size: 25px}
	.b-slogan.partner{ margin-top: 20px; margin-bottom: 20px; }
    .b-conf{padding-left: 55px;}
    .works{padding-left: 40px;}
    .info{padding-left: 40px;}
    .info .b-content{padding-left: 40px;}
    .b-about{padding-left: 40px;}
	.b-conf__button{padding: 35px 0;}
    .b-conf__button-support{padding: 35px 0;}
	.b-conf__description br{display: none}
	.b-left-col {position: fixed; left: 0; top: 0; height: 100%; /*background: #fff;*/ width: 0px; z-index: 10;}
	.b-social {padding:0}
	.b-vologda{bottom:10px; right: 16px;}
	.b-phone{right: 16px;}
	.b-works-detail__bottom-text{width: auto}
    .b-services__img{max-width:none;}
	.b-menu-icon {margin-left:10px;}
}
@media (min-width: 1000px) and (max-width: 1400px) and (min-height: 450px) and (max-height: 800px) {
    .b-conf__title{font-size:45px;line-height:45px;}
    /*.b-content{width: 1145px;}*/
}
@media screen and (min-width: 768px) and (max-width:900px) {
    .b-conf__title {font-size: 60px; line-height: normal;}
	.b-conf__description {font-size: 45px; line-height: normal;}
    .b-conf{padding-left: 30px;}
}
@media screen and (max-width: 768px) {
	.b-services__item, .b-benefits__item{width: 100%}
	.b-vologda{display: none}
	.b-phone{right: auto; left: 71px; top:60px;}
	.b-tabs {display: block;}
	.b-tabs a{display: block; margin-bottom: 20px}
	.b-tabs a:before{display: none!important;}
	.b-h1{font-size: 30px; line-height: normal;}
	.b-h2{font-size: 30px; line-height: normal;}
	.b-conf__title {font-size: 60px; line-height: normal;}
	.b-conf__description {font-size: 45px; line-height: normal;}
    .b-conf{padding-left: 30px;}
    .page-of-develop .blocks-of-product{width:100%}
    .page-of-develop .box-product .block-of-edition{width:100%!important;padding-top:45px!important;padding-bottom:0!important;}
    .page-of-develop .box-product .block-of-edition.black{padding-top:unset!important;}
    .page-of-develop .help-more .blocks-of-advantages .box-of-advantages .advantages__item {width:100%!important;text-align:center!important;}
    .page-of-develop .page-header p{font-size: 15.01px!important;}
    .page-of-develop .crm-for-price h2{font-size: 15.01px!important;line-height: 22.01px!important;padding-top: 10px!important;}
    .page-of-develop .crm-for-price p{font-size: 15px!important;line-height: 22.01px!important;}
    .page-of-develop .help-more h2{font-size: 24.01px!important;line-height: 22.01px!important;padding-top: 10px!important;}
    .page-of-develop .help-more p{font-size: 15.01px!important;line-height: 22.01px!important;}
    .page-of-develop .block-join h3{font-size: 15.01px!important;line-height: 22.01px!important;padding-top: 10px!important;}
    .page-of-develop .button-free a{max-width:235px!important;width: 100%!important;font-size: 12px!important;padding: 20px 0!important;}
    .dlg-modal{max-width: 200px!important;left: unset!important;margin:0 auto!important;margin-left:unset!important;}
    .slideInDown{top: 10px!important;}
    .page-of-develop .hovertip{display:block;padding: 15px 0;}
    .page-of-develop .tip {display:block;width: 100%;height:auto;}
    .page-of-develop .tipbubble{position: relative;width: 100%;display: block!important;right:unset!important;opacity:1!important;}
    .page-of-develop .tipbubble.left-tip-pos{margin-top:unset!important;margin-right:unset!important;padding:unset!important;bottom:unset!important;box-shadow:unset!important;}
    .page-of-develop .tipbubble.left-tip-pos:before{border-color:unset!important;margin-top:unset!important;display:none;}
	.page-of-develop .tipbubble.left-tip-pos:after{display:none;}
    .page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-info .bitrix-modul .basic-set .hoverwikitip{    line-height: 21px!important;}
    .page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-info .bitrix-modul .extended-set .hoverwikitip{line-height: 21px!important;}
    .page-of-develop .page-header p{line-height: 22.1px!important;}
    .page-of-develop .block-join{padding-top: unset!important;}
    .page-of-develop .crm-for-price{padding-bottom: unset!important;}
    .page-of-develop .blocks-of-product{padding-bottom:unset!important;}
    
}
@media screen and (max-width: 640px) {
	.b-conf__title,.b-conf__description {font-size: 20px; line-height: normal;}
    .b-conf__title{text-align: center;}
    .b-conf__button{width:100%;max-width:305px;margin-left: 0px;}
    .b-conf__button-support{width:100%;max-width:305px;}
    .b-conf{text-align: center;}
    .video-container .b-conf__divider{margin:0 auto;}
    .b-conf__button-support{display:inline-block;}
    .work-us a{text-decoration:none;}
    .page-of-develop .blocks-of-product{width:100%}
    .page-of-develop .box-product .block-of-edition{width:100%!important;padding-top:45px!important;padding-bottom:0px!important;}
    .page-of-develop .box-product .block-of-edition.black{padding-top:unset!important;}
    .page-of-develop .help-more .blocks-of-advantages .box-of-advantages .advantages__item {width:100%!important;text-align:center!important;}
    .page-of-develop .page-header p{font-size: 15.01px!important;}
    .page-of-develop .crm-for-price h2{font-size: 24.01px!important;line-height:24px;}
    .page-of-develop .crm-for-price p{font-size: 15px!important;}
    .page-of-develop .help-more h2{font-size: 24.01px!important;line-height:24px;}
    .page-of-develop .help-more p{font-size: 15.01px!important;}
    .page-of-develop .block-join h3{font-size: 15.01px!important;}
    .page-of-develop .button-free a{max-width:235px!important;width: 100%!important;font-size: 12px!important;padding: 20px 0!important;}
    .dlg-modal{max-width: 200px!important;left: unset!important;margin:0 auto!important;margin-left:unset!important;}
    .slideInDown{top: 10px!important;}
    .page-of-develop .help-more{padding-bottom: 0px!important;}
.page-of-develop .help-more .blocks-of-advantages .box-of-advantages .advantages__item .advantages_item_text{font-size: 15.01px!important;}

}
/*MODAL-WINDOW*/
.modal {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 520px;
  max-height: 100%;
  position: fixed;
  z-index: 100;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: white;
  box-shadow: 0 0 60px 10px rgba(0, 0, 0, .9);
}
.closed {
  display: none;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  
  background: rgba(0, 0, 0, .6);
}
.modal-guts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.modal-content{padding:50px 25px 0px}
.modal .close-button {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 20px;
  border: 0;
  background: #c21e39;
  color: white;
  padding: 5px 10px;
  font-size: 1.3rem;
}

.open-button {
  transform: translate(-50%, -50%);
  color: #c21e39;
  font-size: 17px;
}
/*END-MODAL-WINDOW*/

.b-slogan img{max-width: 235px;width: 100%;margin: 15px 0 0;}
.work-us{display:none;font-size: 11px;text-decoration:none;}
.b-left-col.active .work-us{display:block;position: absolute; bottom: 30px; padding: 0 20px; text-align: center; width: 100%; box-sizing: border-box;}
.b-left-col.active .b-social{bottom: 62px;}
.b-slogan.partner{margin: 25px 0;}
.bx-product b, h2{color: #464646;font-family: 'Conv_MuseoSansCyrl_700';font-size: 23px;margin-top: 17px;line-height: 80px;}
.bx-product td,p,.bx-product p b{font-size: 17px;font-family: 'Conv_MuseoSansCyrl_300';color: #464646;margin-top: 13px;line-height: 30px;}
.bx-product td b{font-size: 17px;font-family: 'Conv_MuseoSansCyrl_300';color: #464646;margin-top: 13px;line-height: 30px;}
td>img{margin:0}
td:first-child{width:15%;}
.bx-product p{text-align:center;}
.bx-product iframe{width: 100%;max-width: 560px;min-height: 315px;}
.bx-product table{min-height:210px;}


/*VIDEO-FON*/
.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    /*temp background: #000;*/
    background-size:cover;
    background-image:url(/img/automn-boom.jpg);
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
    margin-left: unset!important;
    object-fit: cover;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
    position: absolute;
    z-index: 1;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
/*END_VIDEO-FON*/
/*TOOLTIP*/
.tip {
 display: inline-block;
 position: relative;
 padding: 0;
 margin: 0;
 outline: 0;
 border: 0;
 height: 0;
 width: 1px;
 background: transparent;
}
.tipbubble {
 display: none;
 position: absolute;
 z-index: 9998;
 cursor: default;
 text-align: left;
 white-space: normal;
 min-height: 50px;
 width: 185px;
 }
.tipbubble img {
 max-width: 60%;
 height: auto;
 margin: 3px;
 float: left;
}
.tipbubble > .close {
 display: inline-block;
 position: absolute;
 top: 0;
 font: normal bold 14px/14px Comic Sans MS;
 cursor: pointer;
 margin: 2px;
 padding: 0 2px;
 text-align: center;
}
.tipbubble.right-tip-pos > .close {
 right:0;
}
.tipbubble.left-tip-pos > .close {
 left:0;
}
.tipbubble.right-tip-pos {
 left: 100%;
 margin-left: 10px;
 margin-top: -25px;
}
.tipbubble.left-tip-pos {
 right: 100%;
 margin-right: 10px;
 margin-top: -25px;
 padding: 5px 7px 7px 20px;
}
.tipbubble.upper-pos {
 bottom: -15px;
}
.tipbubble:before,
.tipbubble:after {
 content:"";
 position: absolute;
 width: 0px;
 height: 0px;
 border-style: solid;
 border-radius: 1px;
 border-color: transparent
}
.tipbubble.right-tip-pos:before  {
 border-width: 8px 12px 8px 0;
 left: -11px;
 top: 10px;
}
.tipbubble.left-tip-pos:before {
 border-width: 8px 0 8px 12px;
 right: -11px;
 top: 10px;
}
.tipbubble.right-tip-pos:after {
 border-width: 8px 10px 8px 0;
 left: -9px;
 top: 10px;
}
.tipbubble.left-tip-pos:after {
 border-width: 8px 0 8px 10px;
 right: -9px;
 top: 10px;
}
.tipbubble.upper-pos:before,
.tipbubble.upper-pos:after {
 top: 100%;
 margin-top: -30px;
}
a.hovertip{
 cursor: pointer;
}
.hovertip {
 display:inline-block;
 position:relative;
 cursor: default;
}
.wikitip:after {
 counter-increment: tipcount;
 content: "["counter(tipcount)"]";
}
/*.hoverwikitip:after {
 counter-increment: hovertipcount;
 content: "["counter(hovertipcount)"]";
}*/

/*Dising*/
.hoverbuttontip,
.qtip {
 background: #ffaf4b;
 background: -moz-linear-gradient(top,  #ffaf4b 0%, #ff7b00 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff7b00));
 background: -webkit-linear-gradient(top,  #ffaf4b 0%,#ff7b00 100%);
 background: -o-linear-gradient(top,  #ffaf4b 0%,#ff7b00 100%);
 background: -ms-linear-gradient(top,  #ffaf4b 0%,#ff7b00 100%);*/
 background: linear-gradient(to bottom,  #ffaf4b 0%,#ff7b00 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff7b00',GradientType=0 );
 text-align: center;
 border-radius: 50px;
 cursor: pointer;
 padding: 0 4px;
 border-radius: 50px;
 border: 1px solid #B24700;
 color: #F6F6FF;
 font: normal normal 16px Arial;
 text-shadow: 1px 1px 0 #4C1F00, 0 0 5px #AEAEB2;
}
.hoverbuttontip:hover,
.qtip:hover {
 background: #f77f6a;
 background: -moz-linear-gradient(top,  #f77f6a 0%, #e73827 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f77f6a), color-stop(100%,#e73827));
 background: -webkit-linear-gradient(top,  #f77f6a 0%,#e73827 100%);
 background: -o-linear-gradient(top,  #f77f6a 0%,#e73827 100%);
 background: -ms-linear-gradient(top,  #f77f6a 0%,#e73827 100%);
 background: linear-gradient(to bottom,  #f77f6a 0%,#e73827 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f77f6a', endColorstr='#e73827',GradientType=0 );
}
.hoverwikitip,
.wikitip {
 font: normal normal 100% Arial;
 color: #000;
 text-shadow: 1px 1px 0 #CCC;
 cursor: help;
}
.wikitip,
.wikitip:hover {
 background: 0;
 border-radius: 0;
 border: 0;
}
.wikitip:after ,
.hoverwikitip:after  {
 font: normal normal 75% Serif;
 vertical-align: top;
 color: #4775D1;
}
.tipbubble {
 background: #EDEDED;
 border: 1px solid #999;
 border-radius: 3px;
 color: #000;
 font: normal 500 100% Arial;
}
.tipbubble.right-tip-pos {
 box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5);
}
.tipbubble.left-tip-pos {
 box-shadow: -5px 5px 0.5em -0.1em rgba(0,0,6,0.5);
}
.tipbubble > .close {
 color: #808080;
}
.tipbubble > .close:hover {
 color: #FF3300;
}
.tipbubble.right-tip-pos:before  {
 border-color: transparent #999 transparent transparent;
}
.tipbubble.left-tip-pos:before {
 border-color: transparent transparent transparent #999;
}
.tipbubble.right-tip-pos:after {
 border-color: transparent #EDEDED transparent transparent;
}
.tipbubble.left-tip-pos:after {
 border-color: transparent transparent transparent #EDEDED;
}
/*END_TOOLTIP*/
/*PAGE_REDAKTSII*/
.page-of-develop{}
.page-of-develop .page-header p{font-size: 20px;line-height: 40.1px;color: #363636;text-align: center;font-weight: 300;padding-top:37px;}
.page-of-develop .blocks-of-product{float:left;padding-top: 35px;padding-bottom: 43px;}
.page-of-develop .box-product{float:left;width: 100%;}
.page-of-develop .box-product.two{padding-top: 5px;}
.page-of-develop .box-product .block-of-edition{float: left;position: relative;display: block;width: 33.333333333333333%;text-align:center;}
.page-of-develop .box-product .block-of-edition.black{padding-top: 40px;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row:first-child{padding-right:5px;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row:last-child{padding-left:5px;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row:nth-child(2){padding-left:5px;
padding-right:5px}
.page-of-develop .box-product .block-of-edition.black .block-of-edition-row .block-of-header{background:#363636;}
.page-of-develop .box-product .block-of-edition.red .block-of-edition-row .block-of-header{background:#c21e39;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-header h3{font-size:33px;line-height:70.01px;color:#fff;font-weight:500;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-price{font-size:30px;line-height:73.01px;color:#e1e1e1;font-weight:900;background:#464646;}
.page-of-develop .box-product .block-of-edition.black .block-of-edition-row .block-of-price{background:#464646;}
.page-of-develop .box-product .block-of-edition.red .block-of-edition-row .block-of-price{background:#d5213e;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-info .block-of-info-header{font-size:18px;line-height:26px;color:#363636;font-weight:900;padding: 25px 0 10px;background:#fff;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-info .block-of-info-text{font-size:15px;line-height:22px;color:#363636;font-weight:500;padding: 10px 10px 25px;background:#fff;}
.page-of-develop .box-product.two .block-of-edition .block-of-edition-row .block-of-info .block-of-info-text{min-height:88px;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-info .bitrix-modul .basic-set {background:#f0f4f2;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #fff;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-info .bitrix-modul .basic-set .hoverwikitip {font-size:16px;line-height:52px;color:#363636;font-weight:500;border-bottom:2px dotted #363636;letter-spacing:-0.01em;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-info .bitrix-modul .basic-set .tipbubble h5{font-size:16px;line-height:20px;color:#ffffff;font-weight:900;letter-spacing:-0.01em;background:#d5213e;padding: 18px 8px;text-align: center;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-info .bitrix-modul .basic-set .tipbubble p{font-size:13px;line-height:20px;color:#363636;font-weight:500;background:#fff;padding: 8px 18px;margin:unset;text-align: center;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-info .bitrix-modul .extended-set .tipbubble h5{font-size:16px;line-height:20px;color:#ffffff;font-weight:900;letter-spacing:-0.01em;background:#d5213e;padding: 18px 8px;text-align: center;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-info .bitrix-modul .extended-set .tipbubble p{font-size:13px;line-height:20px;color:#363636;font-weight:500;background:#fff;padding: 8px 18px;margin:unset;text-align: center;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-info .bitrix-modul .extended-set .hoverwikitip {font-size:16px;line-height:52px;color:#363636;font-weight:500;border-bottom:2px dotted #363636;letter-spacing:-0.01em;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-info .bitrix-modul .extended-set{background:#e7ecea;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-info .bitrix-modul .number-of-modules p{font-size:16px;line-height:52px;color:#707070;font-weight:700;background:#fff;margin: unset;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-info .bitrix-modul .button-buy {background:#e7ecea;padding: 29px 0;}
.page-of-develop .box-product .block-of-edition .block-of-edition-row .block-of-info .bitrix-modul .button-buy a{text-transform: uppercase;color: #fff;font-size: 15px;padding: 22px 0;width: 175px;background: #292929;display: block;margin: 0 auto;text-decoration: none;}
.page-of-develop .red-line{float:left;width:100%;padding-top:43px;}
.page-of-develop .red-line .b-conf__divider{margin: 0 auto;}
.page-of-develop .crm-for-price{float: left;text-align:center;width: 100%;padding-bottom:72px;}
.page-of-develop .crm-for-price h2{font-size:50.01px;line-height:71.01px;color:#363636;font-weight:700;margin: unset;text-align: center;}
.page-of-develop .crm-for-price p{font-size:20px;line-height:40.01px;color:#363636;font-weight:300;}
.page-of-develop .crm-for-price p span{font-weight:700;}
.page-of-develop .button-free{padding-top: 18px;}
.page-of-develop .button-free a{text-transform: uppercase;color: #fff;font-size: 15px;padding: 35px 0;width: 305px;    background: #c21e39;display: block;text-align:center;text-decoration: none;margin:0 auto;}
.page-of-develop .help-more{float: left;padding-bottom:55px;width:100%;}
.page-of-develop .help-more h2{padding-top: 18px; font-size:50.01px;line-height:60.01px;color:#363636;font-weight:700;text-align:center;margin:unset;}
.page-of-develop .help-more p{text-align: center;font-size:20px;line-height:40.01px;color:#363636;font-weight:300;}
.page-of-develop .help-more p span{font-weight:700;margin-bottom:10px;}
.page-of-develop .help-more .blocks-of-advantages .box-of-advantages{display: flex;text-align: center;flex-wrap: wrap;padding-top: 40px;justify-content: space-around;}
.page-of-develop .help-more .blocks-of-advantages .box-of-advantages .advantages__item{width: 25%;padding-bottom: 25px;text-align: center;}
.page-of-develop .help-more .blocks-of-advantages .box-of-advantages .advantages__item .advantages_item_text{font-size: 17px;font-family: 'Conv_MuseoSansCyrl_700';color: #363636;margin-top: 13px;line-height: 30px;}
.page-of-develop .block-join {float: left;padding-top:50px;width:100%;}
.page-of-develop .block-join h3{font-size:33px;line-height:50.01px;color:#363636;font-weight:500;text-align:center;}
/*END_PAGE_REDAKTSII*/
/*FORMA*/
.hid {overflow: hidden;}
/*.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    cursor: pointer;
}*/
#window{
	width: 100%;
	height: auto;
	display: none;
	z-index: 200;
	position: fixed;
	left: 0;
	right: 0;
	top: 45px;
	bottom: 0;
	padding: 0;
	text-align:center;
	overflow-x: hidden;
	overflow-y: auto;
}
#window-block{max-width: 480px;width: 100%;margin: auto auto;*}
#wrap{
	display: none;
	opacity: 0.8;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0;
	background-color: rgba(1, 1, 1, 0.725);
	z-index: 100;
	overflow: auto;
}
#block-block-6 iframe{max-height: 490px}
.box-form-content iframe{max-height: 700px;}
.box-form-content.sc iframe{max-height: 480px;}
.min-1 .box-form-content iframe{max-height: 600px;}
@media(max-width:470px){.limit-height .box-form-content iframe{height:590px!important;}}
@media(min-width:471px){.limit-height .box-form-content iframe{height:500px!important;}}
.forma-box {padding: 0 25px;float: left;width: 100%;}
.forma-box-inner {background:#fff;max-width:431px;padding:0;}
.forma-box-inner .form-center h2{font-size:23px;text-transform:uppercase;padding:23px 0;}
.forma-box-inner .forma-container{font-size:14px; padding:0 40px;}
.forma-box-inner .forma-container .input-box {padding:10px 0;}
.forma-box-inner .forma-container .input-box div {text-align:left;padding:10px;background:#ebebeb;}
.forma-box-inner .forma-container .input-box div  input{background:#ebebeb;border:0px;font-size:12px;}
.forma-box-inner .forma-container  .filtr-button input {display: inline-block;border-radius: 0;width: 100%;padding: 20px 0;max-width: 235px;background-repeat: repeat-x;border-color: #f41a20;text-transform: uppercase;text-align: center;color: #fff;background-color: #f41a20;cursor: pointer;font-size:14px;font-weight:600;}
/*END_FORMA*/

/*FORM-WOW*/
/* transition */

/* buttons */
.btn-box {overflow: hidden;}
.btn {height: 36px; display:inline-block; font-size: 13px; line-height: 36px; color: #fff; font-family: 'Roboto', sans-serif; float: left; margin: 0 12px 12px 0; padding: 0 24px; text-decoration:none; text-transform:uppercase; text-align:center; -webkit-border-radius: 6px; border-radius: 6px; border:0; background: transparent; cursor: pointer;}
.btn-default {border: solid 1px #357ebd; background: #428bca;}
.btn-success {border: solid 1px #4cae4c; background: #5cb85c;}
.btn-default:hover {border-color: #285e8e; background: #3276b1;}
.btn-success:hover {border-color: #398439; background: #47a447;}
.help-more .why-it-is-profitable {margin-top:55px;}
.help-more .why-it-is-profitable p{font-size:33px;line-height:50px;font-weight:500;}
/*--- CONTENT ---*/

.overlay {opacity: 0; visibility: hidden; position:fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 110; background: rgba(0,0,0,0.87);}
.dlg-modal {max-width: 576px; width:100%;height: auto; opacity: 0; visibility: hidden; text-align: center; position: fixed; left: 50%; top: 180px; z-index: 130; margin-left: -288px; padding: 47px 36px; background: #f2f5f4; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.85); box-shadow: 0 0 20px rgba(0,0,0,0.85); filter: alpha(opacity=0);}
.dlg-modal-slide {top: -600px; visibility: visible; opacity: 1;}

.modal-outer {width: 760px; min-height: 460px; position: fixed; left: 50%; z-index: 120; margin-left: -380px; padding: 80px 0; background: #18181a;}
	.modal-outer > div {display: none; opacity: 1; visibility: visible; position: static; margin: 0 auto;}

.closer {width: 20px; height: 20px; display: block; position: absolute; right: 5px; top: 5px; background: url('/img/cross.png') no-repeat; cursor: pointer;}

/* animation */
.fadeIn, .fadeOut, .slideInDown, .slideOutUp {-webkit-animation-duration: 0.4s; animation-duration: 0.4s; animation-timing-function: ease-out;}

@keyframes fadeIn {
	from {opacity: 0; visibility: hidden;}
	to {opacity:1; visibility: visible;}
}
.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn; opacity: 1; visibility: visible;}

@keyframes fadeOut {
	from {opacity: 1; visibility: visible;}
	to {opacity:0; visibility: hidden;}
}
.fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut; opacity: 0; visibility: hidden;}

@keyframes slideInDown {
	from {top: -320px;}
	to {top: 180px;}
}
.slideInDown {-webkit-animation-name: slideInDown; animation-name: slideInDown; top: 70px;}

@keyframes slideOutUp {
	from {top: 180px;}
	to {top: -320px;}
}
.slideOutUp {-webkit-animation-name: slideOutUp; animation-name: slideOutUp; top: -600px;}

@media screen and (max-width: 800px) {
	.modal-outer {width: 620px; min-height: auto; margin-left: -310px; padding: 50px 0;}
		.modal-outer .dlg-modal {width: 420px;}
}

@media screen and (max-width: 640px) {
	.btn {height: 48px; line-height: 48px; padding: 0 36px;}
	.dlg-modal {width: 420px; margin-left: -210px;}
	.modal-outer {width: 480px; margin-left: -240px;}
		.modal-outer .dlg-modal {width: 300px; height: 150px;}
}

@media screen and (max-width: 480px) {
	.dlg-modal {max-width: 300px;width:100%; margin-left: -150px;}
	.modal-outer {width: 320px; margin-left: -155px;}
		.modal-outer .dlg-modal {width: 290px; height: 150px;}
}
@media screen and (max-width: 540px){
	.b-left-col.active {width: 100%;}
	.b-social{position: unset;}
	.b-left-col.active .work-us{position: unset;}
	.b-left-col{right:0;left:unset;}
	.b-menu-icon{right: 55px;}
	.b-menu-icon.close span {right:0px;}
	.b-menu-icon.close{right: 0px;}
	
}
/*END_FORM-WOW*/
/*COURSE*/
    .course .course-top-h2{font-size:30px;line-height:45px;font-weight:700;text-align:center;}
    .course .course-top-h2 span{font-size:36px;line-height:45px;font-weight:700;color:#c21e39;}
    .course .course-top-h3{font-size:26px;line-height:45px;font-weight:500;text-align:center;margin-top: 30px;}
    .course .course-top-h3 span{font-size:26px;line-height:45px;font-weight:700;color:#c21e39;}
    .course .course-ul-block {margin: 40px 0;}
    .course .course-ul-block .course-ul-block-h2 {font-size:33px;line-height:38px;font-weight:500;text-align:center;}
    .course .course-ul-block .course-ul-block-list{font-size:20px;line-height:38px;font-weight:500;margin:20px 0;}
    .course .course-form {margin: 55px 0 20px;}
    .course .course-form .course-form-h2{font-size:33px;line-height:38px;font-weight:500;text-align:center;margin-bottom:15px;}
    .course .course-form #bx-form-service{max-width:370px;width:100%;margin: 0 auto;}
/*END_COURSE*/
/*BOOM*/
strong{font-weight:bold;}
    .spec-block h2{display: flex;align-items: center;line-height:18px;}
    .spec-block h2 span{padding-left:18px;}
    .spec-block h2 span span{padding-left:unset;}
    .spec-block.what-included-package h2:before{content: url(/img/what-included-package-autumn-boom.png);}
    .spec-block.valid-until h2:before{content: url(/img/special-offer-valid-until-september.png);}
    .ul-red-point ul{list-style: disc;color:#c21e39;}
    .ul-red-point ul li{margin-left:18px;line-height:30px;}
    .ul-red-point ul li span{color:#464646;}
    .autumn-boom-page .autumn-boom-page-header p{font-size:17px;line-height:30px;color:#464646;}
    .autumn-boom-page .spec-block what-included-package{margin: 36px 0px 15px;}
    .autumn-boom-page .spec-block what-included-package h2{font-size:23px;line-height:16.01px;color:#464646;}
    .autumn-boom-page .spec-block what-included-package h2 span{padding-left: 10px;}
    .autumn-boom-page .ul-red-point{margin: 27px 0 40px;}
    .autumn-boom-page .autumn-boom-page-share-box{margin: 45px 0 0;padding: 22px 35px 15px;text-align: center;font-size: 20px;line-height: 40.01px;background-color: #fff;box-shadow: 0 0 34px 1px rgba(0,0,0,0.3);}
    .autumn-boom-page .autumn-boom-page-share .autumn-boom-page-share-box p{font-size:20px;line-height:40px;font-weight:700;}
    .autumn-boom-page .autumn-boom-page-share .autumn-boom-page-share-box p span{font-size:26px;color:#e91a3c;}
    .autumn-boom-page .autumn-boom-page-text{margin-top: 45px;}
    .autumn-boom-page .autumn-boom-page-text p{font-size:18px;line-height:30px;color:#464646;text-align:center;}
    .autumn-boom-page .spec-block.valid-until{margin: 40px 0 30px;}
    .autumn-boom-page .spec-block.valid-until h2{font-size:23px;line-height:16.01px;color:#464646;}
    .autumn-boom-page .spec-block.valid-until span.padding span{font-size:26px;color:#e91a3c;}
    .autumn-boom-page .autumn-boom-page-button{margin: 50px 0;}
    .autumn-boom-page .autumn-boom-page-button .b-conf__button.autumn-boom{padding: 33px 0;width: 100%;max-width: 380px;}
/*END_BOOM*/
/*BLOGS*/
    .project-title{display: block;width: calc(100% - 50px);position: absolute;bottom: 0px;margin: 0;padding: 25px 25px 10px;color: #fff;text-align: left;z-index: 2;}
    .b-conf__divider-blogs{margin: 20px 0;width: 25px;height: 2px;background: #c21e39;}
    .data-blogs{font-size:12.5px;line-height:22px;font-weight: 500;}
    .name-blogs{color: #fff;line-height: 28px;font-size: 24px;margin: 10px 0;}
    .text-blogs{display: block;position: absolute;top: 0;margin: 0;font-size: 16px;line-height: 26px;font-weight: 300;color: #fff;text-align: justify;display:none;}
    .b-services__item:hover .project-title{top:0;}
    .b-services__item:hover .text-blogs{display:block;position: relative;}
    .b-services__item:hover .b-conf__divider-blogs{display:none;}
    .b-blogs-detail__main-pic img{float: left;margin-right: 30px;margin-bottom: 15px;max-width: 50%;height: auto;}
    .b-blogs-detail__bottom-text{font-size:17px;line-height:30px;font-weight:300;text-align:justify;}
    .b-button.b-button_go-back.blogs {text-align:left;}
    .b-blogs-detail{text-align: left;padding-top: 80px;padding-bottom: 50px;}
    .b-share .b-share__handle{float: left;height: 52px;padding: 5px 3px 5px 2px!important;cursor: pointer;text-align: left;text-decoration: none!important;}
    .b-share .b-share-icon{float: left;display: inline;overflow: hidden;width: 50px;height:52px;padding: 0!important;vertical-align: top;border: 0;background: url(/img/share.png) 0 0 no-repeat;}
    .b-share .b-share-icon_vkontakte{background-position: 0 0;}
    .b-share .b-share-icon_facebook{background-position: -50px 0;}
    .b-share .b-share-icon_twitter{background-position: -100px 0;}
    .b-share .b-share-icon_odnoklassniki{background-position: -150px 0;}
    .b-share .b-share-icon_gplus{background-position: -200px 0;}
/*END_BLOGS*/
.gold-p {max-width: 300px;width: 100%;margin:0 auto;margin-top: 35px;}
.gold-p img{width: 100%;}


/* Burger menu 2021 */



.b-menu-icon {
  cursor: pointer;
  height: 27px;
  width: 27px;
  overflow: visible;
  position: relative;
  z-index:2;
  
}
.b-menu-icon.close {
	margin: 0;
	float: right;
}

.b-menu-icon span,
.b-menu-icon span:before,
.b-menu-icon span:after {
  background: #c21e39;
  display: block;
  height: 2px;
  opacity: 1;
  position: absolute;
  transition: 0.3s ease-in-out;
}
.b-menu-icon span:before,
.b-menu-icon span:after {
  content: "";
}
.b-menu-icon span {
  right: 0px;
  top: 14px;
  width: 27px;
}
.b-menu-icon span:before {
  left: 0px;
  top: -10px;
  width: 27px;
}
.b-menu-icon span:after {
  left: 0px;
  top: 10px;
  width: 27px;
}

.b-menu-icon.close span {
  transform: rotate(-45deg);
	position: absolute;
	right: 20px;
	top: 44px;
  width: 27px;
  margin: 0;
}
.b-menu-icon.close span:before {
  top: 0px;
  transform: rotate(90deg);
  width: 27px;
}
.b-menu-icon.close span:after {
  top: 0px;
  left:0;
  transform: rotate(90deg);
  opacity:0;
  width:0;
}

.top-link-home {
	display: block;
	max-width: 140px;
	margin-left: 22px;
}



/* Burger menu 2021 END */
/* End */


/* Start:/css/animate.css?171033638173111*/
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    -ms-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    -ms-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
/* End */


/* Start:/local/templates/contentPageTpl/template_styles.css?174834956110700*/
main {
	padding-left: 70px;
}
.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.btn_group {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
/*PAGE_HEADER*/
main>section, .top_banner header {
	max-width: 1200px;
    margin: 0 auto;
}
main>section, main>section>section {
	margin-bottom: 80px;
}
main>.top_banner {
	max-width: 100%;
	color: #fff;
	line-height: 1.5;
	padding: 75px 0;
}
.top_banner header {
	text-align: center;
}
.top_banner h1 {
	font-size: 70px;
	font-weight: bold;
}
.top_banner p {
	font-size: 28px;
	line-height: 1.5;
	color: #fff;
    margin-bottom: 64px;
}
.top_banner span {
	display: block;
	line-height: 1.8;
	font-size: 20px;
	margin-bottom: 50px;
}
.top_banner .btn_group {
	max-width: 650px;
	margin: 0 auto;
}
/*END_PAGE_HEADER*/
/*PAGE_BODY*/
.s_container h2 {
	font-size: 50px;
	line-height: 1.2;
	color: #363636;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.box-of-advantages {
	justify-content: space-between;
}
section .b-conf__divider {
	margin-left: auto;
	margin-right: auto;
}
section .box-of-advantages .advantages__item {
	flex: 1;
	text-align: center;
}
.box-of-advantages .advantages_item_text {
	margin-top: 20px;
}
.box-of-advantages .elem_img {
	background: #c21e39;
	margin-left: auto;
    margin-right: auto;
}
.elem_img.circle {
	width: 83px;
	height: 83px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
    justify-content: center;
    align-items: center;
}
/*END_PAGE_BODY*/

/* LEARNING START */
@import url("/css/fonts.css");
body {
  background-color: #f8f8f9;
}

.container {
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  margin: 0 auto;
  background-color: #fff;
}

.course-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  font-family: "Conv_MuseoSansCyrl_700", cursive;
}

.course-content-header {
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 15px;
}

.course-content-header .course-content-header-left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.course-content-header .course-content-header-left h2 {
  font-size: 32px;
  line-height: 40px;
}

.course-content-header .course-content-header-left .course-content-page-title-numbers {
  font-size: 14px;
  font-family: 'Conv_MuseoSansCyrl_300', Helvetica, Arial, sans-serif;
}

.course-content-header .course-content-header-right {
  font-size: 13px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.course-content-text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.course-content-text .course-note {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin: 20px;
  -webkit-box-shadow: 0 0 5px #333;
          box-shadow: 0 0 5px #333;
}

.course-content-text .course-note .course-note-header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-color: red;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-top: 0;
}

.course-content-text .course-note .course-note-header h3 {
  margin-left: 20px;
  color: #333;
  font-size: 18px;
  line-height: 53px;
  margin-top: 0;
  margin-bottom: 0;
}

.course-content-text .course-note .course-note-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.course-content-text .course-note .course-note-body .course-note-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  text-align: center;
  margin: 20px 0;
  font-family: 'Conv_MuseoSansCyrl_300', Helvetica, Arial, sans-serif;
}

.course-content-text .course-note .course-note-body .course-note-text a {
  color: #000;
  text-decoration: none;
  font-size: 15px;
}

.course-content-text a {
  text-decoration: none;
}

.course-section-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.course-section-list .course-section-item {
  width: 348px;
  -webkit-box-shadow: 0 0 5px #333;
          box-shadow: 0 0 5px #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px;
}

.course-section-list .course-section-item .course-section-title {
  background-color: red;
  padding: 1px;
}

.course-section-list .course-section-item .course-section-title a {
  text-decoration: none;
}

.course-section-list .course-section-item .course-section-title h3 {
  color: #333;
  font-size: 18px;
  line-height: 53px;
  margin: 0;
  margin-left: 20px;
}

.course-section-list .course-section-item .course-section-desc {
  font-size: 15px;
  text-decoration: none;
  color: #000;
  font-family: 'Conv_MuseoSansCyrl_300', Helvetica, Arial, sans-serif;
  word-wrap: break-word;
  height: 229px;
}

.course-section-list .course-section-item .course-section-desc .course-section-desc-list {
  height: 160px;
  padding: 5px 10px;
  /*text-align: justify;*/
  position: relative;
  overflow: hidden;
}

.course-section-list .course-section-item .course-section-desc .course-section-desc-list .shadow-section {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
}

.course-section-list .course-section-item .course-section-desc .course-section-desc-more {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
  text-decoration: underline;
}

.title-h3 {
  margin-left: 20px;
  color: #333;
  font-size: 18px;
  line-height: 53px;
  margin-top: 0;
  margin-bottom: 0;
}

.course-section-title a h4 {
  margin-left: 20px;
  color: #333;
  font-size: 18px;
  line-height: 53px;
  margin-top: 0;
  margin-bottom: 0;
}

.test-section-item {
  -webkit-box-shadow: 0 0 5px #333;
          box-shadow: 0 0 5px #333;
}

.test-section-item .test-section-item-title {
  background-color: red;
}

.test-section-item .test-section-item-description {
  font-size: 15px;
  text-decoration: none;
  color: #000;
  font-family: 'Conv_MuseoSansCyrl_300', Helvetica, Arial, sans-serif;
  padding: 20px;
  /*text-align: justify;*/
}

form .course-content-footer-button {
  outline: none;
  border: none;
  margin-top: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  display: inline-block;
  background: red;
  -webkit-box-shadow: 0 1px 1px #ccc;
          box-shadow: 0 1px 1px #ccc;
  display: block;
  font-size: 15px;
  line-height: 23px;
  color: #000;
  padding: 8px 35px;
  border-radius: 35px;
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.test-block-wrapper {
  font-family: 'Conv_MuseoSansCyrl_300', Helvetica, Arial, sans-serif;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: red;
  width: 100%;
  line-height: 53px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.test-block-wrapper .learn-test-tabs {
  font-size: 15px;
  margin: 0 20px;
  line-height: 53px;

  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.test-block-wrapper .learn-test-tabs a {
  background-color: #fff;
  line-height: 27px;
  height: 27px;
  margin: 0 4px;
  width: 27px;
  text-align: center;
  border-radius: 3px;
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
  border-color: #CED6E4 #9CADC9 #9CADC9 #CED6E4;
}


.test-block-wrapper .learn-test-timer-wrapper #learn-test-timer {
    line-height: normal;
    display: inline;
    padding: 3px 3px;
	font-weight: bold;
    color: #000;
}

.test-block-wrapper .learn-test-timer-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.test-block-wrapper .learn-test-timer-wrapper span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.test-block-wrapper .learn-test-timer-wrapper .learn-test-timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.test-block-wrapper .question-of {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.test-content-wrapper {
  background-color: #fff;
  margin: 20px;
  font-size: 15px;
  padding: 10px;
  font-family: 'Conv_MuseoSansCyrl_300', Helvetica, Arial, sans-serif;
}

.test-block {
	
	box-shadow: 0 0 5px #333;
}


.learn-question-answers{
	padding: 20px;
}

.learn-question-answers b {
	margin-bottom: 30px;
}

@media screen and (max-width: 1183px) {
  .course-section-list .course-section-item {
    width: calc(50% - 40px);
    margin-right: 5px;
  }
}

@media screen and (max-width: 720px) {
  .course-section-list .course-section-item {
    width: calc(100% - 40px);
  }
  .learn-work-table {
	  display: flex;
	  flex-direction: column;
  }
  .learn-work-table td, th{
	  display: block;
  }
  .learn-work-table tr {
	  display: table-cell;
  }
  .indent {
	  padding: 0;
  }
  .b-about {
	  padding: 30px;
	  padding-top: 54px;
  }
  .course-section-list .course-section-item {
	  margin: 20px 0;
  }
  .table.learn-work-table td.learn-right-data {
	  padding: 12px 0;
  }
  table.learn-work-table td.learn-left-data{
	  padding: 12px 10px;
  }
}

@media screen and (max-width: 370px) {
  .course-section-list .course-section-item {
    width: calc(100% - 40px);
  }
}


/* LEARNING END */



/* End */


/* Start:/local/templates/.default/components/bitrix/menu/left_menu/style.min.css?1710336390490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/.default/components/bitrix/menu/left_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* /css/style.css?171413816247937 */
/* /css/animate.css?171033638173111 */
/* /local/templates/contentPageTpl/template_styles.css?174834956110700 */
/* /local/templates/.default/components/bitrix/menu/left_menu/style.min.css?1710336390490 */