body { background: #f7f7f7; font: 400 13px/18px "Poppins",Helvetica,sans-serif; letter-spacing:0.6px; color: #888888; height:100%; } h1, h2, h3, h4, h5, h6 { font-family: "Poppins",Helvetica,sans-serif; color: #333333; } /* default font size */ .fa { font-size: 14px; vertical-align: baseline; } /* Override the bootstrap defaults */ h1 { font-size: 33px; } h2 { font-size: 27px; } h3 { font-size: 21px; } h4 { font-size: 15px; } h5 { font-size: 12px; } h6 { font-size: 10.2px; } a { color: #666666; } a:hover, a:focus,#column-left .checkbox > label:hover { color: #ffce64;} a:hover { text-decoration: none; } legend { font-size: 18px; padding: 7px 0px } small, .small { font-size: 11px; } label { font-size: 13px; font-weight: normal; } select.form-control { appearance: none; -o-appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } .form-control { background: #ffffff; color: #9c9b9b; border:1px solid #e4e4e4; margin:0 0 5px; } .category-filter .hidden-xs{ display:block !important; } .filter-sort-by .form-control,.filter-show .filter-selection .form-control {background-color: #ffffff; padding: 4px 12px; margin: 0;} .select-wrapper {position: relative;} .select-wrapper::after { font-family: 'fontawesome'; content: '\f107'; font-size: 14px; position: absolute; right: 10px; top: 7px; pointer-events: none; } select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control { font-size: 14px; } .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover { font-size: 12px; } .input-group .input-group-addon { font-size: 12px; height: 30px; } .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 { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .product-thumb:hover .image img.image_thumb_swap { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } /* ------------------------------- Product Rollover CSS End ----------------------- */ /*-------------------------------------- Mega Menu CSS Strat --------------------------------------*/ .main-category-list .menu-category .dropmenu li.TT-Sub-List .dropdown-menu .dropdown-inner { float: left; width: 100%; } .mega-dropdown-menu .dropdown { float: left; } .mega-dropdown-menu li.dropdown .dropdown-menu { border: none; position: static; } .left-main-menu { float: left; width: 100%; background: #FFF; padding: 8px; border-bottom: 1px solid #f0f0f0; } .left-main-menu .childs_1 .child-columns { float: left; width: 100%; } .main-category-list .menu-category { float: left; width: 100%; margin: 0; display: block; } #column-left .main-category-list.left-main-menu .TT-panel-heading, #column-right .main-category-list.left-main-menu .TT-panel-heading { color: #333333; font: 400 16px/18px "Poppins",sans-serif; letter-spacing: 1px; margin: 0; padding: 10px; text-transform: capitalize; position: relative; } .main-category-list.left-main-menu .dropmenu > li { cursor: pointer; float: left; margin: 0; padding: 0 16px; position: relative; width: 100%; } .main-category-list .menu-category ul.dropmenu li a { background: none; color: #777; display: block; font: 400 13px/20px "Poppins",Helvetica,sans-serif; padding: 6px 0; text-transform: capitalize; position: relative; } .mega-dropdown-menu li.dropdown > a { margin: 0 0 10px; position: relative; } .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown > .dropdown-menu { border: 4px solid #eeeeee; bottom: auto; left: 96%; padding: 0; position: absolute; right: auto; top: -5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown > a.single-dropdown::after { content: "\f105"; font-family: "FontAwesome"; position: absolute; left: auto; right: 15px; top: 2px; color: #000; } .single-dropdown-menu .dropdown-inner ul.childs_2 { float: left; padding: 20px; } .main-category-list.left-main-menu .menu-category ul li a.TT-Category-List { position: relative; } .main-category-list.left-main-menu .menu-category ul li a.TT-Category-List::after { color: #afadad; content: "\f105"; font-family: fontawesome; font-size: 15px; left: auto; position: absolute; right: 0px; top: 5px; z-index: 9; } .main-category-list.left-main-menu .menu-category ul li:hover a.TT-Category-List::after { color: #575757; content: "\f105"; } .main-category-list .menu-category ul.dropmenu li:hover a, .main-category-list .menu-category ul.dropmenu .dropdown-menu ul .dropdown-inner ul a:hover, .main-category-list .menu-category ul.dropmenu .dropdown-menu ul .dropdown-inner ul a:focus { color: #000; } .menu-category ul.dropmenu li.TT-Sub-List > .dropdown-menu { display: none; left: 100%; right: auto; margin: 0; padding: 0; position: absolute; top: -5px; background: #FFF; border: 4px solid #eeeeee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; z-index: 999; min-width: 280px; } .main-category-list .menu-category li.TT-Sub-List .dropdown-inner .mega-dropdown-menu { float: left; padding: 20px; } .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown > a{ padding: 3px 20px; color: #7c7c7c; } .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown:hover > a.single-dropdown, .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown:hover > a { color: #000; } .main-category-list .menu-category .dropdown-inner ul.single-dropdown-menu { padding: 20px 0; } .main-category-list.left-main-menu .dropmenu .active_menu { background: #eee; float: right; right: -8px; left: auto; top: -5px; height: 38px; width: 46px; z-index: 1; position: absolute; display: none; } .main-category-list.left-main-menu .dropmenu > li:hover .active_menu { display: block; } .main-category-list.left-main-menu .dropmenu li li.dropdown-inner > a { display: inline-block; font: 400 13px/24px "Poppins",sans-serif; padding: 8px 0; margin: 0 0 15px; color: #333; } .main-category-list.left-main-menu .dropmenu li li li { float: left; width: 100%; padding: 1px 0; } .main-category-list .menu-category ul.dropmenu .dropdown-menu ul .dropdown-inner ul a { color: #7c7c7c; font-size: 13px; font-weight: normal; font-family: "Poppins",Helvetica,sans-serif; padding: 2px 0; text-transform: capitalize; } .main-category-list .menu-category .dropmenu { float: left; list-style: none; margin: 0; width: 100%; } @media (min-width: 992px) { .menu-category ul.dropmenu li.TT-Sub-List:hover .dropdown-menu, .main-category-list .menu-category li.TT-Sub-List .dropdown-inner .mega-dropdown-menu { display: block !important; } .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown:hover > .dropdown-menu { display: block !important; } .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown > .dropdown-menu { display: none !important; } } @media (max-width: 991px) { .menu-category ul.dropmenu li.TT-Sub-List > .dropdown-menu { position: static; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; display: block; } .main-category-list .menu-category li.TT-Sub-List .dropdown-inner .mega-dropdown-menu { padding: 0 0 0 15px; width: 100% !important; display: none; } .main-category-list .menu-category .dropdown-inner ul.single-dropdown-menu { padding: 0; display: none; } .main-category-list .menu-category .dropmenu { border: 1px solid #e5e5e5; } .mega-dropdown-menu li.dropdown > a::before { display: none; } .mega-dropdown-menu li.dropdown > a { margin: 0; } .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown > .dropdown-menu { position: static; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .single-dropdown-menu .dropdown-inner ul.childs_2 { padding: 0; } .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown > a.single-dropdown::after { display: none; } .main-category-list.left-main-menu .menu-category { position: absolute; left: 0; right: 0; top: 54px; bottom: auto; float: left; width: 100%; z-index: 9; } .main-category-list.left-main-menu .dropmenu > li { padding: 0; } .left-main-menu { background: rgba(0, 0, 0, 0.3); padding: 0; border: none; 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; } .left-main-menu .TT-panel-heading { color: #ffffff; display: block; font: 400 16px/22px "Poppins",Helvetica,sans-serif; position: relative; cursor: pointer; padding: 12px 16px; } .left-main-menu .dropmenu { padding: 10px; background: #FFF; position: relative; z-index: 9; } .main-category-list .menu-category ul.dropmenu li a, .main-category-list.left-main-menu .dropmenu li li.dropdown-inner > a, .main-category-list .menu-category ul.dropmenu .dropdown-menu ul .dropdown-inner ul a, .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown > a { font-size: 14px; line-height: 25px; color: #1d1f1f; padding: 3px 10px; float: left; width: 100%; } .left-main-menu.dropmenu li a.TT-Category-List { background: none; } .left-main-menu .TT-panel-heading:after { color: #ffffff; content: "\f0c9"; font-family: "FontAwesome"; font-size: 14px; position: absolute; right: 15px; left: auto; top: 12px; } .main-category-list.left-main-menu .menu-category ul li a.TT-Category-List::after, .main-category-list.left-main-menu .menu-category ul li:hover a.TT-Category-List::after { content: ""; } .main-category-list.left-main-menu .dropmenu .active_menu { background: none; } .left-main-menu .dropmenu li i.fa-angle-down { float: right; position: relative; } .left-main-menu .dropmenu li > i.fa-angle-down::before { color: #888; content: "\f067"; font-size: 14px; position: absolute; right: 0; left: auto; top: 0; padding: 8px; cursor: pointer; z-index: 2; } .left-main-menu .dropmenu li.active > i.fa-angle-down::before { content: "\f068"; } .main-category-list.left-main-menu .menu-category ul li a:hover { background: #f5f5f5; } .left-main-menu ul.dropmenu .dropdown-menu ul li.dropdown-inner > ul { list-style: none; display: none; } .left-main-menu .dropmenu .TT-Sub-List .dropdown-menu ul .dropdown-inner > ul { float: left; width: 100%; padding-left: 15px; } .main-category-list.left-main-menu .dropmenu ul, .main-category-list.left-main-menu .dropmenu div { float: left; width: 100%; } .left-main-menu ul.dropmenu li { float: left; width: 100% !important; } .main-category-list.left-main-menu .dropmenu .dropdown-inner { float: left; width: 100%; } .main-category-list.left-main-menu .dropmenu li li.dropdown-inner > a { margin: 0; } .main-category-list.left-main-menu .dropmenu li li.dropdown-inner > a::before { background: none; } .main-category-list.left-main-menu .dropmenu li li li { padding: 0; } } @media (max-width: 767px) { .left-main-menu { padding: 0 55px 0 0; } } /*--------------------------------- Mega Menu CSS End --------------------------------------------*/ /* Fix some bootstrap issues */ a, a:focus,a:active, a:hover, select, input[type=radio], input[type=checkbox] { outline: 0 none !important; } .owl-carousel .owl-wrapper-outer { direction: ltr !important; } input[type="radio"], input[type="checkbox"] { margin-top: 0px; cursor: pointer; } .nav-tabs { border: 0 none; text-align:left; } .nav-tabs > li { float: none; vertical-align:top; display:inline-block; } .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 #e4e4e4; } /*--------------------------- home page special products css start--------------------------------*/ #content .special-items .product-layouts { padding: 10px 10px 15px; } .box-heading > h3, .title_block .ttblock-heading { background: none; color: #333333; font: 400 18px/24px "Poppins",Helvetica,sans-serif; letter-spacing: 0.4px; margin: 9px 0; padding: 10px 0; position: relative; text-transform: capitalize; } /*--------------------------- home page special products css end--------------------------------*/ /* TTproduct tab*/ .ttproduct-main { float: left; width: 100%; } .TTProduct-Tab .tthometab-title h3 { display: none; } .TTProduct-Tab .tthometab-title h3::after { display: none; } .TTProduct-Tab .tab-content { background: #ffffff; border: medium none; margin: 0; padding: 0; } .TTProduct-Tab .nav-tabs > li > a { padding: 10px; border-radius:0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .TTProduct-Tab .nav-tabs > li.active > a, .TTProduct-Tab .nav-tabs > li:hover > a{ background: none; border: none; } .TTProduct-Tab .nav-tabs > li.active > a, .TTProduct-Tab .nav-tabs > li.active > a:hover, .TTProduct-Tab .nav-tabs > li.active > a:focus, .TTProduct-Tab .nav-tabs > li > a:hover, .TTProduct-Tab .nav-tabs > li > a:focus { background: none; border: none; color: #238cd4; cursor: pointer; } .TTProduct-Tab .nav-tabs > li > a{ border: none; background: none; color: #333333; font: 400 18px/24px "Poppins",Helvetica,sans-serif; letter-spacing: 0.4px; margin: 0; outline: medium none; padding: 10px 40px 10px 0; position:relative; text-transform: capitalize; } .nav-tabs > li { display: inline-block; float: left; margin: 0; position: relative; } .TTProduct-Tab .nav.nav-tabs { border: medium none; display: inline-block; vertical-align: top; } .TTProduct-Tab .tthometab { float: left; margin: 0 0 10px; width: 100%; } /*------------------------------------- Next-Prev Owl Button CSS Start ------------------------------------------*/ .products-carousel.owl-carousel .owl-buttons div { bottom: auto; float: left; font-size: 0; height: 30px; left: auto; line-height: 30px; opacity: 1; position: relative; right: auto; top: auto; vertical-align: top; width: 30px; } .products-carousel.owl-carousel .owl-buttons .owl-prev::before{ content: "\f104"; } .products-carousel.owl-carousel .owl-buttons .owl-prev::before, .products-carousel.owl-carousel .owl-buttons .owl-next::before { color: #888888; float: left; font-family: "FontAwesome"; font-size: 26px; height: 100%; padding: 0; text-align: center; width: 100%; } .products-carousel.owl-carousel .owl-buttons .owl-next::before { content: "\f105"; } .products-carousel.owl-carousel .owl-buttons .owl-prev { border-right: 1px solid #bfbfbf; } .products-carousel.owl-carousel .owl-buttons .owl-prev:hover::before, .products-carousel.owl-carousel .owl-buttons .owl-next:hover::before { color: #000000; } .products-carousel .owl-buttons { bottom: auto; left: auto; position: absolute; right: 0; top: 15px; } .TTProduct-Tab .products-carousel .owl-buttons { top: 4px; } @media (max-width: 480px) { .TTProduct-Tab .products-carousel.owl-carousel .owl-buttons { display: inline-block; float: none; left: 0; margin: 0 auto; right: 0; top: -50px; text-align: center; vertical-align: top; width: 60px; } } /*------------------------------------- Next-Prev Owl Button CSS End ------------------------------------------*/ /*------------------------------------- additional-images Owl Button CSS End ------------------------------------------*/ .additional-images .owl-controls .owl-buttons div { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #e4e4e4; border-radius: 5px; bottom: 0; font-size: 0; height: 25px; margin: auto; opacity: 1; padding: 0; position: absolute; text-shadow: none; top: 0; transition: none 0s ease 0s ; width: 25px; } .additional-images .owl-controls .owl-buttons div:hover{ background:#333333; border-color:#333333; } .additional-images-container .owl-carousel .owl-controls .owl-buttons > div.owl-prev { left: 0; right: auto; } .additional-images-container .owl-carousel .owl-controls .owl-buttons > div.owl-next { right: 0; left: auto; } .additional-images-container .owl-carousel .owl-controls .owl-buttons > div.owl-prev::before, .additional-images-container .owl-carousel .owl-controls .owl-buttons > div.owl-next::before { background: none; content: "\f104"; font-family: fontawesome; font-size: 14px; color:#222; padding: 8px; } .additional-images-container .owl-carousel .owl-controls .owl-buttons > div.owl-next::before { content:"\f105"; line-height:22px; } .additional-images .owl-controls .owl-buttons .owl-prev::before { line-height:22px; padding:0; } .additional-images-container .owl-carousel .owl-controls .owl-buttons > div.owl-prev:hover::before, .additional-images-container .owl-carousel .owl-controls .owl-buttons > div.owl-next:hover::before { color: #ffffff; } /*------------------------------------- additional-images Owl Button CSS End ------------------------------------------*/ div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } .page-title-wrapper { float: left; width: 100%; margin:25px 0; } .breadcrumb-wrapper{ width:100%; float:left; background:#f5f5f5; } .page-title-wrapper .page-title { color: #232323; float: left; font: 400 21px/24px "Poppins",Helvetica,sans-serif; letter-spacing: 0.4px; margin: 0; text-transform: capitalize; } .page-title { color: #ffffff; } a:hover, a:focus{color: #333333;} /* Gradent to all drop down menus */ .dropdown-menu li > a:hover, .dropdown-menu li > a:focus { text-decoration: none; color: #FFFFFF; } span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } /* top */ #top { background: #272727; float: left; width: 100%; } .header-top-left { float: left; width: auto; } .header-top-right { float: right; width: auto; } .header-right { float: right; } #currency .btn.dropdown-toggle, #language .btn.dropdown-toggle { padding: 10px 0; margin-right: 15px; } #top #currency .currency-select, #top #language .language-toggle a { padding: 3px 10px; color: #888888; font-size: 14px; text-align: left; height: auto; } #top #currency .currency-select:hover, #top #language .language-toggle a:hover { background-color: #000; color: #FFFFFF; } #top .btn-link, #top-links li, #top-links a { background: none; color: #ffffff; font-size: 13px; font-weight:normal; text-decoration: none; text-align: left; } #top-links .header_user_info .fa-caret-down.ttuserinfo { display: none; } #form-currency .fa-caret-down::before, #form-language .fa-caret-down::before { content: '\f107'; font-size: 100%; line-height: 20px; font: weight 100%;; color: #ffffff; } #form-currency .btn-group.open .fa-caret-down:before, #form-language .btn-group.open .fa-caret-down:before { content: "\f106"; } #top-links .dropdown .dropdown-toggle > span::after { content: "\f107"; font-family: fontawesome; font-size:13px; margin:0 0 0 3px; } #top ul.dropdown-menu .btn-link { padding: 0px; line-height:24px; color:#777; text-transform: capitalize; } .header-top-right .dropdown a.dropdown-toggle, .header-top-right #wishlist-total { display: block; line-height: 24px; padding: 7px 0; } #top-links .header_user_info ul.dropdown-menu { border: 1px solid #e4e4e4; padding: 10px; text-transform: capitalize; min-width: 150px; position: absolute; top: 40px; right: 0; background: #FFF; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0; } #top #form-currency .currency-select:hover, #top ul > li > .language-select:hover { color: #000; } #top .btn-link strong { color: #ffffff; font-size: 13px; line-height: 14px; } #top-links > ul { float: left; margin: 0; } #top-links > ul > li { padding: 0 10px; } #top-links > ul > li:last-child { padding-right: 0; } #top-links .dropdown-menu a { padding:2px 10px;} #top-links .account-link-toggle a i.fa { padding: 0 2px } .header-top-left .header-phone { margin: 0 10px; padding: 10px 0 0 30px; position: relative; } .header-phone.pull-left > span { color: #cccccc; font: "Poppins",Helvetica,sans-serif; } .header-top-left .header-phone .fa.fa-phone{display:none;} #top-links .dropdown-menu a:hover,#top-links .dropdown-menu a:focus { color: #000; background:none; } .header-top-left .header-phone::before { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") no-repeat scroll -44px -486px; content: ""; font-size: 14px; left: 0; right: auto; position: absolute; width: 20px; height: 20px; } .header-top-right .dropdown .dropdown-toggle > i::before, .header-top-right #wishlist-total i::before{ content: ""; } .header-top-right .dropdown .dropdown-toggle > i, .header-top-right #wishlist-total i { display: none; } /* cart */ #cart { float: right; margin: 35px 0; } #cart i.fa-shopping-cart { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") repeat scroll -33px -117px; display: block; font-size: 0; height: 40px; width: 50px; display: none; } #cart.open > .btn { color: #666666; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; } #cart button.btn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #ffffff; height: 40px; padding: 0; position: relative; width: 42px; } #cart > button.btn::after { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") no-repeat scroll -32px -170px; content: ""; height: 40px; left: auto; position: absolute; right: 0; top: 0; width: 40px; } #cart .cart-heading { color: #292929; display: inline-block; float: left; font: 400 14px/20px "Poppins",sans-serif; margin: 11px 0 0; } #cart #cart-total { background: #fe506a; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; bottom: auto; color: #ffffff; float: right; font-size: 10px; height: 16px; line-height: 16px; margin: auto; position: absolute; right: 0; text-align: center; top: 6px; width: 16px; z-index: 1; } #cart.open > .btn:hover {color: #444444;} #cart .dropdown-menu { border: 1px solid #e4e4e4; min-width: 300px; border-radius: 4px; padding: 10px; top: 50px; right: 0; z-index: 1001; display:none; } #cart .dropdown-menu .btn.btn-danger { height: auto; padding: 0px; } #cart .dropdown-menu .btn.btn-danger i.fa-times { font-size: 12px; padding: 4px; } #cart .dropdown-menu table { margin-bottom: 10px; } #cart .dropdown-menu li > div { padding: 0 10px; } #cart .dropdown-menu li p { float: left; width: 100%; color: #777; padding: 10px 0; margin: 0; } #cart .dropdown-menu li p a strong { font-weight:normal; } #cart .dropdown-menu > li p > a:first-child:hover strong, #cart .dropdown-menu > li p > a:first-child:focus strong { color: #238cd4; } #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; } #cart .header-cart-toggle .text-right > strong { color: #777; font-size: 13px; font-weight: normal; } #cart .dropdown-menu li p a:first-child { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #222222; } #cart .dropdown-menu li p a:first-child:hover, #cart .dropdown-menu li p a:first-child:focus{ background:none; border:none; color:#222; } #cart .dropdown-menu li p a { background: #0D6981; border: 1px solid #0D6981; border-radius: 4px; color: #ffffff; float: left; font:400 13px/18px "Poppins",Helvetica,sans-serif; padding: 8px 15px; text-transform: capitalize; letter-spacing: 1px; width:50%; text-align:center; } #cart .dropdown-menu li p a:hover, #cart .dropdown-menu li p a:focus { background: #248994; border-color: #248994; color: #FFF; } .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 .text-left.name > a { color: #777777; font-size: 14px; padding-left: 5px; } #cart .header-cart-toggle .text-right.amount { color: #222; font: 500 16px/20px "Poppins",Helvetica,sans-serif; text-align: left; } .header-cart-toggle .table .text-center img{ max-width:none; border: 1px solid #e4e4e4; } #cart .header-cart-toggle .text-right.price-total { color: #222; text-align: right; font: 500 16px/24px "Poppins",Helvetica,sans-serif; white-space: nowrap; } .cart-form .table-bordered td.text-right.unit-price { color: #333; font: 500 16px/20px "Poppins",Helvetica,sans-serif; } .cart-form .cart_input_block.input-group { display: inline-block; width: auto; } #cart .header-cart-toggle .table.table-bordered { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #e4e4e4 -moz-use-text-color; border-image: none; border-style: solid none; border-width: 1px medium; padding: 10px 0; } #cart .header-cart-toggle li:first-child tr:first-child td { border: 0 none; } #cart .dropdown-menu .btn.btn-danger i.fa-times { font-size: 14px; padding: 4px; color:#777; } #cart .dropdown-menu .btn.btn-danger:hover i.fa-times { color: #9c9b9b; } #cart .table.table-striped tr { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } #cart .dropdown-menu .table .text-center.image > a { padding: 0; } /* full-header css */ .full-header { background: #fff; float: left; width: 100%; } .header-middle { margin: 36px auto; float: right; } /* ------------------------------------ search CSS Start -----------------------------------*/ header.fixed .header-middle { margin: 26px auto; } #header-search.input-group { display: inline; float: left; } #header-search > .form-control.input-lg { border: 1px solid #e4e4e4; border-right: none; background: #FFF; color: #888; font-size: 13px; padding: 3px 12px; height: 38px; width: 250px; 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; } #header-search .select-wrapper { background: #FFF; width: 175px; height: 38px; position: relative; float: left; border: 1px solid #e4e4e4; border-left: none; border-right: none; } #header-search span.input-group-btn { float: left; width: auto; } #search .input-lg { float: right; } #header-search .select-wrapper::before { border-left: 1px solid #e5e5e5; content: ""; height: 25px; position: absolute; left: 0; right: auto; top: 6px; z-index: 9; } #header-search .select-wrapper::after { content: "\f107"; font-family: "fontawesome"; font-size: 12px; font-weight: bold; pointer-events: none; position: absolute; right: 12px; left: auto; top: 9px; z-index: 9; color:#666; } .header-middle .input-group .form-control.innner-search { background: #fff; border: none; text-transform: capitalize; width: 100%; height: 100%; padding: 6px 12px; font-size: 12px; color: #666; } #header-search select option { padding: 0; margin: 0; line-height: 14px; font-size: 12px; height: auto; background: #FFF; color: #888; } #header-search .header-search-btn .fa.fa-search { display: none; } .header-middle #header-search .btn-default { background: #0D6981; border: 1px solid #0D6981; color: #ffffff; font-size: 13px; letter-spacing: 1px; padding: 13px 25px; height: auto; line-height: 10px; text-transform: none; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; } .header-middle #header-search .btn-default:hover, .header-middle #header-search .btn-default:focus { background: #248994; border-color:#248994; color: #FFF; } @media (min-width: 992px) and (max-width: 1199px) { #header-search > .form-control.input-lg { width: 39%; } .header-middle { width: 42%; padding: 0; margin: 36px 30px; } } @media (max-width: 1199px) { .header-middle .input-group .form-control.innner-search { padding: 6px 12px; } #header-search .select-wrapper { width: 137px; } #header-search .select-wrapper::after { right: 15px; left: auto; } } @media (min-width: 768px) and (max-width: 991px) { #header-search > .form-control.input-lg { width: 66.5%; } .header-middle { float: left; width: 100%; padding: 0; margin: 10px auto 15px; } #header-search.input-group { float: left; width: 100%; } } @media (max-width: 767px) { .header-middle .input-group .form-control.innner-search { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #header-search > .form-control.input-lg { width: 246px; } #header-search .select-wrapper { width: 80px; } header .header-middle { float:left; width:100%; margin: auto auto 15px; padding: 0 10px; } #header-search.input-group { display: table; float: none; margin: 0 auto; width: auto; } #header-search .select-wrapper::after { display: none; } } @media (max-width: 480px) { #header-search > .form-control.input-lg { width: 147px; } #header-search .select-wrapper { width: 60px; } .header-middle #header-search .btn-default { background: #111111 url("TemplateTrip/images/sprite.png") no-repeat scroll 1px -235px; border: 1px solid #111; width: 53px; height: 38px; font-size: 0; padding: 0; margin:0; } .header-middle #header-search .btn-default:hover, .header-middle #header-search .btn-default:focus { background: #fe506a url("TemplateTrip/images/sprite.png") no-repeat scroll 1px -235px; border-color: #fe506a; color: #000; } header .header-middle { margin: 15px auto; } } /*------------------------------------------------ search CSS end ------------------------------------------ */ #top-links .list-inline > li.account-nav > a { color: #888888; line-height: 24px; text-decoration: none; text-transform: capitalize; margin: 0px; background:none; } #top-links ul li.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 .btn-group.open button.btn-link, #form-currency button:hover span, #form-currency .btn-group .btn-link:hover > strong, #form-currency .btn-group.open .btn-link strong, #form-language .btn-group button.btn-link:hover, #form-language .btn-group.open button.btn-link, #form-language .btn-group:hover .fa-caret-down::before, #form-currency .btn-group:hover .fa-caret-down::before, #form-currency .btn-group.open .fa-caret-down::before, #form-language .btn-group.open .fa-caret-down::before, #form-language .btn-group.open .dropdown-toggle { color: #ffffff; } #form-currency .btn-group ul.dropdown-menu.currency-toggle, #form-language .btn-group ul.dropdown-menu.language-toggle, #top-links .dropdown .dropdown-menu { border: medium none; border-radius: 4px; box-shadow: none; left: auto; margin: 0; min-width: 150px; padding: 10px 15px; position: absolute; right: 0; } #form-currency .btn-group .dropdown-menu.currency-toggle li button, #form-language .btn-group .dropdown-menu.language-toggle li button, #top-links .dropdown-menu a { border: medium none; color: #878787; font-size: 12px; font-weight: normal; line-height: 24px; padding: 0; text-align: left; } #form-language .language-select > img { margin: 0 2px 0 0; } #form-currency .btn-group .dropdown-menu.currency-toggle li:hover button, #form-language .btn-group .dropdown-menu.language-toggle li:hover button { color: #000; } #form-currency .btn-link.dropdown-toggle, #form-language .btn-link.dropdown-toggle { padding: 7px 0; line-height: 24px; } #form-language .dropdown-toggle > img, .header-top-right #form-currency .dropdown-toggle > strong { margin: 0 2px; } .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 */ #page .container { clear: both; } .header-left { float: left; margin: 28px 0; padding: 0; width: 250px; } header { float: left; width: 100%; } /* menu */ /* Mega Menu Stylesheet START */ #menu.mega-menu ul.nav ul.list-unstyled li {display: table;} #menu.mega-menu ul.nav li ul.list-unstyled > li.dropdown .dropdown-menu { position: static; display: block; } /* Mega Menu Stylesheet START */ #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a {color: #777;} .menu-container { background: #0D6981; margin: 0; position: relative; clear: both; } #menu { margin: 0; min-height: auto; width: 100%; } #menu .collapse.navbar-collapse.navbar-ex1-collapse { padding: 0; } #menu div.navbar-header { cursor: pointer; display: block; overflow: hidden; } #menu .list-unstyled.childs_1.mega-dropdown-menu .dropdown > a { color: #333333; font: 400 13px/22px "Poppins",Helvetica,sans-serif; letter-spacing: 0.8px; margin: 0 0 15px; padding: 0 0 10px; text-align: left; text-transform: capitalize; width: 100%; } #menu .dropdown-inner .list-unstyled.childs_2.single-dropdown-menu a { padding:0 0 0 20px; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a:hover,#menu .dropdown-inner li a:hover, #menu .dropdown-inner li a:focus {color: #000;} #menu .list-unstyled.childs_1.mega-dropdown-menu .list-unstyled.childs_2 a:hover, #menu .dropdown-inner .list-unstyled.childs_1.single-dropdown-menu a:hover { color:#000; } #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown > a::after{display:none;} #menu .nav > li > span { cursor: pointer; } #menu .nav > li > a, #menu .nav > li > span { color: #ffffff; display: block; font: 400 16px/18px "Poppins",Helvetica,sans-serif; letter-spacing: 0.4px; padding: 19px 15px; text-transform: capitalize; background: none; } #menu .nav > li.dropdown > a, #menu .nav > li.dropdown > span { padding: 19px 25px 19px 15px; } #menu .list-unstyled.childs_2{ padding: 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:30px; } #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.mega-dropdown-menu:first-child{ padding:30px 0 30px 30px; } #menu .dropdown-inner a { color: #777777; display: block; font-family: "Poppins",Helvetica,sans-serif; font-size: 13px; line-height: 26px; min-width: 160px; padding: 0; text-transform: capitalize; text-align:left; } #menu .see-all { display: block; margin-top: 0.5em; border-top: 1px solid #DDD; padding: 3px 20px; font-size: 12px; } #menu .see-all:hover, #menu .see-all:focus { text-decoration: none; color: #ffffff; background-color: #777; } #menu #category { color: #ffffff; float: left; font: 700 14px/27px "Poppins",sans-serif; padding: 15px 0; text-transform: uppercase; } #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 #e4e4e4; bottom: -2px; content: ""; float: left; height: 1px; left:0; position: absolute; width: 100%; } #menu .dropdown-inner .list-unstyled.childs_1.single-dropdown-menu a,#menu .more-menu .list-unstyled.childs_1 a { padding: 0 0px; color: #414141; } /* 2 Level Sub Categories START */ #menu ul.nav ul.list-unstyled li { min-width: 280px; list-style-type: disc; margin-left: 35px; } #menu ul.nav li ul.list-unstyled.mega-dropdown-menu > li.dropdown .dropdown-menu { border: 0; padding: 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:#e4e4e4; } #menu ul.nav li ul.list-unstyled > li.dropdown:hover > .dropdown-menu { display: block; } #menu .nav > li.dropdown::after { bottom: auto; color: #ffffff; content: "\f107"; font-family: "FontAwesome"; font-size: 12px; left:auto; position: absolute; top: 20px; right: 10px; } #menu .nav.navbar-nav > li:hover > a, #menu .nav.navbar-nav > li:hover > span { background: #248994; color: #ffffff; } #menu .nav > li.dropdown:hover::after { content: "\f106"; } #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown::after { content: "\f105"; font-family: "FontAwesome"; font-size: 13px; position: absolute; right: 15px; top: 4px; } /* 2 Level Sub Categories END */ /* content */ #content { min-height: 600px !important; } .common-home #content { padding: 0; } .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; width: 100%; } .top-column { float: right; width: 100%; margin: 0 0 20px; } .slideshow-panel { float: left; width: 100%; margin: 0; } .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-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; } .slideshow-panel img{ width:100%; height:auto; } .slideshow-panel .swiper-container .swiper-pagination { display: none; } .slideshow-panel .swiper-container .swiper-pager { position: static; line-height: normal; } .slideshow-panel .swiper-container .swiper-pager div { background: #004499 !important; background: no-repeat; border: none; font-size: 0; height: 40px; width: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 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; z-index: 1; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev { left: 40px; right: auto; } .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev{ left: 25px; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-next { right: 40px; left: auto; } .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next { right: 25px; } .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: #ffd40c !important; border-color: #ffd40c; } .slideshow-panel .swiper-pager .swiper-button-prev::before { bottom: 0; color: #ffff; content: "\e5cb"; font-family: "Material Icons"; font-size: 22px; left: 0; margin: 0 auto; text-align: center; position: absolute; right: 0; top: 0; line-height: 40px; -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: #fff; content: "\e5cc"; font-family: "Material Icons"; font-size: 22px; left: 0; margin: 0 auto; text-align: center; position: absolute; right: 0; top: 0; line-height: 40px; -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: #000; } .gallery-thumbs .swiper-slide { height: 100%; } .slideshow-panel .swiper-container.gallery-thumbs { width: 100%; float: left; margin: auto; background: #fff; overflow: visible; border: 1px solid #e5e5e5; -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; margin: -1px 0 0 0; } .gallery-thumbs .swiper-slide a { float: left; width: 100%; padding: 20px 15px; text-align: center; z-index: 1; position: relative; cursor: pointer; border-right: 1px solid #e5e5e5; } .gallery-thumbs .swiper-slide a .title { color: #000; float: left; width: 100%; text-transform: capitalize; font: 400 14px/16px Open Sans,sans-serif; margin: 0 0 8px; } .gallery-thumbs .swiper-slide:hover a .title { color: #000000; } .gallery-thumbs .swiper-slide a img { bottom: 0; left: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; position: absolute; right: 0; top: auto; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; max-width: 100%; } .gallery-thumbs .swiper-slide a::before { content: "\e5c7"; font-family: "Material Icons"; font-size: 32px; line-height: 30px; height: 28px; width: 28px; position: absolute; bottom: -8px; top: auto; left: 0; right: 0; margin: auto; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 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; color: #e5e5e5; } .gallery-thumbs .swiper-slide a::after { border-bottom: 3px solid #e5e5e5; position: absolute; bottom: 0; top: auto; width: 100%; height: 3px; content: ""; left: 0; right: 0; margin: auto; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 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; } .gallery-thumbs .swiper-slide-active a::after, .gallery-thumbs .swiper-slide:hover a::after, .gallery-thumbs .swiper-slide:hover a::before, .gallery-thumbs .swiper-slide-active a::before { -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .gallery-thumbs .swiper-slide-active a::after, .gallery-thumbs .swiper-slide-active a::before { color: #ffd40c; border-color: #ffd40c; } .gallery-thumbs .swiper-slide:hover a img { bottom: 65px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } @media (max-width: 991px) { .top-column { width: 100%; text-align: center; } .slideshow-panel { margin: 0 0 15px; } } @media (max-width: 767px) { .slideshow-panel { width: 100%; margin: 0 0 10px; } .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: 543px) { .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev { left: 25px; right: auto; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-next { right: 25px; left: auto; } } @media (max-width: 480px) { .slideshow-panel .swiper-container .swiper-pager div { height: 25px; width: 25px; } .slideshow-panel .swiper-pager .swiper-button-next::before { font-size: 18px; left: 0px; top: 0; line-height: 25px; height: 25px; width: 25px; } .slideshow-panel .swiper-pager .swiper-button-prev::before { font-size: 18px; top: 0; line-height: 25px; height: 25px; width: 25px; left: -3px; } .slideshow-panel .swiper-container .swiper-pager div, .slideshow-panel .swiper-container .swiper-pager div:hover { background: none; border: none; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev { left: 10px; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-next { right: 10px; } .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev { left: 10px; } .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next { right: 10px; } } @media (max-width: 320px) { .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev, .slideshow-panel .swiper-container .swiper-pager .swiper-button-next { top :60px; } } /*---------------------------------------------- Slideshow Slider Stylesheet end-------------------------------*/ /*------------------------ CustomNavigation Button CSS Start -----------------------------------*/ .customNavigation { float: right; margin: 15px 0; width: auto; } .customNavigation a { height: 30px; width: 30px; font-size: 0; float: left; padding: 0; display: inline-block; vertical-align: top; cursor: pointer; line-height: 30px; position: relative; } .customNavigation a:before { font-family: "FontAwesome"; font-size: 26px; float: left; width: 100%; text-align: center; padding: 0; height: 100%; color: #888888; } .customNavigation a.prev { border-right: 1px solid #bfbfbf; } .customNavigation a.prev:before { content: "\f104"; } .customNavigation a.next:before { content: "\f105"; } .customNavigation a:hover:before { color: #333333; } /*------------------------ CustomNavigation Button CSS End -----------------------------------*/ /* Category Page */ #content h2.category-name { margin-top: 0px; } #column-left > div, #column-right > div { background: #ffffff; border: none; border-bottom: 1px solid #e4e4e4; padding: 8px; margin: 0; float: left; width: 100%; } #column-left .swiper-viewport, #column-right .swiper-viewport { border: none; border-bottom: 1px solid #e4e4e4; border-radius: 0; box-shadow: none; } .category-list ul { padding: 0px; } .category-list ul li { display: inline-block; list-style: none; margin-right: 5px; } .category-list a { background: #f1f1f1; padding: 5px 10px; float: left; font: 400 13px/18px "poppins",Helvetica,sans-serif; } .category-filter label { color: #222; font: 500 13px/20px "Poppins",Helvetica,sans-serif; margin: 0; padding: 0; white-space:nowrap; background: none; border: none; } .category-compare { margin: 0 0 20px; float:left; width:100%; } .category-products { background: #ffffff; padding: 15px; float: left; width: 100%; } .category-products .row { margin: 0; } .category-treeview ul { margin: 0px; } .category-treeview li { position: relative; list-style: none; } .category-treeview li.category-li .list-tree:before { content: "\f106"; font-family: "FontAwesome"; font-size: 14px; font-weight:normal; color: #414141; position: absolute; cursor: pointer; padding: 8px 10px; right: 0px; top: 0px; z-index: 9; } .category-treeview li.category-li.active .list-tree:before { content: "\f107"; } .category-treeview li.category-li .list-tree:hover:before { color: #414141; } .product-thumb .caption .description { display: none; } .rating span.fa-stack, #review span.fa-stack { width: 11px; height:11px; } .products-list { margin: 0 0 30px; position: relative; width: 100%; float: left; } .product-list .product-thumb .caption .description { display: block; margin: 0 0 10px; } .product-thumb, .product-layout, .product-layouts { position: relative; } .product-thumb .sale-icon,.product-sale-icon { background: #238cd4; border-radius: 4px; color: #ffffff; display: none; font-size: 12px; left: auto; letter-spacing: 1px; line-height: 18px; padding: 1px 5px; position: absolute; right: 10px; text-align: center; text-transform: capitalize; top: 10px; } .product-thumb:hover .sale-icon,.product-sale-icon { display: block; } .product-sale-icon { right: 25px; } .header-content-title{ width:100%; float:left; } /* Column Left - Right Product List */ #column-left { clear: left;} #column-left .panel-default .list-group, #column-right .panel-default .list-group, #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; } #column-left .product-thumb, #column-right .product-thumb, #header-left .product-thumb, #header-right .product-thumb, #footer-left .product-thumb, #footer-right .product-thumb { padding: 20px 0; border-bottom: 1px solid #e4e4e4; box-shadow: none; } #column-left .product-thumb:first-child, #column-right .product-thumb:first-child { padding-top: 10px; } #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 { border: 1px solid #e4e4e4; float: left; margin: 0; max-width: 80px; padding: 0; } #column-left .product-thumb .sale-icon, #column-right .product-thumb .sale-icon { padding: 1px 5px; font-size: 12px; left: 0; right: auto; display: none; } #column-left .product-thumb .price-tax, #column-right .product-thumb .price-tax, #header-left .product-thumb .price-tax, #header-right .product-thumb .price-tax, #footer-left .product-thumb .price-tax, #footer-right .product-thumb .price-tax { display: none; } #column-left .product-thumb .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 { margin: 0; } #column-left .product-thumb .caption .sale-icon, #column-right .product-thumb .caption .sale-icon, #header-left .product-thumb .caption .sale-icon, #header-right .product-thumb .caption .sale-icon, #footer-left .product-thumb .caption .sale-icon, #footer-right .product-thumb .caption .sale-icon { font-size: 11px; padding: 0 5px; left: 0; right: auto; } #column-left .product-thumb .button-group, #column-right .product-thumb .button-group, #header-left .product-thumb .button-group, #header-right .product-thumb .button-group, #footer-left .product-thumb .button-group, #footer-right .product-thumb .button-group { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; float: left; padding: 0; opacity: 1; -moz-opacity: 1; /* Netscape */ -khtml-opacity: 1; /* Safari 1.x */ -webkit-opacity: 1; /* other webkit*/ transform: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; position: static; transition: none 0s ease 0s ; -webkit-transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; -ms-transition: none 0s ease 0s; } #column-left .product-thumb .button-group button, #column-left .product-thumb .button-group button.btn-cart i.fa, #column-right .product-thumb .button-group button, #column-right .product-thumb .button-group button.btn-cart i.fa, #header-left .product-thumb .button-group button, #header-left .product-thumb .button-group button.btn-cart i.fa, #header-right .product-thumb .button-group button, #header-right .product-thumb .button-group button.btn-cart i.fa, #footer-left .product-thumb .button-group button, #footer-left .product-thumb .button-group button.btn-cart i.fa, #footer-right .product-thumb .button-group button, #footer-right .product-thumb .button-group button.btn-cart i.fa { display: none; } #column-left .product-thumb .button-group button.btn-cart, #column-right .product-thumb .button-group button.btn-cart, #header-left .product-thumb .button-group button.btn-cart, #header-right .product-thumb .button-group button.btn-cart, #footer-left .product-thumb .button-group button.btn-cart, #footer-right .product-thumb .button-group button.btn-cart { background: none; color: #666666; padding: 0; margin: 0; line-height: normal; text-transform: none; text-align: left; font-weight: normal; display: block; width: auto; height: auto; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } #column-left .special-carousel .sale-icon, #column-right .special-carousel .sale-icon, #header-left .special-carousel .sale-icon, #header-right .special-carousel .sale-icon, #footer-left .special-carousel .sale-icon, #footer-right .special-carousel .sale-icon { display: none; } .product-list .product-thumb:hover h4 a{color:#000;} /* Column Left Right - Product Option Filter Style */ #column-left .list-group-item,#column-right .list-group-item, #column-left .panel-heading, #column-right .panel-heading { border:medium none; } #column-left .list-group a.active, #column-left .list-group a.active:hover, #column-left .list-group a:hover { background: none; } #column-left .category-treeview.panel-default, #column-right .category-treeview.panel-default { float: left; width: 100%; } #column-left a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover #column-right a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{ background:none; } #column-left .category-li.category-active .list-group-item.current-child-item {line-height: 25px; color:#888;} #column-left .list-group .list-group-item,#column-right .list-group .list-group-item { background: none; color: #777777; cursor: pointer; font-family:"Poppins",Helvetica,sans-serif; font-weight: 400; line-height: 25px; padding: 2px 0 0; margin-bottom:0; } #column-left .category-li.category-active .list-group-item.current-child-item:hover, #column-left .list-group .list-group-item:hover, #column-right .list-group .list-group-item:hover{ color:#000; } #column-left .panel-default > .panel-heading, #column-right .panel-default > .panel-heading { background: none; } .category-treeview .list-group a.child-item, .category-treeview .list-group a.current-child-item { margin-left: 10px; } #column-left .panel-heading, #column-right .panel-heading, #column-left .box-heading > h3, #column-right .box-heading > h3, #ttcmstestimonial .title_block, #ttcmsleftservices .title_block { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #333333; float: left; font: 400 16px/18px "Poppins",sans-serif; letter-spacing: 1px; margin: 0; padding: 10px; position: relative; text-align: left; text-transform: capitalize; width: 100%; } #column-left .option-filter .panel-heading, #column-left .option-filter .list-group-item, #column-left .option-filter-box a.list-group-item, #column-left .option-filter .panel-footer, #column-right .option-filter .panel-heading, #column-right .option-filter .list-group-item, #column-right .option-filter-box a.list-group-item, #column-right .option-filter .panel-footer { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border:none; float: left; width: 100%; padding: 10px 0; } #column-left .option-filter .checkbox > label, #column-right .option-filter .checkbox > label { color: #888888; font: 400 13px/20px "Poppins",Helvetica,sans-serif; text-transform:capitalize; } #column-left .option-filter .checkbox > label:hover, #column-right .option-filter .checkbox > label:hover { color: #000; } #column-left .option-filter .list-group-items .list-group-item:hover, #column-left .option-filter .list-group-items .list-group-item:hover:after, #column-right .option-filter .list-group-items .list-group-item:hover, #column-right .option-filter .list-group-items .list-group-item:hover:after { color: #222222; } #column-left .option-filter .list-group-item .checkbox, #column-right .option-filter .list-group-item .checkbox { margin:0px; padding: 0; } .option-filter-box .list-group .list-group-items { border-bottom: 1px solid #e4e4e4; padding: 10px 0; float: left; width: 100%; } .option-filter-box .list-group .list-group-items:first-child { padding-top: 0; } .option-filter-box .list-group .list-group-items:last-child { border: medium none; padding-bottom: 0; } #column-left .option-filter .list-group-items .list-group-item, #column-right .option-filter .list-group-items .list-group-item { color: #333333; font:400 13px/28px "Poppins",Helvetica,sans-serif; padding:2px 0; float:left; width:100%; position:relative; text-transform:capitalize } #column-left .product-thumb .thumb-description, #column-right .product-thumb .thumb-description { 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*/ padding: 0 15px; position: static; float:left; } .option-filter .list-group { margin: 0px; } .option-filter-box .list-group-item, .option-filter-box .list-group-item { text-transform: capitalize; } .option-filter-box a.list-group-item:after { font-family: "FontAwesome"; content:"\f106"; font-size: 14px; color: #333; position: absolute; right: 10px; top: 2px; } .option-filter-box a.list-group-item.collapsed:after { content:"\f107"; } .store-list .store-tags { padding: 5px 15px; } .store-list .store-tags > a { border: 1px solid #DDDDDD; display: inline-block; margin: 5px 10px 5px 0px; padding: 5px 10px; } .store-list .store-tags > a.active-store { font-weight: bold; position: relative; } .store-list .store-tags > a.active-store > i { bottom: -4px; color: #00bb00; font-size: 16px; left: -4px; position: absolute; } /*.category-filter, .category-pagination { border: 1px solid #e4e4e4; }*/ #content .category-filter { float: left; margin: 0 0 10px; padding: 12px 0; width: 100%; } .category-filter .filter-sort-by, .category-filter .filter-show { float: right; } .category-filter .filter-text { float: left; } .category-filter .filter-show .filter-selection { width: 70px; float: left; } .category-filter .filter-sort-by .filter-selection { float: left; width:150px; } .category-filter .filter-sort-by { width: 100%; max-width: 240px; } .category-filter .filter-show { max-width: 140px; } .category-filter .filter-show .filter-text{ margin:0 5px; } .category-filter .filter-text { padding: 7px 5px 0 0; margin:0 5px; } .category-filter .filter-selection { padding: 0; } .category-filter .filter-grid-list { padding: 0; width: 90px; float: left; } .category-filter .filter-grid-list button { width: 25px; height: 25px; padding:8px 15px; margin:5px 0 0; } .category-filter .filter-grid-list button#grid-view { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") repeat scroll -6px -18px; border:none; } .category-filter .filter-grid-list button#grid-view:hover, .category-filter .filter-grid-list button#grid-view.active { background-position: -6px -67px; border:none; } .category-filter .filter-grid-list button#list-view { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") repeat scroll -65px -18px; border:none; } .product-category .category-list { background: #ffffff; float: left; margin: 0 0 25px; padding: 0 15px 15px; width: 100%; } .category-filter .filter-grid-list button#list-view:hover, .category-filter .filter-grid-list button#list-view.active { background-position: -65px -67px; border:none; } .category-filter .filter-grid-list button i.fa {font-size: 0px;} .category-description .category-content { margin-top: 20px; } .category-pagination { float: left; margin: 20px 0; padding: 10px 0; width: 100%; } .category-pagination div.text-left { padding: 10px 0; } .category-pagination div.text-right { padding: 0; } .category-pagination .pagination { margin: 3px 0 0; vertical-align: top; } .category-list > h3 { color: #333333; font: 400 16px/26px "Poppins",sans-serif; margin: 0 0 10px; text-transform: capitalize; } .pagination li:last-child > a::after { content: "\f178"; font-family: fontawesome; font-size: 13px; position: absolute; right: auto; left:10px; } .pagination li:first-child > a::before { content: "\f177"; font-family: fontawesome; font-size: 13px; position: static; right: 0; } .pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span{margin:0 2px;} .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { background: #272727; border-color: #272727; color: #fff; } .pagination > .active > span, .pagination > .active > a{ background: #272727; border-color: #272727; color: #fff; } .pagination li:last-child > a, .pagination li:first-child > a{font-size:0px; padding: 7px 0;} .pagination > li > a, .pagination > li > span { color: #000000; padding:8px 0; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; width:32px; height:32px; text-align: center; border-color:#dddddd; } /* Left Column stylesheet */ #column-left .product-thumb .no-rating, #column-right .product-thumb .no-rating { display: none; } #column-left .products-list .row > div, #column-right .products-list .row > div { float: left; width: 100%; } #column-left .products-list .row > div .caption h4, #column-right .products-list .row > div .caption h4 { margin: 0 0 3px; } #column-left .products-list .row > div .caption .price, #column-right .products-list .row > div .caption .price { font: 500 14px/18px "Poppins",Helvetica,sans-serif; margin: 0; padding: 0; } #column-left .product-thumb .price-new, #column-right .product-thumb .price-new { font: 500 14px/18px "Poppins",Helvetica,sans-serif; } #column-left .product-thumb .price-old, #column-right .product-thumb .price-old { font-size: 12px; line-height: 14p; } #column-left .products-list .row > div .caption .price .price-tax, #column-right .products-list .row > div .caption .price .price-tax { display: none; } #column-left .products-list .row > div .button-group .btn-cart span, #column-right .products-list .row > div .button-group .btn-cart span { display: block; text-transform: capitalize; font-size: 14px; letter-spacing:0; } #column-left .products-list .row > div .button-group .btn-wishlist, #column-right .products-list .row > div .button-group .btn-wishlist { display: none; } #column-left .products-list .row > div .button-group .btn-compare, #column-right .products-list .row > div .button-group .btn-compare { display: none; } #column-left .product-thumb:hover h4 a, #column-right .product-thumb:hover h4 a, #column-left .product-thumb .button-group .btn-cart:hover > span, #column-right .product-thumb .button-group .btn-cart:hover > span { color:#000; } #column-left .product-thumb .button-group .btn-cart > span, #column-right .product-thumb .button-group .btn-cart > span { font-size:13px; } #column-left .product-thumb h4 a:hover, #column-right .product-thumb h4 a:hover { color:#000; } /* Product page stylesheet */ .product-images .additional-images-container { margin: 0 auto; overflow: hidden; position: relative; width: 95%; } .additional-images .owl-wrapper-outer { float: left; width: 100%; overflow: hidden; } .product-details .product-info td { padding: 3px; } .product-details .product-info .product-info-value { color: #777; padding: 3px 3px 3px 10px; font-weight:normal; } .product-details .product-info tr td { color: #222222; text-transform: capitalize; } .product-product .product-info-value > a{color: #238cd4;} .product-product .product-info-value > a:hover{color:#222;} .product-product .tab-content { background: #ffffff; margin: 20px 0 0; padding: 20px; } .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 #e4e4e4; font-size: 14px; float: left; height: 43px; line-height: 27px; border-radius: 5px; padding: 0 6px; text-align: center; width: 60px; } .product-details h1.product-name { border-bottom: 1px solid #e4e4e4; color: #333333; font-size: 18px; font-weight: normal; margin: 0 0 16px; padding-bottom: 16px; text-transform: capitalize; } .product-details table.product-info { margin: 15px 0; } .product-details .product-price { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 15px 0; margin: 15px 0 20px; } .product-details .addthis_toolbox { padding-top: 15px; width: 100%; float: left; } .product-details .product-options h3 { font: 500 18px/24px "Poppins",Helvetica,sans-serif; } .product-details .rating{display:table;} .product-total-review .fa.fa-comment, .product-write-review .fa.fa-pencil { margin-right: 5px; } .product-details .btn.btn-default.product-btn-wishlist, .product-details .btn.btn-default.product-btn-compare { font-size: 13px; letter-spacing: 0; text-align: left; text-transform: none; border:none; background: none; padding:0 15px 0 0; } .product-details .btn.btn-default.product-btn-wishlist:hover, .product-details .btn.btn-default.product-btn-compare:hover { background: none; } .product-price .product-discounts { list-style: none; margin-top: 10px; font-size:13px; } .product-price .product-reward-points{ font-size:13px; } .product-details .rating > a { border-right: 1px solid #e4e4e4; color: #777777; float: left; font-size: 14px; margin: 2px 10px 0 0; padding: 0 10px 0 0; height:20px; } .product-details .rating > a:last-child { border-right: medium none; } .product-details .rating > a:hover{color:#444;} .rating .product-rating { border-right: 1px solid #e4e4e4; float: left; margin: 0 10px 0 0; padding: 4px 10px 0 0; height:20px; } .product-details .price-new { float: left; margin:0 8px 0 0; } .product-details .price-old { font-weight: normal; text-decoration: line-through; } .product-details .product-tax { margin-top: 10px; } .product-details .product-options h3 { margin: 10px 0; } .product-details ul.product-price h2 { color: #272727; font: 400 18px/20px "Poppins",Helvetica,sans-serif; } .product-options .product-quantity { clear: both; float: left; } .product-options .radio, .product-options .checkbox { padding: 0; margin-top: 0; margin-bottom: 5px; } .product-product .btn.btn-default { background-color: #f5f5f5; border-color: #f5f5f5; color: #777777; padding:7px 15px; } .product-product .btn.btn-default:hover { background-color: #f5f5f5; border-color:#f5f5f5; } .product-product .btn.btn-default:hover { color: #000; } .product-product .btn.btn-default.product-btn-wishlist:hover{ color:#000; } .product-product .btn.btn-default.product-btn-compare:hover{ color:#000; } .product-product .product-details .btn-group > button { margin: 10px 5px 5px 0; } .product-product .product-details .addthis_toolbox > a:first-child { margin: 0px; } .product-product .product-details .addthis_toolbox > a { margin: 0 5px; } .product-tabs { padding:0; clear: both; margin:40px 0; } #tab-review label.control-label { font:500 13px/20px "Poppins",Helvetica,sans-serif; color:#222; margin-bottom:10px; } .product-product .nav.nav-tabs li.active a, .product-product .nav.nav-tabs li:hover a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #333333; border:medium none; } .product-product .nav-tabs > li > a { border: medium none; color: #878787; margin: 0; font: 400 16px/22px "Poppins",Helvetica,sans-serif; padding: 8px 0; position: relative; text-transform: capitalize; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .product-product .nav-tabs > li.active > a::before { background: #333333; bottom: -2px; content: ""; height: 3px; left: 0; position: absolute; right: 0; width: 100%; } .product-product #tab-description > h3, .product-product #form-review > h2 { font-family: "Poppins",Helvetica,sans-serif; font-size:18px; color:#777; } .product-product .nav-tabs > li { margin: 0 15px;} .product-product .nav-tabs > li:first-child {margin-left: 0;} .product-product .nav.nav-tabs {border-bottom: 1px solid #dddddd;} .tab-content #tab-description b{ font-weight:600; color:#414141; } .checkout-cart #accordion .panel-heading {padding: 0px; border-color:#e4e4e4; background: #ffffff;} .checkout-cart #accordion .panel-heading a {padding: 10px 15px;font-family:"Poppins",Helvetica,sans-serif; font-weight:normal;} .checkout-cart #accordion label.control-label { width: 100%; padding: 0px; text-align: left; color:#444; font-size:14px; } .checkout-cart #accordion .form-group { margin: 15px 0; } .checkout-cart #accordion .form-group > div { width: 100%; padding: 0px; margin: 5px 0; } .checkout-cart #content > .buttons { float: left; width: 100%; } .checkout-checkout #accordion .panel-default .panel-heading{ border-color :#e4e4e4; background: #ffffff; } .table.table-bordered { border-color :#e4e4e4; background: #ffffff; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td{ border: 1px solid #e4e4e4; color:#222; } .sub-total-table .table-bordered tbody tr td:first-child strong{ font-weight: normal; } .product-product #review .table.table-striped.table-bordered p { margin: 0; } .checkout-cart .sub-total-table { float: right; } .bootstrap-datetimepicker-widget .accordion-toggle a.btn, .bootstrap-datetimepicker-widget .timepicker td a span { background: #EEEEEE; } .bootstrap-datetimepicker-widget .timepicker td a:hover, .bootstrap-datetimepicker-widget .timepicker td a:focus { color: #FFFFFF; } .bootstrap-datetimepicker-widget .accordion-toggle a.btn:hover, .bootstrap-datetimepicker-widget .timepicker td a span:hover { background: #777; } .datepicker .datepicker-days .table-condensed .day.active,.bootstrap-datetimepicker-widget td span.active,.bootstrap-datetimepicker-widget .accordion-toggle a.btn:hover, .bootstrap-datetimepicker-widget .timepicker td a span:hover,.bootstrap-datetimepicker-widget td span.active,.datepicker-months .table-condensed .month.active, .datepicker-years .table-condensed .year.active {background-color:#ffce64; color: #000000;} .bootstrap-datetimepicker-widget .accordion-toggle a.btn, .bootstrap-datetimepicker-widget .timepicker td a span,.bootstrap-datetimepicker-widget .accordion-toggle a.btn {background: #EEEEEE;} .bootstrap-datetimepicker-widget .timepicker td a:hover, .bootstrap-datetimepicker-widget .timepicker td a:focus {color: #000000;} .bootstrap-datetimepicker-widget .accordion-toggle a.btn:hover, .bootstrap-datetimepicker-widget .timepicker td a span:hover {background:#bc3b36 ;} .datepicker-days .table-condensed .day.today::before{border-bottom: 7px solid #ffce64;} .datepicker-days .table-condensed .day.active.today::before { border-bottom: 7px solid #FFF; } /* Extra pages Stylesheet */ #accordion .panel-heading h4.panel-title a { display: block; } #accordion .panel-heading h4.panel-title a i.fa-caret-down { float: right; } .product-search #content .search-criteria { background: #ffffff; border: 1px solid #e4e4e4; padding: 10px; } .search-criteria > p{ margin:10px 0; } .search-criteria .checkbox-inline{ padding:0; } .product-compare #content .table .btn { display: inline-block; margin: 2px 0; text-transform: capitalize; width: auto; } .information-sitemap .col-sm-6 > ul { padding-left: 15px; } .information-sitemap #content ul ul { padding-left: 30px; margin: 5px 0 10px; } .information-sitemap ul li a{ line-height:22px; } body.product-compare .table-product-image { padding: 10px; } /* information/contact - Location Icons Stylesheet */ .information-contact .contact-location .location-title { font-weight: bold; } .information-contact .panel.google-map, .information-contact .panel.google-map iframe { float: left; width: 100%; } .information-contact .contact-location .location-detail { margin: 0 0 20px 0; } .information-contact .contact-location .location-title i.fa { border: 2px solid #e4e4e4; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; color: #999999; font-size: 16px; height: 30px; margin: 10px 5px 10px 0; padding: 5px; text-align: center; width: 30px; } /* extra page stylesheet */ .table-bordered tr td.text-right.total-amount { color: #414141; } .btn.btn-primary.checkout { font-size: 13px; letter-spacing: 1px; padding: 10px 20px 8px; text-transform: capitalize; } .btn.btn-primary.checkout:hover, .btn.btn-primary.checkout:focus, .btn.btn-primary.checkout:active { background: #fe506a; border:1px solid #fe506a; } .information-contact #content .form-horizontal { float:left; width:100%; } .checkout-cart h2 {font-family: "Poppins",Helvetica,sans-serif;} .checkout-cart tr:last-child > td.text-right.heading-title { font: 700 18px/22px "Poppins",Helvetica,sans-serif !important; color: #555454; text-transform: capitalize; } .cart-form .table-bordered > thead > tr > th, .cart-form .table-bordered > tbody > tr > th, .cart-form .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .cart-form .table-bordered > tbody > tr > td, .cart-form .table-bordered > tfoot > tr > td { background: #FFF; border: 1px solid #e4e4e4; color: #444; font-family:"Poppins",Helvetica,sans-serif; font-size:14px; line-height:18px; letter-spacing:0.6px; text-transform:capitalize; vertical-align: middle; } .cart-form .table-bordered tbody td.text-right.total-price { color: #222; font: 500 16px/20px "Poppins",Helvetica,sans-serif; } .checkout-checkout h4 {font-family: "Poppins",Helvetica,sans-serif;} .affiliate-login h2, .account-login h2, .checkout-checkout h2, .product-search h2 {color: #333333;font: 400 23px/25px "Poppins",Helvetica,sans-serif;} .well { background: #ffffff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 1px solid #e4e4e4; } /* brand page */ .product-manufacturer .a-link-list {border: medium none;} .product-manufacturer .a-link-heading {padding: 5px 16px;} .product-manufacturer .a-link-heading p, .product-manufacturer .a-link-heading h2 {line-height: 38px;} .product-manufacturer .a-link-group { color: #222222; font-family: Poppins; font-size: 16px; margin-bottom: 10px; } .terms-condition h3{font: 400 18px/22px "Poppins",Helvetica,sans-serif;color:#bc3b36;} /* manufacturer_list & account_list & affiliate_list - Tabular list of Brands Stylesheet */ .a-link-group { margin-bottom: 10px; } .a-link-group a { font-weight: bold; } .a-link-list { border: 1px solid #dbdee1; margin-bottom: 20px; padding: 5px; } .a-link-heading { background: #ffffff; font-size: 15px; font-weight: bold; margin-bottom: 6px; padding: 5px 8px; } .a-link-heading p, .a-link-heading h2 { margin: 0px; font-size: 16px; line-height: 20px; font-weight: bold; color:#222; } .a-link-content { padding: 8px; font-size: 14px; } .modal-header { background: #F5F5F5; } .modal-dialog .modal-header .close { font-size: 24px; padding: 3px 5px; margin-top: -5px; float: right; } .modal-title { font-weight: bold; } /*----------------------- Brand Carousel CSS Start ------------------------*/ .brand-carousel .swiper-viewport { border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0; padding: 30px; position: static; } .common-home .brand-carousel { float: left; margin: 0 0 30px; position: relative; width: 100%; } .brand-carousel .brand-items .img-responsive { display: inline-block; opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; } .brand-carousel .brand-items .img-responsive:hover{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .brand-carousel .swiper-pager { bottom: auto; left: auto; line-height: normal; right: 0; top: 15px; width: auto; } .brand-carousel .swiper-viewport .swiper-pager div { bottom: auto; float: left; font-size: 0; margin: 0; height: 30px; left: auto; line-height: 30px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: relative; right: auto; top: auto; vertical-align: top; width: 30px; } .brand-carousel .swiper-pager .swiper-button-prev { border-right: 1px solid #bfbfbf; } .brand-carousel .swiper-pager .swiper-button-prev::before, .brand-carousel .swiper-pager .swiper-button-next::before { color: #888888; float: left; font-family: "FontAwesome"; font-size: 26px; height: 100%; padding: 0; text-align: center; width: 100%; } .brand-carousel .swiper-pager .swiper-button-prev::before { content: "\f104"; } .brand-carousel .swiper-pager .swiper-button-next::before { content: "\f105"; } .brand-carousel .swiper-pager .swiper-button-prev:hover::before, .brand-carousel .swiper-pager .swiper-button-next:hover::before { color: #000000; } /*----------------------- Brand Carousel CSS Start ------------------------*/ /* checkout/cart - cart-form Stylesheet */ .cart-form .input-group .form-control { width: auto; min-width: 50px; text-align: center; } .cart-form .input-group-btn { display: table; float: left; } /* checkout success - Stylesheet */ /*body.checkout-success #content { background: url("TemplateTrip/images/checkout-success.jpg") no-repeat scroll center bottom; } body.account-success #content { background: url("TemplateTrip/images/account-success.jpg") no-repeat scroll center bottom; } body.product-compare #content.no-compare-products { background: url("TemplateTrip/images/no-compare-products.jpg") no-repeat scroll center bottom; } #content.request-not-found { background: url("TemplateTrip/images/request-not-found.jpg") no-repeat scroll center bottom; } #content.no-manufacture-products { background: url("TemplateTrip/images/no-manufacture-products.jpg") no-repeat scroll center bottom; } #content.no-wishlist-products { background: url("TemplateTrip/images/no-wishlist-products.jpg") no-repeat scroll center bottom; }*/ body.checkout-success #content div.buttons, body.account-success #content div.buttons, #content.print-bg-image div.buttons { float: left; } /* footer */ footer { float: left; margin: 20px 0 0; width: 100%; background: #272727; background-size:cover; } footer .footer-column { padding: 40px 20px 20px; } footer .footer-column.footer-left-cms { padding-left: 0; } .footer-container { float: left; padding: 50px 40px; width: 100%; } footer a { color: #888888; font: 400 13px/24px "Poppins",Helvetica,sans-serif; } footer a:hover, footer a:focus { color: #ffffff; } footer .footer-column h5, .payment-icon-inner > h4, #ttcmsfooterservice .title_block, .payment-icon-inner > h4 { font:400 18px/22px "Poppins",sans-serif; color: #ffffff; cursor: pointer; letter-spacing: 0.6px; margin: 0 0 20px; text-transform: capitalize; position: relative; } /* Footer right Contact us Stylesheet */ .footer-bottom { background: #0D6981; float:left; width:100%; } .footer-bottom-link { display: inline-block; float: left; } .footer-bottom p { margin: 8px 0; color: #ffffff; font-size: 12px; } .footer-top-cms { float: left; width: 100%; padding: 0; } .footer-bottom p a { color: #ffffff; font-size: 12px; } .footer-bottom p a:hover { color: #ffce64; } #goToTop:before { color: white; content: "\f106"; font-family: "FontAwesome"; font-size: 20px; } #goToTop { background: #0D6981; border: 2px solid #0D6981; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; bottom: 20px; cursor: pointer; height: 40px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; padding: 7px 12px; position: fixed; right: 20px; text-align: center; width: 40px; z-index: 9999; } #goToTop:hover { background: #248994; border-color: #248994; } #goToTop:hover:before { color: #ffffff; } /* alert */ .alert { padding: 8px 14px; margin: 0 0 20px; clear: both; } .alert .close { color: #000000; right: 0; top: 0; } /* breadcrumb */ .breadcrumb { float: right; line-height: 24px; list-style: outside none none; margin: 0; padding: 0; } .breadcrumb i:hover { color: #000; } .breadcrumb a { color: #222222; } .breadcrumb i { font-size: 16px; vertical-align: baseline; } .breadcrumb > li { white-space: nowrap; display: inline-block; } .breadcrumb > li + li:before { color: #333; content: "\f105"; float: left; font-family: "FontAwesome"; font-size: 13px; margin: 0px 8px; } .main-breadcrumb { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #777777; display: inline-block; font: 400 14px/18px "Poppins",Helvetica,sans-serif; min-width: 60%; overflow: hidden; padding: 0; position: relative; text-align: center; z-index: 1; } /* buttons */ .btn { font-size: 13px; } .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-lg { padding: 6px 20px; font-size: 15px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 12px; } .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:7px 12px; } .btn-default { background: #fe506a; border: 1px solid #fe506a; letter-spacing: 1px; border-radius: 5px; color:#fff; text-transform: capitalize; padding:10px 20px 8px; } .btn.btn-default.cnt:hover, .btn-default:hover, .btn-default:focus, .btn-default.active, .btn-default:active, .btn-default:active:focus { background: #248994; border: 1px solid #248994; color: #ffffff; text-transform: capitalize; letter-spacing: 1px; } .btn.active, .btn:active { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .btn-primary { background: #0D6981; border: 1px solid #0D6981; border-radius: 4px; color: #ffffff; font: 400 13px/18px "Poppins",Helvetica,sans-serif; letter-spacing: 1px; padding: 7px 20px; text-transform: capitalize; } .btn-block { width: auto } .product-details #button-cart { background: #0D6981; border-color: #0D6981; float: left; border-radius: 4px; color: #ffffff; font-family: "Poppins",Helvetica,sans-serif; font-size: 13px; line-height: 28px; padding: 7px 22px 4px 48px; position: relative; text-transform: capitalize; } .product-product #button-cart::before { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") no-repeat scroll -24px -126px; content: ""; font-size: 17px; position: absolute; width: 56px; height:35px; left:0; right:auto; } .product-details #button-cart.btn.btn-primary:hover { border-color: #248994; background: #248994; } .product-details .fa.fa-shopping-cart {padding-right: 5px; font-size: 17px;} .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-position: 0 -15px; } /*button-color-*/ .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary.active, .open .dropdown-toggle.btn-primary,#button-login.btn.btn-primary:focus,.btn-primary:active,#button-account.btn.btn-primary:focus,#button-register.btn.btn-primary:focus,#button-shipping-method.btn.btn-primary:focus,#button-payment-address.btn.btn-primary:focus,#button-shipping-address.btn.btn-primary:focus,#button-payment-method.btn.btn-primary:focus,#button-guest.btn.btn-primary:focus,#button-review.btn.btn-primary:focus,#button-coupon.btn.btn-primary:focus,#button-voucher.btn.btn-primary:focus,#button-quote.btn.btn-primary:focus,#button-confirm.btn.btn-primary:focus { background: #248994; border: 1px solid #248994; color: #ffffff; } .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: #248994; border: 1px solid #248994; color: #ffffff; } .product-product #button-cart.btn-primary:focus, .product-product #button-cart.btn-primary:active { background: #248994; border: 1px solid #248994; color: #ffffff; text-transform: capitalize; } .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; background-color: #da4f49; letter-spacing: 1px; text-transform: uppercase; } .btn-success { color: #ffffff; background-color: #5bb75b; } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-info { color: #ffffff; background-color: #ff8960; border-color: #ff8960; } .btn-info:hover{ background:#000; border-color:#000; } .btn-link { border-color: rgba(0, 0, 0, 0); cursor: pointer; color: #777; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: rgba(0, 0, 0, 0); background-image: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .btn-inverse { color: #ffffff; background-color: #363636; } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222222; } /* list group */ .list-group .list-group-item { border: 1px solid #DDDDDD; color: #888888; cursor: pointer; } .list-group a.child-item, .list-group a.current-child-item { padding-left: 30px; } /* carousel */ .carousel-caption { color: #FFFFFF; } .carousel-control .icon-prev:before { content: '\f053'; font-family: FontAwesome; } .carousel-control .icon-next:before { content: '\f054'; font-family: FontAwesome; } /* product list */ .product-category .category-description{ background: #ffffff; padding: 15px; width:100%; float:left; } .product-layout, .product-layouts { padding: 5px; } .product-thumb .thumb-description { padding: 0 15px; } .product-thumb .image { border: 1px solid #eeeeee; overflow: hidden; margin-bottom:13px; text-align: center; position:relative; } .product-thumb .image a { display: block; } .product-thumb .image img { margin-left: auto; margin-right: auto; max-width:100%; } .product-grid .product-thumb .image{padding: 0px;} .product-grid .product-thumb.row {margin: 0;} .product-list .sale-icon { display: block; } .product-list .product-thumb { padding: 0 0 30px; } .product-list .product-thumb:hover { box-shadow: none; } .product-list .product-thumb .image { margin: 0; padding: 0; } .product-list .product-thumb .thumb-description { padding: 0 15px; } .product-list .product-thumb .caption { float: left; padding: 0 15px; width: 65%; } .product-list .thumb-description .button-wrapper { border-left: 1px solid #e4e4e4; float: left; padding: 20px 0 0 20px; width: 35%; } .product-thumb h4 { font: 400 13px/18px "Poppins",Helvetica,sans-serif; margin: 0; overflow: hidden; padding: 0; text-overflow: ellipsis; } .product-thumb h4 a { text-transform: capitalize; color: #888888; font: 400 13px/18px "Poppins",Helvetica,sans-serif; text-transform: capitalize; white-space:nowrap; } .product-thumb h4 a:hover, .product-thumb:hover h4 a { color:#000; } .product-thumb .rating { position: static; margin: 10px 0; } .rating .fa-stack { font-size: 8px; } .rating .fa-star.off, #tab-review .fa-star.off { color: #c5c5c5; } .rating .fa-star-o, #review .fa-star-o { color: #c5c5c5; font-size: 13px; } .fa-star-o::before{ content:"\f005"; } .rating .fa-star, #review .fa-star { color: #ffbf34; font-size: 13px; position:relative; } .rating .fa-star + .fa-star-o, #review .fa-star + .fa-star-o {color: #ffce64;} h2.price { margin: 0; } .product-thumb .price { color: #238cd4; font: 500 16px/18px "Poppins",Helvetica,sans-serif; margin: 0; margin-top: 5px; padding-bottom: 9px; } .product-thumb .price-new { margin: 0; font:500 16px/18px "Poppins",Helvetica,sans-serif; } .product-thumb .price-old { color: #888888; text-decoration: line-through; font-size:14px; font-weight: normal; line-height:16px; } .product-thumb .price-tax { color: #999; font-size: 12px; display: none; } .product-list .product-thumb .price-tax { display: block; } /*----------------------button css start----------------------*/ .product-thumb .button-group { bottom: 110px; left: 15px; position: absolute; right: auto; top: auto; opacity:0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .product-thumb:hover .button-group { opacity:1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-list .product-thumb .button-group { float: left; height: auto; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: static; width: 140px; } .product-list .product-thumb .button-group .btn-cart { background: #fe506a; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; margin: 0 0 18px; padding: 10px 20px; width: auto; } .product-list .product-thumb .button-group button.btn-cart:hover { background: #238cd4; } .product-list .button-group button.btn-cart:hover span { color: #ffffff; } .product-list .button-group button.btn-cart span { color: #fff; display: inline-block !important; font:400 13px/18px "Poppins",Helvetica,sans-serif; text-transform: capitalize; } .product-list .product-thumb .button-group button + button { float: left; height: 40px; margin: 0 5px 0 0; width: 40px; } .product-thumb .button-group button { background: #f5f5f5; border: medium none; color: #ffffff; display: inline-block; height: 36px; margin: 0; padding: 0; text-align: center; text-transform: uppercase; width: 36px; border-radius:50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; vertical-align: top; } .product-thumb .button-group button:hover { background-color: #fe506a; text-decoration: none; cursor: pointer; } .product-thumb .button-group i { background-image:url("TemplateTrip/images/product-sprite.png"); background-repeat:no-repeat; height:100%; width:100%; } .button-group button.btn-cart span, .button-group button.btn-wishlist span, .button-group button.btn-compare span{ display: none; } .product-thumb .button-group i::before { content:""; } .product-thumb .button-group i.fa-shopping-cart { background-position: 6px -40px; } .product-thumb .button-group .btn-cart:hover i.fa-shopping-cart { background-position: -37px -40px; } .product-list .button-group i.fa-shopping-cart{ display: none; } .product-thumb .button-group i.fa-heart { background-position: 6px 5px; } .product-thumb .button-group .btn-wishlist:hover i.fa-heart { background-position: -37px 5px; } .product-list .product-thumb .button-group i.fa-heart { background-position: 9px 7px; } .product-list .product-thumb .button-group .btn-wishlist:hover i.fa-heart { background-position: -35px 7px; } .product-thumb .button-group .btn-compare i { background-position: 6px -88px; } .product-thumb .button-group .btn-compare:hover i { background-position: -37px -88px; } .product-list .product-thumb .button-group .btn-compare i { background-position: 8px -86px; } .product-list .product-thumb .button-group .btn-compare:hover i { background-position: -35px -86px; } /*----------------------------button css end----------------------*/ /*product-page */ .product-product #content .row { margin: 0; } .product-block { background: #ffffff; float: left; padding: 30px 15px; width: 100%; } .product-product .product-image .thumbnail { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #e4e4e4; padding: 0; margin: 0 0 5px; transition: none; -moz-transition: none; -webkit-transition: none; -khtml-transition: none; -o-transition: none; } .product-product .related-carousel { margin: 10px 0; padding: 0; } .additional-images .owl-item,.related-items .owl-item{float:left;} .thumbnails { overflow: auto; clear: both; list-style: none; padding: 0; margin: 0; } .thumbnails > li { margin-left: 20px; } .thumbnails > img { width: 100%; } .thumbnails .owl-carousel.additional-images { float: left; width: 100%; padding: 0 35px; } .thumbnails .additional-images { border: 0 none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; display:inline-block; } .additional-images-container .customNavigation > .btn { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; } .additional-images .thumbnail { border: 1px solid #e4e4e4; display: block; margin: 8px; overflow: hidden; padding: 0; } .additional-images .thumbnail:hover { border-color: #e4e4e4; } .products-list .owl-carousel { background: #ffffff; border: medium none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; width: auto; position: static; padding: 15px; margin: 0; } .additional-images > .image-additional { float: left; padding: 0 10px; } @media (min-width: 1301px) and (max-width: 1600px) { .container { max-width: 1295px; } } @media (min-width: 1200px) and (max-width: 1300px) { .container { width: 1170px; } } @media (max-width: 1199px) { #column-left .product-thumb .thumb-description, #column-right .product-thumb .thumb-description { padding:0 5px; width:60%; } .product-list .product-thumb .caption { width:64%; } .product-list .thumb-description .button-wrapper { width:36%; } .product-images .additional-images-container { width:100%; } #column-left .products-list .row > div .image, #column-right .products-list .row > div .image { width: 40%; } } @media (min-width: 992px) { #menu ul.nav > li.dropdown:hover > .dropdown-menu { display: block; padding:0; border-color:#e4e4e4; } #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown > a:after { font-family: 'FontAwesome'; content: '\f105'; position: absolute; right: 5px; top: 2px; } } @media (max-width: 991px) { #cart { padding: 0 15px; margin: 35px 0 0; } #form-currency .btn.dropdown-toggle span, #form-language .btn.dropdown-toggle span { display: none; } #top-links > ul { display: inline-block; float: none; margin: 0; vertical-align: top; } .header-left { margin: 30px 0 0; } #menu .navbar-collapse { background:#fff; padding: 0; position: absolute; width: 100%; z-index: 999; border:1px solid #e4e4e4; top:57px; left:0; right:0; } #menu .navbar-header.collapsed, #menu #category { display:block !important; position:relative; width:100%; text-align:left; } #menu { position: relative; } .menu-container .left { position:unset; } #menu div.navbar-header:after, #menu .navbar-header i.fa { font-family: "FontAwesome"; content:"\f0c9"; font-size: 14px; position: absolute; right: 10px; top: 19px; font-weight:normal; color: #ffffff; } #menu .nav > li.dropdown:hover::after{ display:none; } #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.single-dropdown-menu{ padding:0; } #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown::after{ display:none; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a { color: #FFFFFF; } #menu .list-unstyled.childs_1.single-dropdown-menu a { padding:0 15px; } .navbar-nav { margin:0; padding: 10px 20px; } #menu .nav li.dropdown > a, #menu .nav > li.dropdown > span { padding: 0; } #menu .nav.navbar-nav > li:hover > a, #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a:hover, #menu .nav.navbar-nav > li:hover > span{ color:#000; } #menu .nav > li.dropdown::after { content: ""; } #menu .nav > li.dropdown::before { content: ""; } #menu .navbar-collapse li.dropdown > i { background:none; font-size: 14px; position: absolute; color: #777777; right: 0; top: 5px; padding: 0; cursor: pointer; text-align: center; } #menu .navbar-collapse li.dropdown > .dropdown-menu { position: relative; width: 100%; top:0; border: none; } #menu ul.nav li ul.list-unstyled.single-dropdown-menu > li.dropdown .dropdown-menu { position: static; display: block; } #menu ul.nav li ul.list-unstyled.mega-dropdown-menu > li.dropdown .dropdown-menu { padding: 0 15px; } #menu div.dropdown-inner > ul.list-unstyled { display: block; padding: 0 !important; } #menu .dropdown-menu a:hover, #menu .dropdown-menu ul li a:hover { background: rgba(0, 0, 0, 0); } #menu .see-all { margin-top: 0; border: none; color: #FFFFFF; } .menu-container > .container { position:relative; } #menu .nav.navbar-nav > li { display:block; text-align:left; } #menu .nav > li > a, #menu .nav > li > span { color:#414141; text-transform:capitalize; padding:0; line-height:26px; font-size:14px; } #menu .navbar-collapse li.dropdown > i::before { content: "\f067"; font-family: fontawesome; } #menu .navbar-collapse li.dropdown.active > i::before{ content:"\f068"; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a,#menu .dropdown-inner a { color:#414141; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a::after { display:none; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a, #menu .dropdown-inner a,#menu ul.nav li ul.list-unstyled.mega-dropdown-menu > li.dropdown .dropdown-menu { padding:0 0 0 15px !important; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a { text-transform:capitalize; } #menu .nav.navbar-nav > li:hover > a, #menu .nav.navbar-nav > li:hover > span { background:none; color:#000; } .product-list .product-thumb .caption, .product-list .thumb-description .button-wrapper { float:left; width:100%; border:none; padding:0; } .product-list .product-thumb .thumb-description { padding: 0 30px; } .product-list.product-layout .button-group { width:100%; } .product-list .product-thumb .button-group button { float: left; height: auto; margin: 0 5px 0 0; width: auto; } .product-list .product-thumb .button-group .btn-cart { margin: 0 5px 0 0; } footer { margin: 0; padding: 20px 0 0; } footer .footer-column { float: left; padding: 0; width: 100%; } footer .footer-column ul{ padding:0 10px; } .footer-bottom { margin-top: 15px; } footer .footer-column h5.toggle:hover { cursor:pointer; } footer .footer-column h5.toggle, #ttcmsfooterservice .title_block, .payment-icon-inner > h4 { padding: 10px; margin: 0 0 2px; position:relative; } footer .footer-column h5.toggle:hover, #ttcmsfooterservice .title_block:hover, .payment-icon-inner > h4:hover { background: rgba(0, 0, 0, 0.05); } footer .footer-column h5.toggle:after, #ttcmsfooterservice .title_block:after, .payment-icon-inner > h4:after { content: "\f067"; display: block; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; position: absolute; right: 10px; left: auto; top: 10px; } footer .footer-column.active h5.toggle:after, footer .contact-us.active h5.toggle:after, footer .payment-icon-block .payment-icon-inner.active h4::after, #ttcmsfooterservice.active .title_block.toggle::after, #ttcmsfooter.active .ttabout-title.toggle::after, .payment-icon-inner.active > h4 { content: '\f068'; font-weight:normal; } .product-images .additional-images-container { width:80%; } /*------------------------------------- Column Toggle CSS Start ------------------------------------------*/ body .container > .row > #content { float: left; width: 100%; } body .container > .row > #column-left, body .container > .row > #column-right { float: left; width: 100%; display: block !important; } #column-left > div, #column-right > div { padding: 0; margin-bottom: 10px; cursor: pointer; } #column-left .swiper-viewport, #column-right .swiper-viewport { padding: 8px; margin-bottom: 10px; } #column-left .panel-default, #column-right .panel-default, #column-left .category-treeview.panel-default, #column-right .category-treeview.panel-default, #ttcmstestimonial .title_block { padding: 15px; cursor: pointer; } #column-left .panel-default.information-list, #column-right .panel-default.information-list, #column-left .panel-default.category-treeview, #column-left .panel-default.category-treeview { padding: 0; } #column-left .panel-heading, #column-right .panel-heading, #column-left .box-heading > h3, #column-right .box-heading > h3 { padding: 15px; } #column-left .toggle:after, #column-right .toggle:after { content: "\f067"; float: right; color: #333333; font-family: "FontAwesome"; font-size: 14px; font-weight: 400; left: auto; position: absolute; right: 15px; left: auto; top: 15px; display:block; background:none; } #column-left .box-heading, #column-right .box-heading { position: relative; } #column-left .panel-default.active > div.toggle:after, #column-left .products-list.active > div.toggle:after, #column-right .panel-default.active > div.toggle:after, #column-right .products-list.active > div.toggle:after, #ttcmstestimonial .tttestimonial-inner.active > h4.toggle:after { content:"\f068"; } #column-left .products-list > .row, #column-right .products-list > .row, #header-left .products-list > .row, #header-right .products-list > .row, #footer-left .products-list > .row, #footer-right .products-list > .row { float: left; width: 100%; margin: 15px 0 0; } #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%; margin: 15px 0; padding: 0 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%; } .category-treeview ul { float: left; width: 100%; margin: 15px 0 0; } .option-filter-box { border: 1px solid #e4e4e4; float: left; padding: 20px; width: 100%; } .option-filter-box .list-group-items > .list-group-item { padding: 0 0 10px; } .option-filter-box .list-group .list-group-item, .option-filter-box .radio, .option-filter-box .checkbox { width: 100%; float: left; background: #FFF; border: none; } .option-filter-box a.list-group-item { padding: 10px 0; text-transform: uppercase; } .option-filter-box .list-group { float: left; width: 100%; margin: 0; } .option-filter-box .panel-footer { float: left; width: 100%; background: #FFF; padding: 0; } .option-filter-box .btn.btn-primary { padding: 7px 18px; } .option-filter-box .checkbox > label:hover, .option-filter-box .checkbox > label:hover { color: #000; } /*-------------------------------- CateGory Filter CSS Start --------------------------------------*/ /*------------------------------------- Column Toggle CSS End ------------------------------------------*/ } @media (min-width: 768px) { /* fixed colum left + content + right*/ #column-left .product-layout .col-md-3 { width: 100%; } #column-left + #content + #column-right .product-layout .col-md-3 { width: 100%; } #content + #column-right .product-layout .col-md-3 { width: 100%; } } @media (max-width: 767px) { .header-top-left { width: 100%; } .header-top-right { width: 100%; float: left; text-align: center; } .header-top-right .pull-right { float: none !important; } header .header-left { margin: 25px auto auto; width: 100%; } #logo { margin: 0 auto; width: 148px; } .full-header .container { position: relative; } #form-currency .btn-group ul.dropdown-menu.currency-toggle, #form-language .btn-group ul.dropdown-menu.language-toggle, #top-links .dropdown .dropdown-menu { top: 33px; left: 0; right: 0; } #cart { background: #fe506a; bottom: -57px; height: 57px; left: auto; margin: 0; padding: 0; position: absolute; right: 10px; top: auto; width: 55px; z-index: 99; } .header-right #cart .cart-heading { display: none; } .header-right #cart button.btn { width: 100%; height: 100%; } .header-right #cart > button.btn::after { width: 100%; height: 100%; background-position: -25px -107px; } .header-right #cart:hover > button.btn::after { background-position: -25px -107px; } #cart #cart-total { background: #000000; top: 14px; right: 8px; left: auto; } #menu { padding: 0 50px 0 0; } .category-filter .filter-show, .category-filter .filter-sort-by { clear: left; margin: 3px 0; float: left; } .product-tabs { width: 100%; float: left; } #cart .dropdown-menu { top: 57px; } .category-products .product-grid { width: 50%; } .information-contact .contact-location .col-sm-3 { width: 50%; float: left; } footer .footer-column h5, .payment-icon-inner > h4, #ttcmsfooterservice .title_block, .payment-icon-inner > h4 { font-size:15px; } #top .header-top-left { float: left; text-align: center; width: 100%; } .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; } #form-currency .btn.dropdown-toggle, #form-language .btn.dropdown-toggle { padding: 0; } .header-top-right { float: left; text-align: center; width: 100%; margin: 5px 0; } .product-thumb .button-group { opacity:1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-thumb .sale-icon, .product-sale-icon { display: block; } #page > .page-title-wrapper .container { text-align:center; } .page-title-wrapper .page-title { float:left; width:100%; text-align:center; margin: 10px 0 15px; } .breadcrumb { float:none; margin:0 auto; display:inline-block; } } @media (max-width: 480px) { header .header-left { margin: 30px auto 20px; } .header-top-right .dropdown span { font-size: 0; float: right; } .header-top-right .dropdown .dropdown-toggle > i.fa-user { display: inline; } .header-top-right .dropdown .dropdown-toggle > i::before { content: "\f007"; } .full-header .container { padding: 0 10px; } #cart { right: 10px; left: auto; } #cart .dropdown-menu { min-width: 200px; } #cart .dropdown-menu li p { padding-top: 0; } #top-links > ul > li { padding-left:6px; padding-right:6px; } .TTProduct-Tab .nav-tabs > li > a { padding: 10px 0; } .TTProduct-Tab .tab-box-heading .nav-tabs { width: 100%; } .TTProduct-Tab .tab-box-heading .nav.nav-tabs li { width: 100%; text-align: center; } .TTProduct-Tab.products-list .owl-carousel { position: relative; } .TTProduct-Tab .tab-box-heading { margin: 20px 0 50px; } .TTProduct-Tab .box-heading h3, .box-heading h3, .page-title-wrapper h1 { font-size:18px; } .TTProduct-Tab .nav-tabs li h3, .nav-tabs > li > a { font-size:18px; } .banner-panel img { display: inline-block; text-align: center; } #column-left .banner-panel, #column-right .banner-panel { text-align: center; } .product-list .product-thumb .image { display: inline-block; float: none; text-align: center; width: 100%; } .product-list .product-thumb { padding: 0 0 10px; box-shadow: none; } .product-list .product-thumb .thumb-description { width: 100%; padding: 0; } .product-list.product-layout .button-group { margin:10px 0 0; } .header-middle #header-search { float:none; margin:0 auto; } .category-products .product-grid { width: 100%; } .page-title-wrapper .breadcrumb > li { float:none; display:inline-block; } .category-filter .filter-text.filter-text { width: auto; } .header-top-left .dropdown-toggle span, .header-top-left .phone-number { display:none !important; } .product-product .product-details .rating .product-rating::after { display:none; } .table { overflow: scroll; display: inline-block; } .table td { width: 100%; } .category-products .product-grid { width: 100%; } .information-contact .contact-location .col-sm-3 { border-bottom: 1px solid #eeeeee; width: 100%; } .information-contact .contact-location .col-sm-3:last-child { border-bottom: 0 none; } #content .category-list h3 { font-size:17px; } .option-filter-box .btn.btn-primary { padding: 5px 10px; } .category-products .product-thumb .image, .product-category .product-thumb .product-list-caption { float:left; width:100%; text-align: center; margin: 0 0 20px } .product-category .category-pagination div.text-left, .category-pagination div.text-right { float:left; width:100%; text-align:center; } .rating .product-rating { width: 100%; margin: 0 0 10px; padding: 0; } .product-product .product-tabs .nav-tabs li { float: none; width:100%; margin:0; } .image-additional a.thumbnail { margin: 5px; } .product-images .additional-images-container { width: 100%; } .thumbnails .owl-carousel.additional-images { padding: 0 30px; } .product-list .thumb-description { padding:0; } .product-quantity label, .product-quantity #input-quantity { margin:0 3px 0 0; } .product-product #form-review .form-group label.control-label { float: left; width: 100%; } .product-product #button-cart { margin: 10px 0 0; } .footer-bottom-link { text-align: center; width: 100%; } } @media (max-width: 319px) { header #logo, #logo .img-responsive, #search, #header-search { width: 100%; } } /*---------------------------- Start TT - CMS Header services ----------------------------*/ #ttcmsheader .ttheader-service { color: #ffffff; font-weight: 400; line-height: 20px; padding: 10px 0; } #ttcmsheader .ttheader-service:before { background: transparent url("TemplateTrip/images/sprite.png") repeat scroll -38px -487px; content: ""; float: left; height: 20px; width: 30px; } @media (max-width: 991px) { #ttcmsheader { width: 100%; text-align: center; } #ttcmsheader .ttheader-service { display: inline-block; float: none; vertical-align: top; padding: 10px 0 0; } #ttcmsheader .ttheader-service:before { height: 20px; } } /*---------------------------- End TT - CMS Header services ----------------------------*/ /* ------------------------------------ Start TT - CMS Header services ------------------------------- */ #ttcmsheaderservices { float: right; margin: 25px 15px 24px 0; padding: 10px; } header.fixed #ttcmsheaderservices { margin: 15px 15px 13px 0; } #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content:after { border-right: 1px solid #e5e5e5; content: ""; position: absolute; top: -7px; right: 0; height: 55px; } #ttcmsheaderservices .ttcmsheaderservice { float: right; padding: 0; } #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content .service-title { font: 400 14px/20px "Poppins", sans-serif; color: #292929; text-transform: capitalize; } #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content .service-desc { font: 400 14px/20px "Poppins", sans-serif; color: #292929; } #ttcmsheaderservices .ttcmsheaderservice .ttsupport .ttcontent_inner .service .ttsupport_img { background: transparent url("TemplateTrip/images/sprite.png") repeat scroll -35px -426px; float: left; height: 42px; margin: 0 5px 0 0; width: 36px; } @media (min-width: 992px) and (max-width: 1199px) { #ttcmsheaderservices { width: 20%; } } @media (min-width: 768px) and (max-width: 991px) { #ttcmsheaderservices { margin: 22px 0 17px; width: 28%; } } @media (max-width: 767px) { #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content:after { border: none; position: static; } #ttcmsheaderservices .ttcmsheaderservice .ttsupport .ttcontent_inner .service .ttsupport_img { display: inline-block; float: none; vertical-align: top; } #ttcmsheaderservices .ttcmsheaderservice .ttsupport { text-align: right; } #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content { display: inline-block; text-align: left; } #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service { text-align: center; } #ttcmsheaderservices { margin: 10px 0; } } @media (max-width: 480px) { #ttcmsheaderservices .ttcmsheaderservice .ttsupport .ttcontent_inner .service .ttsupport_img { margin: 0; } #ttcmsheaderservices .ttcmsheaderservice .ttsupport { text-align: left; padding: 0; } #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content .service-desc { font-size: 12px; line-height: 18px; } #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content .service-title { font-size: 14px; line-height: 18px; } #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content { border: none; } #ttcmsheaderservices { padding: 0 10px; } } /* ------------------------------------ End TT - CMS Header services ------------------------------- */ /*------------------------------------- TT-Right CMS CSS Start ---------------------------------*/ #ttcmsrightbanner .ttrightbannerblock .ttbanner .ttrightbanner { padding: 0 0 20px; } #ttcmsrightbanner .ttrightbannerblock .ttbanner .ttrightbanner:last-child { padding: 0; } #ttcmsrightbanner .ttrightbannerblock .ttbanner .ttrightbanner .ttrightbanner-img a { display: block; position: relative; overflow: hidden; } #ttcmsrightbanner .ttrightbannerblock .ttbanner .ttrightbanner .ttrightbanner-img a:after { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)"; content: ""; height: 100%; position: absolute; right: -100%; top: 0; transform: skew(-20deg, 0deg); -webkit-transform: skew(-20deg, 0deg); -ms-transform: skew(-20deg, 0deg); -o-transform: skew(-20deg, 0deg); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -khtml-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 70%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #ttcmsrightbanner .ttrightbannerblock .ttbanner .ttrightbanner .ttrightbanner-img a:before { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)"; content: ""; height: 100%; left: -100%; position: absolute; top: 0; transform: skew(-20deg, 0deg); -webkit-transform: skew(-20deg, 0deg); -ms-transform: skew(-20deg, 0deg); -o-transform: skew(-20deg, 0deg); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -khtml-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 70%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #ttcmsrightbanner .ttrightbannerblock .ttbanner .ttrightbanner .ttrightbanner-img:hover a:after { right: -20%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } #ttcmsrightbanner .ttrightbannerblock .ttbanner .ttrightbanner .ttrightbanner-img:hover a:before { left: -20%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } @media (max-width: 1200px) { #ttcmsrightbanner .ttrightbannerblock .ttbanner .ttrightbanner .ttrightbanner-img a img { max-width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { #ttcmsrightbanner .ttrightbannerblock .ttbanner .ttrightbanner { padding: 0 0 12px; } #ttcmsrightbanner { padding: 0 10px; } } @media (max-width: 767px) { #ttcmsrightbanner .ttrightbannerblock .ttbanner .ttrightbanner { padding: 0 0 14px; } } @media (min-width: 480px) and (max-width: 767px) { #ttcmsrightbanner { padding-left: 10px; } } @media (max-width: 480px) { #ttcmsrightbanner { width: 100%; margin: 0 0 20px; text-align: center; } } /*------------------------------------- TT-Right CMS CSS End ---------------------------------*/ /*---------------------------- Start TT - CMS Top Services block ----------------------------*/ #ttcmsleftservices { float: left; width: 100%; margin: 0 0 20px; } #ttcmsleftservices .title_block { display: none; } #ttcmsleftservices .block_content { float: left; width: 100%; background: white; } #ttcmsleftservices .block_content > div { float: left; position: relative; padding: 20px; } #ttcmsleftservices .block_content > div:after { border-right: 1px solid #e4e4e4; content: ""; position: absolute; right: 0; top: 13px; height: 70px; } #ttcmsleftservices .block_content > div:last-child:after { border: none; } #ttcmsleftservices .block_content > div .ttcontent_inner { display: inline-block; float: none; width: auto; } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-icon { width: 62px; height: 52px; float: left; } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-icon.ttsupport_img { background: url("../../../../../image/catalog/icons/Icons-customer_support.png"); } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-icon.ttsaving_img { background: url("../../../../../image/catalog/icons/Icons-savings.png"); } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-icon.ttmoneyback_img { background: url("../../../../../image/catalog/icons/Icons-returs.png"); } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-icon.ttshipping_img { background: url("../../../../../image/catalog/icons/Icons-free-shipping.png"); } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-icon.ttawardwinner_img { background: url("../../../../../image/catalog/icons/Icons-returs.png"); } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-content { float: left; padding: 5px 0 0 15px; text-align: left; } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-content .service-title { font: 400 16px/24px "Poppins", Helvetica, sans-serif; color: #222222; } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-content .service-desc { font: 400 13px/18px "Poppins", Helvetica, sans-serif; color: #888888; } #ttcmsleftservices .block_content > div:hover .ttcontent_inner .service .service-content .service-title { color: #238cd4; } @media (max-width: 991px) { #ttcmsleftservices .block_content > div { text-align: center; } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-icon { float: none; margin: 0 auto; } } @media (min-width: 480px) and (max-width: 767px) { #ttcmsleftservices .block_content > div { padding: 20px 0; } #ttcmsleftservices .block_content > div:after { top: 35px; } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-content { padding: 5px 0 0; text-align: center; float: none; } } @media (min-width: 768px) and (max-width: 991px) { #ttcmsleftservices .block_content > div:after { height: 120px; } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-content .service-desc { font-size: 12px; } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-content .service-title { font-size: 14px; } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-content { padding: 5px 0 0 0; text-align: center; } } @media (max-width: 767px) { #ttcmsleftservices .block_content { margin: 0; } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-content .service-desc { font-size: 12px; } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-content .service-title { font-size: 14px; } #ttcmsleftservices .block_content > div .ttcontent_inner { display: block; } } @media (max-width: 480px) { #ttcmsleftservices { margin: 0 0 10px; } #ttcmsleftservices .block_content > div { width: 50%; padding: 20px 0; } #ttcmsleftservices .block_content > div:after { border: none; } #ttcmsleftservices .block_content > div .ttcontent_inner .service .service-content { padding: 0 15px; text-align: center; } } /*---------------------------- End TT - CMS Top Services block ----------------------------*/ /* ------------------------------------ Start TT - CMS testimonial ------------------------------- */ #tttestimonial-carousel.owl-carousel { border: none; list-style: none; padding: 0 10px 18px; margin: 0; float: left; } #ttcmstestimonial { float: left; text-align: center; width: 100%; } #ttcmstestimonial .tttestimonial-content.container { padding: 0; } #ttcmstestimonial .title_block .ttblock-heading { border: medium none; font-family: "Poppins", sans-serif; font-size: 24px; font-weight: 600; padding: 8px 20px; margin: 0; } #ttcmstestimonial .title_block .ttblock-heading:before { display: none; } #ttcmstestimonial .tttestimonial-subtitle { font-family: "Poppins", Helvetica, sans-serif; font-size: 12px; color: #888888; float: left; width: 100%; margin: 0; text-transform: capitalize; padding-bottom: 10px; position: relative; } #ttcmstestimonial ul li { float: left; width: 100%; } #ttcmstestimonial ul li .testimonial-image { height: 90px; width: 90px; float: left; margin: 10px 0 0px 0; } #ttcmstestimonial ul li .testimonial-image img { border: 1px solid #e4e4e4; float: left; width: 100%; height: 100%; } #ttcmstestimonial ul li .testimonial-user-title { float: left; text-align: left; padding: 0 0 0 20px; } #ttcmstestimonial ul li .testimonial-user-title h3 { color: #333333; font: 400 14px/18px "Poppins", sans-serif; margin-bottom: 0; } #ttcmstestimonial ul li .testimonial-user-title h3 i { font-style: italic; font-weight: normal; text-transform: capitalize; color: #888888; } #ttcmstestimonial ul li .testimonial-content { margin: 20px 0 00px; float: left; width: 100%; text-align: left; } #ttcmstestimonial ul li .testimonial-content .testimonial-desc { float: left; margin: 0 0 10px; padding: 0 10px; width: 100%; } #ttcmstestimonial ul li .testimonial-content .testimonial-desc > p { color: #888888; line-height: 20px; } #ttcmstestimonial .owl-buttons { display: inline-block; float: none; text-align: center; vertical-align: top; width: auto; } #ttcmstestimonial .owl-buttons > div { height: 30px; width: 30px; font-size: 0; float: left; display: inline-block; vertical-align: top; cursor: pointer; position: relative; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #ttcmstestimonial .owl-buttons > div:before { font-family: "FontAwesome"; font-size: 26px; float: left; width: 100%; text-align: center; padding: 5px; height: 100%; color: #888888; } #ttcmstestimonial .owl-buttons > div:hover:before { color: #333333; } #ttcmstestimonial .owl-buttons .owl-prev { border-right: 1px solid #bfbfbf; left: 0; } #ttcmstestimonial .owl-buttons .owl-next { right: 0; } #ttcmstestimonial .owl-buttons .owl-prev:before { content: "\f104"; } #ttcmstestimonial .owl-buttons .owl-next:before { content: "\f105"; } @media (min-width: 992px) and (max-width: 1400px) { #ttcmstestimonial ul li .testimonial-content .testimonial-desc { margin: 0 0 20px; padding: 0 20px; } } @media (max-width: 767px) { #ttcmstestimonial ul li .testimonial-content { margin: 20px 0 30px; } } /* ------------------------------------ End TT - CMS testimonial ------------------------------- */ /* ----------------------------- Start TT - CMS sub-banner block ----------------------- */ #ttcmssubbanners { background: white; float: left; padding: 15px 0; width: 100%; margin: 0 0 10px; } #ttcmssubbanners .ttsubbannerblock { display: inline-block; float: none; vertical-align: top; padding: 0; width: 100%; } #ttcmssubbanners .ttsubbannerblock .ttbanner .ttsubbanner .ttsubbanner-img img { max-width: 100%; height: auto; } #ttcmssubbanners .ttsubbannerblock .ttbanner .ttsubbanner .ttsubbanner-img a { display: block; position: relative; overflow: hidden; } #ttcmssubbanners .ttsubbannerblock .ttbanner .ttsubbanner .ttsubbanner-img a:after { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)"; content: ""; height: 100%; position: absolute; right: -100%; top: 0; transform: skew(-20deg, 0deg); -webkit-transform: skew(-20deg, 0deg); -ms-transform: skew(-20deg, 0deg); -o-transform: skew(-20deg, 0deg); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -khtml-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 70%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #ttcmssubbanners .ttsubbannerblock .ttbanner .ttsubbanner .ttsubbanner-img a:before { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; content: ""; height: 100%; left: -100%; position: absolute; top: 0; transform: skew(-20deg, 0deg); -webkit-transform: skew(-20deg, 0deg); -ms-transform: skew(-20deg, 0deg); -o-transform: skew(-20deg, 0deg); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -khtml-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 70%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #ttcmssubbanners .ttsubbannerblock .ttbanner .ttsubbanner .ttsubbanner-img a img { max-width: 100%; } #ttcmssubbanners .ttsubbannerblock .ttbanner .ttsubbanner:hover a:after { right: -20%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } #ttcmssubbanners .ttsubbannerblock .ttbanner .ttsubbanner:hover a:before { left: -20%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } #ttcmssubbanners .ttsubbannerblock .ttsubbanner-row2 { padding: 30px 0 0; } @media (min-width: 768px) and (max-width: 991px) { #ttcmssubbanners .ttsubbannerblock .ttbanner .ttsubbanner { padding: 0 10px; } #ttcmssubbanners .ttsubbannerblock { margin: 0 -10px; } } @media (max-width: 767px) { #ttcmssubbanners .ttsubbannerblock .ttsubbanner-row2 { padding: 15px 0 0; } #ttcmssubbanners .ttsubbannerblock .ttsubbanner-row1 .ttsubbanner2 { padding: 0 15px 0 10px; } #ttcmssubbanners .ttsubbannerblock .ttsubbanner-row1 .ttsubbanner1 { padding: 0 10px 0 15px; } } @media (max-width: 480px) { #ttcmssubbanners .ttsubbannerblock .ttsubbanner-row1 .ttsubbanner2 { padding: 0 15px 0 5px; } #ttcmssubbanners .ttsubbannerblock .ttsubbanner-row1 .ttsubbanner1 { padding: 0 5px 0 15px; } } /* ----------------------------- End TT - CMS Sub-banner block ----------------------- */ /* ----------------------------- TT-Bottom-CMS-Banner CSS Start ----------------------- */ #ttcmsbottombanners { float: left; width: 100%; background: white; margin: 0 0 10px; } #ttcmsbottombanners .ttbottombannerblock { float: left; width: 100%; } #ttcmsbottombanners .ttbottombannerblock .ttbottombanner-img img { max-width: 100%; height: auto; } #ttcmsbottombanners .ttbottombannerblock .ttbottombanner-img a { display: block; position: relative; overflow: hidden; } #ttcmsbottombanners .ttbottombannerblock .ttbottombanner-img a:after { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)"; content: ""; height: 100%; position: absolute; right: -100%; top: 0; transform: skew(-20deg, 0deg); -webkit-transform: skew(-20deg, 0deg); -ms-transform: skew(-20deg, 0deg); -o-transform: skew(-20deg, 0deg); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -khtml-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 70%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #ttcmsbottombanners .ttbottombannerblock .ttbottombanner-img a:before { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; content: ""; height: 100%; left: -100%; position: absolute; top: 0; transform: skew(-20deg, 0deg); -webkit-transform: skew(-20deg, 0deg); -ms-transform: skew(-20deg, 0deg); -o-transform: skew(-20deg, 0deg); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -khtml-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 70%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #ttcmsbottombanners .ttbottombannerblock .ttbottombanner-img a img { max-width: 100%; } #ttcmsbottombanners .ttbottombannerblock .ttbottombanner-img:hover a:after { right: -20%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } #ttcmsbottombanners .ttbottombannerblock .ttbottombanner-img:hover a:before { left: -20%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } /* ----------------------------- TT-Bottom-CMS-Banner CSS End ----------------------- */ /*-------------------------------------Start TT-CMS Footer Services------------------------------*/ footer #footer-top { padding: 0; } #ttcmsfooterservice .service-icon { padding: 0; } #ttcmsfooterservice .title_block { display: none; } #ttcmsfooterservice .service-desc > ul { float: left; list-style: none; width: 100%; } #ttcmsfooterservice { float: left; padding: 40px 0; margin: 0 0 20px; border-bottom: 1px solid #424242; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content:after { content: ""; position: absolute; border-right: 1px solid #424242; height: 140px; right: 0; top: 0; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content:last-child:after { border: none; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-img { float: left; height: 60px; width: 55px; background-repeat: no-repeat; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-img.secure-payment-img { background-image: url("../../../../../image/catalog/icons/Icons_pagamento-seguro.svg"); color: #fff; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-img.trust-pay-img { background-image: url("../../../../../image/catalog/icons/Icons_certificado.svg"); color: #fff; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-img.easy-returns-img { background-image: url("../../../../../image/catalog/icons/Icons_easy-buy.svg"); color: #fff; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-img.app-block-img { background-image: url("../../../../../image/catalog/icons/Icons_customer-support.svg"); color: #fff; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc { padding: 0 0 0 70px; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-heading { color: #FFF; font: 400 16px/18px "Poppins", Helvetica, sans-serif; letter-spacing: 0.4px; margin: 0 0 10px; text-transform: capitalize; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-sub-heading { color: #bbbbbb; font: italic 600 12px/18px "Poppins", Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 10px; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-desc { float: left; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-desc li { /*float: left;*/ } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-desc li .service-icon:before { content: "\f00c"; font-family: "FontAwesome"; font-size: 10px; font-weight: bold; position: absolute; color: #00CC33; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-desc li .service-icon.service-icon-android:before { content: "\f17b"; font-family: "FontAwesome"; font-size: 28px; position: absolute; font-weight: normal; color: #bbbbbb; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-desc li .service-icon.service-icon-iOs:before { content: "\f179"; font-family: "FontAwesome"; font-size: 28px; position: absolute; font-weight: normal; color: #bbbbbb; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-desc li > span { color: #888888; /*float: left;*/ font: 500 12px/20px "Poppins", Helvetica, sans-serif; margin: 0 0 3px; padding: 0 0 0 17px; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-desc li > span.android, #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-desc li > span.iOs { padding: 0 0 0 30px; margin: 0 20px 20px 0; } @media (max-width: 1200px) { #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content:after { height: 160px; } } @media (min-width: 992px) and (max-width: 1199px) { #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content:after { height: 220px; } } @media (max-width: 991px) { #ttcmsfooterservice .title_block { display: block; position: relative; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content:after { height: 140px; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content { width: 50%; margin: 0 0 30px; } #ttcmsfooterservice { border: none; padding: 0; margin: 0; float:left; width: 100%; } #ttcmsfooterservice .ttcmsfooterservice { float: left; width: 100%; padding: 10px 0; border: none; } } @media (min-width: 768px) and (max-width: 991px) { #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content.easy-returns:after { border: none; } } @media (max-width: 767px) { #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-desc li { width: 100%; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content:after { border-right: none; border-bottom: 1px solid #424242; width: 100%; height: auto; bottom: 0; top: auto; } #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content { width: 100%; margin: 0; padding: 20px; } } /*-------------------------------------Start TT-CMS Footer Services------------------------------*/ /*------------------------------------- Footer Bottom Social Links Strat ------------------------------------*/ footer .follow-us { float: right; margin: 8px 0 0; } .follow-us ul li i { font-size: 12px; } footer .follow-us > h5 { display: none; } footer .follow-us ul { margin: 0; } footer .follow-us .social-info { color: #777; display: block; font-size: 13px; margin: 0 0 30px; text-align: center; } footer .follow-us ul li { display: inline-block; float: none; margin: 0 5px 0 0; } footer .follow-us ul li a { background: rgba(0,0,0,0.1); color: #FFF; display: inline-block; padding: 2px 0; text-align: center; width: 26px; height: 26px; position: relative; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; } footer .follow-us ul li a:hover, footer .follow-us ul li a:focus { background: #FFF; color: #f12a43; } @media (max-width: 480px) { footer .follow-us { float: left; width: 100%; text-align: center; margin: 0 0 8px; } } /*------------------------------------- Footer Bottom Social Links End ----------------------------------------*/ /* ---------------------- Start TemplateTrip - TT CMS Footer Info --------------------------*/ #ttcmsfooter { float: left; width: 100%; } #ttcmsfooter .ttabout-desc { color: #888888; float: left; font: 400 13px/22px "Poppins",Helvetica,sans-serif; margin: 0 auto; padding: 0; text-align: left; } @media (max-width: 991px) { #ttcmsfooter .ttabout-desc { padding: 10px; width: 100%; } } /* ---------------------- End TemplateTrip - TT CMS Footer Info --------------------------*/ /*---------------------------------------- Footer Store Info Block Start -----------------------------*/ footer .contact-us { float: left; width: 100%; font: 400 13px/22px "Poppins",Helvetica,sans-serif; } footer .contact-us ul { margin: 0; } footer .contact-us ul li { line-height: 20px; list-style: none; overflow: hidden; padding: 0 0 8px; position: relative; } footer .contact-us ul li i { color: #888888; float: left; font-size: 14px; margin-right: 12px; padding-right: 0; padding-top: 5px; text-align: center; width: 8px; } footer .contact-us .contact-address { color: #878787; padding: 0 0 0 20px; font-size: 13px; font-family: "Poppins",Helvetica,sans-serif; } footer .contact-us .phone { color: #878787; font-size: 13px; font-family: "Poppins",Helvetica,sans-serif; } /*---------------------------------------- Footer Store Info Block End -----------------------------*/ /* ---------------------------------- Footer Payment CMS Start ------------------------------------- */ .footer-bottom-cms { float: left; width: 100%; } .payment-icon-inner > h4 { display: none; } .payment-icon-block ul li { display: inline-block; margin: 0 5px 0 0; } .payment-icon-block .payment-title { float: left; padding: 0 0 10px; text-align: center; width: 100%; font: 400 14px/16px "Poppins",sans-serif; color: #ffffff; text-transform: capitalize; } .payment-icon-block { float: left; width: 100%; padding: 25px 0; border-top: 1px solid #424242; } .payment-icon-block .paymentcms { float: left; width: 100%; margin: 0; text-align: center; } @media (max-width: 991px) { .payment-icon-block .payment-title { display: none; } .payment-icon-block { padding: 0; border: none; } .payment-icon-inner > h4 { display: block; } .payment-icon-block .paymentcms { text-align: left; padding: 20px 10px; margin: 0 0 10px; } } /* ---------------------------------- Footer Payment CMS 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; } /*------------------------ CheckBox,Radio Extra CSS End -----------------------------------------*/ header.fixed { background: #272727; transition: all 200ms ease 0s; -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -ms-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; /*animation: fixedmenu 1s ease 0s normal both 1 running; -webkit-animation: fixedmenu 1s ease 0s normal both 1 running; -moz-animation: fixedmenu 1s ease 0s normal both 1 running; -o-animation: fixedmenu 1s ease 0s normal both 1 running;*/ position: fixed !important; width: 100%; z-index: 99; } @-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; } } header.fixed .header-left { margin: 20px 0; } header.fixed #cart { margin: 25px 0; } @media (min-width: 1200px) { .container { width: 1600px; } } .payment-form-wrapper button { background-color: #0D6981 !important; }