//Import Google Fonts (Open Sans) @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800); //Import Bootstrap 3.3.5 @import "bootstrap/bootstrap.less"; //Import FontAwesome 4.1.0 @import "font-awesome/font-awesome.less"; //Import Kedavra Icons @import "icons/flaticon.less"; //Animations @import "animations/animate.less"; //iHover @import "ihover/ihover.less"; //Light Gallery Plugin @import "lightgallery/lightgallery.less"; //Interactive Credit Card @import "card/card.less"; //Core Variables and Mixins @import "variables.less"; @import "mixins.less"; //Core CSS @import "scaffolding.less"; @import "type.less"; @import "buttons.less"; @import "forms.less"; // Components @import "header.less"; @import "home.less"; @import "navi.less"; @import "footer.less"; @import "shop.less"; @import "blog.less"; @import "sidebar.less"; @import "pages.less"; @import "modals.less"; @import "widgets.less"; .page{min-height:100vh;} /* 9 Owl carousel ----------------------------------------------------------------------------- */ .owl-carousel { z-index: 4; } .owl-carousel .owl-item>div { } .owl-carousel.carousel .owl-item>div, .owl-carousel.carousel-autoplay .owl-item>div { } .owl-carousel.clients .owl-item>div { } .well.owl-carousel .owl-item>div { } .tab-content .owl-carousel .owl-item>div { } /* caption */ .caption { background-color: rgba(255, 255, 255, 0.85); padding: 15px; position: absolute; bottom: 80px; left: 80px; width: 40%; border: 1px solid #ffffff; } .caption .title { margin-top: 0; } /* Medium devices (desktops, tablets less than 991px) */ @media (max-width:991px) { .caption { width: 90%; bottom: 40px; left: 40px; } } /* Small devices (tablets, phones less than 767px) */ @media (max-width:767px) { .caption { width: 100%; bottom: 30px; left: 0; position: relative; background-color: #fafafa; bottom: 0; padding-bottom: 35px; } } /* owl controls */ .owl-controls { width: 100%; margin-bottom: 50px; } .owl-controls .owl-buttons div { display: inline-block; zoom: 1; padding: 3px 10px; font-size: 12px; position: absolute; width: 30px; height: 30px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .owl-prev { left: 0; background-color: #FA2634; color: #f1f1f1; } .owl-next { left: 30px; background-color: #f1f1f1; color: #FA2634; } .owl-prev:hover, .owl-next:hover, .gray-bg .owl-next:hover { background-color: #333333; color: #f1f1f1; } .gray-bg .owl-next { background-color: #ffffff; } .owl-controls .owl-buttons div:after { font-family: "fontello"; font-size: 18px; line-height: 26px; } .owl-prev:after { content: "\e87c"; } .owl-next:after { content: "\e87d"; } .no-touch .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; } .content-slider-with-controls { margin-bottom: 20px; } .content-slider-with-controls .owl-controls, .content-slider-with-controls-autoplay .owl-controls { margin-bottom: 0; } .content-slider-with-controls .owl-buttons div, .content-slider-with-controls-autoplay .owl-buttons div { top: 50%; margin-top: -15px; background-color: #FA2634; color: #f1f1f1; } .content-slider-with-controls .owl-buttons div.owl-next, .content-slider-with-controls-autoplay .owl-buttons div.owl-next { left: auto; right: 0; } .content-slider-with-controls .owl-prev:hover, .content-slider-with-controls .owl-next:hover, .content-slider-with-controls-autoplay .owl-prev:hover, .content-slider-with-controls-autoplay .owl-next:hover { background-color: #f1f1f1; color: #FA2634; } .content-slider-with-controls-bottom .owl-controls .owl-pagination { bottom: -30px; } .content-slider-with-controls-bottom .owl-controls .owl-page span { background: #acacac; } .owl-controls .owl-pagination { position: absolute; bottom: 25px; text-align: center; margin: 0 auto; display: block; width: 100%; } .owl-controls .owl-page { display: inline-block; zoom: 1; } .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 4px; background: #ffffff; } .owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span { background: #FA2634; }