html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

body {position: relative; min-width: 100%; min-height: 100%; font-family: 'Onest','Helvetica','Arial', sans-serif; background: #FBFBFB; font-size: 16px; font-weight: normal; line-height: 1.5; color: #000; overflow: auto; -webkit-font-smoothing: antialiased;}

button,
input,
select,
textarea {font-family: 'Onest','Helvetica','Arial', sans-serif; font-size: 16px; line-height: 1.0; color: #36394c;}

button,
input,
select,
textarea,
button:focus,
input:focus,
select:focus,
textarea:focus {-webkit-appearance: none; -moz-appearance: none; box-shadow: none; outline: none;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}

input[type=file]::-webkit-file-upload-button {cursor: pointer;}

input[type=number] {-moz-appearance: textfield;} 

h1 {font-weight: 700; font-size: 46px; line-height: 120%; text-transform: uppercase; margin: 0 0 40px;}
h1 p {margin: 0; padding: 0;}
h1 strong {color: #3A90F3;}

h2,
.block_title {font-weight: 700; font-size: 42px; line-height: 120%; text-transform: uppercase; position: relative;}

h2 p,
.block_title p {margin: 0; padding: 0;}

h2 strong,
.block_title strong {color: #3A90F3;}

ul, 
ol, 
li {list-style-type:none; padding: 0; margin: 0;}

a,
a:focus,
a:hover {text-decoration: none; outline: none; box-shadow: none;}

::selection {background: #3A90F3; color: #FFF;}
::-moz-selection {background: #3A90F3; color: #FFF;} 

.back_img {position: absolute; left: 0; top: 0; width: 100%; bottom: 0; z-index: 1; display: block;}
.back_img img,
.back_img source {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; z-index: 1;}
 
.back_img__relative {position: relative; left: auto; top: auto; bottom: auto; width: 100%;} 
.back_img__relative img,
.back_img__relative source {position: relative; display: block; left: auto; top: auto; width: 100%; height: auto; object-fit: initial; object-position: 0 0;}
 
.block {width: 1200px; margin: 0 auto; position: relative; box-sizing: border-box;}

.breadcrumbs {position: relative; font-size: 16px; line-height: 150%; margin: 0 0 40px;}
.breadcrumbs a {color: #3A90F3; transition: 0.2s;}
.breadcrumbs a:hover {color: #1475E7;} 
.breadcrumbs i {font-style: normal;}

.button {display: inline-block; vertical-align: top; position: relative; width: 320px; height: 70px; font-size: 16px; padding: 1px 0 0 0; font-weight: 600; border: 1px solid #000; font-weight: 700; text-transform: uppercase; color: #000; line-height: 1.0; border-radius: 10px; background: transparent; text-align: center; margin: 0; transition: 0.2s;}
.button:hover {cursor: pointer;}

.button_blue {border-color: #3A90F3; background: #3A90F3; color: #FFF;}
.button_blue:hover {border-color: #1475E7; background: #1475E7; color: #FFF;}

.button_blue2 {border-color: #35ACE0; background: #35ACE0; color: #FFF;}
.button_blue2:hover {border-color: #1498D2; background: #1498D2; color: #FFF;}

.button_blue_tr {border-color: #AACEF8; background: transparent; color: #3A90F3;}
.button_blue_tr:hover {border-color: #3A90F3; background: #3A90F3; color: #FFF;}

.button_green {border-color: #25D366; background: #25D366; color: #FFF;}
.button_green:hover {border-color: #12C655; background: #12C655; color: #FFF;}

.button_white {border-color: #FBFBFB; background: #FBFBFB; color: #3A90F3;}
.button_white:hover {border-color: #3A90F3; background: #3A90F3; color: #FFF;}

.container {position: relative;}

.main_layout {overflow: hidden; padding: 110px 0 0; position: relative;}

body.home .main_layout {padding: 110px 0 64px}

.hidden, 
.popup_back,
.popup {display: none;}   
 


/* HEADER */

.header_container {position: absolute; left: 0; top: 0; right: 0; z-index: 98; background: #FFF; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);}  
.header_container .header_block {display: flex; align-content: center; align-items: center; height: 110px;}

.header_container .header_logo {position: relative; margin: 0 33px 0 0; font-size: 30px; line-height: 1.0; color: #000; display: inline-block;}
.header_container .header_logo img {height: 40px;}

.header_container .header_title {position: relative; margin: 0 auto 0 0; font-weight: 500; font-size: 12px; line-height: 120%; color: #000; opacity: 0.3;}

.header_container .header_mail {position: relative; padding: 0 0 0 30px; margin: 0 auto; font-size: 16px; color: #000; display: inline-block; line-height: 1.0; transition: 0.2s;}
.header_container .header_mail svg {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.header_container .header_mail path {transition: 0.2s;}
.header_container .header_mail:hover {color: #3A90F3;}
.header_container .header_mail:hover path {stroke: #3A90F3;}

.header_container .header_phone {position: relative; padding: 0 0 0 30px; margin: 0 0 0 auto; font-weight: 700; font-size: 20px; display: inline-block; line-height: 1.0; color: #000; transition: 0.2s;}
.header_container .header_phone svg {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.header_container .header_phone path {transition: 0.2s;}
.header_container .header_phone:hover {color: #3A90F3;}
.header_container .header_phone:hover path {fill: #3A90F3;}

.header_container .header_callback {position: relative; width: 200px; height: 50px; margin: 0 0 0 40px; font-size: 14px; text-transform: none;}

.header_container .header_mobmenuin {display: none;} 



/* FOOTER */

.footer_container {position: relative; z-index: 3;}
.footer_container .footer_block {width: 1320px; font-size: 14px; line-height: 150%; display: flex; flex-flow: row wrap;}

.footer_container .footer_left {width: 580px; padding: 0 60px 70px; box-sizing: border-box; position: relative;}
.footer_container .footer_logo {font-size: 40px; line-height: 1.0; margin: 0 0 30px; color: #000; display: inline-block;}
.footer_container .footer_logo img {height: 50px;}
.footer_container .footer_title {margin: 0 0 20px;}
.footer_container .footer_text a {color: #000;}

.footer_container .footer_right {width: calc(100% - 580px); padding: 0 120px 90px 0; font-size: 14px; line-height: 150%; justify-content: flex-end; display: flex; align-content: flex-end; align-items: flex-end; color: #FFF; box-sizing: border-box;}
.footer_container .footer_right li {display: inline-block; vertical-align: top; margin: 0 0 0 35px; line-height: 100%;}
.footer_container .footer_right li:first-of-type {margin: 0;}
.footer_container .footer_right a {color: #000;} 

body.home .footer_container {position: absolute; bottom: 64px; left: 0; right: 0;}
body.home .footer_container .footer_right a {color: #FFF;}



/* HOMEPAGE */

.hometop_container {}
.hometop_container .back_img {width: 1440px; left: 50%; transform: translateX(-50%); top: 0;}
.hometop_container .back_img img,
.hometop_container .back_img source {object-position: 50% 100%;}

.hometop_container .hometop_block {min-height: 660px; z-index: 1; padding: 120px 0 0 0;}
.hometop_container .hometop_content {position: relative; color: #FFF;}

.hometop_container .hometop_title {margin: 0 0 16px;}

.hometop_container .hometop_subtitle {margin: 0 0 30px; font-weight: 500; font-size: 30px; line-height: 120%;}
.hometop_container .hometop_subtitle br {display: none;}

.hometop_container .hometop_subtitle2 {margin: 0 0 30px; font-weight: 500; font-size: 20px; line-height: 120%;} 

.hometop_container .hometop_items {position: relative; display: flex; flex-flow: row wrap; padding: 0 0 20px;}
.hometop_container .hometop_item {position: relative; box-sizing: border-box; padding: 0 20px 0 34px; margin: 0 0 30px;}
.hometop_container .hometop_item__icon {position: absolute; left: 0; top: 0; width: 24px; height: 24px;}
.hometop_container .hometop_item__title {font-weight: 700; font-size: 20px; line-height: 120%; margin: 0 0 6px;}
.hometop_container .hometop_item__text {font-weight: 500; font-size: 14px; line-height: 120%;}


@media screen and (max-width: 1500px) {
 
.hometop_container .back_img {width: 100%;}
.back_img img,
.back_img source {object-fit: inherit;}

}