/* ===================================
    Google Font
====================================== */

@font-face {
    font-family: 'gilroyextrabold';
    src: url('../fonts/gilroy-extrabold-webfont.eot');
    src: url('../fonts/gilroy-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gilroy-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-extrabold-webfont.woff') format('woff'),
         url('../fonts/gilroy-extrabold-webfont.svg#gilroyextrabold') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'gilroylight';
    src: url('../fonts/gilroy-light-webfont.eot');
    src: url('../fonts/gilroy-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gilroy-light-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-light-webfont.woff') format('woff'),
         url('../fonts/gilroy-light-webfont.svg#gilroylight') format('svg');
    font-weight: normal;
    font-style: normal; }


input, select, button, textarea {
   margin: 0; outline: none; }

/* --------------- reset.css --------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
   margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-size: 100%; }

a {
   margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none; }

table{
   border-collapse: collapse; border-spacing: 0; }

td, td img {
   vertical-align: top; }

input, select, button, textarea {
   margin: 0; outline: none; }

input[type="text"], input[type="password"], input[type="tel"], textarea {
   padding: 22px 0 22px 30px; }

input[type="checkbox"] {
   vertical-align: bottom; }

input[type="radio"] {
   vertical-align: text-bottom; }

sub {
   vertical-align: sub;
   font-size: smaller; }

sup {
   vertical-align: super; font-size: smaller; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block; }

ul li{
    list-style:none; }

/* --------------- Basic settings --------------- */

/*
html{
    height: 100%; width: 100%; }
*/

body{
    color: #303030; font-family: 'gilroylight', sans-serif; font-size: 1em; text-align: left; }

a, a:visited{
   color: #2e2e2e;   text-decoration: none; }

/*
a:hover{
   color: #fff; text-decoration: none; }

a:focus, a:active{
   color: #fff; text-decoration: none; }
*/

h1, h2, h3, h4, h5, h6{
   font-weight:normal; }

img{
   max-width:100%; }

.clr{
   clear:both; }

.clearfix:after{
    clear: both; content: ""; display: table; }


/* --------------- 1 Screen - Header --------------- */

.header_wrapper {
   background: url('../images/home-bg.jpg') center no-repeat; background-size: cover; padding: 35px 0 35px; overflow: hidden; }

.conteiner {
    max-width: 980px; margin: 0 auto; }

.header_info {
   width: 100%; }

.header_info-item {
   float: left; display: inline-block; padding: 0; box-sizing: border-box; }

.info_margin-right {
   margin-right: 35px; }

.info-icon {
   height: 34px; display: inline-block; margin-right: 10px; }

.info-description {
   display: inline-block; line-height: 1.3; font-size: 0.875em; }

.info-description strong {
   font-family: 'gilroyextrabold';  }

.logo-text {
   text-transform: uppercase; font-size: 1em;  }

.logo-text strong {
   font-family: 'gilroyextrabold'; }

.content_wrapper {
   padding: 100px 0 30px; width: 100%; }

.content_wrapper_text {
   max-width: 65%; display: inline-block; float: left; }

.title_general {
   font-size: 3em; margin-bottom: 20px; }

.title_general strong {
   font-family: 'gilroyextrabold'; color: #3766cc; }

.title_descripton {
   font-size: 1.375em; margin-bottom: 35px; position: relative; line-height: 1.3; padding: 0; box-sizing: border-box;}

.title_descripton::after {
   clear: both; content: ""; display: inline-block; background: #3766cc; height: 2px; width: 100px; position: absolute; bottom: -35px; left: 0; }

.content_info {
   width: 100%; padding: 35px 0 0 0; }

.content_info-item {
   width: 50%; margin-bottom: 20px; display: inline-block; float: left; box-sizing: border-box; }

.content-icon {
   position: relative; display: inline-block; height: 35px; margin-right: 10px; }

.content_info_description {
   line-height: 1.4; display: inline-block; font-size: 0.875em; }

.content_info_description strong {
   font-family: 'gilroyextrabold'; color: #303030; }

.content_wrapper_form {
   max-width: 35%; border-radius: 8px; box-shadow: 0 0 20px rgba(0,0,0,0.15); background: #fff; box-sizing: border-box; padding: 45px 40px; vertical-align: top; float: right; }

.form_title {
   font-size: 1.5em; }

.form_title strong{
   font-family: 'gilroyextrabold'; color: #3766cc; }

.form_phone {
   background: #f5f5f5; box-sizing: border-box; color: #595959; font-size: 0.875em; border-radius: 8px; width: 100%; margin-bottom: 12px; font-family: 'gilroylight'; border: 0; display: inline-block;}

.form_descripton {
   margin: 10px 0 17px; line-height: 1.5; color: #595959;  }

.hide {
   position: absolute;
   overflow: hidden;
   z-index: -1;
   width: 0.1px;
   height: 0.1px;
   opacity: 0;
}

label {
   cursor: pointer;
   display: inline-block;
   background: #e1e2e6;
   padding: 21px 0 20px 63px;
   border-radius: 8px;
   position: relative;
   width: 100%;
   box-sizing: border-box;
   white-space: nowrap;
   font-size: 0.875em;
   overflow: hidden;
   margin-bottom: 9px;
}

.lebel-icon {
   position: absolute; display: inline-block; top: 15px; left: 30px;  }

.form_btn {
   background: rgb(255,198,0);
   background: -webkit-linear-gradient(bottom, rgba(255,198,0,1) 0%, rgba(255,219,89,1) 70%);
   background: -o-linear-gradient(bottom, rgba(255,198,0,1) 0%, rgba(255,219,89,1) 70%);
   background: linear-gradient(to top, rgba(255,198,0,1) 0%, rgba(255,219,89,1) 70%);
   border-radius: 8px; cursor: pointer;
   width: 100%; border: 0; box-sizing: border-box; padding: 22px 0; font-family: 'gilroyextrabold'; color: #303030; text-shadow: 0 1px 0 rgba(255,219,89,0.5); box-shadow: 0 5px 0 rgb(204,160,0);
   }

.form_btn:hover {
    background: rgb(255,198,0); }

.form_conf {
   font-size: 0.75em; color: #bcbcbc; margin: 22px 0 0; }


.form_btn strong {
   font-family: 'gilroyextrabold'; text-transform: uppercase; }

.form_btn span {
   font-family: 'gilroylight'; }

/* --------------- 2 Screen --------------- */

.gallery-wrapper {
   padding: 80px 0; position: relative; overflow: hidden; }

.conteiner-gallery {
   position: relative; }

.conteiner-gallery::before {
   content: ""; position: absolute; z-index: 0; background: url(../images/bg-img-1.png); width: 237px; height: 164px; display: block; top: 40px; left: -120px; }

.conteiner-gallery::after {
   content: ""; position: absolute; z-index: 0; background: url(../images/bg-img-2.png); width: 464px; height: 297px; display: block; right: -465px; bottom: -150px; }

.item {
   position: relative; }

.item-before::before {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3766cc+0,7db9e8+100 */
   background: rgb(55,102,204); /* Old browsers */
   background: -moz-linear-gradient(45deg, rgba(55,102,204,1) 0%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(45deg, rgba(55,102,204,1) 0%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(45deg, rgba(55,102,204,1) 0%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
   content: "До"; width: 80px; display: inline-block; left: 20px; bottom: 20px; border-radius: 3px; position: absolute; z-index: 0; color: #fff; text-align: center; box-shadow: 0 10px 20px rgba(0,0,0,0.3); padding: 4px 0 5px;
}

.item-after::after {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3766cc+0,7db9e8+100 */
   background: rgb(55,102,204); /* Old browsers */
   background: -moz-linear-gradient(45deg, rgba(55,102,204,1) 0%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(45deg, rgba(55,102,204,1) 0%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(45deg, rgba(55,102,204,1) 0%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
   content: "После"; width: 80px; display: inline-block; left: 20px; bottom: 20px; border-radius: 3px; position: absolute; z-index: 0; color: #fff; text-align: center; box-shadow: 0 10px 20px rgba(0,0,0,0.3); padding: 4px 0 5px;
}

.gallery-title {
   font-size: 2.25em; line-height: 1; margin-bottom: 45px; text-align: center; }

.gallery-title strong{
   font-family: 'gilroyextrabold'; color: #3766cc; }

.gallery-title span {
   font-size: 22px; line-height: 1.4; }

.carousel-block img{
   border-radius: 8px; display: inline-block; }


/* --------------- 3 Footer --------------- */

.footer {
   padding: 50px 0; background: #fafafa; z-index: 3; position: relative; text-align: left; }

/* --------------- Adaptability --------------- */

@media(min-width:0px) and (max-width:320px) {

.header_wrapper {
   background: url('../images/home-bg.jpg') top center no-repeat; }

.conteiner {
   max-width: 280px; }

.info-item-mb {
   margin-bottom: 12px; }

.info_margin-right {
   margin-right: 0; }

.content_wrapper {
   padding: 30px 0 30px 0; }

.content_wrapper_text {
   max-width: 100%; float: none; }

.title_general {
   font-size: 2.2em; margin-bottom: 20px; }

.title_descripton {
   line-height: 1.5; }

.content_info {
   width: 100%; padding: 35px 0; }

.content_info-item {
   float: left; width: 100%; margin-bottom: 15px; }

.content_wrapper_form {
   max-width: 100%; padding: 35px 30px; float: none; }

.gallery-wrapper {
   padding: 60px 0; }

.conteiner-gallery::before {
   display: none; }

.conteiner-gallery::after {
   display: none; }

.gallery-title {
   font-size: 2.25em; line-height: 1.1; margin-bottom: 45px; text-align: center; }

.gallery-title span {
   font-size: 20px; }

.footer {
   text-align: center; }

}

@media(min-width:321px) and (max-width:420px) {

.header_wrapper {
   background: url('../images/home-bg.jpg') top center no-repeat; }

.conteiner {
   max-width: 300px; }

.info-item-mb {
   margin-bottom: 12px; }

.info_margin-right {
   margin-right: 0; }

.content_wrapper {
   padding: 30px 0 30px 0; }

.content_wrapper_text {
   max-width: 100%; float: none; }

.title_general {
   font-size: 2.2em; margin-bottom: 20px; }

.title_descripton {
   line-height: 1.5; }

.content_info {
   width: 100%; padding: 35px 0; }

.content_info-item {
   float: left; width: 100%; margin-bottom: 15px; }

.content_wrapper_form {
   max-width: 100%; padding: 35px 30px; float: none; }

.gallery-wrapper {
   padding: 60px 0; }

.conteiner-gallery::before {
   display: none; }

.conteiner-gallery::after {
   display: none; }

.gallery-title {
   font-size: 2.25em; line-height: 1.1; margin-bottom: 45px; text-align: center; }

.gallery-title span {
   font-size: 20px; }

.footer {
   text-align: center; }

}

@media(min-width:421px) and (max-width:480px) {

.header_wrapper {
   background: url('../images/home-bg.jpg') top right no-repeat; }

.conteiner {
   max-width: 400px; }

.header_info-item {
   padding: 0 15px 0 0; }

.info-icon {
   height: 30px; display: inline-block; margin-right: 5px; }

.info-description {
   line-height: 1.2; font-size: 0.85em; }

.info-item-mb {
   margin-bottom: 12px; }

.info_margin-right {
   margin-right: 0; }

.content_wrapper {
   padding: 30px 0 30px 0; }

.content_wrapper_text {
   max-width: 100%; float: none; }

.title_general {
   font-size: 2.2em; margin-bottom: 20px; }

.title_descripton {
   line-height: 1.5; padding: 0 60px 0 0; }

.content_info {
   width: 100%; padding: 35px 0; }

.content_info-item {
   float: left; width: 50%; margin-bottom: 35px; }

.content_wrapper_form {
   max-width: 100%; padding: 35px 30px; float: right; }

.gallery-wrapper {
   padding: 60px 0; }

.conteiner-gallery::before {
   display: none; }

.conteiner-gallery::after {
   display: none; }

.gallery-title {
   font-size: 2.25em; line-height: 1.1; margin-bottom: 45px; text-align: center; }

.gallery-title span {
   font-size: 20px; }

.footer {
   text-align: center; }

}

@media(min-width:481px) and (max-width:768px) {

.header_wrapper {
   background: url('../images/home-bg.jpg') top right no-repeat; }

.conteiner {
   max-width: 560px; }

.header_info-item {
   padding: 0 15px 0 0; }

.info-icon {
   height: 30px; display: inline-block; margin-right: 5px; }

.info-description {
   line-height: 1.2; font-size: 0.85em; }

.info-item-mb {
   margin-bottom: 12px; }

.info_margin-right {
   margin-right: 0; }

.content_wrapper {
   padding: 30px 0 30px 0; }

.content_wrapper_text {
   max-width: 100%; float: none; }

.title_general {
   font-size: 3em; margin-bottom: 20px; }

.title_descripton {
   line-height: 1.5; padding: 0 60px 0 0; }

.content_info {
   width: 100%; padding: 35px 0; }

.content_info-item {
   float: left; width: 50%; margin-bottom: 35px; }

.content_wrapper_form {
   max-width: 100%; padding: 35px 30px; float: none; }

.gallery-wrapper {
   padding: 60px 0; }

.conteiner-gallery::before {
   display: none; }

.conteiner-gallery::after {
   display: none; }

.gallery-title {
   font-size: 2.25em; line-height: 1.1; margin-bottom: 45px; text-align: center; }

.gallery-title span {
   font-size: 20px; }

.footer {
   text-align: center; }

}