/* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-carousel .owl-dots { text-align: center; position:absolute; bottom:10px; left:5px; right:5px; -webkit-tap-highlight-color: transparent; } owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } owl-carousel .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .banner1 .owl-dots .owl-dot{ display: inline-block; position: relative; text-align:center; zoom: 1; *display: inline;/*IE7 life-saver */ } .banner1 .owl-dots .owl-dot span{ -webkit-backface-visibility: visible; display: block; width: 50px; height:8px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; background: #555; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; } .indexrevs .owl-dots .owl-dot{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .indexrevs .owl-controls{ position:absolute; bottom:25px; text-align:center; left:40%;} .indexrevs .owl-dots .owl-dot span{ -webkit-backface-visibility: visible; display: block; width: 15px; height: 15px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #555; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; } .banner1 .owl-prev{position:absolute; left:5px; top:50%; font-size:30px; line-height:35px; color:#fff;z-index:9; width:35px; height:35px; border-radius: 50%; background:#e16959;} .banner1 .owl-next{position:absolute; right:5px; top:50%;font-size:30px; line-height:35px;color:#fff;z-index:9;width:35px; height:35px; border-radius: 50%; background:#e16959;} .banner1 i{ margin-left:10px;} .indexsal .owl-prev{position:absolute; right:32px; top:-32px; font-size:14px; width:25px; height:25px; background:#fff; padding:4px 5px; color:#121313;border:1px solid #eee; z-index:9;} .indexsal .owl-next{position:absolute; right:5px; top:-32px;font-size:14px; width:25px; height:25px; background:#fff; padding:4px 5px; color:#121313;border:1px solid #eee;z-index:99;} .indexsal .owl-next:hover{ color:#111;} .imgs .owl-prev{position:absolute; left:0; top:30%; font-size:14px; background:#fff; padding:5px; color:#222;border:1px solid #222;z-index:9;} .imgs .owl-prev:hover{ color:#121313;} .imgs .owl-next{position:absolute; right:0px; top:30%;font-size:14px; background:#fff; padding:5px; color:#222;border:1px solid #222;z-index:9;} .imgs .owl-next:hover{ color:#121313;} .banner4{border-right:1px solid #eee;} .bannerboot{ margin:10px 0;overflow:hidden;} .banner2 img{ width:100%; height:auto;} .banner3 img{ width:100%; height:auto;} .indexsal{overflow:hidden; @margin:10px 0; background:#fff; border:1px solid #eee; } .indexgate{overflow:hidden; margin:10px 0; background:#fff; border:1px solid #eee; } @banner1{ margin-top:5px;} i.icon-angle-right { margin-left: 13px; } .banner1 { margin-right: 10px; } .col-sm-8 { padding: 0; }