:root{
    --color-white : #fff;
    --color-primary : rgb(57, 67, 153);
    --color-secondary : #5664df;

    --color-light-gray : #ddd;
    --color-gray : #777;
    --color-dark-gray : #555;

    --color-red : #f52121;
    --color-dark-red : #c41818;
}

.color-white{
    color : var(--color-white) !important;
}
.color-primary{
    color : var(--color-primary)  !important;
}
.color-secondary{
    color : var(--color-secondary)  !important;
}
.color-light-gray{
    color : var(--color-light-gray)  !important;
}
.color-gray{
    color : var(--color-gray)  !important;
}
.color-dark-gray{
    color : var(--color-dark-gray)  !important;
}
.color-red{
    color : var(--color-red)  !important;
}
.color-dark-red{
    color : var(--color-dark-red)  !important;
}

.bg-color-white{
    background-color : var(--color-white) !important;
}
.bg-color-primary{
    background-color : var(--color-primary)  !important;
}
.bg-color-secondary{
    background-color : var(--color-secondary)  !important;
}
.bg-color-light-gray{
    background-color : var(--color-light-gray)  !important;
}
.bg-color-gray{
    background-color : var(--color-gray)  !important;
}
.bg-color-dark-gray{
    background-color : var(--color-dark-gray)  !important;
}
.bg-color-red{
    background-color : var(--color-red)  !important;
}
.bg-color-dark-red{
    background-color : var(--color-dark-red)  !important;
}

.bg-color-hover-white:hover{
    background-color : var(--color-white) !important;
}
.bg-color-hover-primary:hover{
    background-color : var(--color-primary) !important;
}
.bg-color-hover-secondary:hover{
    background-color : var(--color-secondary) !important;
}
.bg-color-hover-light-gray:hover{
    background-color : var(--color-light-gray) !important;
}
.bg-color-hover-gray:hover{
    background-color : var(--color-gray) !important;
}
.bg-color-hover-dark-gray:hover{
    background-color : var(--color-dark-gray) !important;
}
.bg-color-hover-red:hover{
    background-color : var(--color-red) !important;
}
.bg-color-hover-dark-red:hover{
    background-color : var(--color-dark-red) !important;
}

.pagination{
    overflow: auto;
    width : 100%;
}

.pagination li{
    margin : 0 4px;
    list-style: none;
    float : left;
    padding : 4px 8px;
    background-color: var(--color-light-gray);
    color : var(--color-dark-gray);
    border-radius: 4px;
}

.pagination li.active{
    background-color: var(--color-secondary);
    color : #fff;
}

.pagination a{
    color : var(--color-dark-gray);
}

*, strong, input, button, a, textarea, body, select, option{
    font-family: 'PT Sans', sans-serif;
}

body{
    color : #777;
}

#cart-items-container .table-row{
    display: table-row !important;
}
#cart-items-container .table-cell{
    display: table-cell !important;
    padding : 10px;
    outline : 1px solid var(--color-light-gray);
}
#cart-items-container .vertical-top{
    vertical-align: top !important;
}
#cart-items-container .item-name{
    margin : 0;
    max-width : 250px;
}

.item-spesifications > div{
    padding : 0 16px;
}
.item-quantity{
    max-width: 60px;
}

/* shopping cart page */
#shopping-cart-page .quantity-cell input.item-quantity{
    margin : 0;
}
#shopping-cart-page .item-name, #shopping-cart-checkout-page .item-name{
    font-size : 14pt;
}
#shopping-cart-page .item-image img, #shopping-cart-checkout-page .item-image img{
    max-height : 150px;
}
#shopping-cart-page #order-form-container .title{
    padding : 4px 10px;
}
#shopping-cart-page #order-form td{
    padding : 4px 10px;
    vertical-align: top;
}
#shopping-cart-page #order-form td:nth-child(2){
    font-weight: 700;
}
#shopping-cart-page button.delete-item-button, #shopping-cart-page #order-form button.contact-delete-button{
    border-style : none;
    color : white;
    border-radius: 3px;
    background-color : var(--color-red);
    margin-left: 5px;
}
#shopping-cart-page button.delete-item-button:hover, #shopping-cart-page #order-form button.contact-delete-button:hover{
    background-color : var(--color-dark-red);
}
#shopping-cart-page #order-form #add-contact-button{
    margin : 8px 0;
    border-style : none;
    color : white;
    border-radius: 3px;
    background-color : #999;
}
#shopping-cart-page #order-form #contact-input-container input{
    margin : 4px 0;
}

#shopping-cart-page .shopping-cart-empty{
    width : 100% !important;
    padding : 150px 0;
    text-align: center;
}

#shopping-cart-page .input-error{
    color : var(--color-red);
}

#products-page .row-fluid{
    font-size: 0;
}

#products-page .product-item{
    min-height : 320px;
    width : 33.33%;
    display: inline-block;
    padding : 10px;
    box-sizing: border-box;
    font-size: initial;
    vertical-align: top;
}


#products-page .product-item .product-name, #products-page .product-item .product-brand{
    text-overflow: ellipsis;
    overflow: hidden;
}

#products-page .product-item img{
    height : 200px;
    box-sizing: border-box;
}

.navbar{
    position : fixed;
    z-index: 99999;
    top : 0;
    left : 0;
    width : 100%;
}

.navbar .navbar-inner .container{
    height: 60px;
    display: flex;
    align-items : center;
    padding : 0 14px;
}

@media (min-width : 1200px){
    .navbar .navbar-inner .container{
        padding : 0 100px;
    }
}

.navbar .nav-logo{
    padding : 0 !important;
    margin : 0 !important;
}
.navbar .nav-logo img{
    height : 40px;
    padding : 0;
    margin : 0;
}

.navbar .navbar-inner{
    border : none; 
    border-radius : 0;
}
.navbar .navbar-inner .container ul.nav{
    margin : 0;
    min-width : 350px;
}
.navbar .navbar-inner .container #shopping-cart-link{
    margin-left : auto;
    margin-right : 14px;
    min-width: 150px;
}
.navbar .navbar-inner .container .search-bar{
    margin : 0;
    min-width : 300px;
}
.navbar .navbar-inner .container .search-bar input{
    height : 30px;
    margin : 8px;
}
.navbar .navbar-inner .container .search-bar button{
    border : none; 
    background : #00000000;
}

.well{
    background-color : #f7f7f7 !important;
}

.products-carousel .span3{
    margin : 0;
    padding : 6px;
}

.home-carousel .item{
    height : 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.home-carousel .item .carousel-caption{
    position : relative;
    z-index: 99;
}
.home-carousel .item .carousel-caption > *{
    border-radius: 2px;
    color : #fff;
    padding : 10px 20px;
    float : left;
    clear : both;
    box-shadow: 0 3px 3px -3px var(--color-dark-gray);
}

.home-carousel .item .carousel-caption .title-caption{
    font-size : 24pt;
    background-color : var(--color-secondary);
}
.home-carousel .item .carousel-caption .sub-caption{
    font-size : 14pt;
    background-color : var(--color-dark-gray);
}

.home-carousel-nav{
    position : absolute;
    z-index: 999;
    top : 45%;
    font-size: 36pt;
    opacity: 0.5;
}
.home-carousel-nav:hover{
    opacity: 1;
}

.home-carousel-nav.next-button{
    right : 0;
}
.home-carousel-nav.prev-button{
    left : 0;
}

.home-carousel-nav, .products-carousel-nav{
    border-radius: 2px;
    border : none;
}

.products-carousel-nav{
    margin : 0 2px;
    float : right;
}

#send-icon, #loading-icon{
    margin-left : 6px;
}

.footer{
    min-width: 1200px;
}

/* --------------------------------------------------------------------------------------- */

body{
    background-image:url(assets/img/white_leather.png); 
    background-repeat: repeat;
}
#header a{text-decoration:none}
#header p{padding:0; margin:0; line-height:1em; font-size:100%}
#header h1{margin:0;line-height:1em }
#header h1.dotmark{line-height:1.5em;}
#header{ padding-top:60px;}
.logo {padding: 20px;display: block;}
.logo span{display:none}
.dotmark{padding:4px; font-size:14px; line-height:1.5em;  background:#fff; border:1px dashed var(--color-primary); margin:0; color:var(--color-primary); position:relative;}
.dotmark:hover{ border:1px dashed #fff; color:#fff; background:var(--color-primary);}
.dotmark i{position:absolute; left:10%; top:-12px; font-size:21px;}
.offerNoteWrapper{border:6px solid #fff; margin: 6px;}
.offerNoteWrapper:hover{border-color:var(--color-primary);}
h3 {font-size: 18px;line-height: 1.5em;}
hr.soften {margin: 8px 0;background: var(--color-light-gray);}
.moreOptopm.carousel .carousel-control,.moreOptopm.carousel .carousel-control:hover {background:transparent; }
.moreOptopm.carousel .carousel-control {border: 0; top: 50%; bottom: 0;}
.moreOptopm.carousel .carousel-control.right, .moreOptopm.carousel .carousel-control.right:hover {right:0; }
.moreOptopm.carousel .carousel-control.left, .moreOptopm.carousel .carousel-control.left:hover {left:0; }
.moreOptopm.carousel .carousel-control, .moreOptopm.carousel .carousel-control:hover {color: #000;}
.homCar{overflow:hidden;}
.navbar .brand {padding: 0px 20px 0;font-size: 37px;color: black;}
.spaceBtm{padding-bottom:8px}
#myCarousel.homCar .item img{width:100%; max-height:400px}
#myCarousel .btn {border: 0 none;border-radius: 0 0 0 0;bottom: 49px;font-size: 18px;line-height: 42px;padding: 0 28px;position: absolute;right: 0;text-shadow: 0 0 0 transparent;}	
#myCarousel{position:relative; margin: 0;}
.navbar-inner {padding-left: 0;padding-right: 0;}
.thumbnail .btn{ border-radius: 0 0 0 0;}
.thumbnail h4{line-height:42px}
.thumbnail img{ max-width:100%}
.thumbnail:hover {border: 1px solid var(--color-light-gray);}
.form-horizontal.qtyFrm .control-label{text-align: left;}
.form-horizontal.qtyFrm .control-label span{font-size:18px}
.clr{clear:both;}
.moreOptopm.carousel .item img{padding:2px; border:1px solid #ddd}
.moreOptopm.carousel .item img:hover{ border:1px solid pink}
.carousel .item > img {display:inline;}
.moreOptopm{min-height:116px}
#productDetail {margin-bottom:0}
.tabWrapper{background:#fff; padding:14px; border:1px solid #ddd; border-top:0}
#productView .btn-toolbar{padding-left:3px;}
.carousel-control {border: 0px; border-radius:2px}
.carousel-control, .carousel-control:hover {background:var(--color-primary); height:43px; line-height:34px; color: #fff;}
.carousel-control {top: 50%;}
.homCar h4 {background-color: var(--color-primary); color: #fff;padding: 11px 4px;font-size: 26px;text-transform: uppercase;float: left;width: auto;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';opacity: 0.8;}
.homCar p span{background-color: #fff;color: #000;padding: 2px 10px;line-height: 30px;font-size: 28px;float: left;width: auto;opacity: 0.8;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';}
.carousel-control.left{left: -15600px;}
.carousel-control.right{right: -15600px;}
.carousel:hover .carousel-control.right{right: 8px; left: auto;}
.carousel:hover .carousel-control.left{left: 8px;}
.alignR{text-align:right;}
.control-label.alignL, .alignL{text-align:left;}
.loginFrm{ margin-bottom:8px;}
.loginFrm .control-group{padding:8px 14px 0; margin-bottom:0 }
.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {right: 0;left: auto;border-radius: 0; border-color: var(--color-light-gray);}
.navbar .nav , .marginLess{margin:0}
.navbar-search .search-query {padding: 4px 14px;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;line-height: 1.5em; min-width: 200px;}
.navbar-search{margin-left:6px;}
.actionList a{width:50%; font-size:11px; color: var(--color-dark-gray)}
.caption p{margin:0}
.caption h4{margin:0}
.thumbnail .caption {padding: 9px;color: var(--color-dark-gray);background: var(--color-light-gray);}
.footer {background-color:#222; color:#eee; padding: 28px 8px 18px; margin-top: 18px;}
.footer a{color:#bbb; font-size:12px;}
.copyright {clear: both; padding: 8px; border-top: 1px solid var(--color-light-gray); font-size: 13px; background: var(--color-light-gray); box-shadow: 0 0 3px var(--color-light-gray);}
.topNav{padding: 0;border-bottom: 1px solid #CCC;background: #f2f2f2;box-shadow: 0 0 3px var(--color-light-gray);}
.topNav a{color:var(--color-dark-gray); font-size:12px; font-weight:bold; display:inline-block;  padding:8px 4px;}
.topNav a:hover, .topNav a.active{color:#fff; background: var(--color-secondary); text-decoration:none}
.socialNw a{width:24px; height:24px; line-height:24px; display:inline-block; padding:3px; margin-top:3px; font-size:21px; border-radius:50%; background:var(--color-gray); color:#fff; text-align:center; }
.cntr{text-align:center}
.cart{border:1px solid var(--color-light-gray);  }
#sidebar ul {margin: 0;padding: 0;}
#sidebar .alert {padding: 8px;}
#sidebar .nav a{color:#000}
#sidebar .nav a:hover{color: var(--color-secondary)}
#sidebar .cart{border:1px solid var(--color-primary); }
#sidebar h4{margin:0;  line-height:1.5em; padding:0 13px;  }
#sidebar h2{font-size:21px; line-height:21px;}
#sidebar a.defaultBtn:hover, .defaultBtn:hover{color:#fff; text-decoration:none; background:var(--color-dark-gray)}
#sidebar .nav a.zoomTool{color:#fff} 
.thumbnail>a{display:block; text-align:center}
.carousel-caption {background: transparent;background: transparent;}
#compairTbl td{text-align:center;}
.justify{text-align:justify;}
.table td[align=right] {text-align: right;}
.thumbnail h5,.thumbnail p{text-align:center}
.bs-docs-sidenav > li > a {border: 0; border-bottom:1px solid var(--color-light-gray);}
.thumbnail{position:relative;}
.tag {background:url(assets/img/new.png) no-repeat 0 0; position: absolute; display:block; top: -4px;right: -18px; height:48px; width:48px;}
.np{padding:0}
.totalInCart{line-height:26px;}
.absoluteBlk{position:absolute; left:8px; top:8px; width:45%; }
.relative{position:relative}
.socialMedia .on, .socialMedia:hover .off{display:block}
.socialMedia .off, .socialMedia:hover .on{display:none}
#newProductCar .carousel-control {position: absolute;top: -48px;width: 24px;height: 24px;margin-top: 0;font-size: 16px;font-weight: bold;line-height: 1.5em;color: #ffffff;text-align: center;background: var(--color-secondary);border: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
#newProductCar .carousel-control.right {right: 8px; left: auto;}
#newProductCar .carousel-control.left {right: 38px; left: auto;}
#newProductCar{margin-bottom:0}
.zoomTool{width:120px; height:34px; font-size:14px; font-weight:bold; line-height:34px; text-align:center; color:#fff; border-radius:2px; background:var(--color-secondary); position:absolute; left:50%; top:44%; margin-left:-60px; z-index:999; display:none}.thumbnail{background:#fff}
.zoomTool:hover{color:#fff; text-decoration:none; }
.thumbnail>a.overlay, .thumbnail>a.zoomTool {display:none;}
.shopBtn {
    min-height: 34px;
    font-size: 14px;
    font-weight: bold;
    line-height: 34px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background: var(--color-secondary);
    display:inline-block;
    padding:0 12px;
    border:0;
}
.defaultBtn {min-height: 34px;font-size: 14px;font-weight: bold;line-height: 34px;text-align: center;border-radius: 2px;display:inline-block;padding:0 12px;color:var(--color-gray);text-decoration: none;background: var(--color-light-gray);border:0;}
.shopBtn:hover {color: #fff; text-decoration:none; background:var(--color-primary)}
.gotop {background-color: var(--color-secondary);display: none;position: fixed;bottom: 30px;right: 30px;padding: 0px 10px 5px;color: #fff;text-decoration: none;font-size: 30px;line-height: 34px;}
.gotop:hover {color: #fff;text-decoration: none;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-color: var(--color-primary)}
#gototop{margin-top:1px;}
#footerMenu a{ font-size:12px; text-transform:lowercase}