.new-index { color: #000; } .new-index section, .new-index div.section { margin: 0; } .index-titles { text-align: center; font-size: 32px; line-height: 36px; font-weight: 700; text-transform: uppercase; } .main-about { height: 479px; background-position: 50% 0; background-repeat: no-repeat; color: #fff; padding-bottom: 17px; } .main-about > .container { height: 100%; } .main-about > .container > .row-flex { height: 100%; } .main-about > .container > .row-flex .row-flex { margin-left: 0; margin-right: 0; } .main-about__wrapp_title { padding-top: 99px; } .main-about__title { width: 100%; flex-basis: 0; flex-grow: 1; max-width: 100%; color: #fff; } .main-about__title span { display: block; text-transform: uppercase; font-size: 50px; line-height: 57px; font-weight: 700; } .main-about__title span:first-child { color: #ffd800; font-size: 74px; line-height: 57px; } .main-about__title span:last-child { font-size: 24px; line-height: 37px; letter-spacing: 2.4px; font-weight: 500; } .main-about__button a { margin: 0; background-color: #ffd800; background-image: none !important; width: 255px; max-width: 100%; padding: 0 10px; height: 48px; border-radius: 0; line-height: 50px; box-shadow: none !important; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; position: relative; } .main-about__button a:hover { transform: translateY(-3px); background-color: #ffd800; box-shadow: 0 10px 20px rgba(255, 255, 255, 0.35) !important; } .main-about__button a:hover:after { transform: scaleX(1.4) scaleY(1.6); opacity: 0; } .main-about__button a:active { transform: translateY(-1px); } .main-about__button a:after { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: -1; transition: 0.4s; background: #ffd800; opacity: 0.7; } .main-about__item { font-size: 13px; line-height: 17px; width: 100%; flex: 0 0 20%; max-width: 20%; position: relative; padding-left: 13px; padding-right: 5px; padding-bottom: 15px; cursor: default; transition: 0.15s; -webkit-transition: 0.15s; -moz-transition: 0.15s; -ms-transition: 0.15s; -o-transition: 0.15s; } .main-about__item:hover { transform: translateY(-15px); transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } .main-about__item:before { content: ""; position: absolute; left: 0; width: 1px; background: #ffffff; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); top: 4px; bottom: 1px; } .main-about__item span { font-weight: 700; color: #ffd800; display: block; } .second-about { background: #f6f6f6; padding-top: 15px; padding-bottom: 30px; } .second-about__item { padding-top: 15px; } .second-about__item a { display: block; width: 100%; position: relative; color: #fff; } .second-about__item a:hover:before { background: #fed800; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .second-about__item a:hover span { transform: translateY(-15px); } .second-about__item a:before { position: absolute; content: ""; background: #000; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .second-about__item a img { width: 100%; position: relative; z-index: 1; } .second-about__item a span { position: absolute; z-index: 3; left: 25px; right: 0; bottom: 13px; font-size: 14px; line-height: 21px; text-transform: uppercase; font-weight: 700; padding-right: 25px; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .second-about__item a span:before, .second-about__item a span:after { content: ""; position: absolute; background: #fff; height: 2px; width: 9px; right: 17px; } .second-about__item a span:before { transform: rotate(45deg); bottom: 15px; } .second-about__item a span:after { transform: rotate(-45deg); bottom: 9px; } .index-solution { padding-top: 74px; } .index-solution__title { margin-bottom: 3px; } .index-solution__col { margin-top: 30px; } .index-solution__item { display: inline-block; vertical-align: top; width: 540px; max-width: 100%; background: #f6f6f6; position: relative; height: 100%; overflow: hidden; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .index-solution__item:hover { box-shadow: 0px 4px 12px 0px rgb(196, 196, 196); } .index-solution__item:hover .index-solution__item_img img { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); transform: scale(1.1); } .index-solution__item:before { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 2px; background: rgb(0, 150, 215); background: -moz-linear-gradient(left, rgb(0, 150, 215) 0%, rgb(30, 178, 105) 100%); background: -webkit-linear-gradient(left, rgb(0, 150, 215) 0%, rgb(30, 178, 105) 100%); background: linear-gradient(to right, rgb(0, 150, 215) 0%, rgb(30, 178, 105) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0096d7", endColorstr="#1eb269",GradientType=1 ); } .index-solution__item_img { display: block; background: #fff; overflow: hidden; } .index-solution__item_img img { max-width: 100%; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .index-solution__item_text { padding: 24px 24px 23px 22px; } .index-solution__item_text a { font-size: 18px; line-height: 21px; font-weight: 700; color: #000; min-height: 66px; display: block; } .index-solution__item_text a:hover { text-decoration: underline; } .index-solution__item_text table { margin-top: 8px; width: 100%; } .index-solution__item_text table tr td { font-size: 15px; line-height: 21px; vertical-align: top; } .index-solution__item_text table tr td:first-child { font-weight: 700; color: #0096d6; width: 65px; padding-right: 5px; white-space: nowrap; } .index-solution__more { margin-top: 40px; } .animation-hover { text-transform: uppercase; margin: 0; background-color: #ffd800; width: 255px; max-width: 100%; padding: 0 10px; height: 48px; border-radius: 0; line-height: 50px; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; position: relative; display: block; text-align: center; font-weight: bold; color: #000 !important; box-shadow: 0px 8px 20px 0px rgba(139, 139, 138, 0.2); text-decoration: none !important; } .animation-hover:hover { transform: translateY(-3px); background-color: #ffd800; } .animation-hover:hover:after { transform: scaleX(1.4) scaleY(1.6); opacity: 0; } .animation-hover:active { transform: translateY(-1px); } .animation-hover:after { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: -1; transition: 0.4s; background: #ffd800; opacity: 0.7; } .index-solution-slider { background: #f6f6f6; margin-top: 80px !important; padding-top: 65px; padding-bottom: 56px; } .index-solution-slider__row { width: auto; height: auto; } .index-solution-slider__title { margin-bottom: 3px; } .index-solution-slider__col { margin-top: 30px; } .index-solution-slider__col:hover .index-solution-slider__item { transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transform: translateY(-15px); box-shadow: 0px 4px 12px 0px rgb(196, 196, 196); } .index-solution-slider__item { background: #fff; position: relative; height: 100%; padding: 15px 15px 13px 15px; width: 255px; max-width: 100%; text-align: center; border: 1px solid #ebebeb; transition: 0.15s; -webkit-transition: 0.15s; -moz-transition: 0.15s; -ms-transition: 0.15s; -o-transition: 0.15s; } .index-solution-slider__item:before { position: absolute; content: ""; bottom: -1px; left: -1px; right: -1px; height: 2px; background: rgb(0, 150, 215); background: -moz-linear-gradient(left, rgb(0, 150, 215) 0%, rgb(30, 178, 105) 100%); background: -webkit-linear-gradient(left, rgb(0, 150, 215) 0%, rgb(30, 178, 105) 100%); background: linear-gradient(to right, rgb(0, 150, 215) 0%, rgb(30, 178, 105) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0096d7", endColorstr="#1eb269",GradientType=1 ); } .index-solution-slider__item:hover .index-solution-slider__item_img img { opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); } .index-solution-slider__item_img { display: block; background: #fff; height: 211px; } .index-solution-slider__item_img img { max-width: 100%; max-height: 100%; } .index-solution-slider__item_link { margin-top: 20px; font-size: 15px; line-height: 21px; font-weight: 700; color: #000; display: block; min-height: 60px; } .index-solution-slider__item_link:hover { text-decoration: underline; color: #000; } .index-solution-slider__item_price { color: #0096d6; font-size: 15px; line-height: 21px; font-weight: 700; margin-top: 9px; } .index-solution-slider .owl-item .index-solution-slider__col { width: 100% !important; } .index-solution-slider .owl-pagination { margin-bottom: -11px; } .index-solution-slider .owl-controls .owl-buttons { position: static; top: auto; right: auto; } .index-solution-slider .owl-controls .owl-buttons div { display: block; position: absolute; top: 50%; width: 21px; height: 37px; margin: -20px 0 0 0; border-radius: 0; background: none !important; transition: 0.15s; -webkit-transition: 0.15s; -moz-transition: 0.15s; -ms-transition: 0.15s; -o-transition: 0.15s; } .index-solution-slider .owl-controls .owl-buttons div:hover { transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transform: scale(1.1); } .index-solution-slider .owl-controls .owl-buttons div:before, .index-solution-slider .owl-controls .owl-buttons div:after { position: absolute; width: 26px; height: 4px; left: -3px; content: ""; background: #8e8f90; } .index-solution-slider .owl-controls .owl-buttons div:before { transform: rotate(45deg); top: 9px; } .index-solution-slider .owl-controls .owl-buttons div:after { transform: rotate(-45deg); bottom: 9px; } .index-solution-slider .owl-controls .owl-buttons div.owl-prev { left: -21px; transform: rotate(180deg); } .index-solution-slider .owl-controls .owl-buttons div.owl-next { right: -21px; } .index-solution-slider .owl-controls .owl-buttons div.disabled:before, .index-solution-slider .owl-controls .owl-buttons div.disabled:after { background: #ebebeb; } .index-solution-slider .owl-controls .owl-page span { display: block; } .income-calculator { padding-top: 74px; padding-bottom: 80px; } .income-calculator__switch { margin-top: 39px; } .income-calculator__left { width: 75%; padding-top: 10px; } .income-calculator__left_title { font-weight: 700; font-size: 18px; line-height: 21px; } .income-calculator__left_wrapp { margin-top: 20px; display: flex; width: 100%; flex-wrap: wrap; } .income-calculator__right { width: 25%; padding-top: 26px; position: relative; } .income-calculator__right:before { content: ""; top: 26px; bottom: 0; left: 34%; width: 1px; background: #ebebeb; position: absolute; } .income-calculator__right_item { text-align: right; font-size: 15px; line-height: 24px; font-weight: 700; margin-top: 22px; } .income-calculator__right_item:first-child { margin-top: 0; } .income-calculator__right_item i { font-style: normal; } .income-calculator__right_item span { display: block; color: #0096d6; font-size: 18px; } .income-calculator__button { margin-top: 44px; } .switch-status { cursor: pointer; } .switch-status.switch { width: 64px; height: 34px; margin: 0 16px; background: #dcdcdc; border-radius: 34px; position: relative; } .switch-status.switch:before { position: absolute; top: 50%; margin-top: -13px; width: 26px; height: 26px; left: 4px; background: #fff; border-radius: 100%; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); content: ""; z-index: 1; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .switch-status.switch:after { position: absolute; top: 50%; margin-top: -4px; width: 8px; height: 8px; left: 13px; background: #0096d6; content: ""; z-index: 2; border-radius: 100%; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .switch-status.switch.right:before, .switch-status.switch.right:after { transform: translateX(30px); } .switch-status.text { text-transform: uppercase; font-size: 15px; line-height: 23px; color: #8e8f90; text-decoration: underline; cursor: pointer; } .switch-status.text.active { color: #000; cursor: default; text-decoration: none; } .calc-range { margin-right: -8px; margin-top: 19px; } .price_slider { width: 100%; float: left; } .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs.irs-with-grid { padding-bottom: 31px; } .irs-line { display: block; background: #8e8f90; height: 8px; border-radius: 8px; width: 100%; position: relative; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: relative; display: block; top: 0; height: 8px; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; height: 8px; top: 0; left: 0 !important; background: rgb(54, 124, 212); background: -moz-linear-gradient(left, rgb(54, 124, 212) 0%, rgb(2, 208, 255) 100%); background: -webkit-linear-gradient(left, rgb(54, 124, 212) 0%, rgb(2, 208, 255) 100%); background: linear-gradient(to right, rgb(54, 124, 212) 0%, rgb(2, 208, 255) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#367cd4", endColorstr="#02d0ff",GradientType=1 ); border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .irs-slider { position: absolute; display: block; top: -4px; width: 16px; height: 16px; background: #fff; border-radius: 16px; box-shadow: 0px 0px 6px 0px rgba(90, 97, 102, 0.5); cursor: e-resize; } .irs-slider:before { position: absolute; width: 10px; height: 10px; border-radius: 100%; background: #0096d6; content: ""; left: 50%; top: 50%; margin-top: -5px; margin-left: -5px; } .irs-grid { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; } .irs-grid-pol { display: none; } .irs-grid-text, .showcase__mark { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 16px; line-height: 16px; padding: 0 1px; color: #000; } .showcase__mark { color: red; bottom: 14px; } .irs-to, .irs-from, .irs-max, .irs-min { display: none; } .irs-single { position: absolute; padding: 2px 12px; text-align: center; background: #fff; font-weight: 700; font-size: 13px; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.35); top: -35px; border-radius: 2px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transform: translateY(5px); white-space: nowrap; } .irs-single:before { position: absolute; content: ""; border: 4px solid transparent; border-top: 6px solid #fff; bottom: -10px; left: 50%; margin-left: -4px; } .irs-single.show, .irs-single.hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transform: translateY(0); transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s; } .calc-range-2 .irs-bar { background: rgb(20, 151, 86); background: -moz-linear-gradient(left, rgb(20, 151, 86) 0%, rgb(20, 190, 106) 100%); background: -webkit-linear-gradient(left, rgb(20, 151, 86) 0%, rgb(20, 190, 106) 100%); background: linear-gradient(to right, rgb(20, 151, 86) 0%, rgb(20, 190, 106) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#149756", endColorstr="#14be6a",GradientType=1 ); } .media-about-section { background: #f6f6f6; padding-top: 58px; padding-bottom: 64px; margin-top: 46px !important; } .media-about-section__title { margin: 0 0 36px 0; } .media-about-section__text { font-size: 15px; line-height: 23px; } .media-about-section__button { margin-top: 45px; } .index-map iframe { display: block; width: 100% !important; height: 380px !important; border: 0 !important; } @media (min-width: 768px) { .income-calculator__right_item br { display: none; } } @media (max-width: 1199px) { .main-about__item { padding-left: 10px; padding-right: 3px; font-size: 12px; line-height: 16px; } .second-about__item a span { left: 10px; font-size: 12px; line-height: 19px; } .index-solution-slider__item { padding-left: 10px; padding-right: 10px; } .index-solution-slider__item_link { font-size: 13px; line-height: 19px; min-height: 57px; margin-top: 15px; } .index-solution__item_text a { font-size: 15px; line-height: 21px; min-height: 63px; } .income-calculator__left { width: 70%; } .income-calculator__right { width: 30%; } } @media (max-width: 1055px) { .index-solution-slider .owl-controls .owl-buttons div.owl-next { right: -9px; transform: scale(0.65); -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -ms-transition: scale(0.65); -o-transform: scale(0.65); } .index-solution-slider .owl-controls .owl-buttons div.owl-prev { left: -9px; transform: rotate(180deg) scale(0.65); } } @media (max-width: 991px) { .main-about { height: 360px; padding-bottom: 0; } .main-about__row { align-items: center; } .main-about__row > div { align-self: center; } .main-about__wrapp_title { padding-top: 0; height: auto; } .main-about__title { flex: 0 0 100%; max-width: 100%; text-align: center; } .main-about__wrapp_title { justify-content: center; } .main-about__button { margin-top: 44px; } .index-solution__item_text { padding: 12px 10px 15px 10px; } .index-solution-slider__col:hover .index-solution-slider__item { transform: translateY(0); box-shadow: none; } .index-solution__col { margin-top: 25px; } .index-solution__item_text table { margin-top: 7px; } .index-solution__item_text table tr:first-child td { padding-top: 0; } .index-solution__item_text table tr td { font-size: 15px; line-height: 17px; padding-top: 4px; } .income-calculator__right:before { left: 31px; } .media-about-section__button { margin-top: 15px; } .index-titles { font-size: 18px; line-height: 21px; } .index-solution, .index-solution-slider, .income-calculator, .section-text, .media-about-section { padding-top: 29px; padding-bottom: 32px; } .index-solution-slider, .media-about-section { margin-top: 0 !important; } .index-solution-slider__col { margin-top: 25px; } .index-solution-slider .owl-controls .owl-buttons { display: none; } .second-about__item a:hover:before { background: #000; opacity: 0.5; } } @media (max-width: 767px) { .main-about { height: 298px; } .index-solution__col { margin-top: 17px; text-align: center; } .index-solution__col:first-child { margin-top: 11px; } .index-solution__item { text-align: left; } .index-solution-slider__col { margin-top: 17px; } .index-solution__more { margin-top: 24px; } .second-about { padding-top: 1px; padding-bottom: 24px; } .second-about__item a span { left: 23px; font-size: 14px; line-height: 21px; } .main-about__title span { font-size: 27px; line-height: 31px; } .main-about__title span:first-child { font-size: 40px; line-height: 40px; } .main-about__title span:last-child { font-size: 13px; line-height: 20px; letter-spacing: 1.4px; } .index-solution__item_text a { min-height: auto; } .index-solution__title { margin-bottom: 0; } .index-solution-slider__col { margin-top: 10px; } .index-solution-slider__col:first-child { margin-top: 8px; } .index-solution-slider__col:nth-child(2n+1) .index-solution-slider__item { margin-left: auto; } .owl-item .index-solution-slider__col:first-child { margin-top: 8px; } .index-solution-slider__item_link { font-size: 15px; line-height: 21px; min-height: 63px; margin-top: 20px; } .index-solution-slider { padding-bottom: 24px; } .income-calculator__switch { margin-top: 19px; } .switch-status.switch { margin: 0 12px; } .switch-status.text { font-size: 13px; text-decoration: none; text-transform: none; } .income-calculator__left { width: 100%; padding-top: 2px; } .income-calculator__left_title { font-size: 15px; line-height: 17px; } .income-calculator__right { width: 100%; padding-top: 16px; margin-top: 21px; } .income-calculator__right:before { top: 0; right: 0; left: 0; bottom: auto; width: auto; height: 1px; } .income-calculator__right .col-xs-12 { float: none; display: flex; padding: 0 !important; width: auto !important; justify-content: center; } .income-calculator__right_item { flex: 0 0 auto; width: auto; max-width: none; margin-top: 0; text-align: center; padding: 0 34px; line-height: 17px; position: relative; } .income-calculator__right_item:first-child { padding-left: 0; } .income-calculator__right_item:last-child { padding-right: 0; } .income-calculator__right_item i { display: block; min-height: 34px; } .income-calculator__right_item span { margin-top: 3px; } .income-calculator__button { margin-top: 23px; } .section-text { padding-top: 27px; } .media-about-section__title { margin: 0 0 19px 0; } .media-about-section__text { margin-top: 19px; } .media-about-section__button { margin-top: 22px; } .media-about-section__button a { margin: 0 auto; } .calc-range { margin-right: 0; margin-top: 12px; } .calc-range-2 .irs-grid-text, .calc-range-2 .showcase__mark { font-size: 14px; } .calc-range-2 .irs-grid-text:last-child, .calc-range-2 .showcase__mark:last-child { margin-left: -19px !important; } .irs-grid-text, .showcase__mark { padding: 0 0; word-spacing: -4px; } } @media (max-width: 550px) { .index-solution-slider__col { width: 100% !important; } .index-solution-slider__item { margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 540px) { .second-about__col { width: 100% !important; } .second-about__item { width: 255px; max-width: 100%; margin: 0 auto; padding-top: 12px; } .index-solution__col { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 450px) { .income-calculator__right_item { padding: 0 17px; } } /*# sourceMappingURL=new-index.css.map */