body { background: #fff; font: 400 13px/18px "Poppins", Helvetica, sans-serif; letter-spacing: 1px; color: #555; 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: 18px; } 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: #ffde01; } a:hover { text-decoration: none; } legend { font-size: 16px; padding: 7px 0px; font-weight: 600; } small, .small { font-size: 12px; } label { font-size: 13px; font-weight: 500; } select.form-control { appearance: none; -o-appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } .form-control { background: #ffffff; color: #555; border: 1px solid #e5e5e5; margin: 0 0 5px; height: auto; padding: 10px 12px; word-break: break-all; } .category-filter .hidden-xs { display: block !important; } .filter-sort-by .form-control, .filter-show .filter-selection .form-control { background-color: #ffffff; padding: 8px 12px; margin: 0; } .select-wrapper { position: relative; } .select-wrapper::after { font-family: "Material Icons"; content: "\e313"; font-size: 17px; position: absolute; right: 7px; top: 10px; 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: 13px; letter-spacing: 1px; outline: none; } button, input, select, textarea { outline: none; } .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; } .tt-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_swap { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-thumb .image a.disabled img.image_thumb, .product-thumb:hover .image a.disabled img.image_thumb_swap, .product-thumb:hover .image a.disabled img.image_thumb_swap.fade, .product-thumb:hover .image a.disabled img.image_thumb_swap.zoom { opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; } body.product_btn_style3 .product-thumb:hover .image img.image_thumb, .product-thumb:hover .image a.disabled img.image_thumb { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } body.product_btn_style3 .product-thumb:hover .image img.image_thumb_swap, body.product_btn_style3 .product-thumb:hover .image img.image_thumb_swap.fade, body.product_btn_style3 .product-thumb:hover .image img.image_thumb_swap.zoom { opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; } /* ------------------------------- Product Rollover CSS End ----------------------- */ /*----------------------fade effect-------------------*/ .product-thumb .image img.image_thumb_swap.fade { 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_swap.fade { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } /*----------------------End of fade effect-------------------*/ /*----------------------zoom effect-------------------*/ .product-thumb .image img.image_thumb_swap.zoom { left: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; position: absolute; right: 0; top: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; } .product-thumb:hover .image img.image_thumb_swap.zoom { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } /*----------------------End of zoom effect-------------------*/ /*----------------------horizontal scrolling left to right effect-------------------*/ .product-thumb .image img.image_thumb_swap.horizontal_scrolling_left_to_right { position: absolute; top: 0; left: -100%; right: auto; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transition: left 0.5s ease 0s; -moz-transition: left 0.5s ease 0s; -webkit-transition: left 0.5s ease 0s; -o-transition: left 0.5s ease 0s; } .product-thumb:hover .image img.image_thumb_swap.horizontal_scrolling_left_to_right { left: 0; } /*----------------------End of horizontal scrolling left to right effect-------------------*/ /*----------------------horizontal scrolling right to left effect-------------------*/ .product-thumb .image img.image_thumb_swap.horizontal_scrolling_right_to_left { position: absolute; top: 0; right: -100%; left: auto; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transition: right 0.5s ease 0s; -moz-transition: right 0.5s ease 0s; -webkit-transition: right 0.5s ease 0s; -o-transition: right 0.5s ease 0s; } .product-thumb:hover .image img.image_thumb_swap.horizontal_scrolling_right_to_left { right: 0; } /*----------------------End of horizontal scrolling right to left effect-------------------*/ /*----------------------vertical scrolling top to bottom effect-------------------*/ .product-thumb .image img.image_thumb_swap.vertical_scrolling_top_to_bottom { position: absolute; top: -100%; left: 0; right: 0; margin: 0 auto; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transition: top 0.5s ease 0s; -moz-transition: top 0.5s ease 0s; -webkit-transition: top 0.5s ease 0s; -o-transition: top 0.5s ease 0s; } .product-thumb:hover .image img.image_thumb_swap.vertical_scrolling_top_to_bottom { top: 0; } /*----------------------End of vertical scrolling top to bottom effect-------------------*/ /*----------------------vertical scrolling bottom to top effect-------------------*/ .product-thumb .image img.image_thumb_swap.vertical_scrolling_bottom_to_top { position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transition: top 0.5s ease 0s; -moz-transition: top 0.5s ease 0s; -webkit-transition: top 0.5s ease 0s; -o-transition: top 0.5s ease 0s; } .product-thumb:hover .image img.image_thumb_swap.vertical_scrolling_bottom_to_top { top: 0; } /*----------------------End of vertical scrolling bottom to top effect-------------------*/ /* ---------------------------- Static Menu CSS Start ----------------------------- */ .header-bottom-block { float: left; width: 100%; text-align: center; } .full-bottom { background: #ffd800; float: left; text-align: center; width: 100%; } .header-bottom-left { float: left; width: auto; } .common-home #tttoplink_block { float: none; position: relative; width: auto; display: inline-block; vertical-align: top; } #tttoplink_block { float: left; position: relative; padding: 0 15px; width: auto; } #tttoplink_block ul.block_content li a { color: #111; display: block; float: left; font: 500 14px/20px Poppins, Helvetica, sans-serif; overflow: hidden; position: relative; padding: 10px 20px; z-index: 1; -webkit-border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; transition: all 400ms ease-in-out; -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; } .common-home .header_default #tttoplink_block ul.block_content li a { margin: 0; } #tttoplink_block ul.block_content > li:hover > a { color: #ffffff; } #tttoplink_block ul.block_content > li > a::after { position: absolute; left: 0; right: auto; top: 0; bottom: auto; content: ""; margin: auto; width: 100%; height: 0; z-index: -1; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } #tttoplink_block ul.block_content > li:hover > a::after { bottom: 0; top: auto; height: 100%; } #tttoplink_block .block_content ul li { width: 100%; padding: 0; } #tttoplink_block ul.block_content li.more_menu > a::before { content: "\e5cf"; font-family: "Material Icons"; font-size: 14px; line-height: 21px; position: relative; padding-left: 2px; float: right; font-weight: 500; } #tttoplink_block .block_content li { float: left; list-style: none; position: relative; padding: 10px 0; } .header-top-block { float: left; width: 100%; display: none; } @media (max-width: 1299px) { #tttoplink_block ul.block_content li a { padding: 10px 15px; } } @media (max-width: 1199px) { #tttoplink_block ul.block_content li a { padding: 10px; } } @media (max-width: 991px) { .header-bottom #tttoplink_block { margin: 0; } #tttoplink_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; } #tttoplink_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; } #tttoplink_block ul.block_content li.tthome > a { float: left; width: 100%; height: auto; background: none; font-size: 14px; padding: 3px 10px; } #tttoplink_block .block_content li { float: left; margin: 0 8px; position: relative; z-index: 1; list-style: none; } #tttoplink_block ul.block_content li a { color: #1d1f1f; font-size: 14px; line-height: 25px; padding: 3px 10px; float: left; width: 100%; } #tttoplink_block ul.block_content li a:hover { color: #1d1f1f; background: #f5f5f5; } #tttoplink_block ul.block_content li a::before { border: none; } } /*-----------------------More Menu CSS Start -------------------------------*/ #tt_toplink li.more_menu ul li a { color: #555; padding: 2px 20px; text-align: left; font-size: 13px; font-weight: 500; line-height: 24px; } #tt_toplink li.more_menu ul li:hover > a { color: #111; } #tt_toplink .top-link { float: left; width: 100%; margin: 0; position: absolute; top: 100%; min-width: 170px; background: #fff; text-align: left; border: 1px solid #e5e5e5; z-index: 10; padding: 8px 0; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate(0, 20px); -moz-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); visibility: hidden; display: block !important; right: 0; left: auto; } #tttoplink_block .block_content li:hover .top-link { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } #tt_toplink ul li.more_menu { position: relative; } #tt_toplink .top-link.shown-link { display: block; } #tt_toplink { display: inline-block; float: none; margin: 0; padding: 0; vertical-align: top; } @media (max-width: 991px) { .menu-category .block_content .more_menu.tttoplink > a { display: none; } .menu-category .block_content .more_menu > ul > li { display: block !important; } #tt_toplink .top-link { display: block; position: static; border: none; padding: 0; } #tt_toplink li.more_menu ul li a { padding: 3px 10px; } } /*-----------------------More Menu CSS End -------------------------------*/ /* ---------------------------- Static Menu CSS End ----------------------------- */ /* -------------- Homepage bestseller Product Start ----------------------------*/ .TTcategory-tab.products-carousel.owl-carousel.owl-theme .owl-wrapper-outer { padding: 0 0 20px; } .TTProduct-Tab .nav.nav-tabs { border: none; float: left; width: 100%; } .related-carousel.products-list .owl-wrapper-outer { padding: 0 0 20px; } .bestseller-carousel.list-products { z-index: 1; } #content .bestseller-carousel .product-thumb:hover { overflow: visible; } .common-home .bestseller-carousel .progress { background: #f5f5f5 none repeat scroll 0 0; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; float: left; height: 10px; margin: 2px 0 0; width: 100%; } .common-home .bestseller-carousel .ttqtyprogress { color: #111; float: left; font-size: 13px; line-height: normal; text-align: left; width: 100%; margin: 13px 0 0; padding: 0 15px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .common-home .bestseller-carousel .progress-bar { background-color: #62ac01; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; height: 10px; width: 0; } /* -------------- 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-bottom: 1px solid #e5e5e5; 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; } #page { float: left; width: 100%; position: relative; } /*--------------------------- title css start--------------------------------*/ .tt-titletab { float: left; border-bottom: 1px solid #e5e5e5; margin: 0 0 20px; width: 100%; } .box-heading > h3, .tt-titletab .tt-title, .ttblock-heading { color: #111; display: inline-block; float: none; font: 600 22px/37px Poppins, Helvetica, sans-serif; margin: 0; position: relative; width: auto; letter-spacing: 1px; z-index: 1; padding: 5px 0; } .box-heading > h3::after, .tt-titletab .tt-title::after { border-bottom: 3px solid #2b4d92; bottom: -2px; content: ""; left: 0; position: absolute; right: auto; width: 100px; } .box-heading { border-bottom: 1px solid #e5e5e5; float: left; width: 100%; margin: 0 0 20px; } .TTProduct-Tab .box-heading { background: none; padding: 0; width: auto; margin: 0; border: none; } @media (max-width: 1199px) { .box-heading > h3, .title_block .ttblock-heading { font-size: 18px; } .tt-latest-product .box-heading > h3 { text-overflow: ellipsis; overflow: hidden; float: left; width: 60%; white-space: nowrap; } } /*--------------------------- title css end--------------------------------*/ /* -------------- Homepage Recent Product start ----------------------------*/ .ttrecent-view { float: left; width: 100%; margin: 20px 0; background: #f7f7f7; padding: 40px 40px 20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; } .ttrecent-view .products-carousel.owl-carousel .owl-nav { right: 13px; } /* -------------- Homepage Recent Product End ----------------------------*/ /* TTproduct tab*/ .ttproduct-main { float: left; margin: 0 0 10px; width: 100%; } .ttproduct-main .owl-wrapper-outer { padding: 0 0 10px; } .TTProduct-Tab .tab-content { margin: 0; padding: 0; } .TTProduct-Tab .nav.nav-tabs li { float: left; position: relative; margin-bottom: -1px; overflow: hidden; z-index: 1; } .TTProduct-Tab .nav-tabs > li:hover > a { color: #111; } .TTProduct-Tab .nav-tabs > li > a { color: #666666; font: 500 13px/20px Poppins, Helvetica, sans-serif; margin: 0; outline: medium none; padding: 12px 20px; position: relative; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; box-shadow: none; background: none; border-right: 1px solid rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0); border-top: 3px solid rgba(0, 0, 0, 0); border-bottom: none; } .TTProduct-Tab .nav-tabs > li.active > a, .TTProduct-Tab .nav-tabs > li:focus > a { color: #000000; background: none; border-color: #2b4d92 #e5e5e5 white; border-style: solid; border-width: 3px 1px 1px; } .nav-tabs > li { float: left; position: relative; } .TTProduct-Tab .tab-box-heading { float: right; width: auto; margin-right: 75px; } .TTProduct-Tab .nav.nav-tabs { display: table; float: left; } .TTProduct-Tab .tthometab { border-bottom: 1px solid #e5e5e5; margin: 0 0 20px; float: left; width: 100%; } .ttcat-main { float: left; width: 100%; position: relative; text-align: center; } .ttbest-testi { float: left; width: 100%; } .bestseller-carousel.products-list { float: left; width: 66.66%; } #column-left .bestseller-carousel.products-list, #column-right .bestseller-carousel.products-list { width: 100%; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; animation: none; margin: 0; } /*--------------------------------- Next-Prev Button CSS Start -------------------------*/ .products-carousel.owl-carousel .owl-nav button, .tt-carousel.owl-carousel .owl-nav button { float: left; vertical-align: top; text-shadow: none; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; height: 31px; width: 31px; margin: 0; padding: 0; font-size: 0; float: left; position: relative; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 0; left: 0; right: 0; background: #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border: 1px solid #e5e5e5; transition: all 400ms ease-in-out; -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; } .products-carousel.owl-carousel .owl-nav button:hover, .tt-carousel.owl-carousel .owl-nav button:hover { border-color: #ffd800; background: #ffd800; } .products-carousel.owl-carousel .owl-nav button.owl-prev, .tt-carousel.owl-carousel .owl-nav button.owl-prev { margin: 0 5px 0 0; } .products-carousel.owl-carousel .owl-nav, .tt-carousel.owl-carousel .owl-nav { position: absolute; z-index: 1; float: right; top: 8px; bottom: auto; width: auto; text-align: center; right: 0; left: auto; margin: 0; } .products-carousel.owl-carousel .owl-nav button.owl-prev::after, .tt-carousel.owl-carousel .owl-nav button.owl-prev::after { content: "\e314"; } .products-carousel.owl-carousel .owl-nav button.owl-next::after, .tt-carousel.owl-carousel .owl-nav button.owl-next::after { content: "\e315"; } .products-carousel.owl-carousel .owl-nav button.owl-prev:hover::after, .tt-carousel.owl-carousel .owl-nav button.owl-prev:hover::after { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; left: -17px; right: auto; } .products-carousel.owl-carousel .owl-nav button.owl-next:hover::after, .tt-carousel.owl-carousel .owl-nav button.owl-next:hover::after { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; left: auto; right: -17px; } .products-carousel.owl-carousel .owl-nav button::after, .tt-carousel.owl-carousel .owl-nav button::after, .products-carousel.owl-carousel .owl-nav button::before, .tt-carousel.owl-carousel .owl-nav button::before { position: absolute; font-size: 20px; line-height: 30px; font-family: "Material Icons"; height: 30px; width: 30px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; color: #666666; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; font-weight: 400; } .products-carousel.owl-carousel .owl-nav button.owl-prev::before, .tt-carousel.owl-carousel .owl-nav button.owl-prev::before { content: "\e314"; left: 10px; right: auto; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; color: #111111; } .products-carousel.owl-carousel .owl-nav button.owl-prev:hover::before, .tt-carousel.owl-carousel .owl-nav button.owl-prev:hover::before { left: 0; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .products-carousel.owl-carousel .owl-nav button.owl-next::before, .tt-carousel.owl-carousel .owl-nav button.owl-next::before { content: "\e315"; left: auto; right: 10px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; color: #111111; } .products-carousel.owl-carousel .owl-nav button.owl-next:hover::before, .tt-carousel.owl-carousel .owl-nav button.owl-next:hover::before { right: 0; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .special-carousel.products-list .owl-nav { display: none; } #column-left .products-carousel.owl-carousel .owl-nav button, #column-left .tt-carousel.owl-carousel .owl-nav button { width: 25px; height: 25px; border: none; background: none; margin: 0; } #column-left .products-carousel.owl-carousel .owl-nav button::after, #column-left .tt-carousel.owl-carousel .owl-nav button::after { color: #555666; width: 25px; height: 25px; } #column-left .products-carousel.owl-carousel .owl-nav button.owl-prev::before, #column-left .tt-carousel.owl-carousel .owl-nav button.owl-prev::before, #column-left .products-carousel.owl-carousel .owl-nav button.owl-next::before, #column-left .tt-carousel.owl-carousel .owl-nav button.owl-next::before { color: #111; width: 25px; height: 25px; } .related-items.products-carousel.owl-carousel .owl-nav { display: none; } @media (max-width: 543px) { .TTProduct-Tab .products-carousel.owl-carousel .owl-nav { 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-nav button.owl-prev, .additional-images .owl-nav button.owl-next { background: #fff; border: 1px solid #e5e5e5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; direction: ltr; 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: all 400ms ease-in-out; -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; width: 30px; } .additional-images .owl-nav button.owl-prev:hover, .additional-images .owl-nav button.owl-next:hover { background: #ffd800; border-color: #ffd800; } .additional-images-container .additional-images.owl-carousel .owl-nav > button.owl-prev { left: -40px; right: auto; } .additional-images-container .additional-images.owl-carousel .owl-nav > button.owl-next { right: -40px; left: auto; } .additional-images-container .additional-images.owl-carousel .owl-nav > button.owl-prev::before, .additional-images-container .additional-images.owl-carousel .owl-nav > button.owl-next::before { background: none; font-size: 18px; line-height: 28px; font-weight: 400; color: #111; padding: 0; content: "\e408"; font-family: "Material Icons"; } .additional-images-container .additional-images.owl-carousel .owl-nav > button.owl-next::before { content: "\e409"; padding: 0; } .additional-images-container .additional-images.owl-carousel .owl-nav > button.owl-prev:hover::before, .additional-images-container .additional-images.owl-carousel .owl-nav > button.owl-next:hover::before { color: #111; } /*------------------------------------- additional-images Owl Button CSS End ------------------------------------------*/ div.required .control-label:before { content: "* "; color: #f00; font-weight: bold; } .page-title-wrapper { background: #f1f1f1; float: left; margin: 0 0 20px; padding: 20px 0; width: 100%; } .breadcrumb-wrapper { width: 100%; float: left; background: #f5f5f5; } .page-title-wrapper .page-title { color: #111; float: left; font: 500 16px/26px "Poppins", Helvetica, sans-serif; margin: 0; } .page-title { color: #fff; font-size: 16px; } .account-order-info h2, .account-address-edit h2 { color: #111; font: 600 16px/20px "Poppins", Helvetica, sans-serif; margin: 0; float: left; width: auto; text-align: center; } a:hover, a:focus { color: #333333; } .product-category h1 { font-size: 18px; font-weight: 500; line-height: 20px; margin: 5px 0 15px; color: #111; } /* Gradent to all drop down menus */ .dropdown-menu li > a:hover, .dropdown-menu li > a:focus { background: none; text-decoration: none; color: #111; } span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } /* top */ .header { float: left; position: relative; min-height: 249px; width: 100%; z-index: 3; } #top { float: left; width: 100%; position: relative; background: #28498a; z-index: 4; } .header-top-left { float: left; padding: 0; } .header-top-right { float: right; padding: 0; width: auto; } .header-top-right > div { float: left; padding: 17px 10px; width: auto; } .header-top-right > div:last-child { padding-right: 0; } .header-top-middle { float: none; display: inline-block; vertical-align: top; } .header-right-cms { float: left; width: 100%; } .contact-link { float: left; } #top-links > ul > li { float: left; padding: 17px 0 17px 10px; position: relative; } .contact-link span { color: #111; padding: 0 0 0 20px; position: relative; } .contact-link li a span { padding: 0; } #form-language .btn-group > .btn-link, #form-currency .btn-group > .btn-link { color: #fff; display: block !important; float: left; text-align: left; width: 100%; border: none; padding: 0; } #form-language .btn-link span, #form-currency .btn-link span { display: inline-block !important; } .ttlanguage .btn-group > ul, .ttcurrency .btn-group > ul { background: #ffffff; border: 1px solid #e9e9e9; font-size: 13px; float: left; display: none; left: auto; right: 0; min-width: 160px; padding: 10px 16px; position: absolute; text-align: left; top: 33px; margin: 0; list-style: none; } #form-currency .btn-link, #form-language .btn-link { color: #555; display: block; float: left; font: 500 13px/16px Poppins, Helvetica, sans-serif; padding: 0; position: relative; text-align: left; text-decoration: none; width: 100%; border: none; letter-spacing: 1px; } #form-language .language-select > img { margin: 0 2px 0 0; } #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-links .contact-link li { float: left; padding: 14px 10px; } #top #currency .currency-select:hover, #top #language .language-toggle a:hover { background-color: #111; color: #ffffff; } #top .btn-link, #top-links li, #top-links a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #777777; padding: 0; text-align: left; text-decoration: none; border: none; } #top ul li .btn-link { font-weight: 400; line-height: 22px; } #top ul li .btn-link.selected { color: #111; } #top-links > ul > li.header-mail i { font-size: 20px; line-height: 17px; display: none; vertical-align: top; } #top-links > ul > li.header-mail { padding: 19px 5px 17px 35px; cursor: pointer; } #top-links > ul > li.header-mail::after { color: #fff; content: "\e61d"; font-family: "Material Icons"; font-size: 18px; left: 0; padding: 19px 10px; position: absolute; top: 0; bottom: 0; margin: auto; 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; } #top-links > ul > li.header-mail:hover::after { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); color: #ffd800; } #top-links > ul > li.header-mail > a > span { text-transform: none; } #top-links > ul > li.header-mail span:hover { color: #ffd800; } #top-links li .dropdown .dropdown-toggle { padding: 8px 0 7px; } #top-links .header_user_info .fa-caret-down.ttuserinfo { display: none; } #top-links .dropdown .dropdown-toggle > span::after { font-family: "Material Icons"; content: "\e5cf"; font-size: 18px; margin: 0 0 0 3px; } #top ul.dropdown-menu .btn-link { padding: 0px; line-height: 24px; color: #777; } #top-links .header_user_info ul.dropdown-menu { border: 1px solid #e5e5e5; padding: 10px; 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 #form-language .language-select:hover { color: #111; } #top .btn-link strong { color: #fff; font-size: 13px; line-height: 14px; font-weight: 500; } #top-links > ul { float: left; margin: 0; } #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-phone { position: relative; float: right !important; padding: 0 15px; } .header-phone.pull-left span { color: #444444; float: right; font: 500 17px/22px "Poppins", Helvetica, sans-serif; width: 100%; } .contact-title { color: #777777; font: 500 13px/22px "Poppins", Helvetica, sans-serif; text-align: left; } #top-links .dropdown-menu a:hover, #top-links .dropdown-menu a:focus { color: #111; background: none; } .header-phone i.fa-phone { display: none; } .header-phone a { border: 2px solid #eeeeee; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; float: right; padding: 6px 30px 6px 80px; position: relative; } .header-phone a::before { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") no-repeat scroll -33px -425px; content: ""; 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; margin: auto; right: auto; float: left; height: 40px; width: 40px; position: absolute; left: 30px; top: 0; bottom: 0; } .header-phone:hover a::before { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); } .header-top-right .dropdown .dropdown-toggle > i::before, .header-top-right #wishlist-total i::before { content: ""; } .header-top-right .dropdown .dropdown-toggle > i { display: none; } .header-right { float: right; padding: 0; } .right-block { float: right; } .header-right .whishlist.pull-left { float: left; width: 40px; height: 40px; position: relative; } .header-right .whishlist.pull-left .material-icons { height: 40px; position: absolute; left: 0px; margin: 0 auto; width: 40px; bottom: 0; cursor: pointer; float: left; top: 1px; color: #333; line-height: 40px; font-size: 24px; font-weight: 400; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } .header-right .whishlist.pull-left:hover .material-icons { color: #83a900; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .header-right .whishlist.pull-left .hidden-xs.hidden-sm.hidden-md { display: none; } /*----------------------- userinfo ----------------------------------- */ .user-cart { float: right; width: auto; background: #ffd800; } .user-info { float: left; width: auto; position: relative; padding: 18px 10px 19px 17px; margin-right: 9px; } .user-info::before { content: ""; position: absolute; z-index: 1; height: 20px; top: 0; bottom: 0; left: auto; right: 0; background: rgba(0, 0, 0, 0.2); width: 1px; margin: auto 0; } .user-info .dropdown { cursor: pointer; float: right; position: relative; height: auto; width: auto; z-index: 4; } .user-info .dropdown > a { float: left; position: relative; width: auto; } .user-info .dropdown > a > .user { color: #111; float: left; font-size: 24px; line-height: 24px; 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: auto; text-align: center; position: relative; margin-right: 5px; } .user-info .dropdown > a:hover > .user, .user-info .dropdown.open > a > .user { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .user-info .dropdown .material-icons.expand-more { display: none; } .user-info .dropdown-menu.dropdown-menu-right.account-link-toggle { border: 1px solid #e5e5e5; top: 42px; padding: 15px; min-width: 170px; } .ttuserheading { color: #111111; font: 500 14px/24px Poppins, Helvetica, sans-serif; display: inline-block; float: none; vertical-align: top; width: auto; } .user-info:hover .ttuserheading { color: #111; } .user-info .dropdown.open .ttuserheading { color: #111; } .user-info .dropdown-menu > li > a { color: #777777; line-height: 22px; padding: 0; font-size: 13px; letter-spacing: 1px; } .user-info ul.dropdown-menu li > a > i { float: left; font-size: 18px; padding: 0 5px 0 0; line-height: 24px; } .user-info .dropdown-menu > li > a:hover { color: #111; } @media (max-width: 991px) { .user-info .dropdown ul { top: 51px; } .ttuserheading { display: none; } } @media (max-width: 480px) { .user-info .dropdown ul { top: 47px; } } /*----------------------- userinfo ----------------------------------- */ /* cart */ .cart { float: right; width: auto; margin: 18px 0; } #cart { float: right; z-index: 2; } #cart.open > .btn { color: #555666; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; } #cart button.btn { background: none; border: medium none; float: left; width: auto; text-align: left; height: auto; position: relative; padding: 0 17px 0 0; overflow: visible; } #cart > button > i.shopping-cart { color: #111; float: left; font-size: 22px; height: 24px; line-height: 23px; 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: 25px; text-align: center; margin: 0 auto; } #cart > button:hover > i.shopping-cart, #cart > button:active > i.shopping-cart, #cart.open > button > i.shopping-cart { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } #cart .cart-heading { color: #111111; float: right; font: 500 14px/24px Poppins, Helvetica, sans-serif; width: auto; } #cart #cart-total { background: #2b4d92; color: #ffffff; float: left; height: 18px; z-index: 2; text-align: center; width: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; font: 500 12px/16px Poppins, Helvetica, sans-serif; padding: 0 5px; margin-right: 5px; } #cart.open > .btn:hover { color: #444444; } #cart .dropdown-menu { border: 1px solid #e5e5e5; min-width: 300px; padding: 10px; top: 42px; left: auto; z-index: 1001; display: none; right: 0; } #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: 6px 0; margin: 0; } #cart .dropdown-menu li p a strong { font-weight: 500; } #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 .dropdown-menu .btn > i.close-clear { font-size: 16px; line-height: 22px; } #cart .header-cart-toggle .text-right > strong { color: #555; font-size: 13px; font-weight: 500; } #cart .dropdown-menu li p a:first-child { background: #2b4d92; border: none; color: #fff; margin: 0; } #cart .dropdown-menu li p a { background: #ffd800; border: none; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; color: #111; float: left; font: 500 13px/18px "Poppins", Helvetica, sans-serif; padding: 10px 15px; letter-spacing: 1px; margin: 0 0 0 5px; width: 49%; text-align: center; overflow: hidden; z-index: 1; position: relative; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } #cart .dropdown-menu li p a:hover, #cart .dropdown-menu li p a:focus { background: #ffd800; border-color: #ffd800; color: #ffffff; } #cart .dropdown-menu li p a::after { border-radius: 5px; display: block; position: absolute; left: 0; top: 0; height: 0; width: 100%; z-index: -1; content: ""; background: #2b4d92; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } #cart .dropdown-menu li p a:hover::after, #cart .dropdown-menu li p a:focus::after { bottom: 0%; top: auto; height: 100%; } #cart .dropdown-menu li p a:hover:first-child, #cart .dropdown-menu li p a:focus:first-child { background: #ffd800; border-color: #ffd800; color: #111; } #cart .dropdown-menu li p a:first-child::after { background: #ffd800; border-color: #ffd800; } .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; } #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 .table > tbody > tr > td.image, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 10px 8px; } #cart .header-cart-toggle .text-left.name > a { color: #555; font-size: 13px; } #cart .header-cart-toggle .text-right.amount { color: #111; font: 600 13px/20px "Poppins", Helvetica, sans-serif; text-align: left; } .header-cart-toggle .table .text-center img { max-width: none; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border: 1px solid #e5e5e5; } #cart .header-cart-toggle .text-right.price-total { color: #333; text-align: right; font: 500 13px/22px "Poppins", Helvetica, sans-serif; white-space: nowrap; } .cart-form .table-bordered tbody td.text-right.total-price { color: #111; font: 500 15px/20px "Poppins", Helvetica, sans-serif; } .cart-form .table-bordered td.text-right.unit-price { color: #111; font: 500 15px/20px "Poppins", Helvetica, sans-serif; } .cart-form .cart_input_block .input-group-btn .btn-primary { padding: 10px 14px; height: 42px; } .cart-form .input-group-btn button i { font-size: 18px; vertical-align: top; } .cart-form .cart_input_block .input-group-btn .btn.btn-danger { padding: 12px; } .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; } .account-order-info .table-bordered .text-right .btn i.material-icons.fa-reply::before { display: none; } .account-order-info .table-bordered .text-right .btn.btn-primary { padding: 9px 15px; } .account-order-info .table-bordered .text-right .material-icons.shopping-cart { line-height: 21px; vertical-align: top; } .account-order-info .table-bordered .text-right .btn i.material-icons.fa-reply { vertical-align: top; } /* full-header css */ header .full-header { float: left; position: relative; text-align: center; width: 100%; background: #2d519a; z-index: 3; } .header-middle { background: #fff; float: left; width: 100%; text-align: center; position: relative; z-index: 2; } /* ------------------------------------ search CSS Start -----------------------------------*/ .search-icon { float: none; display: inline-block; vertical-align: top; } .search { text-align: center; margin: 14px 0 28px 0; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; float: none; display: inline-block; padding: 0; width: auto; vertical-align: top; z-index: 5; } #header-search { border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; float: left; position: relative; width: 100%; padding: 0 125px 0 0; background: #ffffff; } #header-search .select-wrapper { position: relative; width: 150px; float: right; } #search .input-lg { float: right; } #search .input-lg, #header-search .input-lg { padding: 0.5rem 1rem; width: 664px; } #header-search .form-control { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #555666; display: block; float: left; font-size: 13px; height: 50px; line-height: 18px; margin-left: 0; margin-right: 0; padding: 10px 15px; letter-spacing: 1px; width: 356px; } #header-search .select-wrapper::after { padding: 0 2px; content: "\e5cf"; font-family: "Material Icons"; font-size: 15px; pointer-events: none; position: absolute; left: auto; z-index: 9; right: 5px; top: 15px; color: #777; } #header-search .select-wrapper::before { border-right: 1px solid #dedede; content: ""; height: 38px; position: absolute; right: auto; left: 0; top: 0; bottom: 0; margin: auto; } #header-search span.input-group-btn { display: inline-block; vertical-align: top; width: auto; position: absolute; right: 0; left: auto; top: 0; bottom: 0; margin: auto; height: 50px; z-index: 1; } #header-search .form-control.innner-search { width: 150px; float: right; padding: 5px 10px; letter-spacing: 1px; } .fa.fa-search { font-size: 14px; line-height: 21px; text-align: center; vertical-align: top; margin: 0px 2px; } #header-search .btn-default { background: #ffd800; color: #111111; font-size: 13px; letter-spacing: 1px; padding: 11px 28px; height: 50px; line-height: 16px; float: right; width: auto; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; border: medium none; position: relative; font-weight: 500; margin-right: -2px; } #header-search .btn-default:hover { color: #ffffff; } .search .icon-search { font-size: 16px; line-height: 18px; text-align: center; font-weight: 500; vertical-align: top; padding: 0 3px 0 0; } #header-search .btn-default::after { border-radius: 5px; display: block; position: absolute; left: 0; top: 0; height: 0; width: 100%; z-index: -1; content: ""; background: #222222; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } #header-search .btn-default:hover::after, #header-search .btn-default:active::after, #header-search .btn-default:focus::after { bottom: 0%; top: auto; height: 100%; } @media (min-width: 1300px) and (max-width: 1650px) { #search .input-lg, #header-search .input-lg { width: 290px; } } @media (max-width: 1299px) { #search .input-lg, #header-search .input-lg { width: 250px; } #header-search .form-control.innner-search { width: 150px; } #header-search .select-wrapper { width: 150px; } .search-icon { width: 44%; } } @media (max-width: 1199px) { #search .input-lg, #header-search .input-lg { width: 200px; } #header-search .select-wrapper { width: 100px; } #header-search .form-control.innner-search { width: 100px; } .search-icon { width: 50%; } } @media (max-width: 991px) { .search { margin: 14px 0; float: left; width: 100%; } .search-icon { width: auto; } #header-search .header-search-btn .fa.fa-search { display: block; font-size: 16px; padding: 10px 0; } #header-search .form-control { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } @media (max-width: 543px) { #header-search .select-wrapper { width: 125px; } #header-search .form-control.innner-search { width: 125px; } } @media (max-width: 480px) { .search-icon { padding: 0; } #header-search .form-control.innner-search { width: 85px; padding: 5px 8px; } #header-search .select-wrapper { width: 85px; } #search .input-lg, #header-search .input-lg { width: 160px; } #header-search .select-wrapper::after { right: 0; } #header-search .btn-default span { display: none; } #header-search .btn-default { padding: 0; height: 50px; width: 50px; } .search .icon-search { font-size: 20px; line-height: 22px; padding: 0; } #header-search { padding: 0 45px 0 0; } } /*------------------------------------------------ search CSS end ------------------------------------------ */ /* ------------------------------------ ajex search CSS Start -----------------------------------*/ .live-search { width: 100%; position: absolute; z-index: 1000; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; left: 0; display: none; top: 100%; padding: 15px; } .live-search .loading { display: block; margin-left: auto; text-align: center; margin-right: auto; position: absolute; left: 0; right: 0; } .live-search ul { float: left; list-style-type: none; margin: 0; padding: 0; width: 100%; } .live-search ul li { background-color: #ffffff; cursor: pointer; float: left; width: 50%; } .live-search ul li:hover a { background-color: #f5f5f5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .live-search ul li a { display: block; float: left; padding: 12px; text-decoration: none; width: 100%; margin: 0 0 5px 0; } .live-search ul li .product-image { float: left; padding: 0; } .live-search ul li .product-name p { color: #555555; font-size: 12px; font-weight: normal; margin: 0; padding: 10px 0 0; } .live-search ul li .search-description { float: left; text-align: left; } .live-search ul li .product-name { color: #555; font: 500 13px/18px "Poppins", Helvetica, sans-serif; text-decoration: none; margin: 2px 0 8px; } .live-search ul li:hover .product-name { color: #111; } .live-search ul li .product-price { float: left; font: 500 14px/18px "Poppins", Helvetica, sans-serif; color: #2b4d92; margin-bottom: 10px; width: 100%; } .live-search ul li .product-price .price { display: block; font: 600 14px/18px "Poppins", Helvetica, sans-serif; color: #2b4d92; float: left; } .live-search ul li .product-price .special { color: #555; text-decoration: line-through; display: block; font: 400 13px/18px "Poppins", Helvetica, sans-serif; float: left; margin: 0 0 0 5px; } .live-search .result-text { float: left; font-size: 13px; font-weight: 500; line-height: 20px; text-align: center; padding: 8px 0; width: 100%; letter-spacing: 1px; } .live-search .view-all-results:hover { color: #111; } .live-search .view-all-results { color: #333; float: left; width: 100%; } .live-search .result-text:hover { background-color: #f5f5f5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .live-search .product-image img { max-width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border: 1px solid #e5e5e5; } @media (max-width: 1501px) { .live-search ul li .search-description { padding: 0 10px; } } @media (min-width: 1201px) and (max-width: 1501px) { .live-search ul li .product-image { width: 25%; } } @media (max-width: 991px) { .live-search { top: 42px; } .live-search ul li .product-image { width: 25%; } } @media (max-width: 480px) { .live-search ul li { width: 100%; } .live-search ul li a { padding: 10px; margin: 0; } .live-search { padding: 10px; } .live-search ul li .product-image { width: 25%; } .live-search ul li .search-description { width: 70%; } } /* ------------------------------------ ajex search CSS Start -----------------------------------*/ .page-bg > .row { margin: 0; clear: both; } .page-bg { background: #ffffff; padding: 15px 30px 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; float: left; width: 100%; } .common-home .page-bg { padding: 30px; } #top-links .list-inline > li.account-nav > a { color: #888888; line-height: 24px; text-decoration: none; margin: 0px; background: none; } #top-links ul li.ttlanguage { float: left; } #top-links ul li.ttcurrency { float: right; } #form-currency .btn-group button.btn-link:hover, #form-currency .btn-group.open button.btn-link span, #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: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: #fff; } #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: 160px; padding: 10px 15px; position: absolute; right: 0; top: 33px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; } #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: #555; font-size: 13px; font-weight: 500; line-height: 24px; padding: 0; text-align: left; letter-spacing: 1px; } #form-language .language-select > img, #form-language .btn-link > 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: #111; } #form-language .dropdown-toggle > img, .header-top-right #form-currency .dropdown-toggle > strong { margin: 0 2px; } #form-currency i, #form-language i { display: inline-block; vertical-align: top; line-height: 8px; } #form-currency i::before, #form-language i::before { content: "\e313"; font-family: "Material Icons"; font-size: 14px; } #form-currency .btn-group.open i::before, #form-language .btn-group.open i::before { content: "\e316"; } #form-currency:hover i::before, #form-language:hover i::before { color: #fff; } .header_user_info .ttuserheading { background: transparent url("TemplateTrip/images/sprite.png") no-repeat scroll -5px -317px; cursor: pointer; float: left; font-size: 0; height: 40px; margin: 0; width: 40px; } .header_user_info .ttuserheading:hover, .header_user_info.open .ttuserheading { background-position: -65px -317px; } .header_user_info > a > i, .header_user_info > a > .fa-user { display: none; } /* header user info End*/ /* logo */ .header-left { float: left; width: auto; } .bottom-left { float: left; width: auto; } .header-bottom { float: left; width: 100%; } header { float: left; width: 100%; } #logo { background: #fff; border: 3px solid #ffffff; border-bottom: none; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -khtml-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; float: left; margin: 29px 0 0; padding: 26px 25px 25px; position: relative; text-align: center; width: 294px; } #logo a { float: none; display: inline-block; vertical-align: top; } #logo .img-responsive { max-width: 100%; height: auto; width: auto; } #mobile-logo img { max-width: 100%; height: auto; width: auto; } #mobile-logo { display: none; } /* 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: #111; 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; 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: #111; } #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: #111; } #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; padding: 20px; 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-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: #111; float: left; font: 700 14px/40px "Poppins", Helvetica, sans-serif; } #menu #category:hover { color: #111; } #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: #111; } /* 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; font-family: "Material Icons"; content: "\e5cf"; font-size: 18px; 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: #111; } #menu .nav > li.dropdown:hover::after { color: #414141; content: "\e5ce"; } #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown::after { font-family: "Material Icons"; content: "\e5cc"; font-size: 18px; position: absolute; right: 15px; top: 0; } /* 2 Level Sub Categories END */ /* content */ #content { min-height: 600px; } .content-bottom { float: left; width: 100%; } /* Slideshow Slider Stylesheet */ .common-home > .row { margin: 0; } /*---------------------------------------------- Slideshow Slider Stylesheet start-------------------------------*/ .swiper-wrapper { direction: ltr !important; } .content-top { float: left; position: relative; width: 100%; } .top-column { margin: 0 0 60px; } .ttsliderbanner { float: left; width: 100%; margin: 30px 0 40px; } .slideshow-panel { float: left; width: 100%; } .slideshow-panel .swiper-viewport { border: medium none; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; overflow: hidden; margin: 0; float: left; } .slideshow-panel .swiper-viewport img { overflow: hidden; } .slideshow-panel .swiper-container { width: 100%; } .slideshow-panel .ttloader { background: #fff url("TemplateTrip/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: 99999; } .ttloading-bg { background: #ffffff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; } .slideshow-panel .swiper-container .swiper-pagination { position: absolute; bottom: 40px; left: 0; right: 0; margin: 0 auto; padding: 0; text-align: center; top: auto; display: none; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px 0 0; } .swiper-pagination-bullet { width: 12px !important; height: 12px !important; background: #fff !important; border-radius: 50px !important; -moz-border-radius: 50px !important; -webkit-border-radius: 50px !important; -khtml-border-radius: 50px !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; margin: 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; } .swiper-pagination-bullet-active { background: #ffd800 !important; } .swiper-pagination-bullet:hover { background: #ffd800 !important; } .slideshow-panel .swiper-container .swiper-pager { position: static; line-height: normal; } .slideshow-panel .swiper-container .swiper-pager div { background: #fff !important; background: no-repeat; border: none; direction: ltr; font-size: 0; height: 45px; width: 45px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; z-index: 1; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev { left: 20px; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-next { right: 20px; } .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: #ffc446 !important; border-color: #ffc446; } .slideshow-panel .swiper-pager .swiper-button-prev::before { bottom: 0; color: #111; content: "\e5cb"; font-family: "Material Icons"; font-size: 24px; left: 0; margin: 0 auto; text-align: center; position: absolute; right: 0; top: 0; line-height: 46px; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } .slideshow-panel .swiper-pager .swiper-button-next::before { bottom: 0; color: #111; content: "\e5cc"; font-family: "Material Icons"; font-size: 24px; left: 2px; margin: 0 auto; text-align: center; position: absolute; right: 0; top: 0; line-height: 46px; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } .slideshow-panel .swiper-pager .swiper-button-prev:hover::before, .slideshow-panel .swiper-pager .swiper-button-next:hover::before { color: #111; } .slideshow-panel .swiper-pager .swiper-button-prev::after, .slideshow-panel .swiper-pager .swiper-button-next::after { border: 2px solid #ffffff; content: ""; position: absolute; width: 100%; height: 100%; padding: 20px; left: 0; right: 0; top: 0; z-index: -1; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .slideshow-panel .swiper-pager .swiper-button-prev:hover::after, .slideshow-panel .swiper-pager .swiper-button-next:hover:after { border-color: #ffc446; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .slideshow-panel .swiper-pager .swiper-button-prev:hover:after { left: -8px; top: 8px; } .slideshow-panel .swiper-pager .swiper-button-next:hover:after { right: -8px; top: 8px; left: auto; } .slideshow-panel .slider-description { float: left; text-align: center; width: 100%; } .slideshow-panel .slider-content-wrap { position: absolute; left: 0; right: 0; top: 30%; bottom: auto; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; text-align: left; margin: auto; width: 34%; } .slideshow-panel .swiper-slide-active .slider-content-wrap { -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .slideshow-panel .slider-content-wrap.left.effect_top { left: 10%; right: auto; top: 28%; bottom: auto; } .slideshow-panel .slider-content-wrap.right.effect_bottom { right: 0; left: auto; bottom: 28%; top: auto; } .slideshow-panel .slider-content-wrap .slider-title { color: #fff; margin: 0 0 12px; font: 600 40px/50px 'Poppins',Helvetica,sans-serif; float: left; width: 100%; } .slideshow-panel .slider-content-wrap .slider-subtitle { color: #fff; font: 300 36px/38px 'Poppins',Helvetica,sans-serif; float: left; width: 100%; margin-bottom: 20px; } .slideshow-panel .slider-content-wrap .slider-price { color: #ffd101; font: 700 42px/44px 'Poppins',Helvetica,sans-serif; float: left; width: 100%; margin-bottom: 25px; } .slideshow-panel .slider-content-wrap .slider-desc { color: #111111; background-color: #ffd101; font: 400 16px/22px Poppins,Helvetica,sans-serif; margin-bottom: 24px; display: inline-block; vertical-align: top; float: none; padding: 6px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_left .slider-title, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_left .slider-title, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_left .slider-title { animation:1.2s ease-in-out 0s normal none 1 running fadeInLeft } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_left .slider-subtitle, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_left .slider-subtitle, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_left .slider-subtitle { animation:1.4s ease-in-out 0s normal none 1 running fadeInLeft } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_left .slider-desc, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_left .slider-desc, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_left .slider-desc { animation:1.5s ease-in-out 0s normal none 1 running fadeInLeft } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_left .slider-button, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_left .slider-button, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_left .slider-button { animation:1.6s ease-in-out 0s normal none 1 running fadeInLeft } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_right .slider-title, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_right .slider-title, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_right .slider-title { animation:1.2s ease-in-out 0s normal none 1 running fadeInRight } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_right .slider-subtitle, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_right .slider-subtitle, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_right .slider-subtitle { animation:1.4s ease-in-out 0s normal none 1 running fadeInRight } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_right .slider-desc, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_right .slider-desc, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_right .slider-desc { animation:1.5s ease-in-out 0s normal none 1 running fadeInRight } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_right .slider-button, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_right .slider-button, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_right .slider-button { animation:1.6s ease-in-out 0s normal none 1 running fadeInRight } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_bottom .slider-title, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_bottom .slider-title, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_bottom .slider-title { animation:1.5s ease-in-out 0s normal none 1 running fadeInUp } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_bottom .slider-subtitle, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_bottom .slider-subtitle, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_bottom .slider-subtitle { animation:1.8s ease-in-out 0s normal none 1 running fadeInUp } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_bottom .slider-desc, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_bottom .slider-desc, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_bottom .slider-desc { animation:1.9s ease-in-out 0s normal none 1 running fadeInUp } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_bottom .slider-price, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_bottom .slider-price, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_bottom .slider-price { animation:1.9s ease-in-out 0s normal none 1 running fadeInUp } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_bottom .slider-button, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_bottom .slider-button, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_bottom .slider-button { animation:2s ease-in-out 0s normal none 1 running fadeInUp } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_top .slider-title, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_top .slider-title, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_top .slider-title { animation:1.8s ease-in-out 0s normal none 1 running fadeInDown } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_top .slider-subtitle, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_top .slider-subtitle, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_top .slider-subtitle { animation:1.6s ease-in-out 0s normal none 1 running fadeInDown } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_top .slider-desc, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_top .slider-desc, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_top .slider-desc { animation:1.7s ease-in-out 0s normal none 1 running fadeInDown } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_top .slider-price, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_top .slider-price, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_top .slider-price { animation:1.7s ease-in-out 0s normal none 1 running fadeInDown } .slideshow-panel .swiper-slide-active .slider-content-wrap.center.effect_top .slider-button, .slideshow-panel .swiper-slide-active .slider-content-wrap.left.effect_top .slider-button, .slideshow-panel .swiper-slide-active .slider-content-wrap.right.effect_top .slider-button { animation:1.9s ease-in-out 0s normal none 1 running fadeInDown } @media (max-width: 1649px) { .slideshow-panel .slider-content-wrap .slider-title { font-size: 40px; line-height: 52px; } .slideshow-panel .slider-content-wrap .slider-desc { font-size: 13px; line-height: 18px; } } @media (max-width: 1499px) { .slideshow-panel .slider-content-wrap .slider-title { font-size: 36px; line-height: 48px; } .slideshow-panel .slider-content-wrap .slider-subtitle { font-size: 32px; } .slideshow-panel .slider-content-wrap.left.effect_top { top: 20%; } .slideshow-panel .slider-content-wrap.right.effect_bottom { bottom: 20%; } } @media (max-width: 1299px) { .slideshow-panel .slider-content-wrap.left.effect_top { top: 15%; } .slideshow-panel .slider-content-wrap.right.effect_bottom { bottom: 20%; } .slideshow-panel .slider-content-wrap .slider-title { font-size: 30px; line-height: 40px; } .slideshow-panel .slider-content-wrap .slider-subtitle { font-size: 26px; line-height: 30px; } .slideshow-panel .slider-content-wrap .slider-price { font-size: 32px; line-height: 36px; } } @media (max-width: 1199px) { .slideshow-panel .slider-content-wrap .slider-desc { font-size: 12px; margin-bottom: 15px; } .slideshow-panel .slider-content-wrap .slider-title { font-size: 24px; line-height: 32px; } .slideshow-panel .slider-content-wrap .slider-subtitle { font-size: 20px; line-height: 22px; margin-bottom: 15px; } .slideshow-panel .slider-content-wrap .slider-price { font-size: 24px; line-height: 26px; margin-bottom: 20px; } .slideshow-panel .slider-content-wrap .slider-button a { font-size: 12px; line-height: 20px; padding: 6px 15px; } .slideshow-panel .slider-content-wrap.left.effect_top { top: 20%; } } @media (max-width: 991px) { .ttsliderbanner { margin: 30px 0; } .top-column { width: 100%; text-align: center; } .slideshow-panel .swiper-container .swiper-pager div { height: 40px; width: 40px; } .slideshow-panel .swiper-pager .swiper-button-prev::before, .slideshow-panel .swiper-pager .swiper-button-next::before { line-height: 40px; left: 0; } .slideshow-panel .slider-content-wrap .slider-desc { font-size: 11px; margin-bottom: 10px; padding: 4px 10px; } .slideshow-panel .slider-content-wrap .slider-title { font-size: 20px; line-height: 24px; margin: 0 0 8px; } .slideshow-panel .slider-content-wrap .slider-subtitle { font-size: 16px; line-height: 20px; margin-bottom: 10px; } .slideshow-panel .slider-content-wrap .slider-price { font-size: 20px; line-height: 22px; margin-bottom: 15px; } .slideshow-panel .slider-content-wrap .slider-button a { font-size: 10px; line-height: 20px; padding: 4px 15px; } } @media (max-width: 767px) { .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; } } @media (max-width: 630px) { .slideshow-panel .slider-content-wrap.left.effect_top { top: 10%; left: 15%; } .slideshow-panel .slider-content-wrap .slider-desc { font-size: 10px; margin-bottom: 8px; } .slideshow-panel .slider-content-wrap .slider-desc { font-size: 10px; margin-bottom: 8px; } .slideshow-panel .slider-content-wrap .slider-subtitle { font-size: 12px; line-height: 16px; margin-bottom: 6px; } .slideshow-panel .slider-content-wrap .slider-subtitle { font-size: 12px; line-height: 16px; margin-bottom: 6px; } .slideshow-panel .slider-content-wrap.right.effect_bottom { bottom: 15%; } } @media (max-width: 543px) { .slideshow-panel .swiper-container .swiper-pagination { bottom: 20px; } } @media (max-width: 480px) { .ttsliderbanner { margin: 0 0 20px; } .slideshow-panel .swiper-container .swiper-pagination { bottom: 10px; } .slideshow-panel .swiper-pager .swiper-button-prev::before, .slideshow-panel .swiper-pager .swiper-button-next::before { font-size: 26px; line-height: 30px; height: 15px; width: 15px; color: #fff; } .slideshow-panel .swiper-pager .swiper-button-prev:hover:before, .slideshow-panel .swiper-pager .swiper-button-next:hover:before { color: #ffe632; } .slideshow-panel .swiper-container .swiper-pager div, .slideshow-panel .swiper-container .swiper-pager div:hover { background: none !important; border: none; height: 15px; width: 15px; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev { left: 0; top: 55%; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-next { right: 10px; top: 55%; } .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev { left: 0; } .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next { right: 10px; } .slideshow-panel .swiper-pager .swiper-button-prev::after, .slideshow-panel .swiper-pager .swiper-button-next::after { display: none; } .slideshow-panel .slider-content-wrap.left.effect_top { top: 15%; } .slideshow-panel .slider-content-wrap .slider-desc { display: none; } .slideshow-panel .slider-content-wrap .slider-title { font-size: 12px; line-height: 18px; margin: 0 0 5px; } .slideshow-panel .slider-content-wrap .slider-button a { font-size: 10px; line-height: 18px; padding: 4px 11px; } .slideshow-panel .slider-content-wrap .slider-subtitle { display: none; } .slideshow-panel .slider-content-wrap .slider-price { font-size: 14px; line-height: 22px; margin-bottom: 7px; } .slideshow-panel .slider-content-wrap { width: 40%; } } /*---------------------------------------------- Slideshow Slider Stylesheet end-------------------------------*/ /*------------------------ CustomNavigation Button CSS Start -----------------------------------*/ .customNavigation { left: auto; padding: 0 0; bottom: auto; width: auto; margin: 0; position: absolute; text-align: center; direction: ltr; right: 0; top: 10px; z-index: 1; float: right; } .customNavigation a { border: 1px solid #e5e5e5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; height: 31px; width: 31px; font-size: 0; float: left; padding: 0; cursor: pointer; position: relative; transition: all 400ms ease-in-out; -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; } .customNavigation a.prev { margin: 0 7px 0 0; } .customNavigation a:hover { background: #ffd800; border-color: #ffd800; } .customNavigation a::after, .customNavigation a::before { position: absolute; font-size: 20px; line-height: 30px; font-family: "Material Icons"; height: 30px; width: 30px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; color: #777; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; font-weight: 400; } .customNavigation a.prev::before { content: "\e314"; left: 10px; right: auto; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; font-size: 20px; top: 0; color: #000; } .customNavigation a.prev::after { font-family: "Material Icons"; content: "\e314"; font-size: 20px; position: absolute; right: 0; top: 0; font-weight: 300; color: #666666; left: auto; } .customNavigation a.prev:hover::before { left: 0; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .customNavigation a.next::after { font-family: "Material Icons"; content: "\e315"; font-size: 20px; position: absolute; right: 0; top: 2px; font-weight: 300; color: #666666; left: auto; } .customNavigation a.next::before { content: "\e315"; right: 10px; left: auto; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; font-size: 20px; top: 2px; color: #000; } .customNavigation a.next:hover::before { right: 0; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .customNavigation a.prev:hover::after, .customNavigation a.next:hover::after { -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } @media (max-width: 543px) { .customNavigation { top: auto; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 70px; } } /*------------------------ CustomNavigation Button CSS End -----------------------------------*/ /* Category Page */ #page > .container { clear: both; position: relative; } #content h2.category-name { margin-top: 0; } #column-left .left-right-inner > div, #column-right .left-right-inner > div { background: #ffffff; border: 1px solid #e5e5e5; float: left; margin: 0 0 20px; padding: 5px; width: 100%; } #column-left .left-right-inner > div.swiper-viewport, #column-right .left-right-inner > div.swiper-viewport { 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 .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: 100px; } .subcategory-image { clear: both; padding: 0 0 8px; } .subcategory-image > a { background: #ffffff; border: 1px solid #e5e5e5; display: block; padding: 6px; } .category-list li:hover .subcategory-image > a { border: 2px solid #333; 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: #555; font: 400 13px/20px "Poppins", Helvetica, sans-serif; } .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; width: auto; } .category-compare { margin: 0; float: left; width: 100%; } .category-products { float: left; margin: 30px 0 0; width: 100%; } .category-treeview ul { margin: 0px; } .category-treeview li { position: relative; list-style: none; } .category-treeview li.category-li .list-tree::before { content: "\e5cf"; font-family: "Material Icons"; font-size: 16px; font-weight: normal; color: #888888; position: absolute; cursor: pointer; padding: 6px 0; right: 0px; top: 0px; z-index: 2; } .category-treeview li.category-li.active .list-tree::before { content: "\e5ce"; } .category-treeview li.category-li:hover .list-tree:before, .category-treeview li.category-li.active .list-tree:before { color: #111; } .product-thumb .caption .description { display: none; } .rating span.fa-stack, #review span.fa-stack { width: 13px; height: 13px; display: inline-block; float: none; vertical-align: baseline; } .rating .fa-stack i, #review i { color: #ffbf34; font-size: 16px; width: 18px; float: left; } .rating .fa-stack i.star_on, #review i.star_on { color: #ffbf34; } .featured-carousel.products-list { margin: 0 0 15px; } .products-list, .list-products { position: relative; width: 100%; float: left; } .product-thumb { position: relative; text-align: center; float: left; width: 100%; margin: 0 0 30px; } .related-carousel.products-list .product-thumb:hover { overflow: visible; } .product-list .product-thumb .caption .description { display: block; margin: 0 0 5px; font-size: 13px; font-weight: 400; line-height: 22px; } .product-thumb .sale-icon, .product-sale-icon { color: #111; font-size: 13px; line-height: 18px; float: left; position: absolute; left: -15px; top: 15px; right: auto; bottom: auto; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: 1; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } #product-product .product-sale-icon { left: auto; right: 10px; } .product-thumb:hover .sale-icon, .product-sale-icon { -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; left: 15px; } .product-thumb .percent, .product-percent { font-size: 13px; right: -15px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; position: absolute; width: auto; vertical-align: middle; left: auto; top: 15px; z-index: 1; color: #f00; font-weight: 500; text-align: center; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } .product-thumb:hover .percent { right: 10px; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .product-percent { left: 15px; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; right: auto; } .header-content-title { width: 100%; float: left; } /*-----------latest product css start-------*/ .ttspecialmain { float: left; margin: 0 0 30px; width: 100%; } .tt-latest-product .latest-items .product-thumb { -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0; border: none; box-shadow: none; text-align: center; } .tt-latest-product .product-thumb .image { float: none; width: auto; display: inline-block; } .ttlatest-products-innner { border: 2px solid #e5e5e5; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; float: left; width: 100%; padding: 10px; } .tt-latest-product .product-thumb h4 a { color: #111; font: 500 15px/22px "Poppins", Helvetica, sans-serif; } .tt-latest-product .product-thumb h4 a { color: #111; } .tt-latest-product .product-thumb .caption .description { display: block; padding: 5px 0; float: left; width: 100%; font-weight: 400; margin: 0; } .tt-latest-product .thumb-description .button-wrapper { border-top: 1px solid #eeeeee; padding-top: 10px; } .tt-latest-product .product-thumb .price, .tt-latest-product .product-thumb .price-new { font: 600 16px/32px "Poppins", Helvetica, sans-serif; padding: 0 0 3px; } @media (max-width: 1700px) { .tt-latest-product .latest-items .product-thumb .thumb-description { padding: 0; } } @media (max-width: 1199px) { .tt-latest-product { float: left; width: 100%; } } @media (max-width: 991px) { .ttspecialmain { margin: 0 0 30px; } } @media (max-width: 767px) { .tt-latest-product .latest-items .product-thumb::after { display: none; } } @media (max-width: 480px) { .tt-latest-product .latest-carousel .box-heading > h3 { font-size: 18px; } .tt-latest-product .product-thumb .button-group .btn-cart span { display: none; } .tt-latest-product .product-thumb .button-group .btn-cart i { display: block; } .tt-latest-product .product-thumb .button-group .btn-cart span { display: none !important; } .tt-latest-product .products-carousel .owl-nav { right: 12px; top: 15px; } } /*-----------latest product css end-------*/ /* Column Left - Right Product List */ #column-left { clear: left; } .common-home #content { padding: 0; } #column-left .panel-default > .list-group, #column-right .panel-default > .list-group { float: left; margin: 0 0 10px; padding: 0 15px; width: 100%; } #column-left .products-carousel, #column-right .products-carousel { float: left; margin: 0; padding: 0 10px; 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: 15px 0; border: none; border-bottom: 1px solid #e5e5e5; 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; margin: 0; } #column-left .product-thumb:first-child, #column-right .product-thumb:first-child { padding-top: 5px; } #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; padding: 0; border: 1px solid #e5e5e5; width: 70px; } #column-left .product-thumb .sale-icon, #column-right .product-thumb .sale-icon, #column-left .product-thumb .percent, #column-right .product-thumb .percent { 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 .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; text-align: left; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; display: none; } #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 .main-button-group, #column-right .product-thumb .main-button-group, #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, #column-left .product-thumb .btn-outofcart.disabled, #column-right .product-thumb .btn-outofcart.disabled { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; float: left; padding: 0; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; 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; visibility: visible; margin: 0; display: none; } #column-left .product-thumb .button-group button, #column-left .product-thumb .button-group button.btn-cart i, #column-right .product-thumb .button-group button, #column-right .product-thumb .button-group button.btn-cart i, #header-left .product-thumb .button-group button, #header-left .product-thumb .button-group button.btn-cart i, #header-right .product-thumb .button-group button, #header-right .product-thumb .button-group button.btn-cart i, #footer-left .product-thumb .button-group button, #footer-left .product-thumb .button-group button.btn-cart i, #footer-right .product-thumb .button-group button, #footer-right .product-thumb .button-group button.btn-cart i { 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; border: none; color: #555666; padding: 0; margin: 0; line-height: normal; 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; position: static; } .product-list .product-thumb:hover h4 a { color: #111; } /* 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 category-li a.active:hover, #column-left .list-group a:hover { background: none; color: #111; } #column-left .category-treeview .category-li.active .list-group-item.active, #column-right .category-treeview .category-li.active .list-group-item.active { color: #111; } #column-left .category-treeview.panel-default, #column-right .category-treeview.panel-default { float: left; width: 100%; border: 1px solid #e5e5e5; } #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 .list-group .list-group-item, #column-right .list-group .list-group-item { background: none; color: #666; cursor: pointer; font-family: "Poppins", Helvetica, sans-serif; font-size: 13px; font-weight: 400; line-height: 26px; padding: 0; margin-bottom: 0; z-index: 1; } #column-left .option-filter .list-group .list-group-item, #column-right .option-filter .list-group .list-group-item { color: #111; } #column-left .category-li.category-active .list-group-item.current-child-item:hover, #column-left .list-group .category-li.category-active:hover .list-group-item.active, #column-left .list-group .category-li .list-group-item:hover, #column-right .list-group .list-group-item:hover { color: #111; } .category-treeview .list-group a.child-item, .category-treeview .list-group a.current-child-item { margin-left: 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, #column-left #ttcmstestimonial .title_block, #column-right #ttcmstestimonial .title_block { background: #ffd800; border: none; color: #111; float: left; font: 500 14px/18px "Poppins", Helvetica, sans-serif; margin: 0 0 10px; padding: 12px 15px; position: relative; text-align: left; width: 100%; } #column-left .title_block a, #column-right .title_block a { color: #ffffff; } #column-left .box-heading > h3, #column-right .box-heading > h3 { border: medium none; color: #111; font: 500 14px/18px "Poppins", Helvetica, sans-serif; margin: 0; padding: 0; text-align: left; background: none; } #column-left .box-heading > h3::after, #column-right .box-heading > h3::after { display: none; } .option-filter .panel-heading, .option-filter .list-group-item, .option-filter-box a.list-group-item, .option-filter .panel-footer, .option-filter .panel-heading, .option-filter .list-group-item, .option-filter-box a.list-group-item, .option-filter .panel-footer { float: left; width: 100%; } .option-filter .panel-footer, .option-filter .panel-footer { background: none; padding: 0; } .option-filter .checkbox > label, .option-filter .checkbox > label { color: #555; font: 400 13px/20px "Poppins", Helvetica, sans-serif; } .option-filter .checkbox > label:hover, .option-filter .checkbox > label:hover { color: #111 !important; } .option-filter .list-group-items .list-group-item:hover, .option-filter .list-group-items .list-group-item:hover:after, .option-filter .list-group-items .list-group-item:hover, .option-filter .list-group-items .list-group-item:hover:after { color: #222222; } .option-filter .list-group-item .checkbox, .option-filter .list-group-item .checkbox { margin: 0px; padding: 0; } .option-filter-box .list-group .list-group-items { border-bottom: 1px solid #e5e5e5; padding: 10px 0; float: left; width: 100%; } .option-filter-box .list-group .list-group-items:first-child { padding: 0 0 10px; } .option-filter-box .list-group .list-group-items:last-child { border: medium none; } .option-filter .list-group-items .list-group-item, .option-filter .list-group-items .list-group-item { color: #222; font: 600 13px/28px "Poppins", Helvetica, sans-serif; padding: 2px 0; float: left; width: 100%; position: relative; } #column-left .product-thumb .thumb-description, #column-right .product-thumb .thumb-description { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; opacity: 1; -moz-opacity: 1; /* Netscape */ -khtml-opacity: 1; /* Safari 1.x */ -webkit-opacity: 1; /* other webkit*/ position: static; text-align: left; padding-right: 0; padding-left: 10px; padding-top: 5px; float: left; border: none; } #column-left .product-thumb .thumb-description .caption, #column-right .product-thumb .thumb-description .caption { border: none; padding: 0; } #column-left .img-responsive, #column-right .img-responsive { width: 100%; } .option-filter .list-group { margin: 0px; } .option-filter-box .list-group-item, .option-filter-box .list-group-item { background: none; } .option-filter-box a.list-group-item:after { font-size: 16px; color: #333; position: absolute; right: 0px; top: 3px; content: "\e5ce"; font-family: "Material Icons"; } .option-filter-box a.list-group-item.collapsed:after { content: "\e5cf"; } .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; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; float: left; margin: 25px 0 0; padding: 0 10px; text-align: center; width: 100%; } .category-filter .filter-sort-by, .category-filter .filter-show { float: right; padding: 10px 0; } .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: 8px 5px 0 0; margin: 0; text-align: left; } .category-filter .filter-selection { padding: 0; } .category-filter .filter-grid-list { padding: 13px 0; width: auto; float: left; } .category-filter .filter-grid-list button { background: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-top-right-radius: 0px; border-bottom-right-radius: 0px; -khtml-border-radius: 0; color: #777777; height: 25px; margin: 7px 8px 0; padding: 0; width: 25px; } .category-filter .filter-grid-list button#list-view i { line-height: 25px; } .category-filter .filter-grid-list button#short-view i { font-size: 25px; line-height: 26px; } .category-filter .filter-grid-list button::after { display: none; } .category-filter .filter-grid-list button:hover, .category-filter .filter-grid-list button.active { background: none; border: none; color: #111; } .product-category .category-list { float: left; width: 100%; } .category-filter .filter-grid-list button i.fa { font-size: 0px; } .category-bg { float: left; border: 1px solid #e5e5e5; text-align: center; padding: 50px 0; width: 100%; } .cat-img .img-thumbnail { height: auto; max-width: 100%; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; overflow: hidden; } #product-category .block-description p { float: left; width: 100%; margin: 0 0 10px; } #product-category .block-description p #compare-total { font-weight: 500; } .row-pagination-container { float: left; display: none; text-align: center; margin-top: 15px; width: 100%; } .load_more .row-pagination-container { display: block; } #custom-pagination-button { display: inline-block; float: none; vertical-align: top; } #custom-pagination-button .load-pagination { display: none; } .category-pagination { background: #ffffff; border: 1px solid #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; float: left; margin: 0 0 10px; padding: 10px 15px; width: 100%; } .load_more #product-category .category-pagination { display: none; } .row-pagination-container .pagination-text-justify { border: 1px solid #e5e5e5; float: left; padding: 10px; width: 100%; } #custom-pagination-button > span#number-products { float: right; font-size: 16px; padding: 5px 25px; width: auto; } .category-pagination div.text-left { padding: 8px 0; } .pagination > .active > span:hover, .pagination > li > span:hover { background: #ffd800; border-color: #ffd800; color: #111; } .category-pagination div.text-right { padding: 0; } .category-pagination .pagination { margin: 0; vertical-align: top; } .category-list > h3 { color: #111; font: 500 14px/26px "Poppins", Helvetica, sans-serif; margin: 0 0 10px; } .pagination li:last-child > a::after { content: "\e8e4"; font-family: "Material Icons"; font-size: 20px; left: 0; line-height: 30px; margin: auto; position: absolute; right: 0; top: 0; } .pagination li:first-child > a::before { content: "\e317"; font-family: "Material Icons"; font-size: 13px; position: static; right: 0; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { background: #ffd800; border-color: #ffd800; color: #111; cursor: pointer; } .pagination > .active > span, .pagination > .active > a { background: #2b4d92; border-color: #2b4d92; color: #ffffff; } .pagination > li > span::before, .pagination > li > a::before { border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; display: block; position: absolute; left: 0; top: 0; bottom: auto; height: 0; width: 100%; z-index: -1; content: ""; background: #ffd800; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .pagination > li > span:hover::before, .pagination > li > a:hover::before { bottom: 0%; top: auto; height: 100%; } .pagination li:last-child > a, .pagination li:first-child > a { font-size: 0px; padding: 7px 0; } .pagination > li > a, .pagination > li > span { color: #111; padding: 6px 0; width: 33px; height: 33px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; text-align: center; border-color: #dddddd; margin: 0 5px 0 0; line-height: 18px; transition: all 400ms ease-in-out; -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; font-size: 16px; line-height: 20px; overflow: hidden; } /* 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-carousel.owl-carousel .owl-nav, #column-right .products-carousel.owl-carousel .owl-nav { float: right; width: auto; left: auto; right: 10px; top: 12px; bottom: auto; margin: 0 auto; } #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 { font-size: 13px; margin: 0 0 7px; } #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-size: 14px; margin: 0; padding: 0 0 5px; display: block; } #column-left .products-list .row > div .caption .price .price-new, #column-right .products-list .row > div .caption .price .price-new { font-size: 14px; } #column-left .product-thumb .price-old, #column-right .product-thumb .price-old { font: 400 13px/18px "Poppins", Helvetica, sans-serif; } #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 .button-group .btn-cart:hover > span, #column-right .product-thumb .button-group .btn-cart:hover > span { color: #111; } #column-left .product-thumb .button-group .btn-cart > span, #column-right .product-thumb .button-group .btn-cart > span { display: block !important; font-size: 13px; line-height: 18px; color: #555; letter-spacing: 1px; font-weight: 500; } #column-left .product-thumb h4 a:hover, #column-right .product-thumb h4 a:hover { color: #111; } #column-left .product-thumb .button-group .btn-cart > span.out.of.stock, #column-right .product-thumb .button-group .btn-cart > span.out.of.stock { display: none !important; } #column-left .special-carousel.products-list .product-thumb, #column-right .special-carousel.products-list .product-thumb { padding: 0; margin: 0 0 10px; } #column-left .special-carousel.products-list .product-thumb .image, #column-right .special-carousel.products-list .product-thumb .image { float: left; width: 100%; max-width: 100%; border: none; } #column-left .special-carousel.products-list .product-thumb .button-group button, #column-left .special-carousel.products-list .product-thumb .button-group button.btn-cart i, #column-right .special-carousel.products-list .product-thumb .button-group button, #column-right .special-carousel.products-list .product-thumb .button-group button.btn-cart i { display: block; } #column-left .special-carousel.products-list .button-group .btn-wishlist, #column-right .special-carousel.products-list .button-group .btn-wishlist { display: block; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 10px; bottom: auto; } #column-left .special-carousel.products-list .button-group .btn-compare, #column-right .special-carousel.products-list .button-group .btn-compare { display: block; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 50px; bottom: auto; } #column-left .special-carousel.products-list .button-group .btn-quickview, #column-right .special-carousel.products-list .button-group .btn-quickview { display: block; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 90px; bottom: auto; } #column-left .special-carousel.products-list .product-thumb .sale-icon, #column-right .special-carousel.products-list .product-thumb .sale-icon, #column-left .special-carousel.products-list .product-thumb .percent, #column-right .special-carousel.products-list .product-thumb .percent { display: block; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #column-left .special-carousel.products-list .product-thumb .rating, #column-right .special-carousel.products-list .product-thumb .rating { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; float: left; width: 100%; margin: 0; position: absolute; bottom: 10px; left: 0; right: 0; margin: auto; text-align: center; top: auto; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } #column-left .special-carousel.products-list .product-thumb .thumb-description, #column-right .special-carousel.products-list .product-thumb .thumb-description { float: left; border: none; padding: 10px 0 0; text-align: center; width: 100%; position: relative; float: left; border-top: 4px double #e5e5e5; } #column-left .special-carousel.products-list .row > div .caption h4, #column-right .special-carousel.products-list .row > div .caption h4 { margin: 0; padding: 0 0 5px; } #column-left .special-carousel.products-list .row > div .caption .price, #column-right .special-carousel.products-list .row > div .caption .price, #column-left .special-carousel.products-list .row > div .caption .price .price-new, #column-right .special-carousel.products-list .row > div .caption .price .price-new { font-size: 16px; padding: 0 0 15px; } #column-left .special-carousel.products-list .product-thumb .thumb-description .caption .ttproducthover .product-add-to-cart, #column-right .special-carousel.products-list .product-thumb .thumb-description .caption .ttproducthover .product-add-to-cart { position: static; margin: 5px 0 0; visibility: visible; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; border: none; height: auto; float: none; display: inline-block; vertical-align: top; } /* Product page stylesheet */ .product-images .additional-images-container { direction: ltr; position: relative; margin: 0 auto; padding: 0 40px; width: 390px; overflow: hidden; text-align: center; } .product-quickview .product-images .additional-images-container { margin-top: 20px; } .additional-images .owl-stage-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; } .product-details .product-info-value > a { color: #111; font-weight: 500; } .product-details .product-info-value > a:hover { color: #2b4d92; } .product-product .tab-content { margin: 0; padding: 30px; border: 1px solid #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .buttons.clearfix { margin: 15px 0 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; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; font-size: 14px; float: left; height: 42px; line-height: 27px; padding: 0 6px; text-align: center; width: 60px; } .product-quickview .product-details h1.product-name { padding-top: 10px; } .product-details h1.product-name { border-bottom: 1px solid #e5e5e5; color: #111; margin: 0 0 15px; padding-bottom: 12px; font: 600 18px/24px "Poppins", sans-serif; } .product-details table.product-info { margin: 15px 0; } .product-quickview .control-label, .product-product .control-label { color: #222; display: inline-block; } .product-details .product-price { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 15px 0; margin: 15px 0; float: left; width: 100%; } .product-details .addthis_toolbox { width: 100%; margin: 0 0 20px; float: left; } .product-details .product-options h3 { font: 500 16px/22px "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: 13px; color: #333333; text-align: left; font-weight: 400; border: none; background: none; padding: 0 15px 0 0; margin: 5px 0; line-height: 30px; } .product-details .btn.btn-default.product-btn-wishlist::after, .product-details .btn.btn-default.product-btn-compare::after { display: none; } .product-details .btn.btn-default.product-btn-wishlist:hover, .product-details .btn.btn-default.product-btn-compare:hover { background: none; color: #111; border: none; } .product-price .product-discounts { list-style: none; margin-top: 10px; font-size: 13px; } .product-price .product-reward-points { float: left; font-size: 13px; padding: 5px 0; width: 100%; } .product-options { clear: both; } .product-details .rating > a { border-right: 1px solid #e5e5e5; color: #555; float: none; font-size: 13px; margin: 0 10px 0 0; padding: 0 10px 0 0; height: 20px; display: inline-block; vertical-align: top; } .product-details .rating > a:last-child { border-right: medium none; margin-right: 0; } .product-total-review i, .product-write-review i { font-size: 16px; margin-right: 5px; vertical-align: middle; } .form-group .btn-block i.file-upload { font-size: 20px; vertical-align: top; line-height: 26px; } .product-product .btn.btn-default::after { display: none; } .form-group .btn-default i.calendar-today { font-size: 18px; vertical-align: top; line-height: 24px; } .product-details .rating > a:hover { color: #444; } .rating .product-rating { border-right: 1px solid #e5e5e5; float: none; margin: 0 10px 0 0; padding: 0 10px 0 0; height: 20px; display: inline-block; vertical-align: top; } .product-details .price-new { float: left; margin: 0 8px 0 0; } .product-details .price-old { font-weight: 500; text-decoration: line-through; font-size: 14px; line-height: 22px; color: #555; } .product-details .product-tax { margin-top: 10px; } .product-details .product-options h3 { margin: 10px 0; } .product-details ul.product-price h2 { font: 600 16px/20px Poppins, Helvetica, sans-serif; color: #2b4d92; } .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: #ffffff; border: 2px solid #e5e5e5; color: #555; padding: 4px 15px; font-weight: 400; height: 43px; transition: all 400ms ease-in-out; -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; } .product-product .btn.btn-default:hover { background-color: #2b4d92; border-color: #2b4d92; } .product-product .btn.btn-default:hover { color: #fff; } .product-product .product-details .addthis_toolbox > a:first-child { margin: 0; } .product-product .product-details .addthis_toolbox > a { margin: 0 5px; float: left; } .product-tabs { clear: both; margin: 30px 0; background: #fff; padding: 15px; float: left; width: 100%; } #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 { color: #111; border-color: #2b4d92 #e5e5e5 white; border-style: solid; border-width: 2px 1px 1px; background: none; } .product-product .nav.nav-tabs { border: none; list-style: outside none none; margin-left: 30px; margin-bottom: -1px; } .product-product .nav-tabs > li > a { color: #111111; font: 500 14px/22px "Poppins", Helvetica, sans-serif; letter-spacing: 1px; outline: medium none; padding: 10px 15px; position: relative; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; border-right: 1px solid rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0); border-top: 2px solid rgba(0, 0, 0, 0); border-bottom: none; background: none; z-index: 1; overflow: hidden; } .product-product .nav.nav-tabs li:hover a, .product-product .nav.nav-tabs li.active a:hover, .product-product .nav.nav-tabs li a:hover { color: #111; cursor: pointer; } .product-product .nav.nav-tabs > li { margin-bottom: 0; float: none; display: inline-block; vertical-align: top; } .product-product .nav.nav-tabs li.active a:hover { color: #111; } .product-product #tab-description > h3, .product-product #form-review > h2 { font-family: "Poppins", Helvetica, sans-serif; font-size: 16px; color: #555; } .tab-content #tab-description b { font-weight: 600; color: #414141; } #checkout-cart #accordion .panel-default { border: medium none; margin: 10px 0 0; } #checkout-cart #accordion .panel-collapse .panel-body { border: 1px solid #e5e5e5; } .checkout-cart #accordion .panel-heading { background: #e5e5e5; border: medium none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 0; } .checkout-cart #accordion .panel-heading a { padding: 12px 15px; font-family: "Poppins", Helvetica, sans-serif; font-weight: 600; font-size: 15px; } .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: 1px solid #e5e5e5; padding: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } #checkout-cart .table.table-bordered .img-thumbnail { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border: 1px solid #e5e5e5; } #checkout-checkout #accordion .panel-body { border: medium none; padding: 15px 15px 25px; } #checkout-checkout #accordion .panel-default { border: medium none; } #collapse-checkout-confirm .table > thead > tr > td.text-left, .table > thead > tr > td.text-right { font-weight: 600; color: #111; } #checkout-cart #content .cart-form { float: left; width: 100%; } .checkout-cart #content .table-responsive .table-bordered thead tr td { color: #111; font-size: 13px; font-weight: 500; } #checkout-cart .btn.btn-primary.main::after, #checkout-cart .btn-danger::after { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .table.table-bordered { border-color: #eaeaea; background: #ffffff; } .product-tabs .table-striped > tbody > tr:nth-of-type(2n + 1), .product-tabs .table > thead > tr > td { background-color: #f5f5f5; } .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: 600; font-size: 14px; } #account-wishlist .table-bordered > tbody > tr > td img { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } #account-wishlist .table.table-bordered .price, #account-wishlist .table.table-bordered .price b { font: 600 15px/20px "Poppins", Helvetica, sans-serif; color: #2b4d92; } #account-wishlist .table.table-bordered .price s { font: 500 14px/16px "Poppins", Helvetica, sans-serif; color: #555; } #product-compare tr strike { color: #555; font: 400 13px/20px "Poppins", Helvetica, sans-serif; text-decoration: line-through; } #product-compare tr .Price { color: #2b4d92; font: 600 15px/20px "Poppins", Helvetica, sans-serif; } #product-compare #content .table.table-bordered strong { font: 700 14px/18px "Poppins", Helvetica, sans-serif; color: #111; } #product-compare .table-bordered > tbody > tr > td:first-child { font-weight: 600; color: #111; } .product-product #review .table.table-striped.table-bordered p { margin: 0; word-break: break-all; } .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: #2b4d92; color: #fff; } s.bootstrap-datetimepicker-widget .accordion-toggle a.btn, .bootstrap-datetimepicker-widget .timepicker td a span, .bootstrap-datetimepicker-widget .accordion-toggle a.btn { background: #eeeeee; overflow: hidden; z-index: 1; position: relative; } .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: #2b4d92; } .datepicker-days .table-condensed .day.today::before { border-bottom: 7px solid #2b4d92; } .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; } #accordion .panel-heading h4.panel-title a i.expand-more { float: right; font-size: 18px; } .product-search #content .search-criteria { background: #ffffff; border: 1px solid #e5e5e5; padding: 10px; } .search-criteria > p { margin: 10px 0; } .search-criteria .checkbox-inline { padding: 10px 0; } .product-compare #content .table .btn { display: inline-block; margin: 2px 0; width: auto; overflow: hidden; z-index: 1; position: relative; transition: all 400ms ease-in-out; -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; padding: 8px 15px; line-height: 20px; color: #fff; } .product-compare #content .table .btn.btn-primary:hover, .product-compare #content .table .btn.btn-primary:focus, .product-compare #content .table .btn.btn-primary:active { background: #ffd800; color: #111; } .product-compare #content .table .btn .material-icons.icon-favorite { font-size: 18px; line-height: 22px; } .product-compare #content .table .btn::after { display: none; } .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; font-weight: 500; } body.product-compare .table-product-image { padding: 10px; } .product-compare .table-product-image .img-thumbnail { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } /* information/contact - Location Icons Stylesheet */ .information-contact .contact-location .location-title { color: #111; font-size: 16px; font-weight: 600; } .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 { background: #ffd800; border: 2px solid #ffd800; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; color: #111; font-size: 16px; height: 35px; margin: 10px 5px 10px 0; padding: 7px 8px; text-align: center; width: 35px; } .contact-location .store-address a i.location-on { font-size: 14px; line-height: 20px; vertical-align: top; } .information-contact h3 { font-size: 18px; line-height: 30px; margin: 0 0 10px; font-weight: 600; color: #111; } .information-contact #content > h3 { clear: both; font-size: 18px; font-weight: 600; } /* extra page stylesheet */ .table-bordered tr td.text-right.total-amount { color: #111; font-weight: 600; font-size: 14px; } .information-contact #content .form-horizontal { float: left; width: 100%; } .checkout-cart h2 { font-family: "Poppins", Helvetica, sans-serif; font-size: 18px; font-weight: 500; } .checkout-cart tr:last-child > td.text-right.heading-title { font: 700 18px/22px "Poppins", Helvetica, sans-serif !important; color: #555454; } .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: 13px; line-height: 18px; vertical-align: middle; } .checkout-checkout h4 { font-family: "Poppins", Helvetica, sans-serif; font-weight: 600; } .affiliate-login h2, .account-login h2, .checkout-checkout h2, .product-search h2 { color: #111; font: 600 18px/25px "Poppins", Helvetica, sans-serif; } .well { background: #ffffff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 1px solid #e5e5e5; } #collapse-checkout-confirm .table > thead > tr > td.text-left, .table > thead > tr > td.text-right, #collapse-checkout-confirm .table > thead > tr > td.text-left, .table > thead > tr > td.text-left, #collapse-checkout-confirm .table > thead > tr > td.text-left, .table > thead > tr > td.text-right, #collapse-checkout-confirm .table > thead > tr > td.text-left, .table > thead > tr > td.text-center { font-weight: 600; color: #111; } /* brand page */ .product-manufacturer .a-link-list { border: medium none; padding: 0; } .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", Helvetica, sans-serif; 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; clear: both; } .a-link-heading { background: #f5f5f5; font-size: 15px; font-weight: bold; margin-bottom: 6px; padding: 10px 8px; } .a-link-heading p, .a-link-heading h2 { margin: 0px; font-size: 15px; line-height: 20px; font-weight: 600; color: #222; } .a-link-content { padding: 8px; font-size: 13px; line-height: 22px; font-weight: 500; } .modal-header { background: #f5f5f5; } .modal-dialog .modal-header .close { font-size: 24px; padding: 3px 5px; margin-top: -5px; float: right; opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; } .modal-title { font-weight: bold; } /*----------------------- Brand Carousel CSS Start ------------------------*/ .brand-carousel .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; margin: 0; position: static; float: left; width: 100%; } .brand-carousel { float: left; position: relative; margin: 0 0 10px; width: 100%; } .brand-carousel .swiper-wrapper .swiper-slide.text-center { padding: 15px; } .brand-carousel .brand-items .img-responsive { opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; transition: all 500ms ease 0s; display: block; width: auto; max-width: 100%; text-align: center; margin: 0 auto; } .brand-carousel .brand-items .img-responsive:hover { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .brand-carousel .swiper-pager { position: absolute; z-index: 1; float: right; top: 8px; bottom: auto; width: auto; text-align: center; right: 0; left: auto; margin: 0; } .brand-carousel .swiper-viewport .swiper-pager div { float: left; vertical-align: top; text-shadow: none; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; height: 31px; width: 31px; margin: 0; padding: 0; font-size: 0; float: left; position: relative; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 0; left: 0; right: 0; background: #fff; border: 1px solid #e5e5e5; transition: all 400ms ease-in-out; -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; } .brand-carousel .swiper-viewport .swiper-pager div:hover { background: #ffd800; border-color: #ffd800; } .brand-carousel .swiper-viewport .swiper-pager div.swiper-button-prev { margin: 0 5px 0 0; } .brand-carousel .swiper-viewport .swiper-pager div::after, .brand-carousel .swiper-viewport .swiper-pager div::before { position: absolute; font-size: 20px; line-height: 30px; font-family: "Material Icons"; height: 30px; width: 30px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; color: #666666; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; font-weight: 300; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-prev::before { content: "\e314"; left: 10px; right: auto; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; color: #000; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-prev::after { content: "\e314"; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-prev:hover::before { left: 0; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-prev:hover::after { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; left: -17px; right: auto; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-next::before { content: "\e315"; left: auto; right: 10px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; color: #000; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-next:hover::before { right: 0; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-next::after { content: "\e315"; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-next:hover::after { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; left: auto; right: -17px; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-prev:hover::before, .brand-carousel .swiper-viewport .swiper-pager .swiper-button-next:hover::before { color: #000; } @media (max-width: 543px) { .common-home .brand-carousel { margin: 0 0 30px; } .brand-carousel .swiper-pager { top: auto; left: 0; right: 0; margin: 0 auto; width: 70px; } } /*----------------------- Brand Carousel CSS Start ------------------------*/ /* checkout/cart - cart-form Stylesheet */ .cart-form .input-group .form-control { width: auto; min-width: 50px; text-align: center; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .cart-form .input-group-btn { display: table; float: left; } .checkout-checkout .panel-group { clear: both; } /* checkout success - Stylesheet */ body.checkout-success #content { background: url("TemplateTrip/images/checkout-success.png") no-repeat scroll center bottom; height: 540px; } body.account-success #content { background: url("TemplateTrip/images/account-success.png") no-repeat scroll center bottom; height: 540px; } body.product-compare #content.no-compare-products { background: url("TemplateTrip/images/no-compare-products.png") no-repeat scroll center bottom; height: 540px; } #content.request-not-found { background: url("TemplateTrip/images/request-not-found.png") no-repeat scroll center bottom; height: 540px; } #content.no-manufacture-products { background: url("TemplateTrip/images/no-manufacture-products.png") no-repeat scroll center bottom; height: 540px; } #content.no-wishlist-products { background: url("TemplateTrip/images/no-wishlist-products.png") no-repeat scroll center bottom; height: 540px; } #account-download #content { background: url("TemplateTrip/images/no-wishlist-products.png") no-repeat scroll center bottom; height: 540px; } body.checkout-success #content div.buttons, body.account-success #content div.buttons, #content.print-bg-image div.buttons { float: left; } /* footer */ footer { float: left; margin: 30px 0 0; width: 100%; background: #191919; } .ttfooter p { margin: 0 0 15px; } .ttfooter .desc { font: 400 14px/22px "Poppins", Helvetica, sans-serif; float: left; color: #555; } .wallmart_logo_block { float: left; width: 100%; margin: 15px 0 0; } .wallmart_logo_block .wallmart-list { float: left; width: 100%; padding: 0; display: block; list-style: none; } footer .footer-column .wallmart_logo_block .wallmart-list li { float: left; width: auto; margin: 0 20px 0 0; } footer .wallmart_logo_block .wallmart-list li img { -webkit-transition: 700ms ease-in-out; -moz-transition: 700ms ease-in-out; -ms-transition: 700ms ease-in-out; -o-transition: 700ms ease-in-out; transition: 700ms ease-in-out; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } footer .wallmart_logo_block .wallmart-list li img:hover { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } footer .footer-top { float: left; position: relative; width: 100%; background: #2b4d92; } #footer-layouts { float: left; width: 100%; } .footer-container { float: left; position: relative; width: 100%; } .footer-right-cms .html-content { width: 100%; float: left; } .bottom-footer { float: left; width: 100%; padding: 37px 0; border-top: 1px solid #373737; } .bottom-footer .ttfootertop-link { float: left; padding: 0; border-right: 1px solid #373737; } .footer-container .bottom-footer .footer-column { float: left; width: 100%; margin: 0; padding: 0; } .bottom-footer .footer-column h5 { float: left; width: 100%; margin: 0 0 25px; position: relative; } .ttfootertop-link .footer-column ul li { width: auto; position: relative; float: left; text-align: left; margin: 0 8px 10px 0; } .ttfootertop-link .footer-column .list-unstyled li a { float: left; width: auto; background: #252525; padding: 6px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .footer-container .footer-column { float: left; margin: 80px 0 60px; } footer .footer-column .list-unstyled { margin: 0; float: left; width: 100%; } footer .footer-column .list-unstyled li { font-size: 13px; line-height: 20px; } footer a { color: #cccccc; cursor: pointer; font: 400 13px/28px "Poppins", Helvetica, sans-serif; } footer a:hover, footer a:focus, .footer-column .list-unstyled li a:hover::before { color: #fff; } footer .footer-column h5 { color: #ffffff; cursor: pointer; font: 500 16px/20px Poppins, Helvetica, sans-serif; margin: 0 0 18px; } /* Footer right Contact us Stylesheet */ .footer-bottom { background: #252525; float: left; position: relative; width: 100%; } .footer-bottom-cms { float: right; width: auto; padding: 7px 0; } .footer-bottom-link { float: left; width: auto; padding: 0; } .footer-bottom p { color: #cccccc; font: 400 13px/18px "Poppins", Helvetica, sans-serif; margin: 0; padding: 13px 0; } .footer-top-cms { float: left; width: 100%; padding: 0; } .footer-bottom p a { font-size: 13px; color: #cccccc; line-height: 24px; } .footer-bottom p a:hover { color: #fff; } .image-additional-container { float: left; width: 100%; } #goToTop::before { color: #ffffff; content: "\e316"; font-family: "Material Icons"; font-size: 22px; line-height: 36px; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; } #goToTop { position: fixed; bottom: 70px; right: 40px; z-index: 2; width: 40px; height: 40px; text-align: center; line-height: 30px; background: #2b4d92; color: #111; cursor: pointer; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; text-decoration: none; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; overflow: hidden; border: 2px solid #fff; } #goToTop:hover:before { color: #111; } #goToTop::after { border-radius: 25px; display: block; position: absolute; left: 0px; top: 0px; height: 0px; width: 100%; z-index: -1; content: ""; color: #111; background: #ffd800; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } #goToTop:hover::after { bottom: 0%; top: auto; height: 100%; color: #ffffff; } .alert .check-circle, .alert .error-outline, .alert .info-circle { font-size: 18px; vertical-align: middle; } /* 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: #111; right: 0; top: 0; } .product-options .alert-info { float: left; margin-top: 15px; margin-bottom: 0; padding: 10px 15px; position: static; width: 100%; } .checkout-success #content p > a, .account-success #content p > a { font-weight: 700; font-size: 14px; color: #333; } /* breadcrumb */ .breadcrumb { float: right; line-height: 24px; list-style: outside none none; margin: 0; padding: 0; } .breadcrumb i:hover { color: #111; } .breadcrumb a { color: #111; } .breadcrumb i { font-size: 16px; line-height: 24px; vertical-align: top; } .breadcrumb > li { white-space: nowrap; display: inline-block; } .breadcrumb > li + li::before { color: #222222; content: "\e5cc"; float: left; font-family: "Material Icons"; font-size: 18px; margin: 0 8px; line-height: 24px; } /* buttons */ .btn { border: none; font-size: 13px; line-height: 16px; font-weight: 500; padding: 10px 20px; position: relative; -webkit-border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; z-index: 1; overflow: hidden; } .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-lg { padding: 8px 20px; font-size: 15px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 13px; letter-spacing: 1px; } .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: 4px 12px; } .btn-group { float: left; width: 100%; } .btn-default { background: #ffd800; border: none; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; font: 500 13px/24px "Poppins", Helvetica, sans-serif; letter-spacing: 1px; color: #111; padding: 8px 20px; overflow: hidden; position: relative; z-index: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; } .btn-default::after { background: #2b4d92; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; display: block; position: absolute; left: 0; top: 0; bottom: auto; height: 0; width: 100%; z-index: -1; content: ""; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .btn-default:hover::after, .btn-default:focus::after, .btn-default:active::after { bottom: 0%; top: auto; height: 100%; } .btn.btn-default.cnt:hover, .btn-default:hover, .btn-default:focus, .btn-default.active, .btn-default:active, .btn-default:active:focus { background: #ffd800; border-color: #ffd800; color: #fff; letter-spacing: 1px; } .btn.btn-danger:hover { transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; } .btn.active, .btn:active { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .btn-primary { background: #2b4d92; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; color: #fff; font: 500 13px/24px "Poppins", Helvetica, sans-serif; letter-spacing: 1px; padding: 8px 20px; border: none; overflow: hidden; position: relative; z-index: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; } .btn-primary::after { border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; display: block; position: absolute; left: 0; top: 0; bottom: auto; height: 0; width: 100%; z-index: -1; content: ""; background: #ffd800; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .btn-primary:hover::after, .btn-primary:focus::after, .btn-primary:active::after { bottom: 0%; top: auto; height: 100%; } .btn-block { width: auto; } .product-details #button-cart { background: #2b4d92; border: none; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; color: #fff; float: left; font: 500 13px/26px "Poppins", Helvetica, sans-serif; letter-spacing: 1px; line-height: 18px; padding: 7px 18px 8px 42px; position: relative; height: 42px; } .product-details #button-cart::before { content: "\e8cc"; font-family: "Material Icons"; font-size: 20px; left: 8px; margin: auto; position: absolute; right: auto; text-align: center; top: 0; bottom: 0; width: 36px; height: 36px; line-height: 36px; font-weight: 400; } .product-details .btn-info[disabled]#button-cart:hover { color: #fff; } .product-details #button-cart:hover, .product-product #button-cart:focus, .product-product #button-cart.active { border-color: #2b4d92; background: #2b4d92; color: #111; } .product-details .fa.fa-shopping-cart { padding-right: 5px; font-size: 17px; } .product-options .alert-info i.info-circle { font-size: 18px; line-height: 24px; vertical-align: top; font-weight: 500; } .product-details .btn-group .btn-default i { font-size: 18px; vertical-align: top; line-height: 30px; } /*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, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover { background: #ffd800; border: none; color: #111; } .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: #2b4d92; border: none; color: #fff; } .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; padding: 10px 12px; } .input-group.btn-block .btn-danger { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .table-bordered .text-right .btn i { font-size: 18px; line-height: 16px; vertical-align: middle; } .table-bordered .btn i.visibility { font-size: 16px; line-height: 18px; vertical-align: top; } .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: #111; background-color: #ffd800; border-color: #ffd800; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; transition: all 400ms ease-in-out; -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; } .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: #2b4d92; border-color: #2b4d92; } .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; } .well { background: #fff; min-height: 274px; border: 1px solid #e5e5e5; margin: 0; line-height: 23px; 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; } #account-login .well h2 { padding-bottom: 5px; padding-top: 10px; margin: 0; position: relative; font: 600 17px/32px "Poppins", Helvetica, sans-serif; color: #111; } #account-login .new-customer .bottom-form { background: #f5f5f5; height: 60px; border: 1px solid #e5e5e5; border-top: 0; } #account-login .new-customer .bottom-form a { float: right; margin-top: 7px; margin-right: 10px; } #account-login .customer-login .bottom-form { background: #f5f5f5; height: 60px; border: 1px solid #e5e5e5; border-top: 0; } #account-login .customer-login .bottom-form a { padding-left: 16px; line-height: 60px; color: #555; } #account-login .customer-login .bottom-form a:hover { color: #111; } #account-login .customer-login .bottom-form input { float: right; margin-top: 10px; margin-right: 10px; } #account-login .customer-login .bottom-form input.btn.btn-primary:hover, #account-login .customer-login .bottom-form input.btn.btn-primary:focus { background: #ffd800; color: #111; } #account-login .customer-login .form-group { margin: 0; } #account-login strong { font-weight: 500; } #account-login .new-customer { margin: 0 0 15px; } /* 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 { font-family: "Material Icons"; content: "\e5cb"; } .carousel-control .icon-next:before { font-family: "Material Icons"; content: "\e5cc"; } /* product list */ .product-category .category-description { width: 100%; float: left; } .product-layout, .product-layouts { padding: 0 15px; } .product-thumb, .product-layout, .product-layouts { position: relative; } .owl-item:last-child .product-layout, .owl-item:last-child .product-layouts { border: none; } .product-thumb .image { border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; text-align: center; position: relative; padding: 0; } .product-thumb .image a { display: block; float: left; width: 100%; position: relative; overflow: hidden; } .product-thumb .image img { margin-left: auto; margin-right: auto; max-width: 100%; } .product-thumb .thumb-description { text-align: center; padding: 0; } .product-thumb .thumb-description .caption { float: left; padding: 0 10px; position: relative; width: 100%; } .product-list .product-thumb .thumb-description .caption, .product-sort .product-thumb .thumb-description .caption { float: left; text-align: left; padding: 0; border: none; } .product-list .product-thumb .thumb-description { padding: 0 15px; } .product-list .product-thumb .rating, .product-list .product-thumb:hover .rating { display: block; margin: 0 0 5px; position: static; text-align: left; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .product-thumb h4 { font: 400 13px/20px "Poppins", Helvetica, sans-serif; margin: 10px 0 5px; overflow: hidden; padding: 0; text-overflow: ellipsis; float: left; width: 100%; } .product-list .product-thumb h4, .product-sort .product-thumb h4 { margin: 0 0 5px; } .product-thumb h4 a { color: #666; white-space: nowrap; } .product-list .product-thumb h4 a, .product-sort .product-thumb h4 a { line-height: 24px; font-size: 13px; color: #666; font-weight: 500; } .product-thumb h4 a:hover, .product-thumb:hover h4 a { color: #111; } .product-thumb .rating { float: left; width: 100%; margin: 0 0 5px; } body.product_btn_style3 .product-thumb:hover .rating { -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; } .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: #fbaf5d; font-size: 13px; position: relative; } .rating .fa-star + .fa-star-o, #review .fa-star + .fa-star-o { color: #ffde01; } h2.price { margin: 0; } .product-thumb .price { color: #2b4d92; font: 600 16px/20px "Poppins", Helvetica, sans-serif; clear: both; float: left; width: 100%; } .product-list .product-thumb .thumb-description .price { float: left; display: block; padding: 5px 0 7px; } .product-thumb .price-new { color: #2b4d92; font: 600 16px/20px "Poppins", Helvetica, sans-serif; } .product-thumb .price-old { color: #555; text-decoration: line-through; font: 400 14px/18px "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; } /*----------------------Product-Sort css start----------------------*/ .product-layout.product-sort .product-thumb .thumb-description { padding: 0 15px; } .product-layout.product-sort .product-description { width: 50%; float: left; text-align: left; margin: 10px 0; } .product-layout.product-sort .product-thumb .caption .description { display: block; margin: 0 0 8px; font-size: 13px; float: left; width: 100%; } .product-layout.product-sort .product-thumb .button-group button.btn-cart { display: block; margin: 0 0 10px; } .product-layout.product-sort .product-thumb .rating, .product-layout.product-sort .product-thumb:hover .rating { display: block; margin: 0 0 7px; position: static; text-align: left; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .product-layout.product-sort .product-thumb .product-price-and-shipping { width: 30%; float: none; display: inline-block; vertical-align: top; text-align: center; margin: 30px 0; } .product-layout.product-sort .product-thumb .thumb-description .price { float: left; display: block; } .product-layout.product-sort .product-thumb .price-new { width: 100%; float: left; margin: 0 0 5px; } .product-layout.product-sort .product-thumb .thumb-description .caption .ttproducthover { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; height: auto; width: 20%; float: right; text-align: center; margin: 25px 0; } .product-layout.product-sort .product-thumb .button-group .tt-button-container { display: block; margin: 0 0 5px; float: left; width: 100%; } .product-layout.product-sort .product-thumb .thumb-description .caption .ttproducthover .product-add-to-cart { 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 .button-group .tt-button-container { display: inline-block; vertical-align: top; float: none; } .product-list .product-thumb .button-group .tt-button-container { width: auto; } .product-layout.product-sort .product-thumb .thumb-description .caption .ttproducthover { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; height: auto; width: 30%; float: right; text-align: center; margin: 25px 0; } .product-layout.product-sort .product-thumb .button-group { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; display: inline-block; vertical-align: top; position: static; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; visibility: visible; } .product-layout.product-sort .product-thumb .button-group button { display: inline-block; vertical-align: top; text-align: center; cursor: pointer; overflow: hidden; z-index: 1; position: relative; top: 0; transform: none; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-layout.product-sort .product-thumb .button-group .btn-cart:hover span, .product-layout.product-sort .product-thumb .button-group .btn-cart:focus span, .product-layout.product-sort .product-thumb .button-group .btn-cart:active span { color: #111; } /*----------------------button css start----------------------*/ .product-thumb .button-group { position: absolute; right: 0; top: auto; z-index: 1; width: auto; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 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; bottom: -10px; left: 0; text-align: center; } .product-thumb:hover .button-group { bottom: 10px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-list .product-thumb .button-group { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; float: left; width: auto; position: static; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; margin: 5px 0 10px; } .product-list .product-thumb .button-group button.btn-cart { float: left; margin-right: 4px; } .product-thumb .button-group button.disabled { cursor: not-allowed; opacity: 0.55; -moz-opacity: 0.55; -khtml-opacity: 0.55; -webkit-opacity: 0.55; } .product-list .button-group .btn-cart.disabled i.fa-shopping-cart { display: none; } .product-thumb .button-group i, .product-thumb .main-button-group i { height: 42px; width: 42px; color: #fff; font-size: 20px; line-height: 42px; text-align: center; vertical-align: top; position: relative; overflow: hidden; float: left; transition: all 400ms ease-in-out; -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; } .product-thumb .button-group button:hover i, .product-thumb .button-group button:active i, .product-thumb .button-group button:focus i, .product-thumb .main-button-group button:hover i, .product-thumb .main-button-group button:active i, .product-thumb .main-button-group button:focus i { color: #111; } .product-thumb button.btn-cart span.loading, .product-thumb button.btn-wishlist span, .product-thumb button.btn-compare span { display: none; } .button-group button.btn-cart span.hidden-xs { display: inline-block !important; line-height: 20px; font-size: 12px; color: #fff; font-weight: 500; letter-spacing: 1px; transition: all 400ms ease-in-out; -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; } .button-group button.btn-cart:hover span.hidden-xs, .button-group button.btn-cart:active span.hidden-xs, .button-group button.btn-cart:focus span.hidden-xs { color: #111111; } .product-thumb .button-group button::before, .product-thumb .main-button-group button::before { display: block; position: absolute; left: 0px; top: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #111111 !important; background: #ffd800; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .product-thumb .button-group button:hover::before, .product-thumb .button-group button:active::before, .product-thumb .button-group button:focus::before, .product-thumb .main-button-group button:hover::before, .product-thumb .main-button-group button:active::before, .product-thumb .main-button-group button:focus::before { bottom: 0%; top: auto; height: 100%; } .product-thumb .button-group button { background: #2b4d92; border: none; padding: 0; position: relative; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; float: none; overflow: hidden; display: inline-block; vertical-align: top; height: auto; width: auto; z-index: 1; } .product-thumb .button-group button.btn-cart { padding: 10px 13px 10px 8px; } .product-thumb .button-group .btn-cart i { height: 20px; width: 20px; line-height: 20px; } .product-thumb .btn-cart i::before { content: "\e145"; font-size: 20px; } .product-grid .product-thumb .button-group button.btn-cart { margin-left: 4px; } /*--------------------------button css end----------------------------*/ /*-------------------------main button group--------------------------*/ .main-button-group { float: left; width: 100%; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; cursor: pointer; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; height: 45px; font-size: 13px; z-index: 1; } .product-thumb:hover .main-button-group { -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .main-button-group button { float: none; display: inline-block; vertical-align: top; background: #2b4d92; -webkit-border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; border: none; color: #fff; font-size: 13px; padding: 10px 12px; line-height: 20px; font-weight: 500; letter-spacing: 1px; position: relative; overflow: hidden; z-index: 1; height: auto; width: auto; transition: all 400ms ease-in-out; -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; } .main-button-group button:hover { color: #111; } .product-thumb .main-button-group button i { width: 20px; height: 20px; line-height: 20px; font-size: 18px; float: none; } /*----------------------------product_btn_style2 css start----------------------*/ .product_btn_style2 .main-button-group { top: auto; bottom: -45px; left: 10px; right: auto; float: left; width: auto; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; height: auto; } .product_btn_style2 .product-thumb:hover .main-button-group { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; } .product_btn_style2 .main-button-group .btn-quickview { padding: 0; } .product_btn_style2 .main-button-group .btn-quickview i { height: 42px; line-height: 42px; width: 42px; } .product_btn_style2 .main-button-group .btn-quickview span { display: none; } .product_btn_style2 .product-thumb { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; margin: 0 0 50px; } .product_btn_style2 .product-thumb:hover { border-color: #ffffff; } .product_btn_style2 .product-thumb .image { border: none; border-bottom: 4px double #e5e5e5; } .product_btn_style2 .product-thumb .ttimg-bg { background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.1); position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin-bottom: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); -o-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; z-index: 0; margin-bottom: -50px; visibility: hidden; margin-top: -1px; } .product_btn_style2 .product-thumb:hover .ttimg-bg { -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, visibility 0s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, visibility 0s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, visibility 0s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; transition: opacity 0.3s ease 0s, visibility 0s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; visibility: visible; } .product_btn_style2 .product-thumb .thumb-description { text-align: left; position: static; } .product_btn_style2 .product-thumb .price { width: auto; clear: none; } .product_btn_style2 .product-thumb .rating { float: right; margin: 0 0 10px; width: auto; } .product_btn_style2 .product-thumb .percent { left: -15px; right: auto; top: 35px; } .product_btn_style2 .product-thumb:hover .percent, .product_btn_style2 .product-thumb:hover .sale-icon { left: 15px; right: auto; } .product_btn_style2 .product-thumb .sale-icon { left: -15px; right: auto; } .product_btn_style2 .product-thumb .button-group { width: 45px; top: 10px; right: 10px; left: auto; bottom: auto; -webkit-transform: translateX(60px); -moz-transform: translateX(60px); -ms-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px); } .product_btn_style2 .product-thumb:hover .button-group { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .product_btn_style2 .product-thumb .button-group button { margin-bottom: 5px; } .product_btn_style2 .product-list .product-thumb .rating, .product_btn_style2 .product-sort .product-thumb .rating { float: left; width: 100%; } .product_btn_style2 .product-list .product-thumb .button-group, .product_btn_style2 .product-sort .product-thumb .button-group { width: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin: 15px 0 0; } .product_btn_style2 .product-list .product-thumb .ttimg-bg, .product_btn_style2 .product-sort .product-thumb .ttimg-bg { display: none; } .product_btn_style2 .product-list .product-thumb .image, .product_btn_style2 .product-sort .product-thumb .image { border: none; } .product_btn_style2 .product-list .product-thumb, .product_btn_style2 .product-sort .product-thumb { border: 1px solid #e5e5e5; } .product_btn_style2 .tt-special-countdown .product-thumb .rating { float: left; width: 100%; } .product_btn_style2 .product-thumb .price-old { font-size: 12px; } @media (max-width: 1499px) and (min-width: 1300px) { .product_btn_style2 .product-thumb .price-old { font-size: 11px; } } @media (max-width: 767px) { .product_btn_style2 #content .product-thumb .button-group { transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; } .product_btn_style2 #content .product-thumb .button-group button { transform: none; } .product_btn_style2 .product-thumb .ttimg-bg { display: none; } .product_btn_style2 .product-thumb:hover { border: 1px solid rgba(0, 0, 0, 0.1); } .product_btn_style2 .main-button-group { opacity: 1; transform: none; visibility: visible; top: 92px; right: 0; width: 50px; left: auto; bottom: auto; } .product_btn_style2 .main-button-group button { margin: 0 0 5px; } .product_btn_style2 .main-button-group .btn-quickview i { height: 36px; line-height: 36px; width: 36px; } .product_btn_style2 .product-thumb .percent { left: 15px; } } /*----------------------------product_btn_style2 css end----------------------*/ /*----------------------------product_btn_style3 css end----------------------*/ .product_btn_style3 .main-button-group { height: 95px; padding: 0 15px; } .product_btn_style3 .main-button-group button { margin: 0 0 10px; } .product_btn_style3 .product-thumb .button-group { background: #2b4d92; -webkit-border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; -khtml-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; bottom: 0; top: auto; right: 0; left: auto; -webkit-transform: translateX(96px); -moz-transform: translateX(96px); -ms-transform: translateX(96px); -o-transform: translateX(96px); transform: translateX(96px); margin: 0 3px 4px 0; } .product_btn_style3 .product-thumb:hover .button-group { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .product_btn_style3 .product-thumb .button-group::after { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; height: 20px; width: 1px; background: rgba(255, 255, 255, 0.2); margin: auto; } .product_btn_style3 .product-thumb .button-group button.btn-wishlist { -webkit-border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; -khtml-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; } .product_btn_style3 .product-thumb .button-group button.btn-compare { -webkit-border-radius: 0 0 10px 0; -moz-border-radius: 0 0 10px 0; -khtml-border-radius: 0 0 10px 0; border-radius: 0 0 10px 0; } .product_btn_style3 .product-thumb:hover .image { border-color: #fff; } .product_btn_style3 .product-thumb:hover .image::after { border: 4px solid #2b4d92; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .product_btn_style3 .product-thumb .rating { position: absolute; top: -30px; bottom: auto; left: -10px; right: auto; text-align: left; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .product_btn_style3 .product-thumb:hover .rating { left: 10px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product_btn_style3 .product-list .product-thumb .button-group, .product_btn_style3 .product-sort .product-thumb .button-group { background: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .product_btn_style3 .product-list .product-thumb .button-group button, .product_btn_style3 .product-sort .product-thumb .button-group button { border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; } .product_btn_style3 .product-list .product-thumb .rating, .product_btn_style3 .product-sort .product-thumb .rating { 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_btn_style3 .special-countdown .product-thumb .rating { position: static; opacity: 1; float: left; } @media (max-width: 767px) { .product_btn_style3 .product-thumb .button-group { top: auto; bottom: 0 !important; height: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin: 0; } .product_btn_style3 .product-thumb .rating { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; left: 10px; } } /*----------------------------product_btn_style3 css end----------------------*/ .product-thumb .image .btn-wishlist > span { display: none; } .fa-heart:hover::before { color: #111; } .bestseller-carousel.products-list .product-thumb { border: 1px solid #e5e5e5; padding: 10px 0; margin: 0 0 30px; } .bestseller-carousel.products-list .image { width: 40%; float: left; padding: 0; border: none; border-right: double 4px #e5e5e5; } .bestseller-carousel.products-list .product-thumb .price { float: left; margin: 0 0 10px; width: 100%; } .bestseller-carousel.products-list .product-thumb .thumb-description { float: right; padding: 0 10px; width: 60%; } .bestseller-carousel.products-list .product-thumb h4 { margin: 0 0 8px; } .bestseller-carousel.products-list .product-thumb .thumb-description .caption { border-top: none; text-align: left; } .bestseller-carousel.products-list .product-thumb .rating { position: static; margin: 0 0 8px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; float: left; width: 100%; } .bestseller-carousel.products-list .product-thumb .button-group button { padding: 0; } .bestseller-carousel.products-list .product-thumb .button-group i { height: 35px; width: 35px; font-size: 18px; line-height: 35px; } .bestseller-carousel.products-list .button-group button.btn-cart span.hidden-xs { display: none !important; } .bestseller-carousel.products-list .product-thumb .btn-cart i::before { display: none; } .bestseller-carousel.products-list .product-thumb .button-group { position: static; height: auto; float: left; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); text-align: left; width: 100%; } .bestseller-carousel.products-list .product-thumb:hover .button-group { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .btn-outofcart.disabled { position: absolute; height: 70px; width: 70px; line-height: 60px; background: #ff0000; -webkit-opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; padding: 5px; right: 0; left: 0; top: 0; bottom: 0; margin: auto; cursor: not-allowed; } .btn-outofcart.disabled .out.of.stock { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; font-size: 12px; color: #fff; line-height: 20px; text-align: center; float: left; width: 100%; font-weight: 600; padding: 10px 0; } .header_style2 .product-thumb:hover .btn-outofcart.disabled { -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } /*----------------------------button css end----------------------*/ .product-list .product-thumb .button-group i.shopping-cart { background: none; border: none; line-height: 42px; width: 25px; } .product-list .product-thumb .button-group .btn-cart.loading i.shopping-cart { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .product-list .product-thumb .button-group button.btn-cart .loading > i { background: none; line-height: 42px; width: 25px; } .product-thumb button.loading i { display: none; } .product-category .product-thumb button.loading i { display: inline-block; } .product-thumb button.btn-wishlist span, .product-thumb button.btn-compare span, .button-group button.btn-quickview span { display: none; } #column-left .product-thumb .btn-cart > span.loading, #column-right .product-thumb .btn-cart > span.loading { display: none !important; } .product-thumb button.btn-cart.loading > span.loading, .product-thumb button.btn-wishlist.loading > span.loading, .product-thumb button.btn-compare.loading > span.loading, .product-thumb button.btn-quickview.loading > span.loading { display: block; } .product-thumb button .loading { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .product-list .product-thumb button.btn-cart .loading { left: 13px; right: auto; } .product-thumb button .loading i { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block !important; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /*----------------------------Quickview css start----------------------*/ .product-thumb button.btn-quickview span.loading { display: none; } .bootstrap-datetimepicker-widget.usetwentyfour.dropdown-menu { position: absolute !important; } #quickview-bg-block { display: none; background-color: rgba(0, 0, 0, 0.7); top: 0; left: 0; right: 0; bottom: 0; margin: auto; position: fixed; z-index: 99; } .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; color: #111; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); width: 25px; height: 25px; text-align: center; margin: 0; right: 2px; top: 2px; z-index: 1; background: #fff; } .a-qv-close i { font-size: 18px; font-weight: 600; line-height: 24px; 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; } .a-qv-close:hover i { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } #quickview-content { background-color: #ffffff; border: 2px solid #ffffff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; display: none; height: 90%; left: 0; margin: 0 auto; overflow: auto !important; padding: 20px; position: fixed; right: 0; top: 6%; width: 68%; z-index: 999; transition: opacity 0.15s linear; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; } #quickview-content::-webkit-scrollbar { width: 5px; } #quickview-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } #quickview-content::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px #111; } .product-quickview .btn.btn-default { background-color: #f5f5f5; border: 1px solid #e5e5e5; color: #555; padding: 6px 15px; height: 41px; transition: all 400ms ease-in-out; } .product-quickview .btn.btn-default::after { display: none; } .product-quickview .btn.btn-default:hover { color: #fff; background: #2b4d92; border: 1px solid #2b4d92; } .product-quickview .product-image .thumbnail { border: 1px solid #e5e5e5; margin: 0; padding: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .product-quickview .product-image .thumbnail img { -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .product-quickview #quick-cart { background: #2b4d92; border: none; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; color: #fff; float: left; font-family: "Poppins", Helvetica, sans-serif; font-size: 13px; letter-spacing: 1px; line-height: 20px; padding: 8px 15px 9px 41px; position: relative; height: 42px; } .product-quickview #quick-cart:hover, .product-quickview #quick-cart:focus, .product-quickview #quick-cart:active { background: #2b4d92; border-color: #2b4d92; color: #111; } .product-quickview #quick-cart.btn-info:hover { color: #fff; } .product-quickview #quick-cart::before { content: "\e8cc"; font-family: "Material Icons"; font-size: 20px; left: 8px; margin: auto; position: absolute; right: auto; text-align: center; top: 0; bottom: 0; width: 36px; height: 36px; line-height: 36px; font-weight: 400; } @media (max-width: 767px) { #quickview-content { width: 70%; padding: 15px; } } @media (max-width: 543px) { #quickview-content { width: 90%; } .related-carousel.products-list h3::after { margin: 0 auto; } } /*----------------------------Quickview css end----------------------*/ /*product-page */ .zoomContainer { overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .product-block { float: left; width: 100%; } .product-product .thumbnails { overflow-x: hidden; } .product-product .product-image { float: left; width: 100%; margin-bottom: 0; } .product-product .product-image .thumbnail { background: none; border: 1px solid #e5e5e5; padding: 0; overflow: hidden; transition: none; -moz-transition: none; -webkit-transition: none; -khtml-transition: none; -o-transition: none; position: relative; margin: 0 0 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .thumbnails { overflow: auto; clear: both; list-style: none; padding: 0; margin: 0; } .thumbnails > li { margin-left: 20px; } .electro-description .layout-desc { margin: 20px 0; } .image-additional > img { max-width: 100%; border: 1px solid #e5e5e5; } .thumbnails .additional-images { border: 0 none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; float: left; width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .thumbnails .owl-carousel.additional-images { float: left; width: 100%; padding: 0; margin-top: 0; } .additional-images .image-additional { display: block; margin: 5px; overflow: hidden; padding: 0; cursor: pointer; text-align: center; } .image-additional:hover > img, .image-additional > img.selected, .slick-current .image-additional > img { border-color: #bbbbbb; } .products-list .owl-carousel, .list-products .owl-carousel { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: static; margin-bottom: 0; width: auto; } #page::after { background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; bottom: 0; content: ""; left: 0; right: 0; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; z-index: 2; } body.nav-open #page::after, body.user-open #page::after, body.cart-open #page::after, body.language-open #page::after, body.currency-open #page::after, body.menu-hover2 #page::after, body.menu_hover #page::after, body.menu-current-open #page::after, body.search-open #page::after { -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; } @media (min-width: 1500px) and (max-width: 1649px) { .container { width: 1490px; } } @media (min-width: 1300px) and (max-width: 1499px) { .container { width: 1300px; } } @media (max-width: 1499px) { #logo { width: 257px; margin: 33px 0 0; } .header-right { width: 24%; } .product-layout.product-grid { width: 33.33%; } } @media (max-width: 1400px) { .product-images .additional-images-container { width: 350px; } #column-left .products-carousel, #column-right .products-carousel { padding: 0 5px; } .product-layout.product-sort .product-description { margin: 0; } .product-layout.product-sort .product-thumb .thumb-description .caption .ttproducthover { margin: 15px 0; } .product-layout.product-sort .product-thumb .product-price-and-shipping { margin: 20px 0; width: 24%; } } @media (min-width: 1200px) and (max-width: 1299px) { .container { width: 1170px !important; } } @media (min-width: 1200px) { .product-left { float: left; text-align: right; padding: 0 20px 0 10px; border-right: 1px solid #e5e5e5; } .product-right { float: left; text-align: left; padding: 0 10px 0 20px; } } @media (max-width: 1299px) { #logo { width: 262px; margin: 33px 0 0; } #column-left .product-thumb .thumb-description, #column-right .product-thumb .thumb-description { padding: 0 8px; } .product-images .additional-images-container { width: 300px; } .layout-desc tr td.col-sm-7 { width: 90%; } .tt-latest-product .product-thumb .caption .description { display: none; } } @media (min-width: 768px) and (max-width: 1201px) { .block-description { width: 75%; } .category-image { width: 25%; } } @media (min-width: 992px) and (max-width: 1199px) { #column-left .panel-default > .list-group, #column-right .panel-default > .list-group { padding: 0 8px; } .product-layout.product-grid { width: 50%; } } @media (max-width: 1199px) { #logo { width: 216px; padding: 27px 15px; margin: 35px 0 0; } .ttuserheading { display: none; } #cart button.btn { padding: 0 10px 0 0; } #cart .cart-heading { display: none; } .ttspecialmain { margin: 0; } .bestseller-carousel.products-list { width: 100%; } .product-images .additional-images-container { width: 95%; } #top-links > ul > li.header-mail { display: none; } .header-phone a::before { left: 10px; } .header-phone a { padding: 6px 15px 6px 60px; } .footer-container .footer-column { margin: 40px 0; } .product-list .product-thumb .thumb-description .caption { padding: 0; } #form-language .dropdown-toggle > img, .header-top-right #form-currency .dropdown-toggle > strong { margin: 0; } .product-left, .product-right { width: 100%; float: left; padding: 0; } .product-details .rating { float: left; width: 100%; text-align: left; } .product-details table.product-info, .product-product .product-details .addthis_toolbox > a { float: left; } footer .footer-column h5 { font-size: 16px; } } @media (max-width: 991px) { .header-bottom-block { padding: 0; background: none; position: absolute; left: 0; right: auto; top: 0; bottom: auto; } header .full-header { height: auto; } .full-header > .container, .full-bottom .container, .header-middle .container { position: relative; } .header-right { position: absolute; left: auto; right: 10px; top: 0; z-index: 3; } .header-right .whishlist.pull-left .material-icons { font-size: 22px; } #top-links > ul > li:last-child { padding-right: 10px; } .bestseller-carousel.products-list { margin: 0 0 10px; } .featured-carousel.products-list { margin: 0; } #form-currency .btn-group ul.dropdown-menu.currency-toggle, #form-language .btn-group ul.dropdown-menu.language-toggle, #top-links .dropdown .dropdown-menu { top: 26px; } #form-language .btn-group ul.dropdown-menu.language-toggle { left: 0; right: auto; } #form-language .btn-group ul.dropdown-menu.language-toggle::before { right: auto; left: 10px; } #ttcmsheader .ttheader-service { display: inline-block; float: none; vertical-align: top; } .tt-latest-product .product-thumb .caption .description { display: block; } .header-bottom-block .container { position: relative; } #top-links > ul > li { padding: 7px 10px 10px; } .right-block { bottom: 0; float: right; position: absolute; right: 0; } .header-right-cms { display: none; } .header-phone.pull-left { display: inline-block; float: none !important; margin: 10px 50px; text-align: center; padding: 0; } .header-left { float: left; text-align: center; width: 100%; } #logo { display: none; } #mobile-logo { background: #ffffff; border: 3px solid #ffd800; border-top: 0; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; display: inline-block; float: none; text-align: center; vertical-align: top; padding: 5px 18px; width: 240px; z-index: 9; position: relative; } #mobile-logo a { width: 180px; float: none; display: inline-block; vertical-align: top; margin: 10px 0; } .ttproduct-main { margin: 0; } .bestseller-carousel.products-list .product-thumb .thumb-description { padding: 0 8px; } .product-layout.product-sort .product-description { width: 100%; } .product-layout.product-sort .product-thumb .product-price-and-shipping { width: 100%; float: left; text-align: left; margin: 0 0 5px; } .product-layout.product-sort .product-thumb .price-new { width: auto; float: left; margin: 0 5px 0 0; } .product-layout.product-sort .product-thumb .thumb-description .caption .ttproducthover { width: 100%; float: left; } .product-layout.product-sort .product-thumb .button-group { float: left; text-align: left; margin: 0 0 10px; width: 100%; } .product-layout.product-sort .product-thumb .button-group button.btn-cart { display: inline-block; margin: 0; } .layout-desc tr td.col-sm-4 { float: left; width: 100%; } .layout-desc tr td.col-sm-7 { width: 100%; } .product-percent { left: 10px; } #column-left .img-responsive, #column-right .img-responsive { width: auto; } .bestseller-carousel.products-list .product-thumb .button-group { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; transition: all 400ms ease-in-out; -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; visibility: hidden; } .bestseller-carousel.products-list .product-thumb:hover .button-group { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } #top-links { float: left; width: 100%; } .button-group button.btn-cart span { font-size: 12px; } .product-thumb .image .btn-wishlist, .product-thumb .image .btn-compare, .product-thumb .image .btn-quickview { -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; bottom: auto; } #top-links > ul { display: inline-block; float: none; margin: 0; vertical-align: top; } .product-thumb .price, .product-thumb:hover .price { display: block; } .product-thumb .thumb-description .caption .ttproducthover .product-add-to-cart { bottom: 0px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-thumb:hover .thumb-description .caption .ttproducthover .product-add-to-cart { bottom: 0; } .product-thumb .thumb-description .caption .ttproducthover, .product-thumb:hover .thumb-description .caption .ttproducthover { height: 36px; } .ttcat-main .products-carousel.owl-carousel .owl-nav button { height: 30px; width: 30px; } .ttcat-main .products-carousel.owl-carousel .owl-nav button::after, .ttcat-main .products-carousel.owl-carousel .owl-nav button::before { height: 30px; width: 30px; font-size: 22px; line-height: 30px; } .ttcat-main .products-carousel.owl-carousel .owl-nav button.owl-prev::before, .ttcat-main .products-carousel.owl-carousel .owl-nav button.owl-next::before { font-size: 22px; line-height: 30px; } #ttcmstestimonial .owl-dots { margin: 10px 0 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 { width: auto; } #column-left .products-carousel.owl-carousel .owl-nav, #column-right .products-carousel.owl-carousel .owl-nav { right: 40px; } .ttfooter .desc { display: inline-block; float: none; width: 80%; } .category-pagination { margin: 0 0 15px; } .product-list .product-thumb .button-group i.fa-shopping-cart { width: 25px; } .product-thumb .button-group i { height: 36px; line-height: 36px; width: 36px; } .product-thumb .button-group button.btn-cart { padding: 8px 13px 8px 8px; } .main-button-group button { padding: 8px 10px; } footer .footer-top { text-align: center; } .footer-bottom { text-align: center; } footer .footer-top::before { height: 125px; } .footer-bottom-cms { float: none; width: auto; padding: 0 0 10px; text-align: center; display: inline-block; vertical-align: top; } .footer-bottom p { padding: 8px 0 5px; } .footer-bottom-link { float: left; width: 100%; text-align: center; } .footer-top-block { display: inline-block; float: none; padding: 20px 0 0; vertical-align: top; } .footer-container { padding: 30px 0 15px; } .footer-container .footer-column { width: 100%; margin: 0; } .footer-right-cms .html-content { width: 100%; float: left; } footer .footer-column ul { padding: 0 10px; } footer .footer-column h5.toggle:hover { cursor: pointer; } footer .footer-column h5.toggle { padding: 10px; margin: 0; position: relative; font: 500 16px/22px "Poppins", Helvetica, sans-serif; display: block; width: 100%; } .footer-column.dwld .widget-title.toggle { display: none; } footer .footer-column h5.toggle:hover, #ttcmsfooter h5.toggle:hover { background: rgba(255, 255, 255, 0.05); -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } footer .footer-column h5.toggle::after, #ttcmsfooter h5.toggle::after { content: "\e145"; display: block; font-family: "Material Icons"; font-size: 18px; font-weight: 600; position: absolute; right: 10px; left: auto; top: 10px; } .bottom-footer .ttfootertop-link { width: 100%; padding: 0; border: none; } .footer-container .bottom-footer .footer-column { margin: 0; } .wallmart_logo_block { float: none; width: auto; margin: 10px 0 0; text-align: center; vertical-align: top; display: inline-block; } .wallmart_logo_block .wallmart-list { display: block !important; } footer .footer-column.active h5.toggle:after, footer .contact-us.active h5.toggle:after, footer .follow-us.active h5.toggle:after, footer #ttcmsfooter.active h5.toggle:after, footer #ttcmspaymentlogo.active h5.toggle:after { content: "\e15b"; font-weight: normal; } /*------------------------------------- Column Toggle CSS Start ------------------------------------------*/ .category-image .category-bg { float: left; padding: 0; margin: 0 0 15px; width: 100%; } body .container > .row > #content { float: left; width: 100%; } body .container > .row > #column-left, body .container > .row > #column-right, #column-left, #column-right { float: left; width: 100%; display: block !important; } #column-left .swiper-viewport, #column-right .swiper-viewport { background: none; width: auto; } #column-left #ttcmstestimonial .title_block, #column-right #ttcmstestimonial .title_block, #column-left .box-heading, #column-right .box-heading, #column-left .panel-heading, #column-right .panel-heading, #column-left .featured-carousel.products-list .box-heading, #column-right .featured-carousel.products-list .box-heading { cursor: pointer; margin: 0; } #column-left .category-treeview.panel-default, #column-right .category-treeview.panel-default { padding: 5px; margin: 0 0 15px; } #column-left .box-heading > h3::after, #column-right .box-heading > h3::after { display: none; } #column-left .panel-default.information-list, #column-right .panel-default.information-list { padding: 5px; } #column-left .left-right-inner > div, #column-right .left-right-inner > div { margin: 0 0 15px; } #column-left .product-thumb:first-child, #column-right .product-thumb:first-child { padding-top: 20px; } #column-left .special-items.products-carousel .owl-item { padding: 10px; } #column-left .special-carousel.products-list .product-thumb, #column-right .special-carousel.products-list .product-thumb { padding: 0 10px 20px; border: 1px solid #e5e5e5; -webkit-border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; } #column-left .toggle::after, #column-right .toggle::after { content: "\e145"; float: right; color: #111; font-size: 16px; font-weight: 600; position: absolute; right: 15px; left: auto; top: 12px; display: block; background: none; font-family: "Material Icons"; } #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, #ttcmstestimonial .tttestimonial-inner.active .title_block.toggle:after { content: "\e15b"; } #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, #column-left .products-carousel, #column-right .products-carousel { float: left; width: 100%; } #column-left .list-group .list-group-item, #column-right .list-group .list-group-item { float: left; width: 100%; } #column-left .panel > .list-group, #column-right .panel > .list-group { float: left; width: 100%; padding: 0 15px 15px; } /*-------------------------------- 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; width: 100%; padding: 5px 0; } .option-filter-box .list-group .list-group-items:first-child { padding-top: 0; } .category-treeview ul { float: left; width: 100%; margin: 0; } .option-filter-box { background: #ffffff; border: 1px solid #e5e5e5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; float: left; margin: 20px 0 0; padding: 20px; width: 100%; } .option-filter-box .list-group-items > .list-group-item { padding: 10px 0; } .option-filter-box a.list-group-item::after { content: "\e5cf"; font-size: 16px; color: #333; position: absolute; right: 10px; top: 10px; font-weight: 500; } .option-filter-box a.list-group-item.collapsed::after { content: "\e5ce"; } .option-filter-box .list-group .list-group-item, .option-filter-box .radio, .option-filter-box .checkbox { width: 100%; float: left; background: #fff; border: none; font-weight: 500; } .option-filter-box a.list-group-item { color: #111; padding: 10px 0; } .option-filter-box .list-group-items div.list-group-item { display: none; padding: 0 0 10px; } .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: 4px 18px; } .option-filter-box .checkbox > label:hover, .option-filter-box .checkbox > label:hover { color: #111; } .product-thumb .button-group i.fa-shopping-cart { width: 36px; } .bottom-footer { padding: 0; border: none; } footer .footer-column .list-unstyled li { width: 100%; padding: 0; margin: 0; } .bottom-footer .footer-column ul li a::after { display: none; } .ttfootertop-link .footer-column .list-unstyled li a { background: none; padding: 0; } .product-quickview .product-image .thumbnail { margin: 0 0 15px; } #content .category-filter { margin: 20px 0 0; } .product-quickview .product-details { margin: 10px 0 0; } /*-------------------------------- 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-phone { padding: 0; } .header-bottom-block .container { padding: 0 15px; } #top-links > ul #form-language span, #top-links > ul #form-currency span { display: inline-block !important; } .header-top-left { width: 100%; } .header-top-right > div { padding: 10px 5px; } .ttlanguage .btn-group > ul, .ttcurrency .btn-group > ul { top: 26px; } #top { padding: 0; text-align: center; } #top .container { padding: 0; } #top-links > ul > li::after { top: 3px; } .header-top-right { display: inline-block; float: none; vertical-align: top; } #top .btn-link, #top-links li, #top-links a { font-size: 13px; line-height: 16px; } #form-currency i, #form-language i { line-height: 8px; } #form-currency .btn-group ul.dropdown-menu.currency-toggle, #form-language .btn-group ul.dropdown-menu.language-toggle, #top-links .dropdown .dropdown-menu { top: 26px; } .TTProduct-Tab .box-heading { text-align: center; margin: 0 0 10px; width: 100%; } .box-heading > h3::after { right: 0; } .TTProduct-Tab .box-heading > h3::after { margin: 0 auto; } .product-thumb .button-group button { transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .category-filter .filter-grid-list button { margin: 5px 5px 0; } .select-wrapper::after { top: 6px; } .top-column { margin: 0; } .TTProduct-Tab .tab-box-heading { float: left; width: 100%; } .TTcategory-tab .product-thumb .thumb-description { position: static; } .TTcategory-tab .product-thumb .image { float: left; } .TTProduct-Tab.products-list .owl-carousel { position: relative; } .TTProduct-Tab .products-carousel.owl-carousel .owl-nav { position: absolute; top: -57px; right: 15px; width: 70px; } .ttcat-main .products-carousel.owl-carousel .owl-nav { top: -62px; } .bestseller-carousel.products-list { margin: 0; } .product-list.product-layout { margin: 0; } .product-list .product-thumb .button-wrapper { width: 100%; padding: 0; } .category-bg { float: none; display: inline-block; vertical-align: top; width: auto; margin: 0 0 10px; } .product-tabs { width: 100%; float: left; margin: 10px 0 30px; padding: 10px 15px; } .category-products .product-grid { width: 50%; } .information-contact .contact-location .col-sm-3 { width: 50%; float: left; } .product-list .product-thumb .thumb-description .caption { width: 100%; border-right: none; } .top-column { padding: 0 5px; } .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; } .footer-bottom p { padding: 8px 0; } footer .footer-top::before { height: 135px; } .bestseller-carousel.products-list .product-thumb .button-group { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .product-thumb .button-group, .product-thumb:hover .button-group { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; bottom: 5px; } .main-button-group { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .main-button-group button { padding: 0; height: 36px; width: 36px; } .main-button-group button span { display: none; } .btn-outofcart.disabled { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .button-group button.btn-cart span { display: none !important; } .product-thumb .btn-cart i::before { display: none; } .product-thumb .button-group button.btn-cart { padding: 0; } .product-thumb .button-group .btn-cart i { height: 36px; width: 36px; line-height: 36px; } .product-list .product-thumb .button-group { width: auto; float: left; } .related-carousel.products-list .owl-wrapper-outer { padding: 0 0 20px; } .product-thumb .sale-icon, .product-sale-icon { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; left: 20px; } .product-thumb .percent, .product-thumb:hover .percent { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; right: 20px; } .category-products .product-layout.product-grid { width: 50%; } .TTProduct-Tab .tab-content { margin: 0; } #page .page-title-wrapper { text-align: center; } .page-title-wrapper .page-title { float: left; width: 100%; text-align: center; line-height: 24px; margin: 0; } .breadcrumb { float: none; margin: 0 auto; display: inline-block; text-align: center; width: 100%; vertical-align: top; } .page-title-wrapper { padding: 12px 0; margin: 0 0 10px; } .footer-bottom-link { text-align: center; width: 100%; } .footer-bottom-cms { width: 100%; } #goToTop { right: 20px; } .TTProduct-Tab .nav-tabs > li > a { padding: 8px 18px; } .TTProduct-Tab .nav-tabs > li::after, .TTProduct-Tab .nav-tabs > li > a::after { bottom: -6px; } .TTProduct-Tab .nav-tabs > li.active > a::before { bottom: -9px; } .TTcategory-tab.products-carousel.owl-carousel.owl-theme .owl-wrapper-outer { padding: 0; } .bestseller-carousel.products-list .product-thumb .thumb-description { width: 60%; border: none; text-align: left; float: left; } .bestseller-carousel.products-list .product-thumb h4 { margin: 0 0 4px; } .bestseller-carousel.products-list .product-thumb .rating { margin: 0 0 4px; } .bestseller-carousel.products-list .product-thumb .price { margin: 0 0 6px; } .category-filter .filter-text { padding: 0; } .category-filter .filter-text .input-group-addon.control-label { display: none; } .category-filter .filter-grid-list { padding: 0; } .category-filter .filter-show { margin: 0; padding: 0; } #content .category-filter { padding: 10px; } .category-filter .filter-show .filter-selection { width: 60px; float: left; } .filter-sort-by .form-control, .filter-show .filter-selection .form-control { padding: 6px; } .category-filter .filter-sort-by { width: 41%; max-width: 110px; padding: 0; margin: 0; } .category-filter .filter-sort-by .filter-selection { width: 110px; } } @media (min-width: 544px) and (max-width: 700px) { .product-layout.product-sort .product-thumb .button-group .tt-button-container { display: block; } .product-list .product-thumb .button-group .tt-button-container { display: block; margin: 0 auto 5px; } } @media (min-width: 481px) and (max-width: 767px) { .product-product .product-image { margin: 0 auto; width: 80%; float: none; } .product-images .additional-images-container { width: 300px; } .category-description .category-image { float: left; width: 30%; } .category-description .block-description { float: right; width: 70%; padding: 0 15px 0 0; } .bestseller-carousel.products-list .image { width: 25%; } .bestseller-carousel.products-list .product-thumb .thumb-description { padding: 0 15px; } .product-list .button-group button.btn-cart span.hidden-xs, .product-sort .button-group button.btn-cart span.hidden-xs { display: inline-block !important; } .product-list .product-thumb .button-group .btn-cart i, .product-sort .product-thumb .button-group .btn-cart i { height: 20px; width: 20px; line-height: 20px; } .product-list .product-thumb .button-group button.btn-cart, .product-sort .product-thumb .button-group button.btn-cart { padding: 8px 13px 8px 8px; } } @media (max-width: 543px) { .product-thumb .button-group i { height: 36px; width: 36px; font-size: 18px; line-height: 36px; } .tt-latest-product .product-thumb h4 a { font: 500 15px/20px "Poppins", Helvetica, sans-serif; } .product-list .product-thumb .thumb-description { padding: 0 0 0 5px; } .product-layout.product-sort .product-thumb .thumb-description .caption .ttproducthover { width: 100%; float: left; text-align: left; } .product-layout.product-sort .product-thumb .thumb-description .price { padding: 0 0 10px; } .product-list .product-thumb .thumb-description { padding: 0 5px; } .product-product .nav-tabs > li > a { padding: 10px; } .ttproduct-main { margin: 0 0 30px; } .TTProduct-Tab .tab-box-heading { float: none; text-align: center; width: 90%; padding: 15px 0 0; display: inline-block; margin: 0; } .TTProduct-Tab .nav.nav-tabs { display: inline-block; float: none; vertical-align: top; width: 50%; text-align: center; } .tt-titletab { text-align: center; margin: 0 0 30px 0; } .TTProduct-Tab .tt-titletab { border: none; margin: 0 0 10px; } .box-heading { text-align: center; } .box-heading > h3::after, .tt-titletab .tt-title::after { right: 0; margin: auto; } .TTProduct-Tab .box-heading { border-bottom: 1px solid #e5e5e5; } .tt-latest-product .box-heading > h3 { float: left; width: 100%; } .TTProduct-Tab .products-carousel.owl-carousel .owl-nav { top: auto; right: 0; bottom: -10px; } .TTProduct-Tab .nav.nav-tabs li { float: left; width: 100%; text-align: center; margin: 0 0 5px; } .TTProduct-Tab .tthometab, .tt-titletab .tt-title { padding: 0; margin: 0; border: none; background: none; text-align: center; } .TTProduct-Tab .tthometab { margin: 0 0 10px; } .products-carousel.owl-carousel .owl-nav, .tt-carousel.owl-carousel .owl-nav { left: 0; right: 0; margin: 0 auto; top: auto; bottom: -20px; width: 70px; } .ttcat-main { margin: 0 0 30px; } .layout-desc tr td { float: left; width: 100%; } .layout-desc tr td .image > img { height: auto; max-width: 100%; width: 100%; } } @media (max-width: 480px) { .ttlanguage .btn-group > ul, .ttcurrency .btn-group > ul { top: 25px; } .ttlanguage .btn-group > ul { left: 0; right: auto; } .header-phone.pull-left { margin: 0 0 10px; } .user-cart { background: none; padding: 0; } .user-info { padding: 10px 10px 10px 0; } #cart button.btn { padding: 0; } .cart { margin: 10px 0; } #cart .dropdown-menu, .user-info .dropdown-menu.dropdown-menu-right.account-link-toggle { top: 34px; } .TTProduct-Tab .tab-box-heading { padding: 0; } .TTProduct-Tab .nav-tabs > li.active > a, .TTProduct-Tab .nav-tabs > li:focus > a { border-color: #2b4d92 #e5e5e5 #e5e5e5; } .product-product .nav.nav-tabs { margin-bottom: 15px; margin-left: 0; } .header-bottom-block .container { padding: 0 10px; } footer .footer-column .wallmart_logo_block .wallmart-list li { margin: 0 8px; } footer .footer-top { padding: 0; } .product-details h1.product-name { font-size: 15px; } .product-layout.product-sort .product-thumb .thumb-description .price { padding: 0 0 8px; } .product-product .product-image .thumbnail { margin: 0 0 15px; } #form-language .btn-group ul.dropdown-menu.language-toggle { left: 0; right: auto; } .header-cart-toggle .table .text-center img { width: 60px; } .tt-special-countdown .product-thumb .button-group .btn-wishlist, .tt-special-countdown .product-thumb .button-group .btn-compare, .bestseller-items .product-thumb .button-group .btn-wishlist, .bestseller-items .product-thumb .button-group .btn-compare { display: inline-block; } .bestseller-carousel.products-list { margin: 0; } .header-cart-toggle .table-striped tr .text-center.image { text-align: left; } .product-thumb .price, .product-thumb .price-new { font-size: 14px; } #top-links > ul .header-mail { float: left; width: 100%; text-align: center; padding: 5px 0 0 0; } #top-links > ul > li { padding: 4px; } #top-links > ul > li.header-mail::after { display: none; } #top-links > ul > li { float: none; position: relative; } #form-language .btn-group ul.dropdown-menu.language-toggle::before { left: 10px; right: auto; } .alert.alert-success.animated.fadeInDown { left: 0; right: 0; margin: 0 auto; } .header-cart-toggle .table .text-center img { width: 60px; } .ttspecial-latest { margin: 0 0 20px; } .bestseller-carousel.products-list .product-thumb .button-group button { height: 32px; line-height: 32px; width: 32px; } .bestseller-carousel.products-list .product-thumb .button-group i { height: 32px; line-height: 32px; width: 32px; font-size: 16px; } .common-home .products-carousel .owl-wrapper-outer { padding: 0; } .header-cart-toggle .table > tbody > tr > td, .header-cart-toggle .table > tbody > tr > th, .header-cart-toggle .table > tfoot > tr > td, .header-cart-toggle .table > tfoot > tr > th, .header-cart-toggle .table > thead > tr > td, .header-cart-toggle .table > thead > tr > th, .header-cart-toggle .table-striped > tbody > tr:nth-child(2n + 1) > td, .header-cart-toggle .table-striped > tbody > tr:nth-child(2n + 1) > th { padding: 8px 4px; } .box-heading > h3, .title_block .ttblock-heading { font-size: 18px; } .product-thumb .thumb-description .caption .ttproducthover .btn-cart { padding: 0 11px; } .banner-panel img { display: inline-block; text-align: center; } .related-carousel.products-list .owl-wrapper-outer { padding: 0; } .TTProduct-Tab.TT-cat-carousel.products-list { margin: 0 0 5px; } .products-list, .list-products { margin: 0; } #column-left .banner-panel, #column-right .banner-panel { text-align: center; } .TTProduct-Tab .nav.nav-tabs li { float: left; width: 100%; text-align: center; } .product-list .product-thumb h4, .product-sort .product-thumb h4 { margin-top: 10px; } .product-layout.product-sort .product-thumb .rating, .product-layout.product-sort .product-thumb:hover .rating { text-align: center; } .product-layout.product-sort .product-description { text-align: center; } .product-layout.product-sort .thumb-description .caption { text-align: center; padding: 0; } .product-layout.product-sort .product-thumb .product-price-and-shipping { width: 100%; float: left; text-align: center; } .product-layout.product-sort .product-thumb .price-new { float: none; } .product-layout.product-sort .product-thumb .thumb-description .caption .ttproducthover { width: 100%; float: left; text-align: center; } .product-layout.product-sort .product-thumb .thumb-description .caption .ttproducthover .product-add-to-cart { float: none; width: auto; display: inline-block; margin: 0; } .product-layout.product-sort .product-thumb .button-group { float: none; display: inline-block; width: auto; vertical-align: top; margin: 0; } .product-list .product-thumb .thumb-description .caption { text-align: center; } .product-list .product-thumb .thumb-description .price { float: none; } .product-list .product-thumb .thumb-description { width: 100%; text-align: center; padding: 0 5px; margin: 0; } .product-list .product-thumb .thumb-description .caption .ttproducthover .product-add-to-cart { float: none; width: auto; display: inline-block; } .product-list .product-thumb .button-group { float: none; display: inline-block; width: auto; vertical-align: top; height: auto; margin: 0 0 10px; } .product-list .product-thumb .button-wrapper { text-align: center; float: none; } .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; } .header-bottom-block { top: 10px; } .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-layout.product-sort .product-thumb .image::after { display: none; } .table { display: inline-block; } .table td { width: 100%; } .category-products .product-grid { width: 100%; } .product-images .additional-images-container { width: 240px; margin: 0 auto 10px; } .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; } footer .footer-column h5.toggle { font-size: 14px; } footer .footer-column h5.toggle::after { font-size: 16px; } .ttfooter .desc { width: 100%; } #information-sitemap .row > div { width: 100%; } #content .category-list h3 { font-size: 17px; } .category-products .product-thumb .image, .product-category .product-thumb .product-list-caption { float: left; width: 100%; text-align: center; margin: 0 0 20px; } .rating span.fa-stack, #review span.fa-stack { width: 12px; } .rating .fa-stack i, #review i { font-size: 14px; } .bestseller-carousel.products-list .product-thumb .percent { right: 5px; } .bestseller-carousel.products-list .product-thumb .rating { position: static; } .bestseller-carousel.products-list .product-thumb .sale-icon { left: 5px; } .bestseller-carousel.products-list .product-thumb .thumb-description { padding: 0; } .product-list .product-thumb .thumb-description .caption .ttproducthover .btn-cart { margin: 0 0 5px; } .category-products .product-thumb .image, .product-category .product-thumb .product-list-caption { margin: 0; } .category-products .product-layout.product-grid .image { width: 100%; padding: 0; } .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; border: none; } .product-product .product-tabs .nav-tabs li { float: none; width: 100%; margin: 0; } .product-product .nav-tabs > li > a { margin: 0 0 5px; text-align: center; font-size: 13px; padding: 5px 0; } .product-product .nav-tabs > li::before { bottom: -3px; } .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%; } .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 4px; } .product-quantity label, .product-quantity #input-quantity { margin: 0 7px 5px 0; } .category-bg { float: left; width: 100%; text-align: center; } .product-details .btn.btn-default.product-btn-wishlist, .product-details .btn.btn-default.product-btn-compare { height: 25px; } .product-details .btn.btn-default.product-btn-compare { margin: 0 0 8px; } #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; } footer .footer-top::before { height: 165px; } .table.table-bordered { overflow: scroll; display: inline-block; } .product-layout.product-sort .product-thumb .thumb-description { padding: 0 10px; width: 100%; } .category-products .product-layout.product-grid { width: 100%; } .responsive_style2 .category-products .product-layout.product-grid { width: 50%; } #custom-pagination-button > span#number-products { text-align: center; } .footer-bottom .container { padding: 0; } } /*---------------top-serivces---------------*/ #ttcmstopservices { float: none; width: auto; display: inline-block; vertical-align: top; } .ttlink-main { margin: 20px 0 0; padding: 0; float: left; width: 100%; } #ttcmstopservices li { float: left; list-style: none; } #ttcmstopservices li .ttlink { position: relative; float: left; width: auto; padding-right: 10px; margin-right: 10px; font: 400 13px/22px Poppins, Helvetica, sans-serif; color: #fff; } #ttcmstopservices li:last-child .ttlink { padding: 0; margin: 0; } #ttcmstopservices li .ttlink::after { color: #fff; content: ""; font-family: "Material Icons"; height: 22px; width: 22px; font-size: 16px; line-height: 22px; float: left; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; text-align: center; } #ttcmstopservices li:hover .ttlink::after { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } #ttcmstopservices li .link1::after { content: "\e190"; } #ttcmstopservices li .link2::after { content: "\e558"; } #ttcmstopservices li .link3::after { content: "\e8dc"; } #ttcmstopservices li .ttlink::before { content: ""; background: #cdcdcd; height: 15px; width: 1px; position: absolute; top: 0; bottom: 0; margin: auto; left: auto; right: -2px; } #ttcmstopservices li:last-child .ttlink::before { display: none; } @media (max-width: 991px) { #ttcmstopservices { display: none; } } /*----------header services css----------------*/ #ttcmsheaderservices { background: #2b4d92; float: left; padding: 43px 0; position: relative; text-align: center; width: 100%; } #ttcmsheaderservices .owl-item { border-right: 1px solid rgba(255, 255, 255, 0.2); } #ttcmsheaderservices .owl-item:last-child { border: none; } #ttcmsheaderservices .service { float: none; display: inline-block; vertical-align: top; width: auto; } #ttcmsheaderservices .ttsupport_img { float: left; position: relative; height: 31px; width: 31px; } #ttcmsheaderservices .ttservice-content { display: inline-block; vertical-align: top; text-align: left; margin: 0 0 0 14px; padding: 4px 0; } #ttcmsheaderservices .ttsupport_img::after { color: #ffffff; font-family: "Material Icons"; font-size: 30px; left: 0; padding: 0; position: absolute; top: 10px; bottom: auto; margin: auto; 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; right: auto; line-height: 31px; } #ttcmsheaderservices .ttsupport_img.service-icon1::after { content: "\e89a"; } #ttcmsheaderservices .ttsupport_img.service-icon2::after { content: "\e61d"; } #ttcmsheaderservices .service:hover .ttsupport_img::after { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } #ttcmsheaderservices .service-title { color: #ffffff; font: 400 13px/20px Poppins, Helvetica, sans-serif; margin-bottom: 4px; } #ttcmsheaderservices .service-desc { color: #ffd800; font: 500 16px/18px Poppins, Helvetica, sans-serif; } @media (max-width: 1499px) { #ttcmsheaderservices .owl-item { border-right: none; } } @media (max-width: 1199px) { #ttcmsheaderservices .service-desc { font-size: 14px; } } /*----------header services css----------------*/ /*---------------------------- Start TT - CMS Header block ----------------------------*/ #ttcmsheader { float: left; padding: 17px 0; } #ttcmsheader .ttheader-service { color: #ffffff; font: 500 13px/16px Poppins, Helvetica, sans-serif; padding: 0 0 0 30px; position: relative; float: left; width: 100%; } #ttcmsheader .ttheader-service::before { content: "\e54e"; font-family: "Material Icons"; height: 24px; width: 24px; line-height: 24px; font-size: 18px; float: left; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); left: 0; right: auto; top: 0; bottom: 0; margin: auto 0; position: absolute; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; text-align: center; } #ttcmsheader .ttheader-service:hover:before { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } @media (max-width: 991px) { #ttcmsheader .ttheader-service { padding: 0 0 0 25px; } } @media (max-width: 767px) { #ttcmsheader { float: none; padding: 10px 0 0; display: inline-block; vertical-align: top; } } @media (max-width: 543px) { #ttcmsheader .ttheader-service { font-size: 12px; line-height: 14px; } } @media (max-width: 480px) { #ttcmsheader .ttheader-service { float: none; display: inline; vertical-align: top; } } /*---------------------------- End TT - CMS Header block ----------------------------*/ /* ----------------- Start TT - CMS OFFER ------------------- */ .header_style1 #ttcmsoffer { display: none; } #ttcmsoffer { float: left; width: 100%; padding: 20px 0; position: relative; } #ttcmsoffer .container { padding: 0; } #ttcmsoffer .offer-desc { display: none; } #ttcmsoffer .offer-desc { float: left; width: 100%; text-align: left; cursor: pointer; } #ttcmsoffer marquee { float: right; } .full-header.fixed #ttcmsoffer { display: none; } .offer-title { float: left; width: auto; font: 700 14px/18px Poppins; color: #111; } #ttcmsoffer .owl-nav.disabled { display: block; } #ttcmsoffer .owl-nav.disabled { display: block; float: right; position: absolute; left: auto; right: -175px; margin: auto; top: -7px; bottom: 0; } #ttcmsoffer .owl-carousel .owl-nav button { position: relative; width: 31px; font-size: 0; margin: 0 2px; height: 31px; } #ttcmsoffer .owl-carousel .owl-nav button.owl-prev::after { content: ""; position: absolute; top: 0; bottom: 0; left: auto; right: -2px; margin: auto; background: #e5e5e5; width: 1px; height: 20px; } #ttcmsoffer .owl-carousel .owl-nav button:hover { color: #111; } #ttcmsoffer .owl-carousel .owl-nav button > span { font-size: 24px; line-height: 26px; } @media (max-width: 1600px) { #ttcmsoffer .owl-nav.disabled { right: -120px; } } @media (max-width: 1199px) { #ttcmsoffer marquee { width: 80%; } #ttcmsoffer .owl-nav.disabled { right: -70px; } } @media (max-width: 991px) { #ttcmsoffer { display: none; } } /* ----------------- END TT - CMS OFFER ------------------- */ /*-------------------Start TT - CMS Top Banner ------------*/ .topbanner { float: left; width: 100%; } .custom-top-banner2 { float: left; width: 100%; margin: 0 0 40px; } .top-banner2 .banner .bottom-banner1 { margin-top:30px } .top-banner2 .banner .bottom-banner2 { margin-top:30px; float:left; width:100% } .top-banner2 .banner1 { padding:0 } .top-banner2 .banner3 { padding:0 } .top-banner2 .banner .banner-content .subtitle { font:400 16px/20px Poppins,Helvetica,sans-serif,sans-serif; margin-bottom:10px; color: #fff; } .top-banner2 .banner .banner-content1 .subtitle { color: #f7cb00; margin:0 } .top-banner2 .banner .banner-content2 .subtitle { margin:0; color: #111; } .top-banner2 .banner .banner-content .title { font:600 26px/30px Poppins,Helvetica,sans-serif,sans-serif; margin-bottom:20px; color: #fff; } .top-banner2 .banner .banner-content1 .title { font-size:24px; line-height:30px; margin-bottom:0 } .top-banner2 .banner .banner-content2 .title { font-size:24px; line-height:30px; margin-bottom:0; color: #111; } .top-banner2 .banner .banner-content4 .title { display:inline-block; vertical-align:top; float:none; padding:10px 20px; background: #f0c600; color: #111; } .top-banner2 .banner .banner-content a { line-height: 20px; } .top-banner2 .banner .banner-content4 a, .top-banner2 .banner .banner-content3 a { background: #ffffff; color: #111; } .top-banner2 .banner .banner-content4 a:hover, .top-banner2 .banner .banner-content4 a:focus, .top-banner2 .banner .banner-content4 a:active, .top-banner2 .banner .banner-content3 a:hover, .top-banner2 .banner .banner-content3 a:focus, .top-banner2 .banner .banner-content3 a:active { color: #fff; } .top-banner2 .banner .banner-content4 a::after, .top-banner2 .banner .banner-content3 a::after { background: #111; } .top-banner2 .banner .banner-content5 a:hover { color: #111; } .top-banner2 .banner .banner-content5 a::after { background: #ffffff; } .top-banner2 .banner .bannerimg { position:relative; float:left; width:100%; margin:0; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; border-radius:10px } .banner-inner { float:left; width:100% } .top-banner2 .banner .banner-content { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto 0; float:left; width:40%; z-index:1; display:flex; align-items:center; justify-content:center; text-align:left } .top-banner2 .banner .banner-content1, .top-banner2 .banner .banner-content2, .top-banner2 .banner .banner-content4 { width:auto; text-align:center; top:20px; bottom:auto } .top-banner2 .banner .bannerimg>a { float:left; width:auto; position:relative; overflow:hidden } .top-banner2 .banner .bannerimg>a::after { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.05); content:''; -webkit-transition:transform .6s; -moz-transition:transform .6s; -ms-transition:transform .6s; -o-transition:transform .6s; transition:transform .6s; -webkit-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,-108%,0); -moz-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,-108%,0); -ms-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,-108%,0); -o-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,-108%,0); transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,-108%,0) } .top-banner2 .banner .bannerimg:hover>a::after { -webkit-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,108%,0); -moz-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,108%,0); -ms-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,108%,0); -o-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,108%,0); transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,108%,0) } .top-banner2 .banner .bannerimg > a > img { -webkit-transition:all 2s ease; -moz-transition:all 2s ease; -ms-transition:all 2s ease; -o-transition:all 2s ease; transition:all 2s ease; max-width: 100%; } .top-banner2 .banner .bannerimg:hover>a>img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) } .top-banner2 .banner-content1.left { left:0; right:auto } .top-banner2 .banner-content1.right { right:0; left:auto } .top-banner2 .banner-content2.left { left:0; right:auto } .top-banner2 .banner-content2.right { right:0; left:auto } .top-banner2 .banner-content3.right { left:auto; right:0 } .top-banner2 .banner-content3.left { right:auto; left:0 } .top-banner2 .banner-content4.right { left:auto; right:0 } .top-banner2 .banner-content4.left { left:0; right:auto } .top-banner2 .banner-content5.right { left:auto; right:30px } .top-banner2 .banner-content5.left { left:30px; right:auto } .top-banner2 .banner-content6.right { left:auto; right:0 } .top-banner2 .banner-content6.left { left:auto; right:10px } @media screen and (max-width:1459px) { .top-banner2 .banner .banner-content .subtitle { margin-bottom:6px; font-size:14px; line-height:18px } .top-banner2 .banner .banner-content .title { margin-bottom:15px; font-size:20px; line-height:26px } .top-banner2 .banner .banner-content1 .title { font-size:16px; line-height:22px } .top-banner2 .banner .banner-content2 .title { font-size:16px; line-height:22px } .top-banner2 .banner .banner-content4 .title { padding:8px 14px } } @media screen and (max-width:1199px) { .custom-top-banner2 { margin: 0 0 30px; } .top-banner2 .banner .banner-content1 .subtitle { font-size:10px; line-height:14px } .top-banner2 .banner .banner-content2 .subtitle { font-size:10px; line-height:14px } .top-banner2 .banner .banner-content .title { margin-bottom:10px; font-size:18px; line-height:24px } .top-banner2 .banner .banner-content .btn, .top-banner2 .banner .banner-content .btn--secondary, .top-banner2 .banner .banner-content input[type=submit] { font-size:12px; line-height:14px; padding:8px 14px } .top-banner2 .banner .banner-content1 .title { font-size:13px; line-height:20px } .top-banner2 .banner-content5.left { width:45% } .top-banner2 .banner .banner-content1, .top-banner2 .banner .banner-content2, .top-banner2 .banner .banner-content4 { top:10px } .top-banner2 .banner .banner-content2 .title { font-size:13px; line-height:20px } } @media screen and (max-width:991px) { .top-banner2 .banner .bottom-banner1 { float:none; display:inline-block; vertical-align:top; width:auto; margin-bottom:30px } .top-banner2 .banner1 { width:100%; text-align:center } .top-banner2 .banner2 { width:50% } .top-banner2 .banner3 { width:50% } .top-banner2 .banner1 .banner-1 { float:none; display:inline-block; vertical-align:top; width:auto } .top-banner2 .banner1 .banner-2 { float:none; display:inline-block; vertical-align:top; width:auto } .top-banner2 .banner .banner-content1 .title { font-size: 16px; line-height: 22px; } .top-banner2 .banner .banner-content1 .subtitle { font-size: 14px; line-height: 18px; } .top-banner2 .banner .banner-content2 .subtitle { font-size: 14px; line-height: 18px; } .top-banner2 .banner .banner-content2 .title { font-size: 16px; line-height: 22px; } } @media screen and (max-width:767px) { .top-banner2 .banner2 { margin-bottom:30px } } @media screen and (max-width:630px) { .top-banner2 .banner { text-align:center; width:auto; float:none } .top-banner2 .banner1 .banner-1 { margin-bottom:30px } .top-banner2 .banner .bannerimg { width:auto; float:none; display:inline-block; vertical-align:top } } /*-------------------End TT - CMS Top Banner --------------*/ /* ------------------ Start TT - CMS Right banner block --------------------- */ #ttcmsrightbanner { float: left; position: relative; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner { float: left; position: relative; width: 100%; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img { float: left; width: auto; position: relative; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img img { max-width: 100%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner1.ttrightbanner { margin: 0 0 30px; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content a { color: #111111; background-color: #ffe632; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content a:hover { color: #ffffff; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content a.btn::after { display: block; position: absolute; left: 0px; top: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #ffffff !important; background: #000000; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content a.btn:hover:after { bottom: 0%; top: auto; height: 100%; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content { width: 45%; position: absolute; top: 60px; bottom: auto; text-align: left; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content.right { left: auto; right: 0; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content.left { left: 25px; right: auto; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content .ttbaaner-subtitle { color: #111111; font: 400 16px/20px Poppins, Helvetica, sans-serif; margin: 0 0 10px; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content .ttbaaner-title { color: #111111; font: 600 28px/30px Poppins, Helvetica, sans-serif; margin: 0 0 15px; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content.left .ttbaaner-subtitle, #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content.left .ttbaaner-title { color: #ffffff; } @media (max-width: 1499px) { #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content .ttbaaner-subtitle { font-size: 13px; line-height: 16px; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content .ttbaaner-title { font-size: 24px; line-height: 28px; } } @media (max-width: 1300px) { #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content .ttbaaner-title { font-size: 20px; line-height: 24px; margin: 0 0 10px; } } @media (max-width: 1299px) { #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content { top: 40px; width: 48%; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content.left { left: 10px; right: auto; } } @media (max-width: 1199px) { #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content { top: 15px; width: 68%; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content .ttbaaner-title { font-size: 16px; line-height: 22px; } } @media (max-width: 991px) { #ttcmsrightbanner { width: 100%; padding: 0; text-align: center; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner1.ttrightbanner { margin: 0; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner { padding: 0 15px; width: 50%; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content { top: 40px; width: 45%; } } @media (max-width: 543px) { #ttcmsrightbanner .ttrightbannerblock .ttrightbanner { float: none; width: auto; display: inline-block; vertical-align: top; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner1.ttrightbanner { margin: 0 0 10px; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content.right { left: auto; right: 10px; } #ttcmsrightbanner .ttrightbannerblock .ttrightbanner .ttrightbanner-img .ttbanner-content.left { left: 15px; right: auto; } } /* ------------------ End TT - CMS Right banner block --------------------- */ /* ------------------ Start TT - CMS banner block --------------------- */ #ttcmssubbanner { float: left; width: 100%; } .subbanner-container { float: left; margin: 0 0 40px; position: relative; width: 100%; } .subbanner-container .subbanner .description { float: left; position: absolute; top: 0; bottom: 0; margin: auto; height: auto; text-align: left; left: 40px; right: auto; cursor: pointer; display: flex; justify-content: center; align-items: center; width: 51%; } .subbanner-container .subbanner.subbanner1 .description { right: 50px; left: auto; text-align: center; width: auto; } .subbanner-container .subbanner .description .banner-inner { float: left; width: 100%; } .subbanner-container .subbanner .description .tt-desc .title { font:500 30px/34px Poppins,Helvetica,sans-serif; color: #fff; position: relative; margin: 0 0 20px; } .subbanner-container .subbanner .description .tt-desc .subtitle { font: 400 16px/20px Poppins,Helvetica,sans-serif; color: #fff; float: none; display: inline-block; vertical-align: top; margin-bottom: 10px; } .subbanner-container .subbanner1 .description .tt-desc .title { color: #111111; background-color: #ffd101; padding: 5px 15px; } .subbanner-container .subbanner2 .description .tt-desc .subtitle { margin: 0 0 10px; } .subbanner-container .subbanner1 .description .tt-desc .content { float: left; width: 100%; font: 400 20px/24px Poppins, Helvetica, sans-serif; color: #ffffff; } .subbanner-container .subbanner .description .tt-desc .button > a { padding: 6px 20px; } .subbanner-container .subbanner.subbanner1 .description .tt-desc .button > a { background: #ffffff; color: #111111; } .subbanner-container .subbanner.subbanner1 .description .tt-desc .button > a::after { background: #ffd800; } .subbanner-container .subbanner.subbanner2 .description .tt-desc .button > a { background: #ffd800; color: #111111; } .subbanner-container .subbanner.subbanner2 .description .tt-desc .button > a::after { background: #fff; } .subbanner-container a img { max-width: 100%; height: auto; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; } .subbanner-container .subbanner:hover a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .subbanner-container .subbanner > a { display: inline-block; overflow: hidden; position: relative; } .subbanner-container .subbanner > a::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.05); content: ''; -webkit-transition: transform 0.6s; -moz-transition: transform 0.6s; -ms-transition: transform 0.6s; -o-transition: transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -128%, 0); -moz-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -128%, 0); -ms-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -128%, 0); -o-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -128%, 0); transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -128%, 0); } .subbanner-container .subbanner:hover > a::after { -webkit-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 128%, 0); -moz-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 128%, 0); -ms-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 128%, 0); -o-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 128%, 0); transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 128%, 0); } .subbanner-container .subbanner.odd .description { bottom: auto; left: auto; padding: 0; position: absolute; right: 0; top: 25%; } .subbanner-container .subbanner.odd .description .tt-title { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #ffffff; font: 700 50px/52px"Montserrat", sans-serif; margin: 0 0 20px; padding: 0; text-align: right; } .subbanner-container .subbanner .description .tt-desc > h2 { color: #ffffff; font: 500 16px/26px"Montserrat", sans-serif; } .subbanner-container .subbanner .description p { background: #ffcf11 none repeat scroll 0 0; border-radius: 25px; color: #111; display: inline-block; float: none; font-size: 16px; margin-top: 10px; padding: 10px 20px; width: auto; } @media (max-width: 1499px) { .subbanner-container .subbanner .description .tt-desc .title { font-size: 26px; } } @media (max-width: 1299px) { .subbanner-container .subbanner .description .tt-desc .title { font-size: 22px; line-height: 28px; } } @media (max-width: 1199px) { .subbanner-container { margin: 0 0 30px; } .subbanner-container .subbanner .description .tt-desc .title { font-size: 18px; line-height: 26px; margin: 0 0 10px; } .subbanner-container .subbanner1 .description .tt-desc .subtitle { margin: 0 0 10px; } .subbanner-container .subbanner1 .description .tt-desc .content { font-size: 16px; line-height: 20px; } .subbanner-container .subbanner .description .tt-desc .button > a { padding: 5px 15px; margin: 0; font-size: 12px; } .subbanner-container .subbanner .description { left: 30px; } } @media (max-width: 991px) { .subbanner-container .subbanner1 .description .tt-desc .subtitle { font-size: 13px; } .subbanner-container .subbanner1 .description .tt-desc .content { font-size: 14px; line-height: 20px; } .subbanner-container .subbanner .description .tt-desc .title { font-size: 14px; line-height: 18px; margin: 0 0 10px; } .subbanner-container .subbanner2 .description .tt-desc .subtitle { margin: 0; font-size: 13px; } .subbanner-container .subbanner .description .tt-desc .button > a { padding: 5px 8px; font-size: 10px; line-height: 14px; } } @media (max-width: 543px) { .subbanner-container { margin: 0 0 10px; } .subbanner-container .subbanner { width: 100%; margin: 0 0 10px; } .subbanner-container .subbanner2 .description .tt-desc .subtitle { margin: 0; font-size: 11px; line-height: 14px; } .subbanner-container .subbanner1 .description .tt-desc .subtitle { font-size: 12px; } .subbanner-container .subbanner .description .tt-desc .title { font-size: 10px; line-height: 14px; margin: 0 0 6px; } .subbanner-container .subbanner .description { width: auto; } } @media (max-width: 480px) { .subbanner-container { margin: 0; } .subbanner-container .subbanner .description .tt-desc .title { margin-bottom: 5px; } .subbanner-container .subbanner1 .description .tt-desc .subtitle { margin: 0 0 5px; font-size: 10px; line-height: 14px; } .subbanner-container .subbanner1 .description .tt-desc .title { font-size: 8px; line-height: 10px; } } /* ------------------ End TT - CMS subbanner block --------------------- */ /*------------ Start TT - CMS banner css---------------*/ #ttcmsbanner { float: left; margin: 0 0 40px; width: 100%; } .custom-cms-banner .cms-banner { float: left; width: 100%; } .custom-cms-banner .cms-banner .bannerimg { position: relative; float: left; width: 100%; } .custom-cms-banner .cms-banner .bannerimg > a { float: left; width: auto; position: relative; overflow: hidden; } .custom-cms-banner .cms-banner .bannerimg > a > img { -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; max-width: 100%; } .custom-cms-banner .cms-banner .bannerimg:hover > a > img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .custom-cms-banner .cms-banner .bannerimg > a::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.05); content: ''; -webkit-transition: transform 0.6s; -moz-transition: transform 0.6s; -ms-transition: transform 0.6s; -o-transition: transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -122%, 0); -moz-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -122%, 0); -ms-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -122%, 0); -o-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -122%, 0); transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -122%, 0); } .custom-cms-banner .cms-banner .bannerimg:hover > a::after { -webkit-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 122%, 0); -moz-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 122%, 0); -ms-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 122%, 0); -o-transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 122%, 0); transform: scale3d(1.9, 1.7, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 122%, 0); } .custom-cms-banner .cms-banner .bannerimg .banner-content { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: auto; width: 51%; z-index: 1; display: flex; align-items: center; justify-content: center; } .custom-cms-banner .cms-banner .bannerimg .banner-content1.left { left: 30px; right: auto; } .custom-cms-banner .cms-banner .bannerimg .banner-content .banner-inner { float: left; width: 100%; } .custom-cms-banner .cms-banner .bannerimg .banner-content .content { color: #ffd800; font: 400 20px/24px Poppins, Helvetica, sans-serif; margin-bottom: 5px; float: left; width: 100%; } .custom-cms-banner .cms-banner .bannerimg .banner-content .title { color: #ffffff; font: 600 30px/34px Poppins,Helvetica,sans-serif; margin-bottom: 20px; float: left; width: 100%; } .custom-cms-banner .cms-banner .bannerimg .banner-content .subtitle { color: #ffffff; font: 400 16px/20px Poppins,Helvetica,sans-serif; float: none; display: inline-block; vertical-align: top; margin-bottom: 10px; } .custom-cms-banner .cms-banner .banner2 .bannerimg .banner-content .subtitle { background-color: #ffd800; padding: 5px 25px; margin-bottom: 20px; color: #111; } .custom-cms-banner .cms-banner .bannerimg .banner-content2.right { text-align: center; left: 20px; right: auto; } .custom-cms-banner .cms-banner .bannerimg .banner-content3.right { left: 30px; right: auto; text-align: left; } .cms-banner .banner .banner-content1 .button a { color: #111111; background: #f7cb00; padding: 6px 20px; } .cms-banner .banner .banner-content1 .button a::after { background: #ffffff; } .cms-banner .banner .banner-content2 .button a { background: #ffffff; color: #111; padding: 6px 20px; } .cms-banner .banner .banner-content3 .button a { color: #111; background-color: #fff; padding: 6px 20px; } .cms-banner .banner .banner-content3 .button:hover a { color: #ffffff; } .cms-banner .banner .banner-content3 a::after { background-color: #111111; } @media (max-width: 1599px) { .custom-cms-banner .cms-banner .bannerimg .banner-content .title { font-size: 26px; } } @media (max-width: 1459px) { .custom-cms-banner .cms-banner .bannerimg .banner-content .title { font-size: 20px; line-height: 26px; } .custom-cms-banner .cms-banner .bannerimg .banner-content3.right { width: 50%; } .custom-cms-banner .cms-banner .bannerimg .banner-content .subtitle { font-size: 14px; } } @media (max-width: 1299px) { .custom-cms-banner .cms-banner .bannerimg .banner-content .subtitle { font-size: 12px; } .custom-cms-banner .cms-banner .bannerimg .banner-content .subtitle { font-size: 12px; } } @media (max-width: 1199px) { .custom-cms-banner .cms-banner .bannerimg .banner-content .content { font-size: 16px; line-height: 24px; } .custom-cms-banner .cms-banner .bannerimg .banner-content .title { font-size: 16px; line-height: 20px; margin-bottom: 10px; } .custom-cms-banner .cms-banner .bannerimg .banner-content3 .subtitle { margin-bottom: 10px; } .custom-cms-banner .cms-banner .bannerimg .banner-content1.left { left: 15px; right: auto; } .cms-banner .banner .banner-content .button a { padding: 4px 15px; font-size: 12px; } .custom-cms-banner .cms-banner .banner2 .bannerimg .banner-content .subtitle { padding: 5px 15px; margin-bottom: 15px; } .custom-cms-banner .cms-banner .bannerimg .banner-content { left: 10px; right: auto; width: 60%; } .custom-cms-banner .cms-banner .bannerimg .banner-content3.right { left: 15px; } } @media (max-width: 991px) { #ttcmsbanner { margin: 0 0 20px; } .custom-cms-banner .cms-banner .bannerimg .banner-content .content { font-size: 11px; line-height: 16px; } .custom-cms-banner .cms-banner .bannerimg .banner-content .title { font-size: 13px; line-height: 20px; margin-bottom: 5px; } .custom-cms-banner .cms-banner .bannerimg .banner-content .subtitle { font-size: 10px; line-height: 12px; } .cms-banner .banner .banner-content .button a { padding: 4px 15px; font-size: 10px; line-height: 18px; } .custom-cms-banner .cms-banner .banner2 .bannerimg .banner-content .subtitle { padding: 5px 7px; margin-bottom: 12px; } #ttcmsbanner .row { margin: 0 -7px; } #ttcmsbanner .cms-banner .banner { padding: 0 7px; } } @media (max-width: 767px) { .custom-cms-banner .cms-banner .bannerimg .banner-content1 .subtitle, .custom-cms-banner .cms-banner .bannerimg .banner-content .subtitle { margin: 0 0 5px; } } @media (max-width: 543px) { #ttcmsbanner .cms-banner .banner1, #ttcmsbanner .cms-banner .banner2, #ttcmsbanner .cms-banner .banner3 { width: 100%; margin: 0 0 10px; text-align: center; } .custom-cms-banner .cms-banner .bannerimg { float: none; width: auto; display: inline-block; vertical-align: top; } .custom-cms-banner .cms-banner .bannerimg .banner-content { width: 55%; } .custom-cms-banner .cms-banner .bannerimg .banner-content1.left { text-align: left; } } @media (max-width: 480px) { .custom-cms-banner .cms-banner .bannerimg .banner-content { width: 80%; } #ttcmsbanner .cms-banner .banner2, #ttcmsbanner .cms-banner .banner3 { margin: 0 0 10px; width: 100%; } } /*------------ End TT - CMS banner css---------------*/ /*------------Start TT-CMS Bottom Banner css-----------*/ #ttcmsbottombanner { float: left; margin-bottom: 30px; width: 100%; } .bottom-banner .bottombanner-img { position:relative; float:left; width:100%; text-align:center } .bottom-banner .bottombanner-img>a { float:left; width:auto; position:relative; overflow:hidden } .bottom-banner .bottombanner-img>a::after { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.05); content:''; -webkit-transition:transform .6s; -moz-transition:transform .6s; -ms-transition:transform .6s; -o-transition:transform .6s; transition:transform .6s; -webkit-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,-130%,0); -moz-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,-130%,0); -ms-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,-130%,0); -o-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,-130%,0); transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,-130%,0) } .bottom-banner .bottombanner-img > a >img { -webkit-transition:all 2s ease; -moz-transition:all 2s ease; -ms-transition:all 2s ease; -o-transition:all 2s ease; transition:all 2s ease; max-width: 100%; } .bottom-banner .bottombanner-img:hover>a::after { -webkit-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,138%,0); -moz-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,138%,0); -ms-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,138%,0); -o-transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,138%,0); transform:scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,138%,0) } .bottom-banner .bottombanner-img:hover>a>img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) } .bottom-banner .bottombanner-img .bottombanner-content { position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center; margin:auto } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent { float:left; width:100%; position:relative; text-align:center } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title { color: #111111; font:600 32px/44px Poppins,Helvetica,sans-serif; float:left; width:100%; margin-bottom:10px } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle { background: #111111; color: #fff; font:400 16px/20px Poppins,Helvetica,sans-serif; float:none; width:auto; display:inline-block; vertical-align:top; padding:14px 24px } @media screen and (max-width:1459px) { .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title { font-size:28px; line-height:38px } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle { padding:10px 20px } } @media screen and (max-width:1199px) { .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title { font-size:24px; line-height:32px } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle { font-size:14px } } @media screen and (max-width:991px) { .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title { font-size:18px; line-height:26px; margin-bottom:6px } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle { font-size:12px; line-height:16px; padding:8px 14px } } @media screen and (max-width:630px) { .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title { font-size:14px; line-height:20px; margin-bottom:4px } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle { font-size:10px; line-height:14px; padding:4px 8px } } @media screen and (max-width:400px) { .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title { font-size:12px; line-height:14px; margin-bottom:3px } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle { font-size:8px; line-height:10px; padding:2px } } /*------------En TT-CMS Bottom Banner css-----------*/ /* ------------------------------------ Start TT - CMS testimonial ------------------------------- */ #ttcmstestimonial { float: left; position: relative; } #ttcmstestimonial .tttestimonial-content { float: left; width: 100%; border: 1px solid #e5e5e5; padding: 80px 0; text-align: center; } #ttcmstestimonial .tttestimonial-content #tttestimonial-carousel { position: static; } #ttcmstestimonial .tttestimonial-content .tttestimonial-inner { display: inline-block; float: none; padding: 0 20px; 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%; vertical-align: top; } #ttcmstestimonial .tttestimonial-content .tttestimonial-inner ul li { list-style: none; } #ttcmstestimonial .tttestimonial-content .tttestimonial-inner .title_block { position: relative; display: none; } #ttcmstestimonial .tttestimonial-content .tttestimonial-inner ul li .testimonial-image { margin: 12px auto; width: 100px; height: 100px; display: table; border: 5px solid #ffd800; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; } #ttcmstestimonial .tttestimonial-content .tttestimonial-inner ul li .testimonial-image img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; float: left; width: 100%; height: 100%; } #ttcmstestimonial .tttestimonial-content .tttestimonial-inner ul li .testimonial-content h4 { color: #111; font: 600 16px/24px Poppins, Helvetica, sans-serif; margin: 0; } #ttcmstestimonial .tttestimonial-content .tttestimonial-inner ul li .testimonial-content .tttestimonial-subtitle { color: #777; font: italic 400 13px/22px Poppins, Helvetica, sans-serif; } #ttcmstestimonial .tttestimonial-content .tttestimonial-inner ul li .testimonial-content h4 i { font-style: italic; font-weight: normal; color: #111; } #ttcmstestimonial .tttestimonial-content .tttestimonial-inner ul li .testimonial-content .user-designation { font: 400 14px/24px "Poppins", Helvetica, sans-serif; color: #666; } #ttcmstestimonial .tttestimonial-content .tttestimonial-inner ul li .testimonial-content .testimonial-desc p { font: italic 400 13px/22px Poppins, Helvetica, sans-serif; color: #666; margin: 14px 0 0; } #ttcmstestimonial .tt-carousel.owl-carousel .owl-nav { right: 15px; } @media (max-width: 1299px) { #ttcmstestimonial .tttestimonial-content { padding: 70px 0; } } @media (max-width: 1199px) { #ttcmstestimonial { width: 100%; margin: 0 0 40px; } #ttcmstestimonial .tttestimonial-content { padding: 20px 0; } #ttcmstestimonial .tttestimonial-content .tttestimonial-inner ul li { width: 70%; float: none; display: inline-block; vertical-align: top; } } @media (max-width: 991px) { #ttcmstestimonial .tttestimonial-content #tttestimonial-carousel { display: block !important; } } @media (max-width: 767px) { #ttcmstestimonial .tttestimonial-content { padding: 0 10px; } #ttcmstestimonial .tttestimonial-content .tttestimonial-inner { width: 100%; } #ttcmstestimonial .tttestimonial-content { margin: 0 0 30px; } } @media (max-width: 480px) { #ttcmstestimonial .tttestimonial-content .tttestimonial-inner ul li { width: 100%; } } /* ------------------------------------ End TT - CMS testimonial ------------------------------- */ /* ---------------------- Start OT - CmsServices ------------------------ */ #ttcmsservices { float: left; width: 100%; margin: 0 0 40px; } .ttcmsservices { background: #f0c600; padding: 30px 0; float: left; width: 100%; } #ttcmsservices .ttservice { float: left; position: relative; padding: 15px 40px; width: 100%; } #ttcmsservices .service-title { font: 500 16px/24px Poppins,Helvetica,sans-serif; color: #111111; padding: 0 0 3px; cursor: pointer; } #ttcmsservices .service-desc { font: 400 14px/16px Poppins,Helvetica,sans-serif; color: #111111; } #ttcmsservices .ttservice:hover .service-title { color: #2b4d92; } #ttcmsservices .owl-carousel .owl-item::after { background: rgba(0,0,0,.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; bottom: 0; margin: auto; width: 1px; right: auto; } #ttcmsservices .owl-carousel .owl-item:first-child::after { display: none; } #ttcmsservices .owl-carousel .owl-item { cursor: pointer; } #ttcmsservices .owl-item:nth-child(4) .ttservice::after { background: none; } #ttcmsservices .ttservice .icon { float: none; cursor: pointer; width: auto; display: inline-block; vertical-align: top; } #ttcmsservices .ttservice .service-content { text-align: left; float: none; padding: 0 0 0 10px; display: inline-block; vertical-align: top; } #ttcmsservices .ttservice .service-icon { float: left; height: 40px; width: 40px; 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; } #ttcmsservices .ttservice:hover .service-icon { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } #ttcmsservices .ttservice .ttgift_img.service-icon { background: url("TemplateTrip/images/services-sprite.png") repeat scroll -10px -4px; } #ttcmsservices .ttservice .ttdisc_img.service-icon { background: url("TemplateTrip/images/services-sprite.png") repeat scroll -10px -85px; } #ttcmsservices .ttservice .ttshipping_img.service-icon { background: url("TemplateTrip/images/services-sprite.png") repeat scroll -10px -165px; } #ttcmsservices .ttservice .ttsupport_img.service-icon { background: url("TemplateTrip/images/services-sprite.png") repeat scroll -10px -304px; } @media (max-width: 1299px) { #ttcmsservices .ttservice { padding: 15px 20px; } } @media (max-width: 991px) { #ttcmsservices { margin: 0 0 30px; } } @media (max-width: 767px) { #ttcmsservices .ttservice { padding: 10px 14px; } } @media (max-width: 543px) { #ttcmsservices .ttservice { padding: 0 10px; text-align: center; } #ttcmsservices .service-title { font-size: 14px; } #ttcmsservices .service-desc { font-size: 12px; } } @media (max-width: 480px) { #ttcmsservices .owl-carousel .owl-item::after { display: none; } } /* ---------------------- End TT - CmsServices ------------------------ */ /*---------------- Start TT - Payment Block Css -------------------*/ #ttcmspaymentlogo ul.payment-list { padding: 0; margin: 0; display: block !important; } #ttcmspaymentlogo { float: left; width: 100%; } #ttcmspaymentlogo .title_block { margin: 0 0 20px; display: none; } #ttcmspaymentlogo ul li { float: none; display: inline-block; vertical-align: middle; margin: 3px 0; padding: 0; } #ttcmspaymentlogo ul li img { max-width: 100%; border-radius: 4px; } /*---------------- End TT - Payment Block Css -------------------*/ /* ---------------------- End TT - CmsServices ------------------------ */ #ttcmsfooterservice { float: left; margin: 0 0 90px; } #ttcmsfooterservice .ttfooter-desc { color: #ccc; float: left; width: 90%; padding: 11px 0 0; font-size: 13px; line-height: 24px; font-weight: 600; } /* ---------------------- End TT - CmsServices ------------------------ */ /*------------------------------------- Start Footer css Strat ------------------------------------*/ #ttcmsfooter { float: left; padding: 0 0 30px 70px; } #ttcmsfooter .title_block { margin: 0 0 25px; font: 500 16px/20px Poppins, Helvetica, sans-serif; color: #ffffff; float: left; width: 100%; } #ttfooter { float: left; width: 100%; } #ttcmsfooter .ttfooter-logo { float: left; width: 100%; } .ttfooter-img { float: left; width: auto; margin: 0 10px 10px 0px; } #ttcmsfooter img { max-width: 100%; -webkit-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } #ttcmsfooter .ttfooter-img:hover img { -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } @media (max-width: 1499px) { #ttcmsfooter { padding: 0 0 0 50px; } } @media (max-width: 991px) { #ttcmsfooter { padding: 0; float: left; width: 100%; } #ttfooter { padding: 10px 0 0; } #ttcmsfooter .title_block { padding: 10px; margin: 0; cursor: pointer; } } @media (max-width: 991px) { #ttcmsfooter .ttfooter-logo { padding: 5px 10px; } } /*------------------------------------- Footer Bottom Social Links Strat ------------------------------------*/ .follow-us h5 { display: none; cursor: pointer; } .follow-us { border-top: 1px solid #373737; padding-top: 8px; margin-top: 8px; float: left; width: 60%; } footer .footer-column .follow-us .list-unstyled { list-style: none; margin: 0; float: left; width: 100%; } .follow-us ul.list-unstyled li { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; display: inline-block; width: 30px; height: 30px; text-align: center; position: relative; vertical-align: top; } .follow-us ul.list-unstyled li.facebook a::before { float: left; height: 30px; width: 30px; content: ""; background: url("TemplateTrip/images/follow-us.png") no-repeat scroll -25px -25px; } .follow-us ul.list-unstyled li.facebook a:hover::before { background-position: -105px -25px; } .follow-us ul.list-unstyled li.twitter a::before { float: left; height: 30px; width: 30px; content: ""; background: url("TemplateTrip/images/follow-us.png") no-repeat scroll -25px -105px; } .follow-us ul.list-unstyled li.twitter a:hover::before { background-position: -105px -105px; } .follow-us ul.list-unstyled li.youtube a::before { float: left; height: 30px; width: 30px; content: ""; background: url("TemplateTrip/images/follow-us.png") no-repeat scroll -25px -265px; } .follow-us ul.list-unstyled li.youtube a:hover::before { background-position: -105px -265px; } .follow-us ul.list-unstyled li.googleplus a::before { float: left; height: 30px; width: 30px; content: ""; background: url("TemplateTrip/images/follow-us.png") no-repeat scroll -25px -345px; } .follow-us ul.list-unstyled li.googleplus a:hover::before { background-position: -105px -345px; } .follow-us ul.list-unstyled li.pinterest a::before { float: left; height: 30px; width: 30px; content: ""; background: url("TemplateTrip/images/follow-us.png") no-repeat scroll -25px -425px; } .follow-us ul.list-unstyled li.pinterest a:hover::before { background-position: -105px -425px; } .follow-us ul li a { color: #222; padding: 0px 0; float: left; margin: 0; text-align: center; height: 100%; line-height: 30px; width: 30px; } .follow-us ul li a p { display: none; } .follow-us ul li a i { font-size: 15px; font-weight: 500; display: none; } @media (max-width: 1199px) { .follow-us ul.list-unstyled li { width: 28px; height: 28px; } } @media (max-width: 991px) { .follow-us { text-align: center; border: none; margin: 0; padding: 20px 0 0; width: 100%; } } /*------------------------------------- Footer Bottom Social Links End ----------------------------------------*/ /*---------------------------------------- Footer Store Info Block Start -----------------------------*/ footer .contact-us, footer .contact-us ul { float: left; margin: 0; text-align: left; width: 100%; } footer .contact-us ul li span a { font: 400 13px/24px "Poppins", Helvetica, sans-serif; } footer .contact-us ul li .phone a { font: 600 20px/26px "Poppins", Helvetica, sans-serif; padding: 0 0 0 5px; color: #83a900; } footer .contact-us .data.contact i::before { color: #83a900; font-size: 20px; } footer .contact-us ul li i.fa.fa-phone { margin: 0; } footer .contact-us ul li a::before { display: none; } .contact-us .data { color: #cccccc; font: 400 13px/28px "Poppins", Helvetica, sans-serif; position: relative; } .contact-us .data .contact-address { padding-left: 25px; } footer .contact-us i:before { color: #cccccc; font-size: 16px; } footer .contact-us ul li i { float: left; height: auto; margin: 0 8px 0 0; padding: 5px 0; text-align: center; width: auto; font-size: 18px; } footer .contact-us ul li.contact i { color: #83a900; font-size: 20px; margin: 0; } @media (max-width: 991px) { footer .contact-us, footer .contact-us ul { width: 100%; } } /*---------------------------------------- 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("TemplateTrip/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("TemplateTrip/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; } .checkout-cart .panel-collapse .input-group .form-control { border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -khtml-border-radius: 5px 0 0 5px; } /*------------------------ CheckBox,Radio Extra CSS End -----------------------------------------*/ .full-header.fixed { animation: 1s ease 0s normal both 1 running fixedmenu; border: medium none; float: left; left: 0; margin: 0; padding: 0; position: fixed !important; right: 0; top: 0; width: 100%; z-index: 9; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 400ms ease 0s; -moz-transition: all 400ms ease 0s; -ms-transition: all 400ms ease 0s; -o-transition: all 400ms ease 0s; transition: all 400ms ease 0s; } .full-header.fixed .full-bottom, .full-header.fixed .search-icon .header-bottom, .full-header.fixed .header-right { display: none; } .full-header.fixed .main-category-list .TT-panel-heading span { display: none; } .full-header.fixed .main-category-list .TT-panel-heading { border: none; padding: 17px; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; width: auto; } .full-header.fixed .main-category-list { margin: 22px 0 22px 20px; width: auto; } .full-header.fixed .main-category-list .TT-panel-heading i { margin: 0; } .full-header.fixed .main-category-list .TT-panel-heading.current-open i { display: none; } .full-header.fixed .main-category-list .TT-panel-heading.current-open i.close-icon { display: block; } .full-header.fixed .main-category-list .tt-menu .ul-top-items { display: none; width: 294px; left: auto; right: 77px; top: 84px; } .header_style1 .full-header.fixed .main-category-list .TT-panel-heading { background: #2b4d92; color: #ffffff; } .full-header.fixed #logo { margin: 10px 0 0; padding: 19px; } .full-header.fixed .user-cart { margin: 22px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } .full-header.fixed .search { margin: 26px 0; } .header_style1 .full-header.fixed .user-cart { -webkit-border-radius: 50px; -moz-border-radius: 50px; -khtml-border-radius: 50px; border-radius: 50px; } .header_style1 .full-header.fixed #header-search .form-control { width: 450px; } .header_default .full-header.fixed .offer-banner { display: none; } .header_default .full-header.fixed .user-cart { margin: 25px 0; } .header_default .full-header.fixed .user-info { padding: 0 10px 0 0; } .header_default .full-header.fixed .cart { margin: 0; } @-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; } } #at15s .at-label { margin: 0 5px; } /*------------------------ product-extended CSS Start -----------------------------------------*/ #product-extended-01.product-extended-01-content .extended-row { display: flex; align-items: center; } #product-extended-01.product-extended-01-content .layout-col-01 { float: right; order: 2; } @media (max-width: 767px) { #product-extended-01.product-extended-01-content h2 { font-size: 20px !important; font-weight: 600 !important; margin: 0 0 20px !important; line-height: 22px !important; } #product-extended-01.product-extended-01-content p { font-size: 12px !important; } } @media (max-width: 543px) { #product-extended-01.product-extended-01-content .extended-row { display: inline-block; } #product-extended-01.product-extended-01-content h2 { margin: 20px 0 10px 0 !important; text-align: center; } #product-extended-01.product-extended-01-content p { text-align: center; margin: 0 0 10px 0 !important; } } /*------------------------ product-extended CSS End -----------------------------------------*/