/* @import url("reset.css"); */
@import url("notifications/notifications.css");

/* Bootstrap tweeks */
body{margin-top:100px;}
.main-body{min-height: 500px;}
.navbar.navbar-inverse.navbar-fixed-top {background-color: #fff;border-color: #2D2D2D;min-height: 100px;}
.navbar.navbar-inverse.navbar-fixed-top .navbar-nav>li>a {position:relative;color:#343434; font-size: 20px; -webkit-transition: all 0.5s ease; .25s ease;-moz-transition: all 0.5s ease; .25s ease;-ms-transition: all 0.5s ease; .25s ease;-o-transition: all 0.5s ease; .25s ease;transition: all 0.5s ease; .25s ease;}
.navbar.navbar-inverse.navbar-fixed-top .navbar-nav>li>a:hover{color:#fff; background-color: #000}
.navbar-collapse .navbar-nav{margin-top:24px;}
.btn-primary{color: #fff;background-color: #414141;border-color: #4F4F4F; -webkit-transition: background .4s ease;-moz-transition: background .4s ease;-ms-transition: background .4s ease;-o-transition: background .4s ease;transition: background .4s ease;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {background-color: #000000;border-color: #000000;}
.page-back-btn{color:#000;}
.page-back-btn:hover{color: #000; text-decoration: none;cursor: pointer;}
/* Multicolumn dropdown */
li.dropdown:hover .dropdown-menu{display: block;}
.dropdown-menu {min-width: 200px;}
.dropdown-menu.columns-2 {min-width: 400px;}
.dropdown-menu.columns-3 {min-width: 600px;}
.dropdown-menu li a {padding: 3px 5px;font-weight: 300;}
.multi-column-dropdown {list-style: none;}
.multi-column-dropdown li a {display: block;clear: both;line-height: 1.428571429;color: #000;white-space: normal;}
.multi-column-dropdown li a:hover {text-decoration: none;color: #fff;background-color: #000;}
@media (max-width: 767px) {
	.dropdown-menu.multi-column {min-width: 240px !important;overflow-x: hidden;}
}
.dropdown-menu li a{color:#000;}
.dropdown-menu li a:hover{text-decoration: none;background-color: #000; color:#fff;}

/* Logo */
img.logo-img {width: 355px;margin-top: 0;}
@media (max-width: 991px) {
    img.logo-img {width: 310px;margin-top: 0;}
}
@media (max-width: 400px) {
    img.logo-img {width: 220px;margin-top: 0;}
}
.navbar-toggle .icon-bar,.navbar-inverse .navbar-toggle .icon-bar{background-color: #000;}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar{background-color: #fff;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:none;}

/* Breadcrumbs */
.btn-breadcrumb {}
.btn-breadcrumb .btn:not(:last-child):after {content: " ";display: block;width: 0;height: 0;border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 10px solid white;position: absolute;top: 50%;margin-top: -17px;left: 100%;z-index: 3;}
.btn-breadcrumb .btn:not(:last-child):before {content: " ";display: block;width: 0;height: 0;border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 10px solid rgb(173, 173, 173);position: absolute;top: 50%;margin-top: -17px;margin-left: 1px;left: 100%;z-index: 3;}
.btn-breadcrumb .btn {padding:6px 12px 6px 24px;}
.btn-breadcrumb .btn:first-child {padding:6px 6px 6px 10px;}
.btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;}
/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {border-left: 10px solid #fff;}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {border-left: 10px solid #ccc;}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {border-left: 10px solid #ebebeb;}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {border-left: 10px solid #adadad;}
/* The responsive part */
.btn-breadcrumb > * > div {
    /* With less: .text-overflow(); */
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    
}
.btn-breadcrumb > *:nth-child(n+2) {display:none;}
/* === For phones =================================== */
@media (max-width: 767px) {
    .btn-breadcrumb > *:nth-last-child(-n+2) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 60px;
    }
}
/* === For tablets ================================== */
@media (min-width: 768px) and (max-width:991px) {
    .btn-breadcrumb > *:nth-last-child(-n+4) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 100px;
    }
}
/* === For desktops ================================== */
@media (min-width: 992px) {
    .btn-breadcrumb > *:nth-last-child(-n+6) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 170px;
    }
}

/* Top Search */
.search-wrapper{text-align: center; margin-top:5px;}
.search-wrapper #search-input{margin-top:10px; margin-bottom:10px;}

/* Home slider */
.home-slider{margin-top:10px;}

/* Featured Categories */
.featured-categories .featured-category-wrap{width:90%; max-width:400px; margin:0 auto; position:relative;}
.featured-categories img{margin-top:10px;}
.featured-categories a .featured-category-wrap h4, .featured-categories a .featured-category-wrap p, .featured-categories a .featured-category-wrap:hover p{color:#000; text-decoration: none;}
.featured-categories .cover{position:absolute;width: 100%;height: 100%;z-index:1;opacity: 0;}
.featured-categories .cover .fa-eye{position: absolute; top:40%; left:44%; color:#fff;}
.featured-categories .cover .dark{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.featured-categories .img-wrap {width: 100%; height:250px; overflow: hidden;}
.featured-categories .img-wrap img{width: 100%;}

/* Footer */
.footer{background-color: #000;min-height: 200px;}
.footer, .footer a, .footer a:hover{color:#fff; text-decoration: none;}
.footer .footer-links{list-style-type: none; display: block; margin:15px auto;}
.footer .footer-links li a{display: block; margin-top:5px;font-size: 14px;}

/* Products Page */
.products-content .multi-column-dropdown li a {padding:3px;}
.products-content .multi-column-dropdown li a.sub {padding-left:10px;}
.products-content .product-box{margin:20px 0; min-height: 300px; position:relative;}
.products-content .product-name{text-align: center;}
.products-content .product-box img{display: block; width: 85%; margin: 5px auto; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.products-content .product-box:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.products-content .short-description{text-align: justify;}
.products-content .btn-primary{margin-top:15px;}
.products-content .img-wrap{width: 100%; height: 250px;}

/* Single product Page */
.single-product img.main-image{width: 100%; display: block;margin-bottom:15px;}
.single-product .nav-tabs {border-bottom: 1px solid #000;}
.single-product .nav-tabs a {color:#000;}
.single-product .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border:1px solid #000;border-bottom-color: transparent;}
.single-product .tab-content .tab-pane{padding-top:10px;}
.single-product .tab-content{
    -webkit-transition: max-height 1s ease; 
    -moz-transition: max-height 1s ease; 
    -ms-transition: max-height 1s ease; 
    -o-transition: max-height 1s ease; 
    transition: max-height 1s ease;
}

/* Dealers page */
.dealer-info{margin-top:25px;margin-bottom:15px;background-color: #ddd;padding: 20px;}

/* Collapse menu earlier */
@media (min-width: 768px) and (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}