/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} input.error{ border-bottom:1px solid red!important; ; } input+span{ color: red; margin-top: 5px; font-size: 12px; display: block; } .home__form-select .list{ width:auto!important } .form-send{ .ofobj__download{ background: #e9bc92; } button{ } .ofobj__catalog{ text-align: center; background: transparent; } } .form-send .ofobj__catalog{ input.error{ color: red!important; border: 1px solid red!important; } } .promo{ //display: flex; //align-items: center; // justify-content: center; &-body{ position: relative; width: 785px; } &-ttl{ font-family: 'Alethia Pro'; font-style: normal; font-weight: 400; font-size: 50px; line-height: 120%; /* or 60px */ margin-bottom: 20px; text-transform: uppercase; span{color: #E9BC92 } /* 1 */ color: #FFFFFF; } &-option{ font-family: 'Evolventa'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 100%; /* identical to box height, or 18px */ color: #FFFFFF; margin-right: 40px; display: flex; align-items: center; div{width: 31px; height: 31px; margin-right: 15px; border-radius: 50%; left: 0px; top: 0px; background: rgba(255, 255, 255, 0.26); display: flex; align-items: center; justify-content: center; } &s{ display: flex; margin-bottom: 50px; align-items: center; } } &-img{ position: absolute; left: 655px; top: -65px; } &-btn{font-family: 'Evolventa'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; /* identical to box height */ text-align: center; /* 1 */ color: #15242E; cursor: pointer;border-radius: 8px; span{ top: 2px; position: relative; } padding: 10px 26px; div{ width: 1px;background: #15242E;; opacity: 0.1; margin: 0 10px; height: 33px; } &s{ display: flex; justify-content: space-between; } display: flex; justify-content: center; align-items: center; } &-socs{ background: linear-gradient(180deg, #1E3341 0%, #122029 100%), linear-gradient(180deg, #1E3341 0%, rgba(30, 51, 65, 0) 100%); border-radius: 10px; padding: 30px; &-labels{ display: flex; margin-top: 20px; align-items: center; span{ font-family: 'Evolventa'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 100%; /* identical to box height, or 12px */ color: #E9BC92; margin-right: 30px; } } } &-text{font-family: 'Evolventa'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; /* or 25px */ /* 1 */ color: #FFFFFF; margin-bottom: 50px; } &-middle{ z-index: 6; position: relative; } padding-top: 155px; padding-bottom: 80px; min-height: 100vh; &-footer{ height: 80px; display: flex;align-items: center; bottom: 0; left: 0; right: 0; z-index: 4; width: 100%; font-style: normal; font-weight: 400; position: absolute; font-size: 14px; line-height: 100%; /* identical to box height, or 14px */ a{ transition: all 0.6s ease; &:hover{color: #E9BC92} } a,span{ color: inherit; text-decoration: none; } /* 1 */ color: #FFFFFF; .container{ display: flex; justify-content: space-between; } } position: relative; &::after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(21, 36, 46, 0.63) 0%, rgba(21, 36, 46, 0.9) 0.01%, rgba(26, 50, 66, 0.72) 100%); top: 0; } &::before{ content: ""; position: absolute; right: 0; bottom: 0; z-index: 3; left: 0;height: 80px; background: linear-gradient(180deg, rgba(21, 36, 46, 0) 0%, #15242E 100%); } &-bg{ position: absolute; right: 0; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } } .header-right{ display: flex;align-items: center; .header__active{ margin: 0 40px; } } .header-logo-parent{ display: flex; .header-line{ height: 32px; width: 1px; background: white; opacity: 0.2; margin: 0 20px; } align-items: center; span{ font-family: 'Evolventa'; font-style: normal; font-weight: 400; font-size: 11px; line-height: 140%; /* or 15px */ /* 1 */ color: #FFFFFF; } } .pdf-text-info{ font-family: 'Evolventa'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; /* identical to box height */ display: flex;flex-direction: column; color: #E9BC92; span{ margin-bottom: 30px; } padding-left: 20px; } .promo-btn{ text-decoration: none; } .md-hide{ display: block!important; } .md-show{display: none!important;} @media screen and (max-width: 1200px){ .md-show{display: block!important;} .md-hide{ display: none!important; } .plus__top{ background: transparent!important; } .mob-header.promo-header{ position: absolute!important; } .header-icon{ display: flex; align-items: center;background: #E9BC92; border-radius: 4px; height: 30px; width: 30px; justify-content: center; margin-left: 10px; } .mob-header.promo-header{ background: transparent; padding: 12px 15px; .header-logo-parent span{ font-size: 8px; line-height: 140%; } .header-line{ margin: 0 10px; } .header__logo{ img{ width: 95px; } } } .promo-img{ right: -10px;img{ width: 180px; } top: 50%; left: auto; transform: translateY(-50%); } .promo-option div{ width: 18px; height: 18px; margin-right: 6px; padding: 4px; img{ width: 100%; } } .promo-socs-labels{ text-align: center; flex-direction: column; align-items: center; span{ margin: 0; margin-bottom: 6px; &:last-child{ margin-bottom: 0; } } } .promo-footer{ padding-bottom: 20px; height: auto; .container{ display: flex;align-items: center; flex-direction: column-reverse; span{ } a{ margin-bottom: 10px; } justify-content: center; } } .promo{ padding-bottom: 80px; padding-top: 94px; } .promo{ &-btns{ display: block; } &-btn{ width: 100%; margin-bottom: 10px; text-decoration: none; } &-socs{ padding: 20px; padding-bottom: 40px; } &::before{ height: 130px; } &-body{ width: 100%; } &-option{ &s{ position: relative; margin-bottom: 40px; display: block; }font-size: 14px; line-height: 120%; width: 100%; margin-bottom: 16px; &:last-child{ margin-bottom: 0; } } &-text{ font-family: 'Evolventa'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 140%; /* or 20px */ margin-bottom: 40px; text-align: center; br{ display: none; } /* 1 */ color: #FFFFFF; } &-ttl{ font-weight: 400; font-size: 30px; line-height: 120%; text-align: center; } padding-top: 85px; } } @media screen and (max-width: 1199px){ //#best .objects__row{ // flex-wrap: nowrap; //} //#best .swiper{ // overflow: visible; //} .owl-nav{ display: flex;justify-content: space-between; margin-top: 20px; justify-content: center; button{ margin: 0 10px; } } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ position: absolute; top: 27px; bottom: auto; } } .consult__text{ border-radius: 20px; background: rgba(252, 253, 246, 0.8); padding: 35px 30px; color: #15242E; width: 50%; font-size: 16px; ul{ margin-bottom:30px; &:last-child{ margin-bottom: 0; } } font-style: normal; font-weight: 400; line-height: 160%; } .consult{ .container{ align-items: flex-start; display: flex;justify-content: space-between; } } .gallery{ margin-bottom: 70px!important; } .ofobj__txt{ font-size: 2.2rem!important; } @media screen and (max-width: 1199px){ .consult .container{ display: block; } .ofobj__row{ background: #e9bc923c!important; padding: 20px; height: auto!important; border-radius: 10px; padding-bottom: 140px!important; } .consult__text ul{ margin-bottom: 15px; } .ofobj__txt{ display: block!important; margin-top: 10px; } .ofobj__row:after{ display: block!important; } .consult__text{ font-size: 14px; line-height: 1.5; width: 100%; padding: 20px; } } .form-send { input.ofobj__catalog.error{ color: red!important; border: 1px solid red!important; } }