body {font-family: 'Open Sans', sans-serif;font-weight: 400;color: #666;font-size: 12px;line-height: 20px;width: 100%;} h1, h2, h3, h4, h5, h6 {color: #444;} /* default font size */ .fa {font-size: 14px;} /* Override the bootstrap defaults */ h1 {font-size: 33px;} h2 {font-size: 27px;} h3 {font-size: 21px;} h4 {font-size: 15px;} h5 {font-size: 12px;} h6 {font-size: 10.2px;} p{font-size:14px} a {color: #626262;} a:hover {text-decoration: none;} a:focus{outline: none;} .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none} legend {font-size: 18px;padding: 7px 0px} label {font-size: 13px;font-weight: normal;} select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control { font-size: 12px;border-radius: 0; } .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {font-size: 12px;} .input-group .input-group-addon {font-size: 12px;height: 30px;} /* Fix some bootstrap issues */ span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {display: inline;} .nav-tabs {margin-bottom: 15px;} div.required .control-label:before {content: '* ';color: #F00;font-weight: bold;} .swiper-viewport .swiper-slide .img-responsive {display: block;max-width: 100%;height: auto;margin: 0 auto;} footer a:focus {color: #fff;text-decoration: none;} #Subscribe.btn.focus, #Subscribe.btn:focus {color: #fff;text-decoration: none;} .product-filter .btn-group > .btn {position: relative;float: none;} /* Gradent to all drop down menus */ .dropdown-menu li > a:hover {text-decoration: none;color: #ffffff;background-color: #229ac8;background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);background-repeat: repeat-x;} /* top */ #top {background-color: #ededed;padding: 4px 0px 0px 0;margin: 0 0 20px 0;min-height: 50px;} #top .container {padding: 0 20px;} /* new added top section */ .header-top-section{padding:0;} .header-top-section li{display: inline-block;font-size:14px;padding-top: 10px;background: url(../image/header-top-border.png) no-repeat 0;margin-top: 12px;padding:0 15px;} .header-top-section li a{color:#7d7d7d;transition: all .5s;} .header-top-section li:first-child{background: none;padding-left:0;} .header-top-section li a:hover{color: #293094;animation: fill 1s forwards;-webkit-animation: fill 1s forwards;-moz-animation: fill 1s forwards;} /* Header Banner */ .box {position:relative;vertical-align: middle;color: #0b7;display: inline-block;line-height: 60px;text-align: center;transition: 0.5s;cursor: pointer;border: 2px solid transparent;-webkit-transition:0.5s;padding:5px} .box:hover {border: 2px solid rgba(0,160,80,0);color: #FFF;} .box::before, .box::after {width: 100%;height:100%;z-index: 3;content:'';position: absolute;top:0;left:0;box-sizing: border-box;-webkit-transform: scale(0);transition: 0.5s;} .bar::before {border-bottom: 3px solid #b5b6dd;border-left: 3px solid #b5b6dd;-webkit-transform-origin: 100% 0%;} .bar::after {border-top: 3px solid #b5b6dd;border-right: 3px solid #b5b6dd;-webkit-transform-origin: 0% 100%;} .box:hover::after, .box:hover::before {-webkit-transform: scale(1);} /* .box:hover figure {transform: scale(1.1);} .box img {-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;transform: scale(1);} */ /*#top #form-currency .currency-select,#top #form-language .language-select {text-align: left;} #top #form-currency .currency-select:hover,#top #form-language .language-select:hover {text-shadow: none;color: #ffffff;background-color: #229ac8;background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);background-repeat: repeat-x;} #top .btn-link, #top-links li{color: #888;text-shadow: 0 1px 0 #FFF;text-decoration: none;} #top .btn-link:hover{color: #444;} #top-links .dropdown-menu a {text-shadow: none;} #top-links .dropdown-menu a:hover {color: #FFF;} #top .btn-link strong {font-size: 14px;line-height: 14px;} */ /* new added for social icon */ #top-links {padding-top: 6px;} #top-links .list-inline li{background: #293094;margin-left: 6px;border-radius: 5px;transition: all .5s;width: 32px;height: 32px;} #top-links .list-inline li:hover {background: #9da5c1;animation: fill 1s forwards;-webkit-animation: fill 1s forwards;-moz-animation: fill 1s forwards;} /* #top-links .list-inline li .fa.fa-google-plus{padding:;} */ #top-links .list-inline li:hover a{color:#293094;animation: fill 1s forwards;-webkit-animation: fill 1s forwards;-moz-animation: fill 1s forwards;} #top-links .list-inline li a{color: #fff;transition: all .5s;} #top-links .list-inline li a i{font-size:16px;vertical-align: middle;} #top-links a + a {margin-left: 15px;} #top-links .list-inline li .fa.fa-facebook{margin: 8px 6px;} #top-links .list-inline li .fa.fa-twitter,#top-links .list-inline li .fa.fa-linkedin{margin:8px 4px;} #top-links .list-inline li .fa.fa-google-plus{margin:8px 1px} /* logo */ #logo {padding: 10px 0 25px 0;} /* search */ #search.input-group{border: 2px solid #f76521;border-radius: 3px;width: 100%;max-width: 438px;margin:18px 0 16px 66px} #search .input-lg {border-radius:0;border: none;} #search .btn-lg {font-size: 15px;line-height: 24px;background: #f76521;border: 1px solid #f76521;border-radius: 0;box-shadow: none;-webkit-box-shadow:none} #search .form-control {-webkit-box-shadow: none;box-shadow: none} #search .fa.fa-search{color: #fff;font-size:20px} /* for account */ .header-account{float: left;margin-top: 21px;padding-left:52px;} .header-account a{font-size:13px;color:#7b7b7b;text-transform: uppercase;font-weight: 600;} .header-account a img{margin-right:22px;} /* cart */ #cart {margin: 21px 0 0px 0;} #cart > .btn {font-size: 16px;line-height: 18px;color: #000;background: url(../image/cart.png) no-repeat;border: 0;box-shadow: none;text-shadow: none;text-align: right;border-radius: 0;width: 33px;height: 37px;float: right;} #cart-total{display:block;text-align:center;} #cart .count-items {position: absolute; top: 18px;right: 3px;background:#eb0000;width: 20px;height: 20px;color: #fff;font-size: 12px;text-align: center;border-radius: 50px;line-height: 20px;} #cart .dropdown-menu {min-width: 100%;background:#f4f4f4;padding: 5px 0;border-color: #ebe9e9;margin: 15px 0 0;min-width: 200px;min-height: 75px;-webkit-transform-origin: 100% 0 0;-ms-transform-origin: 100% 0 0; transform-origin: 100% 0 0; transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;display: block; -webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);opacity: 0;z-index: 10000;} #cart:hover .dropdown-menu {display: block; opacity: 1; -webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);right: 0;min-width: 300px;font-size:15px;} #cart strong{font-size: 13px;} /* #cart.open > .btn {background-color: #FFFFFF;border: 1px solid #E6E6E6;color: #666;box-shadow: none;text-shadow: none; } #cart.open > .btn:hover {color: #444;} #cart .dropdown-menu {background: #eee;z-index: 1001;} #cart .dropdown-menu {min-width: 100%;} */ /*header-top-banner */ .header-banner{margin-top:47px} @media (max-width: 478px) { #cart .dropdown-menu {width: 100%;} } #cart .dropdown-menu table {margin-bottom: 10px;} #cart .dropdown-menu li > div {min-width: 427px;padding: 0 10px;} @media (max-width: 478px) { #cart .dropdown-menu li > div {min-width: 100%;} } #cart .dropdown-menu li p {margin: 20px 0;} @media (min-width: 992px) { /* menu */ #menu .collapse.navbar-collapse.navbar-ex1-collapse{padding: 0;float: left;} #menu {background-color: #293094;/*background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);background-repeat: repeat-x;border-color: #1f90bb #1f90bb #145e7a;*/} #menu.navbar{border-radius: 0px;margin-bottom: 0px;} #menu .nav.navbar-nav li,#menu .dropdown-inner a{transition: all .5s;} #menu .nav.navbar-nav li:hover:after{animation: fill 1s forwards;-webkit-animation: fill 1s forwards;-moz-animation: fill 1s forwards;} #menu .nav.navbar-nav li.nav-list-main{background: url(../image/border-right.png)no-repeat 0;padding: 0 12px;} #menu .nav li.nav-list-main:first-child{background: none;padding-left: 0;} /* #menu .nav li:last-child{background: none;} */ #menu .nav > li.nav-list-main > a {color: #fefefe;background-color: transparent;text-transform: uppercase;font: 18px 'Open Sans Regular', sans-serif;} /* #menu .nav > li.telephone {background: url(../image/telephone-icon.png)no-repeat 8px 15px #1e247a;padding:12px 26px} #menu .nav > li.telephone span{font: 26px 'Open Sans', sans-serif;font-weight: 600;color: #fff;margin-left:30px;} */ #menu .telephone {background:#1e247a;width: 100%;max-width: 290px;float: right; padding: 10px 0 5px 12px;} #menu .telephone span{font: 26px 'Open Sans', sans-serif;font-weight: 600;color: #fff;} #menu .telephone figure{float: left;margin-right: 12px;} #menu .nav > li.nav-list-main:hover, #menu .nav > li.nav-list-main.open > a {background-color: #f76521} #menu .dropdown-menu {padding-bottom: 0;} #menu .dropdown-inner {display: table;} #menu .dropdown-inner ul {display: table-cell;} #menu .dropdown-inner a {min-width: 250px;display: block;padding: 10px 20px;clear: both;line-height: 20px;color: #333333;font-size: 14px;} #menu .dropdown-inner li a:hover {color: #e45d18;background: none;} /* #menu .see-all {display: block;margin-top: 0.5em;border-top: 1px solid #DDD;padding: 3px 20px;-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 3px 3px;font-size: 12px;} */ /* #menu .see-all:hover, #menu .see-all:focus {text-decoration: none;color: #ffffff;background-color: #229ac8;background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);background-repeat: repeat-x;} */ #menu #category {float: left;padding-left: 15px;font-size: 16px;font-weight: 700;line-height: 40px;color: #fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);} #menu .btn-navbar {font-size: 15px;font-stretch: expanded;color: #FFF;padding: 2px 18px;float: right;background-color: #229ac8;background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);background-repeat: repeat-x;border-color: #1f90bb #1f90bb #145e7a;} #menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {color: #ffffff;background-color: #229ac8;} } @media (min-width: 768px) { #menu .dropdown:hover .dropdown-menu { display: block; } } @media (max-width: 767px) { #menu {border-radius: 4px;} #menu div.dropdown-inner > ul.list-unstyled {display: block;} #menu div.dropdown-menu {margin-left: 0 !important;padding-bottom: 10px;background-color: rgba(0, 0, 0, 0.1);} #menu .dropdown-inner {display: block;} #menu .dropdown-inner a {width: 100%;color: #fff;} #menu .dropdown-menu a:hover, #menu .dropdown-menu ul li a:hover {background: rgba(0, 0, 0, 0.1);} #menu .see-all {margin-top: 0;border: none;border-radius: 0;color: #fff;} } /* content */ #content { min-height: 600px; } /* footer-services section */ .services{background: #293094;padding: 39px 0 52px 0;margin-top: 52px;} .services .service-box{transition: all .3s 0s ease-in;padding-bottom: 15px;} .services figure{text-align: center;margin: 0 auto;} .services .intrest-detail{text-align: center;} .services .intrest-detail h3{color: #fff;font:30px 'Open Sans Semibold', sans-serif;text-transform: uppercase;margin: 10px 0 5px;} .services .intrest-detail h3 span{color:#fff;font:30px 'Open Sans Regular', sans-serif;text-transform: uppercase;font-weight: 100;} .services .intrest-detail p{font-size:13px;color:#fff;font-family: 'Open Sans Regular', sans-serif;} .services .service-box:hover{transition: all .3s 0s ease-in;background:rgba(72, 78, 169, 0.5);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} /* newsletter */ .newsletter{background: #ffffff;padding: 30px 0 26px;text-align: center;} /* .newsletter h2::after {position: absolute;content: "";width: 100%;right: 100px;border: 1px solid #dfdfdf;max-width: 260px;margin-top: 25px;} .newsletter h2::before{position: absolute;content: "";width: 100%;left: 100px;border: 1px solid #dfdfdf;max-width: 260px;margin-top: 25px;} */ /* .newsletter h2{font:40px 'Open Sans Semibold', sans-serif; text-transform: uppercase;color:#282828;font-weight: 400;padding-bottom: 12px;} .newsletter h2 span{font: 40px 'Open Sans Regular', sans-serif;text-transform: uppercase;font-weight: 100; color: #606060;} */ /* new css */ /* .subtitle{font-size: 45px;color: #282828;text-align: center;text-transform: uppercase;margin: 0 0 35px 0;padding: 0 20px;} */ .subtitle{font-size:40px; text-transform: uppercase;color:#282828;font-weight: 600;} .subtitle.fancy{border-bottom:1px solid #dfdfdf;margin-bottom:50px} .fancy .fancy-line{background:#fff; display:inline-block;padding:0 20px;position:relative;top:24px} /* .newsletter .fancy .fancy-line{background:#f0f0f0} */ .fancy .fancy-line span{color:#777} .newsletter .subtitle.fancy{border-color:#dfdfdf} .newsletter .fancy .fancy-line span{color:#606060} /* end */ .newsletter p{font-size: 13px;color:#676767;padding:0 130px 10px} .newsletter input {border-left: 0;width: 100%;max-width:410px;font-size: 13px;margin: 0 auto;text-align:center;border-top: 0;border-right: 0;border-radius: 0;box-shadow: 0;color: #9c9c9c;background: transparent;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0);border-color: #bebebe;padding: 28px 16px;} .newsletter p.btn-center{margin-top:30px;} /* .newsletter button{width: 100%;max-width: 164px;background: #f76521;color: #fff;border-radius: 0;text-transform: uppercase;padding: 12px 0;border: none;font-size:17px} .newsletter button span{border: 1px solid #fba983;padding: 8px 32px;} */ .newsletter button {display: inline-block;position: relative;background: #f76521;border: none;color: #fff;font-size: 17px;cursor: pointer;width:100%;max-width:164px;text-transform: uppercase;padding:4px 0px 5px;border-radius: 0;} .newsletter button span{border: 1px solid #fba983;display:inline-block;padding: 8px 32px;} .newsletter button::before,.newsletter button::after{content:"";width: 0;height: 3px;position: absolute;transition: all 0.2s linear;background: #d24f12;} .newsletter button:hover span{color:#fff} .newsletter button span::before,.newsletter button span::after{content:"";width:3px;height:0;position: absolute;transition: all 0.2s linear;background: #d24f12;} .newsletter button:hover::before,.newsletter button:hover::after{width: 100%;} .newsletter button:hover span::before,.newsletter button:hover span::after{height: 100%;} .newsletter button::after{left:0;bottom: 0;transition-duration: 0.4s;} .newsletter button span::after{right:0;top: 0;transition-duration: 0.4s;} .newsletter button::before{right: 0;top: 0;transition-duration: 0.4s;} .newsletter button span::before{left: 0;bottom: 0;transition-duration: 0.4s;} /* footer-top-sponsors */ .sponsors{background: #ededed;padding: 18px 0;text-align: center;} .sponsors ul{padding: 0;margin: 0;} .sponsors ul li {display: inline-block;margin: 0 10px;position: relative;vertical-align: middle;} .sponsors ul li figure {max-width: 205px;} .sponsors ul li figure img {max-width: 100%;height: auto;margin: 0 auto;} /* footer */ footer {padding-top: 60px;background-color: #1c1c1c;border-top: 1px solid #fff;} /* footer hr {border-top: none;border-bottom: 1px solid #666;} */ footer h5 {font-size: 24px;font-weight: 600;color: #dadada;text-transform: uppercase;border-bottom: 2px solid #353535;padding-bottom: 24px;} footer a, footer p {color: #cdcdcd;font:15px 'Arial Regular',sans-serif; } footer a:hover {color: #fff;} footer ul.list-unstyled{padding-top: 16px;} footer ul.list-unstyled li{background: url(../image/left-footer-arrow.png)no-repeat 0 6px;margin-bottom: 13px;} footer ul.list-unstyled li a{padding-left: 25px;} footer p{padding-top: 17px;} footer ul.location{padding: 0;list-style: none;} footer ul.location li{text-decoration: none;color: #cdcdcd;font:15px 'Arial Regular',sans-serif;padding: 15px 0 10px;} footer ul.location li i{font-size:20px;padding-right: 16px;vertical-align: top;} footer ul.location li.address{display: flex;line-height: 24px;} footer .location .fa.fa-mobile {font-size: 24px;padding-right: 22px;} footer .location .fa.fa-map-marker{padding-right: 26px;} /* footer-bottom */ .copyright-footer{background:#161616;padding:27px 0 12px} .copyright-footer ul.payment-card {float: right;} .payment-card li {list-style: none;display: inline;margin: 0 2px;} .copyright-footer p{float: left;margin-left: -15px;font: 15px 'Arial Regular',sans-serif;color:#cdcdcd;} /* alert */ .alert {padding: 8px 14px 8px 14px;} /* breadcrumb */ #breadcrumb {background: #ededed;padding: 20px 0 15px 0;margin: 0 0 15px;} .breadcrumb {margin:0;padding:0;background: none;} .breadcrumb i {font-size: 15px;} .breadcrumb > li a {color: #202020;} .breadcrumb > li {padding: 0 15px;position: relative;white-space: nowrap;font-size: 15px;line-height: 22px;} .breadcrumb > li + li:before {content: '';padding: 0;} .breadcrumb > li:after {content: '';display: block;position: absolute;top: 8px;right: -5px;width: 10px;height: 10px;border-right: 1px solid #676767;border-bottom: 1px solid #676767;transform: rotate(-45deg);} .pagination {margin: 0;vertical-align: middle;margin-top: 6px;} /* buttons */ .buttons {margin: 1em 0;} .btn {padding: 7.5px 12px;font-size: 12px;border: 1px solid #cccccc;border-radius: 4px;box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);} .btn-xs {font-size: 9px;} .btn-sm {font-size: 10.2px;} .btn-lg {padding: 10px 16px;font-size: 15px;} .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {font-size: 12px;} .btn-group > .btn-xs {font-size: 9px;} .btn-group > .btn-sm {font-size: 10.2px;} .btn-group > .btn-lg {font-size: 15px;} .btn-default{background-color: #f76521;border-color: 0;border: 1px solid #f76521;color: #fff;padding: 10px 15px;text-transform: uppercase;border: 0;border-radius: 0;transition: all .3s 0s ease-in} .btn-default:hover{background-color: #f8824b;border-color: 0;border: 1px solid #f8824b;color:#000;text-transform: uppercase;border: 0;border-radius: 0;transition: all .3s 0s ease-in} .pull-left .btn-default {color: #fff;background-color: #f76521;border-color: 0;border: 0;padding: 10px 20px;font-size:14px;border-radius: 0;text-transform: uppercase;} .pull-left .btn-default:hover {color: #000;background-color: #f8824b;border-color: 0;border-bottom: 0;text-transform: uppercase;} /* used in account page */ .btn-primary {color: #ffffff;text-shadow: none;background-color: #293094;border-color:0;text-transform: uppercase;padding: 10px 15px;font-size:14px;border: 0;border-radius: 0;transition: all .3s 0s ease-in;} .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {background-color: #5f64ab;border-color: 0;text-transform: uppercase;border: 0;border-radius: 0;transition: all .3s 0s ease-in;} #checkout-cart .btn-update{padding: 7.3px 12px;} #checkout-cart .btn-cart-remove{padding: 8.5px 12px;} /* table-cart on Account Wishlist Page */ #account-wishlist .btn.btn-primary.table-cart{color: #ffffff;text-shadow: none;background-color: #293094;border-color:0;text-transform: uppercase;padding: 8px 12px;font-size:14px;border: 0;border-radius: 2px;} .btn-danger {color: #ffffff;background-color: #da4f49;border:0;padding: 9.5px 12px;border-radius: 2px;} #product-compare .btn-compare{color: #ffffff;background-color: #da4f49;border:0;font-size:14px;text-transform: uppercase;padding: 10px 25px;border-radius: 0;} .btn-warning {color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #faa732;background-image: linear-gradient(to bottom, #fbb450, #f89406);background-repeat: repeat-x;border-color: #f89406 #f89406 #ad6704;} .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);} .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);} .btn-success {color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #5bb75b;background-image: linear-gradient(to bottom, #62c462, #51a351);background-repeat: repeat-x;border-color: #51a351 #51a351 #387038;} .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);} .btn-info {color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #df5c39;background-image: linear-gradient(to bottom, #e06342, #dc512c);background-repeat: repeat-x;border-color: #dc512c #dc512c #a2371a;} .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-image: none;background-color: #df5c39;} .btn-link {border-color: rgba(0, 0, 0, 0);cursor: pointer;color: #23A1D1;border-radius: 0;} .btn-link, .btn-link:active, .btn-link[disabled] {background-color: rgba(212, 54, 54, 0);background-image: none;box-shadow: none;} .btn-inverse {color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #363636;background-image: linear-gradient(to bottom, #444444, #222222);background-repeat: repeat-x;border-color: #222222 #222222 #000000;} .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {background-color: #222222;background-image: linear-gradient(to bottom, #333333, #111111);} .alert-success {position: fixed;border-radius: 0px;top: 0px;left: 0px;padding: 11px 25px;text-align: center;width: 100%;z-index: 100001;font-size: 14px;} /* list group */ .list-group a {border: 1px solid #DDDDDD;color: #676767;padding: 8px 12px;font-size:14px} .list-group a.active, .list-group a.active:hover, .list-group a:hover {color: #000;background: #eeeeee;border: 1px solid #DDDDDD;text-shadow: 0 1px 0 #FFF;} .list-group-item:first-child {border-top-left-radius: 0;border-top-right-radius: 0;} .list-group.information a{display: block;border-top: 0;} /*list-group column-left and column-right */ #column-left .sidebox h3, #column-right .sidebox h3 {margin-bottom: 0;} #column-left h3, #column-right h3 {margin: 10px 0 0px;text-transform: uppercase;font-size: 20px;font-weight: 400;background-color: #293094;color:#fff;padding: 12px 10px;border-radius: 2px 2px 0 0;} /* carousel */ .carousel-caption {color: #FFFFFF;text-shadow: 0 1px 0 #000000;} .carousel-control .icon-prev:before {content: '\f053';font-family: FontAwesome;} .carousel-control .icon-next:before {content: '\f054';font-family: FontAwesome;} .banner .banner-slide{margin-top: 10px;} /* product list */ .product-thumb {border: 1px solid #ddd;margin-bottom: 20px;overflow: auto;} .product-thumb .image {text-align: center;} .product-thumb .image a {display: block;} .product-thumb .image a:hover {opacity: 0.8;} .product-thumb .image img {margin-left: auto;margin-right: auto;} .product-grid .product-thumb .image {float: none;} @media (min-width: 767px) { .product-list .product-thumb .image {float: left;padding: 0 15px;} } /* common for main-headings */ .latest{padding: 42px 0 14px;} .latest h3.heading,.featured h3.heading{border-bottom: 3px solid #293094;display: flex;margin-bottom: 25px;} .latest .heading span, .featured .heading span{background:#293094;padding:12px 43px;color: #fff;text-transform: uppercase;font-size: 25px;font-weight: 600;} /* featured */ /* .featured{padding-bottom: 52px;} */ /* may be change only for home page feature */ .latest .product-layout, .featured .product-layout{padding-top: 16px;} .product-thumb h4 {font-weight: bold;text-transform: uppercase;padding-bottom: 4px;} .product-thumb h4 a{color:#232222;font-size: 15px;} .product-thumb .caption {padding: 18px 20px 0;/* min-height: 180px; */text-align: center;} /* .product-list .product-thumb .caption {margin-left: 230px;} */ /* product category page */ #product-category #content h2 {font-size: 24px;text-transform: uppercase;display: inline-block;border-bottom: 4px solid #293094;;padding-bottom: 4px;margin-bottom: 30px;} #content h3.text-refine{color: #000;font-size:20px;font-weight: 500;} #product-category #content .catg-info{margin-bottom: 30px;} #product-category #content .catg-info p {font-size: 14px;line-height: 24px;} .refine-search {margin: 15px 0 20px;padding: 10px 0;border: 1px solid #dfdfdf;} .refine-search ul li {background: url(../image/arrow-arrow.png) no-repeat 0 5px;list-style: none;margin-left: -40px;margin-bottom: 5px;} .refine-search ul li a {margin-left: 20px;padding: 5px 5px;font-size: 14px;color: #232222;} .product-layout.product-grid .product-thumb p.description{display: none;} #compare-total {padding-left: 0;font-size: 14px;font-weight: 600;color: #000;} .btn-group button#list-view,.btn-group button#grid-view{color: #606060;background-color: #dfdfdf;text-shadow: none;box-shadow: none;border: 1px solid #dfdfdf;} #product-category .product-filter{margin-bottom: 15px;} .product-filter .btn-group button#list-view.active,.product-filter .btn-group button#grid-view.active{background-color: #293094;color: #fff;border: 1px solid #293094;text-shadow: none;box-shadow: none;} .product-list .product-thumb .left-block {padding: 8px;width: 30%;display: inline-block;} .product-list .product-thumb .right-block {padding: 20px 30px 0px 30px;width:70%;float: right;border-left: 1px solid #e5e5e5;} .product-list .product-thumb .right-block h4 {margin-bottom: 5px;font-weight: 400;} .product-list .product-thumb .right-block h4 a {color: #444;text-transform: uppercase;font-size: 16px;font-size: 1.6rem;} .product-list .product-thumb .right-block .caption{text-align: left;padding: 0;} .product-list .product-thumb .right-block .caption p.description{font-size: 14px;color:#676767 ;line-height: 24px;} /* page navigation */ .page-results{margin:25px 0 40px;border: 1px solid #dfdfdf;padding: 10px 0;} .page-results .text-right{font-size: 15px;color: #606060;padding: 10px 20px;} a.forgotten-text {color: #0390d9;font-size: 14px;} /* category page only for product-list button */ .product-list .product-thumb .button-group {/*margin-left: 300px;padding: 0 30px 20px 30px;*/background: none;overflow: hidden;border: 0;padding-bottom: 20px;} .product-list .product-thumb .button-group .addtocart {font-size: 14px;font-weight: 400;color: #fff;white-space: nowrap;text-transform: uppercase;background-color: #293094;border-radius: 3px;border: none;margin:0 5px;height: 40px;line-height: 40px;float: left;width:100%;max-width: 140px;} .product-list .product-thumb .button-group .compare,.product-list .product-thumb .button-group .wishlist {border: 1px solid #9e9e9e;float: left;padding: 0; background-color: #fff;border-radius: 3px;color: #212021;width: 40px;height: 40px;line-height: 40px;text-align: center;margin: 0 2px;font-size: 14px;} /* .product-list .product-thumb .button-group .addtocart:hover {background-color: #293094;color: #fff;text-transform: uppercase;} .product-list .product-thumb .button-group .compare:hover,.product-list .product-thumb .button-group .wishlist:hover {background-color: #293094;color: #fff;border-color: #293094;} */ /* information pages common*/ #content h1.border-heading{font-size: 24px;text-transform: uppercase;display: inline-block;border-bottom: 4px solid #293094;;padding-bottom: 4px;margin-bottom: 20px;} #information-information #content p,#account-return #content p,#product-search p.search-para,#account-register #content p, #account-forgotten p,#common-success p,#account-address p,#account-wishlist p,#account-order p,#account-download p,#account-recurring p,#account-reward p,#account-transaction p,#error-not-found p,#product-compare p,#checkout-cart p{font-size: 14px;line-height: 24px;} /* Account Login Page */ .account-login{margin-top: 10px;} .account-login .well {min-height: 390px;padding: 19px;/* margin-bottom: 20px; */background-color:#fff;border: 2px solid #DDDDDD;border-radius: 0;box-shadow: none;} .account-login .well h2{font-size: 24px;text-transform: uppercase;display: inline-block;border-bottom: 4px solid #293094;;padding-bottom: 4px;margin-bottom: 30px;} .account-login .well p strong{font-size:16px;color:#777676} .account-login .well p{font-size: 13px;line-height: 24px;} /* contact Page */ #information-contact h3.subhead {border: 0 none;font-size: 18px;font-weight: 400;padding: 7px 0;margin: 5px 0 8px;} #information-contact .panel-default {margin: 20px 0;border: 1px solid #e5e5e5;border-radius: 0;box-shadow: none;} #information-contact .panel-body {font-size: 14px;} #information-contact .panel-body strong {display: block;margin-bottom: 8px;font-weight: 600;} /* common for all fieldset and legend */ #information-contact fieldset, #account-return fieldset, #account-register fieldset, #account-forgotten fieldset,#account-account fieldset,#account-edit fieldset, #account-password fieldset,#account-newsletter fieldset{background: #fff;border: 1px solid #e5e5e5;margin-bottom: 20px;padding: 10px 20px;} #information-contact fieldset legend, #account-return fieldset legend, #account-register fieldset legend, #account-forgotten fieldset legend,#account-account fieldset legend,#account-edit fieldset legend,#account-password fieldset legend {background: #293094;width: auto;border: 1px solid #293094;display: inline-block;font-size: 18px;margin-top: 18px;padding: 7px 15px;color: #fff;} /* sitemap */ .sitemap {font-size: 15px;margin-top: 25px;} #content .sitemap ul{padding: 0;} .sitemap div > ul > li {margin-bottom: 15px;} #content .sitemap ul li {background:url(../image/arrow-arrow.png) no-repeat 10px 15px;padding: 10px 10px 10px 30px;list-style: none;color: #242424;border: 1px solid #dbdee7;} #content .sitemap ul li a {color: #242424;} #content .sitemap ul li ul li {background: url(../image/circle-orange.png) no-repeat 0 14px;padding: 10px 10px 0 17px;border: 0;} /* Search Page */ .searchbox {background: #f7f6f6;margin: 20px 0 30px;padding: 10px 15px 15px;} #product-search h2 {border: none;margin-bottom: 20px;font-size: 24px;text-transform: uppercase;display: inline-block;} #compare-total {padding-left: 0;font-size: 14px;font-weight: 600;color: #000;} #product-search p{margin-bottom: 10px;} /* manufacturer List */ #product-manufacturer .manufacturer-content{margin: 0;} #product-manufacturer strong{font-size:15px} #product-manufacturer a{font-size: 15px;color: #606060;} .manufacturer-list {border: 1px solid #dbdee1;margin-bottom: 15px;padding-bottom: 20px;} #content .manufacturer-list h2 {background: #f8f8f8;color: #000;font-size: 15px;font-weight: 700;padding: 10px 15px;margin-bottom: 6px;margin-top: 0;width: 100%;border-bottom: 1px solid #c8c6c6;} .manufacturer-content a {font-size: 15px;color:#000} /* Account Register */ #account-register .pull-right{font-size:15px} /* account */ #account-account .list-unstyled li{font-size: 14px;padding-bottom:6px;} #account-account .list-unstyled li a{color:#606060} /* reward table */ #account-reward .table-bordered,#account-transaction .table-bordered,#account-wishlist .table-bordered,#product-compare .table-bordered,#checkout-cart .table-bordered{font-size: 14px;padding: 12px} #account-reward .table-bordered tr,#account-transaction .table-bordered tr,#account-wishlist .table-bordered tr,#checkout-cart .table-bordered tr{padding:12px} #account-reward .table-bordered > thead > tr > td,#account-transaction .table-bordered > thead > tr > td,#account-wishlist .table-bordered > thead > tr > td, #checkout-cart .table-bordered > thead > tr > td {border-bottom: 0;padding: 12px;} #account-reward .table-bordered > tbody > tr > td,#account-transaction > tbody > tr > td,#account-wishlist .table-bordered > tbody > tr > td, #checkout-cart .table-bordered > tbody > tr > td{padding: 12px 0;} /* shoppping cart page */ #accordion .panel-title{font-size:14px} #button-quote {float: right;} #accordion .input-group-btn .btn.btn-primary {padding: 7.4px 12px;vertical-align: top;border: 1px solid #293094;} #checkout-cart .checkout-table{margin: 0 auto;} /* Product Page */ #product .product-info .list-unstyled.common-color,#product .product-info .list-unstyled li span,#product .product-info .list-unstyled li{font-size: 14px;} .nav-tabs {margin: 20px 0 0;background: #f5f5f5;border-color: #eeeded;} #product-product #content ul li a {color: #242424;font-size:15px} .tab-content {position: relative;top: 0;padding: 15px 15px 5px;margin-bottom: 30px;border: 1px solid #e5e5e5;border-top: 0;} #tab-description p{font-size: 14px;line-height: 24px;} #tab-description ul li{font-size: 14px;} #tab-description h3{color: #000;font-size: 24px;} #product-product #product .input-group-btn .btn.btn-default{padding: 8.4px 15px;} #product-product #select-box .button-group{margin-top: 10px;} #product .list-unstyled li h2 {color: #293094;border: none;font-weight: 600;background-color: #c3c4e4;padding: 5px 10px;display: inline-block;} /* side-bar special module*/ aside h3 span {border-bottom: 2px solid #293094;display: inline-block;margin: 0 0 -1px;padding: 0 0 10px;text-transform: none;} aside .product-thumb {border: 1px solid #ddd;margin: -1px 0 0;padding: 15px 5px 0 0;} aside .product-thumb .image {border: none;margin: 0 0 10px;min-height: 74px;float: left;padding: 0; background: none;} aside .product-thumb .image a {display: inline;float:left;border-right: 1px solid #ddd;} aside .product-thumb .image img {transition: none 0s ease 0s;} aside .product-thumb .caption {font-size: 14px;min-height: 90px;padding: 0;margin: 0 0 0 100px;} aside .product-thumb h4 {font-weight: 600;font-size: 15px;text-transform: capitalize;margin: 0 0 4px 0;} aside .product-thumb .rating {display: block;padding-bottom: 3px;} aside .product-thumb .price {margin: 0 0 4px;font-size: 15px;} aside .product-thumb .button-group {display: none;} aside .product-thumb .ribbon{display: none;} aside .product-thumb:hover {border-color: #ddd;} @media (max-width: 1200px) { /* .product-grid .product-thumb .caption { min-height: 210px; padding: 0 10px; } */ } @media (max-width: 767px) { .product-list .product-thumb .caption {min-height: 0;margin-left: 0;padding: 0 10px;} .product-grid .product-thumb .caption {min-height: 0;} } .product-thumb .rating {padding-bottom: 5px;} .rating .fa-stack {font-size: 8px;} .rating .fa-star-o {color: #999;font-size: 15px;} .rating .fa-star {color: #FC0;font-size: 15px;} .rating .fa-star + .fa-star-o {color: #E69500;} h2.price {margin: 0;} /* product-thumb price */ .product-thumb .price {font-size:18px;color: #f76521;padding-bottom: 15px;} .product-thumb .price-new {font-weight: 600;} .product-thumb .price-old {color: #999;text-decoration: line-through;margin-left: 10px;} .product-thumb .price-tax {color: #999;font-size: 12px;display: block;} .product-thumb .button-group {border-top: 1px solid #ddd;background-color: #eee;overflow: auto;} /* .product-list .product-thumb .button-group {border-left: 1px solid #ddd;} */ @media (max-width: 768px) { .product-list .product-thumb .button-group { border-left: none; } } .featured .product-layout .product-thumb .button-group, .latest .product-layout .product-thumb .button-group, .product-layout.product-grid .product-thumb .button-group,#product-product .product-thumb .button-group {visibility: hidden;opacity: 0;transition: all 0.3s ease-in-out 0s;background-color: #293094;/*height: 48px;line-height: 48px;*/font-size: 0;position: absolute;bottom: -50px;width: 100%;max-width: 200px;left: 0;right: 0;margin: 0 auto;} /* .product-thumb .button-group button {width: 60%;border: none;display: inline-block;float: left;background-color: #eee;color: #888;line-height: 38px;font-weight: bold;text-align: center;text-transform: uppercase;} */ .product-thumb .button-group button + button {/* width: 20%; */border-left: 1px solid #fff;} /* .product-thumb .button-group button:hover {color: #444;background-color: #ddd;text-decoration: none;cursor: pointer;} */ .featured .product-layout .product-thumb:hover .button-group, .latest .product-layout .product-thumb:hover .button-group, .product-layout.product-grid .product-thumb:hover .button-group, #product-product .product-thumb:hover .button-group{bottom: 48px;visibility: visible;opacity: 1;transition: all 0.3s ease-in-out 0s;left: 0;right: 0;margin: 0 auto;} .featured .product-layout .product-thumb .button-group button.addtocart, .latest .product-layout .product-thumb .button-group button.addtocart, .product-layout.product-grid .product-thumb .button-group button.addtocart, #product-product .product-thumb .button-group button.addtocart{width: 50%;text-transform: uppercase;} .featured .product-layout .product-thumb .button-group button, .latest .product-layout .product-thumb .button-group button, .product-layout.product-grid .product-thumb .button-group button,#product-product .product-thumb .button-group button{width: 25%;padding:10px 0;border: none;display: inline-block;background-color: #293094;color: #fff;text-align: center;font-size: 14px;font-weight: 500;margin: 0;} .featured .product-layout .product-thumb .button-group button.compare,.featured .product-layout .product-thumb .button-group button.wishlist, .latest .product-layout .product-thumb .button-group button.compare,.latest .product-layout .product-thumb .button-group button.wishlist,.product-layout.product-grid .product-thumb .button-group button.compare, .product-layout.product-grid .product-thumb .button-group button.wishlist, #product-product .product-thumb .button-group button.compare, #product-product .product-thumb .button-group button.wishlist{border-left: 1px solid #fff;border-right: 1px solid #fff;} .featured .product-layout .product-thumb .button-group button:hover, .latest .product-layout .product-thumb .button-group button:hover, .product-layout.product-grid .product-thumb .button-group button:hover, #product-product .product-thumb .button-group button:hover{display: inline-block;background-color: #293094;color: #fff;text-align: center;font-size: 14px;font-weight: 500;margin: 0;text-transform: uppercase;} @media (max-width: 1200px) { .product-thumb .button-group button, .product-thumb .button-group button + button { width: 33.33%; } } @media (max-width: 767px) { .product-thumb .button-group button, .product-thumb .button-group button + button { width: 33.33%; } } .thumbnails {overflow: auto;clear: both;list-style: none;padding: 0;margin: 0;} .thumbnails > li {margin-left: 20px;} .thumbnails {margin-left: -20px;} .thumbnails > img {width: 100%;} .image-additional a {margin-bottom: 20px;padding: 5px;display: block;border: 1px solid #ddd;} .image-additional {max-width: 78px;} .thumbnails .image-additional {float: left;margin-left: 20px;} @media (min-width: 1200px) { #content .col-lg-2:nth-child(6n+1), #content .col-lg-3:nth-child(4n+1), #content .col-lg-4:nth-child(3n+1), #content .col-lg-6:nth-child(2n+1) { clear:left; } } @media (min-width: 992px) and (max-width: 1199px) { #content .col-md-2:nth-child(6n+1), #content .col-md-3:nth-child(4n+1), #content .col-md-4:nth-child(3n+1), #content .col-md-6:nth-child(2n+1) { clear:left; } } @media (min-width: 768px) and (max-width: 991px) { #content .col-sm-2:nth-child(6n+1), #content .col-sm-3:nth-child(4n+1), #content .col-sm-4:nth-child(3n+1), #content .col-sm-6:nth-child(2n+1) { clear:left; } } /* fixed colum left + content + right*/ @media (min-width: 768px) { #column-left .product-layout .col-md-3 { width: 100%; } #column-left + #content .product-layout .col-md-3 { width: 50%; } #column-left + #content + #column-right .product-layout .col-md-3 { width: 100%; } #content + #column-right .product-layout .col-md-3 { width: 100%; } } /* fixed product layouts used in left and right columns */ #column-left .product-layout, #column-right .product-layout { width: 100%; } /* fixed mobile cart quantity input */ .input-group .form-control[name^=quantity] { min-width: 50px; } /* Missing focus and border color to overwrite bootstrap */ .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-image: none; background-color: #df5c39; } /* new menu added */ @media (max-width:991px){ /* BURGER========================================== */ /*-----*/ #menu .nav > li.dropdown span.dropdown-toggle{background:url(../image/arrow-menu.png) no-repeat 30px 25px;cursor:pointer;height:50px;position:absolute;right:0px;top:-5px;width:50px;} #menu .nav > li.open span.dropdown-toggle{background-position:30px -18px;} #menu .container{width: auto;} /* #menu .nav > li > a:focus, #menu .nav > li:hover {background-color:transparent;} */ #menu .nav .open > a,#menu .nav .open > a:focus,#menu .nav .open > a:hover {background-color: transparent;} #menu .dropdown-inner ul li a:hover{color:#7a7fc1;} #menu .nav > li > a:hover {text-decoration: none;background-color:transparent;border-color:#7176bb;} #menu .nav > li:hover{border-color: #7176bb;} .burger {width: 50px; height: 50px; position: fixed;top: 0;right: 15px;border-radius: 4px;z-index:1000000;background-color: transparent;} .burger span {position: relative;margin-top: 9px;margin-bottom: 9px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: absolute; top: 50%;left: 50%;margin-left: -15px;margin-top: -1.6px;} .burger span, .burger span::before, .burger span::after {display: block;width: 30px;height: 3px;background-color:#293094;outline: 1px solid transparent;-webkit-transition-property: background-color, -webkit-transform;-moz-transition-property: background-color, -moz-transform;-o-transition-property: background-color, -o-transform;transition-property: background-color, transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;} .burger span::before, .burger span::after {position: absolute;content: "";} .burger span::before {top: -9px;} .burger span::after {top: 9px;} .burger.clicked span {background-color: transparent;} .burger.clicked span::before {-webkit-transform: translateY(9px) rotate(45deg);-moz-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);-o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);} .burger.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg);-moz-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);} .burger.clicked span:before, .burger.clicked span:after { background-color: #ffffff;} .burger:hover { cursor: pointer;} /* NAV ========================================== */ .fixed-nav {background-color: #0a0804; position: fixed;z-index: 100000; top: 0; right: 0; height: 100%; max-width: 400px; width: 100%; padding: 100px 25px 60px 25px; overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);} .fixed-nav.show {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);} .fixed-nav.show ul.main li {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);opacity: 1;} .fixed-nav.show ul.main li:nth-child(1) { transition-delay: 0.15s; } .fixed-nav.show ul.main li:nth-child(2) { transition-delay: 0.3s; } .fixed-nav.show ul.main li:nth-child(3) { transition-delay: 0.45s; } .fixed-nav.show ul.main li:nth-child(4) { transition-delay: 0.6s; } .fixed-nav.show ul.main li:nth-child(5) { transition-delay: 0.75s; } .fixed-nav.show ul.main li:nth-child(6) { transition-delay: 0.9s; } .fixed-nav.show ul.main li:nth-child(7) { transition-delay: 1.05s; } .fixed-nav.show ul.main li:nth-child(8) { transition-delay: 1.2s; } .fixed-nav.show ul.main li:nth-child(9) { transition-delay: 1.35s; } .fixed-nav.show .about, .fixed-nav.show .social, .fixed-nav.show ul.sub {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);opacity: 1;transition-delay: .85s;} .fixed-nav ul.main { list-style-type: none;display: block;width: 100%;} .fixed-nav ul.main li {margin-bottom: 8px;-webkit-transform: translateY(40px);-moz-transform: translateY(40px);-ms-transform: translateY(40px);-o-transform: translateY(40px);transform: translateY(40px);opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .fixed-nav ul.main li:last-of-type { margin-bottom: 0px; } .fixed-nav .dropdown.nav-list-main a,.fixed-nav .nav-list-main a{color: #ffffff;text-decoration: none;text-transform: uppercase;font-size:12px;display: block;letter-spacing: 3px;font-weight: 600;padding:15px;border-bottom:solid 1px #2c2c2c;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;background-color: transparent;} #menu .nav > li.nav-list-main > a .fixed-nav ul.main li:last-child a,.fixed-nav ul.main li:last-child span{border-bottom:none;} .fixed-nav ul.main li a span { color: #10a2dc;} .fixed-nav ul.main li a:hover { color: #c29a77;} .fixed-nav ul.sub {list-style-type: none;margin-top: 40px;-webkit-transform: translateY(30px);-moz-transform: translateY(30px);-ms-transform: translateY(30px);-o-transform: translateY(30px);transform: translateY(30px);opacity: 0;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} .fixed-nav ul.sub li { margin-bottom: 10px; } .fixed-nav ul.sub li:last-of-type { margin-bottom: 0px; } .fixed-nav ul.sub li a {color: #ffffff;font-family: "Raleway", sans-serif;letter-spacing: 1px;font-size: 0.9rem;text-decoration: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .fixed-nav ul.sub li a:hover { color: #b7ac7f;} @media (max-width:991px){ .dropdown-menu li > a:hover{background:transparent}.dropdown-menu{opacity:0;background:none}.navbar-nav .open .dropdown-menu{opacity:1} #menu .telephone{margin-top: 20px;position: absolute;top: 0;} .telephone figure{display: inline-block;} } /*======================OVERLAY=============================== */ .navoverlay {position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #10a2dc;opacity: 0;visibility: hidden;} .navoverlay.show {opacity: 0.8;visibility: visible;} } /* ribbon=css */ .ribbon {position: absolute;top: 0px;right: 0px;background: #f76521;border-radius: 50%;height: 42px;width: 42px;text-align: center;} .ribbon em {font: 12px 'Open Sans SemiBold', Arial, sans-serif;font-weight: 600;font-style: normal;text-transform: uppercase;line-height: 42px;color:#fff} .product-new{position:absolute;top:80px;left:4px;background:#595e64;color:#fff;padding:5px 11px;transform:rotate(-90deg);text-transform:uppercase;font-size:14px;letter-spacing:1px} /* side Filter */ .sidebox-filter{margin-top: 20px;} .sidebox-filter .panel.panel-default h3{border:1px solid #293094} .sidebox-filter .panel-default {border-top:0;} .sidebox-filter .panel-default .list-group a{font-size:16px;color:#000} .sidebox-filter .panel-default label{font-size:14px} /* Responsive */ @media (max-width:1199px){ body{border:2px solid yellow} #search.input-group {margin: 18px 0 16px 0px;} .header-account {margin: 21px 0 0 0px;} #menu .telephone {max-width: 225px;padding:10px 0 7px 12px} #menu .telephone figure {margin-right: 8px;} #menu .telephone span {font: 20px 'Open Sans', sans-serif;} #menu .nav > li.nav-list-main > a {font: 16px 'Open Sans Regular', sans-serif;} #menu .nav.navbar-nav li.nav-list-main {padding:0;} .services .intrest-detail h3,.services .intrest-detail h3 span {font: 25px 'Open Sans Semibold', sans-serif;} .header-account {padding-left: 0px;} } @media (max-width:991px){ body{border:2px solid red} #top-links .list-inline li .fa.fa-facebook{margin: 7px 3px;} #top-links .list-inline li .fa.fa-twitter,#top-links .list-inline li .fa.fa-linkedin{margin:7px 1px;} #top-links .list-inline li .fa.fa-google-plus{margin:7px -2px} .header-account a span{display: none;} .header-account a img {position: absolute;right:50px} #cart .count-items {top: 10px;right: 2px;} .header-account,#cart {margin-top: 10px} #search.input-group {margin: 8px 0 0 46px;} .header-top-section li {padding: 0 10px;} #top .pull-right{float: none !important;} #top-links .list-inline li a em {font-size: 15px;} #top-links .list-inline li {padding: 2px 9px 4px 9px;} #menu .nav > li.nav-list-main > a {font: 12px 'Open Sans Regular', sans-serif;} #menu .telephone span {position: absolute;top:12px;color:#fff} .latest .heading span, .featured .heading span {padding: 8px 43px;font: 25px 'Open Sans Semibold', sans-serif;} .latest {padding: 20px 0 0px;} .newsletter {padding: 15px 0 0px 0;} .subtitle{font-size: 30px;} .subtitle.fancy{border-bottom: 0;margin-bottom: 40px;} .newsletter p {padding:0;} #column-left,#column-right{display: none;} #content.col-sm-9{width: 100%;} /* .product-list .product-thumb .left-block {width: 260px;} .product-list .product-thumb .right-block {margin-left: 250px;padding: 0px 30px 0px 30px;} */ } @media (max-width:767px){ body{border:2px solid green} #logo img{margin:0 auto} .burger {top:8px;} .header-banner{margin: 20px 0 auto;text-align: center;} footer h5 {font-size: 20px;padding-bottom: 10px;} footer {padding-top: 30px;} .copyright-footer ul.payment-card {float: none;text-align: center;} .copyright-footer p {float: none;margin-left:0px;text-align: center;} .ribbon {right: 16px;} .page-results .text-right {text-align:left;} .product-thumb .price {margin: 0;} #product-category #content .catg-info p {padding-top: 15px;} .header-account a img {position: absolute;right:70px;bottom:15px} #search.input-group {margin: 8px 0 0 0px;} #cart > .btn{position: absolute;bottom:20px;right: 40px;} #content h1.border-heading {font-size: 20px;} #cart .count-items {top: 0;right: -14px;} .latest .product-layout, .featured .product-layout,#product-category .product-layout.product-grid,#product-search .product-layout{width:50%} .featured .product-layout .product-thumb:hover .button-group, .latest .product-layout .product-thumb:hover .button-group, .product-layout.product-grid .product-thumb:hover .button-group, #product-product .product-thumb:hover .button-group {bottom: 38px;} } @media (max-width:639px){ body{border:2px solid blue} .newsletter {padding:0} /* .product-list .product-thumb .left-block {width: 100%;float: none;display: block;border-right: 0;} .product-list .product-thumb .right-block {margin-left: 0;padding: 0px 30px 0px 20px;} .product-list .product-thumb .button-group {padding-bottom: 20px;} */ #search.input-group {max-width: 300px;} /* .header-account a img {position: relative;right: 0;margin: 0 auto;display: block;} .header-account{float: left;position: relative;} */ .latest .product-layout, .featured .product-layout,#product-category .product-layout.product-grid,#product-search .product-layout{width:100%} .product-list .product-thumb .left-block {width: 100%;display: block;padding: 0;} .product-list .product-thumb .right-block {width: 100%;float: none;border-left: 0;padding-top: 0;} .product-list .product-thumb .right-block .caption {text-align: center;} .product-list .product-thumb .right-block .caption p.description {display: none;} .product-list .product-thumb .button-group {margin: 0 auto;width: 100%;max-width: 250px;} } @media screen and (max-width: 480px) { .subtitle.fancy {margin-bottom: 20px;} .latest .heading span, .featured .heading span {padding: 8px 30px;font: 20px 'Open Sans Semibold', sans-serif;} .subtitle {font-size: 25px;} .subtitle.fancy {margin-bottom: 30px;} #search.input-group {max-width: 250px;} body{border:2px solid magenta;} } @media screen and (max-width: 320px) { body{border:2px solid pink} }