.sliders { &.slider-home { margin-top: 6px; padding-bottom: 8px; padding-top: 8px; //overflow: hidden; .owl-controls { display: none; } .owl-dots { padding: 0 10px; position: relative; bottom: auto; left: auto; float: left; padding-top: 31px; .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: 28px; height: 3px; border-radius: 0; background: #cbcdcf; cursor: pointer; margin-right: 6px; margin-left: 6px; margin-top: 6px; //@include Transition(0.2); &.active { background: #0288d1; } &: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-home { position: relative; //overflow: hidden; .owl-nav { } .owl-prev, .owl-next { cursor: pointer; width: 36px; height: 24px; line-height: 24px; text-align: center; position: absolute; top: 50%; margin-top: -12px; left: -55px; &:before { @include svgIcon; color: #cbcdcf; font-size: 24px; line-height: 24px; content: '\e903'; } &.owl-next { left: auto; right: -55px; &:before { content: '\e904'; } } } } .slider-texts-wrapp { display: table-cell; vertical-align: middle; height: 680px; } .title-sl-h { font-size: 48px; color: $blue-color; line-height: normal; text-transform: uppercase; font-family: Georgia; } .txt-sl-h { margin-top: 15px; font-size: 18px; color: #fff; line-height: 24px; } .link-si-h { margin-top: 36px; a { width: 165px; line-height: 38px; height: 38px; text-align: center; float: left; border: 1px solid #fff; font-weight: 300; color: #fff; text-decoration: none !important; } } .slider-first .owl-item div.slider-first-items a img { //margin-left: -1px; } @media (max-width: 1200px) { .slider-home { .owl-prev {left: -25px;} .owl-next { right: -25px !important; } } } @media (max-width: 1030px) { .slider-home { .owl-prev {left: -13px;} .owl-next { right: -13px !important; } } } @media (max-width: 991px) { .slider-home { .owl-nav { display: none; } } } @media (max-width: 767px) { }