body { background: #ffffff; font: 400 15px/22px "Roboto",Helvetica,sans-serif; letter-spacing:0.6px; color: #888888; height:100%; } h1, h2, h3, h4, h5, h6 { font-family: "Roboto",Helvetica,sans-serif; color: #333333; } /* default font size */ /* .fa { font-size: 14px; vertical-align: baseline; } */ .fa-search { font-size: 14px; } .fa-envelope, .fa-phone { font-size: 28px; color: #000000; } /* 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: #fe4662;} 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 #eaeaea; 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 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; 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%; } .left-main-menu .childs_1 .child-columns { float: left; width: 100%; } .main-category-list .menu-category { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; float: left; padding: 0; width: 100%; } #column-left .main-category-list.left-main-menu .TT-panel-heading, #column-right .main-category-list.left-main-menu .TT-panel-heading { background: #15c8de; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; color: #ffffff; cursor: pointer; font: 500 16px/18px "Roboto",sans-serif; letter-spacing: 0.4px; margin: 0; padding: 15px; position: relative; text-transform: uppercase; } .main-category-list.left-main-menu .dropmenu > li { cursor: pointer; float: left; margin: 0; padding: 0 16px; position: relative; width: 100%; } .main-category-list.left-main-menu .dropmenu > li:nth-of-type(2n) { background: #f9f9f9 none repeat scroll 0 0; } .main-category-list .menu-category ul.dropmenu li a, .main-category-list .menu-category ul li .more-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #333333; display: block; font: 400 15px/22px "Roboto",sans-serif; padding: 9px 25px 9px 0; position: relative; text-transform: capitalize; } .main-category-list .menu-category .dropdown .dropdown-inner .mega-dropdown-menu li.dropdown > a { padding: 0 0 5px; } .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: 100%; padding: 0; position: absolute; right: auto; top: 0; 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::after { color: #000000; content: "\f105"; font-family: fontawesome; font-size: 15px; left: auto; position: absolute; right: 7px; top: 9px; z-index: 9; } .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: 0; background: #FFF; border: 4px solid #eeeeee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; z-index: 999; } .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: rgba(0, 0, 0, 0) none repeat scroll 0 0; float: right; height: 15px; margin: 2px 0 0; overflow: hidden; position: absolute; right: 10px; top: 10px; width: 6px; } .main-category-list.left-main-menu .dropmenu > li:hover .active_menu { background: #eeeeee; height: 35px; right: 0; top: 0; width: 40px; z-index: 1; } .main-category-list.left-main-menu .dropmenu li li.dropdown-inner > a { display: inline-block; font: 400 13px/24px "Poppins",sans-serif; padding: 8px 0; margin: 0 0 15px; color: #333; } .mega-dropdown-menu li.dropdown > a:before { background: #eee; bottom: 0; content: ""; height: 1px; left: 0; right: auto; position: absolute; width: 30px; } .main-category-list.left-main-menu .dropmenu li li li { float: left; width: 100%; } .main-category-list .menu-category ul.dropmenu .dropdown-menu ul .dropdown-inner ul a { color: #777777; font-size: 14px; font-weight: 400; padding: 1px 0; text-transform: capitalize; } .main-category-list .menu-category .dropmenu { float: left; list-style: none; margin: 0; width: 100%; } .left-main-menu .TT-panel-heading:after { color: #ffffff; content: "\f0c9"; font-family: "FontAwesome"; font-size: 17px; float: right; } .main-category-list .menu-category ul li .more-menu::after { color: #333; content: "\f067"; font-family: fontawesome; font-size: 12px; left: auto; position: absolute; right: 7px; top: 10px; } .main-category-list .menu-category ul li .more-menu.active::after { content: "\f068"; font-family: fontawesome; } .main-category-list .menu-category ul li.more { background: #ffffff !important; } @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; } .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 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 .menu-category { border: none; bottom: auto; float: left; left: 0; position: absolute; right: 0; top: 100%; width: 100%; z-index: 9; } .main-category-list.left-main-menu .dropmenu > li { padding: 0; } .left-main-menu { background: rgba(0, 0, 0, 0) linear-gradient(to left, #fe4964 0%, #ff3856 100%); 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; text-align: left; } .left-main-menu .dropmenu { border: 1px solid #eaeaea; 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; text-align: left; width: 100%; } .left-main-menu.dropmenu li a.TT-Category-List { background: none; } .main-category-list.left-main-menu .dropmenu .active_menu { display: none; } .left-main-menu .dropmenu li i.fa-angle-down { float: right; position: relative; } .left-main-menu .dropmenu li > i.fa-angle-down::before { color: #888; content: "\f067"; font-size: 14px; position: absolute; right: 0; left: auto; top: 0; padding: 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 .dropmenu > li:nth-of-type(2n) { background: none; } .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; list-style: none; } .main-category-list.left-main-menu .dropmenu .dropdown-inner { float: left; width: 100%; } .main-category-list.left-main-menu .dropmenu li li.dropdown-inner > a { margin: 0; } .main-category-list.left-main-menu .dropmenu li li.dropdown-inner > a::before { background: none; } .main-category-list.left-main-menu .dropmenu li li li { padding: 0; } .main-category-list.left-main-menu .dropmenu > li { display: block !important; } .main-category-list.left-main-menu .dropmenu > li.more { display: none !important; } } /*--------------------------------- Mega Menu CSS End --------------------------------------------*/ /* -------------- Homepage Special Product Start ----------------------------*/ .common-home .special-items .sale-icon { display:none; } .common-home .special-items .product-thumb h4 a { text-overflow:ellipsis; white-space: nowrap; } .common-home .special-items .product-thumb .rating { position:static; text-align:left; display: block; margin: 0 0 8px; } .common-home .special-items .product-thumb .thumb-description { padding: 0 13px; } .common-home .special-items .product-thumb .price { text-align:left; padding:0; } .common-home .special-items .product-thumb .image { border-right: 1px solid #ededed; padding:0; } .common-home .special-items .product-thumb .button-group { position:static; text-align:left; margin: 10px auto; opacity:1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .common-home .special-items .product-thumb .button-group .btn-cart .fa-shopping-cart { display: none; } .common-home .special-items .product-thumb .button-group button.btn-cart { width:auto; padding: 0 10px; position: relative; z-index: 1; } .common-home .special-items .product-thumb .button-group .btn-cart span { display: inline !important; font: 400 13px/18px "Roboto",Helvetica,sans-serif; color: #000; text-transform:capitalize; letter-spacing:1px; } .common-home .special-items .product-thumb .button-group .btn-cart:hover span { color:#FFF; } .common-home .special-items .product-thumb .button-group .btn-cart span::before { content: "+"; font-family: fontawesome; font-size: 14px; margin:0 3px 0 0; } @media (min-width: 768px) { .common-home .special-items .product-thumb .button-group button.btn-wishlist { transform: translate(-40px); -webkit-transform: translate(-40px); -moz-transform: translate(-40px); -o-transform: translate(-40px); -ms-transform: translate(-40px); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .common-home .special-items .product-thumb .button-group button.btn-compare { transform: translate(-80px); -webkit-transform: translate(-80px); -moz-transform: translate(-80px); -o-transform: translate(-80px); -ms-transform: translate(-80px); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .common-home .special-items .product-thumb:hover .button-group button.btn-wishlist { transform: translate(0px); -webkit-transform: translate(0px); -moz-transform: translate(0px); -o-transform: translate(0px); -ms-transform: translate(0px); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transition: transform 400ms ease-in-out 0s; -webkit-transition: transform 400ms ease-in-out 0s; -moz-transition: transform 400ms ease-in-out 0s; -o-transition: transform 400ms ease-in-out 0s; -ms-transition: transform 400ms ease-in-out 0s; } .common-home .special-items .product-thumb:hover .button-group button.btn-compare { transform: translate(0px); -webkit-transform: translate(0px); -moz-transform: translate(0px); -o-transform: translate(0px); -ms-transform: translate(0px); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transition: transform 400ms ease-in-out 0s; -webkit-transition: transform 400ms ease-in-out 0s; -moz-transition: transform 400ms ease-in-out 0s; -o-transition: transform 400ms ease-in-out 0s; -ms-transition: transform 400ms ease-in-out 0s; } } @media (max-width: 480px) { .common-home .special-items .product-thumb .image { width: 100%; border: none; } #content .special-items .product-thumb .thumb-description { width: 100%; min-height: auto; } .common-home .special-items .sale-icon { display:block; } } /* -------------- Homepage Special Product End ----------------------------*/ /* Fix some bootstrap issues */ a, a:focus,a:active, a:hover, select, input[type=radio], input[type=checkbox] { outline: 0 none !important; } .owl-carousel .owl-wrapper-outer { direction: ltr !important; } input[type="radio"], input[type="checkbox"] { margin-top: 0px; cursor: pointer; } .nav-tabs { border: 0 none; text-align:left; } .tab-content { padding:15px 0; width: 100%; float: left; margin-bottom:30px; } .tab-content ul, .tab-content ol { padding: 0 0 0 15px; } .table.table-striped.table-bordered { border:1px solid #eaeaea; } /*--------------------------- title css start--------------------------------*/ .TTProduct-Tab .tthometab-title h3 { border: none; color: #222222; float: left; font: 500 20px/35px "Roboto",sans-serif; letter-spacing: 0; margin: 0; padding: 0; text-transform: uppercase; } .box-heading > h3, .title_block .ttblock-heading { border-bottom: 1px solid #ededed; color: #222222; font: 500 16px/24px "Roboto",sans-serif; letter-spacing: 0.4px; margin: 0; padding: 8px 0; text-transform: uppercase; } /*--------------------------- title css end--------------------------------*/ /* TTproduct tab*/ .ttproduct-main { float: left; width: 100%; } .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-bottom: none; } .TTProduct-Tab .tab-box-heading .nav.nav-tabs li.active > a { border-color: #15c8de #ededed #ffffff; border-style: solid; border-width: 2px 1px 1px; color: #fe4662; } .TTProduct-Tab .nav-tabs > li > a{ border-left: 1px solid rgba(0, 0, 0, 0); border-right: 1px solid rgba(0, 0, 0, 0); border-top: 2px solid rgba(0, 0, 0, 0); color: #000; font: 500 16px/24px "Roboto",Helvetica,sans-serif; letter-spacing: 0.4px; padding: 5px 20px; position: relative; text-transform: uppercase; margin:0; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .nav-tabs > li { float: left; position: relative; } .TTProduct-Tab .tab-box-heading { float: right; margin: 0 80px 0 0; } .TTProduct-Tab .nav.nav-tabs { display: table; float: left; } .TTProduct-Tab .tthometab { border-bottom: 1px solid #ededed; float: left; width: 100%; } /*--------------------------------- Next-Prev Button CSS Start -------------------------*/ .products-carousel.owl-carousel .owl-buttons div { float: left; font-size: 0; float: left; height: 31px; vertical-align: top; width: 31px; position: relative; left: auto; right: auto; top: auto; bottom: auto; border: 1px solid #eaeaea; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; text-shadow: none; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } .products-carousel.owl-carousel .owl-buttons div.owl-prev { margin: 0 5px 0 0; } .TTProduct-Tab .products-carousel.owl-carousel .owl-buttons { top: 0; } .products-carousel.owl-carousel .owl-buttons { bottom: auto; left: auto; position: absolute; right: 0; left: auto; top: 4px; } .products-carousel.owl-carousel { overflow: visible; } .products-carousel.owl-carousel .owl-buttons .owl-prev::before { content: "\f104"; } .products-carousel.owl-carousel .owl-buttons .owl-next::before { content: "\f105"; } .products-carousel.owl-carousel .owl-buttons .owl-prev::before, .products-carousel.owl-carousel .owl-buttons .owl-next::before { color: #444; float: left; font-family: "FontAwesome"; font-size: 14px; font-weight: bold; height: 100%; padding: 3px 0; text-align: center; width: 100%; } .products-carousel.owl-carousel .owl-buttons .owl-prev:hover::before, .products-carousel.owl-carousel .owl-buttons .owl-next:hover::before { color: #FFF; } .products-carousel.owl-carousel .owl-buttons div.owl-prev:hover, .products-carousel.owl-carousel .owl-buttons div.owl-next:hover { background: #fe4662; border-color: #fe4662; } @media (max-width: 767px) { .TTProduct-Tab .products-carousel.owl-carousel .owl-buttons { top: 45px; } } @media (max-width: 480px) { .TTProduct-Tab .products-carousel.owl-carousel .owl-buttons { display: inline-block; float: none; left: 0; margin: 0 auto; right: 0; text-align: center; top: -50px; width: 70px; } } /*--------------------------------- Next-Prev Button CSS End ---------------------------------------*/ /*------------------------------------- additional-images Owl Button CSS End ------------------------------------------*/ .additional-images .owl-controls .owl-buttons div { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #eaeaea; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; bottom: 0; font-size: 0; height: 25px; margin: auto; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; padding: 0; position: absolute; text-shadow: none; top: 0; transition: none 0s ease 0s ; -webkit-transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; -ms-transition: none 0s ease 0s; width: 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: #fff; } /*------------------------------------- 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:19px 0; } .breadcrumb-wrapper{ width:100%; float:left; background:#f5f5f5; } .page-title-wrapper .page-title { color: #888888; float: left; font: 400 16px/21px "Roboto",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: #ffffff; float: left; width: 100%; } .header-top-left { float: left; width: auto; } .header-top-right { float: right; padding: 0 10px; width: auto; } .header-right { float: right; margin: 39px 0; padding: 0 10px; width: auto; } .header-right-cms { float: left; } .full-header .right-block { float: right; width: auto; } #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: #404040; font-size: 15px; font-weight:normal; text-decoration: none; text-align: left; } #top-links li .dropdown .dropdown-toggle { padding: 8px 0 7px; } #top-links .header_user_info .fa-caret-down.ttuserinfo { display: none; } #form-currency .fa-caret-down::before, #form-language .fa-caret-down::before { content: '\f107'; font-size: 13px; line-height: 20px; font-weight:500; color: #404040; } #form-currency .btn-group.open .fa-caret-down:before, #form-language .btn-group.open .fa-caret-down:before { content: "\f106"; } #top-links .dropdown .dropdown-toggle > span::after { content: "\f107"; font-family: fontawesome; font-size:13px; margin:0 0 0 3px; } #top ul.dropdown-menu .btn-link { padding: 0px; line-height:24px; color:#777; text-transform: capitalize; } .header-top-right .dropdown a.dropdown-toggle, .header-top-right #wishlist-total { display: block; line-height: 24px; padding: 8px 0; } #top-links .header_user_info ul.dropdown-menu { border: 1px solid #eaeaea; 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: #404040; font-size: 13px; line-height: 14px; } #top-links > ul { float: left; margin: 0; } #top-links > ul > li { float: left; 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: "Roboto",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; } #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: none; border: none; color: #666666; font-size: 12px; height: 60px; line-height: 16px; padding: 52px 0 0 31px; position: relative; margin-top: -13px; } #cart > button.btn::after { content: "\f07a"; /* Unicode for shopping cart */ font-family: "FontAwesome"; font-weight: 900; /* Needed for Font Awesome 5+ */ font-size: 30px; color: #000000; /* background: #1da1f2; */ display: flex; align-items: center; justify-content: center; height: 54px; width: 88px; border-radius: 50%; position: absolute; left: 0; top: 0; /* background-color: #1da1f2; */ /* background: url("TemplateTrip/images/sprite.png") no-repeat scroll -22px -108px,-moz-linear-gradient(right, #1da1f2 0%, #1da1f2 100%); */ /* background: url("TemplateTrip/images/sprite.png") no-repeat scroll -22px -108px,-webkit-linear-gradient(right, #1da1f2 0%,#1da1f2 100%); */ /* background: url("TemplateTrip/images/sprite.png") no-repeat scroll -22px -108px,linear-gradient(to left, #1da1f2 0%,#1da1f2 100%); */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe4964', endColorstr='#ff3856',GradientType=1 ); content: ""; height: 60px; left: 0; position: absolute; top: 0; width: 60px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; */ } #cart:hover > button.btn::after, #cart.open > button.btn::after { /* background-color: #15c8de; */ /* background: url("TemplateTrip/images/sprite.png") no-repeat scroll -22px -108px,-moz-linear-gradient(right, #15c8de 0%, #00bfd7 100%); background: url("TemplateTrip/images/sprite.png") no-repeat scroll -22px -108px,-webkit-linear-gradient(right, #15c8de 0%,#00bfd7 100%); background: url("TemplateTrip/images/sprite.png") no-repeat scroll -22px -108px,linear-gradient(to left, #15c8de 0%,#00bfd7 100%); */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15c8de', endColorstr='#00bfd7',GradientType=1 ); } #cart .cart-heading { color: #000000; display: block; font: 400 16px/20px "Roboto",Arial,Helvetica,sans-serif; text-align: left; letter-spacing: 0.4px; } #cart #cart-total { letter-spacing: 0.4px; } #cart.open > .btn:hover {color: #444444;} #cart .dropdown-menu { border: 1px solid #eeeeee; min-width: 300px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; padding: 10px; top: 60px; 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: #fe4662; } #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: #fe4662; border: 1px solid #fe4662; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #fff; float: left; font:400 14px/18px "Roboto",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: #333333; border-color: #333333; 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 "Roboto",Helvetica,sans-serif; text-align: left; } .header-cart-toggle .table .text-center img{ max-width:none; border: 1px solid #eaeaea; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } #cart .header-cart-toggle .text-right.price-total { color: #222; text-align: right; font: 500 16px/24px "Roboto",Helvetica,sans-serif; white-space: nowrap; } .cart-form .table-bordered td.text-right.unit-price { color: #333; font: 500 16px/20px "Roboto",Helvetica,sans-serif; } .cart-form .cart_input_block.input-group { display: inline-block; width: auto; } #cart .header-cart-toggle .table.table-bordered { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #eaeaea -moz-use-text-color; border-image: none; border-style: solid none; border-width: 1px medium; padding: 10px 0; } #cart .header-cart-toggle li:first-child tr:first-child td { border: 0 none; } #cart .dropdown-menu .btn.btn-danger i.fa-times { font-size: 14px; padding: 4px; color:#777; } #cart .dropdown-menu .btn.btn-danger:hover i.fa-times { color: #9c9b9b; } #cart .table.table-striped tr { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } #cart .dropdown-menu .table .text-center.image > a { padding: 0; } /* full-header css */ header .full-header { background: #fafafa; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; float: left; position: relative; width: 100%; } .header-bottom { float: left; width: 100%; } /* ------------------------------------ search CSS Start -----------------------------------*/ #header-search { float: right; } .header-middle { float: right; padding: 9px 10px; } #header-search .select-wrapper { position: relative; width: 140px; float: left; } #search .input-lg { float: right; } #header-search .select-wrapper::after { content: "\f107"; font-family: "fontawesome"; font-size: 13px; pointer-events: none; position: absolute; right: 10px; left: auto; top: 10px; z-index: 9; color:#666; font-weight:600; } #search .input-lg, #header-search .input-lg { padding: 0 10px; width: 250px; } .header-middle #header-search .form-control { border: none; background: #FFF; color: #444; font-family: Roboto; font-size: 15px; font-weight: 400; height: 39px; text-align: left; } #header-search .select-wrapper::before { border-left: 1px solid #cfcfcf; content: ""; height: 25px; left: 0; position: absolute; right: auto; top: 8px; z-index: 9; } #header-search .header-search-btn .fa.fa-search { display: block; } #header-search span.input-group-btn { float: left; width: auto; } .header-middle #header-search .btn-default { background: #000; border: none; color: #FFF; font-size: 0; text-transform: none; padding: 7px 22px 9px 22px; margin: 0; height: 40px; line-height: normal; border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; } .header-middle #header-search .btn-default:hover { background: #fe4964; } @media (max-width: 991px) { .header-middle { position: static; float: left; width: 100%; padding: 0; text-align: center; margin-top :-38px; } #header-search { border: 1px solid #e8e8e8; display: inline-block; float: none; margin: 0 0 20px; vertical-align: top; } } @media (max-width: 480px) { #search .input-lg, #header-search .input-lg { width: 55%; } #header-search .select-wrapper { width: 75px; } #header-search .select-wrapper::after { display: none; } .header-middle #header-search .form-control { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #header-search { display: inline-block; float: none; vertical-align: top; } } /*------------------------------------------------ search CSS end ------------------------------------------ */ /* ---------------------------- Static Menu CSS Start ----------------------------- */ #tttoplink_block { float: left; padding: 0 10px; } #tttoplink_block ul.block_content li a { color: #FFF; display: block; float: left; font: 400 16px/21px "Roboto",Helvetica,sans-serif; letter-spacing: 0.4px; padding: 18px 20px 19px; position: relative; overflow: hidden; text-transform: capitalize; } #tttoplink_block ul.block_content li:hover a::after, #tttoplink_block ul.block_content li:focus a::after { background: rgba(0, 0, 0, 0.1); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; bottom: 8px; content: ""; left: 0; position: absolute; right: 0; top: 8px; width: 100%; } #tttoplink_block .block_content li { float: left; list-style: none; position: relative; } @media (min-width: 992px) { #tttoplink_block .block_content { margin: 0; display: block !important; } } @media (max-width: 991px) { #tttoplink_block { position: relative; float: left; width: 100%; display: block; border: none; padding: 0; background: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .header-bottom #tttoplink_block { margin: 0; } #tttoplink_block .block_content { background: #FFF; float: left; width: 100%; padding: 10px 10px 0 10px; display: none; position: absolute; left: 0; right: 0; top: 100%; bottom: auto; border: 1px solid #eaeaea; list-style: none; z-index: 99; } #tttoplink_block ul.block_content li.tthome > a { float: left; width: 100%; height: auto; background: none; font-size: 14px; padding: 3px 10px; } #tttoplink_block .block_content li { float: left; width: 100%; } #tttoplink_block ul.block_content li a { color: #1d1f1f; font-size: 14px; line-height: 25px; padding: 3px 10px; float: left; width: 100%; } #tttoplink_block ul.block_content li a:hover { color:#1d1f1f; background: #f5f5f5; } #tttoplink_block ul.block_content li a::before { border: none; } } /*-----------------------More Menu CSS Start -------------------------------*/ #tt_toplink li.more_menu ul li a { color: #333333; padding: 2px 20px; text-align: left; } #tt_toplink li.more_menu:hover ul li a::after, #tt_toplink li.more_menu:focus ul li a::after { background: none; } #tt_toplink .top-link { background: #ffffff; border: 1px solid #ededed; display: none; left: 0; min-width: 180px; padding: 0; position: absolute; right: 0; top: 57px; z-index: 999; padding: 10px 0; } #tt_toplink ul li.more_menu { position: relative; } #tt_toplink .top-link.shown-link{ display:block; } #tt_toplink { float: left; padding: 0; width: 100%; } @media (max-width: 991px) { .menu-category .block_content .more_menu.tttoplink > a { display: none; } .menu-category .block_content .more_menu > ul > li { display: block !important; } #tt_toplink .top-link { display: block; position: static; border: none; padding: 0; } #tt_toplink li.more_menu ul li a { padding: 3px 10px; } } /*-----------------------More Menu CSS End -------------------------------*/ /* ---------------------------- Static Menu CSS End ----------------------------- */ #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: #404040; } #form-currency .btn-group ul.dropdown-menu.currency-toggle, #form-language .btn-group ul.dropdown-menu.language-toggle, #top-links .dropdown .dropdown-menu { border: 1px solid #eaeaea; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; left: auto; margin: 0; min-width: 150px; padding: 10px 15px; position: absolute; right: 0; } #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 */ .header-left { float: left; margin: 48px 0; padding: 0; width: auto; } 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: #1da1f2; background: -moz-linear-gradient(right, #1da1f2 0%, #1da1f2 100%); background: -webkit-linear-gradient(right, #1da1f2 0%,#1da1f2 100%); background: linear-gradient(to left, #1da1f2 0%,#1da1f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1da1f2', endColorstr='#ff3856',GradientType=1 ); border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -khtml-border-radius: 6px 6px 0 0; clear: both; position: relative; float: left; width: 100%; } #menu { margin: 0 auto; min-height: auto; text-align: center; width: 100%; } #menu div.navbar-header { cursor: pointer; display: block; overflow: hidden; } #menu .list-unstyled.childs_1.mega-dropdown-menu .dropdown > a { color:#414141; font: 400 14px/22px "Roboto",Helvetica,sans-serif; padding:0; text-transform: capitalize; width: 100%; text-align:left; } #menu .dropdown-inner .list-unstyled.childs_2.single-dropdown-menu a { padding:0 0 0 20px; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a:hover,#menu .dropdown-inner li a:hover, #menu .dropdown-inner li a:focus {color: #000;} #menu .list-unstyled.childs_1.mega-dropdown-menu .list-unstyled.childs_2 a:hover, #menu .dropdown-inner .list-unstyled.childs_1.single-dropdown-menu a:hover { color:#000; } #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown > a::after{display:none;} #menu .nav > li > span { cursor: pointer; } #menu .nav > li > a, #menu .nav > li > span { color: #414141; display: block; font: 400 15px/22px "Roboto",Helvetica,sans-serif; letter-spacing: 0.8px; padding: 20px; text-transform: capitalize; background: none; } #menu .list-unstyled.childs_2{ padding: 5px 0; } #menu .dropdown-inner {display: table;} #menu .dropdown-inner ul { display: table-cell; padding: 20px 0; } #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.mega-dropdown-menu{ padding:20px; } #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.mega-dropdown-menu:first-child{ padding:20px 0 20px 20px; } #menu .dropdown-inner a { color: #414141; display: block; font-family: "Roboto",Helvetica,sans-serif; font-size: 13px; line-height: 26px; min-width: 160px; padding: 0; text-transform: capitalize; text-align:left; } #menu .see-all { display: block; margin-top: 0.5em; border-top: 1px solid #DDD; padding: 3px 20px; font-size: 12px; } #menu .see-all:hover, #menu .see-all:focus { text-decoration: none; color: #ffffff; background-color: #777; } #menu #category { color: #000000; float: left; font: 700 14px/40px "Roboto",sans-serif; text-transform: uppercase; } #menu #category:hover { color:#000; } #menu .btn-navbar { font-size: 15px; font-stretch: expanded; color: #FFF; padding: 2px 18px; float: right; background-color: #777; } #menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] { color: #ffffff; background-color: #777; } #menu .navbar-nav > li{display:inline-block;float:none;} #menu .navbar-nav{float: none;} #menu ul.nav ul.list-unstyled li.dropdown > a::after { border-top: 1px solid #eeeeee; bottom: -4px; content: ""; float: left; height: 1px; left:0; position: absolute; width: 20%; } #menu .dropdown-inner .list-unstyled.childs_1.single-dropdown-menu a,#menu .more-menu .list-unstyled.childs_1 a { padding: 0 20px; color: #414141; } #menu .nav > li > a:hover, #menu .nav.navbar-nav > li:hover > a, #menu li:hover > span, #menu .nav > li.dropdown:hover::after, #menu .nav > li.dropdown:focus::after, #menu .nav > li > a:focus, #menu .nav > li > a:active, #menu li.more-menu .dropdown-menu ul li a:hover, #menu li.more-menu .dropdown-menu ul li span:hover, #menu li.more-menu .dropdown-menu ul li a:focus, #menu li.more-menu .dropdown-menu ul li span:focus, #menu li.more-menu .dropdown-menu ul li a:active, #menu li.more-menu .dropdown-menu ul li span:active {color:#000000;} /* 2 Level Sub Categories START */ #menu ul.nav ul.list-unstyled li { min-width: 160px; } #menu ul.nav li ul.list-unstyled.mega-dropdown-menu > li.dropdown .dropdown-menu { border: 0; position: static; display: block; width:150px; } #menu ul.nav li ul.list-unstyled.single-dropdown-menu > li.dropdown .dropdown-menu { left: 160px; top: 0; position: absolute; display: none; border-color:#eaeaea; } #menu ul.nav li ul.list-unstyled > li.dropdown:hover > .dropdown-menu { display: block; } #menu .nav > li.dropdown::after { bottom: auto; color: #414141; content: "\f107"; font-family: "FontAwesome"; font-size: 12px; left:auto; position: absolute; top: 19px; right: 5px; } #menu .nav.navbar-nav > li:hover > a, #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a:hover, #menu .nav.navbar-nav > li:hover > span { color: #000; } #menu .nav > li.dropdown:hover::after { color:#414141; content: "\f106"; } #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown::after { content: "\f105"; font-family: "FontAwesome"; font-size: 13px; position: absolute; right: 15px; top: 0; } /* 2 Level Sub Categories END */ /* content */ .account-register #content{ margin:0 0 20px; } #content { min-height: 600px; } /* Slideshow Slider Stylesheet */ .common-home > .row {margin: 0;} /*---------------------------------------------- Slideshow Slider Stylesheet start-------------------------------*/ .swiper-wrapper { direction: ltr !important; } .slideshow-panel { position: relative; float:left; padding:0; width:100%; } .slideshow-panel .swiper-viewport { border: medium 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; } .slideshow-panel .ttloader { background: whitesmoke 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: 9999; } .slideshow-panel img{ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; width:100%; height:auto; } .slideshow-panel .swiper-container .swiper-pagination { display: none; } .slideshow-panel .swiper-container .swiper-pager { position: static; line-height: normal; } .slideshow-panel .swiper-container .swiper-pager div { border: 2px solid #111111; height: 40px; width: 40px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; transition: left 400ms ease-in-out 0s, right 400ms ease-in-out 0s; -webkit-transition: left 400ms ease-in-out 0s, right 400ms ease-in-out 0s; -moz-transition: left 400ms ease-in-out 0s, right 400ms ease-in-out 0s; -o-transition: left 400ms ease-in-out 0s, right 400ms ease-in-out 0s; -ms-transition: left 400ms ease-in-out 0s, right 400ms ease-in-out 0s; text-shadow: none; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev { left: 40px; right: auto; margin: auto; top: 0; bottom: 0; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-next { right: 40px; left: auto; margin: auto; top: 0; bottom: 0; } .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev { left: 20px; } .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next { right: 20px; } .slideshow-panel .swiper-container:hover .swiper-pager div { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .slideshow-panel .swiper-container .swiper-pager div:hover { background: #fe4964; background: -moz-linear-gradient(to bottom, #fe4964 0%, #ff3856 100%); background: -webkit-linear-gradient(to bottom, #fe4964 0%, #ff3856 100%); background: linear-gradient(to bottom, #fe4964 0%, #ff3856 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fe4964', endColorstr='#ff3856', GradientType=1); border-color: #fe4964; } .slideshow-panel .swiper-pager .swiper-button-prev::before { bottom: 0; color: #111; content: "\f104"; font-family: fontawesome; font-size: 24px; left: -2px; margin: 0 auto; text-align: center; position: absolute; right: 0; top: 3px; } .slideshow-panel .swiper-pager .swiper-button-next::before { bottom: 0; color: #111; content: "\f105"; font-family: fontawesome; font-size: 24px; left: 0; margin: 0 auto; text-align: center; position: absolute; right: 0; top: 3px; } .slideshow-panel .swiper-pager .swiper-button-prev:hover::before, .slideshow-panel .swiper-pager .swiper-button-next:hover::before { color: #ffffff; } @media (max-width: 767px) { .slideshow-panel .swiper-container .swiper-pager div, .slideshow-panel .swiper-container .swiper-pager div:hover { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev, .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev { left: 20px; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-next, .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next { right: 20px; } } @media (max-width: 480px) { .slideshow-panel .swiper-container .swiper-pager div, .slideshow-panel .swiper-container .swiper-pager div:hover { background: none; border: none; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev { left: 0; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-next { right: 0; } .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev { left: 0; } .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next { right: 0; } .slideshow-panel .swiper-pager .swiper-button-prev:hover::before, .slideshow-panel .swiper-pager .swiper-button-next:hover::before { color: #fe4662; } } /*---------------------------------------------- Slideshow Slider Stylesheet end-------------------------------*/ /*------------------------ CustomNavigation Button CSS Start -----------------------------------*/ .customNavigation { left: auto; padding: 0 0; position: absolute; right: 0; top: 4px; bottom: auto; width: auto; } .customNavigation a { border: 1px solid #eaeaea; height: 31px; width: 31px; font-size: 0; float: left; padding: 0; display: inline-block; vertical-align: top; cursor: pointer; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .customNavigation a.prev { margin: 0 5px 0 0; } .customNavigation a:before { font-family: "FontAwesome"; font-size: 14px; font-weight: bold; float: left; width: 100%; text-align: center; padding: 5px 0; height: 100%; color: #444; } .customNavigation a.prev:before { content: "\f104"; } .customNavigation a.next:before { content: "\f105"; } .customNavigation a:hover:before { color: #FFF; } .customNavigation a:hover { background: #fe4662; border-color: #fe4662; } /*------------------------ CustomNavigation Button CSS End -----------------------------------*/ /* Category Page */ #content h2.category-name { margin-top: 0px; } #column-left > div, #column-right > div { border: none; float: left; margin: 0 0 30px; width: 100%; } #column-left .swiper-viewport, #column-right .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; } .swiper-viewport .swiper-wrapper .img-responsive { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; } .category-list ul { padding: 0px; } .category-list ul li { display: inline-block; list-style: none; margin-right: 5px; } .category-list a { background: #eaeaea; padding: 5px 10px; float: left; font: 400 13px/18px "Roboto",Helvetica,sans-serif; } .category-filter label { float: left; color: #222; font: 500 13px/20px "Roboto",Helvetica,sans-serif; margin: 0; padding: 0; white-space:nowrap; background: none; border: none; display: inline-block; } .category-compare { margin: 0 0 20px; float:left; width:100%; } .category-products { background: #ffffff; float: left; width: 100%; } .category-treeview ul { margin: 0px; } .category-treeview li { position: relative; list-style: none; } .category-treeview li.category-li .list-tree:before { content: "\f106"; font-family: "FontAwesome"; font-size: 14px; font-weight:normal; color: #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: 10px; height:10px; } .products-list { margin: 0 0 20px; position: relative; width: 100%; float: left; } .TTProduct-Tab.products-list { margin: 0 0 10px; } .product-list .product-thumb .caption .description { display: block; margin: 0 0 10px; } .product-thumb, .product-layout, .product-layouts { position: relative; } .product-thumb { border: 1px solid #eaeaea; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; overflow: hidden; position: relative; } .product-thumb .sale-icon,.product-sale-icon { background: #21cb29; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-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; z-index: 1; } .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 { border: 1px solid #eaeaea; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; float: left; margin: 0; padding: 0 20px; width: 100%; } #column-left .product-thumb:hover, #column-right .product-thumb:hover, #header-left .product-thumb:hover, #header-right .product-thumb:hover, #footer-left .product-thumb:hover, #footer-right .product-thumb:hover { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #column-left .product-thumb, #column-right .product-thumb, #header-left .product-thumb, #header-right .product-thumb, #footer-left .product-thumb, #footer-right .product-thumb { padding: 20px 0; border: none; border-bottom: 1px solid #eaeaea; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #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 #eaeaea; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; 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 { display: block; margin: 0; position: static; text-align: left; line-height: normal; } #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 .information-list .list-group, #column-right .information-list .list-group { padding-top: 10px; padding-bottom: 10px; } #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 { background: none; float: left; padding:20px; margin:0 0 20px; width: 100%; border: 1px solid #eaeaea; } #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: #888888; cursor: pointer; font-family:"Roboto",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; } .category-treeview .list-group a.child-item, .category-treeview .list-group a.current-child-item { margin-left: 10px; } #column-left .panel-heading, #column-right .panel-heading, #column-left .box-heading, #column-right .box-heading, #column-left .panel-heading, #column-right .panel-heading, #ttcmstestimonial .title_block { background: #eee; color: #333333; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; font: 500 16px/18px "Roboto",sans-serif; letter-spacing: 0.4px; padding: 15px; position: relative; text-transform: uppercase; margin:0; float:left; width: 100%; border:none; } #column-left .title_block a, #column-right .title_block a { color: #333333; } #column-left .box-heading > h3 { border: medium none; color: #333333; font: 500 16px/18px "Roboto",sans-serif; letter-spacing: 0.4px; margin: 0; padding: 0; text-align: left; text-transform: uppercase; } #column-left .option-filter .panel-heading, #column-left .option-filter .list-group-item, #column-left .option-filter-box a.list-group-item, #column-left .option-filter .panel-footer, #column-right .option-filter .panel-heading, #column-right .option-filter .list-group-item, #column-right .option-filter-box a.list-group-item, #column-right .option-filter .panel-footer { float: left; width: 100%; } #column-left .option-filter .panel-footer, #column-right .option-filter .panel-footer { background: none; padding: 0 0 10px; } #column-left .option-filter .checkbox > label, #column-right .option-filter .checkbox > label { color: #888888; font: 400 13px/20px "Roboto",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 #eaeaea; padding: 10px 0; float: left; width: 100%; } .option-filter-box .list-group .list-group-items:last-child { border: medium none; } #column-left .option-filter .list-group-items .list-group-item, #column-right .option-filter .list-group-items .list-group-item { color: #333333; font:400 13px/28px "Roboto",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 #eaeaea; }*/ #content .category-filter { border: 1px solid #eaeaea; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; float: left; margin: 0 0 10px; padding: 10px; width: 100%; } .category-filter .filter-sort-by, .category-filter .filter-show { float: right; } .category-filter .filter-text { float: left; } .category-filter .filter-show .filter-selection { width: 70px; float: left; } .category-filter .filter-sort-by .filter-selection { float: left; width:160px; } .category-filter .filter-sort-by { width: 100%; max-width: 250px; } .category-filter .filter-show { max-width: 140px; } .category-filter .filter-show .filter-text{ margin:0 5px; } .category-filter .filter-text { padding: 7px 5px 0 0; margin:0 5px; text-align: left; } .category-filter .filter-selection { padding: 0; } .category-filter .filter-grid-list { padding: 0; width: 90px; float: left; } .category-filter .filter-grid-list button { width: 25px; height: 25px; padding:8px 15px; margin:4px 0 0; } .category-filter .filter-grid-list button#grid-view { background: rgba(0, 0, 0, 0) url("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 { float: left; width: 100%; } .category-filter .filter-grid-list button#list-view:hover, .category-filter .filter-grid-list button#list-view.active { background-position: -65px -67px; border:none; } .category-filter .filter-grid-list button i.fa {font-size: 0px;} .category-description .category-content { margin-top: 20px; } .category-pagination { border: 1px solid #e9e9e9; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; float: left; margin: 20px 0; padding: 10px; width: 100%; } .category-pagination div.text-left { padding: 5px 0; } .category-pagination div.text-right { padding: 0; } .category-pagination .pagination { margin: 0; vertical-align: top; } .category-list > h3 { color: #333333; font: 400 16px/26px "Roboto",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: #333333; border-color: #333333; cursor: pointer; color: #fff; } .pagination > .active > span, .pagination > .active > a{ background: #fe4662; border-color: #fe4662; color: #fff; } .pagination li:last-child > a, .pagination li:first-child > a{font-size:0px; padding: 6px 0;} .pagination > li > a, .pagination > li > span { color: #000000; padding:5px 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 "Roboto",Helvetica,sans-serif; margin: 0; padding: 3px 0 5px; } #column-left .product-thumb .price-new, #column-right .product-thumb .price-new { font: 500 14px/18px "Roboto",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: #fe4662;} .product-product .product-info-value > a:hover{color:#222;} .product-product .tab-content { padding: 20px 0; margin: 0; } .cpt_product_description strong { font-size: 14px; } .product-quantity label { padding: 10px 0; } .product-quantity label, .product-quantity #input-quantity { width: auto; text-align: center; margin: 0 10px 0 0; float: left; } .product-quantity #input-quantity { border: 1px solid #eaeaea; font-size: 14px; float: left; height: 43px; line-height: 27px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 0 6px; text-align: center; width: 60px; } .product-details h1.product-name { border-bottom: 1px solid #eaeaea; 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 #eaeaea; border-bottom: 1px solid #eaeaea; 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 "Roboto",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 #eaeaea; 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; margin-right: 0; } .product-details .rating > a:hover{color:#444;} .rating .product-rating { border-right: 1px solid #eaeaea; float: left; margin: 0 10px 0 0; padding: 2px 10px 0 0; height:20px; } .product-options .alert-info { margin: 0 0 10px; } .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: #fe4662; font: 500 16px/20px "Roboto",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: #fe4662; border-color:#fe4662; } .product-product .btn.btn-default:hover { color: #fff; } .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 { clear: both; margin:40px 0; } #tab-review label.control-label { font:500 13px/20px "Roboto",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 "Roboto",Helvetica,sans-serif; padding: 10px 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: "Roboto",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: 2px solid #dddddd;} .tab-content #tab-description b{ font-weight:600; color:#414141; } .checkout-cart #accordion .panel-heading {padding: 0px; border-color:#eaeaea; background: #ffffff;} .checkout-cart #accordion .panel-heading a {padding: 10px 15px;font-family:"Roboto",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 :#eaeaea; background: #ffffff; } .table.table-bordered { border-color :#eaeaea; background: #ffffff; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td{ border: 1px solid #eaeaea; 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:#fe4662;} s.bootstrap-datetimepicker-widget .accordion-toggle a.btn, .bootstrap-datetimepicker-widget .timepicker td a span,.bootstrap-datetimepicker-widget .accordion-toggle a.btn {background: #EEEEEE;} .bootstrap-datetimepicker-widget .timepicker td a:hover, .bootstrap-datetimepicker-widget .timepicker td a:focus {color: #FFFFFF;} .bootstrap-datetimepicker-widget .accordion-toggle a.btn:hover, .bootstrap-datetimepicker-widget .timepicker td a span:hover, {background:#bc3b36 ;} .datepicker-days .table-condensed .day.today::before{border-bottom: 7px solid #fe4662;} .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 #eaeaea; padding: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; } .search-criteria > p{ margin:10px 0; } .search-criteria .checkbox-inline{ padding:0; } .product-compare #content .table .btn { display: inline-block; margin: 2px 0; text-transform: capitalize; width: auto; } .information-sitemap .col-sm-6 > ul { padding-left: 15px; } .information-sitemap #content ul ul { padding-left: 30px; margin: 5px 0 10px; } .information-sitemap ul li a{ line-height:22px; } body.product-compare .table-product-image { padding: 10px; } /* information/contact - Location Icons Stylesheet */ .information-contact .contact-location .location-title { font-weight: bold; } .information-contact .panel.google-map, .information-contact .panel.google-map iframe { float: left; width: 100%; } .information-contact .contact-location .location-detail { margin: 0 0 20px 0; } .information-contact .contact-location .location-title i.fa { border: 2px solid #eaeaea; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; color: #999999; font-size: 16px; height: 30px; margin: 10px 5px 10px 0; padding: 5px; text-align: center; width: 30px; } /* extra page stylesheet */ .table-bordered tr td.text-right.total-amount { color: #414141; } .btn.btn-primary.checkout:hover, .btn.btn-primary.checkout:focus, .btn.btn-primary.checkout:active { background: #333333; border:1px solid #333333; } .information-contact #content .form-horizontal { float:left; width:100%; } .checkout-cart h2 {font-family: "Roboto",Helvetica,sans-serif;} .checkout-cart tr:last-child > td.text-right.heading-title { font: 700 18px/22px "Roboto",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 #eaeaea; color: #444; font-family:"Roboto",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 "Roboto",Helvetica,sans-serif; } .checkout-checkout h4 {font-family: "Roboto",Helvetica,sans-serif;} .affiliate-login h2, .account-login h2, .checkout-checkout h2, .product-search h2 {color: #333333;font: 400 23px/25px "Roboto",Helvetica,sans-serif;} .well { background: #ffffff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 1px solid #eaeaea; } /* 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: Roboto; font-size: 16px; margin-bottom: 10px; } .terms-condition h3{font: 400 18px/22px "Roboto",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: unset; right: 0; top: 4px; width: auto; } .brand-carousel .swiper-viewport .swiper-pager div { border: 1px solid #eaeaea; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; bottom: auto; float: left; font-size: 0; height: 31px; left: auto; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: relative; right: auto; text-shadow: none; margin: 0; top: auto; transition: none 0s ease 0s ; -webkit-transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; -ms-transition: none 0s ease 0s; vertical-align: top; width: 31px; } .brand-carousel .swiper-pager .swiper-button-prev::before, .brand-carousel .swiper-pager .swiper-button-next::before { color: #444; float: left; font-family: "FontAwesome"; font-size: 14px; font-weight: bold; height: 100%; padding: 3px 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: #ffffff; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-prev { margin: 0 5px 0 0; } .brand-carousel .swiper-viewport .swiper-pager div:hover { background: #fe4662; border-color: #fe4662; } /*----------------------- 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: 30px 0 0; width: 100%; background: #ffffff; background-size:cover; } footer .container .row { margin: 0; } footer .footer-top { float: left; width: 100%; } .footer-container { float: left; padding: 50px 40px; width: 100%; } footer a { color: #888888; font: 300 13px/28px "Roboto",Helvetica,sans-serif; } footer a:hover, footer a:focus { color: #fe4662; } footer .footer-column h5 { color: #333333; cursor: pointer; font: 500 16px/22px "Roboto",sans-serif; letter-spacing: 0.6px; margin: 0 0 15px; position: relative; text-transform: capitalize; } /* Footer right Contact us Stylesheet */ .footer-bottom { background: #ededed; float:left; width:100%; } .footer-bottom-link { float: left; text-align: center; width: 100%; } .footer-bottom p { color: #000000; font-size: 14px; margin: 6px 0; } .footer-top-cms { float: left; width: 100%; padding: 0; } .footer-bottom p a { font-size: 14px; } .footer-bottom p a:hover { color: #fe4662; } #goToTop:before { color: white; content: "\f106"; font-family: "FontAwesome"; font-size: 20px; } #goToTop { background: #fe4964; background: -moz-linear-gradient(to bottom, #fe4964 0%, #ff3856 100%); background: -webkit-linear-gradient(to bottom, #fe4964 0%, #ff3856 100%); background: linear-gradient(to bottom, #fe4964 0%, #ff3856 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fe4964', endColorstr='#ff3856', GradientType=1); border: 2px solid #fe4964; 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: 5px 12px; position: fixed; right: 20px; text-align: center; width: 40px; z-index: 9999; } #goToTop:hover { background: #26c7db; border-color: #26c7db; } /* 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: #888888; } .breadcrumb i { font-size: 16px; vertical-align: baseline; } .breadcrumb > li { white-space: nowrap; display: inline-block; } .breadcrumb > li + li:before { color: #888888; content: "\f105"; float: left; font-family: "FontAwesome"; font-size: 13px; margin: 0px 8px; } /* buttons */ .btn { font-size: 14px; } .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-lg { padding: 6px 20px; font-size: 15px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 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: #333333; border: 1px solid #333333; letter-spacing: 1px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; color:#fff; text-transform: capitalize; padding: 7px 20px; } .btn.btn-default.cnt:hover, .btn-default:hover, .btn-default:focus, .btn-default.active, .btn-default:active, .btn-default:active:focus { background: #fe4662; border: 1px solid #fe4662; 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: #fe4662; border: 1px solid #fe4662; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #ffffff; font: 400 14px/18px "Roboto",Helvetica,sans-serif; letter-spacing: 1px; padding: 7px 20px; text-transform: capitalize; } .btn-block { width: auto } .product-details #button-cart { background: #fe4662; border-color: #fe4662; float: left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #ffffff; font-family: "Roboto",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/product-sprite.png") no-repeat scroll -26px -45px; content: ""; font-size: 17px; position: absolute; width: 56px; height:35px; left:0; right:auto; } .product-details #button-cart.btn.btn-primary:hover { border-color: #333333; background: #333333; } .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: #333333; border: 1px solid #333333; } .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: #333333; border: 1px solid #333333; } .product-product #button-cart.btn-primary:focus, .product-product #button-cart.btn-primary:active { background: #fe4662; border: 1px solid #fe4662; 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{ width:100%; float:left; } .product-layout, .product-layouts { padding: 15px; } .product-thumb .thumb-description { padding: 10px 12px; } .product-thumb .image { overflow: hidden; 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 { border: none; margin: 0; } .product-list .product-thumb:hover { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .product-list .product-thumb .image { border: 1px solid #eaeaea; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; padding: 0; } .product-list .product-thumb .rating, .product-list .product-thumb:hover .rating { display: block; margin: 0 0 8px; position: static; text-align: left; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } .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 #eaeaea; float: left; padding: 15px 0 15px 15px; width: 35%; } .product-thumb h4 { font: 400 14px/18px "Roboto",Helvetica,sans-serif; letter-spacing: 0.4px; margin: 5px 0 8px; overflow: hidden; padding: 0; text-overflow: ellipsis; } .product-thumb h4 a { text-transform: capitalize; color: #888888; font-size:14px; font-weight:400; text-transform: capitalize; white-space:nowrap; } .product-thumb h4 a:hover, .product-thumb:hover h4 a { color:#000; } .product-thumb .rating { bottom: 70px; left: 0; margin: 0 auto; position: absolute; right: 0; top: auto; text-align: center; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } .product-thumb:hover .rating { display: none; } .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: #fbaf5d; font-size: 13px; position:relative; } .rating .fa-star + .fa-star-o, #review .fa-star + .fa-star-o {color: #fe4662;} h2.price { margin: 0; } .product-thumb .price { color: #fe4662; font: 500 15px/18px "Roboto",Helvetica,sans-serif; letter-spacing: 0.2px; margin: 0; } .product-thumb .price-new { margin: 0; font:500 15px/18px "Roboto",Helvetica,sans-serif; } .product-thumb .price-old { color: #777777; text-decoration: line-through; font-size:14px; 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: 70px; left: 0; position: absolute; right: 0; top: auto; text-align: center; opacity:0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; transition: opacity 400ms ease-in-out 0s; -webkit-transition: opacity 400ms ease-in-out 0s; -moz-transition: opacity 400ms ease-in-out 0s; -o-transition: opacity 400ms ease-in-out 0s; -ms-transition: opacity 400ms ease-in-out 0s; } .product-thumb:hover .button-group { opacity:1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-list .product-thumb .button-group { float: left; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: static; margin: 10px 0 0; text-align: left; } .product-list .product-thumb .button-group .btn-cart { background: #333333; padding: 0 20px; margin: 0 0 5px; width: auto; } .product-list .product-thumb .button-group button.btn-cart:hover { background: #fe4662; } .product-list .button-group button.btn-cart span { color: #fff; display: inline-block !important; font:400 13px/18px "Roboto",Helvetica,sans-serif; text-transform: capitalize; } .product-thumb .button-group button { background: #ededed; border: medium none; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; color: #ffffff; display: inline-block; vertical-align: top; height: 36px; margin: 0; padding: 0; text-align: center; text-transform: uppercase; width: 36px; } .product-thumb .button-group button:hover { background-color: #fe4662; 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-thumb .button-group .btn-compare i { background-position: 6px -87px; } .product-thumb .button-group .btn-compare:hover i { background-position: -37px -87px; } /*----------------------------button css end----------------------*/ /*product-page */ .product-block { float: left; width: 100%; } .product-product .product-image .thumbnail { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #eaeaea; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; padding: 0; margin: 0 0 5px; overflow: hidden; transition: none; -moz-transition: none; -webkit-transition: none; -khtml-transition: none; -o-transition: none; } .related-carousel .products-carousel.owl-carousel .owl-buttons { right: 15px; } .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 #eaeaea; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; display: block; margin: 8px; overflow: hidden; padding: 0; } .additional-images .thumbnail:hover { border-color: #cfcfcf; } .products-list .owl-carousel { background: #ffffff; border: medium none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; width: auto; position: static; margin-bottom: 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-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:#eaeaea; } #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown > a:after { font-family: 'FontAwesome'; content: '\f105'; position: absolute; right: 5px; top: 2px; } } @media (max-width: 991px) { header { margin-bottom: 15px; } #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; text-align: center; width: 100%; } #logo { display: inline-block; float: none; vertical-align: top; } .full-header > .container { text-align: center; } .full-header .right-block { display: inline-block; float: none; vertical-align: top; margin: 20px 0; width: auto; } .header-right { margin: 0; } .menu-container { background: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } #menu .navbar-collapse { background:#fff; padding: 0; position: absolute; width: 100%; z-index: 999; border:1px solid #eaeaea; top:50px; left:auto; right:0; } #menu .navbar-header.collapsed, #menu #category { display:block !important; position:relative; width:100%; text-align:left; } #menu { padding: 5px 0; position:unset; } .menu-container .left { position:unset; } #menu div.navbar-header:after, #menu .navbar-header i.fa { font-family: "FontAwesome"; content:"\f0c9"; font-size: 14px; position: absolute; right: 5px; top: 10px; font-weight:normal; color: #000000; } #menu .nav > li.dropdown:hover::after{ display:none; } #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.single-dropdown-menu{ padding:0; } #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown::after{ display:none; } #ttcmsfooter.block.footer-block { border:none; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a { color: #FFFFFF; } #menu .list-unstyled.childs_1.single-dropdown-menu a { padding:0 15px; } .navbar-nav { margin:0; padding: 10px 20px; } #menu .nav li.dropdown > a, #menu .nav > li.dropdown > span { padding: 0; } #menu .nav.navbar-nav > li:hover > a, #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a:hover, #menu .nav.navbar-nav > li:hover > span{ color:#000; } #menu .nav > li.dropdown::after { content: ""; } #menu .nav > li.dropdown::before { content: ""; } #menu .navbar-collapse li.dropdown > i { background:none; font-size: 14px; position: absolute; color: #777777; right: 0; top: 5px; padding: 0; cursor: pointer; text-align: center; } #menu .navbar-collapse li.dropdown > .dropdown-menu { position: relative; width: 100%; top:0; border: none; } #menu ul.nav li ul.list-unstyled.single-dropdown-menu > li.dropdown .dropdown-menu { position: static; display: block; } #menu ul.nav li ul.list-unstyled.mega-dropdown-menu > li.dropdown .dropdown-menu { padding: 0 15px; } #menu div.dropdown-inner > ul.list-unstyled { display: block; padding: 0 !important; } #menu .dropdown-menu a:hover, #menu .dropdown-menu ul li a:hover { background: rgba(0, 0, 0, 0); } #menu .see-all { margin-top: 0; border: none; color: #FFFFFF; } .menu-container > .container { position:relative; } #menu .nav.navbar-nav > li { display:block; text-align:left; } #menu .nav > li > a, #menu .nav > li > span { color:#414141; text-transform:capitalize; padding:0; line-height:26px; font-size:14px; } #menu .navbar-collapse li.dropdown > i::before { content: "\f067"; font-family: fontawesome; } #menu .navbar-collapse li.dropdown.active > i::before{ content:"\f068"; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a,#menu .dropdown-inner a { color:#414141; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a::after { display:none; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a, #menu .dropdown-inner a,#menu ul.nav li ul.list-unstyled.mega-dropdown-menu > li.dropdown .dropdown-menu { padding:0 0 0 15px !important; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a { text-transform:capitalize; } #menu .nav.navbar-nav > li:hover > a, #menu .nav.navbar-nav > li:hover > span { background:none; color:#000; } .product-list .product-thumb .caption, .product-list .thumb-description .button-wrapper { float:left; width:100%; border:none; padding:0; } .product-list .product-thumb .thumb-description { padding: 0 30px; } 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 { content: "\f067"; display: block; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; position: absolute; right: 10px; left: auto; top: 10px; } footer .footer-column.active h5.toggle:after, footer .contact-us.active h5.toggle:after, footer .follow-us.active h5.toggle:after, .ttservicemerge.active h5.toggle::after { content: '\f068'; font-weight:normal; } .product-images .additional-images-container { width:80%; } #page .container { clear: both; position: relative; } .page-title-wrapper { margin: 0 0 15px; } /*------------------------------------- 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 { border: 1px solid #eaeaea; margin-bottom: 15px; padding: 10px; } #column-left .panel-default, #column-right .panel-default, #column-left .category-treeview.panel-default, #column-right .category-treeview.panel-default, #ttcmstestimonial .title_block, #column-left .box-heading, #column-right .box-heading { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #eaeaea; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; cursor: pointer; padding: 15px; } #column-left .panel-default.information-list, #column-right .panel-default.information-list { padding: 0; } #column-left .toggle:after, #column-right .toggle:after { content: "\f067"; float: right; color: #333333; font-family: "FontAwesome"; font-size: 14px; font-weight: 400; left: auto; position: absolute; right: 15px; left: auto; top: 15px; display:block; background:none; } #column-left .panel-default.active > div.toggle:after, #column-left .products-list.active > div.toggle:after, #column-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: -1px 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 #eaeaea; 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: 15px auto auto; } #form-currency .btn-group ul.dropdown-menu.currency-toggle, #form-language .btn-group ul.dropdown-menu.language-toggle, #top-links .dropdown .dropdown-menu { top: 31px; left: 0; right: 0; } .TTProduct-Tab .tthometab-title h3 { float: none; margin: 0 0 10px; text-align: center; width: 100%; } .TTProduct-Tab .tab-box-heading { float: left; margin: 0; } .product-thumb .rating { bottom: 110px; } .product-thumb:hover .rating { display: block; } .category-filter .filter-show, .category-filter .filter-sort-by { clear: left; margin: 3px 0; float: left; } .product-tabs { width: 100%; float: left; } .category-products .product-grid { width: 50%; } .information-contact .contact-location .col-sm-3 { width: 50%; float: left; } footer .footer-column h5, .payment-icon-inner > h4, #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: 0 0 5px; } #top-links li .dropdown .dropdown-toggle { padding: 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: 0 0 15px; } .breadcrumb { float:none; margin:0 auto; display:inline-block; } } @media (min-width: 481px) and (max-width: 767px) { .product-product .product-image { margin: 0 auto; width: 80%; position: relative; } .product-images .additional-images-container { width: 60%; } } @media (max-width: 480px) { .header-right { display: inline-block; float: none; margin: 10px 0 0; vertical-align: top; margin-left: 211px; margin-top: -88px; } .header-right-cms { float: none; } .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 .dropdown-menu { width: 300px; right: -15px; } #cart .dropdown-menu li p { padding-top: 0; } #top-links > ul > li { padding-left:6px; padding-right:6px; } .TTProduct-Tab .tthometab { text-align: center; } .TTProduct-Tab .nav-tabs > li > a { padding: 10px 0; border-bottom: none; } .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 { display: inline-block; float: none; margin: 0 0 60px; vertical-align: top; width: 100%; } .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; -moz-box-shadow: none; -webkit-box-shadow: none; } .product-list .product-thumb .thumb-description { width: 100%; text-align: center; padding: 0; } .product-list.product-layout .button-group { margin:10px 0 0; float: none; text-align: center; } .product-list .product-thumb .rating, .product-list .product-thumb:hover .rating { text-align: center; } .category-products .product-grid { width: 100%; } .page-title-wrapper .breadcrumb > li { float:none; display:inline-block; } .category-filter .filter-text.filter-text { width: auto; } .header-top-left .dropdown-toggle span, .header-top-left .phone-number { display:none !important; } .product-product .product-details .rating .product-rating::after { display:none; } .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-product #form-review .form-group label.control-label { float: left; width: 100%; } .checkout-cart #content > .buttons { text-align: center; margin: 0 0 20px; } #checkout-cart .pull-left { float: none; margin: 0 0 10px; width: 100%; } #checkout-cart .pull-right { float: none; width: 100%; } footer .footer-top .footer-top-block.container { padding: 0; } .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 { float: left; padding: 0; } #ttcmsheader .ttheader-service { color: #666666; line-height: 20px; padding: 10px 0; letter-spacing: 0.4px; text-transform: capitalize; } #ttcmsheader .ttheader-service .ttheader-btn { color: #fe4662; text-transform: capitalize; } #ttcmsheader .ttheader-service:before { background: transparent url("TemplateTrip/images/sprite.png") repeat scroll -38px -487px; content: ""; float: left; height: 20px; width: 30px; transition: transform 400ms ease-in-out; -webkit-transition: transform 400ms ease-in-out; -moz-transition: transform 400ms ease-in-out; -o-transition: transform 400ms ease-in-out; -ms-transition: transform 400ms ease-in-out; } #ttcmsheader:hover .ttheader-service:before { transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); } @media (max-width: 991px) { #ttcmsheader .ttheader-service:before { height: 20px; } #ttcmsheader { width: 100%; text-align: center; } #ttcmsheader .ttheader-service { display: inline-block; float: none; vertical-align: top; padding: 10px 0; } } /*---------------------------- End TT - CMS Header services ----------------------------*/ /* ------------------------------------ Start TT - CMS Header services ------------------------------- */ #ttcmsheaderservices { float: right; margin: 39px -34px 38px 0; padding: 10px; text-align: left; width:auto; } #ttcmsheaderservices .ttcmsheaderservice { float: right; padding: 0; } #ttcmsheaderservices .ttcmsheaderservice .ttservice { display: inline-block; float: none; vertical-align: top; width: auto; } #ttcmsheaderservices .ttcmsheaderservice .ttservice .ttcontent_inner .service .service-content { float: right; } #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content .service-title { font: 400 16px/20px "Roboto", sans-serif; color: #000000; text-transform: capitalize; letter-spacing: 0.4px; } #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content .service-desc { color: #666666; font: 400 13px/20px "Roboto", sans-serif; letter-spacing: 0.1px; } #ttcmsheaderservices .ttcmsheaderservice .ttsupport .ttcontent_inner .service .ttsupport_img { background: transparent url("TemplateTrip/images/sprite.png") repeat scroll -35px -607px; } #ttcmsheaderservices .ttcmsheaderservice .ttcontact .ttcontent_inner .service .ttcontact_img { /* background: transparent url("TemplateTrip/images/sprite.png") repeat scroll -35px -539px; */ } #ttcmsheaderservices .ttcmsheaderservice .ttservice .ttcontent_inner .service:hover .service-icon { transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); } #ttcmsheaderservices .ttservice .ttcontent_inner .service .service-icon { float: left; height: 42px; margin: 0 5px 0 0; width: 36px; transition: transform 400ms ease-in-out 0s; -webkit-transition: transform 400ms ease-in-out 0s; -moz-transition: transform 400ms ease-in-out 0s; -o-transition: transform 400ms ease-in-out 0s; -ms-transition: transform 400ms ease-in-out 0s; } #ttcmsheaderservices .ttservice .ttcontent_inner .service:hover .service-icon { transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); } @media (max-width: 991px) { #ttcmsheaderservices { margin: 0; padding: 15px; } #ttcmsheaderservices .ttcmsheaderservice { text-align: center; float: left; } #ttcmsheaderservices .ttcmsheaderservice .ttservice { float: none; display: inline-block; vertical-align: top; text-align: left; } } @media (max-width: 767px) { #ttcmsheaderservices .ttcmsheaderservice .ttservice .ttcontent_inner .service .service-icon { display: inline-block; float: none; vertical-align: top; } #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service { text-align: center; } #ttcmsheaderservices .ttcmsheaderservice { width: 100%; } #ttcmsheaderservices { margin: 0; width: 100%; } #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content { display: inline-block; text-align: left; border: none; } #ttcmsheaderservices .ttcmsheaderservice .ttsupport { text-align: right; } } @media (max-width: 480px) { #ttcmsheaderservices .ttcmsheaderservice .ttsupport .ttcontent_inner .service .ttsupport_img { margin: 0; } #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content { border: none; text-align: center; width: 100%; } #ttcmsheaderservices .ttcmsheaderservice .ttservice { width: 130px; } #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content .service-title { font-size: 15px; line-height: 18px; } #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content .service-desc { font-size: 12px; line-height: 18px; } #ttcmsheaderservices .ttcmsheaderservice .ttsupport { text-align: left; padding: 0 0 10px; margin-left: -123px; margin-right: -20px; } #ttcmsheaderservices { padding: 0 10px; } } /* ------------------------------------ End TT - CMS Header services ------------------------------- */ /*------------ Start TT-Cmslink-block--------------*/ #ttcmslink .top-link-title { display: inline-block; float: none; line-height: 28px; vertical-align: top; width: auto; padding:0 10px 0 0; } #ttcmslink .link-wrapper { border-bottom:1px solid #ededed; padding: 10px 0; } .common-home #ttcmslink { margin: 0 0 30px; } #ttcmslink { float: left; width: 100%; } #index #ttcmslink{ margin:0 0 30px; } #cart #ttcmslink { margin: 0 0 30px; } #ttcmslink .ttlink-main li{ float:left; line-height:28px; } #ttcmslink .ttlink { color: #000000; font: 400 16px/18px "Roboto", Helvetica, sans-serif; letter-spacing: 0.4px; text-transform: capitalize; margin:0 25px 0 0; position:relative; } #ttcmslink .ttlink-main > a { display: inline-block; float: none; vertical-align: top; } #ttcmslink a .ttlink:hover{ color:#fe4662; } #ttcmslink .ttlink.go::after { color: #ff3d5a; content: "\f0a9"; font-family: "FontAwesome"; font-size: 18px; position: absolute; right: -20px; left: auto; top: 0px; } #ttcmslink .ttlink-main { display: inline-block; float: none; margin: 0; padding: 0; vertical-align: top; list-style: none; } @media (max-width:991px) { #ttcmslink { display: none; } } /*------------ End TT-Cmslink-block--------------*/ /*---------------------------- Start TT - CMS Bottom Banner block ----------------------------*/ #ttcmsbottombanners { float: left; width: 100%; margin: 0 0 30px; } #ttcmsbottombanners .ttbottombannerblock { float: left; width: 100%; } #ttcmsbottombanners .ttbottombannerblock .ttbottombanner .ttbottombanner-img img { max-width: 100%; height: auto; } #ttcmsbottombanners .ttbottombannerblock .ttbottombanner .ttbottombanner-img a { display: block; position: relative; overflow: hidden; } #ttcmsbottombanners .ttbottombannerblock .ttbottombanner .ttbottombanner-img a:before { border-color: rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transition-duration: 0.1s; transition-property: border-width; transition-timing-function: ease-out; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; } #ttcmsbottombanners .ttbottombannerblock .ttbottombanner .ttbottombanner-img a img { max-width: 100%; } #ttcmsbottombanners .ttbottombannerblock .ttbottombanner .ttbottombanner-img a:after { background: #fff; left: 10px; position: absolute; top: 10px; bottom: 10px; right: 10px; transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; visibility: hidden; content: ""; opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; } @media (min-width: 768px) { #ttcmsbottombanners .ttbottombannerblock .ttbottombanner:hover .ttbottombanner-img a:after { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); visibility: visible; } #ttcmsbottombanners .ttbottombannerblock .ttbottombanner:hover .ttbottombanner-img a:before { border-width: 10px; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); } } /*---------------------------- End TT - CMS Bottom Banner block ----------------------------*/ /* ------------------------------------ Start TT - CMS testimonial ------------------------------- */ #ttcmstestimonial { float: left; padding: 0; width: 100%; } #ttcmstestimonial .title_block .ttblock-heading { border: medium none; font-family: "Roboto", sans-serif; font-size: 24px; font-weight: 600; padding: 8px 20px; margin: 0; } #ttcmstestimonial .title_block .ttblock-heading:before { display: none; } #ttcmstestimonial .owl-controls .owl-page span { display:none; } #ttcmstestimonial #tttestimonial-carousel { padding:18px 0; border: 1px solid #eaeaea; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; margin: 0; float: left; } #ttcmstestimonial .tttestimonial-subtitle { font-family: "Roboto", Helvetica, sans-serif; font-size: 13px; color: #999999; font-style: italic; float: left; width: 100%; margin: 0; text-transform: capitalize; padding-bottom: 10px; position: relative; } #ttcmstestimonial ul li { display: table; position: relative; padding: 0 18px; } #ttcmstestimonial ul li .testimonial-image { margin: 15px auto 0; width: 100px; height: 100px; display: table; } #ttcmstestimonial ul li .testimonial-image img { border: 6px solid rgba(187, 187, 187, 0.3); float: left; width: 100%; height: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; } #ttcmstestimonial ul li .testimonial-content { margin: 20px 0 00px; text-align: center; } #ttcmstestimonial ul li .testimonial-content h3 { color: #333; font: 400 16px/18px "Roboto",sans-serif; margin-bottom: 0; } #ttcmstestimonial ul li .testimonial-content h3 i { font-style: italic; font-weight: normal; text-transform: capitalize; color: #666666; } #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; } #ttcmstestimonial .owl-pagination { float: left; text-align: center; width: 100%; z-index: 99; position:static !important; } #ttcmstestimonial .owl-pagination .owl-page { display: inline-block; height: 10px; width: 10px; background: #e0e0e0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -webkit-transition: background 400ms ease-in-out; -khtml-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; border: none; margin: 0 10px 0 0; cursor: pointer; } #ttcmstestimonial .owl-pagination .owl-page.active { background: #ff4b66; height: 12px; width: 12px; } #ttcmstestimonial .owl-pagination .owl-page:hover, #ttcmstestimonial .owl-pagination .owl-page:focus { background: #ff4b66; } @media (min-width: 992px) and (max-width: 1400px) { #ttcmstestimonial ul li .testimonial-content .testimonial-desc { margin: 0 0 20px; padding: 0 20px; } } @media (min-width: 992px) and (max-width: 1199px) { #ttcmstestimonial ul li .testimonial-image { width: 110px; height: 110px; } } @media (max-width: 991px) { #ttcmstestimonial #tttestimonial-carousel.block_content { margin: -1px 0 0; width:100%; float:left; } #ttcmstestimonial { margin: 0 0 5px; } #ttcmstestimonial ul li { margin:0 auto; } } @media (max-width: 767px) { #ttcmstestimonial ul li .testimonial-content { margin: 20px 0 30px; } #ttcmstestimonial .owl-pagination { bottom: 34px; } } /* ------------------------------------ End TT - CMS testimonial ------------------------------- */ /*------------ Start TT-Cmsbanner-block--------------*/ #ttbanners { float: left; width: 100%; margin: 30px 0; } #ttbanners .ttbannerblock .ttbanner .ttbanner-img img { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; max-width: 100%; overflow: hidden; } #ttbanners .ttbannerblock .ttbanner .ttbanner-main .ttbanner-img a:after { background: #fff; left: 10px; position: absolute; top: 10px; bottom: 10px; right: 10px; transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; visibility: hidden; content: ""; opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; } #ttbanners .ttbannerblock .ttbanner .ttbanner-main .ttbanner-img a { display: block; overflow: hidden; position: relative; } #ttbanners .ttbannerblock .ttbanner .ttbanner-main .ttbanner-img a:before { border-color: rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transition-duration: 0.1s; transition-property: border-width; transition-timing-function: ease-out; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; } @media (min-width: 768px) { #ttbanners .ttbannerblock .ttbanner:hover .ttbanner-main .ttbanner-img a:after { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); visibility: visible; } #ttbanners .ttbannerblock .ttbanner:hover .ttbanner-main .ttbanner-img a:before { border-width: 10px; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); } } @media (max-width: 767px) { #ttbanners .ttbannerblock .ttbanner { padding: 0 10px; } #ttbanners .ttbannerblock .ttbanner2.ttbanner { margin: 0; } #ttbanners .ttbannerblock { margin: 0 -10px; text-align: center; } } @media (max-width: 543px) { #ttbanners { margin: 20px 0; } #ttbanners .ttbannerblock .ttbanner { width: 100%; margin: 0 0 20px; } } /*------------ End TT-Cmsbanner-block--------------*/ /* ----------------------------- Start TT - CMS bottom sub-banner block ----------------------- */ #ttcmssubbanners { float: left; width: 100%; margin: 0 0 30px; } #ttcmssubbanners .ttsubbannerblock { padding: 0; } #ttcmssubbanners .ttsubbannerblock .ttsubbanner .ttsubbanner-img img { max-width: 100%; height: auto; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; overflow: hidden; } #ttcmssubbanners .ttsubbannerblock .ttsubbanner .ttsubbanner-img a { display: block; position: relative; overflow: hidden; } #ttcmssubbanners .ttsubbannerblock .ttsubbanner .ttsubbanner-img a::before { border-color: rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transition-duration: 0.1s; transition-property: border-width; transition-timing-function: ease-out; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; } #ttcmssubbanners .ttsubbannerblock .ttsubbanner .ttsubbanner-img a::after { background: #fff; left: 10px; position: absolute; top: 10px; bottom: 10px; right: 10px; transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; visibility: hidden; content: ""; opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; } @media (min-width: 768px) { #ttcmssubbanners .ttsubbannerblock .ttsubbanner:hover .ttsubbanner-img a:after { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); visibility: visible; } #ttcmssubbanners .ttsubbannerblock .ttsubbanner:hover .ttsubbanner-img a:before { border-width: 10px; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); } } @media (max-width: 543px) { #ttcmssubbanners .ttsubbannerblock .ttsubbanner { width: 100%; margin: 0 0 20px; } #ttcmssubbanners .ttsubbannerblock .ttsubbanner2.ttsubbanner { margin: 0; } #ttcmssubbanners .ttsubbannerblock { text-align: center; } } /* ----------------------------- End TT - CMS bottom sub-banner block ----------------------- */ /*------------------------------ Footer themeblock CMS start -------------------------------- */ footer .footer-top .news-letter { padding: 30px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; background: #fe4964; background: -moz-linear-gradient(top, #fe4964 0%, #ff3856 100%); background: -webkit-linear-gradient(top, #fe4964 0%, #ff3856 100%); background: linear-gradient(to bottom, #fe4964 0%, #ff3856 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe4964', endColorstr='#ff3856',GradientType=0 ); position: relative; } footer > div > .row > div.footer-column { padding: 30px; } footer .footer-right #footer-right { float: left; width: 100%; padding:0; } .footer-top-block .news-letter-inner > .purchage-theme { float:right; } .footer-top-block .news-letter-inner { float:left; width:100%; } .footer-top-block .news-letter-inner > h4 { color: #FFF; float: left; margin:0; font: 500 24px/40px "Roboto",sans-serif; text-transform:uppercase; } .footer-top .news-letter .purchage-theme > a { background: #26c7db; float: left; color: #ffffff; font-size: 13px; font-weight: normal; text-transform: capitalize; letter-spacing: 1px; padding: 8px 18px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; transition:all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .footer-top .news-letter .purchage-theme > a:hover { background: #333333; } @media (max-width: 480px) { footer .footer-top .news-letter { padding: 20px; } .footer-top-block .news-letter-inner { text-align: center; } .footer-top-block .news-letter-inner > h4 { font: 500 18px/24px "Roboto",sans-serif; float: none; } .footer-top-block .news-letter-inner > .purchage-theme { display: inline-block; float: none; margin-top: 10px; vertical-align: top; } } /*------------------------------ Footer themeblock CMS End -------------------------------- */ /*-------------------------------------Start TT-CMS Footer Services------------------------------*/ footer .container .row .footer-left-cms { padding: 15px 30px; } #ttcmsfooterservice{ float: left; width: 100%; } #ttcmsfooterservice .title_block { display: none; } #ttcmsfooterservice h5 { display: none; } #ttcmsfooterservice .block_content { float: left; width: 100%; } #ttcmsfooterservice .block_content > div { float: left; width: 100%; padding: 15px 0; } #ttcmsfooterservice .block_content > div:last-child { border: none; } #ttcmsfooterservice .block_content > div .ttcontent_inner .service .service-icon { width: 62px; height: 52px; float: left; } #ttcmsfooterservice .block_content > div .ttcontent_inner .service .service-icon.ttshipping_img { background: transparent url("TemplateTrip/images/services-sprite.png") no-repeat scroll -4px -14px; } #ttcmsfooterservice .block_content > div:hover .ttcontent_inner .service .service-icon.ttshipping_img { background-position:-80px -14px; } #ttcmsfooterservice .block_content > div .ttcontent_inner .service .service-icon.ttsupport_img { background: transparent url("TemplateTrip/images/services-sprite.png") no-repeat scroll -4px -110px; } #ttcmsfooterservice .block_content > div:hover .ttcontent_inner .service .service-icon.ttsupport_img { background-position:-80px -110px; } #ttcmsfooterservice .block_content > div .ttcontent_inner .service .service-icon.ttsaving_img { background: transparent url("TemplateTrip/images/services-sprite.png") no-repeat scroll -4px -205px; } #ttcmsfooterservice .block_content > div:hover .ttcontent_inner .service .service-icon.ttsaving_img { background-position:-80px -205px; } #ttcmsfooterservice .block_content > div .ttcontent_inner .service .service-icon.ttmoneyback_img { background: transparent url("TemplateTrip/images/services-sprite.png") no-repeat scroll -4px -297px; } #ttcmsfooterservice .block_content > div:hover .ttcontent_inner .service .service-icon.ttmoneyback_img { background-position:-80px -297px; } #ttcmsfooterservice .block_content > div .ttcontent_inner .service .service-icon.ttshopping_img { background: transparent url("TemplateTrip/images/services-sprite.png") no-repeat scroll -4px -391px; } #ttcmsfooterservice .block_content > div .ttcontent_inner .service .service-icon.ttawardwinner_img { background: transparent url("TemplateTrip/images/services-sprite.png") no-repeat scroll -4px -486px; } #ttcmsfooterservice .block_content > div .ttcontent_inner .service .service-content { float: left; padding: 5px 15px; } #ttcmsfooterservice .block_content > div .ttcontent_inner .service .service-content .service-title { color: #444444; font: 300 16px/24px "Roboto",Helvetica,sans-serif; letter-spacing: 0.4px; } #ttcmsfooterservice .block_content > div .ttcontent_inner .service .service-content .service-desc { color: #888888; font: 300 13px/18px "Roboto",Helvetica,sans-serif; letter-spacing: 0.4px; } #ttcmsfooterservice .block_content > div:hover .ttcontent_inner .service .service-content .service-title { color: #000000; } @media (max-width: 1200px) { #ttcmsfooterservice .block_content > div .ttcontent_inner .service .service-content .service-title { font-size: 14px; white-space: nowrap; } } @media (max-width: 1199px) { #ttcmsfooterservice .block_content > div .ttcontent_inner .service .service-content { padding: 5px 0; } } @media (max-width: 991px) { #ttcmsfooterservice h5 { display: block; } #ttcmsfooterservice{ padding:0; } #ttcmsfooterservice .block_content { padding:0 10px; } footer > div > .row > div.footer-column { padding: 0; } footer .container .row .footer-left-cms { padding: 0; } } /*-------------------------------------Start TT-CMS Footer Services------------------------------*/ /*------------------------------------- Footer Bottom Social Links Strat ------------------------------------*/ .follow-us h5 { display: none; cursor: pointer; } .follow-us { float: left; padding: 0; margin: 20px auto auto; width: 100%; } .follow-us ul { float: left; width: 100%; margin: 0; } .follow-us ul li { display: inline-block; margin: 0 5px 0 0; } .follow-us ul.list-unstyled li { display: inline-block; margin: 0 5px 0 0; } .follow-us .social-icon-block li { float: none; margin: 0 3px; display:inline-block; } .follow-us .social-icon-block ul li a { background-color: #444444; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; color: white; display: inline-block; height: 40px; padding: 10px; text-align: center; width: 40px; font-size:18px; } .follow-us ul li a { background: #f2f2f2; color: #FFF; display: inline-block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; height: 30px; padding: 2px 5px; text-align: center; width: 30px; } .follow-us ul li a i { font-size: 16px; font-weight: normal; } .follow-us ul li a i.fa-facebook { color: #145ab1; } .follow-us ul li.facebook:hover a { background: #145ab1; } .follow-us ul li a i.fa-twitter { color: #1da1f2; } .follow-us ul li.twitter:hover a { background: #1da1f2; } .follow-us ul li a i.fa-rss { color: #ff6600; } .follow-us ul li.rss:hover a { background: #ff6600; } .follow-us ul li a i.fa-google-plus { color: #ff0000; } .follow-us ul li.google-plus:hover a { background: #ff0000; } .follow-us ul li:hover a i { color: #FFF; } .follow-us .social-icon-block .social-icon-inner { float: left; margin: 35px 0; width: 100%; } @media (max-width: 991px) { .follow-us { margin: 0; float: left; width: 100%; } .footer-top-block .news-letter { float: left; width: 100%; margin: auto auto 30px; } .follow-us h5 { display: block; } .follow-us ul li { float: none; } } /*------------------------------------- Footer Bottom Social Links End ----------------------------------------*/ /* ---------------------- Start TemplateTrip - TT CMS Footer Info --------------------------*/ #ttcmsfooter { border-bottom: 1px solid #ededed; float: left; padding: 40px 0; text-align: center; width: 100%; } .merge-links { border-left: 1px solid #ededed; border-right: 1px solid #ededed; padding: 0; } .merge-links .footer-column { padding: 40px; } @media (max-width: 991px) { #ttcmsfooter { padding: 20px 0; border: none; } .merge-links { border: none; float: left; width: 100%; } .merge-links .footer-column { padding: 0; } } /* ---------------------- End TemplateTrip - TT CMS Footer Info --------------------------*/ /*---------------------------------------- Footer Store Info Block Start -----------------------------*/ footer .contact-us,footer .contact-us ul { float: left; width: 100%; margin: 0; } footer .contact-us ul li { padding: 0 0 10px; } footer .contact-us i:before { color: #fe4964; font-size: 20px; } footer .contact-us ul li i { float: left; height: 25px; margin: 0 7px 0 0; text-align: center; width: 25px; } footer .contact-us span { color: #777777; font: 300 13px/25px "Roboto",Helvetica,sans-serif; padding: 0; } footer .contact-us ul li i.fa-map-marker { height: 32px; padding: 7px 0 0; } /*---------------------------------------- Footer Store Info Block End -----------------------------*/ /*------------------------ CheckBox,Radio Extra CSS Start -----------------------------------------*/ input[type="radio"], input[type="checkbox"] { margin-top: 0px; cursor: pointer; } .checkbox-wrapper { background: url("TemplateTrip/images/input-sprite.png") repeat scroll 0 -257px; width: 15px; height: 15px; display: inline-block; margin: 0 5px 0 0; vertical-align: middle; } .checkbox-wrapper:hover { background-position: -30px -257px; } .checkbox-wrapper.active { background-position: -15px -257px; } .checkbox-wrapper input { background: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .radio-wrapper { background: url("TemplateTrip/images/input-sprite.png") repeat scroll 0 -243px; width: 13px; height: 13px; display: inline-block; margin: 0 5px 0 0; vertical-align: middle; } .radio-wrapper:hover, .radio-wrapper.active { background-position: -13px -243px; } .radio-wrapper input { background: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } /*------------------------ CheckBox,Radio Extra CSS End -----------------------------------------*/ .full-header.fixed { background: #fe4662; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; -moz-transition: all 400ms ease 0s; -ms-transition: all 400ms ease 0s; -o-transition: all 400ms 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; } } .full-header.fixed .header-left { margin: 15px 0; } .full-header.fixed #cart { margin: 12px 0; } .full-header.fixed #cart .dropdown-menu { top: 59px; } #at15s .at-label { margin: 0 5px; }