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

.back_img {position: absolute; left: 0; top: 0; width: 100%; bottom: 0; z-index: 1; overflow: hidden; overflow: hidden;}
.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;}

.bottom_socials {display: flex; justify-content: center; position: relative; text-align: center; height: 103px; align-items: center; align-content: center; background: #F5F5F5;}
.bottom_socials a {width: 44px; margin: 0 7px; position: relative;}

.main_layout {position: relative; overflow: hidden; background: #FFF;}


.popup_back {position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(31, 32, 36, 0.4); z-index: 990; cursor: pointer; display: none;}

.popup {position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 991; box-sizing: border-box; background: #FFF; border-radius: 7px; display: none; font-family: 'Rubik';}

.popup_thx {width: 420px;}
.popup_content {padding: 0 30px; height: 110px; display: flex; align-content: center; align-items: center;}
.popup_close {position: absolute; right: 10px; top: 10px; z-index: 3; cursor: pointer;}
.popup_title {position: relative; padding: 0 0 0 70px; font-weight: 500; font-size: 20px; line-height: 24px; color: #1F2024;}
.popup_title svg {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}


/* SLICK */


.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}

.slick-slide {display: none; float: left; height: 100%; min-height: 1px;} 
.slick-slide:focus {box-shadow: none; outline: none; border: 0;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: flex;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.slick-dots {width: 100%; display: flex; justify-content: center; padding: 42px 0 0 0;}
.slick-dots li {border: 2px solid #EF5817; margin: 0 5px; width: 15px; height: 15px; background: #FFF; transition: 0.2s; border-radius: 50%; cursor: pointer;}
.slick-dots button {width: 100%; height: 100%; background: transparent; font-size: 0; border: 0; padding: 0; margin: 0;}
.slick-dots li.slick-active {background: #EF5817;}

.custom_slarrow {position: absolute; top: 0; width: 48px; height: 48px; transition: 0.2s; z-index: 3; cursor: pointer; overflow: hidden;}
.custom_slarrow svg {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.custom_prev {left: 0;}
.custom_next svg {transform: scaleX(-1);} 
.custom_next {right: 0;}


#multimedia_form {display: none;}


.container {position: relative;}


form {position: relative; font-family: 'Rubik';}

.field_wrap {position: relative; margin: 0 0 10px; width: calc((100% - 10px)/2);}
.field_label {font-size: 14px; line-height: 17px; color: #999; position: absolute; left: 10px; top: 16px; z-index: 2; pointer-events: none; transition: 0.2s;}
.field_label span {color: #E75225;}
.form_field {position: relative; box-sizing: border-box; font-size: 14px; padding: 8px 10px 0; width: 100%; height: 50px; background: #FFF; border: 1px solid #E6E6E6; border-radius: 4px; transition: 0.2s;}
.form_field.error {border-color: #E75225;} 
.form_submit {width: 100%; border: 0; height: 50px; background: #FCBE00; border-radius: 7px; font-weight: 500; font-size: 16px; text-transform: uppercase; color: #000; transition: 0.2s;}
.form_submit:hover {background: #FF4500; cursor: pointer;}
.form_message {padding: 20px 0 0 0; text-align: center; font-size: 14px; line-height: 1.5; color: #000; display: none;}
.form_message.error {color: #E75225;}
.form_error {display: none; position: absolute; top: 100%; right: 0; margin-top: 30px; padding: 20px 56px 10px 10px; box-sizing: border-box; font-size: 14px; line-height: 17px; color: #FFF; z-index: 6; background: #E75225; border-radius: 7px; font-family: 'Rubik'; font-weight: 300;}
.form_error svg {cursor: pointer; position: absolute; right: 10px; top: 10px; z-index: 2;}


.field_select {cursor: pointer;}
.field_select svg {position: absolute; right: 10px; top: 23px; transition: 0.2s; z-index: 2; pointer-events: none;}
.field_select__list {position: absolute; left: 0; top: 100%; min-width: 100%; padding: 10px; font-size: 14px; box-sizing: border-box; transition: 0.2s; display: none; background: #FFF; border: 1px solid #E6E6E6; border-top: 0;}
.field_select__list li {position: relative; transition: 0.2s;}
.field_select__list li:hover {color: #FCBE00; cursor: pointer;}
.field_select.active {z-index: 5;}
.field_select.active svg {transform: scaleY(-1); top: 22px;}
.field_select.active .field_select__list {display: block;}

.field_wrap.active .field_label,
.field_wrap.valid .field_label,
.field_wrap.filled .field_label {left: 11px; top: 2px; font-size: 10px;}


.orangebox {color: #000; margin: 30px 0; position: relative; display: flex; flex-flow: row wrap; border-radius: 6px;}
.orangebox_item {position: relative; padding: 25px; box-sizing: border-box; flex: 1; min-width: 200px; border: 2px solid #ef5817; border-right: 0;}
.orangebox_item:nth-child(1) {border-radius: 6px 0 0 6px;}
.orangebox_item:nth-child(3) {border: 2px solid #ef5817; border-radius: 0 6px 6px 0;}
.orangebox_item__title {margin: 0 0 10px; font-size: 24px; line-height: 24px; font-weight: bold;}
.orangebox_item p {margin: 0 0 20px; padding: 0; font-size: 14px; line-height: 24px;}
.orangebox_item p:last-of-type {margin: 0;}


.title_yelbor {position: relative; font-size: 37px; line-height: 44px; padding: 0 0 18px; border-bottom: 1px solid #E5E5E5; font-weight: 500; font-family: 'Rubik';}
.title_yelbor span {position: relative;}
.title_yelbor span:before {content:""; position: absolute; left: 0; right: 0; bottom: -20px; height: 2px; background: #FCBE00;}


.case {position: relative; font-family: 'Rubik'; padding: 50px 0;}
.case .title_yelbor {margin: 0 0 40px;}
.case .case_content {position: relative; font-size: 16px; line-height: 150%; color: #1F2024;}
.case .case_content div {margin: 0 0 57px;}
.case .case_content div:after {content:""; clear: both; display: block; position: relative;}
.case .case_content h3 {font-weight: 500; font-size: 24px; line-height: 28px; margin: 0 0 16px; padding: 0;}
.case .case_content p {margin: 0; padding: 0 0 20px;}
.case .case_content ul {position: relative; margin: 0 0 50px;}
.case .case_content ul li {position: relative; padding: 0 0 0 22px; margin: 0;}
.case .case_content ul li:before {content:""; position: absolute; left: 7px; top: 10px; width: 4px; height: 4px; background: #000; border-radius: 50%;}
.case .case_content .case_img {float:right; margin: 0 0 30px 100px; width: 638px;}
.case .case_content .case_img .back_img {margin: 0;}
.case .case_content .case_img__xs .back_img {width: 420px;}


.newpage1_top {display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 0 110px; font-family: 'Rubik';}
.newpage1_left {width: calc((100% - 30px)/2); background: #F4F5F7; border-radius: 15px; position: relative; padding: 40px;}
.newpage1_left__title {margin: 0 0 50px; font-weight: 500; font-size: 36px; line-height: 43px; color: #1F2024;}
.newpage1_form {display: flex; flex-flow: row wrap; justify-content: space-between;}
.newpage1_right {width: calc((100% - 30px)/2); position: relative; border-radius: 15px; overflow: hidden;}


.newpage2 {display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 0 80px; font-family: 'Rubik';}
.newpage2_top {width: 100%; margin: 0 0 46px; border-bottom: 1px solid #E5E5E5;}
.newpage2_top span {padding: 0 0 18px; top: 2px; border-bottom: 2px solid #FCBE00; font-weight: 500; font-size: 30px; line-height: 36px; color: #1F2024; position: relative; display: inline-block; vertical-align: top;}
.newpage2_left {width: calc((100% - 30px)/2); position: relative;}
.newpage2_left p {margin: 0; padding: 0; font-size: 20px; line-height: 130%; color: #666;}
.newpage2_right {width: calc((100% - 30px)/2); position: relative; display: flex; flex-flow: row wrap; justify-content: space-between;}
.newpage2_right__item {width: calc((100% - 20px)/2); position: relative; box-sizing: border-box; padding: 0 0 0 80px; margin: 0 0 30px; min-height: 50px; display: flex; align-content: center; align-items: center;}
.newpage2_right__item p {margin: 0; padding: 0; font-weight: 500; font-size: 16px; line-height: 22px; color: #1F2024;}
.newpage2_right__item img {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}


.newpage3 {display: flex; flex-flow: row wrap; justify-content: space-between; padding: 40px; background: #F4F5F7; border-radius: 15px; margin: 0 0 110px; font-family: 'Rubik';}
.newpage3_left {width: calc((100% - 30px)/2); position: relative; font-weight: 500; font-size: 30px; line-height: 36px; color: #1F2024;}
.newpage3_right {width: calc((100% - 30px)/2); position: relative;}
.newpage3_right form {max-width: 610px;}


.newpage4 {position: relative; margin: 50px 0 130px; padding: 0 472px 0 0; border: 1px solid #E5E5E5; color: #1F2024; font-family: 'Rubik';}
.newpage4_content {position: relative; height: 357px; padding: 0 60px; box-sizing: border-box; display: flex; align-content: center; align-items: center; flex-flow: row wrap;}
.newpage4_title {margin: 0 0 25px; font-weight: 400; font-size: 40px; line-height: 47px; text-transform: uppercase; width: 100%;}
.newpage4_content p {margin: 0; padding: 0; font-weight: 400; font-size: 24px; line-height: 130%;}
.newpage4_img {width: 472px; position: absolute; top: 0; right: 0; bottom: 0;}


.newpage5 {padding: 0 0 35px; position: relative; font-family: 'Rubik';}
.newpage5 .container {position: relative; z-index: 2;}
.newpage5:before {content:""; position: absolute; left: 0; top: 0; right: 0; height: 100px; z-index: 2; background: rgb(255,255,255); background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,244,1) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,244,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,244,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f4',GradientType=0 );}
.newpage5:after {content:""; position: absolute; left: 0; bottom: -45px; right: 0; height: 170px; z-index: 2; transform: scaleY(-1); background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);}
.newpage5_back {position: absolute; left: 0; right: 0; top: 45px; bottom: -45px; z-index: 1;}
.newpage5 .title_yelbor {margin: 0 0 54px; position: relative; z-index: 3;}
.newpage5_nav {position: relative; margin: 0 0 55px; text-align: center; display: flex; justify-content: center; z-index: 3;}
.newpage5_navitem {position: relative; padding: 19px 45px; font-weight: 500; font-size: 16px; line-height: 19px; text-transform: uppercase; color: #000; border: 1px solid #E5E5E5; transition: 0.2s;}
.newpage5_navitem:hover {cursor: pointer;}
.newpage5_navitem.active {background: #FCBE00; border-color: #FCBE00;}
.newpage5_out {margin: 0 auto; position: relative; display: none;}
.newpage5_img {position: relative; width: 100%; border: 0; padding: 0; margin: 0; z-index: 1; border-radius: 10px; overflow: hidden;}
.newpage5_content {position: absolute; left: 0; top: 0; display: flex; flex-flow: row wrap; width: 100%; justify-content: center; z-index: 2; box-sizing: border-box; border: 2px solid #EF5817; border-radius: 10px; overflow: hidden;}
.newpage5_item {position: relative; overflow: hidden; cursor: pointer;}
.newpage5_item:before {content:""; position: absolute; left: 50%; top: 50%; z-index: 4; transform: translate(-50%,-50%); width: 24px; height: 24px; background: url('/img/newpage5icon.svg') 0 0 no-repeat; background-size: 100% 100%; transition: 0.2s;}
.newpage5_itembox {position: relative;}
.newpage5_itembox:before {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #FFF; opacity: 0.9; z-index: 2;}
.newpage5_line {background: #EF5817; position: absolute; z-index: 6; pointer-events: none;}
.newpage5_selection {display: none; position: absolute; right: 0; bottom: 0; background: #FFF; padding: 15px 25px; color: #000; z-index: 2; font-weight: 600; font-size: 14px; line-height: 17px;}
.newpage5_selection br {display: none;}

.newpage5_frame {position: relative; height: 16.77vw; margin: 0 auto; z-index: 3; cursor: pointer; transition: 0.2s;}
.newpage5_frame .back_img {opacity: 0.1; transition: 0.2s; left: 0; width: 100%;}
.newpage5_frame .back_img img,
.newpage5_frame .back_img source {object-fit: contain; object-position: 50% 0;}
.newpage5_frame .newpage5_item__icon {position: absolute; left: 50%; top: 50%; margin-top: -30px; transform: translate(-50%,-50%); z-index: 2; width: 24px; height: 24px;}
.newpage5_frame .newpage5_item__icon svg {position: absolute; left: 0; top: 0; width: 100%;}
.newpage5_frame .newpage5_item__icon1 {opacity: 0;}
.newpage5_frame .newpage5_item__icon2 {opacity: 1;}

.newpage5_frame.active .back_img {opacity: 1;}
.newpage5_frame.active .newpage5_item__icon1 {opacity: 1;}
.newpage5_frame.active .newpage5_item__icon2 {opacity: 0;}

.newpage5_out1 {width: 58.85vw;}  
.newpage5_out1 .newpage5_item {width: 33.33%;}
.newpage5_out1 .newpage5_itembox {padding: 0 0 56%;}
.newpage5_out1 .newpage5_line1,
.newpage5_out1 .newpage5_line2 {top: 0; height: 100%; width: 2px; margin-left: -1px;}
.newpage5_out1 .newpage5_line1 {left: 33.33%;}
.newpage5_out1 .newpage5_line2 {left: 66.66%;}
.newpage5_out1 .newpage5_line3,
.newpage5_out1 .newpage5_line4 {left: 0; width: 100%; height: 2px; margin-top: -1px;}
.newpage5_out1 .newpage5_line3 {top: 33.33%;}
.newpage5_out1 .newpage5_line4 {top: 66.66%;}

.newpage5_out2 {width: 55.31vw;}  
.newpage5_out2 .newpage5_item {width: 25%;}
.newpage5_out2 .newpage5_itembox {padding: 0 0 177.8%;}
.newpage5_out2 .newpage5_line1,
.newpage5_out2 .newpage5_line2,
.newpage5_out2 .newpage5_line3  {top: 0; height: 100%; width: 2px; margin-left: -1px;}
.newpage5_out2 .newpage5_line1 {left: 25%;}
.newpage5_out2 .newpage5_line2 {left: 50%;}
.newpage5_out2 .newpage5_line3 {left: 75%;}
.newpage5_out2 .newpage5_line4 {top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px;}

.newpage5_item .newpage5_selection {display: block; z-index: 6;} 
.newpage5_item.active:before {display: none;}
.newpage5_item.active .newpage5_itembox:before {opacity: 0;}


.newpage6 {margin: 0 0 130px; font-family: 'Rubik'; z-index: 4; position: relative;}
.newpage6 h2 {margin: 0 0 40px; font-weight: 500; font-size: 24px; line-height: 28px;}
.newpage6_items {display: flex; margin: 0 -3px; flex-flow: row wrap; justify-content: space-between;}

.newpage6_sliderwrap {position: relative; margin: 0 -10px 73px;}
.newpage6_sliderwrap .custom_slarrows {position: absolute; right: 10px; top: -68px;}
.newpage6_sliderwrap .custom_slarrow {width: 48px; height: 48px; position: absolute; top: 0; right: 0;}
.newpage6_sliderwrap .custom_prev {right: 68px;}
.newpage6_sliderwrap .custom_next {transform: scaleX(-1);}

.newpage6_sliderwrap.cols4.total1 .slick-dots,
.newpage6_sliderwrap.cols4.total2 .slick-dots,
.newpage6_sliderwrap.cols4.total3 .slick-dots,
.newpage6_sliderwrap.cols4.total4 .slick-dots,
.newpage6_sliderwrap.cols5.total1 .slick-dots,
.newpage6_sliderwrap.cols5.total2 .slick-dots,
.newpage6_sliderwrap.cols5.total3 .slick-dots,
.newpage6_sliderwrap.cols5.total4 .slick-dots,
.newpage6_sliderwrap.cols5.total5 .slick-dots {display: none;}

.newpage6_slide {padding: 0 10px 0 0; position: relative;}

.newpage6_item {position: relative; box-sizing: border-box; border: 2px solid #EF5817; border-radius: 7px; background: #F6F6F6; cursor: pointer; transition: 0.2s;}
.newpage6_item__img {position: relative; padding: 0 0 67.623%; border-radius: 7px; overflow: hidden; transition: 0.2s;}
.newpage6_item__img .back_img {opacity: 0.2; transition: 0.2s;}
.newpage6_item__icon {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; width: 24px; height: 24px;}
.newpage6_item__icon svg {position: absolute; left: 0; top: 0; width: 100%;}
.newpage6_item__icon1 {opacity: 0;}
.newpage6_item__icon2 {opacity: 1;} 
.newpage6_item span {padding: 15px; font-weight: 400; font-size: 14px; line-height: 17px; color: #666; display: block;}

.newpage6_item.active .newpage6_item__icon1 {opacity: 1;}
.newpage6_item.active .newpage6_item__icon2 {opacity: 0;}
.newpage6_item.active .newpage6_item__img .back_img {opacity: 1;}
 


.newpage7 {margin: 0 0 130px; font-family: 'Rubik';}
.newpage7 .title_yelbor {margin: 0 0 30px;}
.newpage7 table {margin: 0 0 110px; border-collapse: collapse; color: #1F2024; font-size: 24px; line-height: 28px;}
.newpage7 th {font-weight: 500; padding: 20px 70px 20px 0;}
.newpage7 td {padding: 20px 70px 20px 0; white-space: nowrap;}
.newpage7 td:first-of-type {padding-right: 64px; font-weight: 500;}
.newpage7_cost {margin: 0 0 30px; font-weight: 500; font-size: 37px; line-height: 44px; color: #1F2024;}
.newpage7_cost strong {white-space: nowrap;}
.newpage7_button {height: 57px; width: 360px; background: #FCBE00; border-radius: 7px; font-weight: 500; font-size: 16px; text-transform: uppercase; color: #000;}


.newpage8 {margin: 0 0 130px; font-family: 'Rubik';}
.newpage8 .title_yelbor {margin: 0 0 54px;}
.newpage8_item {position: relative; margin: 0 0 130px; padding: 0 472px 0 0; border: 1px solid #E5E5E5; color: #1F2024; font-family: 'Rubik';}
.newpage8_content {position: relative; height: 357px; padding: 0 60px; box-sizing: border-box; display: flex; align-content: center; align-items: center; flex-flow: row wrap;}
.newpage8_title {margin: 0 0 25px; font-weight: 400; font-size: 40px; line-height: 47px; text-transform: uppercase; width: 100%;}
.newpage8_content p {margin: 0; padding: 0; font-weight: 400; font-size: 24px; line-height: 130%;}
.newpage8_img {width: 472px; position: absolute; top: 0; right: 0; bottom: 0;}


.newpage9 {margin: 0 0 105px; font-family: 'Rubik';}
.newpage9_top {display: flex; flex-flow: row wrap; justify-content: space-between;}

.newpage9_left {width: calc((100% - 30px)/2); padding: 40px 40px 1px; box-sizing: border-box; position: relative; border-radius: 15px; background: #F4F5F7;}
.newpage9_title {margin: 0 0 30px; font-weight: 500; font-size: 36px; line-height: 43px; color: #1F2024;}
.newpage9_subtitle {font-size: 20px; line-height: 130%; color: #666; margin: 0 0 77px;}
.newpage9_img {width: calc((100% - 30px)/2); position: relative; border-radius: 15px; overflow: hidden;}

.newpage9_list {display: flex; flex-flow: row wrap; justify-content: space-between; position: relative;}
.newpage9_list li {position: relative; padding: 0 0 0 80px; margin: 0 0 40px; min-height: 50px; font-size: 16px; line-height: 22px; color: #1F2024; display: flex; flex-flow: row wrap; align-content: center; align-items: center;}
.newpage9_list li:nth-child(1),
.newpage9_list li:nth-child(2) {width: 50%; box-sizing: border-box; padding-right: 10px;}
.newpage9_list img {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.newpage9_list span {display: block; width: 100%;}
.newpage9_list strong {font-weight: 500; width: 100%;}


.newpage10 {margin: 0 0 105px; font-family: 'Rubik';}
.newpage10 .title_yelbor {margin: 0 0 45px;}
.newpage10 .newpage10_form {position: relative; padding: 0 230px 0 0; display: flex; flex-flow: row wrap; justify-content: space-between;}
.newpage10 .field_wrap {width: calc((100% - 10px * 6)/7); margin: 0;}
.newpage10 .form_submit {position: absolute; right: 0; top: 0; width: 220px; font-weight: 500; font-size: 14px;}


.newpage11 {margin: 0 0 112px; font-family: 'Rubik';}
.newpage11 .title_yelbor {margin: 0 0 46px;}
.newpage11 .newpage11_cols {display: flex; flex-flow: row wrap; justify-content: space-between; position: relative;}
.newpage11 .newpage11_col {width: calc((100% - 20px)/2); position: relative; font-size: 20px; line-height: 130%; color: #666;}


.newpage12 {margin: 0 0 105px; font-family: 'Rubik'; z-index: 4; position: relative;}
.newpage12:before {content:""; position: absolute; left: -1000px; right: -1000px; top: 0; bottom: 0; z-index: 1; background: #FFF;}
.newpage12 .title_yelbor {margin: 0 0 55px; z-index: 2;}
.newpage12_list {position: relative; display: flex; flex-flow: row wrap; justify-content: space-between; z-index: 2;}
.newpage12_list:before {content:""; position: absolute; left: 50%; margin: 0 0 0 -60px; top: 0; bottom: 18px; width: 2px; background: #E5E5E5;}
.newpage12_list li {width: calc((100% - 120px)/2); margin: 0 0 25px; font-size: 24px; line-height: 28px; color: #1F2024; position: relative; box-sizing: border-box;}
.newpage12_list strong {font-weight: 500;}


.lcd_container {position: relative; padding: 0 0 190px; font-family: 'Rubik';}
.lcd_container:before {content:""; position: absolute; left: 0; top: -120px; right: 0; height: 300px; z-index: 2; background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 60%, rgba(255, 255, 255, 0) 100%);}
.lcd_container:after {content:""; position: absolute; left: 0; bottom: -35px; right: 0; height: 120px; z-index: 2; transform: scaleY(-1); background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);}
.lcd_container__back {position: absolute; top: -200px; left: 0; right: 0; bottom: -35px; z-index: 1; background-size: 1920px auto; background-repeat: no-repeat; background-position: 50% 100%;}
.lcd_container .lcd_block {width: 1203px; margin: 0 auto; display: flex; justify-content: flex-end; position: relative; z-index: 4;}

.lcd_box {position: relative; padding: 0 0 66.085%; width: 100%; margin: 0; z-index: 3;}
.lcd_box .back_img {bottom: 0; top: auto; border-radius: 7px; overflow: hidden;}
.lcd_box .back_img picture {height: 795px; position: absolute; left: 0; bottom: 0; width: 100%;}
.lcd_box .back_img img,
.lcd_box .back_img source {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; object-position: 0 0;}

.lcd_line {position: absolute; background: #FF4500;} 
.lcd_line:before,
.lcd_line:after {content:""; position: absolute; width: 10px; height: 10px; border-top: 2px solid #FF4500; border-left: 2px solid #FF4500;}

.lcd_height {position: absolute; right: 100%; margin-right: 23px; bottom: 0; width: 2px; height: 310px;}
.lcd_height .lcd_measure {position: absolute; top: 50%; right: 12px; text-align: right; font-weight: 500; font-size: 24px; line-height: 28px; color: #1F2024; transform: translateY(-50%);}
.lcd_height .lcd_line {right: 0; bottom: 0; height: 100%; width: 2px;}
.lcd_height .lcd_line:before {right: -4px; top: 0; transform: rotate(45deg);} 
.lcd_height .lcd_line:after {right: -4px; bottom: 0; transform: rotate(-135deg);} 

.lcd_width {position: absolute; left: 0; top: 100%; margin-top: 23px; width: 514px; height: 2px;}
.lcd_width .lcd_measure {position: absolute; left: 50%; top: 12px; text-align: center; font-weight: 500; font-size: 24px; line-height: 28px; color: #1F2024; transform: translateX(-50%);}
.lcd_width .lcd_line {right: 0; bottom: 0; width: 100%; height: 2px;}
.lcd_width .lcd_line:before {left: 0; top: -4px; width: 10px; height: 10px; border-top: 2px solid #FF4500; border-left: 2px solid #FF4500; transform: rotate(-45deg);} 
.lcd_width .lcd_line:after {right: 0; bottom: -4px; width: 10px; height: 10px; border-top: 2px solid #FF4500; border-left: 2px solid #FF4500; transform: rotate(135deg);} 

.lcd_item {position: absolute; left: 0; cursor: pointer; bottom: 0; border: 2px solid #DBDBDB; border-radius: 7px; box-sizing: border-box; z-index: 3; transition: 0.2s;}
.lcd_item.active {border-color: #FF4500;}
.lcd_item span {position: absolute; right: 20px; top: 20px; pointer-events: none; font-weight: 500; font-size: 24px; line-height: 28px; z-index: 5; color: #1F2024;}
.lcd_item__hint {position: absolute; left: 100%; transform: translateX(-13.2%); white-space: nowrap; display: none; padding: 20px; background: #F6F6F6; border-radius: 7px; top: 50%; z-index: 6; pointer-events: none; font-size: 14px; line-height: 17px; color: #666;}

.lcd_item:hover {border-color: #FF4500;}
.lcd_item:hover .lcd_item__hint {display: block;}
 
.lcd_item8 .lcd_item__hint {left: auto; right: 30px; transform: none;}


.lcd_item1 {width: 29.84206151%; height: 25.91194969%; z-index: 17;}
.lcd_item2 {width: 36.24272652%; height: 32.45283019%; z-index: 16;}
.lcd_item3 {width: 42.72651704%; height: 38.49056604%; z-index: 15;}
.lcd_item4 {width: 51.12219451%; height: 48.55345912%; z-index: 14;}
.lcd_item5 {width: 59.26849543%; height: 61.3836478%;  z-index: 13;}
.lcd_item6 {width: 72.23607648%; height: 73.96226415%; z-index: 12;}
.lcd_item7 {width: 85.120532%; 	 height: 87.04402516%; z-index: 11;}
.lcd_item8 {width: 100%; height: 100%; z-index: 10;}

.lcd_container.screen1 .lcd_item1,
.lcd_container.screen2 .lcd_item1,
.lcd_container.screen2 .lcd_item2,
.lcd_container.screen3 .lcd_item1,
.lcd_container.screen3 .lcd_item2,
.lcd_container.screen3 .lcd_item3,
.lcd_container.screen4 .lcd_item1,
.lcd_container.screen4 .lcd_item2,
.lcd_container.screen4 .lcd_item3,
.lcd_container.screen4 .lcd_item4,
.lcd_container.screen5 .lcd_item1,
.lcd_container.screen5 .lcd_item2,
.lcd_container.screen5 .lcd_item3,
.lcd_container.screen5 .lcd_item4,
.lcd_container.screen5 .lcd_item5,
.lcd_container.screen6 .lcd_item1,
.lcd_container.screen6 .lcd_item2,
.lcd_container.screen6 .lcd_item3,
.lcd_container.screen6 .lcd_item4,
.lcd_container.screen6 .lcd_item5,
.lcd_container.screen6 .lcd_item6,
.lcd_container.screen7 .lcd_item1,
.lcd_container.screen7 .lcd_item2,
.lcd_container.screen7 .lcd_item3,
.lcd_container.screen7 .lcd_item4,
.lcd_container.screen7 .lcd_item5,
.lcd_container.screen7 .lcd_item6,
.lcd_container.screen7 .lcd_item7,
.lcd_container.screen8 .lcd_item1,
.lcd_container.screen8 .lcd_item2,
.lcd_container.screen8 .lcd_item3,
.lcd_container.screen8 .lcd_item4,
.lcd_container.screen8 .lcd_item5,
.lcd_container.screen8 .lcd_item6,
.lcd_container.screen8 .lcd_item7,
.lcd_container.screen8 .lcd_item8 {border-color: #FF4500;}

.lcd_container.screen1 .back_img {width: 29.84206151%; height: 25.91194969%;}
.lcd_container.screen2 .back_img {width: 36.24272652%; height: 32.45283019%;}
.lcd_container.screen3 .back_img {width: 42.72651704%; height: 38.49056604%;}
.lcd_container.screen4 .back_img {width: 51.12219451%; height: 48.55345912%;}
.lcd_container.screen5 .back_img {width: 59.26849543%; height: 61.3836478%;}
.lcd_container.screen6 .back_img {width: 72.23607648%; height: 73.96226415%;}
.lcd_container.screen7 .back_img {width: 85.120532%; height: 87.04402516%;}
.lcd_container.screen8 .back_img {width: 100%; height: 100%;}

.lcd_container.screen1 .lcd_height {height: 25.91194969%;}
.lcd_container.screen2 .lcd_height {height: 32.45283019%;}
.lcd_container.screen3 .lcd_height {height: 38.49056604%;}
.lcd_container.screen4 .lcd_height {height: 48.55345912%;}
.lcd_container.screen5 .lcd_height {height: 61.3836478%;}
.lcd_container.screen6 .lcd_height {height: 73.96226415%;}
.lcd_container.screen7 .lcd_height {height: 87.04402516%;}
.lcd_container.screen8 .lcd_height {height: 100%;}

.lcd_container.screen1 .lcd_width {width: calc(29.84206151%);}
.lcd_container.screen2 .lcd_width {width: calc(36.24272652%);}
.lcd_container.screen3 .lcd_width {width: calc(42.72651704%);}
.lcd_container.screen4 .lcd_width {width: calc(51.12219451%);}
.lcd_container.screen5 .lcd_width {width: calc(59.26849543%);}
.lcd_container.screen6 .lcd_width {width: calc(72.23607648%);}
.lcd_container.screen7 .lcd_width {width: calc(85.120532%);}
.lcd_container.screen8 .lcd_width {width: calc(100%);} 


.lcd_container.interactive .lcd_item {right: 0; left: auto;}
.lcd_container.interactive .lcd_width {left: auto; right: 0;}
.lcd_container.interactive .lcd_height {right: auto; left: 100%; margin-right: auto; margin-left: 23px;}
.lcd_container.interactive .lcd_height .lcd_measure {right: auto; left: 12px; text-align: left;}
.lcd_container.interactive .lcd_box .back_img {left: auto; right: 0;}
.lcd_container.interactive .lcd_item__hint {left: auto; right: 100%; transform: translateX(13.2%);}
.lcd_container.interactive .lcd_item8 .lcd_item__hint {right: auto; left: 30px; transform: none;}
.lcd_container.interactive .lcd_item span {left: 20px; right: auto;}
.lcd_container.interactive .lcd_box .back_img img,
.lcd_container.interactive .lcd_box .back_img source {object-position: 100% 0;}


.newpage13 {margin: 0 0 130px; font-family: 'Rubik'; color: #1F2024; z-index: 3; position: relative;}
.newpage13 .title_yelbor {margin: 0 0 55px;}
.newpage13_for__title {margin: 0 0 15px; font-weight: 500; font-size: 24px; line-height: 28px;}
.newpage13_for__text {font-size: 16px; line-height: 150%;}


.newpage14 {margin: 0 0 105px; font-family: 'Rubik'; color: #1F2024;}
.newpage14 .title_yelbor {margin: 0 0 55px;}
.newpage14_list {position: relative; display: flex; flex-flow: row wrap; justify-content: space-between;}
.newpage14_list li {width: calc((100% - 120px)/2); position: relative; padding: 25px 0; font-size: 24px; line-height: 28px; border-top: 2px solid #E5E5E5;}
.newpage14_list li:nth-child(1),
.newpage14_list li:nth-child(2) {border-top: 0;}
.newpage14_list strong {font-weight: 500;}


.newpage15 {margin: 0 0 130px; font-family: 'Rubik'; color: #1F2024;}
.newpage15 .title_yelbor {margin: 0 0 50px;}
.newpage15_text {margin: 0 0 50px;}
.newpage15_text p {margin: 0 0 25px; padding: 0; font-size: 16px; line-height: 150%;}
.newpage15_text p:last-of-type {margin: 0;}
.newpage15 h2 {margin: 0 0 28px; font-weight: 500; font-size: 25px; line-height: 30px;}
.newpage15_list li {margin: 0 0 12px; position: relative; padding: 0 0 0 15px; font-size: 16px; line-height: 150%;}
.newpage15_list li:before {content:""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: #1F2024;}
.newpage15_list li:last-of-type {margin: 0;}


.newpage16 {margin: 0 0 130px; font-family: 'Rubik'; color: #1F2024;}
.newpage16 .title_yelbor {margin: 0 0 55px;}
.newpage16_cols {position: relative; display: flex; flex-flow: row wrap; justify-content: space-between;}
.newpage16_cols:before {content:""; position: absolute; left: 50%; margin: 0 0 0 -60px; top: 0; bottom: 18px; width: 2px; background: #E5E5E5;}
.newpage16_col {width: calc((100% - 120px)/2); position: relative; font-size: 24px; line-height: 28px;}
.newpage16_col li {margin: 0 0 25px;}
.newpage16_col li:last-of-type {margin: 0;}


.newpage17 {margin: 0 0 130px; font-family: 'Rubik'; color: #1F2024;}
.newpage17_title {margin: 0 0 40px;}
.newpage17_subtitle {margin: 0 0 80px; padding-right: 320px; font-size: 24px; line-height: normal; position: relative;}
.newpage17_button {position: absolute; right: 0; top: 0; height: 57px; width: 300px; background: #FCBE00; border-radius: 7px; font-weight: 500; font-size: 16px; text-transform: uppercase; color: #000;} 
.newpage17_description {margin: 0 0 80px; max-width: 790px; font-size: 24px; line-height: normal; position: relative;}

.vis_box {position: relative; margin: 0 0 80px;}
.vis_box .back_img {border-radius: 7px; overflow: hidden; position: relative; z-index: 1;}
.vis_marker {position: absolute; z-index: 2;}
.vis_marker__index {position: relative; width: 55px; height: 55px; background: #FF4500; cursor: pointer; color: #FFF; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; border-radius: 50%; transition: 0.2s; display: flex; align-items: center; align-content: center; text-align: center; justify-content: center; box-sizing: border-box;}
.vis_marker__bubble {position: absolute; left: 100%; top: 0; margin-left: 5px; width: 375px; box-sizing: border-box; padding: 20px 20px; border-radius: 7px; background: #F6F6F6; display: none;}
.vis_marker__bubble p {margin: 0; padding: 0 0 10px; color: #666; font-size: 14px; font-weight: 400; line-height: normal;}
.vis_marker__bubble p:last-of-type {padding: 0;}
.vis_marker__title {font-size: 16px; margin: 0 0 10px;}
.vis_marker__close {display: none;}

.vis_marker.right .vis_marker__bubble {left: auto; right: 100%; margin: 0 5px 0 0;}

.vis_marker:hover {z-index: 3;}
.vis_marker:hover .vis_marker__index {background: #FFF; color: #FF4500;}
.vis_marker:hover .vis_marker__bubble {display: block;}

.vis_tabletitle {margin: 0 0 55px;}
.vis_table {margin: 0 0 130px; width: 100%; border-collapse: collapse; color: #1F2024; font-size: 24px; line-height: normal;}
.vis_table th {font-weight: 500; padding: 0 0 5px 0; color: #FF4500;}
.vis_table td {padding: 35px 70px 35px 0; vertical-align: top; border-bottom: 2px solid #E5E5E5;}
.vis_table td img {max-width: 243px;}
.vis_table td:first-of-type {font-weight: 500;}
.vis_table td:nth-child(3) {white-space: nowrap;}
.vis_table td:last-of-type {padding-right: 0; width: 570px;}
.vis_table .mob_title {display: none;}

.vis_table.no_images td:nth-child(2) {white-space: nowrap;}
.vis_table.no_images td:nth-child(3) {white-space: normal;}
.vis_table.no_images td:last-of-type {width: auto;}

.vis_price {margin: 0 0 30px; font-weight: 500; font-size: 37px; line-height: 44px; color: #1F2024;}
.vis_price strong {white-space: nowrap;}
.vis_price em {color: #666; font-size: 14px; font-weight: 400; line-height: normal; margin-left: 8px;}
.vis_button {height: 57px; width: 360px; background: #FCBE00; border-radius: 7px; font-weight: 500; font-size: 16px; text-transform: uppercase; color: #000;}



.new_button {display: inline-block; vertical-align: top; height: 60px; color: #000; font-family: Rubik; font-size: 16px; font-weight: 500; text-transform: uppercase; border-radius: 7px; transition: 0.2s;}
.new_button:hover {cursor: pointer;}

.new_button_orange {background: #FCBE00; color: #000;}
.new_button_orange:hover {background: #c59500;}

.new_button_orangetr {background: transparent; border: 2px solid #FCBE00; color: #000;}
.new_button_orangetr:hover {background: #c59500; border: 2px solid #c59500; color: #000;}


.newpage18 {position: relative; font-family: 'Rubik'; color: #000;}
.newpage18_content {position: relative; width: 1420px; margin: 0 auto; box-sizing: border-box; padding: 0 0 30px; display: flex; height: 800px; align-content: center; align-items: center; z-index: 2; flex-flow: row wrap;}
.newpage18_title {font-size: 44px; font-weight: 500; line-height: normal; margin: 0 0 40px;}
.newpage18_subtitle {font-size: 24px; line-height: normal; text-transform: uppercase; margin: 0 0 60px; width: 100%;}
.newpage18 .new_button {width: 352px;}
.newpage18 .new_button:first-of-type {margin: 0 40px 0 0;}


.newpage19 {position: relative; font-family: 'Rubik'; color: #000; padding: 60px 0;}
.newpage19_content {position: relative; width: 1420px; margin: 0 auto;}
.newpage19_items {display: flex; flex-flow: row wrap; justify-content: flex-start;}
.newpage19_item {position: relative; width: calc((100% - 30px * 3)/4); margin: 0 30px 0 0; box-sizing: border-box; padding: 10px 0 110px; text-align: center; color: #2C2C3A; border-radius: 12px; border: 2px solid #EF5817; background: #FFF;}
.newpage19_item:nth-child(4n) {margin-right: 0;}
.newpage19_item__img {position: relative; height: 240px; margin: 0 auto;}
.newpage19_item__img .back_img img,
.newpage19_item__img .back_img source {object-fit: contain;}
.newpage19_item__title {margin: 0 10px 12px; font-size: 32px; font-weight: 500; line-height: 1.2;}
.newpage19_item__text {position: relative; margin: 0 30px; font-size: 20px; line-height: 140%;}
.newpage19_item__button {position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); width: 280px;}


.newpage20 {position: relative; font-family: 'Rubik'; color: #000;}
.newpage20_content {position: relative; width: 1420px; margin: 0 auto; display: flex; height: 600px; align-content: center; align-items: center; z-index: 2; flex-flow: row wrap;}
.newpage20_title {font-size: 37px; font-weight: 500; line-height: 140%; margin: 0 0 28px;}
.newpage20_subtitle {font-size: 24px; line-height: 140%; text-transform: uppercase; width: 100%;}


.newpage21 {position: relative; padding: 0px 0 40px; font-family: 'Rubik'; color: #000;}
.newpage21_title {margin: 0 0 40px;}
.newpage21 .custom_slarrows {position: absolute; top: -102px; right: 30px; width: 116px; height: 48px;}
.newpage21 .newpage21_sliderwrap {position: relative; margin: 0 -30px 0 0; padding: 0 0 55px;}

.newpage21 .slide {padding: 0 30px 0 0;flex-direction: column;}
.newpage21 .slide .price {
    color: #333;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin: 10px 0;
}
.newpage21_slider .stock-btn button {
    width: 100%;
    color: #333;
    text-align: center;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding: 13.5px;
}

.newpage21 .newpage21_item {position: relative; color: #2C2C3A;}
.newpage21 .newpage21_item__img {position: relative; margin: 0 0 24px;}
.newpage21 .newpage21_item__title {
    color: #0068C9;
    font-family: Rubik;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.newpage21 .slide .slide-inner {
    background: white;
    padding: 11px 43px 30px;
}
.newpage22 {position: relative; padding: 140px 0 140px; font-family: 'Rubik'; color: #000;}
.newpage22_title {margin: 0 0 40px;}
.newpage22 .custom_slarrows {position: absolute; top: -102px; right: 100px; width: 116px; height: 48px;}
.newpage22 .newpage22_sliderwrap {position: relative; margin: 0 -100px 0 0; padding: 0 0 55px;}

.newpage22 .slide {padding: 0 100px 0 0;}
.newpage22 .slide img {width: 100%; display: block; margin: 0; padding: 0; border: 0;}



/* fix slider dots */
.slick-dots li {
    min-width: 15px;
    margin: 0 5px 10px;
}


@media screen and (max-width: 768px) {
    .newpage21 .slide .slide-inner {
        background: white;
        padding: 15px 24px 32px;
    }
    .newpage21 .slide {
        padding: 0 20px 0 0;
        flex-direction: column;
    }
    .newpage21 .newpage21_item__title {
        font-size: 16px !important;
        line-height: 23px;
    }
}

@media screen and (max-width: 500px) {
    .newpage21 .slide .slide-inner {
        background: white;
        padding: 9px 13px 26px;
    }
    .newpage21 .newpage21_item__img {
        margin: 0 0 9px!important;
    }
    .newpage21 .newpage21_item__title {
        color: #0068C9;
        font-family: Rubik;
        font-size: 13px !important;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
    }
}