.sliders { &.slider-home { overflow: hidden; .owl-controls { display: none; } //.owl-dots { // padding: 0 10px; // position: relative; // bottom: auto; // left: auto; // float: left; // margin-top: 4px; // // .owl-dot { // border: 1px solid #e2e2e2; // &.active { // border: 0; // } // &:last-child { // //display: none; // } // } // &.disabled { // display: none; // } // //} .owl-nav { &.disabled { display: none; } } &.owl-carousel { height: auto !important; margin-bottom: 0 !important; } } &.owl-carousel { overflow: hidden; } } .owl-controls { } .owl-video-wrapper { } .owl-video-play-icon { width: 100%; height: 100%; cursor: pointer; background: rgba(0,0,0,0.6); position: relative; z-index: 2; &:before { @include svgIcon; position: absolute; $w:32; width: $w + px; height: $w + px; left: 50%; top: 50%; margin-top: -16px; margin-left: -16px; content: '\e902'; color: #fff; font-size: 32px; text-align: center; line-height: 32px; background: none; z-index: 2; font-weight: 700; } } .owl-video-tn { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .owl-video-wrapper { height: 300px; float: left; width: 100%; } .owl-video-frame { z-index: 3; position: relative; width: 100%; height: 100%; float: left; iframe { width: 100% !important; max-height: 100% !important; } } .owl-height { @include Transition(0.35); } .owl-stage { position: relative; -ms-touch-action: pan-Y; float: left; } .owl-stage-outer { position: relative; //overflow: hidden; -webkit-transform: translate3d(0,0,0); } .owl-item { float: left; position: relative; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; -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); -webkit-tap-highlight-color: transparent; position: relative; [class*="col-"] { width: 100%; } } /*dots*/ .owl-dots { position: absolute; bottom: 16px; left: 0; width: 100%; text-align: center; padding: 0 15px; .owl-dot { display: inline-block; width: 10px; height: 10px; border-radius: 100%; background: #c6c6c6; cursor: pointer; margin-left: 8px; margin-right: 8px; margin-top: 8px; &.active { position: relative; background: #dad9d9; } &:hover { @include Opacity(0.9); } } } /*******/ .slider-articles-wr { } .slider-articles { overflow: hidden; div.articles-items { margin-top: 18px; line-height: 18px; .img-link { display: block; text-align: center; overflow: hidden; img { vertical-align: top; max-width: 100%; @include Transition(0.3); } } .articles-link { margin-top: 11px; display: block; } p { margin-top: 18px; a { } } &:nth-child(3n+1) { clear: both; } .articles-excerpt { height: 252px; overflow: hidden; position: relative; &:before { content: ''; display: block; position: absolute; bottom: 0; right: 0; left: 0; height: 45px; @include Gradient-vertical(rgba(255,255,255,0),#fff) } } &:hover { .img-link { img { @include filter-gray(80%); @include Scale(1.05); } } } } &.owl-carousel { div { float: left; } .owl-item { float: left; padding: 0 15px; .articles-items { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; clear: none !important; } } } } .arrows-sales-wr{padding-right: 0 !important;} .row-sliders-home .arrows-sales-wr{padding-left: 22px;} .btn-l_, .btn-r_ { //margin-top: 15px; margin-top: 29px; position: relative; width: 16px; height: 32px; cursor: pointer; float: right; @include svgIcon; &.vis_ { display: block !important; } &:before { color: #ced0d6; line-height: 32px; content: '\e916'; font-size: 16px; } &.lock { opacity: 0.3; cursor: default; &:before { color: #ced0d6; } } &:hover { &:before { color: #9fa1a7; } } &:active { &:before { color: #86888e; } } } .btn-r_ { margin-left: 13px; &:before { content: '\e917'; } } /***********slider-first***********/ .slider-first-wrapp { width: 100%; float: left; } .slider-first { position: relative; overflow: hidden; &.owl-carousel { text-align: center; } .owl-stage-outer { float: left; } .owl-controls { } .owl-dots { //margin-top: 43px; //float: none; //padding: 0; //position: relative; //width: auto; //right:auto; //left: auto; //bottom: auto; //margin-right: 0; //margin-left: 0; &:first-child { //margin-left: 0; } .owl-dot { } } div.slider-first-items { //margin-top: 30px; width: 100%; float: left; a { position: relative; color: #fff; font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 29px; width: 100%; float: left; display: block; img { max-width: 100%; vertical-align: top; } } &:hover { img { } } } &.owl-carousel { //height: auto; } } .slider-first .owl-item div.slider-first-items a img { margin-left: -1px; } .owl-controls-wrapp { position: absolute; width: 100%; right: 0; bottom: 60px; } .owl-controls-pre-bl { padding-right: 0 !important; } @media (min-width: 992px) { .row.row-sliders-home { margin-left: -22px; margin-right: -22px; } .sliders { &.slider-home { .owl-item { opacity: 0; @include Transition(0.3); &.active { opacity: 1; @include Transition(0.5); } } } } } .new-nav-block { text-align: center; margin-top: 26px; } .owl-controls { display: inline-block; position: relative; padding: 0 0; .owl-nav { float: left; div { position: absolute; width: 10px; height: 18px; top: 50%; margin-top: -7px; cursor: pointer; background: url("../images/slider-left.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 10px 18px; left: -26px; &.owl-next { background: url("../images/slider-right.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 10px 18px; left: auto; right: -26px; } &.disabled { opacity: 0.4; } } } .owl-dots { position: relative; display: inline-block; bottom: auto; left: auto; padding: 0; } } @media (min-width: 767px) { .sliders { &.slider-home { overflow: hidden; } } } @media (max-width: 1200px) { .owl-controls-wrapp { bottom: 30px; } .slider-first-wrapp { } .slider-first { &.owl-carousel { } } } @media (max-width: 991px) { .slider-first-wrapp { height: auto; overflow: hidden; } .slider-first { height: auto; &.owl-carousel { height: auto; } } } @media (max-width: 920px) { .slider-first-wrapp { } } @media (max-width: 900px) { .slider-first-wrapp { } } @media (max-width: 870px) { .slider-first-wrapp { } } @media (max-width: 850px) { .slider-first-wrapp { } } @media (max-width: 800px) { } @media (max-width: 780px) { } @media (max-width: 767px) { .sliders { &.slider-home { overflow: hidden; margin-bottom: 24px; padding-bottom: 0; } } .arrows-sales-wr { .btn-l_, .btn-r_ { display: none !important; } text-align: center; .title-blocks-home {float: none;margin-top: 4px} } .title-blocks-home-tabs { padding-left: 15px; margin-right: 15px; float: none; } .slider-tabs { margin-top: -4px; } //.owl-dots .owl-dot { // width: 12px; // height: 12px; // background: #ced0d6 !important; // &.active { // background: #fff !important; // } //} //.sliders.slider-home .owl-dots .owl-dot { // border-color: #ced0d6; // // //} } @media (max-width: 550px) { .options-hide-blocks { ul { max-width: 196px; } } .more-hide-options { right: auto; left: 196px; } } @media (max-width: 450px) { } @media (max-width: 400px) { } @media (max-width: 370px) { } @media (max-width: 360px) { } @media (max-width: 350px) { } @media (max-width: 340px) { } @media (max-width: 330px) { } @media (max-width: 325px) { } .slider-home { .owl-height { overflow: hidden; } }