/* --------------------------- Hira Tuva - OFM ----------------------------- */ body { background: #f7f7f7 url("OnTheme/images/boday-bg.jpg") repeat fixed; font: 400 14px/18px "Poppins",Helvetica,sans-serif; color: #777777; height:100%; } h1, h2, h3, h4, h5, h6 { font-family: "Poppins",Helvetica,sans-serif; color: #333333; } /* default font size */ .fa { font-size: 14px; vertical-align: baseline; } /* 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; } a { color: #666666; } a:hover, a:focus,#column-left .checkbox > label:hover { color: #ffd71b;} a:hover { text-decoration: none; } legend { font-size: 18px; padding: 7px 0px } small, .small { font-size: 11px; } label { font-size: 13px; font-weight: normal; } select.form-control { appearance: none; -o-appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } .form-control { background: #ffffff; color: #9c9b9b; border:1px solid #e5e5e5; margin:0 0 5px; } .category-filter .hidden-xs{ display:block !important; } .filter-sort-by .form-control,.filter-show .filter-selection .form-control { background-color: #ffffff; padding: 4px 12px; margin: 0; border-radius:0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .select-wrapper {position: relative;} .select-wrapper::after { font-family: 'fontawesome'; content: '\f107'; font-size: 14px; position: absolute; right: 10px; top: 7px; pointer-events: none; } 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: 14px; } .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; } .ot-home{ width:100%; float:left; } /* ------------------------------- Product Rollover CSS Start ----------------------- */ .product-thumb .image img.image_thumb { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; } .product-thumb .image img.image_thumb_swap { left: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; position: absolute; right: 0; top: 0; transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; } .product-thumb:hover .image img.image_thumb { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .product-thumb:hover .image img.image_thumb_swap { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } /* ------------------------------- Product Rollover CSS End ----------------------- */ /*-------------------------------------- Mega Menu CSS Strat --------------------------------------*/ .main-category-list { float: left; position: relative; width: 100%; z-index: 4; } .main-category-list .menu-category .dropmenu li.OT-Sub-List .dropdown-menu .dropdown-inner { float: left; width: 100%; } .mega-dropdown-menu .dropdown { float: left; padding: 0 10px; } .mega-dropdown-menu li.dropdown .dropdown-menu { background: #111111; border: none; position: static; } .left-main-menu .childs_1 .child-columns { float: left; width: 100%; } .main-category-list.left-main-menu .OT-panel-heading { background: #ffd71b; color: #000000; cursor: pointer; font: 500 16px/24px "Poppins",sans-serif; letter-spacing: 0.4px; margin: 0; padding: 10px 15px; position: relative; text-transform: uppercase; text-align: left; } .main-category-list.left-main-menu .dropmenu > li { cursor: pointer; float: left; margin: 0; padding: 0 15px; position: relative; width: 100%; } .main-category-list.left-main-menu .dropmenu > li:nth-of-type(2n) { background: #1b1b1b; } .main-category-list .menu-category ul.dropmenu li a, .main-category-list .menu-category ul li .more-menu { background: none; color: #ffffff; display: block; font: 400 14px/20px "Roboto",sans-serif; letter-spacing: 0.4px; padding: 12px 25px 12px 0; position: relative; text-transform: capitalize; } .main-category-list .menu-category .dropdown .dropdown-inner .mega-dropdown-menu li.dropdown > a { color: #888888; font: 400 14px/22px "Poppins",Helvetica,sans-serif; letter-spacing: 0.8px; padding: 0 0 5px; text-transform: uppercase; } .main-category-list .menu-category li.OT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown > .dropdown-menu { background: #111111; border: 1px solid #111111; bottom: auto; left: 100%; padding: 0; position: absolute; right: auto; top: 0; } .main-category-list .menu-category li.OT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown > a.single-dropdown::after { content: "\f105"; font-family: "FontAwesome"; position: absolute; left: auto; right: 15px; top: 3px; color: #888888; } .single-dropdown-menu .dropdown-inner ul.childs_2 { float: left; padding: 20px; } .main-category-list.left-main-menu .menu-category ul li a.OT-Category-List::after { color: #ffffff; content: "\f105"; font-family: fontawesome; font-size: 14px; left: auto; position: absolute; right: 4px; top: 12px; z-index: 2; } .main-category-list.left-main-menu .menu-category ul li:hover a.OT-Category-List::after, .main-category-list .menu-category ul li:hover .more-menu:hover::after, .main-category-list .menu-category li.OT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown:hover > a.single-dropdown::after { color: #ffffff; } .main-category-list .menu-category > ul.dropmenu > li:hover > a, .main-category-list .menu-category ul.dropmenu li .dropdown-menu .dropdown-inner ul.list-unstyled a:hover, .main-category-list .menu-category ul.dropmenu .dropdown-menu .dropdown-inner ul.list-unstyled a:focus, .main-category-list .menu-category > ul.dropmenu > li > a:hover, .main-category-list .menu-category ul li .more-menu:hover { color: #ffffff; } .menu-category ul.dropmenu li.OT-Sub-List > .dropdown-menu { display: none; left: 100%; right: auto; margin: 0; padding: 0; position: absolute; top: 0; background: #111111; border: 1px solid #2b2b2b; z-index: 999; } .main-category-list .menu-category li.OT-Sub-List .dropdown-inner .mega-dropdown-menu { float: left; padding: 20px; } .main-category-list .menu-category li.OT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown > a{ color: #888888; font-size: 14px; padding: 3px 20px; text-transform: capitalize; } .main-category-list .menu-category li.OT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown:hover > a.single-dropdown, .main-category-list .menu-category li.OT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown:hover > a { color: #ffffff; } .main-category-list .menu-category .dropdown-inner ul.single-dropdown-menu { padding: 20px 0; } /*.main-category-list.left-main-menu .dropmenu .active_menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 10px 0 0 10px; float: right; height: 15px; margin: 0; overflow: hidden; position: absolute; right: 10px; top: 10px; width: 6px; } .main-category-list.left-main-menu .dropmenu > li:hover .active_menu { background: #eeeeee; height: 35px; right: 0; top: -3px; width: 50px; z-index: 1; }*/ .main-category-list.left-main-menu .dropmenu li li.dropdown-inner > a { display: inline-block; font: 400 13px/24px "Poppins",sans-serif; padding: 8px 0; margin: 0 0 15px; color: #333; } .mega-dropdown-menu li.dropdown > a:before { background: #2b2b2b; bottom: 0; content: ""; height: 1px; left: 0; right: auto; position: absolute; width: 90%; } .main-category-list.left-main-menu .dropmenu li li li { float: left; width: 100%; } .main-category-list .menu-category ul.dropmenu .dropdown-menu ul .dropdown-inner ul a { color: #888888; font-size: 13px; font-weight: 400; letter-spacing: normal; padding: 1px 0; text-transform: capitalize; } .menu-category { display: block; } .main-category-list .menu-category .dropmenu { float: left; list-style: none; margin: 0; padding: 0; width: 100%; } .left-main-menu .OT-panel-heading:after { color: #000000; content: "\f0c9"; font-family: "FontAwesome"; font-size: 17px; float: right; } .main-category-list .menu-category ul li .more-menu::after { color: #777777; content: "\f067"; font-family: fontawesome; font-size: 12px; left: auto; position: absolute; right: 4px; top: 14px; } .main-category-list .menu-category ul li .more-menu.active::after { content: "\f068"; font-family: fontawesome; } @media (min-width: 992px) { .menu-category ul.dropmenu li.OT-Sub-List:hover .dropdown-menu, .main-category-list .menu-category li.OT-Sub-List .dropdown-inner .mega-dropdown-menu { display: block !important; } .main-category-list .menu-category li.OT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown:hover > .dropdown-menu { display: block !important; } .main-category-list .menu-category li.OT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown > .dropdown-menu { display: none !important; } } @media (max-width: 991px) { .main-category-list { margin: 0 0 10px; padding-right: 110px; } .menu-category ul.dropmenu li.OT-Sub-List > .dropdown-menu { background: none; position: static; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; display: block; } .main-category-list .menu-category li.OT-Sub-List .dropdown-inner .mega-dropdown-menu { padding: 0 0 0 10px; width: 100% !important; display: none; } .main-category-list .menu-category .dropdown-inner ul.single-dropdown-menu { padding: 0 10px; display: none; } .mega-dropdown-menu li.dropdown > a::before { display: none; } .mega-dropdown-menu li.dropdown > a { margin: 0; } .main-category-list .menu-category li.OT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown > .dropdown-menu { background: none; position: static; border: none; display: block; } .single-dropdown-menu .dropdown-inner ul.childs_2 { padding: 0; } .main-category-list .menu-category li.OT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown > a.single-dropdown::after { display: none; } .main-category-list.left-main-menu .menu-category ul li a.OT-Category-List::after, .main-category-list.left-main-menu .menu-category ul li:hover a.OT-Category-List::after { content: ""; } .main-category-list.left-main-menu .menu-category { bottom: auto; float: left; left: 0; position: absolute; right: 0; top: 56px; width: 100%; z-index: 9; } .main-category-list .menu-category .dropmenu { border: 1px solid #e5e5e5; padding: 10px 15px; } .main-category-list.left-main-menu .OT-panel-heading { background: #ffd71b; color: #000000; border: none; display: block; font: 400 16px/22px "Poppins",Helvetica,sans-serif; position: relative; cursor: pointer; padding: 12px 16px; margin: 0; text-align: left; } .left-main-menu .dropmenu { padding: 10px; background: #FFF; position: relative; z-index: 9; } .main-category-list.left-main-menu .dropmenu > li:nth-of-type(2n) { background: none; } .main-category-list .menu-category ul.dropmenu li a { padding: 0; text-align: left; line-height: 28px; color: #000000; float: left; width: 100%; } .main-category-list .menu-category > ul.dropmenu > li:hover > a, .main-category-list .menu-category ul.dropmenu li .dropdown-menu .dropdown-inner ul.list-unstyled a:hover, .main-category-list .menu-category ul.dropmenu .dropdown-menu .dropdown-inner ul.list-unstyled a:focus, .main-category-list .menu-category > ul.dropmenu > li > a:hover, .main-category-list .menu-category ul li .more-menu:hover, .main-category-list .menu-category li.OT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown:hover > a.single-dropdown, .main-category-list .menu-category li.OT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown:hover > a { color: #000000; } .main-category-list .menu-category .dropdown .dropdown-inner .mega-dropdown-menu li.dropdown > a, .main-category-list .menu-category li.OT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown > a { padding: 0; } .main-category-list.left-main-menu .dropmenu li li.dropdown-inner > a, .main-category-list .menu-category ul.dropmenu .dropdown-menu ul .dropdown-inner ul a { padding: 0 10px; } .left-main-menu.dropmenu li a.OT-Category-List { background: none; } .main-category-list.left-main-menu .dropmenu .active_menu { display: none; } .left-main-menu .dropmenu li i.fa-angle-down { float: right; position: relative; } .left-main-menu .dropmenu li > i.fa-angle-down::before { color: #888; content: "\f067"; font-size: 14px; position: absolute; right: 0; left: auto; top: 0; padding: 6px 11px; height: 8px; width: 8px; cursor: pointer; z-index: 2; } .left-main-menu .dropmenu li.active > i.fa-angle-down::before { content: "\f068"; } .left-main-menu ul.dropmenu .dropdown-menu ul li.dropdown-inner > ul { list-style: none; display: none; } .left-main-menu .dropmenu .OT-Sub-List .dropdown-menu ul .dropdown-inner > ul { float: left; width: 100%; } .main-category-list.left-main-menu .dropmenu ul { float: left; width: 100%; } .mega-dropdown-menu li.dropdown .dropdown-menu { background: none; display: block; padding: 0; } .left-main-menu ul.dropmenu li { float: left; width: 100% !important; padding: 0; list-style: none; } .main-category-list.left-main-menu .dropmenu .dropdown-inner { float: left; width: 100%; } .main-category-list.left-main-menu .dropmenu li li.dropdown-inner > a { margin: 0; } .main-category-list.left-main-menu .dropmenu li li.dropdown-inner > a::before { background: none; } .main-category-list.left-main-menu .dropmenu li li li { padding: 0; } .main-category-list.left-main-menu .dropmenu > li { display: block !important; padding: 0; border: none; } .main-category-list.left-main-menu .dropmenu > li.more { display: none !important; } } @media (max-width: 480px) { .main-category-list.left-main-menu .OT-panel-heading { padding: 12px 10px; } } /*--------------------------------- Mega Menu CSS End --------------------------------------------*/ /* ---------------------------- Static Menu CSS Start ----------------------------- */ .header-bottom-block { background: #ffd71b; float: left; position: relative; width: 100%; } #ottoplink_block { float: left; text-align: center; width: 100%; } #ottoplink_block .title_block { color: #ffd71b; float: left; font-size: 20px; letter-spacing: 0.4px; font-weight: 700; margin: 19px 0; padding: 0 10px 0 0; position: relative; text-transform: uppercase; } #ottoplink_block .title_block::after { content: "\f105"; font-family: "FontAwesome"; font-size: 18px; line-height: normal; position: absolute; right: -4px; top: 0; } #ottoplink_block ul.block_content li a { color: #ffffff; float: left; font: 500 14px/20px "Poppins",Helvetica,sans-serif; letter-spacing: 0.6px; padding: 20px; position: relative; text-transform: uppercase; z-index: 1; } #ottoplink_block ul.block_content > li:hover > a { color: #ffd71b; } #ottoplink_block .block_content ul li { width: 100%; padding: 0; } #ottoplink_block .block_content li { float: left; list-style: none; position: relative; } @media (max-width: 991px) { #ottoplink_block { position: relative; float: left; width: 100%; display: none; border: none; padding: 0; background: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .header-bottom #ottoplink_block { margin: 0; } #ottoplink_block .block_content { background: #FFF; float: left; width: 100%; padding: 10px 10px 0 10px; display: none; position: absolute; left: 0; right: 0; top: 100%; bottom: auto; border: 1px solid #e5e5e5; list-style: none; z-index: 99; } #ottoplink_block ul.block_content li.othome > a { float: left; width: 100%; height: auto; background: none; font-size: 14px; padding: 3px 10px; } #ottoplink_block .block_content li { float: left; width: 100%; } #ottoplink_block ul.block_content li a { color: #1d1f1f; font-size: 14px; line-height: 25px; padding: 3px 10px; float: left; width: 100%; } } /*-----------------------More Menu CSS Start -------------------------------*/ #ot_toplink li.more_menu ul li a { color: #333333; font: 400 14px/20px "Poppins",Helvetica,sans-serif; padding: 2px 20px; text-align: left; text-transform: capitalize; } #ot_toplink .top-link { background: #ffffff; border: 1px solid #e5e5e5; display: none; left: 0; min-width: 180px; padding: 0; position: absolute; right: 0; top: 60px; z-index: 999; padding: 10px 0; } #ot_toplink ul li.more_menu { position: relative; } #ot_toplink .top-link.shown-link{ display:block; } #ot_toplink { display: inline-block; float: none; margin: 0; padding: 0; vertical-align: top; } @media (max-width: 991px) { .menu-category .block_content .more_menu.ottoplink > a { display: none; } .menu-category .block_content .more_menu > ul > li { display: block !important; } #ot_toplink .top-link { display: block; position: static; border: none; padding: 0; } #ot_toplink li.more_menu ul li a { padding: 3px 10px; } } /*-----------------------More Menu CSS End -------------------------------*/ /* ---------------------------- Static Menu CSS End ----------------------------- */ /* -------------- Homepage bestseller Product Start ----------------------------*/ .common-home .bestseller-carousel .bestseller-items .product-layouts:last-child { border-bottom: none; } .common-home .bestseller-carousel .product-thumb { padding: 0; } .common-home #content .bestseller-carousel .product-thumb .image { padding: 0; } .common-home .bestseller-carousel .product-thumb .thumb-description { text-align: left; padding: 10px; } .common-home .bestseller-carousel .product-thumb .price { padding: 0; } .common-home .bestseller-carousel .product-thumb .rating { margin-bottom: 5px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: static; } .common-home .bestseller-carousel .product-thumb .button-group { position: static; margin: 10px 0; } @media (max-width: 1200px) { .common-home .bestseller-carousel .product-thumb .thumb-description { padding: 0 8px; } } @media (max-width: 991px) { .common-home .bestseller-carousel .product-thumb .thumb-description { padding: 0 10px; } } @media (max-width: 767px) { .common-home .bestseller-carousel .product-thumb { padding: 10px; } } @media (max-width: 480px) { .common-home #content .bestseller-items .product-thumb .image { width: 100%; } .common-home #content .bestseller-items .product-thumb .thumb-description { width: 100%; min-height: auto; text-align: center; } .common-home #content .bestseller-carousel .product-thumb .image::after { display: none; } } /* -------------- Homepage bestseller Product End ----------------------------*/ /* Fix some bootstrap issues */ a, a:focus,a:active, a:hover, select, input[type=radio], input[type=checkbox] { outline: 0 none !important; } .owl-carousel .owl-wrapper-outer { direction: ltr !important; } input[type="radio"], input[type="checkbox"] { margin-top: 0px; cursor: pointer; } .nav-tabs { border: 0 none; text-align:left; } .tab-content { padding:15px 0; width: 100%; float: left; margin-bottom:30px; } .tab-content ul, .tab-content ol { padding: 0 0 0 15px; } .table.table-striped.table-bordered { border:1px solid #e5e5e5; } /*--------------------------- title css start--------------------------------*/ .ot-titletab { border-bottom: 1px solid #eeeeee; float: left; margin: 0 0 20px; width: 100%; } .OTProduct-Tab .othometab-title h3 { border: medium none; margin: 0; float: left; } .box-heading > h3, .title_block .otblock-heading { border-bottom: 1px solid #e5e5e5; color: #333333; font: 500 20px/26px "roboto",sans-serif; letter-spacing: 0.2px; margin: 0 0 20px; padding: 0 0 10px; position: relative; text-transform: uppercase; } .box-heading > h3::after, .ot-titletab .title_block::after { background: #ffd71b; content: ""; height: 3px; left: 0; position: absolute; top: auto; bottom: -2px; margin: auto; width: 100px; } /*--------------------------- title css end--------------------------------*/ /* OTproduct tab*/ .otproduct-main { float: left; width: 100%; } .OTProduct-Tab .tab-content { background: #ffffff; border: medium none; margin: 0; padding: 0; } .OTProduct-Tab .nav-tabs > li.active > a, .OTProduct-Tab .nav-tabs > li:hover > a, .OTProduct-Tab .nav-tabs > li.active > a:hover, .OTProduct-Tab .nav-tabs > li:focus > a, .OTProduct-Tab .nav-tabs > li.active > a:focus { background: none; border: none; cursor: pointer; color: #000000; } .OTProduct-Tab .tab-box-heading .nav.nav-tabs li > a::before { background: #ffd71b; bottom: 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; width: 0; } .OTProduct-Tab .tab-box-heading .nav.nav-tabs li.active > a::before, .OTProduct-Tab .tab-box-heading .nav.nav-tabs li:hover > a::before { width: 80%; } .OTProduct-Tab .nav-tabs > li > a{ background: none; border: none; color: #333333; font: 400 17px/21px "roboto",Helvetica,sans-serif; letter-spacing: 0.4px; padding: 0 20px 15px; position: relative; text-transform: capitalize; margin:0; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .nav-tabs > li { float: left; position: relative; margin: 0 5px; } .OTProduct-Tab .tab-box-heading { float: right; margin: 0 70px 0 0; } .OTProduct-Tab .nav.nav-tabs { display: table; float: left; } .OTProduct-Tab .othometab { border-bottom: 1px solid #e5e5e5; float: left; margin: 0 0 20px; width: 100%; } .otcat-main { float: left; width: 100%; } /*--------------------------------- Next-Prev Button CSS Start -------------------------*/ .products-carousel.owl-carousel .owl-buttons div { float: left; font-size: 0; float: left; height: 31px; vertical-align: top; width: 31px; position: relative; left: auto; right: auto; top: auto; bottom: auto; border: 2px solid #eaeaea; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; text-shadow: none; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } .products-carousel.owl-carousel .owl-buttons div.owl-prev { background: url("OnTheme/images/sprite.png") no-repeat scroll -8px -354px; margin: 0 4px 0 0; } .products-carousel.owl-carousel .owl-buttons div.owl-prev:hover { background-position: -8px -354px; } .products-carousel.owl-carousel .owl-buttons div.owl-next { background: url("OnTheme/images/sprite.png") no-repeat scroll -8px -387px; } .products-carousel.owl-carousel .owl-buttons div.owl-next:hover { background-position: -8px -387px; } .products-carousel.owl-carousel .owl-buttons { direction: ltr; bottom: auto; left: auto; position: absolute; right: 0; top: -5px; } .products-carousel.owl-carousel .owl-buttons div.owl-prev:hover, .products-carousel.owl-carousel .owl-buttons div.owl-next:hover { background-color: #ffd71b; border-color: #ffd71b; } @media (max-width: 767px) { .OTProduct-Tab .products-carousel.owl-carousel .owl-buttons { display: inline-block; float: none; left: 0; margin: 0 auto; right: 0; text-align: center; top: -50px; width: 70px; } } /*--------------------------------- Next-Prev Button CSS End ---------------------------------------*/ /*------------------------------------- additional-images Owl Button CSS End ------------------------------------------*/ .additional-images .owl-controls .owl-buttons div { background: #ffffff; border: 1px solid #e5e5e5; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; bottom: 0; font-size: 0; height: 30px; margin: auto; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; padding: 0; position: absolute; text-shadow: none; top: 0; transition: none 0s ease 0s ; -webkit-transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; -ms-transition: none 0s ease 0s; width: 30px; } .additional-images .owl-controls .owl-buttons div:hover{ background:#ffd71b; border-color:#ffd71b; } .additional-images-container .additional-images.owl-carousel .owl-controls .owl-buttons > div.owl-prev { left: 0; right: auto; } .additional-images-container .additional-images.owl-carousel .owl-controls .owl-buttons > div.owl-next { right: 0; left: auto; } .additional-images-container .additional-images.owl-carousel .owl-controls .owl-buttons > div.owl-prev::before, .additional-images-container .additional-images.owl-carousel .owl-controls .owl-buttons > div.owl-next::before { background: none; content: "\f104"; font-family: fontawesome; font-size: 18px; line-height: 28px; font-weight: 600; color:#222; padding: 10px; } .additional-images-container .additional-images.owl-carousel .owl-controls .owl-buttons > div.owl-next::before { content:"\f105"; padding: 11px; } .additional-images-container .additional-images.owl-carousel .owl-controls .owl-buttons > div.owl-prev:hover::before, .additional-images-container .additional-images.owl-carousel .owl-controls .owl-buttons > div.owl-next:hover::before { color: #000000; } /*------------------------------------- additional-images Owl Button CSS End ------------------------------------------*/ div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } .page-title-wrapper { background: #f5f5f5; float: left; padding: 15px; margin: 0 0 30px; width: 100%; } .breadcrumb-wrapper{ width:100%; float:left; background:#f5f5f5; } .page-title-wrapper .page-title { color: #000000; float: left; font: 500 18px/28px "Poppins",Helvetica,sans-serif; letter-spacing: 0.4px; margin: 0; text-transform: uppercase; } #content .category-name { display: none; } a:hover, a:focus{color: #333333;} /* Gradent to all drop down menus */ .dropdown-menu li > a:hover, .dropdown-menu li > a:focus { background: none; text-decoration: none; color: #000000; } span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } /* top */ #top { border-bottom: 1px solid #424244; float: left; text-align: center; width: 100%; } .header-top-left { float: left; width: auto; } .header-top-right { float: right; width: auto; } .header-right-cms { float: right; } #currency .btn.dropdown-toggle, #language .btn.dropdown-toggle { padding: 10px 0; margin-right: 15px; } #top #currency .currency-select, #top #language .language-toggle a { padding: 3px 10px; color: #888888; font-size: 14px; text-align: left; height: auto; } #top #currency .currency-select:hover, #top #language .language-toggle a:hover { background-color: #000; color: #FFFFFF; } #top .btn-link, #top-links li, #top-links a { background: none; color: #ffffff; font-size: 14px; font-weight:normal; line-height: 20px; text-decoration: none; text-align: left; padding: 0; } #top-links li .dropdown .dropdown-toggle { padding: 8px 0 7px; } #top-links .header_user_info .fa-caret-down.ttuserinfo { display: none; } #form-currency .fa-caret-down::before, #form-language .fa-caret-down::before { content: '\f107'; font-size: 13px; line-height: 18px; font-weight:500; color: #ffffff; } #form-currency .btn-group.open .fa-caret-down:before, #form-language .btn-group.open .fa-caret-down:before { content: "\f106"; } #top-links .dropdown .dropdown-toggle > span::after { content: "\f107"; font-family: fontawesome; font-size:13px; margin:0 0 0 3px; } #top ul.dropdown-menu .btn-link { padding: 0px; line-height:24px; color:#777; text-transform: capitalize; } .header-top-right .dropdown a.dropdown-toggle, .header-top-right #wishlist-total { display: block; line-height: 24px; padding: 8px 0; } #top-links .header_user_info ul.dropdown-menu { border: 1px solid #e5e5e5; padding: 10px; text-transform: capitalize; min-width: 150px; position: absolute; top: 40px; right: 0; background: #FFF; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0; } #top #form-currency .currency-select:hover, #top ul > li > .language-select:hover { color: #000; } #top .btn-link strong { color: #ffffff; font-size: 13px; line-height: 14px; } #top-links > ul { float: left; margin: 0; } #top-links > ul > li { float: left; padding: 9px 12px; position: relative; } #top-links > ul > li:last-child { padding-right: 0; } #top-links .dropdown-menu a { padding:2px 10px;} #top-links .account-link-toggle a i.fa { padding: 0 2px } .header-top-left .header-phone { margin: 0 10px; padding: 10px 0 0 30px; position: relative; } .header-phone.pull-left > span { color: #cccccc; font: "Poppins",Helvetica,sans-serif; } #top-links .dropdown-menu a:hover,#top-links .dropdown-menu a:focus { color: #000; background:none; } .header-phone i.fa-phone { border: 1px solid #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; color: #ffffff; font-size: 14px; height: 22px; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); vertical-align: top; width: 22px; } .header-phone { margin: 12px 0 0; position: relative; } .header-phone span { color: #ffffff; font: 500 14px/22px "Poppins",sans-serif; letter-spacing: 0.4px; margin: 0 0 0 10px; } .header-top-right .dropdown .dropdown-toggle > i::before, .header-top-right #wishlist-total i::before{ content: ""; } .header-top-right .dropdown .dropdown-toggle > i, .header-top-right #wishlist-total i { display: none; } .header-right { float: right; padding: 40px 0; width: auto; } /*----------------------- userinfo ----------------------------------- */ .user-info { float: left; margin: 0 20px; width: auto; } .user-info .dropdown > a { background: url("OnTheme/images/sprite.png") no-repeat scroll 2px -275px; float: left; height: 45px; width: 45px; } .user-info .dropdown > a:hover, .user-info .dropdown > a:active, .user-info .dropdown > a:focus { background-position: -58px -275px; } .user-info a .otuserheading, .user-info .fa-lock, .user-info .dropdown .fa-caret-down { display: none; } .user-info .dropdown ul { border: 1px solid #e5e5e5; top: 60px; min-width: 150px; } .user-info .dropdown ul::after, #cart .dropdown-menu::after { color: #fff; content: "\f0d8"; font-family: "FontAwesome"; font-size: 36px; right: 10px; position: absolute; top: -12px; left: auto; } .user-info .dropdown-menu > li > a { color: #777777; line-height: 18px; padding: 3px 15px; } .user-info .dropdown-menu > li > a:hover { color: #000000; } /*----------------------- userinfo ----------------------------------- */ /* cart */ .cart { float: right; width: auto; } #cart { float: right; } #cart i.fa-shopping-cart { background: rgba(0, 0, 0, 0) url("OnTheme/images/sprite.png") repeat scroll -33px -117px; display: block; font-size: 0; height: 40px; width: 50px; display: none; } #cart.open > .btn { color: #666666; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; } #cart button.btn { background: none; border: medium none; float: left; padding: 13px 5px 13px 50px; position: relative; } #cart > button.btn::after { background: url("OnTheme/images/sprite.png") no-repeat scroll -26px -169px; content: ""; height: 46px; left: 0; position: absolute; top: 0; width: 50px; } #cart:hover > button.btn::after, #cart.open > button.btn::after { background-position: -26px -115px; } #cart .cart-heading { color: #ffffff; display: block; font: 500 14px/20px "Poppins",sans-serif; letter-spacing: 0.4px; text-transform: uppercase; } #cart #cart-total { background: #ffd71b; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; bottom: auto; color: #000000; float: right; font-size: 12px; font-weight: 500; height: 15px; left: 20px; line-height: 16px; margin: auto; position: absolute; right: auto; text-align: center; top: 7px; width: 15px; z-index: 1; } #cart.open > .btn:hover {color: #444444;} #cart .dropdown-menu { border: 1px solid #e5e5e5; min-width: 300px; padding: 10px; top: 60px; right: 0; z-index: 1001; display:none; } #cart .dropdown-menu .btn.btn-danger i.fa-times { font-size: 12px; padding: 4px; } #cart .dropdown-menu table { margin-bottom: 10px; } #cart .dropdown-menu li > div { padding: 0 10px; } #cart .dropdown-menu li p { float: left; width: 100%; color: #777; padding: 10px 0; margin: 0; } #cart .dropdown-menu li p a strong { font-weight:normal; } #cart .dropdown-menu li p a strong i.fa { padding: 0 3px 0 0; } #cart .header-cart-toggle .btn-danger { background-color: #ffffff; border: medium none; color: #222; height: auto; padding: 0; width: auto; } #cart .header-cart-toggle .text-right > strong { color: #777; font-size: 13px; font-weight: normal; } #cart .dropdown-menu li p a:first-child { background: #f1f1f1 none repeat scroll 0 0; border-color: #f1f1f1; color: #222222; margin: 0; } #cart .dropdown-menu li p a { background: #ffd71b; border: 1px solid #ffd71b; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; color: #000000; float: left; font:400 14px/18px "Poppins",Helvetica,sans-serif; padding: 8px 15px; text-transform: capitalize; letter-spacing: 1px; margin: 0 0 0 5px; width: 49%; text-align:center; } #cart .dropdown-menu li p a:hover, #cart .dropdown-menu li p a:focus { background: #1b1b1b; border-color: #1b1b1b; color: #ffffff; } .header-cart-toggle .table-striped > tbody > tr:nth-child(2n+1) > td, .header-cart-toggle .table-striped > tbody > tr:nth-child(2n+1) > th { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 10px 4px; } .header-cart-toggle .table.table-bordered tr:first-child td{ padding-top:10px !important; } .header-cart-toggle .table.table-bordered tr:last-child td{ padding-bottom:10px !important; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px 5px; } #cart .table-bordered > thead > tr > th, #cart .table-bordered > tbody > tr > th, #cart .table-bordered > tfoot > tr > th, #cart .table-bordered > thead > tr > td, #cart .table-bordered > tbody > tr > td, #cart .table-bordered > tfoot > tr > td { border: medium none; padding: 1px 0; text-align: left; } #cart .header-cart-toggle .text-left.name > a { color: #777777; font-size: 13px; } #cart .header-cart-toggle .text-right.amount { color: #222; font: 500 14px/20px "Poppins",Helvetica,sans-serif; text-align: left; } .header-cart-toggle .table .text-center img{ max-width:none; border: 1px solid #e5e5e5; } #cart .header-cart-toggle .text-right.price-total { color: #222; text-align: right; font: 500 16px/24px "Poppins",Helvetica,sans-serif; white-space: nowrap; } .cart-form .table-bordered td.text-right.unit-price { color: #333; font: 500 16px/20px "Poppins",Helvetica,sans-serif; } .cart-form .cart_input_block.input-group { display: inline-block; width: auto; } #cart .header-cart-toggle .table.table-bordered { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #eaeaea -moz-use-text-color; border-image: none; border-style: solid none; border-width: 1px medium; padding: 10px 0; } #cart .header-cart-toggle li:first-child tr:first-child td { border: 0 none; } #cart .dropdown-menu .btn.btn-danger i.fa-times { font-size: 14px; padding: 4px; color:#777; } #cart .dropdown-menu .btn.btn-danger:hover i.fa-times { color: #9c9b9b; } #cart .table.table-striped tr { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } #cart .dropdown-menu .table .text-center.image > a { padding: 0; } /* full-header css */ header .full-header { float: left; position: relative; text-align: center; width: 100%; } .header-bottom { float: left; margin: 7px 0; width: 20%; } /* ------------------------------------ search CSS Start -----------------------------------*/ .search { display: inline-block; float: none; margin: 40px 0; vertical-align: top; width: auto; } #header-search { background: #ffffff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; } #header-search .select-wrapper { position: relative; width: 150px; float: left; } #search .input-lg { float: right; } #header-search .select-wrapper::after { content: "\f107"; font-family: "fontawesome"; font-size: 13px; pointer-events: none; position: absolute; right: 10px; left: auto; top: 13px; z-index: 9; color:#666; font-weight:600; } #search .input-lg, #header-search .input-lg { border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px; -khtml-border-radius: 8px 0 0 8px; padding: 0 15px; width: 425px; } #header-search .form-control { border: none; background: #ffffff; color: #666666; font-family: Poppins; font-size: 14px; font-weight: 400; height: 45px; text-align: left; } #header-search .select-wrapper::before { border-left: 1px solid #e5e5e5; content: ""; height: 25px; left: 0; position: absolute; right: auto; top: 10px; z-index: 9; } #header-search .header-search-btn .fa.fa-search { display: none; } #header-search span.input-group-btn { float: left; width: auto; } #header-search .btn-default { background: #ffd71b; border: 1px solid #ffd71b; color: #000000; text-transform: none; padding: 13px 33px; margin: 0; height: 45px; font-size: 14px; line-height: 18px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; overflow: hidden; } #header-search .btn-default:hover { background: #333333; border-color: #333333; color: #ffffff; } @media (max-width: 1300px) { #search .input-lg, #header-search .input-lg { width: 315px; } } @media (max-width: 1199px) { #header-search .btn-default { padding: 13px 23px; } #search .input-lg, #header-search .input-lg { width: 150px; } } @media (max-width: 991px) { #header-search .btn-default { font-size: 0; padding: 0; width: 45px; } #header-search .header-search-btn .fa.fa-search { display: block; font-size: 16px; padding: 14px 0; } #search .input-lg, #header-search .input-lg { width: 530px; } #header-search .form-control { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } @media (max-width: 767px) { .search { display: inline-block; float: none; margin: 15px 0 20px; vertical-align: top; } #search .input-lg, #header-search .input-lg { width: 250px; } #header-search .form-control { height: 40px; } #header-search .btn-default { height: 40px; width: 40px; } #header-search .header-search-btn .fa.fa-search { padding: 12px 13px; } } @media (max-width: 480px) { #search .input-lg, #header-search .input-lg { width: 150px; } #header-search .select-wrapper::after { right: 5px; } #header-search .select-wrapper { width: 95px; } } /*------------------------------------------------ search CSS end ------------------------------------------ */ #top-links .list-inline > li.account-nav > a { color: #888888; line-height: 24px; text-decoration: none; text-transform: capitalize; margin: 0px; background:none; } #top-links ul li.otlanguage { float: left; } #top-links ul li.otcurrency { float: right; } #form-currency .btn-group button.btn-link:hover, #form-currency .btn-group.open button.btn-link span, #form-currency .btn-group.open button.btn-link, #form-currency button:hover span, #form-currency .btn-group .btn-link:hover > strong, #form-currency .btn-group.open .btn-link strong, #form-language .btn-group button.btn-link:hover, #form-language .btn-group.open button.btn-link, #form-language .btn-group:hover .fa-caret-down::before, #form-currency .btn-group:hover .fa-caret-down::before, #form-currency .btn-group.open .fa-caret-down::before, #form-language .btn-group.open .fa-caret-down::before, #form-language .btn-group.open .dropdown-toggle { color: #ffffff; } #form-currency .btn-group ul.dropdown-menu.currency-toggle, #form-language .btn-group ul.dropdown-menu.language-toggle, #top-links .dropdown .dropdown-menu { border: 1px solid #e5e5e5; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; left: auto; margin: 0; min-width: 150px; padding: 10px 15px; position: absolute; right: 0; top: 30px; } #form-currency .btn-group .dropdown-menu.currency-toggle li button, #form-language .btn-group .dropdown-menu.language-toggle li button, #top-links .dropdown-menu a { border: medium none; color: #878787; font-size: 13px; font-weight: normal; line-height: 24px; padding: 0; text-align: left; } #form-language .language-select > img { margin: 0 2px 0 0; } #form-currency .btn-group .dropdown-menu.currency-toggle li:hover button, #form-language .btn-group .dropdown-menu.language-toggle li:hover button { color: #000; } #form-language .dropdown-toggle > img, .header-top-right #form-currency .dropdown-toggle > strong { margin: 0 2px; } .header_user_info .otuserheading { background: transparent url("OnTheme/images/sprite.png") no-repeat scroll -5px -317px; cursor: pointer; float: left; font-size: 0; height: 40px; margin: 0; width: 40px; } .header_user_info .otuserheading:hover, .header_user_info.open .otuserheading { background-position: -65px -317px; } .header_user_info > a > i, .header_user_info > a > .fa-user { display: none; } /* header user info End*/ /* logo */ #page { text-align: center; } .header-left { float: left; margin: 28px 0; padding: 0; width: auto; } header { background: #2b2b2d url("OnTheme/images/header-bg.jpg") repeat scroll; float: left; position: relative; padding: 0 0 135px; width: 100%; } /* menu */ /* Mega Menu Stylesheet START */ #menu.mega-menu ul.nav ul.list-unstyled li {display: table;} #menu.mega-menu ul.nav li ul.list-unstyled > li.dropdown .dropdown-menu { position: static; display: block; } /* Mega Menu Stylesheet START */ #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a {color: #777;} .menu-container { background: #000000; clear: both; position: relative; padding-left: 26%; float: left; width: 100%; } #menu { margin: 0 auto; min-height: auto; text-align: center; width: 100%; } #menu div.navbar-header { cursor: pointer; display: block; overflow: hidden; } #menu .list-unstyled.childs_1.mega-dropdown-menu .dropdown > a { color:#414141; font: 400 14px/22px "Poppins",Helvetica,sans-serif; padding:0; text-transform: capitalize; width: 100%; text-align:left; } #menu .dropdown-inner .list-unstyled.childs_2.single-dropdown-menu a { padding:0 0 0 20px; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a:hover,#menu .dropdown-inner li a:hover, #menu .dropdown-inner li a:focus {color: #000;} #menu .list-unstyled.childs_1.mega-dropdown-menu .list-unstyled.childs_2 a:hover, #menu .dropdown-inner .list-unstyled.childs_1.single-dropdown-menu a:hover { color:#000; } #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown > a::after{display:none;} #menu .nav > li > span { cursor: pointer; } #menu .nav > li > a, #menu .nav > li > span { color: #414141; display: block; font: 400 15px/22px "Poppins",Helvetica,sans-serif; letter-spacing: 0.8px; padding: 20px; text-transform: capitalize; background: none; } #menu .list-unstyled.childs_2{ padding: 5px 0; } #menu .dropdown-inner {display: table;} #menu .dropdown-inner ul { display: table-cell; padding: 20px 0; } #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.mega-dropdown-menu{ padding:20px; } #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.mega-dropdown-menu:first-child{ padding:20px 0 20px 20px; } #menu .dropdown-inner a { color: #414141; display: block; font-family: "Poppins",Helvetica,sans-serif; font-size: 13px; line-height: 26px; min-width: 160px; padding: 0; text-transform: capitalize; text-align:left; } #menu .see-all { display: block; margin-top: 0.5em; border-top: 1px solid #DDD; padding: 3px 20px; font-size: 12px; } #menu .see-all:hover, #menu .see-all:focus { text-decoration: none; color: #ffffff; background-color: #777; } #menu #category { color: #000000; float: left; font: 700 14px/40px "Poppins",sans-serif; text-transform: uppercase; } #menu #category:hover { color:#000; } #menu .btn-navbar { font-size: 15px; font-stretch: expanded; color: #FFF; padding: 2px 18px; float: right; background-color: #777; } #menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] { color: #ffffff; background-color: #777; } #menu .navbar-nav > li{display:inline-block;float:none;} #menu .navbar-nav{float: none;} #menu ul.nav ul.list-unstyled li.dropdown > a::after { border-top: 1px solid #eeeeee; bottom: -4px; content: ""; float: left; height: 1px; left:0; position: absolute; width: 20%; } #menu .dropdown-inner .list-unstyled.childs_1.single-dropdown-menu a,#menu .more-menu .list-unstyled.childs_1 a { padding: 0 20px; color: #414141; } #menu .nav > li > a:hover, #menu .nav.navbar-nav > li:hover > a, #menu li:hover > span, #menu .nav > li.dropdown:hover::after, #menu .nav > li.dropdown:focus::after, #menu .nav > li > a:focus, #menu .nav > li > a:active, #menu li.more-menu .dropdown-menu ul li a:hover, #menu li.more-menu .dropdown-menu ul li span:hover, #menu li.more-menu .dropdown-menu ul li a:focus, #menu li.more-menu .dropdown-menu ul li span:focus, #menu li.more-menu .dropdown-menu ul li a:active, #menu li.more-menu .dropdown-menu ul li span:active {color:#000000;} /* 2 Level Sub Categories START */ #menu ul.nav ul.list-unstyled li { min-width: 160px; } #menu ul.nav li ul.list-unstyled.mega-dropdown-menu > li.dropdown .dropdown-menu { border: 0; position: static; display: block; width:150px; } #menu ul.nav li ul.list-unstyled.single-dropdown-menu > li.dropdown .dropdown-menu { left: 160px; top: 0; position: absolute; display: none; border-color:#eaeaea; } #menu ul.nav li ul.list-unstyled > li.dropdown:hover > .dropdown-menu { display: block; } #menu .nav > li.dropdown::after { bottom: auto; color: #414141; content: "\f107"; font-family: "FontAwesome"; font-size: 12px; left:auto; position: absolute; top: 19px; right: 5px; } #menu .nav.navbar-nav > li:hover > a, #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a:hover, #menu .nav.navbar-nav > li:hover > span { color: #000; } #menu .nav > li.dropdown:hover::after { color:#414141; content: "\f106"; } #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown::after { content: "\f105"; font-family: "FontAwesome"; font-size: 13px; position: absolute; right: 15px; top: 0; } /* 2 Level Sub Categories END */ /* content */ #content { min-height: 600px; } /* Slideshow Slider Stylesheet */ .common-home > .row {margin: 0;} /*---------------------------------------------- Slideshow Slider Stylesheet start-------------------------------*/ .swiper-wrapper { direction: ltr !important; } .slideshow-panel { position: relative; float:left; margin: 0 0 30px; width: 100%; } .slideshow-panel .swiper-viewport { background: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; overflow: hidden; margin: 0; float: left; } .slideshow-panel .swiper-container { width: 100%; } .slideshow-panel .otloader { background: #ffffff url("OnTheme/images/ajax-loader.gif") no-repeat scroll center center; bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999; } .slideshow-panel img{ width:100%; height:auto; } .slideshow-panel .swiper-container .swiper-pagination { display: none; } .slideshow-panel .swiper-container .swiper-pager { position: static; line-height: normal; } .slideshow-panel .swiper-container .swiper-pager div { border: 2px solid #ffffff; height: 40px; width: 40px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; text-shadow: none; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev { left: 70px; right: auto; margin: auto; top: 0; bottom: 0; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-next { right: 70px; left: auto; margin: auto; top: 0; bottom: 0; } .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev { left: 40px; } .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next { right: 40px; } .slideshow-panel .swiper-container:hover .swiper-pager div { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .slideshow-panel .swiper-container .swiper-pager div:hover { background: #ffd71b; border-color: #ffd71b; } .slideshow-panel .swiper-pager .swiper-button-prev::before { bottom: 0; color: #ffffff; content: "\f104"; font-family: fontawesome; font-size: 24px; left: -2px; margin: 0 auto; text-align: center; position: absolute; right: 0; top: 2px; } .slideshow-panel .swiper-pager .swiper-button-next::before { bottom: 0; color: #ffffff; content: "\f105"; font-family: fontawesome; font-size: 24px; left: 0; margin: 0 auto; text-align: center; position: absolute; right: 0; top: 2px; } .slideshow-panel .swiper-pager .swiper-button-prev:hover::before, .slideshow-panel .swiper-pager .swiper-button-next:hover::before { color: #000000; } .gallery-thumbs .swiper-slide { height: 100%; } .slideshow-panel .swiper-container.gallery-thumbs { overflow: visible; } .gallery-thumbs .swiper-slide a { background: #1b1b1b; border-bottom: 6px solid #000000; border-right: 2px solid #000000; border-top: 4px solid #1b1b1b; cursor: pointer; display: block; text-align: center; } .gallery-thumbs .swiper-slide:hover a { background: #ffd71b; border-top: 4px solid #e5c118; } .gallery-thumbs .swiper-slide a .title { color: #ffffff; font: 400 14px/18px "Poppins",Helvetica,sans-serif; padding: 28px 0; } .gallery-thumbs .swiper-slide:hover a .title { color: #000000; } .gallery-thumbs .swiper-slide a img { bottom: 0; left: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; position: absolute; right: 0; top: auto; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; max-width: 100%; } .gallery-thumbs .swiper-slide:hover a img { bottom: 84px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } @media (max-width: 991px) { .gallery-thumbs .swiper-slide a .title { padding: 20px 0; } .gallery-thumbs .swiper-slide:hover a img { bottom: 68px; } } @media (max-width: 767px) { .slideshow-panel { width: 100%; margin: 0 0 30px; } .slideshow-panel .swiper-container .swiper-pager div, .slideshow-panel .swiper-container .swiper-pager div:hover { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev, .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev { left: 20px; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-next, .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next { right: 20px; } } @media (max-width: 480px) { .slideshow-panel .swiper-container .swiper-pager div, .slideshow-panel .swiper-container .swiper-pager div:hover { background: none; border: none; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev { left: 0; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-next { right: 0; } .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev { left: 0; } .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next { right: 0; } .slideshow-panel .swiper-pager .swiper-button-prev:hover::before, .slideshow-panel .swiper-pager .swiper-button-next:hover::before { color: #ffd71b; } .slideshow-panel .swiper-container.gallery-thumbs { display: none; } } /*---------------------------------------------- Slideshow Slider Stylesheet end-------------------------------*/ /*------------------------ CustomNavigation Button CSS Start -----------------------------------*/ .customNavigation { bottom: auto; left: auto; padding: 0; position: absolute; right: 0; top: -5px; z-index: 1; } .customNavigation a { border: 2px solid #eaeaea; height: 31px; width: 31px; font-size: 0; float: left; padding: 0; display: inline-block; vertical-align: top; cursor: pointer; position: relative; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; } .customNavigation a.prev { background: url("OnTheme/images/sprite.png") no-repeat scroll -8px -354px; margin: 0 4px 0 0; } .customNavigation a.prev:hover { background-position: -8px -354px; } .customNavigation a.next { background: url("OnTheme/images/sprite.png") no-repeat scroll -8px -387px; } .customNavigation a.next:hover { background-position: -8px -387px; } .customNavigation a:hover { background-color: #ffd71b; border-color: #ffd71b; } /*------------------------ CustomNavigation Button CSS End -----------------------------------*/ /* Category Page */ #content h2.category-name { margin-top: 0; } #column-left > div, #column-right > div { background: #000000; border: 1px solid #000000; float: left; margin: 0 0 30px; padding: 5px; width: 100%; } #column-left .swiper-viewport, #column-right .swiper-viewport { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding: 0; border: none; } #column-left .swiper-wrapper, #column-right .swiper-wrapper { height: auto; } .category-list ul { padding: 0; } .category-list ul li { display: inline-block; list-style: none; margin-right: 15px; text-align: center; width: 145px; } .subcategory-image { clear: both; padding: 0 0 8px; } .subcategory-image > a { border: 1px solid #e5e5e5; display: block; padding: 6px; } .category-list li:hover .subcategory-image > a { border: 2px solid #333333; padding: 5px; } .subcategory-image img { max-width: 100%; } .category-list h5 { float: left; text-align: center; width: 100%; margin: 0 0 10px; } .category-list h5 a { color: #888888; font: 400 16px/22px "Poppins",sans-serif; text-transform: capitalize; } .category-list li:hover h5 a, .category-list li:focus h5 a { color: #333; } .category-filter label { color: #222; font: 500 13px/20px "Poppins",Helvetica,sans-serif; margin: 0; padding: 0; white-space:nowrap; background: none; border: none; } .category-compare { margin: 0; float:left; width:100%; } .category-products { background: #ffffff; float: left; overflow: hidden; width: 100%; } .category-treeview ul { margin: 0px; } .category-treeview li { position: relative; list-style: none; } .category-treeview li.category-li .list-tree:before { content: "\f106"; font-family: "FontAwesome"; font-size: 14px; font-weight:normal; color: #888888; position: absolute; cursor: pointer; padding: 8px 10px; right: 0px; top: 0px; z-index: 3; } .category-treeview li.category-li.active .list-tree:before { content: "\f107"; } .category-treeview li.category-li:hover .list-tree:before { color: #000000; } .product-thumb .caption .description { display: none; } .rating span.fa-stack, #review span.fa-stack { width: 13px; height: 13px; } .products-list, .list-products { float: left; margin: 0 0 30px; position: relative; width: 100%; } .product-list .product-thumb .caption .description { display: block; margin: 0 0 15px; } .product-thumb, .product-layout, .product-layouts { position: relative; } .product-thumb { border: 1px solid #e5e5e5; overflow: hidden; padding: 10px; position: relative; } .product-thumb .sale-icon,.product-sale-icon { color: #000000; display: none; font: 400 14px/18px "Poppins",Helvetica,sans-serif; left: auto; letter-spacing: 1px; position: absolute; right: 5px; text-align: center; text-transform: capitalize; top: 5px; z-index: 1; } .product-thumb:hover .sale-icon,.product-sale-icon { display: block; } .header-content-title{ width:100%; float:left; } #page > .container { background: #ffffff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); display: inline-block; float: none; margin: -135px auto 0; padding: 40px; position: relative; vertical-align: top; text-align: left; } /* Column Left - Right Product List */ #column-left { clear: left;} #column-right { clear: right; } #column-left .panel-default > .list-group, #column-right .panel-default > .list-group { float: left; margin: 0; padding: 10px 15px; width: 100%; } #column-left .products-carousel, #column-right .products-carousel { float: left; margin: 0; width: 100%; } #column-left .product-thumb:hover, #column-right .product-thumb:hover, #header-left .product-thumb:hover, #header-right .product-thumb:hover, #footer-left .product-thumb:hover, #footer-right .product-thumb:hover { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #column-left .product-thumb, #column-right .product-thumb, #header-left .product-thumb, #header-right .product-thumb, #footer-left .product-thumb, #footer-right .product-thumb { padding: 20px 15px; border: none; border-bottom: 1px solid #2b2b2b; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } #column-left .product-thumb:last-child, #column-right .product-thumb:last-child, #header-left .product-thumb:last-child, #header-right .product-thumb:last-child, #footer-left .product-thumb:last-child, #footer-right .product-thumb:last-child { border: 0; } #column-left .product-thumb .image, #column-right .product-thumb .image, #header-left .product-thumb .image, #header-right .product-thumb .image, #footer-left .product-thumb .image, #footer-right .product-thumb .image { float: left; margin: 0; max-width: 70px; padding: 0; } #column-left .product-thumb .sale-icon, #column-right .product-thumb .sale-icon { padding: 1px 5px; font-size: 12px; left: 0; right: auto; display: none; } #column-left .product-thumb .price-tax, #column-right .product-thumb .price-tax, #header-left .product-thumb .price-tax, #header-right .product-thumb .price-tax, #footer-left .product-thumb .price-tax, #footer-right .product-thumb .price-tax { display: none; } #column-left .product-thumb h4, #column-right .product-thumb h4 { margin: 0 0 4px; } #column-left .product-thumb h4 a, #column-right .product-thumb h4 a { color: #ffffff; } #column-left .product-thumb .rating, #column-right .product-thumb .rating, #header-left .product-thumb .rating, #header-right .product-thumb .rating, #footer-left .product-thumb .rating, #footer-right .product-thumb .rating { display: block; margin: 0 0 4px; position: static; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; text-align: left; } #column-left .product-thumb .caption .sale-icon, #column-right .product-thumb .caption .sale-icon, #header-left .product-thumb .caption .sale-icon, #header-right .product-thumb .caption .sale-icon, #footer-left .product-thumb .caption .sale-icon, #footer-right .product-thumb .caption .sale-icon { font-size: 11px; padding: 0 5px; left: 0; right: auto; } #column-left .product-thumb .button-group, #column-right .product-thumb .button-group, #header-left .product-thumb .button-group, #header-right .product-thumb .button-group, #footer-left .product-thumb .button-group, #footer-right .product-thumb .button-group { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; float: left; padding: 3px 0; opacity: 1; -moz-opacity: 1; /* Netscape */ -khtml-opacity: 1; /* Safari 1.x */ -webkit-opacity: 1; /* other webkit*/ transform: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; position: static; transition: none 0s ease 0s ; -webkit-transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; -ms-transition: none 0s ease 0s; margin: 0; } #column-left .product-thumb .button-group button, #column-left .product-thumb .button-group button.btn-cart i.fa, #column-right .product-thumb .button-group button, #column-right .product-thumb .button-group button.btn-cart i.fa, #header-left .product-thumb .button-group button, #header-left .product-thumb .button-group button.btn-cart i.fa, #header-right .product-thumb .button-group button, #header-right .product-thumb .button-group button.btn-cart i.fa, #footer-left .product-thumb .button-group button, #footer-left .product-thumb .button-group button.btn-cart i.fa, #footer-right .product-thumb .button-group button, #footer-right .product-thumb .button-group button.btn-cart i.fa { display: none; } #column-left .product-thumb .button-group button.btn-cart, #column-right .product-thumb .button-group button.btn-cart, #header-left .product-thumb .button-group button.btn-cart, #header-right .product-thumb .button-group button.btn-cart, #footer-left .product-thumb .button-group button.btn-cart, #footer-right .product-thumb .button-group button.btn-cart { background: none; color: #ffffff; padding: 0; margin: 0; line-height: normal; text-transform: none; text-align: left; font-weight: normal; display: block; width: auto; height: auto; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } #column-left .special-carousel .sale-icon, #column-right .special-carousel .sale-icon, #header-left .special-carousel .sale-icon, #header-right .special-carousel .sale-icon, #footer-left .special-carousel .sale-icon, #footer-right .special-carousel .sale-icon { display: none; } .product-list .product-thumb:hover h4 a{color:#000;} /* Column Left Right - Product Option Filter Style */ #column-left .list-group-item,#column-right .list-group-item, #column-left .panel-heading, #column-right .panel-heading { border:medium none; } #column-left .list-group a.active, #column-left .list-group a.active:hover, #column-left .list-group a:hover { background: none; } #column-left a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover #column-right a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{ background:none; } #column-left .category-li.category-active .list-group-item.current-child-item {line-height: 25px; color:#888;} #column-left .list-group .list-group-item,#column-right .list-group .list-group-item { background: none; color: #ffffff; cursor: pointer; font-family:"Poppins",Helvetica,sans-serif; font-weight: 400; line-height: 25px; padding: 2px 0 0; margin-bottom:0; } #column-left .category-li.category-active .list-group-item.current-child-item:hover, #column-left .list-group .list-group-item:hover, #column-right .list-group .list-group-item:hover{ color:#cccccc; } .category-treeview .list-group a.child-item, .category-treeview .list-group a.current-child-item { margin-left: 10px; } #column-left .panel-heading, #column-right .panel-heading, #column-left .box-heading, #column-right .box-heading, #column-left .panel-heading, #column-right .panel-heading, #column-left .title_block, #column-right .title_block { background: #ffd71b; border: medium none; color: #000000; font: 500 16px/24px "Poppins",Helvetica,sans-serif; float: left; letter-spacing: 0.4px; margin: 0; padding: 10px 15px; text-align: left; text-transform: uppercase; position: relative; width: 100%; } #column-left .title_block a, #column-right .title_block a { color: #000000; } #column-left .box-heading > h3, #column-right .box-heading > h3 { border: medium none; color: #000000; font: 500 16px/24px "Poppins",Helvetica,sans-serif; letter-spacing: 0.4px; margin: 0; padding: 0; text-align: left; text-transform: uppercase; } #column-left .box-heading > h3::after, #column-right .box-heading > h3::after, #column-left .ot-titletab .title_block::after, #column-right .ot-titletab .title_block::after { display: none; } #column-left .option-filter .panel-heading, #column-left .option-filter .list-group-item, #column-left .option-filter-box a.list-group-item, #column-left .option-filter .panel-footer, #column-right .option-filter .panel-heading, #column-right .option-filter .list-group-item, #column-right .option-filter-box a.list-group-item, #column-right .option-filter .panel-footer { float: left; width: 100%; } #column-left .option-filter .panel-footer, #column-right .option-filter .panel-footer { background: none; padding: 0 0 10px; } #column-left .option-filter .checkbox > label, #column-right .option-filter .checkbox > label { color: #888888; font: 400 13px/20px "Poppins",Helvetica,sans-serif; text-transform:capitalize; } #column-left .option-filter .checkbox > label:hover, #column-right .option-filter .checkbox > label:hover { color: #ffffff; } #column-left .option-filter .list-group-items .list-group-item:hover, #column-left .option-filter .list-group-items .list-group-item:hover:after, #column-right .option-filter .list-group-items .list-group-item:hover, #column-right .option-filter .list-group-items .list-group-item:hover:after { color: #ffffff; } #column-left .option-filter .list-group-item .checkbox, #column-right .option-filter .list-group-item .checkbox { margin:0px; padding: 0; } .option-filter-box .list-group .list-group-items { border-bottom: 1px solid #2b2b2b; padding: 10px 0; float: left; width: 100%; } .option-filter-box .list-group .list-group-items:last-child { border: medium none; } #column-left .option-filter .list-group-items .list-group-item, #column-right .option-filter .list-group-items .list-group-item { color: #ffffff; font:400 13px/28px "Poppins",Helvetica,sans-serif; padding:2px 0; float:left; width:100%; position:relative; text-transform:capitalize } #column-left .product-thumb .thumb-description, #column-right .product-thumb .thumb-description { padding: 0 14px; text-align: left; } .option-filter .list-group { margin: 0px; } .option-filter-box .list-group-item, .option-filter-box .list-group-item { text-transform: capitalize; } .option-filter-box a.list-group-item:after { font-family: "FontAwesome"; content:"\f106"; font-size: 14px; color: #ffffff; position: absolute; right: 10px; top: 2px; } .option-filter-box a.list-group-item.collapsed:after { content:"\f107"; } .store-list .store-tags { padding: 5px 15px; } .store-list .store-tags > a { border: 1px solid #DDDDDD; display: inline-block; margin: 5px 10px 5px 0px; padding: 5px 10px; } .store-list .store-tags > a.active-store { font-weight: bold; position: relative; } .store-list .store-tags > a.active-store > i { bottom: -4px; color: #00bb00; font-size: 16px; left: -4px; position: absolute; } /*.category-filter, .category-pagination { border: 1px solid #e5e5e5; }*/ #content .category-filter { background: #ffffff; border: 1px solid #e5e5e5; float: left; margin: 30px 0 10px; padding: 10px; width: 100%; } .category-filter .filter-sort-by, .category-filter .filter-show { float: right; } .category-filter .filter-text { float: left; } .category-filter .filter-show .filter-selection { width: 70px; float: left; } .category-filter .filter-sort-by .filter-selection { float: left; width:160px; } .category-filter .filter-sort-by { width: 100%; max-width: 250px; } .category-filter .filter-show { max-width: 140px; } .category-filter .filter-show .filter-text{ margin:0 5px; } .category-filter .filter-text { padding: 5px 5px 0 0; margin:0; text-align: left; } .category-filter .filter-selection { padding: 0; } .category-filter .filter-grid-list { padding: 0; width: 90px; float: left; } .category-filter .filter-grid-list button { width: 25px; height: 25px; padding:8px 15px; margin:4px 0 0; } .category-filter .filter-grid-list button#grid-view { background: rgba(0, 0, 0, 0) url("OnTheme/images/sprite.png") repeat scroll -6px -18px; border:none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .category-filter .filter-grid-list button#grid-view:hover, .category-filter .filter-grid-list button#grid-view.active { background-position: -6px -67px; border:none; } .category-filter .filter-grid-list button#list-view { background: rgba(0, 0, 0, 0) url("OnTheme/images/sprite.png") repeat scroll -65px -18px; border:none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .product-category .category-list { float: left; width: 100%; } .category-filter .filter-grid-list button#list-view:hover, .category-filter .filter-grid-list button#list-view.active { background-position: -65px -67px; border:none; } .category-filter .filter-grid-list button i.fa {font-size: 0px;} .category-bg { border: 3px solid #f0f0f0; float: left; text-align: center; padding: 20px 0; overflow: hidden; width: 100%; } .category-description .category-content { margin-top: 20px; } .category-pagination { background: #ffffff; border: 1px solid #e9e9e9; float: left; margin: 20px 0; padding: 10px; width: 100%; } .category-pagination div.text-left { padding: 8px 0; } .category-pagination div.text-right { padding: 0; } .category-pagination .pagination { margin: 0; vertical-align: top; } .category-list > h3 { color: #333333; font: 500 16px/26px "Poppins",sans-serif; margin: 0 0 10px; text-transform: capitalize; } .pagination li:last-child > a::after { content: "\f178"; font-family: fontawesome; font-size: 13px; position: absolute; right: auto; left:10px; } .pagination li:first-child > a::before { content: "\f177"; font-family: fontawesome; font-size: 13px; position: static; right: 0; } .pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span{margin:0 2px;} .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { background: #111111; border-color: #111111; cursor: pointer; color: #ffffff; } .pagination > .active > span, .pagination > .active > a{ background: #ffd71b; border-color: #ffd71b; color: #000000; } .pagination li:last-child > a, .pagination li:first-child > a{font-size:0px; padding: 7px 0;} .pagination > li > a, .pagination > li > span { color: #000000; padding:7px 0; width:34px; height:34px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; text-align: center; border-color:#dddddd; } /* Left Column stylesheet */ #column-left .product-thumb .no-rating, #column-right .product-thumb .no-rating { display: none; } #column-left .products-list .row > div, #column-right .products-list .row > div { float: left; width: 100%; } #column-left .products-list .row > div .caption h4, #column-left .list-products .row > div .caption h4, #column-right .products-list .row > div .caption h4, #column-right .list-products .row > div .caption h4 { margin: 0 0 3px; } #column-left .products-list .row > div .caption .price, #column-left .list-products .row > div .caption .price, #column-right .products-list .row > div .caption .price, #column-right .list-products .row > div .caption .price { font: 500 14px/18px "Poppins",Helvetica,sans-serif; margin: 0; padding: 3px 0 5px; } #column-left .product-thumb .price, #column-right .product-thumb .price, #column-left .product-thumb .price-new, #column-right .product-thumb .price-new { font: 500 14px/18px "Poppins",Helvetica,sans-serif; color: #ffffff; padding: 0; } #column-left .product-thumb .price-old, #column-right .product-thumb .price-old { font-size: 12px; line-height: 14p; } #column-left .products-list .row > div .caption .price .price-tax, #column-right .products-list .row > div .caption .price .price-tax { display: none; } #column-left .products-list .row > div .button-group .btn-wishlist, #column-right .products-list .row > div .button-group .btn-wishlist { display: none; } #column-left .products-list .row > div .button-group .btn-compare, #column-right .products-list .row > div .button-group .btn-compare { display: none; } #column-left .product-thumb:hover h4 a, #column-right .product-thumb:hover h4 a, #column-left .product-thumb .button-group .btn-cart:hover > span, #column-right .product-thumb .button-group .btn-cart:hover > span { color:#cccccc; } #column-left .product-thumb .button-group .btn-cart > span, #column-right .product-thumb .button-group .btn-cart > span { display: block !important; font-size: 14px; line-height: 18px; text-transform: capitalize; } /* Product page stylesheet */ .product-images .additional-images-container { margin: 0 auto; overflow: hidden; direction: ltr; position: relative; width: 400px; } .additional-images .owl-wrapper-outer { float: left; width: 100%; overflow: hidden; } .product-details .product-info td { padding: 3px; } .product-details .product-info .product-info-value { color: #777; padding: 3px 3px 3px 10px; font-weight:normal; } .product-details .product-info tr td { color: #222222; text-transform: capitalize; } .product-product .product-info-value > a{color: #ffd71b;} .product-product .product-info-value > a:hover{color:#222;} .product-product .tab-content { padding: 20px 0; margin: 0; } .cpt_product_description strong { font-size: 14px; } .product-quantity label { padding: 10px 0; } .product-quantity label, .product-quantity #input-quantity { width: auto; text-align: center; margin: 0 10px 0 0; float: left; } .product-quantity #input-quantity { border: 1px solid #e5e5e5; font-size: 14px; float: left; height: 43px; line-height: 27px; padding: 0 6px; text-align: center; width: 60px; } .product-details h1.product-name { border-bottom: 1px solid #e5e5e5; color: #222222; font-size: 20px; font-weight: normal; margin: 0 0 16px; padding-bottom: 16px; text-transform: capitalize; } .product-details table.product-info { margin: 15px 0; } .product-details .product-price { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 15px 0; margin: 15px 0 20px; } .product-details .addthis_toolbox { width: 100%; float: left; } .product-details .product-options h3 { font: 500 18px/24px "Poppins",Helvetica,sans-serif; } .product-details .rating{display:table;} .product-total-review .fa.fa-comment, .product-write-review .fa.fa-pencil { margin-right: 5px; } .product-details .btn.btn-default.product-btn-wishlist, .product-details .btn.btn-default.product-btn-compare { font-size: 14px; color: #777777; text-align: left; text-transform: none; border:none; background: none; padding:0 15px 0 0; margin: 15px 5px 15px 0; } .product-details .btn.btn-default.product-btn-wishlist:hover, .product-details .btn.btn-default.product-btn-compare:hover { background: none; color: #000000; } .product-price .product-discounts { list-style: none; margin-top: 10px; font-size:13px; } .product-price .product-reward-points{ font-size:13px; } .product-details .rating > a { border-right: 1px solid #e5e5e5; color: #777777; float: left; font-size: 14px; margin: 0 10px 0 0; padding: 2px 10px 0 0; height:20px; } .product-details .rating > a:last-child { border-right: medium none; margin-right: 0; } .product-details .rating > a:hover{color:#444;} .rating .product-rating { border-right: 1px solid #e5e5e5; float: left; margin: 0 10px 0 0; padding: 2px 10px 0 0; height:20px; } .product-details .price-new { float: left; margin:0 8px 0 0; } .product-details .price-old { font-weight: normal; text-decoration: line-through; } .product-details .product-tax { margin-top: 10px; } .product-details .product-options h3 { margin: 10px 0; } .product-details ul.product-price h2 { font: 500 16px/20px "Poppins",Helvetica,sans-serif; margin-top: 0; } .product-options .product-quantity { clear: both; float: left; margin: 0; } .product-options .radio, .product-options .checkbox { padding: 0; margin-top: 0; margin-bottom: 5px; } .product-product .btn.btn-default { background-color: #f5f5f5; border-color: #eaeaea; color: #777777; padding:7px 15px; } .product-product .btn.btn-default:hover { background-color: #ffd71b; border-color:#ffd71b; } .product-product .btn.btn-default:hover { color: #000000; } .product-product .product-details .addthis_toolbox > a:first-child { margin: 0; } .product-product .product-details .addthis_toolbox > a { margin: 0 5px; } .product-tabs { background: #ffffff; border: 1px solid #e5e5e5; clear: both; margin:40px 0; padding: 10px 20px 0; } .product-product .nav.nav-tabs { border-bottom: 1px solid #ebebeb; } #tab-review label.control-label { font:500 13px/20px "Poppins",Helvetica,sans-serif; color:#222; margin-bottom:10px; } .product-product .nav.nav-tabs li.active a, .product-product .nav.nav-tabs li:hover a { background: none; border: none; color: #000000; cursor: pointer; } .product-product .nav-tabs > li > a { background: none; border: none; color: #878787; font: 400 16px/22px "Poppins",Helvetica,sans-serif; margin: 0; padding: 10px 0; position: relative; text-transform: capitalize; } .product-product .nav-tabs > li.active > a::before { background: #000000 none repeat scroll 0 0; bottom: -2px; content: ""; height: 3px; left: 0; position: absolute; right: 0; width: 100%; } .product-product #tab-description > h3, .product-product #form-review > h2 { font-family: "Poppins",Helvetica,sans-serif; font-size:18px; color:#777; } .product-product .nav-tabs > li { margin: 0 20px 0 0;} .tab-content #tab-description b{ font-weight:600; color:#414141; } .checkout-cart #accordion .panel-heading {padding: 0px; border-color:#eaeaea; background: #ffffff;} .checkout-cart #accordion .panel-heading a {padding: 10px 15px;font-family:"Poppins",Helvetica,sans-serif; font-weight:normal;} .checkout-cart #accordion label.control-label { width: 100%; padding: 0px; text-align: left; color:#444; font-size:14px; } .checkout-cart #accordion .form-group { margin: 15px 0; } .checkout-cart #accordion .form-group > div { width: 100%; padding: 0px; margin: 5px 0; } .checkout-cart #content > .buttons { float: left; width: 100%; margin: 0 0 10px; } .checkout-checkout #accordion .panel-default .panel-heading{ border-color: #eaeaea; padding: 12px 15px; } .table.table-bordered { border-color :#eaeaea; background: #ffffff; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td{ border: 1px solid #e5e5e5; color:#222; } .sub-total-table .table-bordered tbody tr td:first-child strong{ font-weight: normal; } .product-product #review .table.table-striped.table-bordered p { margin: 0; } .checkout-cart .sub-total-table { float: right; } .bootstrap-datetimepicker-widget .accordion-toggle a.btn, .bootstrap-datetimepicker-widget .timepicker td a span { background: #EEEEEE; } .bootstrap-datetimepicker-widget .timepicker td a:hover, .bootstrap-datetimepicker-widget .timepicker td a:focus { color: #FFFFFF; } .bootstrap-datetimepicker-widget .accordion-toggle a.btn:hover, .bootstrap-datetimepicker-widget .timepicker td a span:hover { background: #777; } .datepicker .datepicker-days .table-condensed .day.active,.bootstrap-datetimepicker-widget td span.active,.bootstrap-datetimepicker-widget .accordion-toggle a.btn:hover, .bootstrap-datetimepicker-widget .timepicker td a span:hover,.bootstrap-datetimepicker-widget td span.active,.datepicker-months .table-condensed .month.active, .datepicker-years .table-condensed .year.active {background-color:#ffd71b; color: #000000;} s.bootstrap-datetimepicker-widget .accordion-toggle a.btn, .bootstrap-datetimepicker-widget .timepicker td a span,.bootstrap-datetimepicker-widget .accordion-toggle a.btn {background: #EEEEEE;} .bootstrap-datetimepicker-widget .timepicker td a:hover, .bootstrap-datetimepicker-widget .timepicker td a:focus {color: #FFFFFF;} .bootstrap-datetimepicker-widget .accordion-toggle a.btn:hover, .bootstrap-datetimepicker-widget .timepicker td a span:hover, {background:#bc3b36 ;} .datepicker-days .table-condensed .day.today::before{border-bottom: 7px solid #ffd71b;} .datepicker-days .table-condensed .day.active.today::before { border-bottom: 7px solid #FFF; } /* Extra pages Stylesheet */ #accordion .panel-heading h4.panel-title a { display: block; } #accordion .panel-heading h4.panel-title a i.fa-caret-down { float: right; } .product-search #content .search-criteria { background: #ffffff; border: 1px solid #e5e5e5; padding: 10px; } .search-criteria > p{ margin:10px 0; } .search-criteria .checkbox-inline{ padding:0; } .product-compare #content .table .btn { display: inline-block; margin: 2px 0; text-transform: capitalize; width: auto; } .information-sitemap .col-sm-6 > ul { padding-left: 15px; } .information-sitemap #content ul ul { padding-left: 30px; margin: 5px 0 10px; } .information-sitemap ul li a{ line-height:22px; } body.product-compare .table-product-image { padding: 10px; } /* information/contact - Location Icons Stylesheet */ .information-contact .contact-location .location-title { font-weight: bold; } .information-contact .panel.google-map, .information-contact .panel.google-map iframe { float: left; width: 100%; } .information-contact .contact-location .location-detail { margin: 0 0 20px 0; } .information-contact .contact-location .location-title i.fa { border: 2px solid #eaeaea; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; color: #999999; font-size: 16px; height: 30px; margin: 10px 5px 10px 0; padding: 5px; text-align: center; width: 30px; } /* extra page stylesheet */ .table-bordered tr td.text-right.total-amount { color: #414141; } .information-contact #content .form-horizontal { float:left; width:100%; } .checkout-cart h2 {font-family: "Poppins",Helvetica,sans-serif;} .checkout-cart tr:last-child > td.text-right.heading-title { font: 700 18px/22px "Poppins",Helvetica,sans-serif !important; color: #555454; text-transform: capitalize; } .cart-form .table-bordered > thead > tr > th, .cart-form .table-bordered > tbody > tr > th, .cart-form .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .cart-form .table-bordered > tbody > tr > td, .cart-form .table-bordered > tfoot > tr > td { background: #FFF; border: 1px solid #e5e5e5; color: #444; font-family:"Poppins",Helvetica,sans-serif; font-size:14px; line-height:18px; letter-spacing:0.6px; text-transform:capitalize; vertical-align: middle; } .cart-form .table-bordered tbody td.text-right.total-price { color: #222; font: 500 16px/20px "Poppins",Helvetica,sans-serif; } .checkout-checkout h4 {font-family: "Poppins",Helvetica,sans-serif;} .affiliate-login h2, .account-login h2, .checkout-checkout h2, .product-search h2 {color: #333333;font: 400 23px/25px "Poppins",Helvetica,sans-serif;} .well { background: #ffffff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 1px solid #e5e5e5; } /* brand page */ .product-manufacturer .a-link-list {border: medium none;} .product-manufacturer .a-link-heading {padding: 5px 16px;} .product-manufacturer .a-link-heading p, .product-manufacturer .a-link-heading h2 {line-height: 38px;} .product-manufacturer .a-link-group { color: #222222; font-family: Poppins; font-size: 16px; margin-bottom: 10px; } .terms-condition h3{font: 400 18px/22px "Poppins",Helvetica,sans-serif;color:#bc3b36;} /* manufacturer_list & account_list & affiliate_list - Tabular list of Brands Stylesheet */ .a-link-group { margin-bottom: 10px; } .a-link-group a { font-weight: bold; } .a-link-list { border: 1px solid #dbdee1; margin-bottom: 20px; padding: 5px; } .a-link-heading { background: #f5f5f5; font-size: 15px; font-weight: bold; margin-bottom: 6px; padding: 5px 8px; } .a-link-heading p, .a-link-heading h2 { margin: 0px; font-size: 16px; line-height: 20px; font-weight: bold; color:#222; } .a-link-content { padding: 8px; font-size: 14px; } .modal-header { background: #F5F5F5; } .modal-dialog .modal-header .close { font-size: 24px; padding: 3px 5px; margin-top: -5px; float: right; } .modal-title { font-weight: bold; } /*----------------------- Brand Carousel CSS Start ------------------------*/ .brand-carousel .swiper-viewport { border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0; padding: 15px; position: static; } .common-home .brand-carousel { float: left; position: relative; width: 100%; } .brand-carousel .brand-items .img-responsive { display: inline-block; opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; } .brand-carousel .brand-items .img-responsive:hover{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .brand-carousel .swiper-pager { bottom: auto; left: auto; line-height: unset; right: 0; top: -5px; width: auto; } .brand-carousel .swiper-viewport .swiper-pager div { border: 2px solid #eaeaea; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; bottom: auto; float: left; font-size: 0; height: 31px; left: auto; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: relative; right: auto; text-shadow: none; margin: 0; top: auto; transition: none 0s ease 0s; -webkit-transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; -ms-transition: none 0s ease 0s; vertical-align: top; width: 31px; } .brand-carousel .swiper-pager .swiper-button-prev::before, .brand-carousel .swiper-pager .swiper-button-next::before { display: none; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-prev { background: url("OnTheme/images/sprite.png") no-repeat scroll -8px -354px; margin: 0 4px 0 0; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-next { background: url("OnTheme/images/sprite.png") no-repeat scroll -8px -387px; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-prev:hover { background-position: -8px -354px; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-next:hover { background-position: -8px -387px; } .brand-carousel .swiper-viewport .swiper-pager div:hover { background-color: #ffd71b; border-color: #ffd71b; } @media (max-width: 991px) { .brand-carousel .swiper-viewport { margin: 15px 0; } } /*----------------------- Brand Carousel CSS Start ------------------------*/ /* checkout/cart - cart-form Stylesheet */ .cart-form .input-group .form-control { width: auto; min-width: 50px; text-align: center; } .cart-form .input-group-btn { display: table; float: left; } /* checkout success - Stylesheet */ body.checkout-success #content { background: url("OnTheme/images/checkout-success.jpg") no-repeat scroll center bottom; } body.account-success #content { background: url("OnTheme/images/account-success.jpg") no-repeat scroll center bottom; } body.product-compare #content.no-compare-products { background: url("OnTheme/images/no-compare-products.jpg") no-repeat scroll center bottom; } #content.request-not-found { background: url("OnTheme/images/request-not-found.jpg") no-repeat scroll center bottom; } #content.no-manufacture-products { background: url("OnTheme/images/no-manufacture-products.jpg") no-repeat scroll center bottom; } #content.no-wishlist-products { background: url("OnTheme/images/no-wishlist-products.jpg") no-repeat scroll center bottom; } body.checkout-success #content div.buttons, body.account-success #content div.buttons, #content.print-bg-image div.buttons { float: left; } /* footer */ footer { background: #2b2b2d url("OnTheme/images/header-bg.jpg") repeat scroll 0 0; float: left; margin: 30px 0 0; width: 100%; } footer .footer-top { background: #ffd71b; float: left; width: 100%; } .footer-container { float: left; padding: 80px 0; width: 100%; } footer .footer-column .list-unstyled { margin: 0; } footer a { color: #878787; cursor: pointer; font: 400 14px/28px "Poppins",sans-serif; letter-spacing: 0.4px; } .footer-column .list-unstyled li a::before { color: #777777; content: "\f105"; float: left; font-family: "FontAwesome"; font-size: 14px; padding: 0 5px 0 0; } footer a:hover, footer a:focus, .footer-column .list-unstyled li a:hover::before { color: #ffffff; } footer .footer-column h5 { color: #ffffff; cursor: pointer; font: 500 19px/22px "Poppins",sans-serif; letter-spacing: 0.6px; margin: 0 0 20px; text-transform: capitalize; } /* Footer right Contact us Stylesheet */ .footer-bottom { background: #000000; float:left; width:100%; } .footer-bottom-cms { float: right; padding: 0; } .footer-bottom-link { float: left; padding: 0; } .footer-bottom p { color: #ffffff; font-size: 14px; line-height: 20px; margin: 0; padding: 11px 0; } .footer-top-cms { float: left; width: 100%; padding: 0; } .footer-bottom p a { font-size: 14px; color: #ffffff; } .footer-bottom p a:hover { color: #ffd71b; } .image-additional-container { float: left; width: 100%; } #goToTop:before { color: #ffffff; content: "\f106"; font-family: "FontAwesome"; font-size: 20px; } #goToTop { background: #000000; border: 2px solid #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; direction: ltr; bottom: 20px; cursor: pointer; height: 40px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; padding: 7px 12px; position: fixed; right: 40px; text-align: center; width: 40px; z-index: 9; } #goToTop:hover { background: #ffd71b; border-color: #ffd71b; } #goToTop:hover:before { color: #000000; } /* alert */ [data-notify="progressbar"] { margin-bottom: 0px; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 5px; } .alert { clear: both; } .alert-danger { padding: 10px 15px; } .alert .close { color: #000000; right: 0; top: 0; } .product-options .alert-info { float: left; margin-top: 15px; margin-bottom: 0; padding: 10px 15px; position: static; width: 100%; } /* breadcrumb */ .breadcrumb { float: right; line-height: 28px; list-style: outside none none; margin: 0; padding: 0; } .breadcrumb i:hover { color: #000; } .breadcrumb a { color: #232323; } .breadcrumb i { font-size: 16px; vertical-align: baseline; } .breadcrumb > li { white-space: nowrap; display: inline-block; } .breadcrumb > li + li:before { color: #888888; content: "\f105"; float: left; font-family: "FontAwesome"; font-size: 13px; margin: 0px 8px; } /* buttons */ .btn { font-size: 14px; } .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-lg { padding: 6px 20px; font-size: 15px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 14px; } .btn-group > .btn-xs { font-size: 9px; } .btn-group > .btn-sm { font-size: 10.2px; } .btn-group > .btn-lg { font-size: 15px; } .form-group .input-group-btn .btn-default{ padding: 6px 12px; } .btn-group { float: left; width: 100%; } .btn-default { background: #ffd71b; border: 1px solid #ffd71b; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; font: 400 14px/20px "Poppins",Helvetica,sans-serif; letter-spacing: 1px; color: #000000; text-transform: capitalize; padding: 6px 20px; } .btn.btn-default.cnt:hover, .btn-default:hover, .btn-default:focus, .btn-default.active, .btn-default:active, .btn-default:active:focus { background: #1b1b1b; border: 1px solid #1b1b1b; color: #ffffff; text-transform: capitalize; letter-spacing: 1px; } .btn.active, .btn:active { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .btn-primary { background: #1b1b1b; border: 1px solid #1b1b1b; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; color: #ffffff; font: 400 14px/20px "Poppins",Helvetica,sans-serif; letter-spacing: 1px; padding: 6px 20px; text-transform: capitalize; } .btn-block { width: auto } .product-details #button-cart { background: #1b1b1b; border-color: #1b1b1b; color: #ffffff; float: left; font-family: "Poppins",Helvetica,sans-serif; font-size: 14px; letter-spacing: 1px; line-height: 26px; padding: 7px 15px 6px 48px; position: relative; text-transform: capitalize; } .product-details #button-cart::before { background: rgba(0, 0, 0, 0) url("OnTheme/images/product-sprite.png") no-repeat scroll -27px -45px; content: ""; position: absolute; width: 56px; height:35px; left:0; right:auto; } .product-details #button-cart.btn-primary:hover, .product-product #button-cart.btn-primary:focus, .product-product #button-cart.btn-primary.active { border-color: #ffd71b; background: #ffd71b; color: #000000; } .product-details #button-cart:hover::before, .product-details #button-cart:focus::before, .product-details #button-cart.active::before { background-position: 16px -45px; } .product-details .fa.fa-shopping-cart {padding-right: 5px; font-size: 17px;} /*button-color-*/ .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary.active, .open .dropdown-toggle.btn-primary,#button-login.btn.btn-primary:focus,.btn-primary:active,#button-account.btn.btn-primary:focus,#button-register.btn.btn-primary:focus,#button-shipping-method.btn.btn-primary:focus,#button-payment-address.btn.btn-primary:focus,#button-shipping-address.btn.btn-primary:focus,#button-payment-method.btn.btn-primary:focus,#button-guest.btn.btn-primary:focus,#button-review.btn.btn-primary:focus,#button-coupon.btn.btn-primary:focus,#button-voucher.btn.btn-primary:focus,#button-quote.btn.btn-primary:focus,#button-confirm.btn.btn-primary:focus { background: #ffd71b; border: 1px solid #ffd71b; color: #000000; } .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary.focus[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover{ background: #ffd71b; border: 1px solid #ffd71b; color: #000000; } .btn-warning { color: #ffffff; background-color: #faa732; } .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); -moz-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-danger { color: #ffffff; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; background-color: #da4f49; letter-spacing: 1px; text-transform: uppercase; } .input-group.btn-block .btn-danger { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .btn-success { color: #ffffff; background-color: #5bb75b; } .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); -moz-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-info { color: #ffffff; background-color: #ff8960; border-color: #ff8960; } .btn-info:hover, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover, .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info, .btn-info.focus, .btn-info:focus { background:#000; border-color:#000; } .btn-link { border-color: rgba(0, 0, 0, 0); cursor: pointer; color: #777; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: rgba(0, 0, 0, 0); background-image: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .btn-inverse { color: #ffffff; background-color: #363636; } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222222; } /* list group */ .list-group .list-group-item { border: 1px solid #DDDDDD; color: #888888; cursor: pointer; } .list-group a.child-item, .list-group a.current-child-item { padding-left: 30px; } /* carousel */ .carousel-caption { color: #FFFFFF; } .carousel-control .icon-prev:before { content: '\f053'; font-family: FontAwesome; } .carousel-control .icon-next:before { content: '\f054'; font-family: FontAwesome; } /* product list */ .product-category .category-description{ background: #ffffff; border: 1px solid #e5e5e5; float: left; padding: 20px; width: 100%; } .common-home .product-layout, .common-home .product-layouts { padding: 0 15px; } .product-layout, .product-layouts { padding: 15px; } .single-column .product-layouts:first-child { margin: 0 0 30px; } .product-thumb .image { overflow: hidden; text-align: center; position:relative; } .product-thumb .image a { display: block; position: relative; } .product-thumb .image img { margin-left: auto; margin-right: auto; max-width:100%; } .product-thumb .thumb-description { padding: 0 15px; text-align: center; } .product-grid .product-thumb .image{padding: 0px;} .product-grid .product-thumb.row {margin: 0;} .product-list .sale-icon { display: block; } .product-list .product-thumb { border: medium none; margin: 0; padding: 0; } .product-list .product-thumb .image { border: 1px solid #e5e5e5; } .product-list .product-thumb .thumb-description { text-align: left; } .product-list .product-thumb:hover { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .product-list .product-thumb .rating, .product-list .product-thumb:hover .rating { display: block; margin: 0 0 8px; position: static; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } .product-thumb h4 { font: 400 14px/16px "Poppins",Helvetica,sans-serif; letter-spacing: 0.6px; margin: 10px 0; overflow: hidden; padding: 0; text-overflow: ellipsis; } .product-thumb h4 a { color: #000000; white-space:nowrap; } .product-thumb:hover h4 a { color:#000; } .product-thumb .rating { bottom: 75px; left: 0; position: absolute; right: 0; } .product-thumb:hover .rating { opacity: 0; } .rating .fa-stack { font-size: 8px; } .rating .fa-star.off, #tab-review .fa-star.off { color: #d9d9d9; } .rating .fa-star-o, #review .fa-star-o { color: #d9d9d9; font-size: 13px; } .fa-star-o::before{ content:"\f005"; } .rating .fa-star, #review .fa-star { color: #ffc315; font-size: 13px; position:relative; } .rating .fa-star + .fa-star-o, #review .fa-star + .fa-star-o {color: #ffd71b;} h2.price { margin: 0; } .product-thumb .price { color: #252525; font: 600 16px/20px "Poppins",Helvetica,sans-serif; padding: 0 0 10px; } .product-thumb .price-new { font: 600 16px/20px "Poppins",Helvetica,sans-serif; } .product-thumb .price-old { color: #777777; text-decoration: line-through; font: 400 14px/16px "Poppins",Helvetica,sans-serif; } .product-thumb .price-tax { color: #999; font-size: 13px; display: none; } .product-list .product-thumb .price-tax { display: block; margin: 5px 0 0; } /*----------------------button css start----------------------*/ .product-thumb .button-group { bottom: 75px; left: 0; position: absolute; right: 0; top: auto; opacity:0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-thumb:hover .button-group { bottom: 85px; opacity:1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-list .product-thumb .button-group { float: left; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: static; margin: 5px 0 0; text-align: left; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } .product-list .product-thumb .button-group .btn-cart { background: #111111; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; padding: 0 15px 0 10px; width: auto; margin-bottom: 5px; } .product-list .product-thumb .button-group button.btn-cart:hover { background: #ffd71b; } .product-list .button-group button.btn-cart span { color: #fff; display: inline-block !important; font: 400 14px/36px "Poppins",Helvetica,sans-serif; letter-spacing: 0.4px; text-transform: capitalize; vertical-align: top; } .product-list .button-group button.btn-cart:hover span { color: #000000; } .product-thumb .button-group button { background: #111111; border: medium none; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; color: #ffffff; display: inline-block; vertical-align: top; height: 36px; margin: 0; padding: 0; text-align: center; width: 36px; } .product-thumb .button-group button:hover { background-color: #ffd71b; } .product-thumb .button-group i { background-image:url("OnTheme/images/product-sprite.png"); background-repeat:no-repeat; height:100%; width:100%; } .button-group button.btn-cart span, .button-group button.btn-wishlist span, .button-group button.btn-compare span{ display: none; } .product-thumb .button-group i::before { content:""; } .product-thumb .button-group i.fa-shopping-cart { background-position: -37px -40px; } .product-thumb .button-group .btn-cart:hover i.fa-shopping-cart { background-position: 6px -40px; } .product-list .button-group i.fa-shopping-cart{ width: 30px; background-position: -40px -40px; } .product-list .button-group .btn-cart:hover i.fa-shopping-cart { background-position: 4px -40px; } .product-thumb .button-group i.fa-heart { background-position: -37px 5px; } .product-thumb .button-group .btn-wishlist:hover i.fa-heart { background-position: 6px 5px; } .product-thumb .button-group .btn-compare i { background-position: -37px -87px; } .product-thumb .button-group .btn-compare:hover i { background-position: 6px -87px; } /*----------------------------button css end----------------------*/ /*----------------------------Quickview css start----------------------*/ .bootstrap-datetimepicker-widget.usetwentyfour.dropdown-menu { position: absolute !important; } .product-quickview { float: left; width: 100%; } #quickview-bg-block { display: none; background-color : rgba(0,0,0,0.9); top: 0; left: 0; right: 0; bottom: 0; margin: auto; position: fixed; z-index: 9; } .quickview-load-img { display: none; position: fixed; top: 50%; left: 0; right: 0; bottom: 0; text-align: center; z-index: 9999; margin: auto; } .a-qv-close { position: absolute; box-shadow: 0 0 2px 1px rgba(0,0,0,.1); -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,.1); width: 25px; height: 25px; line-height: 25px; text-align: center; margin: 0; right: 2px; top: 2px; } #quickview-content { background-color: #ffffff; border: 2px solid #000000; display: none; height: 86%; left: 0; margin: 0 auto; padding: 30px 20px; position: fixed; right: 0; top: 7%; width: 70%; overflow-x: hidden; z-index: 999; } .product-quickview .btn.btn-default { background-color: #f5f5f5; border-color: #f5f5f5; color: #777777; padding: 7px 15px; } .product-quickview .btn.btn-default:hover { color: #000000; } .product-quickview .product-image .thumbnail { border: 1px solid #e5e5e5; padding: 0; margin: 0; } .button-group button.btn-quickview span{ display: none; } .product-thumb .button-group .btn-quickview i { background-position: -36px -128px; } .product-thumb .button-group .btn-quickview:hover i { background-position: 7px -128px; } .product-quickview #quick-cart { background: #111111; border-color: #111111; color: #ffffff; float: left; font-family: "Poppins",Helvetica,sans-serif; font-size: 14px; letter-spacing: 1px; line-height: 26px; padding: 7px 15px 6px 48px; position: relative; text-transform: capitalize; } .product-quickview #quick-cart.btn-primary:hover, .product-quickview #quick-cart.btn-primary:focus, .product-quickview #quick-cart.btn-primary:active { background: #ffd71b; border-color: #ffd71b; color: #000000; } .product-quickview #quick-cart::before { background: rgba(0, 0, 0, 0) url("OnTheme/images/product-sprite.png") no-repeat scroll -27px -45px; content: ""; height: 35px; left: 0; position: absolute; right: auto; width: 56px; } .product-quickview #quick-cart:hover::before, .product-quickview #quick-cart:focus::before, .product-quickview #quick-cart:active::before { background-position: 16px -45px; } @media (max-width: 480px) { #quickview-content { width: 90%; } .product-quickview #quick-cart { margin-top: 5px; } } /*----------------------------Quickview css end----------------------*/ /*product-page */ .zoomContainer { overflow: hidden; } .product-block { float: left; width: 100%; } .product-product .product-image .thumbnail { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: none; padding: 0; margin: 0 0 5px; overflow: hidden; transition: none; -moz-transition: none; -webkit-transition: none; -khtml-transition: none; -o-transition: none; position: relative; } .thumbnails { overflow: auto; clear: both; list-style: none; padding: 0; margin: 0; } .thumbnails > li { margin-left: 20px; } .image-additional > img { max-width: 100%; } .thumbnails .owl-carousel.additional-images { float: left; width: 100%; padding: 0 35px; margin-top: 7px; } .additional-images .image-additional { border: 1px solid #e5e5e5; display: block; margin: 10px; overflow: hidden; padding: 0; cursor: pointer; text-align: center; } .additional-images .image-additional:hover { box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1); } .products-list .owl-carousel, .list-products .owl-carousel { border: medium none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: static; margin-bottom: 0; width: auto; } @media (max-width: 1499px) { .container { width: 1300px; } #page > .container { padding: 30px; } .product-images .additional-images-container { width: 360px; } } @media (max-width: 1300px) { .container { width: 1170px; } .product-images .additional-images-container { width: 330px; } } @media (min-width: 1201px) { #column-left { width: 21%; } #content.left-column { width: 79%; } .common-home #content.left-column.col-sm-12 { width: 100%; } } @media (max-width: 1200px) { .footer-container .footer-column { padding: 20px; } .product-images .additional-images-container { width: 300px; } } @media (min-width: 992px) and (max-width: 1199px) { #column-left .product-thumb .image, #column-right .product-thumb .image { width: 40%; } #column-left .product-thumb .thumb-description, #column-right .product-thumb .thumb-description { width: 60%; padding: 0 10px; } #column-left .product-thumb, #column-right .product-thumb, #header-left .product-thumb, #header-right .product-thumb, #footer-left .product-thumb, #footer-right .product-thumb { padding: 20px 10px; } .category-products .product-layout.product-grid { width: 50%; } .category-list ul li { width: 100px; } .category-filter .filter-sort-by { width: 230px; } .product-images .additional-images-container { width: 175px; } } @media (max-width: 1199px) { .container { width: 990px; } .category-products .product-layout.product-grid { width: 33.33%; } .footer-container .footer-column { padding: 10px; } } @media (min-width: 992px) { #menu ul.nav > li.dropdown:hover > .dropdown-menu { display: block; padding:0; border-color:#eaeaea; } #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown > a:after { font-family: 'FontAwesome'; content: '\f105'; position: absolute; right: 5px; top: 2px; } #column-left > div:last-child, #column-right > div:last-child { margin: 0; } } @media (max-width: 991px) { .container { width: 100%; } header .header-left { float: left; margin: 20px 0; width: 100%; } #logo { display: inline-block; float: none; vertical-align: top; } .header-phone { margin: 9px 5px; } .search { margin: 0 0 20px; } #top-links > ul > li { padding: 9px 5px; } .user-info { margin: 0; } .user-info .dropdown ul, #cart .dropdown-menu { top: 56px; } #cart button.btn { height: 46px; margin: 0 10px; padding: 0; width: 46px; } #cart .cart-heading { display: none; } #cart > button.btn::after { left: 0; right: auto; } #cart #cart-total { left: 20px; } .header-bottom { width: 100%; } .header-right { bottom: 10px; position: absolute; right: 0; left: auto; padding: 0; z-index: 5; } #menu .navbar-collapse { background:#fff; padding: 0; position: absolute; width: 100%; z-index: 999; border:1px solid #e5e5e5; top:50px; left:auto; right:0; } #menu .navbar-header.collapsed, #menu #category { display:block !important; position:relative; width:100%; text-align:left; } #menu { padding: 5px 0; position:unset; } .menu-container .left { position:unset; } #menu div.navbar-header:after, #menu .navbar-header i.fa { font-family: "FontAwesome"; content:"\f0c9"; font-size: 14px; position: absolute; right: 5px; top: 10px; font-weight:normal; color: #000000; } #menu .nav > li.dropdown:hover::after{ display:none; } #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.single-dropdown-menu{ padding:0; } #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown::after{ display:none; } #ttcmsfooter.block.footer-block { border:none; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a { color: #FFFFFF; } #menu .list-unstyled.childs_1.single-dropdown-menu a { padding:0 15px; } .navbar-nav { margin:0; padding: 10px 20px; } #menu .nav li.dropdown > a, #menu .nav > li.dropdown > span { padding: 0; } #menu .nav.navbar-nav > li:hover > a, #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a:hover, #menu .nav.navbar-nav > li:hover > span{ color:#000; } #menu .nav > li.dropdown::after { content: ""; } #menu .nav > li.dropdown::before { content: ""; } #menu .navbar-collapse li.dropdown > i { background:none; font-size: 14px; position: absolute; color: #777777; right: 0; top: 5px; padding: 0; cursor: pointer; text-align: center; } #menu .navbar-collapse li.dropdown > .dropdown-menu { position: relative; width: 100%; top:0; border: none; } #menu ul.nav li ul.list-unstyled.single-dropdown-menu > li.dropdown .dropdown-menu { position: static; display: block; } #menu ul.nav li ul.list-unstyled.mega-dropdown-menu > li.dropdown .dropdown-menu { padding: 0 15px; } #menu div.dropdown-inner > ul.list-unstyled { display: block; padding: 0 !important; } #menu .dropdown-menu a:hover, #menu .dropdown-menu ul li a:hover { background: rgba(0, 0, 0, 0); } #menu .see-all { margin-top: 0; border: none; color: #FFFFFF; } .menu-container > .container { position:relative; } #menu .nav.navbar-nav > li { display:block; text-align:left; } #menu .nav > li > a, #menu .nav > li > span { color:#414141; text-transform:capitalize; padding:0; line-height:26px; font-size:14px; } #menu .navbar-collapse li.dropdown > i::before { content: "\f067"; font-family: fontawesome; } #menu .navbar-collapse li.dropdown.active > i::before{ content:"\f068"; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a,#menu .dropdown-inner a { color:#414141; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a::after { display:none; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a, #menu .dropdown-inner a,#menu ul.nav li ul.list-unstyled.mega-dropdown-menu > li.dropdown .dropdown-menu { padding:0 0 0 15px !important; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a { text-transform:capitalize; } #menu .nav.navbar-nav > li:hover > a, #menu .nav.navbar-nav > li:hover > span { background:none; color:#000; } .product-list .product-thumb .caption, .product-list .thumb-description .button-wrapper { float:left; width:100%; border:none; padding:0; } footer { margin: 15px 0 0; } .footer-container { padding: 30px 0 10px; } footer .footer-top { text-align: center; } .footer-top-block { display: inline-block; float: none; padding: 20px 0 0; vertical-align: top; } .footer-container .footer-column { float: left; padding: 0 15px; width: 100%; } .footer-container .footer-column::after { display: none; } footer .footer-column ul{ padding:0 10px; } footer .footer-column h5.toggle:hover { cursor:pointer; } footer .footer-column h5.toggle, #otcmsfooterservice .title_block, .payment-icon-inner > h4 { padding: 10px; margin: 0 0 2px; position:relative; } footer .footer-column h5.toggle:hover, #otcmsfooterservice .title_block:hover, .payment-icon-inner > h4:hover { background: rgba(0, 0, 0, 0.8); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } footer .footer-column h5.toggle:after { content: "\f067"; display: block; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; position: absolute; right: 10px; left: auto; top: 10px; } footer .footer-column.active h5.toggle:after, footer .contact-us.active h5.toggle:after, footer .follow-us.active h5.toggle:after, .otservicemerge.active h5.toggle::after { content: '\f068'; font-weight:normal; } .product-images .additional-images-container { width:68%; } /*------------------------------------- Column Toggle CSS Start ------------------------------------------*/ body .container > .row > #content { float: left; width: 100%; } body .container > .row > #column-left, body .container > .row > #column-right { float: left; width: 100%; display: block !important; } #column-left > div, #column-right > div { background: none; border: 1px solid #e5e5e5; padding: 0; margin-bottom: 10px; cursor: pointer; } #column-left .swiper-viewport, #column-right .swiper-viewport { border: 1px solid #e5e5e5; padding: 15px; } #column-left .panel-heading, #column-right .panel-heading, #column-left .box-heading, #column-right .box-heading, #column-left .panel-heading, #column-right .panel-heading { border: none; } #column-left .panel-default, #column-right .panel-default, #column-left .box-heading, #column-right .box-heading, #column-left .panel-heading, #column-right .panel-heading, #column-left .title_block, #column-right .title_block { background: #ffffff; color: #000000; cursor: pointer; padding: 15px; } #column-left .box-heading > h3, #column-right .box-heading > h3 { background: #ffffff; color: #000000; } #column-left .panel-default.information-list, #column-right .panel-default.information-list, #column-left .category-treeview.panel-default, #column-right .category-treeview.panel-default { padding: 0; } #column-left .toggle:after, #column-right .toggle:after { content: "\f067"; float: right; color: #333333; font-family: "FontAwesome"; font-size: 14px; font-weight: 400; left: auto; position: absolute; right: 15px; left: auto; top: 15px; display:block; background:none; } #column-left .panel-default.active > div.toggle:after, #column-left .products-list.active > div.toggle:after, #column-left .list-products.active > div.toggle:after, #column-right .panel-default.active > div.toggle:after, #column-right .products-list.active > div.toggle:after, #column-right .list-products.active > div.toggle:after, #column-left #otcmsclient.active .title_block.toggle:after { content:"\f068"; } #column-left .products-list > .row, #column-right .products-list > .row, #header-left .products-list > .row, #header-right .products-list > .row, #footer-left .products-list > .row, #footer-right .products-list > .row { float: left; width: 100%; padding: 0 15px; } #column-left .list-group .list-group-item, #column-right .list-group .list-group-item { float: left; color: #888888; width: 100%; } #column-left .panel > .list-group, #column-right .panel > .list-group { float: left; width: 100%; padding: 0 15px 15px; } #column-left .product-thumb .price, #column-right .product-thumb .price, #column-left .product-thumb .price-new, #column-right .product-thumb .price-new { color: #000000; } #column-left .product-thumb h4 a, #column-right .product-thumb h4 a, #column-left .product-thumb .button-group .btn-cart > span, #column-right .product-thumb .button-group .btn-cart > span { color: #888888; } #column-left .product-thumb:hover h4 a, #column-right .product-thumb:hover h4 a, #column-left .product-thumb .button-group .btn-cart:hover > span, #column-right .product-thumb .button-group .btn-cart:hover > span { color: #000000; } #column-left .product-thumb, #column-right .product-thumb, #header-left .product-thumb, #header-right .product-thumb, #footer-left .product-thumb, #footer-right .product-thumb { border-color: #eaeaea } #column-left .category-li.category-active .list-group-item.current-child-item:hover, #column-left .list-group .list-group-item:hover, #column-right .list-group .list-group-item:hover { color: #000000; } /*-------------------------------- CateGory Filter CSS Start --------------------------------------*/ #column-left .panel-default.option-filter, #column-right .panel-default.option-filter { display: none; } .option-filter-box .list-group .list-group-items { float: left; border-color: #eaeaea; width: 100%; } .category-treeview ul { float: left; width: 100%; } .option-filter-box { border: 1px solid #e5e5e5; float: left; margin: 20px 0 0; padding: 20px; width: 100%; } .option-filter-box .list-group-items > .list-group-item { padding: 0 0 10px; } .option-filter-box .list-group .list-group-item, .option-filter-box .radio, .option-filter-box .checkbox { width: 100%; float: left; background: #FFF; border: none; } .option-filter-box a.list-group-item { color: #000000; padding: 10px 0; text-transform: uppercase; } .option-filter-box .list-group { float: left; width: 100%; margin: 0; } .option-filter-box .panel-footer { float: left; width: 100%; background: #FFF; padding: 0; } .option-filter-box .btn.btn-primary { padding: 7px 18px; } .option-filter-box .checkbox > label:hover, .option-filter-box .checkbox > label:hover { color: #000; } /*-------------------------------- CateGory Filter CSS Start --------------------------------------*/ /*------------------------------------- Column Toggle CSS End ------------------------------------------*/ } @media (min-width: 768px) { /* fixed colum left + content + right*/ #column-left .product-layout .col-md-3 { width: 100%; } #column-left + #content + #column-right .product-layout .col-md-3 { width: 100%; } #content + #column-right .product-layout .col-md-3 { width: 100%; } } @media (max-width: 767px) { .header-right-cms { float: right; text-align: center; width: 100%; } .header-top-left { float: left; width: 100%; } .header-top-right { display: inline-block; float: none; vertical-align: top; width: auto; } .OTProduct-Tab .box-heading > h3::after { background: none; } .OTProduct-Tab .nav-tabs > li > a { padding: 10px 20px; } .OTProduct-Tab .othometab-title h3 { text-align: center; width: 100%; } .OTProduct-Tab .tab-box-heading { border-bottom: 1px solid #eeeeee; float: left; margin: 0 0 60px; text-align: center; width: 100%; } .OTProduct-Tab .nav.nav-tabs { display: inline-block; float: none; vertical-align: top; } .OTProduct-Tab .othometab, .OTProduct-Tab .ot-titletab { border: none; margin: 0; } .OTProduct-Tab.products-list .owl-carousel { position: relative; } .product-thumb .rating, .product-thumb:hover .rating { bottom: 130px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .category-filter .filter-show, .category-filter .filter-sort-by { clear: left; margin: 3px 0; float: left; } .category-description .category-image { float: left; text-align: center; width: 100%; } .category-description .block-description { float: left; width: 100%; } .category-bg { float: none; display: inline-block; vertical-align: top; padding: 0; width: auto; } .product-tabs { width: 100%; float: left; } .category-products .product-grid { width: 50%; } .information-contact .contact-location .col-sm-3 { width: 50%; float: left; } footer .footer-column h5, .payment-icon-inner > h4, #otcmsfooterservice .title_block, .payment-icon-inner > h4 { font-size:16px; } .header-top-right .dropdown span.hidden-xs, .header-top-right #wishlist-total span { display:block !important; } .header-top-right .dropdown a.dropdown-toggle, .header-top-right #wishlist-total { padding: 0; } .product-thumb .button-group { opacity:1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; bottom: 85px; } .product-thumb .sale-icon, .product-sale-icon { display: block; } .category-products .product-layout.product-grid { width: 50%; } #page .page-title-wrapper { text-align:center; } .page-title-wrapper .page-title { float:left; width:100%; text-align:center; margin:0; } .breadcrumb { float:none; margin:0 auto; display:inline-block; } .footer-bottom-link { text-align: center; width: 100%; } .footer-bottom-cms { width: 100%; } #goToTop { right: 20px; } } @media (min-width: 481px) and (max-width: 767px) { .product-product .product-image { margin: 0 auto; width: 80%; } .product-images .additional-images-container { width: 400px; } .product-thumb .image img { width: 100%; } } @media (max-width: 480px) { #page > .container { padding: 15px; } .product-layout, .product-layouts { border: none; } .box-heading > h3, .title_block .otblock-heading { font-size: 18px; } .OTProduct-Tab .tab-box-heading .nav-tabs { width: 100%; text-align: center; } .OTProduct-Tab .tab-box-heading .nav.nav-tabs li { display: inline-block; float: none; text-align: center; vertical-align: top; margin: 0; width: 100%; } .OTProduct-Tab .tab-box-heading .nav.nav-tabs li.active > a::before, .OTProduct-Tab .tab-box-heading .nav.nav-tabs li:hover > a::before { width: 100px; } .OTProduct-Tab .tab-box-heading { display: inline-block; float: none; margin: 0 0 60px; vertical-align: top; width: 100%; } .OTProduct-Tab .nav-tabs li h3, .nav-tabs > li > a { font-size:18px; } .banner-panel img { display: inline-block; text-align: center; } #column-left .banner-panel, #column-right .banner-panel { text-align: center; } .category-products .product-layout.product-grid { width: 100%; } .category-list ul li { width: 40%; } .product-list .product-thumb .image { float: left; text-align: center; padding: 0; width: 100%; } .product-list .product-thumb .thumb-description { width: 100%; text-align: center; padding: 0; } .product-list.product-layout .button-group { margin:10px 0 0; float: none; display: inline-block; vertical-align: top; text-align: center; } .product-list .product-thumb .rating, .product-list .product-thumb:hover .rating { text-align: center; } .category-products .product-grid { width: 100%; } .page-title-wrapper .breadcrumb > li { float:none; display:inline-block; } .category-filter .filter-text.filter-text { width: auto; } .header-top-left .dropdown-toggle span, .header-top-left .phone-number { display:none !important; } .product-product .product-details .rating .product-rating::after { display:none; } .product-details .btn.btn-default.product-btn-compare { margin-top: 0; } .table { display: inline-block; } .table td { width: 100%; } .category-products .product-grid { width: 100%; } .product-images .additional-images-container { width: 244px; } .information-contact .contact-location .col-sm-3 { border-bottom: 1px solid #eeeeee; width: 100%; } .information-contact .contact-location .col-sm-3:last-child { border-bottom: 0 none; } #content .category-list h3 { font-size:17px; } .option-filter-box .btn.btn-primary { padding: 5px 10px; } .category-pagination div.text-left, .category-pagination div.text-right { float:left; width:100%; text-align:center; } .rating .product-rating { width: 100%; margin: 0 0 10px; padding: 0; } .product-product .product-tabs .nav-tabs li { width:100%; } .image-additional a.thumbnail { margin: 5px; } .product-list .thumb-description { padding:0; } .product-product #form-review .form-group label.control-label { float: left; width: 100%; } .checkout-cart #content > .buttons { text-align: center; margin: 0 0 20px; } .checkout-cart .sub-total-table { width: 100%; } #checkout-cart .pull-left { float: none; margin: 0 0 10px; width: 100%; } #checkout-cart .pull-right { float: none; width: 100%; } footer .footer-top .footer-top-block.container { padding: 0; } #goToTop { right: 20px; left: auto; } } @media (max-width: 319px) { header #logo, #logo .img-responsive, #search { width: 100%; } } /*---------------------------- Start OT - CMS Header services ----------------------------*/ #otcmsheader { float: left; padding: 8px 0; width: auto; } #otcmsheader .otheader-service { color: #ffffff; font: 400 13px/24px "Poppins",Helvetica,sans-serif; letter-spacing: 0.4px; } #otcmsheader .otheader-service::before { background: rgba(0, 0, 0, 0) url("OnTheme/images/sprite.png") repeat scroll -38px -708px; content: ""; float: left; height: 24px; width: 35px; transition:all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #otcmsheader:hover .otheader-service::before { transform: rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); } @media(max-width:767px){ #otcmsheader{ float:none; display:inline-block; padding: 8px 0 0; vertical-align:top; } } @media(max-width:543px){ #otcmsheader .otheader-service::before{ float:none; display:inline-block; vertical-align:top; } } /*---------------------------- End OT - CMS Header ----------------------------*/ /*--------------------start cms-header services----------------------*/ #otcmsheaderservices { float: right; padding: 0; margin:18px 0; } #otcmsheaderservices .otheaderservice .content { float: left; padding: 12px 10px 12px 100px; text-align: left; position: relative; width: auto; } #otcmsheaderservices .content .headertitle { color: #ffffff; font: 400 16px/20px "Poppins",Helvetica,sans-serif; text-transform: uppercase; } #otcmsheaderservices .content .desc { color: #ffffff; font: 400 14px/20px "Poppins",Helvetica,sans-serif; text-transform: capitalize; } #otcmsheaderservices .otheaderservice { float: left; position: relative; width: 100%; } #otcmsheaderservices .otheaderservice .content::after { background: rgba(0, 0, 0, 0) url("OnTheme/images/sprite.png") no-repeat scroll -5px -622px; content: ""; float: left; height: 64px; position: absolute; left: 0; right: auto; top: 0; width: 100px; transition:all 800ms ease-in-out 0s; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; -ms-transition: all 800ms ease-in-out; } #otcmsheaderservices .otheaderservice:hover .content::after { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } @media(min-width:992px){ #otcmsheaderservices .otheaderservice::before { border-left: 1px solid #4a85f1; content: ""; left: 0; position: absolute; right: auto; top: 10px; height: 45px; } } @media(max-width:767px){ #otcmsheaderservices{ display: inline-block; float: none; margin: 0; vertical-align: top; } } /*--------------------End cms-header services----------------------*/ #content .html-content { float: left; width: 100%; } /*---------------------------- Start OT - CMS Services block ----------------------------*/ #otcmsservices { float: left; width: 100%; margin: 0 0 30px; } #otcmsservices .otcmsservices { background: #ffd71b; float:left; width:100%; } #otcmsservices .otservice { padding:20px; text-align:center; } #otcmsservices .otservice::before { border-right: 1px solid #e5c118; content: ""; height: 60px; left: auto; position: absolute; right: 0; top: 25px; } #otcmsservices .otservice:last-child::before { border: medium none; } #otcmsservices .otcmsservices .service { display: inline-block; float: none; vertical-align: top; width: auto; } #otcmsservices .otservice .service-icon { float: left; height: 70px; width: 70px; transition:all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #otcmsservices .otservice:hover .service-icon { transform: rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } #otcmsservices .otservice .otshipping_img.service-icon{ background:url("OnTheme/images/services-sprite.png") repeat scroll 0 -4px; } #otcmsservices .otservice .otsuppport_img.service-icon{ background:url("OnTheme/images/services-sprite.png") repeat scroll 0 -103px; } #otcmsservices .otservice .otsaving_img.service-icon{ background:url("OnTheme/images/services-sprite.png") repeat scroll 0 -197px; } #otcmsservices .otservice .otmoneyback_img.service-icon{ background:url("OnTheme/images/services-sprite.png") repeat scroll 0 -289px; } #otcmsservices .otservice .otstore_img.service-icon{ background:url("OnTheme/images/services-sprite.png") repeat scroll 0 -382px; } #otcmsservices .otcmsservices .service .service-content { float: left; width:auto; cursor: pointer; padding:11px; text-align:left; } #otcmsservices .otcmsservices .service .service-content .service-title { color: #222222; font: 500 16px/26px "Poppins",Helvetica,sans-serif; letter-spacing: 0.4px; text-transform: capitalize; } #otcmsservices .otcmsservices .service .service-content .service-desc { color: #000000; font: 300 13px/20px "Poppins",Helvetica,sans-serif; letter-spacing: 0.4px; } @media(max-width:1499px){ #otcmsservices .otservice{ padding:10px; } #otcmsservices .otservice::before { top: 20px; } #otcmsservices .otcmsservices .service .service-content { padding: 11px 0; } } @media(max-width:1199px){ #otcmsservices .otservice .service-icon{ float:none; display:inline-block; vertical-align:top; } #otcmsservices .otcmsservices .service .service-content{ width:100%; text-align:center; } } @media(max-width:991px){ #otcmsservices .otservice { padding: 10px 0; } } @media(max-width:543px){ #otcmsservices .otservice{ width:100%; float:none; display:inline-block; vertical-align:top; } #otcmsservices .otservice::before { border-bottom: 1px solid #e5c118; border-right: medium none; bottom: 0; left: 0; margin: 0 auto; right: 0; top: auto; width: 60%; } #otcmsservices .otcmsservices{ text-align:center; } } /*---------------------------- End OT - CMS Services block ----------------------------*/ /* ------------------ Start OT - CMS rightbanner block --------------------- */ #otcmsrightbanner .otrightbannerblock .otrightbanner { margin: 0 0 30px; } #otcmsrightbanner .otrightbannerblock .otrightbanner:last-child { margin: 0; } #otcmsrightbanner .otrightbannerblock .otrightbanner img { max-width: 100%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } #otcmsrightbanner .otrightbannerblock .otrightbanner-img a::before { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; bottom: 0; content: ""; left: 50%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: absolute; right: 51%; top: 0; } #otcmsrightbanner .otrightbannerblock .otrightbanner-img a::after { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; bottom: 50%; content: ""; left: 0; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: absolute; right: 0; top: 50%; } #otcmsrightbanner .otrightbannerblock .otrightbanner-img a { display: inline-block; overflow: hidden; position: relative; vertical-align: top; } #otcmsrightbanner .otrightbannerblock .otrightbanner-img:hover a::before { left: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; right: 0; transition: all 900ms ease-in-out 0s; -webkit-transition: all 900ms ease-in-out; -moz-transition: all 900ms ease-in-out; -o-transition: all 900ms ease-in-out; -ms-transition: all 900ms ease-in-out; } #otcmsrightbanner .otrightbannerblock .otrightbanner-img:hover a::after { bottom: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; top: 0; transition: all 900ms ease-in-out 0s; -webkit-transition: all 900ms ease-in-out; -moz-transition: all 900ms ease-in-out; -o-transition: all 900ms ease-in-out; -ms-transition: all 900ms ease-in-out; } @media(max-width:991px){ #otcmsrightbanner .otrightbannerblock .otrightbanner { margin: 0 0 25px; } } @media(max-width:767px){ #otcmsrightbanner { margin: 0 0 30px; text-align: center; float: left; width: 100%; padding:0; } #otcmsrightbanner .otrightbannerblock .otrightbanner { float: left; padding: 0 15px; width: 50%; margin:0; } } @media(max-width:543px){ #otcmsrightbanner .otrightbannerblock .otrightbanner { float: left; margin: 0 0 15px; width: 100%; } } /* ------------------ End OT - CMS rightbanner block --------------------- */ /* ------------------------------------ Start OT - CMS client block------------------------------- */ #otcmsclient { float: left; position: relative; width: 100%; } #otcmsclient .otclient-content { float: left; width: 100%; } #otcmsclient .testimonial-title { background: #ffd71b none repeat scroll 0 0; color: #000000; display: inline-block; float: none; font: 500 16px/24px "Poppins",sans-serif; letter-spacing: 0.4px; margin: 0; padding: 10px 10px 10px 15px; position: relative; text-align: left; text-transform: uppercase; vertical-align: top; width: 100%; z-index: 2; } #otcmsclient .otclient-content .otclient-inner { float: left; padding: 10px 5px; text-align: center; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -khtml-transition: all 400ms ease-in-out 0s; width: 100%; } #otcmsclient .otclient-content .otclient-inner ul { padding: 0; } #otcmsclient .otclient-content .otclient-inner .title_block { position: relative; display: none; } #otcmsclient .otclient-content .otclient-inner ul li .client-content .client-user-title { margin: 15px 0; } #otcmsclient .otclient-inner ul li { list-style: outside none none; } #otcmsclient .otclient-content .otclient-inner ul li .client-image img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; margin: 10px 0; max-width: 100%; text-align: center; } #otcmsclient .owl-pagination { float: left; padding: 10px 0; position: static; width: 100%; } #otcmsclient .otclient-content .otclient-inner ul li .client-content { margin: 0 0 10px; text-align: center; float: left; width: 100%; } #otcmsclient .otclient-content .otclient-inner ul li .client-content h4 { color: #ffffff; font: 400 16px/18px "Poppins",sans-serif; text-transform: capitalize; latter-spacing: 0.4px; } #otcmsclient .otclient-content .otclient-inner ul li .client-content h4 i { font-style: italic; font-weight: normal; text-transform: capitalize; color: #ffffff; } #otcmsclient .otclient-content .otclient-inner ul li .client-content .user-designation { font: italic 400 13px/16px "Poppins",sans-serif; latter-spacing: 0.4px; text-transform: capitalize; color: #ffffff; } #otcmsclient .otclient-content .otclient-inner ul li .client-content .client-desc p { font: 400 13px/24px "Poppins", Helvetica, sans-serif; letter-spacing: 0.2px; color: #ffffff; text-transform: capitalize; margin: 10px 0 0; } #otcmsclient .owl-pagination .owl-page { background: #e1e0e0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; cursor: pointer; display: inline-block; float: none; height: 10px; margin: 0 4px; vertical-align: middle; width: 10px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #otcmsclient .owl-pagination .owl-page span { display: none; } #otcmsclient .owl-pagination .owl-page.active { background: #ffd71b; height: 12px; width: 12px; } @media (max-width: 991px) { #otcmsclient .otclient-content .otclient-inner { padding: 0; } #otcmsclient .otclient-content .otclient-inner ul li .client-content h4, #otcmsclient .otclient-content .otclient-inner ul li .client-content .user-designation { color: #000000; } #otcmsclient .otclient-content .otclient-inner ul li .client-content .client-desc p { color: #888888; } } /* ------------------------------------ End OT - CMS client block------------------------------- */ /* ------------------ Start OT - CMS Top banner block --------------------- */ #otcmssubbanner { float: left; position: relative; width: 100%; margin: 0 0 30px; } #otcmssubbanner .otsubbanner a img { max-width: 100%; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; } #otcmssubbanner .otsubbanner a { display: inline-block; overflow: hidden; vertical-align: top; position: relative; } #otcmssubbanner .otsubbanner a::after { bottom: 50%; content: ""; left: 0; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: absolute; right: 0; top: 50%; background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; } #otcmssubbanner .otsubbanner a::before { bottom: 0; content: ""; left: 50%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: absolute; right: 51%; top: 0; background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; } #otcmssubbanner .otsubbanner:hover a::after { bottom: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; top: 0; transition: all 900ms ease-in-out 0s; -webkit-transition: all 900ms ease-in-out 0s; -moz-transition: all 900ms ease-in-out 0s; -o-transition: all 900ms ease-in-out 0s; -ms-transition: all 900ms ease-in-out 0s; } #otcmssubbanner .otsubbanner:hover a::before { left: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; right: 0; transition: all 900ms ease-in-out 0s; -webkit-transition: all 900ms ease-in-out 0s; -moz-transition: all 900ms ease-in-out 0s; -o-transition: all 900ms ease-in-out 0s; -ms-transition: all 900ms ease-in-out 0s; } @media (max-width: 543px) { #otcmssubbanner .otsubbanner { margin: 0 0 15px; width: 100%; } #otcmssubbanner .otsubbanners2.otsubbanner { margin: 0; } } /* ------------------ End OT - CMS Top banner block --------------------- */ /* ------------------ Start OT - CMS Bottom Banner block --------------------- */ #otcmsbottombanner { float: left; position: relative; width: 100%; margin: 0 0 30px; } #otcmsbottombanner .otcmsbottombanner .otbanner-img { float: left; width: 100%; padding: 0; } #otcmsbottombanner .otcmsbottombanner .otbanner-img a img { max-width: 100%; } #otcmsbottombanner .otcmsbottombanner .otbanner-img a { display: block; overflow: hidden; position: relative; } #otcmsbottombanner .otcmsbottombanner .otbanner-img a::after { bottom: 50%; content: ""; left: 0; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: absolute; right: 0; top: 50%; background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; } #otcmsbottombanner .otcmsbottombanner .otbanner-img a::before { bottom: 0; content: ""; left: 50%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: absolute; right: 51%; top: 0; background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; } #otcmsbottombanner .otcmsbottombanner .otbanner-img:hover a::after { bottom: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; top: 0; transition: all 900ms ease-in-out 0s; -webkit-transition: all 900ms ease-in-out 0s; -moz-transition: all 900ms ease-in-out 0s; -o-transition: all 900ms ease-in-out 0s; -ms-transition: all 900ms ease-in-out 0s; } #otcmsbottombanner .otcmsbottombanner .otbanner-img:hover a::before { left: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; right: 0; transition: all 900ms ease-in-out 0s; -webkit-transition: all 900ms ease-in-out 0s; -moz-transition: all 900ms ease-in-out 0s; -o-transition: all 900ms ease-in-out 0s; -ms-transition: all 900ms ease-in-out 0s; } /* ------------------ End OT - CMS Bottom banner block --------------------- */ /* ------------------ Start OT - CMS banner block --------------------- */ #otcmsbanner { float: left; position: relative; width: 100%; margin: 0 0 30px; } #otcmsbanner .otbanner a img { max-width: 100%; } #otcmsbanner .otbanner a { display: inline-block; overflow: hidden; vertical-align: top; position: relative; } #otcmsbanner .otbanner a::after { bottom: 50%; content: ""; left: 0; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: absolute; right: 0; top: 50%; background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; } #otcmsbanner .otbanner a::before { bottom: 0; content: ""; left: 50%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: absolute; right: 51%; top: 0; background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; } #otcmsbanner .otbanner:hover a::after { bottom: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; top: 0; transition: all 900ms ease-in-out 0s; -webkit-transition: all 900ms ease-in-out 0s; -moz-transition: all 900ms ease-in-out 0s; -o-transition: all 900ms ease-in-out 0s; -ms-transition: all 900ms ease-in-out 0s; } #otcmsbanner .otbanner:hover a::before { left: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; right: 0; transition: all 900ms ease-in-out 0s; -webkit-transition: all 900ms ease-in-out 0s; -moz-transition: all 900ms ease-in-out 0s; -o-transition: all 900ms ease-in-out 0s; -ms-transition: all 900ms ease-in-out 0s; } @media (max-width: 543px) { #otcmsbanner .otbanner { margin: 0 0 15px; width: 100%; } #otcmsbanner .otbanners2.otbanner { margin: 0; } } /* ------------------ End OT - CMS banner block --------------------- */ #otcmsbottombanner { float: left; width: 100%; margin: 0 0 30px; } #otcmsbottombanner .otbottombannerblock .otbottombanner-img img { max-width: 100%; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; height: auto; } #otcmsbottombanner .otbottombannerblock .otbottombanner-img a { display: block; position: relative; overflow: hidden; } #otcmsbottombanner .otbottombannerblock .otbottombanner-img a:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -o-transform: skewX(-25deg); -ms-transform: skewX(-25deg); } #otcmsbottombanner .otbottombannerblock .otbottombanner-img:hover a:before { -webkit-animation: shine 1.5s; animation: shine 1.5s; } /*------------------------------ Footer themeblock CMS start -------------------------------- */ footer .footer-top .news-letter { float: left; position: relative; width: 100%; } footer .footer-right #footer-right { float: left; width: 100%; padding:0; } .footer-top-block .news-letter-inner > .purchage-theme { float: left; padding: 14px; } .footer-top-block .news-letter-inner { float:left; width:100%; } .footer-top-block .news-letter-inner > h4 { color: #ffffff; float: left; font: 500 26px/44px "Poppins",sans-serif; letter-spacing: 0.6px; margin: 0; padding: 14px 0 14px 110px; position: relative; text-transform: uppercase; } .footer-top-block .news-letter-inner > h4::after { background: #ffd71b; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; content: ""; height: 96px; left: 0; position: absolute; top: -13px; width: 96px; } .footer-top-block .news-letter-inner > h4::before { background: rgba(0, 0, 0, 0) url("OnTheme/images/sprite.png") no-repeat scroll 7px -534px; content: ""; height: 96px; left: 0; position: absolute; width: 95px; z-index: 1; } .footer-top .news-letter .purchage-theme > a { background: #ffd71b; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; float: left; color: #000000; font-size: 15px; font-weight: normal; text-transform: capitalize; letter-spacing: 1px; padding: 8px 18px; } .footer-top .news-letter .purchage-theme > a:hover { background: #333333; color: #ffffff; } @media (max-width: 1199px) { .footer-top-block .news-letter-inner > h4 { font-size: 20px; } } @media (max-width: 991px) { .footer-top-block .news-letter-inner { text-align: center; } .footer-top-block .news-letter-inner > h4 { display: inline-block; float: none; vertical-align: top; } .footer-top-block .news-letter-inner > .purchage-theme { display: inline-block; float: none; vertical-align: top; } } @media (max-width: 480px) { .footer-top-block .news-letter-inner > h4::before, .footer-top-block .news-letter-inner > h4::after { display: none; } .footer-top-block .news-letter-inner > h4 { font-size: 16px; line-height: 24px; padding: 0; } } /*------------------------------ Footer themeblock CMS End -------------------------------- */ /*-------------------------------------Start OT-CMS Footer Services------------------------------*/ #otcmsfooterservice { float: right; padding:10px 0; } #otcmsfooterservice .otcmsfooterservice { display:block; } #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content::after { border-right: 1px solid #f7409b; content: ""; height: 35px; position: absolute; right:10px; top: 7px; } #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content { width: 44%; cursor:pointer; } #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content:last-child:after { border: none; } #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content .footer-service-img { float: left; height:50px; width: 50px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content:hover .footer-service-img{ transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg)); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); } #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content .footer-service-img.otshipping-img { background: transparent url("OnTheme/images/footer-services-sprite.png") no-repeat scroll -10px -14px; } #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content .footer-service-img.otsupport-img { background: transparent url("OnTheme/images/footer-services-sprite.png") no-repeat scroll -9px -110px; } #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content .footer-service-desc { padding: 16px 0 16px 55px; text-align:left; } #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content .footer-service-desc .service-heading { color:#ffffff; font: 400 16px/18px "Poppins", Helvetica, sans-serif; letter-spacing: 0.4px; text-transform: capitalize; } @media (max-width:1700px) { #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content { width: 50%; } } @media (max-width:1500px) { #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content { padding: 0; } } @media (max-width:1199px) { #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content{ float:left; } } @media (min-width: 768px) and (max-width: 991px) { #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content.secure-payment { margin: 0 0 10px; } #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content.easy-returns:after { border: none; } } @media (max-width:991px) { #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content{ display: inline-block; float: none; margin: 0; padding: 0; vertical-align: top; width: auto; } #otcmsfooterservice{ width:100%; } #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content .footer-service-desc{ padding:16px 30px 16px 60px; } } @media (max-width: 543px) { #otcmsfooterservice .otcmsfooterservice .otfooterservice .service-block-content::after { display:none; } #otcmsfooterservice .otcmsfooterservice{ padding:0; } } /*-------------------------------------Start OT-CMS Footer Services------------------------------*/ /*--------------------------- Start OT-cms footer --------------------------*/ #otcmsfooter .h3 { color: #ffffff; cursor: pointer; font: 500 19px/22px "Poppins",sans-serif; letter-spacing: 0.6px; margin: 0; text-transform: capitalize; float: left; width: 100%; } #otcmsfooter .otfooter-desc{ margin:20px 0; float: left; width: 100%; } #otcmsfooter .otfooter-desc > div { color: #878787; } @media (max-width:991px) { #otcmsfooter .otfooter-desc{ margin: 10px 0 0; } } /* ---------------------- Start otcmspayment block --------------------------*/ #otcmspaymentlogo { padding: 10px 0 0; float: left; width: 100%; } .footer-container #otcmsfooter li a::before{ display:none; } #otcmspaymentlogo .payment-list { display: block !important; float: left; margin: 0; padding: 0; width: 100%; } #otcmspaymentlogo .payment-list li { float: left; margin: 0 15px 0 0; list-style: none; } .otpayment ul li img { max-width: 100%; } #otcmspaymentlogo .payment-list li:last-child{ margin:0; } #footer #otcmsfooter #otcmspaymentlogo .h3{ display:none; } @media (max-width: 991px) { #otcmsfooter { float: left; text-align: center; margin-bottom: 20px; width: 100%; } #otcmspaymentlogo .payment-list li { display: inline-block; float: none; } #footer #otcmsfooter #otcmspaymentlogo .h3{ display: block; float: left; margin: 0; width: auto; } #otcmspaymentlogo .payment-list{ display: block !important; } } /* ---------------------- End otcmspayment block --------------------------*/ /*--------------------------- End OT-cms footer --------------------------*/ /*------------------------------------- Footer Bottom Social Links Strat ------------------------------------*/ .follow-us h5 { display: none; cursor: pointer; } .follow-us ul { display: inline-block; margin: 0; } .follow-us { padding: 10px 0; float: right; width: 100%; text-align: right; } .follow-us ul.list-unstyled li { display: inline-block; margin: 0; width: 30px; height: 30px; text-align: center; position: relative; vertical-align: top; } .follow-us ul.list-unstyled li:last-child { border: none; } .follow-us ul li a { color: #ffffff; padding: 3px 0; float: left; margin: 0; text-align: center; width: 100%; height: 100%; } .follow-us ul li a i { font-size: 16px; font-weight: normal; } .follow-us ul li.facebook > a:hover, .follow-us ul li.facebook > a:focus { color: #145ab1; } .follow-us ul li.twitter > a:hover, .follow-us ul li.twitter > a:focus { color: #44d3d8; } .follow-us ul li.rss > a:hover, .follow-us ul li.rss > a:focus { color: #ff6600; } .follow-us ul li.google-plus > a:hover, .follow-us ul li.google-plus > a:focus { color: #ff0000; } .follow-us ul li.pinterest > a:hover, .follow-us ul li.pinterest > a:focus { color: #ff3635; } .follow-us ul li.instagram > a:hover, .follow-us ul li.instagram > a:focus { color: #f33857; } @media (max-width: 767px) { .follow-us { text-align: center; padding: 0 0 10px; } } /*------------------------------------- Footer Bottom Social Links End ----------------------------------------*/ /*---------------------------------------- Footer Store Info Block Start -----------------------------*/ footer .contact-us,footer .contact-us ul { float: left; width: 100%; margin: 0; } footer .contact-us ul li { padding: 0 0 10px; } footer .contact-us ul li:last-child { padding: 0; } footer .contact-us ul li a::before { display: none; } .contact-us .data { color: #878787; font: 400 14px/22px "Poppins",sans-serif; position: relative; } footer .contact-us i:before { color: #878787; font-size: 16px; } footer .contact-us ul li i { float: left; height: 25px; margin: 0 5px 0 0; padding: 5px 0; text-align: center; width: 25px; } /*---------------------------------------- Footer Store Info Block End -----------------------------*/ /*------------------------ CheckBox,Radio Extra CSS Start -----------------------------------------*/ input[type="radio"], input[type="checkbox"] { margin-top: 0px; cursor: pointer; } .checkbox-wrapper { background: url("OnTheme/images/input-sprite.png") repeat scroll 0 -257px; width: 15px; height: 15px; display: inline-block; margin: 0 5px 0 0; vertical-align: middle; } .checkbox-wrapper:hover { background-position: -30px -257px; } .checkbox-wrapper.active { background-position: -15px -257px; } .checkbox-wrapper input { background: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .radio-wrapper { background: url("OnTheme/images/input-sprite.png") repeat scroll 0 -243px; width: 13px; height: 13px; display: inline-block; margin: 0 5px 0 0; vertical-align: middle; } .radio-wrapper:hover, .radio-wrapper.active { background-position: -13px -243px; } .radio-wrapper input { background: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } /*------------------------ CheckBox,Radio Extra CSS End -----------------------------------------*/ .full-header.fixed { } @-webkit-keyframes fixedmenu { 0% { top: -100%; } 100% { top: 0; } } @-moz-keyframes fixedmenu { 0% { top: -100%; } 100% { top: 0; } } @keyframes fixedmenu { 0% { top: -100%; } 100% { top: 0; } } .full-header.fixed .main-category-list .menu-category { background: #000000; border: 1px solid #000000; display: none; left: auto; min-width: 300px; position: absolute; right: 0; text-align: left; top: 100%; } .full-header.fixed .main-category-list { width: auto; padding: 45px 30px; } .full-header.fixed .main-category-list.left-main-menu .OT-panel-heading { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; font-size: 0; height: 35px; padding: 5px 7px; width: 35px; } .full-header.fixed .left-main-menu .OT-panel-heading::after { float: none; } @media (max-width: 1499px) { .full-header.fixed .main-category-list { padding: 45px 10px; } } #at15s .at-label { margin: 0 5px; }