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;}

html {height: 100%;}

body {position: relative; min-width: 100%; min-height: 100%; font-family: 'Montserrat','Helvetica','Tahoma','Arial', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.0; overflow: auto; background: #f7f7f5;}

button, textarea, select, input {font-family: 'Montserrat','Helvetica','Tahoma','Arial', sans-serif; font-size: 16px; line-height: 1.0; color: #000; outline: none !important;}

button,
input[type="button"],
input[type="submit"] {-webkit-appearance: none; box-shadow: none;}

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

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

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

.block {position: relative; margin: 0 auto;}

.button {display: inline-block; position: relative; text-align: center; font-size: 16px; border: 0; margin: 0; line-height: 1.0; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;}
.button:hover {cursor: pointer;}

.counter .counter_separator {width: 4px; margin: 0 10px; display: inline-block; vertical-align: top; position: relative; z-index: 991;}
.counter .counter_separator:before,
.counter .counter_separator:after {content:""; position: absolute; left: 0; width: 4px; height: 4px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.counter .counter_separator:before {top: 50%; margin-top: -18px;}
.counter .counter_separator:after {bottom: 50%; margin-bottom: -18px;}

.hidden {display: none;}

.mail:before {content:""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;}
.mail:hover:before {opacity: 0;}

.phone {white-space: nowrap;}
.phone:hover {cursor: default;}

.pseudo_table {display: table; width: 100%;}
.pseudo_td {display: table-cell; vertical-align: middle;}

.socials {position: relative; white-space: nowrap; display: inline-block; vertical-align: top;}
.socials a {position: relative; display: inline-block; vertical-align: top; margin: 0 2px; text-align: center; width: 36px; height: 36px; box-sizing: border-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;}
.socials svg {position: relative; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;}
.socials .vk svg {width: 18px; top: 9px;}
.socials .fb svg {width: 10px; top: 8px;}
.socials .in svg {width: 18px; top: 8px;}
.socials .sk svg {width: 19px; top: 8px;}
.socials .tg svg {width: 19px; top: 9px;}
.socials .vi svg {width: 19px; top: 8px;}
.socials .wa svg {width: 19px; top: 8px;}
.socials .od svg {width: 19px; top: 8px;}

.spacer {clear:both;}
.logo {min-height: 70px;}

/* ТИП 1 */


.type1 .block {width: 1100px; padding: 80px 0 0 0;}
.type1 .logo {font-size: 28px; font-weight: 500; margin: 0 0 70px; position: relative; left: -5px;}
.type1 .logo img {position: relative; top: 13px; margin: 0 5px 0 0;}
.type1 .logo i {display: none; font-style: normal;}

.type1 .main {position: relative; float:left; width: 70%; box-sizing: border-box;}
.type1 .title {font-size: 44px; font-weight: 700; line-height: 1.1; padding: 24px 0; position: relative; left: -3px;}
.type1 .subtitle {font-size: 16px; line-height: 1.5; padding: 0 0 140px;}

.type1 .counter {position: relative;}
.type1 .counter .counter_title {position: relative; padding: 0 0 22px;}
.type1 .counter .counter_item {display: inline-block; vertical-align: top; position: relative; width: 160px; height: 150px; text-align: center; box-sizing: border-box;}
.type1 .counter .counter_item span {font-size: 60px; line-height: 1.0; padding: 30px 0 22px; display: block;}
.type1 .counter .counter_item i {font-size: 12px; font-style: normal; letter-spacing: 2px; display: block; text-transform: uppercase;}

.type1 .counter .counter_separator {height: 150px;}
.type1 .counter .counter_separator:before {margin-top: -18px;}
.type1 .counter .counter_separator:after {margin-bottom: -18px;}

.type1 .side {position: relative; float:right; width: 27.274%; box-sizing: border-box; padding: 0 30px 0 40px;}
.type1 .side .side_title {position: absolute; left: 40px; top: 40px; font-weight: 700; text-transform: uppercase; font-size: 12px;}
.type1 .side a {position: relative;}

.type1 .side .phones {position: relative; padding: 0 0 32px 26px;}
.type1 .side .phones svg {position: absolute; left: 2px; top: -2px; width: 14px;}
.type1 .side .phones li {padding: 0 0 14px;}
.type1 .side .mails {position: relative; padding: 0 0 0 26px;}
.type1 .side .mails svg {position: absolute; left: 0; top: 2px; width: 16px;}
.type1 .side .mails li {padding: 0 0 14px;}

.type1 .side .socials {position: absolute; left: 40px; bottom: 50px; white-space: nowrap;}
.type1 .side .socials a {margin: 0 5px 0 0;}


.type1_light {background: #FFF url('/bitrix/themes/.default/star.comingsoon/simple/images/back_1_light.png') 50% 0 no-repeat; background-size: 1920px auto; color: #36394c;}
.type1_light .counter .counter_item {border: 1px solid #e1e1e4;}
.type1_light .counter .counter_separator:before,
.type1_light .counter .counter_separator:after {background: #36394c;}
.type1_light .side {border: 1px solid #e1e1e4;}
.type1_light .side a {color: #36394c;}
.type1_light .side .phones svg,
.type1_light .side .mails svg {fill: #36394c;}
.type1_light .side .mail:before {background: #36394c;}
.type1_light .side .socials a {border: 1px solid #e1e1e4;}
.type1_light .side .socials svg {fill: #36394c;}
.type1_light .side .socials a:hover {background: #36394c; border: 1px solid #36394c;}
.type1_light .side .socials a:hover svg {fill: #FFF;}

.type1_light ::selection {background: #36394c; color: #FFF;}
.type1_light ::-moz-selection {background: #36394c; color: #FFF;}


.type1_dark {background: #28005f url('/bitrix/themes/.default/star.comingsoon/simple/images/back_1_dark.png') 50% 0 no-repeat; background-size: 1920px auto; color: #FFF;}
.type1_dark .counter .counter_item {border: 1px solid #452679;}
.type1_dark .counter .counter_separator:before,
.type1_dark .counter .counter_separator:after {background: #FFF;}
.type1_dark .side {border: 1px solid #452679;}
.type1_dark .side a {color: #FFF;}
.type1_dark .side .phones svg,
.type1_dark .side .mails svg {fill: #FFF;}
.type1_dark .side .mail:before {background: #FFF;}
.type1_dark .side .socials a {border: 1px solid #452679;}
.type1_dark .side .socials svg {fill: #FFF;}
.type1_dark .side .socials a:hover {background: #FFF;}
.type1_dark .side .socials a:hover svg {fill: #36394c;}

.type1_dark ::selection {background: #FFF; color: #36394c;}
.type1_dark ::-moz-selection {background: #FFF; color: #36394c;}


/* ТИП 2 */


.type2 .main_layout {overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}

.type2 .block {width: 1100px; padding: 55px 0 0 0;}
.type2 .logo {font-size: 28px; font-weight: 500; margin: 0 0 85px; position: relative; left: -5px;}
.type2 .logo img {position: relative; top: 13px; margin: 0 5px 0 0;}
.type2 .logo i {display:none; font-style: normal;}

.type2 .back_img {position: absolute; left: 50%; top: 325px; width: 490px; margin: 0 0 0 180px;}

.type2 .title {font-size: 50px; font-weight: 700; line-height: 1.1; padding: 0 0 12px; position: relative; text-transform: uppercase; left: -3px; letter-spacing: 2.5px;}
.type2 .subtitle {font-size: 16px; line-height: 1.5; padding: 0 0 70px;}

.type2 .counter {position: relative; display: inline-block; vertical-align: top; margin: 0 0 90px;}
.type2 .counter .counter_wrap {position: relative; padding: 0 30px;}
.type2 .counter .counter_wrap:before {content:""; position: absolute; left: 0; top: 0; right:0; bottom:0; background: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0 10px 30px 5px rgba(0,0,0,0.05); z-index: 990;}
.type2 .counter .counter_title {position: relative; padding: 0 0 22px; z-index: 991;}
.type2 .counter .counter_item {display: inline-block; vertical-align: top; position: relative; width: 120px; height: 150px; text-align: center; box-sizing: border-box; z-index: 991;}
.type2 .counter .counter_item span {font-size: 46px; line-height: 1.0; padding: 45px 0 16px; display: block;}
.type2 .counter .counter_item i {font-size: 10px; font-style: normal; letter-spacing: 1.5px; padding: 0 0 15px; display: block; text-transform: uppercase;}

.type2 .counter .counter_separator {height: 150px;}
.type2 .counter .counter_separator:before {margin-top: -20px;}
.type2 .counter .counter_separator:after {margin-bottom: -8px;}

.type2 .side {position: relative; box-sizing: border-box;}
.type2 .side .side_title {position: relative; margin: 0 0 25px; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 1px}
.type2 .side .phones {position: relative; display: inline-block; vertical-align: top;}
.type2 .side .phones svg {position: absolute; left: 0; top: -1px; width: 14px;}
.type2 .side .phones li {display: inline-block; vertical-align: top; margin: 0 36px 0 0; padding: 0 0 0 23px; position: relative;}
.type2 .side .mails {position: relative; display: inline-block; vertical-align: top;}
.type2 .side .mails svg {position: absolute; left: -25px; top: 2px; width: 16px;}
.type2 .side .mails li {display: inline-block; vertical-align: top; padding: 0; margin: 0 0 0 25px; position: relative;}

.type2 .side .socials {padding: 46px 0 0 0;}


.type2_light {background: #f3e9e3; color: #333;}
.type2_light .counter .counter_separator:before,
.type2_light .counter .counter_separator:after {background: #333;}
.type2_light .side a {color: #333;}
.type2_light .side .phones svg,
.type2_light .side .mails svg {fill: #333;}
.type2_light .side .mail:before {background: #333;}
.type2_light .side .socials a {border: 1px solid #cfc6c1;}
.type2_light .side .socials svg {fill: #333;}
.type2_light .side .socials a:hover {background: #333; border: 1px solid #333;}
.type2_light .side .socials a:hover svg {fill: #f3e9e3;}

.type2_light ::selection {background: #333; color: #f3e9e3;}
.type2_light ::-moz-selection {background: #333; color: #f3e9e3;}


.type2_dark {background: #262626; color: #FFF;}
.type2_dark .counter .counter_separator:before,
.type2_dark .counter .counter_separator:after {background: #333;}
.type2_dark .side a {color: #FFF;}
.type2_dark .side .phones svg,
.type2_dark .side .mails svg {fill: #FFF;}
.type2_dark .side .mail:before {background: #FFF;}
.type2_dark .side .socials a {border: 1px solid #202020;}
.type2_dark .side .socials svg {fill: #FFF;}
.type2_dark .side .socials a:hover {background: #FFF; border: 1px solid #262626;}
.type2_dark .side .socials a:hover svg {fill: #36394c;}

.type2_dark .counter .counter_item {color: #333;}

.type2_dark ::selection {background: #FFF; color: #262626;}
.type2_dark ::-moz-selection {background: #FFF; color: #262626;}


/* ТИП 3 */


.type3 .block {padding: 50px 0 0 0; text-align: center;}
.type3 .logo {font-size: 28px; font-weight: 500; margin: 0 0 45px; position: relative; min-height: 100px;}
.type3 .logo img {position: relative; top: 13px; margin: 0 0 16px;}
.type3 .logo span {display: block;}
.type3 .logo i {font-style: normal;}

.type3 .title {font-size: 50px; font-weight: 700; line-height: 1.1; padding: 0 0 12px; position: relative;}
.type3 .subtitle {font-size: 16px; line-height: 1.5; padding: 0 0 80px;}

.type3 .counter {position: relative; display: inline-block; vertical-align: top; margin: 0 0 80px;}
.type3 .counter .counter_wrap {position: relative; padding: 0 30px;}
.type3 .counter .counter_wrap:before {content:""; position: absolute; left: 0; top: 0; right:0; bottom:0; opacity: 0.5; z-index: 990;}
.type3 .counter .counter_title {position: relative; padding: 0 0 22px; z-index: 991;}
.type3 .counter .counter_item {display: inline-block; vertical-align: top; position: relative; width: 120px; height: 130px; text-align: center; box-sizing: border-box; z-index: 991;}
.type3 .counter .counter_item span {font-size: 46px; line-height: 1.0; padding: 0; display: block; font-weight: 700;}
.type3 .counter .counter_item i {font-size: 10px; font-style: normal; letter-spacing: 1.5px; padding: 32px 0 14px; display: block; text-transform: uppercase;}

.type3 .counter .counter_separator {height: 130px;}
.type3 .counter .counter_separator:before {margin-top: -1px;}
.type3 .counter .counter_separator:after {margin-bottom: -25px;}

.type3 .side {position: relative; box-sizing: border-box;}
.type3 .side .side_title {position: relative; margin: 0 0 25px; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 1px}
.type3 .side .phones {position: relative; display: inline-block; vertical-align: top;}
.type3 .side .phones svg {position: absolute; left: 0; top: -2px; width: 14px;}
.type3 .side .phones li {display: inline-block; vertical-align: top; margin: 0 20px; padding: 0 0 0 23px; position: relative;}
.type3 .side .mails {position: relative; display: inline-block; vertical-align: top;}
.type3 .side .mails svg {position: absolute; left: -25px; top: 2px; width: 16px;}
.type3 .side .mails li {display: inline-block; vertical-align: top; margin: 0 5px 0 45px; padding: 0; position: relative;}

.type3 .side .socials {padding: 55px 0 0 0;}


.type3_light {background: #FFF url('/bitrix/themes/.default/star.comingsoon/simple/images/back_3_light.jpg') 50% 0 no-repeat; background-size: cover; color: #000;}
.type3_light a {color: #000;}
.type3_light .counter .counter_wrap:before {background: #FFF;}
.type3_light .counter .counter_separator:before,
.type3_light .counter .counter_separator:after {background: #000;}
.type3_light .side .phones svg,
.type3_light .side .mails svg {fill: #000;}
.type3_light .side .mail:before {background: #000;}
.type3_light .side .socials a {border: 1px solid transparent;}
.type3_light .side .socials svg {fill: #000;}
.type3_light .side .socials a:hover {background: #000; border: 1px solid transparent;}
.type3_light .side .socials a:hover svg {fill: #FFF;}

.type3_light ::selection {background: #000; color: #FFF;}
.type3_light ::-moz-selection {background: #000; color: #FFF;}


.type3_dark {background: #060d13 url('/bitrix/themes/.default/star.comingsoon/simple/images/back_3_dark.jpg') 50% 0 no-repeat; background-size: cover; color: #FFF;}
.type3_dark a {color: #FFF;}
.type3_dark .counter .counter_wrap:before {background: #000;}
.type3_dark .counter .counter_separator:before,
.type3_dark .counter .counter_separator:after {background: #FFF;}
.type3_dark .side .phones svg,
.type3_dark .side .mails svg {fill: #FFF;}
.type3_dark .side .mail:before {background: #FFF;}
.type3_dark .side .socials a {border: 1px solid transparent;}
.type3_dark .side .socials svg {fill: #FFF;}
.type3_dark .side .socials a:hover {background: #000; border: 1px solid transparent;}
.type3_dark .side .socials a:hover svg {fill: #FFF;}

.type3_dark ::selection {background: #000; color: #FFF;}
.type3_dark ::-moz-selection {background: #000; color: #FFF;}