body { background: #fff none repeat scroll 0 0; color: #000; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 13px; height: 100%; line-height: 16px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { #font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-family: Britannic; color: #000; } /* default font size */ /*Popup Image*/ .leaderimage { float: left; padding: 10px 10px 0px 10px; } .fa { font-size: 20px; vertical-align: middle; } /* 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: #333333; white-space: nowrap; } a:hover, a:focus { text-decoration: none; color: #000; } legend { font-size: 18px; padding: 7px 0px } small, .small { font-size: 11px; } label { font-size: 14px; font-weight: normal; color: #878787; } .form-control { border-color: #e9e9e9; margin-bottom: 5px; } select.form-control { appearance: none; -o-appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } .select-wrapper { position: relative; } .select-wrapper::after { font-family: 'fontawesome'; content: '\f107'; font-size: 14px; position: absolute; right: 10px; top: 7px; pointer-events: none; } select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control { /*font-size: 12px;*/ } .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; } .btn-primary.focus, .btn-primary:focus { background-color: #000; border-color: #000; color: #FFF; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { background-color: #000; border-color: #000; color: #FFF; } /* ------------------------------- Product Rollover CSS Start ----------------------- */ .product-thumb .image img.image_thumb { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); 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; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); -ms-transform: rotateY(90deg); 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; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); -ms-transform: rotateY(90deg); } .product-thumb:hover .image img.image_thumb_swap { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); } /* ------------------------------- Product Rollover CSS End ----------------------- */ /* ------------------------------ CartTooltip CSS Start -------------------------------*/ .product-grid .product-thumb .button-group .btn-cart span.tooltip-cart { background: #000000; color: #ffffff; display: none; font-size: 12px; font-weight: normal; left: 40px; line-height: 17px; min-width: 100px; padding: 3px 8px; position: absolute; text-align: center; text-transform: none; top: 7px; z-index: 999; opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; } .tooltip-cart::before { bottom: -7px; color: #000000; content: "\f0dd"; font-family: "FontAwesome"; font-size: 15px; left: 45%; position: absolute; } .product-grid .product-thumb .button-group .btn-cart:hover span.tooltip-cart { display: block !important; } .product-list .product-thumb .button-group .btn-cart span.tooltip-cart { display: none !important; } /*----------------------------------- CartTooltip CSS Start -----------------------------*/ /* ------------------------------- Special small-Product CSS Start ------------------------------------------- */ .common-home .container.special-product-main { clear: both; } .common-home .special-product-main .small_product { margin: 40px auto; } .common-home .small_product .product-thumb .rating { display: block; padding: 5px 0 0; position: static; text-align: left; } .common-home .small_product .product-thumb .button-group { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 5px 0 0; position: static; transform: none; float: left; transition: none 0s ease 0s; } .common-home .small_product .product-thumb .button-group button+button, .common-home .small_product .product-thumb .button-group .btn-wishlist, .common-home .small_product .product-thumb .button-group .btn-compare { display: none; } .common-home .small_product .product-thumb .button-group .btn-cart { height: auto; width: auto; } .common-home .small_product .product-thumb .btn-cart .fa-shopping-cart { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: none; } .common-home .small_product .product-thumb .button-group .btn-cart span::before { color: #555555; content: "+"; font-size: 16px; font-weight: normal; padding: 0 5px 0 0; vertical-align: text-bottom; } .common-home .small_product .product-thumb .button-group .btn-cart>span { color: #555555; display: block !important; font: 400 13px/18px "PT Sans", Helvetica, sans-serif; letter-spacing: 1px; text-align: center; text-transform: capitalize; } .common-home .small_product .product-thumb:hover .price { opacity: 1; -moz-opacity: 1; /* Netscape */ -khtml-opacity: 1; /* Safari 1.x */ -webkit-opacity: 1; /* other webkit*/ } .common-home .small_product .product-thumb .thumb-description { padding: 30px 0 0; } .common-home .special-product-main .product-thumb .image { margin: 0; } .common-home .small_product .product-thumb .caption { text-align: left; } .common-home .small_product .product-thumb .price { padding: 0; } @media (max-width: 767px) { .common-home .small_product .product-thumb .thumb-description { padding: 10px; } .slidecategorymainbox { text-align: center; max-width: 354px; width: 100%; margin-left: auto; margin-right: auto; /* background-color: blue; */ height: auto; overflow: hidden; padding-bottom: 4px; padding-top: 6px; } .srchbtns { /*width: 120px !important;*/ height: 35px; display: inline-block; text-align: center; font-size: 16px; font-weight: bolder; padding: 10px; cursor: pointer; border-radius: 10px; border: solid gray 1px; } .infoicon { float: left; height: 35px; width: 43px !important; padding: 2.5px; } #fulltoggle { display: none; } } /* ------------------------------- Special small-Product CSS End --------------------------------------------- */ /* Fix some bootstrap issues */ a, a:focus, a:active, a:hover, select, input[type=radio], input[type=checkbox] { outline: 0 none !important; } span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } .owl-carousel .owl-wrapper-outer { direction: ltr !important; } input[type="radio"], input[type="checkbox"] { margin-top: 0; cursor: pointer; } .nav-tabs { border: 0 none; text-align: left; } .nav-tabs>li { float: none; vertical-align: top; display: inline-block; } .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: #000; } .datepicker-days .table-condensed .day.today::before { border-bottom: 7px solid #000; } .datepicker-days .table-condensed .day.active.today::before { border-bottom: 7px solid #ffffff; } .tab-content { padding: 20px 0; } .product-tabs .tab-content { width: 100%; } .tab-content ul, .tab-content ol { padding: 0 0 0 15px; } .product-tabs .nav>li>a:hover, .product-tabs .nav>li>a:focus { background: none; border: none; } .product-tabs .nav.nav-tabs { border-bottom: 2px solid #ebebeb; } .product-tabs .nav>li>a { color: #999; font: 700 16px/22px "Roboto Slab", Helvetica, sans-serif; padding: 8px 0; text-transform: uppercase; border: none; } .product-tabs .nav-tabs>li { margin: 0 20px 0 0; } .product-tabs .nav-tabs>li:first-child { margin: 0 15px 0 0; } .product-tabs .nav-tabs>li.active a, .product-tabs .nav-tabs>li:hover a { color: #232323; } .product-tabs .nav-tabs>li.active a::before { background: #232323; bottom: -2px; content: ""; height: 3px; left: 0; position: absolute; right: 0; width: 100%; } eader .row { margin: 0; } .common-home .tt-home { width: 100%; float: left; } /*------------------------------ Full Header Css Start ------------------------------------------*/ header .header-left { float: left; margin: 0px auto; padding: 0 0 0 0px; width: 1035px; margin-top: 0px; margin-left: 5px; position: absolute; left: 15px; top: 0px; } .header-right { float: right; margin: 35px 20px; width: 600px; } /*------------------------------ Full Header Css End ------------------------------------------*/ /* TTPRoduct tab START */ .ttproduct-main .TTProduct-Tab .customNavigation { margin: 0 0 20px; } .ttproduct-main { float: left; width: 100%; } .TTProduct-Tab ul.nav-tabs { border: none; float: left; margin: 10px auto 22px; text-align: center; width: 100%; display: inline block; } .TTProduct-Tab .nav-tabs>li>a { border: medium none; color: #999; font: 400 15px/24px "Roboto Slab", Helvetica, sans-serif; letter-spacing: 0; margin: 0; outline: medium none; padding: 10px 15px; text-transform: capitalize; } .TTProduct-Tab .nav-tabs>li:hover a { color: #000; } .TTProduct-Tab .nav>li>a:hover, .TTProduct-Tab .nav>li>a:focus { background: none; } .TTProduct-Tab .tab-content { clear: both; margin-bottom: 60px; padding: 0; } .TTProduct-Tab .nav-tabs>li.active>a, .TTProduct-Tab .nav-tabs>li:hover a { color: #232323; cursor: pointer; } .TTProduct-Tab .nav-tabs>li.active>a, .TTProduct-Tab .nav-tabs>li.active>a:hover, .TTProduct-Tab .nav-tabs>li.active>a:focus { border: 0 none; } .TTProduct-Tab .nav-tabs>li { display: inline-block; float: none; position: relative; 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; margin: 0; } .products-carousel .owl-wrapper-outer { margin: 0 0 40px; } .products-list .row { margin-left: -10px; margin-right: -10px; } /*------------------------------------- Next-Prev Owl Button CSS Start ------------------------------------------*/ .products-carousel.owl-carousel .owl-buttons div { display: inline-block; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: static; border: 1px solid #777777; color: #222222; font: 400 13px/18px "Roboto Slab", Helvetica, sans-serif; height: auto; letter-spacing: 0.4px; padding: 9px 13px 7px; margin: 0 4px 0 0; text-transform: uppercase; width: auto; text-shadow: none; } .products-carousel.owl-carousel .owl-buttons .owl-prev::before { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") no-repeat scroll -17px -359px; content: ""; float: left; height: 15px; text-align: left; width: 24px; } .products-carousel.owl-carousel .owl-buttons .owl-prev:hover::before { background-position: -75px -359px; } .products-carousel.owl-carousel .owl-buttons .owl-next::before { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") no-repeat scroll -8px -392px; content: ""; float: right; height: 15px; text-align: right; width: 24px; } .products-carousel.owl-carousel .owl-buttons .owl-next:hover::before { background-position: -66px -392px; } .products-carousel.owl-carousel .owl-buttons div:hover { background-color: #000; border-color: #000; color: #FFF; } .products-carousel .owl-buttons { float: left; text-align: center; width: 100%; } /*------------------------------------- Next-Prev Owl Button CSS End ------------------------------------------*/ /*----------------------------- Brand Carousel Start ----------------------------*/ .brand-carousel .swiper-viewport { background: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0; } .common-home .brand-carousel { float: left; padding: 20px 0; margin: 0 auto; 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-viewport .swiper-pager div { height: 30px; position: absolute; top: 0; bottom: 0; margin: auto; text-align: center; width: 30px; border: 1px solid #777777; color: #222222; font: 400 13px/18px "Roboto Slab", Helvetica, sans-serif; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .brand-carousel .swiper-viewport:hover .swiper-pager div { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .brand-carousel .swiper-pager .swiper-button-prev::before { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") no-repeat scroll -10px -353px; content: ""; float: left; height: 100%; width: 100%; } .brand-carousel .swiper-pager .swiper-button-prev:hover::before { background-position: -68px -353px; } .brand-carousel .swiper-pager .swiper-button-next::before { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") no-repeat scroll -11px -386px; content: ""; float: left; height: 100%; width: 100%; } .brand-carousel .swiper-pager .swiper-button-next:hover::before { background-position: -69px -386px; } .brand-carousel .swiper-viewport .swiper-pager div:hover { background: #222222; border-color: #222222; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-prev { left: 10px; } .brand-carousel .swiper-viewport .swiper-pager .swiper-button-next { right: 10px; } @media (max-width: 767px) { .brand-carousel .swiper-viewport .swiper-pager div { opacity: 1; } } /*----------------------------------- Brand Carousel End -------------------------------------------*/ div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } body>.container { clear: both; } .page-section { float: left; width: 100%; } /*.page-title-wrapper { background: #f5f5f5 url("TemplateTrip/images/breadcrumb-bg.png"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-background-position: 0 0; -moz-background-position: 0 0; -o-background-position: 0 0; -webkit-background-repeat: no-repeat; -moz-background-repeat: no-repeat; -o-background-repeat: no-repeat; background-repeat: no-repeat; margin: 0 0 30px; padding: 60px 0 0; width: 100%; min-height: 200px; float: left; }*/ .page-title-wrapper .page-title { color: #232323; float: left; font: 600 21px/26px "Roboto", sans-serif; letter-spacing: 1px; margin-left: -15px; text-transform: uppercase; } /* Gradent to all drop down menus */ .dropdown-menu li>a:hover, .dropdown-menu li>a:focus { text-decoration: none; color: #FFFFFF; } /* header */ header { background-color: #fff; float: left; width: 100%; height: auto; padding-left: 3.5%; } .common-home .full-header { /*background: rgba(0, 0, 0, 0.8);*/ left: 0; /*position: absolute;*/ right: 0; top: 0px; /*z-index: 999;*/ width: 100%; } .common-home header.full-header.fixed { position: fixed; } .full-header.fixed { transition: all 400ms ease 0s; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; 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; width: 100%; z-index: 999; } @-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; } } /* top */ #form-currency button span { display: inline-block; color: #888; } #currency .btn.dropdown-toggle, #language .btn.dropdown-toggle { padding: 10px 0; margin-right: 15px; } #top-links ul li.user a span, #top-links li.dropdown.user a.dropdown-toggle i.fa-caret-down, #top-links li.user .fa-user { display: none; } #top-links li.user>a { background: url(TemplateTrip/images/sprite.png) no-repeat scroll -5px -275px; cursor: pointer; float: left; height: 38px; margin: 0; width: 38px; } #top-links li.user:hover>a, #top-links li.user:focus>a, #top-links li.dropdown.user.open>a { background-position: -65px -275px; } #top-links ul li.user { padding: 0; } #top-links li.user>ul.dropdown-menu { background: #ffffff; border: 1px solid #e5e5e5; padding: 10px 15px 15px; position: absolute; right: 0; top: 73px; width: 250px; z-index: 2; } #top .btn-link, #top-links li, #top-links a { background: none; color: #999999; cursor: pointer; display: block; line-height: 24px; } #top-links ul li.ttwishlist { float: left; width: 100%; margin: 0 0 10px; } #top-links ul li.ttcurrency { float: left; width: 52%; } #top-links ul li.ttlanguage { float: left; width: 45%; } #form-language .btn, #form-currency .btn { padding: 7px 10px; } #form-currency .btn-link.dropdown-toggle, #form-language .btn-link.dropdown-toggle { border: 1px solid #e5e5e5; float: left; padding: 6px 12px; position: relative; text-align: center; width: 100%; color: #777; text-decoration: none; text-transform: uppercase; font-size: 12px; } #top-links ul li.ttcurrency #form-currency button.dropdown-toggle>strong, #top-links ul li.ttlanguage #form-language button.dropdown-toggle>img { display: none; } #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-language .btn-group button.btn-link:hover, #form-language .btn-group.open>button.btn-link { color: #000; text-decoration: none; } #form-currency .btn-group.open .fa-caret-down::before, #form-language .btn-group.open .fa-caret-down::before { content: "\f106"; } #form-language .language-toggle img { margin-right: 3px; } #form-currency .btn-group .dropdown-menu.currency-toggle li button, #form-language .btn-group .dropdown-menu.language-toggle li button { color: #888; font-size: 13px; line-height: 16px; padding: 2px 10px; text-align: left; text-transform: capitalize; letter-spacing: 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-group ul.dropdown-menu.currency-toggle { border: 1px solid #e5e5e5; left: -16px; right: auto; padding: 10px; position: absolute; top: 47px; width: 160px; } #form-language .btn-group ul.dropdown-menu.language-toggle { border: 1px solid #e5e5e5; left: auto; padding: 10px; position: absolute; right: -16px; top: 47px; width: 160px; } #form-language ul.dropdown-menu>li>button { font-size: 14px; padding: 2px 0; text-align: left; } #form-currency .fa-caret-down::before, #form-language .fa-caret-down::before, #top-links .fa-caret-down::before { content: '\f107'; font-size: 12px; } .header-right .header-user-info { float: left; position: relative; } #top-links li.dropdown.user { position: relative; } #top-links>li:first-child { padding-left: 0; } #top-links>li:last-child { padding-right: 0; } #top .btn-link:hover, #top-links a:hover { color: #444444; } #top-links .dropdown-menu a:hover, #top-links .dropdown-menu a.active { color: #000; background: none; } #top-links>ul { margin: 0; } #top-links .header-phone { display: none; } #top-links>ul>li { padding: 10px 7px; } #top-links>ul>li:last-child { padding-right: 0; } #top-links a+a { margin-left: 15px; } #top-links .dropdown-menu a { padding: 0; } #top-links .account-link-toggle a i.fa { display: none; } #top-links ul li a#wishlist-total span { display: block; } #top-links li.header-phone span { display: inline !important; } /* --------------------------------- search Start------------------------------------------------------------*/ #myHeader {} #search.input-group.active.container { position: relative; left: 0; right: 0; width: auto; } #search .input-lg, #header-search .input-lg { width: 100%; float: left; } #search .ttserach-bg { background: #f5f5f5; height: 0; left: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; position: fixed; right: 0; top: 0; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; width: 100%; } #search .btn-lg, #header-search .btn-lg { background: none; border: none; height: 28px; padding: 0; position: absolute; right: -10px; top: 0; width: 47px; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } #search .btn-lg, #header-search .btn-lg:hover { background: none; border: none; height: 28px; padding: 0; position: absolute; right: -19px; top: 0; width: 47px; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; color: #777777; } #search.input-group.active .btn-lg, #header-search#search.input-group.active .btn-lg { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; display: block; color: #414141; } #search.input-group.active .btn-lg:hover, #header-search#search.input-group.active .btn-lg:hover { color: #777777; } .ttsearch_button .fa.fa-search { display: none; } #search { /*float: right;*/ } #search .ttsearch_button { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") no-repeat scroll -6px -232px; cursor: pointer; float: right; font-size: 0; height: 30px; position: relative; right: 0; width: 38px; z-index: 99; display: none; } #search .ttsearchtoggle { background: #fff; border: 1px solid #800020; border-radius: 10px; height: 34px; width: 100%; max-width: 563px; /* position: absolute; right: 0; left: auto; top: 80px;*/ #display: none; z-index: 99; margin-left: auto; margin-right: auto; } #search .ttsearchtoggle-home { background: #fff; border: 1px solid #800020; border-radius: 10px; height: 34px; width: 100%; max-width: 563px; #display: none; z-index: 99; margin-left: auto; margin-right: auto; } #search .ttsearchtoggle-filter { background: #fff; border: 1px solid #800020; border-radius: 10px; height: 34px; width: 100%; max-width: 563px; #display: none; z-index: 99; margin-left: auto; margin-right: auto; } #search.active .ttsearch_button { background: none; cursor: pointer; } #search.active .ttsearch_button::before { color: #ffc547; content: "\f00d"; float: left; font-family: "FontAwesome"; font-size: 16px; height: 38px; line-height: 18px; padding: 10px 13px; width: 38px; display: none; } #search .input-lg, #header-search .input-lg { background: none; border: none; color: #800020; font-size: 14px; font-weight: bold; display: inline; padding: 7px 5px 5px 10px; position: relative; /*right: 0;*/ left: auto; /*top: 0;*/ height: auto; transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; width: 100%; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #search .ttsearch_button:hover { background-position: -66px -232px; } .cspan { color: #800020; position: absolute; top: 80px; left: 17px; display: inline-block; font-size: 14px; font-weight: bold; text-align: center; } .srchtext-enabled { opacity: 1; pointer-events: all; } .srchtext-disabled { opacity: 0.1; pointer-events: none; } .minimize-icon { width: 26px; height: 26px; background-image: url("minimize.png"); } .maximize-icon { width: 26px; height: 26px; background-image: url("maximize.png"); } .srchbtns { width: 130px; height: 35px; display: inline-block; text-align: center; font-size: 16px; font-weight: bolder; padding: 10px; cursor: pointer; border-radius: 10px; border: solid gray 1px; } #sclp { height: 105px; margin-top: 10px; } .textemptydiv { width: 563px; margin-left: auto; margin-right: auto; text-align: center; height: 200px; margin-top: 100px; margin-bottom: 100px; border: solid 2px #800020; border-radius: 20px; } .filtersort { width: 100%; } #search-container { height: 40px; /*width: 100%;*/ padding-left: 25px; padding-right: 25px; display: none; } #search-container-filter { height: 40px; /*width: 100%;*/ padding-left: 25px; padding-right: 25px; } #search-container-search { height: 40px; /*width: 100%;*/ padding-left: 25px; padding-right: 25px; } #search.active .ttserach-bg { bottom: 0; height: 100%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #search .ttsearch_button .fa.fa-search { display: none; } .ttsearchtoggle .input-group-btn { float: right; } #srchtext { width: 93% !important; } @media (max-width: 668px) { #search-container { height: 40px; width: 61%; padding-left: 34px; padding-right: 22px; margin-left: 12px; display: none; } #srchtext { width: 84% !important; } #search-container-filter { height: 40px; /*width: 100%;*/ padding-left: 25px; padding-right: 25px; margin-left: -10px; } #search-container-search { height: 40px; /*width: 100%;*/ padding-left: 25px; padding-right: 25px; margin-left: -10px; } } @media (max-width: 986px) and (min-width: 668px) { #srchtext { width: 93% !important; } #search { top: 100px; width: 75%; margin-left: 30px; } #search-container { height: 40px; width: 117%; padding-left: 25px; padding-right: 25px; margin-left: 12px; display: none; } #search-container-filter { height: 40px; /*width: 100%;*/ padding-left: 25px; padding-right: 25px; margin-left: -10px; } #search-container-search { height: 40px; /*width: 100%;*/ padding-left: 25px; padding-right: 25px; margin-left: -10px; } } /*--------------------------------------------- Search End --------------------------------------------------------*/ /*------------------------------ cart css start -----------------------------*/ #cart { float: left; } #cart button.dropdown-toggle { float: left; height: 100%; padding-top: 0; position: relative; width: 100%; } #cart button.dropdown-toggle { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") no-repeat scroll -34px -174px; border: medium none; color: #888888; display: block; height: 38px; padding: 0; width: 38px; } #cart.btn-group.open .dropdown-toggle { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #cart:hover button.dropdown-toggle, #cart:focus button.dropdown-toggle { background-position: -34px -113px; } #cart button .fa-shopping-cart { display: none; } #cart #cart-total { background: #ffc446; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; color: #000000; float: right; font-size: 12px; font-weight: 700; height: 16px; line-height: 14px; margin: auto; position: absolute; right: -10px; text-align: center; top: 14px; bottom: auto; width: 16px; z-index: 1; } #cart>.btn { font-size: 12px; color: #FFFFFF; line-height: 18px; padding: 10px 20px; height: 40px; } #cart.open>.btn:hover { color: #444444; } #cart .dropdown-menu { border: 1px solid #e5e5e5; margin: 0; min-width: 300px; padding: 10px; top: 73px; z-index: 2; } #cart .dropdown-menu .btn.btn-danger { height: auto; padding: 0; background: none; border: none; color: #777; } #cart .dropdown-menu .btn.btn-danger:hover { color: #9c9b9b; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #cart .dropdown-menu .table-striped td.cart-price { font: 500 18px/20px "Roboto", Helvetica, sans-serif; color: #282828; } #cart .dropdown-menu .table-striped td.cart-prd-name>a { color: #414141; font-size: 13px; } #cart .dropdown-menu .table-striped td.cart-qty { font-size: 14px; } #cart .cart-block .table-striped tbody td { background: #FFF; } #cart .header-cart-toggle .text-right.price-total { color: #414141; font: 14px/24px "Roboto Slab", Helvetica, sans-serif; text-align: right; white-space: nowrap; } #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: none; text-align: left; line-height: 24px; } #cart .table>tbody>tr>td, #cart .table>tbody>tr>th, #cart .table>tfoot>tr>td, #cart .table>tfoot>tr>th, #cart .table>thead>tr>td, #cart .table>thead>tr>th { border: none; padding: 5px; } #cart .cart-block .table-striped td img { border: 1px solid #e5e5e5; max-width: none; } #cart .cart-block .cart-info .table.table-bordered { border: none; margin: 0; } #cart .cart-block .cart-info p { margin: 0; padding: 35px 0 0; float: left; width: 100%; } #cart .dropdown-menu .btn.btn-danger i.fa-times { font-size: 14px; padding: 4px 0; } #cart .dropdown-menu table { margin-bottom: 10px; } #cart .dropdown-menu li>div { padding: 10px; margin: 0; } #cart .dropdown-menu li p { float: left; width: 100%; font-size: 14px; line-height: 22px; margin: 10px 0; } #cart .dropdown-menu li p a:first-child { background: none; color: #000; } #cart .dropdown-menu li p a:first-child:hover { color: #ffc547; } #cart .dropdown-menu li p a { background: #222222; border: none; color: #fff; font: 400 13px/18px "Roboto Slab", Helvetica, sans-serif; letter-spacing: 1px; padding: 10px 25px; margin: 0; text-transform: uppercase; letter-spacing: 1px; display: inline-block; width: 50%; float: left; text-align: center; } #cart .dropdown-menu li p a:hover { background: #ffc547; color: #232323; } #cart .dropdown-menu li p a strong { font-weight: normal; } #cart .header-cart-toggle li:first-child tr:first-child td { border: 0 none; } /* cart Special CSS Start */ #cart .dropdown-menu>li:last-child { padding: 0; } #cart .header-cart-toggle .table.table-bordered { border-style: solid none; margin: 0 0 10px; } #cart .dropdown-menu .table-bordered tr td.text-right { padding: 0; } #cart .dropdown-menu .table-bordered tr:first-child td.text-right { padding: 10px 0 0; } #cart .dropdown-menu .table-bordered tr:last-child td.text-right { padding: 0 0 10px; } #cart ul li .table.table-striped { margin: 0 0 10px; } #cart ul li .image .img-thumbnail { border: 1px solid #e5e5e5; } #cart ul table tr .text-left.name>a { font-size: 13px; } #cart .header-cart-toggle .text-right>strong { font-size: 13px; color: #222; font-weight: normal; } #cart .text-right>a:hover:first-child, #cart .text-right>a:focus:first-child { background: none; border: none; } /*------------------------------ cart css end -----------------------------*/ /* menu */ /* Mega Menu Stylesheet START */ .header-middle { float: left; padding-left: 10px; width: 100%; background-color: #222222; color: #fff; } #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: #777777; font: 700 13px/22px "Roboto Slab", Helvetica, sans-serif; letter-spacing: 0.8px; padding: 0; position: relative; text-transform: uppercase; width: 100%; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a:hover { color: #272727; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a::before { border-top: 1px solid #e5e5e5; bottom: -4px; content: ""; float: left; height: 1px; position: absolute; width: 20%; } .menu-container { clear: both; position: relative; margin: 0; float: left; } header #menu ul.navbar-nav { float: right; } #menu { margin: 0; height: 0px; } #menu .navbar-collapse { padding: 0; } #menu div.navbar-header { cursor: pointer; overflow: hidden; display: block; } #menu .collapse .dropdown i.fa:hover { background: rgba(0, 0, 0, 0.1); } #menu .nav>li.dropdown>a::after, #menu .nav>li.dropdown>span::after { bottom: auto; color: #ffc547; content: "\f107"; font-family: "FontAwesome"; font-size: 12px; left: auto; position: absolute; right: 10px; top: 15px; } #menu .nav>li.dropdown:hover>a::after, #menu .nav>li.dropdown:hover>span::after { content: "\f106"; color: #ffc547; font-family: "FontAwesome"; font-size: 12px; left: auto; position: absolute; right: 10px; top: 15px; } #menu .nav>li.dropdown>a, #menu .nav>li.dropdown>span { padding: 15px 25px 6px; } #menu .nav>li>span { cursor: pointer; float: left; } #menu .nav>li>a, #menu .nav>li>span { color: #fff; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; letter-spacing: 1px; padding: 15px 20px 0px; position: relative; text-transform: uppercase; } #menu .nav>li>a:hover, #menu .nav>li>a:focus, #menu .nav>li.open>a, #menu .nav>li>span:hover { background: none; } #menu .nav>li>a:hover, #menu .nav.navbar-nav>li:hover>a, #menu .nav.navbar-nav>li:hover>span, #menu .nav.navbar-nav>li:focus>a, #menu .nav.navbar-nav>li:focus>span, #menu .nav>li>a:focus, #menu .nav>li>a:active { color: #ffc547; } #menu .dropdown-inner { display: table; } #menu .dropdown-inner ul { display: table-cell; padding: 15px 0; } #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.mega-dropdown-menu:first-child { padding: 25px 0 25px 30px; } #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.mega-dropdown-menu { padding: 25px 30px; } #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.childs_2 { padding: 5px; } #menu .dropdown-menu .dropdown-inner .single-dropdown-menu { padding: 15px 0; } #menu .list-unstyled.childs_1.mega-dropdown-menu .list-unstyled.childs_2 a { padding: 0; } #menu .dropdown-inner a { min-width: 200px; display: block; line-height: 30px; color: #777777; font-size: 15px; /*margin: 10px*/ #text-transform: capitalize; border-bottom: solid lightgray 1px; } #menu ul.nav>li.dropdown:hover>.dropdown-menu { display: block; border-color: #e9e9e9; } #menu .dropdown-inner li a:hover, #menu .dropdown-inner li a:focus { color: #000; } #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: #509ac8; } #menu #category { float: left; padding: 15px 0; margin-left: 10px; color: #fff; font: 700 20px/26px "Roboto slab", sans-serif; letter-spacing: 1px; position: relative; text-align: left; text-transform: uppercase; width: 100%; top: 5px; } #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown>a:after { font-family: 'FontAwesome'; content: '\f105'; position: absolute; right: 15px; top: 0; } #menu .btn-navbar { font-size: 15px; font-stretch: expanded; color: #FFF; padding: 2px 18px; float: right; background-color: #509ac8; } #menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] { color: #ffffff; background-color: #509ac8; } /*------------------------- 2 Level Sub Categories START-------------------------------*/ #menu ul.nav ul.list-unstyled li { min-width: 160px; position: relative; } #menu .dropdown-inner .list-unstyled.childs_1.single-dropdown-menu a { padding: 0 15px; } #menu .navbar-nav li.dropdown ul.mega-dropdown-menu li.dropdown .dropdown-menu { padding: 15px 0 0; } #menu ul.nav li ul.list-unstyled.mega-dropdown-menu>li.dropdown .dropdown-menu { border: 0; position: static; display: block; } #menu .dropdown-inner ul.list-unstyled.mega-dropdown-menu:last-child { border-right: 0; } #menu ul.nav li ul.list-unstyled.single-dropdown-menu>li.dropdown .dropdown-menu { border-color: #e5e5e5; display: none; left: 160px; position: absolute; top: 7px; } #menu ul.nav li ul.list-unstyled>li.dropdown:hover>.dropdown-menu { display: block; } /* 2 Level Sub Categories END */ /* content */ #content { #min-height: 500px; } .common-home #content { padding: 0; } /*---------------------------------------------- Slideshow Slider Stylesheet start-------------------------------*/ .swiper-wrapper { direction: ltr !important; } .slideshow-panel { float: left; 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: #fff url("TemplateTrip/images/ajax-loader.gif") no-repeat scroll center center; bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; margin: 0 auto; width: 100%; z-index: 999; } .slideshow-panel img { width: 100%; height: auto; } .slideshow-panel .swiper-pagination-bullet { background: #222222; border-radius: 0; height: 12px; width: 12px; transition: transform 0.3s ease 0s, opacity 0.3s ease 0s; box-shadow: none; } .slideshow-panel .swiper-pagination-bullet-active { background: #ffc446; } .slideshow-panel .swiper-pagination-bullet:hover { background: #ffc446; transform: rotateY(180deg); } .slideshow-panel .swiper-viewport .swiper-pager { position: static; } .slideshow-panel .swiper-container .swiper-pager div { display: block; height: 100%; margin: auto; overflow: hidden; position: absolute; text-shadow: none; top: 0; width: 170px; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev { cursor: url("TemplateTrip/images/prev.png"), pointer; left: 0; right: auto; } .slideshow-panel .swiper-container .swiper-pager .swiper-button-next { cursor: url("TemplateTrip/images/next.png"), pointer; left: auto; right: 0; } .slideshow-panel:hover .swiper-container .swiper-pager div { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .slideshow-panel .swiper-pager .swiper-button-prev::before, .slideshow-panel .swiper-pager .swiper-button-next::before { display: none; } @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 Slider Stylesheet end-------------------------------*/ .html-content { width: 100%; float: left; } footer .html-content { float: none; width: auto; } .products-list { float: left; position: relative; width: 100%; } /*-------------------------custome navigation button css start--------------------------*/ .customNavigation { display: table; float: none; position: static; width: auto; margin: 0 auto; } .customNavigation a { border: 1px solid #777777; color: #222222; float: left; font: 400 13px/18px "Roboto Slab", Helvetica, sans-serif; height: auto; letter-spacing: 0.4px; padding: 9px 13px 7px; text-transform: uppercase; width: auto; } .customNavigation a.prev { margin: 0 4px 0 0; } .customNavigation a.prev::before { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") no-repeat scroll -17px -359px; content: ""; float: left; height: 15px; text-align: left; width: 24px; } .customNavigation a.next::before { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") no-repeat scroll -8px -392px; content: ""; float: right; height: 15px; text-align: right; width: 24px; } .customNavigation a:hover { background: #222 none repeat scroll 0 0; border-color: #222; color: #ffffff; } .customNavigation a.next:hover::before { background-position: -66px -392px; } .customNavigation a.prev:hover::before { background-position: -75px -359px; } /*-------------------------------.customNavigation css end---------------------------*/ /* Category Page */ .products-list .box-heading { position: relative; } .product-category .category-description { float: left; width: 100%; } .product-category .category-list { float: left; width: 100%; } .category-products { float: left; width: 100%; } .category-products>.row { margin: 0 -10px; } .category-products .product-thumb.row { margin: 0; } #column-left .panel.panel-default.category-treeview { background: #eee; padding: 15px; margin: 0 0 20px; border: none; } #column-left .box-heading>h3, #column-right .box-heading>h3 { float: left; width: 100%; } #column-left .panel-heading, #column-right .panel-heading, #column-left .box-heading>h3, #column-right .box-heading>h3 { background: none; font: 700 16px/18px "Roboto Slab", sans-serif; letter-spacing: 0; padding: 0 0 10px; margin: 0 0 20px; border: none; color: #232323; text-transform: uppercase; position: relative; text-align: left; } #column-left .panel-heading::before, #column-right .panel-heading::before, #column-left .box-heading>h3::before { border-top: 1px solid #cccccc; bottom: -4px; content: ""; float: left; left: 0; right: auto; height: 1px; position: absolute; width: 12%; } #column-left .category-treeview li .list-group-item, #column-right .category-treeview li .list-group-item { background: #f0f0f0; border: none; color: #333; font-size: 14px; line-height: 28px; padding: 0; margin: 0; text-transform: capitalize; letter-spacing: normal; } #column-left .category-treeview li .list-group-item:hover, #column-right .category-treeview li .list-group-item:hover, #column-left .category-treeview li .list-group-item.active, #column-right .category-treeview li .list-group-item.active { color: #000; } #content h2.category-name { margin-top: 0; } #column-left>div, #column-right>div { float: left; margin-bottom: 0px; width: 100%; } #column-left .swiper-viewport, #column-right .swiper-viewport { border-radius: 0; box-shadow: none; padding: 0; border: none; } .category-list ul { padding: 0; } .category-list ul li { background: none repeat scroll 0 0 #F1F1F1; display: inline-block; list-style: none; margin-right: 5px; } .category-list a { padding: 5px 10px; float: left; background-color: #000; color: #fff; } .category-list a:hover { padding: 5px 10px; float: left; background-color: lightgray; color: #000; } #column-left .category-li>ul, #column-right .category-li>ul { margin: 0 0 0 15px; } .category-compare { margin: 0; float: left; width: 100%; } .category-treeview ul { margin: 0; } .category-treeview li { position: relative; list-style: none; } .category-treeview li.category-li .list-tree:before { content: "\f107"; font-family: "FontAwesome"; font-size: 12px; font-weight: bold; color: #333; position: absolute; cursor: pointer; padding: 0; right: 0; top: 5px; z-index: 9; } .category-treeview li.category-li.active .list-tree:before { content: "\f106"; } .category-treeview a.list-group-item:before { font-family: 'FontAwesome'; content: ""; } .category-treeview a.list-group-item.child-item:before, .category-treeview a.current-child-item:before { content: ""; } .product-thumb .caption .description { display: none; } .rating span.fa-stack, #review span.fa-stack { width: 13px; height: 13px; color: #ffc84f; } .product-list .product-thumb .caption .description { display: block; margin-bottom: 15px; font-size: 14px; color: #777; } .product-thumb, .product-layout, .product-layouts { position: relative; } .product-thumb { border: 3px solid rgba(0, 0, 0, 0); display: block; overflow: hidden; position: relative; text-align: center; transition: all 400ms ease-in-out 0s; } .product-thumb:hover { border-color: #eeeeee; } .product-thumb .image { margin: 0 0 13px; } .product-thumb .sale-icon, .product-sale-icon { background-color: #f1f1f1; color: #222; font-size: 13px; font-weight: 400; line-height: 18px; opacity: 0; padding: 2px 11px 4px; position: absolute; right: 5px; text-align: center; text-transform: uppercase; top: 5px; transition: all 300ms ease-in-out 0s; z-index: 1; } .product-thumb:hover .sale-icon { opacity: 1; } /* Column Left - Right Product List */ #column-left .panel-default, #column-right .panel-default { width: 100%; float: left; border: none; padding: 0; } #column-right .panel.panel-default .list-group .list-group-item, #column-left .panel.panel-default .list-group .list-group-item { background: none; border: none; } #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 { margin: 0; } #column-left .product-thumb, #column-right .product-thumb, #header-left .product-thumb, #header-right .product-thumb, #footer-left .product-thumb, #footer-right .product-thumb { border: none; margin: 0 0 15px; } #column-left .product-thumb:last-child, #column-right .product-thumb:last-child { margin: 0; } #column-left .product-thumb:last-child, #column-right .product-thumb:last-child, #header-left .product-thumb:last-child, #header-right .product-thumb:last-child, #footer-left .product-thumb:last-child, #footer-right .product-thumb:last-child { border: 0; } #column-left .product-thumb .image, #column-right .product-thumb .image, #header-left .product-thumb .image, #header-right .product-thumb .image, #footer-left .product-thumb .image, #footer-right .product-thumb .image { border: 1px solid #e5e5e5; max-width: 70px; float: left; margin: 0; padding: 0; } #column-left .product-thumb .sale-icon, #column-right .product-thumb .sale-icon { 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 { position: static; display: block; line-height: normal; } #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: none; border: 0 none; opacity: 1; position: static; } #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 { display: block; height: 100%; margin: 4px 0; text-align: left; width: 100%; } #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 button.btn-cart span, #column-right .product-thumb .button-group button.btn-cart span, #header-left .product-thumb .button-group button.btn-cart span, #header-right .product-thumb .button-group button.btn-cart span, #footer-left .product-thumb .button-group button.btn-cart span, #footer-right .product-thumb .button-group button.btn-cart span { display: block !important; color: #777777; padding: 0; font: 400 14px/16px "Roboto Slab", Helvetica, sans-serif; text-transform: capitalize; } /* Column Left Right - Product Option Filter Style */ .option-filter-box .checkbox { margin: 0; padding: 2px 0; line-height: normal; } .option-filter-box .checkbox input[type="checkbox"], .option-filter-box .checkbox-inline input[type="checkbox"] { vertical-align: middle; } .option-filter { background: none; padding: 0; } .option-filter .panel-heading, .option-filter .panel-heading { color: #222; border: medium none; font: 700 16px/18px "Roboto", Helvetica, sans-serif; margin-bottom: 20px; padding: 0 0 10px; position: relative; text-transform: uppercase; margin-top: 0; } .option-filter-box .checkbox>label, .option-filter-box .checkbox>label { text-transform: capitalize; color: #888; margin: 0; vertical-align: super; } .option-filter .list-group { margin: 0; } .option-filter-box .list-group-item, .option-filter-box .list-group-item { text-transform: capitalize; } #column-left .option-filter .list-group-items .list-group-item, #column-right .option-filter .list-group-items .list-group-item { background: #FFF; border: none; color: #333; cursor: pointer; font: 400 13px/28px "Roboto Slab", Helvetica, sans-serif; margin: 0; padding: 0; text-transform: capitalize; float: left; position: relative; width: 100%; } .option-filter label:hover, .option-filter label:focus { color: #000; } .option-filter .panel-footer { border: none; padding: 10px 0; background: #FFF; float: left; width: 100%; } .option-filter-box a.list-group-item:before { font-family: "FontAwesome"; content: "\f068"; font-size: 10px; color: #333333; position: absolute; right: 0; left: auto; top: 0; } .option-filter-box a.list-group-item.collapsed:before { content: "\f067"; } #column-left .account-list .list-group a.list-group-item:before, #column-right .account-list .list-group a.list-group-item:before, #column-left .affiliate-list .list-group a.list-group-item:before, #column-right .affiliate-list .list-group a.list-group-item:before, #column-left .information-list .list-group a.list-group-item:before, #column-right .information-list .list-group a.list-group-item:before { font-family: "FontAwesome"; /*content:"\f105";*/ padding: 0 5px 0 0; float: left; } .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; } #content .category-filter { margin-top: 10px; border-top: 1px solid #0432FF; padding: 8px 0; width: 100%; float: left; } .category-filter .filter-sort-by, .category-filter .filter-show { float: right; } .category-filter .filter-text { float: left; text-align: left; } .category-filter .filter-show .filter-selection { width: 60px; float: right; } .category-filter .filter-sort-by .filter-selection { width: 100px; float: left; } .category-filter .filter-sort-by { /*width: 19%;*/ max-width: 228px; } .category-filter .filter-show { /*min-width: 120px;*/ } .category-filter .filter-line { min-width: 150px; } .category-filter .filter-text { padding: 5px 5px 0 0; margin: 0 5px 0 0; } .category-filter label { background: none; border: none; line-height: 18px; padding-top: 3px; display: inline-block; } .category-filter .filter-selection { padding: 0; } .category-filter .filter-grid-list { padding: 0; width: 70px; float: left; } .category-filter .filter-grid-list button { background: url("TemplateTrip/images/sprite.png"); width: 34px; height: 34px; padding: 0; } .category-filter .filter-grid-list button#grid-view { background-color: rgba(0, 0, 0, 0); background-position: -6px -15px; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .category-filter .filter-grid-list button#grid-view:hover, .category-filter .filter-grid-list button#grid-view.active { background-position: -6px -64px; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .category-filter .filter-grid-list button#list-view { background-color: rgba(0, 0, 0, 0); background-position: -65px -15px; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .category-filter .filter-grid-list button#list-view:hover, .category-filter .filter-grid-list button#list-view.active { background-position: -65px -64px; } .category-filter .filter-grid-list button i.fa { font-size: 0; } .category-description .category-content { color: #777; float: left; font-weight: 400; text-transform: capitalize; width: 100%; } .product-category .category-list>h3 { color: #222; font: 400 16px/18px "Roboto Slab", sans-serif; text-transform: capitalize; } .category-pagination { float: left; margin: 30px 0; width: 100%; } .category-description .category-image { margin: 0 0 20px; } .category-pagination div.text-left { line-height: 41px; padding: 0; } .category-pagination div.text-right { padding: 0; } /* Left Column stylesheet */ #column-left .products-list .row>div, #column-right .products-list .row>div { float: left; width: 100%; padding: 0; } #column-left .product-thumb .thumb-description, #column-right .product-thumb .thumb-description { padding: 0 10px; text-align: left; } #column-left .products-list .row>div .caption h4, #column-right .products-list .row>div .caption h4 { margin: 0; font: 400 16px/18px "Roboto Slab", Helvetica, sans-serif; } #column-left .products-list .row>div .caption .price, #column-right .products-list .row>div .caption .price { background: none; padding: 0; text-align: left; opacity: 1; font-size: 14px; } #column-left .product-thumb .price-new, #column-right .product-thumb .price-new { font: 14px/18px "Roboto", Helvetica, sans-serif; } #column-left .product-thumb .price-old, #column-right .product-thumb .price-old { line-height: 18px; font-size: 12px; } /* Category Pagination Start*/ .pagination>li>a, .pagination>li>span, .pagination>li:first-child>a, .pagination>li:first-child>span { height: 34px; padding: 6px 12px; width: 34px; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: #777777; border-color: #777777; cursor: pointer; } .pagination li.active:hover>span, .pagination li:hover>a { background-color: #777777; border-color: #777777; color: #FFF; } .pagination>li>a, .pagination>li>span { color: #777; display: block; } .pagination li:first-child>a::after, .pagination li:last-child>a::after { color: #777; font-family: fontawesome; font-size: 14px; position: absolute; left: 10px; right: auto; } .pagination li:first-child>a::after { #content: "\f177"; } .pagination li:last-child>a::after { #content: "\f178"; } .pagination li:first-child>a:hover::after, .pagination li:last-child>a:hover::after { color: #FFF; } .pagination li:first-child>a, .pagination li:last-child>a { font-size: 14px; padding: 6px 10px; } .pagination>li { margin: 0 3px; display: inline-block; float: left; text-align: center; } /* Category Pagination End*/ /* Product page stylesheet */ .product-product .product-image .thumbnail { padding-right: 20px; border: none; position: relative; overflow: hidden; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } .product-product .product-image .thumbnail img { #border: 1px solid #e5e5e5; } .product-image .product-sale-icon { opacity: 1; } .product-details .product-price h2.price-new { color: #222; font: 700 18px/26px "Roboto Slab", Helvetica, sans-serif; margin: 0; } #content .product-images, #content .product-details { float: left; } .product-product #button-cart::before { background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") no-repeat scroll 0 -415px; bottom: 0; content: ""; font-size: 15px; height: 45px; left: 0; position: absolute; right: 0; top: 0; width: 45px; } .product-product #button-cart:hover::before, .product-product #button-cart:active::before, .product-product #button-cart:focus::before { background-position: -55px -415px; } .product-details .product-quantity .btn-primary { background: #222 none repeat scroll 0 0; border: 1px solid #222; color: #ffffff; font: 13px/20px "Roboto Slab", Helvetica, sans-serif; letter-spacing: 1px; padding: 9px 10px 9px 42px; text-transform: uppercase; } .product-details .product-quantity .btn-primary:hover, .product-details .product-quantity .btn-primary:active, .product-details .product-quantity .btn-primary:focus { background: #ffc547; border-color: #ffc547; color: #000000; } .product-details .product-info td { padding: 3px; color: #272727; font: 500 13px/20px "Roboto Slab", Helvetica, sans-serif; padding: 3px; text-transform: uppercase } .product-details .product-info .product-info-value { padding-left: 10px; color: #777; font-weight: normal; text-transform: none; } .product-quantity label { text-align: center; margin: 0 5px 0 0; padding: 5px 0; float: left; line-height: 28px; } .product-quantity #input-quantity { width: auto; height: 41px; text-align: center; margin: 0 5px 0 0; float: left; } .product-details h1.product-name { border-bottom: 1px solid #e5e5e5; color: #444; font-size: 18px; margin: 0 auto; padding-bottom: 16px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; } .product-info-value>a { color: #ffc547; } .product-info-value>a:hover { color: #000; } .product-details table.product-info { margin: 15px 0 0; } .product-details .product-price, .product-details .rating { padding: 15px 0; } .product-details ul.product-price, .product-details .rating { border-bottom: 1px solid #e5e5e5; padding-top: 15px; width: 100%; float: left; } .product-price .product-discounts { list-style: none; margin-top: 10px; } .product-details ul.product-price h2 { margin-top: 0; font: 400 20px/22px "Roboto", Helvetica, sans-serif; } .product-product .product-options { float: left; width: 100%; } .product-details .product-options h3 { font: 400 20px/22px "Roboto Slab", Helvetica, sans-serif; margin: 10px 0; } .product-product .btn.btn-default { background-color: #eee; border-color: #ccc; color: #777777; } .product-product .btn.btn-default:hover { color: #232323; } .product-options .product-quantity { clear: both; } .product-options .radio, .product-options .checkbox { padding: 0; margin-top: 0; margin-bottom: 5px; } .product-details .rating { display: table; } .product-total-review .fa.fa-comment, .product-write-review .fa.fa-pencil { margin-right: 5px; } .product-details .rating>a { border-right: 1px solid #ebebeb; color: #777777; float: left; font-size: 14px; margin: 1px 10px 0 0; padding: 0 10px 0 0; height: 20px; } .product-details .rating>a:last-child { border-right: none; } .product-details .rating>a:hover { color: #000; } .rating .product-rating { border-right: 1px solid #ebebeb; float: left; margin: 0 10px 0 0; padding: 4px 10px 0 0; height: 20px; } .product-product .product-details .btn-group>button { background: none; border: none; margin: 0 10px 0 0; padding: 0; font-size: 13px; color: #777777; text-transform: none; } .product-product .product-details .btn-group>button:hover { color: #000; } .product-product .product-details .addthis_toolbox>a:first-child { margin: 0; padding: 0; } .product-product .product-details .addthis_toolbox>a { margin: 0 5px; } .product-tabs { margin: 5px 0; clear: both; } .cart-form .table-bordered>thead>tr>th, .cart-form .table-bordered>tbody>tr>th, .cart-form .table-bordered>tfoot>tr>th, .cart-form .table-bordered>tbody>tr>td, .cart-form .table-bordered>tfoot>tr>td { background: #ffffff none repeat scroll 0 0; border: 1px solid #e5e5e5; color: #222222; font-size: 14px; vertical-align: middle; } .table-bordered { border-color: #e9e9e9; } .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #e5e5e5; } .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-color: #e9e9e9; } .sub-total-table table tr td strong { font-weight: normal; font-size: 14px; letter-spacing: 0; } .table-bordered tr:last-child>td.text-right.total-amount { color: #282828; font: 700 18px/25px "Roboto Slab", Helvetica, sans-serif; } .checkout-cart tr:last-child>td.text-right.heading-title { color: #555454; font: 700 18px/22px "Roboto Slab", Helvetica, sans-serif; text-transform: uppercase; } .table-bordered tr td.text-right.total-amount { color: #282828; font: 500 18px/20px "Roboto", Helvetica, sans-serif; text-align: right; } .cart-form .table-bordered td.text-right.unit-price { color: #282828; font: 500 18px/20px "Roboto", Helvetica, sans-serif; } .cart-form .table-bordered tbody td.text-right.total-price { color: #282828; font: 500 18px/20px "Roboto", Helvetica, sans-serif; } #tab-review label.control-label { font-weight: bold; } .checkout-cart #accordion .panel-heading { padding: 0; border-color: #e9e9e9; } .checkout-cart #accordion .panel-heading a { padding: 10px 15px; } .checkout-cart #content .buttons { float: left; width: 100%; } .checkout-checkout #accordion .panel.panel-default { float: left; width: 100%; } .checkout-checkout #accordion .panel .panel-heading { float: left; width: 100%; border-color: #e9e9e9; } .checkout-checkout #accordion .panel .panel-collapse { float: left; width: 100%; } .checkout-cart #accordion label.control-label { width: 100%; padding: 0; text-align: left; } #cart .table-striped>tbody>tr:nth-of-type(2n+1) { background: none; } .checkout-cart #accordion .form-group { margin: 10px 0; } .checkout-cart #accordion .form-group>div { width: 100%; padding: 0; margin-bottom: 5px; } .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: #000; } /*-------------------------- Related carousel CSS Start ----------------------------*/ .related-carousel .box-heading>h3::before { border-bottom: 1px solid #bababa; bottom: -10px; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 15%; } /*-------------------------- Related carousel CSS End ------------------------------*/ /* 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 { border: 1px solid #CCCCCC; padding: 10px; } .product-compare #content .table .btn { display: inline-block; margin: 2px 0; text-transform: uppercase; width: auto; } .information-sitemap .col-sm-6>ul { padding-left: 15px; } .information-sitemap #content ul ul { padding-left: 30px; margin-bottom: 5px; } body.product-compare .table-product-image { padding: 3%; } /* 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 #e9e9e9; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; color: #999999; font-size: 16px; height: 30px; margin: 0 5px 0 0; padding: 5px; text-align: center; width: 30px; } /* manufacturer_list & account_list & affiliate_list - Tabular list of Brands Stylesheet */ .a-link-group { margin-bottom: 10px; } .a-link-group a { font-weight: bold; } .a-link-list { border: 1px solid #dbdee1; margin-bottom: 20px; padding: 5px; } .a-link-heading { background: #F5F5F5; font-size: 15px; font-weight: bold; margin-bottom: 6px; padding: 5px 8px; } .a-link-heading p, .a-link-heading h2 { margin: 0; font-size: 15px; line-height: 20px; font-weight: bold; } .a-link-content { padding: 8px; } .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; } #at15s .at-label { margin: 0 5px; } /* checkout/cart - cart-form Stylesheet */ .cart-form .input-group .form-control { width: auto; min-width: 50px; text-align: center; padding: 7px 12px; } .cart-form .input-group-btn { display: table; float: left; } .searchcat { cursor: pointer; } #catmenu { width: 100%; max-width: 830px; margin-left: auto; margin-right: auto; /*overflow: auto;*/ padding: 5px 5px 5px 20px; min-height: 500px; } #carousal_dev { margin: 0 0 12px; } #catmenu>div { width: auto; display: inline-block; vertical-align: top; margin: 0.5%; text-align: center; } #catmenu div>li { list-style: none; position: relative; margin-bottom: 8px; overflow: hidden; /*float: left;*/ width: 177px; height: 160px; margin-left: 10px; margin-right: 10px; display: inline-block; } #catmenu div>li a { display: block; /*box-shadow: 0 3px 7px #ddd;*/ box-shadow: 0 3px 7px #979797; border-radius: 10px; text-align: center; margin-bottom: 10px; padding: 4px; padding-bottom: 0px; border: solid 1px #737373; } #catmenu ul li a { border: none !important; } .sub-drop-title { padding-top: 4px; color: #800020; padding-left: 4px; font-weight: 600; font-size: 14px; } .cat-pro #catmenu div { width: 214px !important; } .cat-pro div#catmenu { max-width: 278px !important; height: 373px; } .cat-pro #catmenu div>li a { text-align: left; margin-bottom: 0.5px; border: solid 3px #73737357; box-shadow: none; } .cat-pro div#catmenu li a img { text-align: left !important; margin-right: 8px; height: 35px; } #catmenu .img_box img { height: 115px; object-fit: cover; width: 100%; } #catmenu li ul { position: absolute; margin: 0; padding: 0; top: 0; left: 0; background: #fff; width: 100%; height: 100%; box-shadow: 0 3px 7px #ddd; border-radius: 10px; } #catmenu li ul li { list-style: none; display: block; height: 18px; } #catmenu li ul li a { padding: 4px; box-shadow: none; border-radius: 0; margin-bottom: 0; text-align: 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 { color: #878787; float: left; margin: 30px 0 0; width: 100%; } footer .footer-column { min-height: 220px; padding: 0; text-align: center; } .footer-column .list-unstyled>li { margin: 0; position: relative; display: block; vertical-align: middle; padding: 0 0 6px; } footer hr { border-top: none; border-bottom: 1px solid #666666; } footer a { color: #878787; font: 400 14px/10px "Roboto Slab", Helvetica, sans-serif; } footer a:hover, footer a:focus { color: #000000; } footer .footer-column h5 { color: #232323; cursor: pointer; font: 500 18px/22px "Roboto", sans-serif; letter-spacing: 0.8px; margin: 0 0 25px; position: relative; text-transform: uppercase; } /* ------------------------------------ Common footer CSS Strat ---------------------------------------------*/ #goToTop { background: #ffc547; border: 2px solid #ffc547; border-radius: 50%; bottom: 20px; cursor: pointer; height: 38px; position: fixed; right: 20px; transition: all 400ms ease-in-out 0s; width: 38px; z-index: 999; } /*#basket { text-align: left; background: #ffffff; border: 2px solid #cccccc; bottom: 0px; height: 200px; min-height: 200px; position: fixed; left: 10px; width: 99%; z-index: 999; display: block; border-top-left-radius: 20px; border-top-right-radius: 20px; }*/ #basket { text-align: center; background: #ffffff; /*border: 1px solid #cccccc;*/ bottom: 70px; height: auto; position: fixed; right: 19px; width: 40px; z-index: 1; display: block; border-radius: 10px; } #basketcontent { font-size: 18px; font-weight: bold; } #negrip{ top: -5px; right: -5px; width: 10px; height: 10px; background-color: #ffffff; border: 1px solid #000000; } #goToTop:hover { background: #ffa500; border-color: #ffa500; z-index: 1; } #goToTop:before { color: #000; content: "\f106"; font-family: "FontAwesome"; font-size: 16px; line-height: 30px; padding: 6px 12px; } /* alert */ .alert .close { left: 0; top: 0; } .alert { padding: 8px 14px; clear: both; } .alert-success {margin: auto auto 0px;} .common-home .alert-success { position: absolute; left: 0; right: 0; margin: 0 auto; top: 120px; max-width: 1170px; z-index: 999; } /* breadcrumb */ .breadcrumb { float: left; list-style: outside none none; margin: 21px 0 0; } .breadcrumb>li { white-space: nowrap; display: inline-block; float: none; } .breadcrumb>li+li:before { font-family: 'FontAwesome'; content: '\f105'; font-size: 12px; margin: 0 8px; float: none; } .breadcrumb a.last-breadcrumb, .breadcrumb a.last-breadcrumb:hover { color: #000; } .breadcrumb a { color: #444444; display: inline-block; font-size: 13px; margin: 0; padding: 0; z-index: 99; } .breadcrumb a:hover, .breadcrumb i:hover { color: #000; } /* buttons */ .buttons { margin: 1em 0; } .btn { font-size: 13px; } .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-lg { padding: 6px 20px; font-size: 15px; } .btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover { font-size: 12px; } .btn-group>.btn-xs { font-size: 9px; } .btn-group>.btn-sm { font-size: 10.2px; } .btn-group>.btn-lg { font-size: 15px; } .btn-default { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #555555; color: #555; letter-spacing: 1px; text-transform: uppercase; } .btn-default:hover, .btn-default:focus { background-color: #555555; border-color: #555555; color: #FFF; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { background-color: #555555; border-color: #555555; color: #FFF; } .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-color: #000000; border-color: #000000; color: #ffffff; } .btn-primary { background: #000; border: 1px solid #000; color: #ffffff; font-size: 13px; letter-spacing: 1px; position: relative; text-transform: uppercase; } .checkout-cart .buttons .pull-left a.btn-default { background: #000; border-color: #000; color: #fff; letter-spacing: 1px; font: 400 13px/18px "Roboto Slab", Helvetica, sans-serif; } .checkout-cart .buttons .pull-left a.btn-default:hover { background: #ffc547; border-color: #ffc547; color: #000000; } .checkout-cart .pull-right a.btn-primary { background: #ffc547; border-color: #ffc547; font: 400 13px/18px "Roboto Slab", Helvetica, sans-serif; letter-spacing: 1px; color: #000000; } .checkout-cart .pull-right a.btn-primary:hover { background: #000; border-color: #000; color: #FFF; } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background: #ffc547; color: #232323; border-color: #ffc547; } .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-block { width: auto; } .btn-danger { color: #ffffff; background-color: #800020; font-weight: bold; border-radius: 10px; } .btn-closed { margin-right: 10px; background-color: #FCC7D4; border: 1px solid #555555; color: #555; letter-spacing: 1px; text-transform: uppercase; } .btn-open { margin-right: 10px; background-color: #C0F2BF; border: 1px solid #555555; color: #555; letter-spacing: 1px; text-transform: uppercase; } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); -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:hover, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover, .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info, .btn-info.focus, .btn-info:focus { background-color: #c9302c; border-color: #c9302c; color: #ffffff; } .btn-success { color: #000; background-color: #5bb75b; font-weight: bold; border-radius: 10px; } } .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: #df5c39; border-color: #df5c39; } .btn-link { border-color: rgba(0, 0, 0, 0); cursor: pointer; color: #777; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { text-decoration: none; } .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; padding: 0; line-height: 24px; cursor: pointer; background: none; } .list-group a.active, .list-group a.active:hover, .list-group a:hover { color: #444444; background: #eeeeee; } .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-layout, .product-layouts { padding: 10px; } .product-thumb .thumb-description {} .product-thumb .image a { display: block; overflow: hidden; position: relative; } .product-thumb .image img { margin: 0 auto; max-width: 100%; } .product-thumb h4 { display: inline-block; font: 400 15px/26px "Roboto Slab", Helvetica, sans-serif; margin-top: -10px; text-transform: capitalize; text-overflow: ellipsis; overflow: hidden; width: 100%; } .product-thumb h4 a { color: #555555; font: 400 12px/18px "Roboto Slab", Helvetica, sans-serif; white-space: nowrap; } .product-thumb:hover h4 a, .product-thumb h4 a:hover { color: #000; } .product-thumb .rating { padding: 0; position: absolute; top: auto; bottom: 80px; left: 0; right: 0; margin: 0 auto; cursor: pointer; display: block; } .rating .fa-stack { font-size: 5px; } .rating .fa-star-o, #review .fa-star-o { color: #d7d7d7; font-size: 15px; } .rating .fa-star.off { color: #d7d7d7; } .rating .fa-star, #review .fa-star { font-size: 13px; } .rating .fa-star+.fa-star-o, #review .fa-star+.fa-star-o { color: #E69500; } h2.price { margin: 0; } .product-thumb .price { color: #272727; display: inline-block; font: 400 16px/18px "Roboto Slab", Helvetica, sans-serif; padding: 2px 10px; } .product-thumb:hover .price { opacity: 0; } .product-thumb .price-old, .product-details .price-old { color: #777; font: 400 14px/18px "Roboto Slab", Helvetica, sans-serif; text-decoration: line-through; } .product-thumb .price-tax { color: #888; font-size: 14px; display: none; } .product-list .product-thumb .price-tax { display: block; padding: 5px 0 0; } .well { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /*----------------------button css start----------------------*/ .product-thumb .button-group { bottom: 40px; float: none; height: auto; left: 0; position: absolute; right: 0; text-align: center; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .product-thumb:hover .button-group { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-thumb .button-group button { background-color: rgba(0, 0, 0, 0); border: medium none; color: #888; display: inline-table; float: none; font-weight: bold; height: 30px; padding: 0; position: relative; text-align: center; text-transform: capitalize; width: 50px; vertical-align: top; } .product-list .product-thumb .button-group .btn-wishlist, .product-list .product-thumb .button-group .btn-compare { border: 1px solid #e5e5e5; margin: 0 0 0 -1px; } .product-thumb .button-group .btn-cart .fa-shopping-cart { background-position: 13px -43px; } .product-thumb .button-group .btn-cart:hover .fa-shopping-cart { background-position: -29px -43px; } .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 !important; } .product-thumb .button-group i::before { content: ""; } .product-thumb .button-group .btn-wishlist i.fa-heart { background-position: 11px 4px; } .product-thumb .button-group .btn-wishlist:hover i.fa-heart { background-position: -31px 4px; } .product-thumb .button-group .btn-compare i { background-position: 11px -89px; } .product-thumb .button-group .btn-compare:hover i { background-position: -31px -89px; } .product-list .product-thumb .button-group .btn-cart .fa-shopping-cart { background-position: 12px -36px; height: 45px; width: 45px; } .product-list .product-thumb .button-group .btn-wishlist i.fa-heart { background-position: -30px 9px; } .product-list .product-thumb .button-group .btn-compare i { background-position: -30px -83px; } .product-list .product-thumb .button-group { float: left; margin: 15px 0 0; opacity: 1; position: static; } .product-list .product-thumb:hover .button-group { position: static; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; height: auto; } .product-list .button-group button.btn-cart:hover span { color: #000; } .product-list .product-thumb .button-group .btn-cart { border: 1px solid #e5e5e5; height: 45px; padding: 0 15px 0 5px; width: auto; } .product-list .product-thumb .button-group button:hover { background: #ffc547; border-color: #ffc547; } .product-list .product-thumb .button-group button { height: 45px; width: 50px; float: left; } .product-list .button-group button.btn-cart span { color: #333; display: inline-block !important; font: 400 13px/43px "Roboto Slab", Helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; vertical-align: top; } /*----------------------------button css end----------------------*/ .product-list .product-thumb .price { background: none; padding: 0; opacity: 1; } .product-list .image { border-right: 1px solid #e5e5e5; margin: 0; } .product-list .product-thumb .sale-icon { opacity: 1; } .product-list .product-thumb { border: medium none; transition: none 0s ease 0s; } .product-list .product-thumb .rating { position: static; padding: 0; margin: 0 0 5px; } .product-list .product-thumb .thumb-description { float: right; padding: 30px; text-align: left; } .thumbnails { overflow: auto; clear: both; list-style: none; padding: 0; margin: 0; } .thumbnails>li { margin-left: 20px; } .thumbnails>img { width: 100%; } .product-images .additional-images-container { margin: 0 auto; padding: 0 20px; position: relative; overflow: hidden; width: 95%; text-align: center; } .additional-images-container .additional-images { margin: 0; padding: 0 20px; float: left; width: 100%; } .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; } .products-list .customNavigation, .product-images .customNavigation { display: none; } .products-list .customNavigation.owl-navigation, .product-images .customNavigation.owl-navigation { display: block; } .product-images .customNavigation.owl-navigation { width: 100%; } .products-list .customNavigation .btn { font-size: 0; } .additional-images-container .additional-images .owl-buttons>div { border: 1px solid #000; background: #000; color: #fff; font-size: 0; width: 25px; height: 25px; position: absolute; top: 0; bottom: 0; margin: auto; cursor: pointer; z-index: 9; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } .additional-images-container .additional-images .owl-buttons>.owl-prev { left: -20px; right: auto; } .additional-images-container .additional-images .owl-buttons>.owl-next { right: -20px; left: auto; } .additional-images-container .owl-carousel .owl-controls .owl-buttons .owl-prev::before { color: #FFF; content: "\f104"; font-family: "fontawesome"; font-size: 16px; line-height: 22px; vertical-align: top; padding: 8px; } .additional-images-container .owl-carousel .owl-controls .owl-buttons .owl-next::before { color: #FFF; content: "\f105"; font-family: "fontawesome"; font-size: 16px; line-height: 22px; padding: 9px; vertical-align: top; } .additional-images .owl-controls .owl-buttons .owl-prev:hover, .additional-images .owl-controls .owl-buttons .owl-next:hover { background: #ffc547; border-color: #ffc547; } .additional-images-container .owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before, .additional-images-container .owl-carousel .owl-controls .owl-buttons .owl-next:hover::before { color: #000000; } .products-list .owl-carousel { background: none; border: 0 none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 40px; width: auto; } .additional-images>.image-additional { display: inline-block; } .additional-images .thumbnail { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; margin: 5px; padding: 0; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } .additional-images .thumbnail img { border: 1px solid #e5e5e5; } .additional-images .thumbnail:hover img { border: 1px solid #ccc; } .product-details .btn-group { margin-bottom: 20px; width: 100%; } /*----------------------------------------other pages-------------------------------*/ .search-criteria .checkbox-inline { padding: 8px 0; } /* Media start.. */ @media (min-width: 768px) { #column-left .product-layout .col-md-3 { width: 100%; } #column-left+#content .product-layout .col-md-3 { width: 50%; } #column-left+#content+#column-right .product-layout .col-md-3 { width: 100%; } #content+#column-right .product-layout .col-md-3 { width: 100%; } .accordion { overflow: hidden; /*box-shadow:0px 1px 3px rgba(0,0,0,0.25);*/ /*border-radius: 3px;*/ background: #fff; } } @media (max-width: 1199px) { .header-middle { padding: 0; /*text-align: center;*/ width: 100%; } .menu-container { display: inline-block; float: none; vertical-align: top; font-size: 14px; } #menu { top: 8px; } #menu .nav>li>a, #menu .nav>li>span { padding: 15px 12px; } #menu .nav>li.dropdown>a { padding: 15px 25px 15px 15px; } #menu .nav>li.dropdown>a::after { top: 15px; } header .header-left { width: 1030px; } .common-home .alert-success { margin: 10px; } footer .footer-column { min-height: 210px; } } @media (min-width: 992px) and (max-width: 1199px) { .product-list .product-thumb .thumb-description { padding: 10px 30px; } } @media (min-width: 768px) and (max-width: 991px) { #menu .navbar-toggle { display: block !important; } #menu { top: 0px; } } @media (max-width: 991px) { #logo { width: 100%; margin: 0px auto; } .common-home .full-header { background: none; position: static; } header .header-left { /*margin: 30px auto;*/ width: 95%; padding: 0; } .header-right { margin: 30px 0; } .TTProduct-Tab ul.nav-tabs { padding: 0; } /*---------------------------------- Responsive Menu Start --------------------------*/ #menu .nav>li.dropdown>a::after, #menu .nav>li.dropdown>span::after, #menu .nav>li.dropdown:hover>a::after, #menu .nav>li.dropdown:hover>span::after { content: ""; } #menu #category { display: block !important; width: 100%; } #menu .navbar-collapse .navbar-nav>li { float: left; line-height: 0; cursor: pointer; width: 100%; } #menu .navbar-nav>li, #menu .nav>li>span { float: none; display: inline-block; } .menu-container { width: 100%; float: left; height: 90px; } .menu-container #menu .navbar-header { width: 100%; } #menu .navbar-collapse { background: #FFF; border: 1px solid #e5e5e5; position: absolute; width: 100%; z-index: 99; top: 50px; left: 0; right: 0; margin: 0 auto; text-align: left; } #menu ul.navbar-nav { padding: 5px 20px; } #menu .nav>li>a, #menu .nav>li>span { color: #414141; float: left; font-size: 15px; line-height: 28px; margin: 0; padding: 0; text-transform: capitalize; width: 100%; } #menu .nav>li.dropdown>a, #menu .nav>li.dropdown>span { padding: 0; } #menu .nav>li>a:hover, #menu .nav>li>a:focus, #menu .nav>li>span:hover { color: #000; } #menu div.navbar-header:after, #menu .navbar-header i.fa { font-family: "FontAwesome"; content: "\f0c9"; font-size: 20px; color: #FFFFFF; display: block; position: absolute; right: 20px; top: 22px; left: auto; z-index: 1; } #menu .nav>li>a:hover, #menu .nav.navbar-nav>li:hover>a, #menu .nav.navbar-nav>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 { color: #000; } .navbar-nav { float: none; width: 100%; margin: 0; } #menu .navbar-collapse>li { clear: both; width: 100%; line-height: 0; } #menu .nav>li>a::before { border: none; } #menu .nav>li>a:hover::before, #menu .nav>li:hover>a::before { width: 0 !important; } #menu ul.nav>li.dropdown:hover>.dropdown-menu { display: none; } #menu .navbar-collapse li.dropdown>i { font-size: 0; } #menu .navbar-collapse li.dropdown>i:after { font-size: 14px; position: absolute; color: #414141; content: "\f067"; font-family: "fontawesome"; right: -10px; top: 0; cursor: pointer; padding: 7px 0; text-align: center; height: 30px; width: 30px; } #menu .navbar-collapse li.dropdown.active>i::after { content: "\f068"; } #menu ul.nav>li.dropdown>.dropdown-menu { border: none; position: static; padding: 0; } #menu .navbar-collapse li.dropdown>.dropdown-menu { position: relative; padding: 0; width: 100%; } #menu .dropdown-inner ul.list-unstyled.mega-dropdown-menu { border: 0; padding: 5px 15px; float: left; width: 100%; } #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.mega-dropdown-menu, #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.mega-dropdown-menu:first-child { padding: 5px 15px; } #menu .dropdown-inner ul.list-unstyled.childs_2 { float: left; margin: 0 0 0 15px; padding: 6px 0 0; width: 100%; } #menu .dropdown-inner li a:hover, #menu .dropdown-inner li a:focus, #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a:hover, #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a:focus { color: #000; } #menu .dropdown-menu .dropdown-inner .single-dropdown-menu { float: left; padding: 5px 0; width: 100%; } #menu ul.nav li ul.list-unstyled.single-dropdown-menu>li.dropdown .dropdown-menu { position: static; display: block; padding: 0; float: left; width: 100%; } #menu ul.nav li ul.list-unstyled.mega-dropdown-menu>li.dropdown .dropdown-menu { padding: 0; } #menu div.dropdown-inner>ul.list-unstyled { display: block; padding: 0; } #menu div.dropdown-menu { border: 0; margin-left: 0 !important; padding-bottom: 10px; background-color: rgba(0, 0, 0, 0); } #menu .dropdown-inner { display: block; } #menu .dropdown-inner a { color: #414141; float: left; width: 100%; } #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a::before { border-top: none; } #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown>a::after { content: ""; } /* ------------------------------------ Responsive Menu End -------------------------------*/ /* slideshow Start*/ footer .footer-column { width: 100%; min-height: 100%; border: none; text-align: left; } footer .footer-column ul li { line-height: 16px; padding: 0; } footer .footer-column .list-unstyled { padding: 0 10px; } .footer-container { padding: 20px 0 0; } footer .footer-column.footer-left-cms { float: left; padding: 0; margin: 0; width: 100%; } footer .footer-column h5.toggle { cursor: pointer; font: 500 18px/22px "Roboto", sans-serif; margin: 0 0 2px; padding: 10px; text-transform: uppercase; } footer .footer-column h5.toggle:hover { background: #eeeeee; } footer .footer-column h5.toggle:after { font-family: 'FontAwesome'; content: '\f107'; font-size: 16px; font-weight: bold; float: right; position: absolute; top: 10px; right: 10px; } footer .footer-column.active h5.toggle:after, footer .footer-column .contact-us.active h5.toggle:after, footer .follow-us.active h5.toggle:after { content: '\f106'; } .footer-right-cms #footer-right .contact-us>h5 { display: block; } .TTProduct-Tab .tab-box-heading { float: left; width: 100%; } .product-category { clear: both; } /*------------------------------------- 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 .panel-heading::before, #column-right .panel-heading::before, #column-left .box-heading>h3::before, #column-right .box-heading>h3::before { border: none; position: static; display: none; } #column-left .panel-heading, #column-right .panel-heading, #column-left .box-heading>h3, #column-right .box-heading>h3 { border: 1px solid #e5e5e5; padding: 15px; margin: 0; float: left; width: 100%; text-align: left; position: relative; cursor: pointer; } #column-left .toggle:after, #column-right .toggle:after { content: "\f067"; color: #232323; float: right; font-family: "FontAwesome"; font-size: 14px; font-weight: 400; left: auto; position: absolute; right: 15px; left: auto; top: 15px; display: block; background: none; cursor: pointer; } #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 { 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 { border: 1px solid #e5e5e5; float: left; margin: -1px 0 0; padding: 15px; width: 100%; } #column-left .list-group .list-group-item, #column-right .list-group .list-group-item { float: left; width: 100%; } #column-left .panel>.list-group, #column-right .panel>.list-group { border: 1px solid #e5e5e5; float: left; margin: -1px 0 0; padding: 15px; width: 100%; } #column-left .panel.panel-default.category-treeview { background: none; padding: 0; } /*-------------------------------- CateGory Filter CSS Start --------------------------------------*/ #column-left .panel-default.option-filter, #column-right .panel-default.option-filter { display: none; } .category-treeview ul { float: left; width: 100%; margin: 5px 0; } .option-filter-box { border: 1px solid #e5e5e5; float: left; padding: 20px; width: 100%; } .option-filter-box a.list-group-item::after { top: 9px; } .option-filter-box .list-group .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; margin: 0; background: none; border: none; } .option-filter-box a.list-group-item { padding: 10px 0; text-transform: uppercase; color: #414141; } .option-filter-box a.list-group-item:hover { color: #000; } .option-filter label:hover, .option-filter label:focus { color: #000; } .option-filter-box .list-group { float: left; width: 100%; margin: 0; } .option-filter-box .panel-footer { float: left; width: 100%; background: none; padding: 0; } .option-filter-box .panel-footer .btn-primary { padding: 10px 15px 8px; } /*-------------------------------- CateGory Filter CSS Start --------------------------------------*/ /*------------------------------------- Column Toggle CSS End ------------------------------------------*/ } @media (max-width: 767px) { #stylemobile { width: 90%; } .accordion-section-title { /* Type */ font-size: 0.990em !important; } .accordion-section-title-sub { font-size: 0.990em !important; } .accordion-section-title-sub-para { /* Type */ font-size: 0.990em !important; } #top-links ul li a#wishlist-total span, #top-links .ttlanguage #form-language span, #top-links .ttcurrency #form-currency span { display: inline-block !important; } .product-thumb .rating { bottom: 120px; } .product-thumb:hover .price { opacity: 1; } .products-carousel .owl-wrapper-outer { margin: 0 0 30px; } .TTProduct-Tab .tab-content { margin-bottom: 30px; } .product-thumb .sale-icon, .product-sale-icon { opacity: 1; } .category-description .img-thumbnail { width: 100%; } .category-products .product-grid { width: 50%; } .information-contact .contact-location .col-sm-3 { width: 50%; padding: 15px; float: left; } .information-contact .store-contact { clear: both; } .common-home .brand-carousel { margin: 30px auto 10px; } .products-carousel .owl-buttons { bottom: -35px; } footer .footer-column { padding: 0; } footer .row { margin: 0; } .category-pagination div.text-left, .category-pagination div.text-right { text-align: center; width: 100%; } .product-list .product-thumb .caption { min-height: 0; margin-left: 0; } .product-grid .product-thumb .caption { min-height: 0; } .product-details h1.product-name { margin-top: 15px; } .product-tabs { width: 100%; float: left; } .account-wishlist #content td .btn { margin: 2px 0; } .checkout-cart #content .input-group input { min-width: 20px; padding: 7px 10px; } .product-thumb .button-group { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; padding: 10px 0 0; position: static; } .breadcrumb { width: 100%; text-align: center; margin: 0; } .page-title-wrapper .page-title { width: 100%; text-align: center; margin: 0 0 10px; } .page-title-wrapper .container { margin: 10px 0; } .category-filter .btn-group.hidden-xs { display: block !important; } .product-images .additional-images-container { width: 450px; } } @media (min-width: 481px) and (max-width: 767px) { .product-product .product-image { margin: 0 auto; width: 80%; } } @media (max-width: 600px) { #logo>a { display: table; width: 90%; } #logo { width: 111% !important; } #top-links li.user>ul.dropdown-menu { top: 46px; } #cart .dropdown-menu .table-striped td.cart-prd-name>a, #cart .dropdown-menu .table-striped td.cart-price { font-size: 12px; } header .header-left { padding: 0; margin: 20px auto; display: inline-block; width: 100%; float: none; } .header-right { bottom: 8px; left: auto; margin: 0; padding: 0; position: absolute; right: 10px; top: auto; z-index: 9; } #cart .dropdown-menu { min-width: 300px; top: 46px; } .menu-container #menu { padding: 0 120px 0 0 } #menu div.navbar-header::after, #menu .navbar-header i.fa { right: 10px; } .products-list .owl-carousel { margin-top: 20px; } .TTProduct-Tab .nav-tabs>li { width: 80%; } .TTProduct-Tab .nav-tabs>li>a { padding: 5px 15px; } .TTProduct-Tab ul.nav-tabs { margin: 0; } .product-thumb .image { margin-left: auto; margin-right: auto; } .ttproduct-main .TTProduct-Tab .customNavigation { margin: 0; } .rating .product-rating { width: 100%; margin: 0; } .product-details .rating>a::before { content: ""; } .product-list .product-thumb .thumb-description { padding: 0; width: 100%; text-align: center; } .product-tabs .nav-tabs>li { width: 100%; margin: 0; } .product-tabs .nav-tabs>li:first-child { margin: 0; } .product-list .product-thumb .image { float: left; width: 100%; text-align: center; margin: 0 auto; border: none; } .product-list .product-thumb .button-group { float: none; display: inline-block; } .common-home .brand-carousel { padding: 0; } .category-filter .filter-show, .category-filter .filter-sort-by { float: right; margin: 3px; width: auto; } .category-products .product-grid { width: 50%; } #column-left .banner-panel, #column-right .banner-panel { text-align: center; } #column-left .banner-panel .img-responsive, #column-right .banner-panel .img-responsive { display: inline-block; text-align: center; } .product-images .additional-images-container { width: 200px; } .checkout-cart #content>.buttons { text-align: center; } .checkout-cart #content .pull-left { float: none !important; margin: 0; } .checkout-cart #content .pull-right { float: none !important; margin: 10px 0; } } /*-------------------------- Common Sub Title CSS Start --------------------------------------*/ .TTProduct-Tab.products-list .owl-carousel { margin-top: 0; } .products-list .box-heading>h3 { color: #232323; font: 700 30px/26px "Roboto", sans-serif; letter-spacing: 0.6px; margin: 0 auto; padding: 0 0 12px; position: relative; text-align: center; text-transform: uppercase; } .products-list .box-heading>h3::before { background: #000000; bottom: 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; } .tttab-desc { color: #c78b2b; float: left; font: 34px/50px "Alex Brush", sans-serif; position: relative; text-align: center; text-transform: capitalize; width: 100%; } .title_block .ttblock-heading { color: #232323; float: left; font: 700 30px/26px "Roboto", sans-serif; letter-spacing: 0.6px; padding: 0 0 12px; position: relative; text-align: center; text-transform: uppercase; width: 100%; } .title_block .ttblock-heading::before { background: #000000; bottom: 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; } .title_block .tttab-desc { color: #c78b2b; float: left; font: 34px/50px "Alex Brush", sans-serif; margin: 0; position: relative; width: 100%; } .TTProduct-Tab .box-heading .tthometab-title:after { border: none; } /* --------------- Product Title CSS Start --------------------*/ /*---------------------------------------- Footer Store Info Block Start -----------------------------*/ .contact-us { min-height: 230px; padding: 26px 6% 0; border-left: 1px solid #dfdfdf; } #footer-right .contact-us ul li i { float: none; font-size: 14px; padding: 5px 0 0; margin: 0 10px 0 0; display: inline-block; text-align: center; color: #777; width: 8px; vertical-align: top; } .footer-right-cms .phone { color: #aaa; } .footer-bottom { border-top: 1px solid #dfdfdf; color: #777777; padding: 0; text-align: center; } footer .footer-bottom>p { margin: 0; padding: 0 0 20px; } footer #footer-right ul a::before { display: none; } #footer-right ul li { list-style: outside none none; position: relative; line-height: 20px; overflow: hidden; padding: 0 0 10px; text-align: center; color: #777; } @media (max-width: 1199px) { .contact-us { padding: 6% 0 0; min-height: 210px; } } @media (max-width: 991px) { .contact-us { border: medium none; float: left; min-height: 100%; padding: 0; width: 100%; } #footer-right ul li { text-align: left; } #menu div.navbar-header::after { display: none !important; } #menu .navbar-header .navbar-toggle { font-size: 15px; font-stretch: expanded; color: #FFF; padding: 2px 18px; position: absolute; right: -7px; background: 0; top: 13px; } #menu .navbar-header .navbar-toggle i { position: initial !important; } } /*---------------------------------------- Footer Store Info Block End -----------------------------*/ /* ------------------------------------ Start TT - CMS Purchase block ------------------------------- */ footer .footer-top-cms { float: left; width: 100%; } #ttcmspurchase { float: left; padding: 50px 0; width: 100%; background: #222222; } #ttcmspurchase .ttcmspurchase-subtitle { float: left; font: 400 16px/24px "Roboto", sans-serif; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 6px; color: white; position: relative; } #ttcmspurchase .ttcmspurchase-subtitle:before { background: #ffffff; bottom: 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; width: 35px; } #ttcmspurchase .ttcmspurchase-title { float: left; font: 400 22px/38px "Roboto", sans-serif; text-transform: uppercase; letter-spacing: 0.6px; clear: left; color: white; } #ttcmspurchase .ttcmspurchase-btn { float: right; } #ttcmspurchase .ttcmspurchase-btn a { padding: 10px 20px; font: 400 16px/18px "Roboto", sans-serif; border: 1px solid #ffd26f; text-transform: uppercase; background: #ffd26f; color: #212121; } #ttcmspurchase .ttcmspurchase-btn a:hover { background: #ffb520 none repeat scroll 0 0; border-color: #ffb520; } .ttcmspurchase-btn a { padding: 10px 20px; font: 400 16px/18px "Roboto", sans-serif; border: 1px solid #ffd26f; text-transform: uppercase; background: #ffd26f; color: #212121; } @media (max-width: 991px) { #ttcmspurchase { margin: 0 0 30px; } #ttcmspurchase .footer-container { padding: 20px 0px; } #ttcmspurchase .ttcmspurchase-title { letter-spacing: 0px; } } @media (max-width: 767px) { #ttcmspurchase .footer-container { padding: 20px 10px; } #ttcmspurchase .ttcmspurchase-subtitle { font-size: 12px; line-height: 14px; } #ttcmspurchase .ttcmspurchase-title { font-size: 14px; line-height: 28px; } #ttcmspurchase .ttcmspurchase-btn a { font-size: 13px; line-height: 18px; padding: 5px 6px; } } /* ------------------------------------ End TT - CMS Purchase block ------------------------------- */ /* ---------------------- Start TT - CMS Testimonial block --------------------------*/ #ttcmstestimonial { display: inline-block; float: none; text-align: center; padding: 0; margin: 0; width: 100%; } #ttcmstestimonial .tttestimonial-inner { padding: 1% 0; } #ttcmstestimonial .tttestimonial-subtitle { color: #888888; font: 700 12px/18px "Roboto", sans-serif; float: left; width: 100%; margin: 0; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 10px; position: relative; } #ttcmstestimonial ul li { display: table; float: left; width: 100%; position: relative; padding: 0 18px; } #ttcmstestimonial ul li .testimonial-image { margin: 15px auto 0; width: 120px; height: 120px; 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%; } #ttcmstestimonial ul li .testimonial-content { margin: 20px 0 00px; text-align: center; } #ttcmstestimonial ul li .testimonial-content .testimonial-user-title { float: left; margin: 0 0 30px; width: 100%; } #ttcmstestimonial ul li .testimonial-content h3 { color: #232323; font: 700 18px/18px "Roboto", sans-serif; text-transform: uppercase; letter-spacing: 1px; margin: 18px 0 0; } #ttcmstestimonial ul li .testimonial-content h3 i { font-style: italic; font-weight: normal; text-transform: capitalize; color: #777777; } #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%; margin: 0; z-index: 99; top: auto; bottom: 0; } #ttcmstestimonial .owl-pagination .owl-page { display: inline-block; height: 10px; width: 10px; background: white; 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: 1px solid #bababa; border-radius: 50%; vertical-align: middle; margin: 0 8px 0 0; cursor: pointer; } #ttcmstestimonial .owl-pagination .owl-page.active { height: 15px; width: 15px; background: #ffc446; border: 1px solid #ffc446; 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; } #tttestimonial-carousel .owl-controls .owl-page span { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; box-shadow: none; width: 100%; height: 100%; } #ttcmstestimonial .owl-pagination .owl-page:hover { background: #ffc446; border-color: #ffc446; } #ttcmstestimonial .tttestimonial-banner { float: right; } #ttcmstestimonial .tttestimonial-banner .tttestimonial-banner { text-align: center; position: relative; } #ttcmstestimonial .tttestimonial-banner .tttestimonial-banner img { max-width: 100%; } #ttcmstestimonial .tttestimonial-banner .tttestimonial-banner:before { border: 6px solid #eeeeee; top: 0; bottom: 0; content: ""; height: 85%; left: 0; margin: auto; position: absolute; right: 0; width: 85%; z-index: -1; } @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 ul li .testimonial-content h3 { margin: 0; } #ttcmstestimonial .tttestimonial-inner { padding: 20px 0; margin: 0 0 30px; } #ttcmstestimonial #tttestimonial-carousel.block_content { display: none; } #ttcmstestimonial ul li { padding: 0 10px; } #ttcmstestimonial ul li .testimonial-image { margin: 0px auto 0; } } @media (max-width: 767px) { #ttcmstestimonial { float: left; } #ttcmstestimonial .tttestimonial-inner { float: left; width: 100%; } #ttcmstestimonial ul li .testimonial-content { margin: 20px 0 30px; } #ttcmstestimonial .tttestimonial-banner { float: left; width: 100%; } } /* ----------------------------------- End TT - CMS Testimonial block --------------------------------------*/ /* ------------------------------------ Start TT - CMS Gallary ------------------------------- */ #ttcmsparallax { float: left; width: 100%; margin: 30px 0; } #ttcmsparallax .owl-pagination { display: none; } #ttcmsparallax .col-xs-12 { padding: 0; } #ttcmsparallax .parallex-inner { background: transparent url("TemplateTrip/images/pattern-bg.jpg") no-repeat scroll 0 bottom/cover; float: left; box-shadow: 0 0 6px 0 rgba(100, 100, 100, 0.2) inset; height: 558px; margin: 0px; overflow: hidden; position: relative; width: 100%; } #ttcmsparallax .parallex-inner .ttcmsparallex-content { display: block; margin: 4% auto; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner { float: left; width: 100%; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel { float: left; width: 100%; list-style: none; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-image { text-align: right; margin: 7% 0; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-image img { max-width: 100%; height: auto; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-content { float: left; text-align: center; margin: 7% 0; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-content .cmsparallex-tag { float: left; width: 100%; color: #de6a03; font: bold 36px/40px "Alex Brush", sans-serif; margin: 0 0 10px; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-content .cmsparallex-title { float: left; width: 100%; color: #232323; font: 500 42px/46px "Roboto", sans-serif; letter-spacing: 1px; margin: 0 0 10px; text-transform: capitalize; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-content .cmsparallex-subtitle { background: #ffffff; display: inline-block; float: none; font: 400 15px/18px "Roboto Slab", Helvetica, sans-serif; padding: 8px 8%; text-transform: uppercase; color: #232323; margin: 0 0 20px; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-content .cmsparallex-desc { float: left; width: 100%; color: #777777; font: italic 400 16px/18px "Roboto Slab", Helvetica, sans-serif; letter-spacing: 1px; margin: 5px 0 16px; padding: 0 16%; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-content .cmsparallex-btn { float: left; width: 100%; text-align: center; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-content .cmsparallex-btn a { display: inline-block; float: none; border: 1px solid #232323; color: #232323; font: 400 15px/18px "Roboto Slab", Helvetica, sans-serif; padding: 8px 20px; text-transform: uppercase; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-content .cmsparallex-btn a:hover { background: #222222; color: white; } @media (min-width: 992px) and (max-width: 1199px) { #ttcmsparallax .parallex-inner { height: 475px; } } @media (min-width: 768px) and (max-width: 991px) { #ttcmsparallax .parallex-inner { height: 472px; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-image { margin: 14% 0; } } @media (min-width: 481px) and (max-width: 767px) { #ttcmsparallax .parallex-inner { height: 318px; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-image { margin: 8% 0; width: 210px; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-content { margin: 8% 0; width: 53%; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-content .cmsparallex-tag { font-size: 26px; line-height: 30px; margin: 0; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-content .cmsparallex-title { font-size: 24px; line-height: 26px; margin: 0; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-content .cmsparallex-subtitle { font-size: 13px; line-height: 18px; margin: 10px 0 0; padding: 6px 8%; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-content .cmsparallex-desc { font-size: 13px; line-height: 18px; margin: 10px 0; padding: 0; } } /* ---------------------- End TemplateTrip - CMS Gallary --------------------------*/ /* ----------------------------- Start TemplateTrip CMS - Banner ------------------------------ */ #ttbanners { margin: 50px auto 60px; } #ttbanners .ttbanner .ttbannerblock { float: left; width: 100%; } #ttbanners .ttbanner .ttbannerblock .ttbanner-img.ttbanner1 { margin: 0 0 30px; } #ttbanners .ttbanner .ttbannerblock .ttbanner-img.ttbanner2 { clear: left; } #ttbanners .ttbanner .ttbannerblock .ttbanner-img.ttbanner4 { display: inline-block; vertical-align: top; float: none; margin: 0 0 30px; } #ttbanners .ttbanner .ttbannerblock .ttbanner-img a { position: relative; display: block; } #ttbanners .ttbanner .ttbannerblock .ttbanner-img a:before { background-color: #ffffff; border-radius: 5px; content: ""; height: 0; left: 0; margin: auto; opacity: 0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; -webkit-opacity: 0.2; position: absolute; top: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; width: 0; } #ttbanners .ttbanner .ttbannerblock .ttbanner-img a:after { background-color: #ffffff; border-radius: 5px; bottom: 0; content: ""; height: 0; opacity: 0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; -webkit-opacity: 0.2; position: absolute; right: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; width: 0; } #ttbanners .ttbanner .ttbannerblock .ttbanner-img img { max-width: 100%; } @media (max-width: 768px) { #menu { top: 0px; } } @media (min-width: 768px) { #ttbanners .ttbanner .ttbannerblock .ttbanner-img a:hover:before, #ttbanners .ttbanner .ttbannerblock .ttbanner-img a:hover:after { height: 100%; transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -khtml-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; width: 100%; } } @media (max-width: 991px) { #ttbanners { margin: 40px auto; } #ttbanners .ttbanner { margin: 0; } } /* ----------------------------- End TemplateTrip Banner ------------------------------ */ /* ----------------------------- Start TT - CMS Counter block ----------------------- */ #ttcounter { float: left; width: 100%; margin: 40px 0 40px; } #ttcounter .ttcmscounter.container .ttcmscounter-content { margin: 20px auto 40px; float: left; width: 100%; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content { float: left; text-align: center; width: 100%; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter-title { color: #232323; float: left; font: 500 24px/26px "Roboto", sans-serif; margin: 0 0 20px; text-align: center; width: 100%; position: relative; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter-title:before { border-bottom: 1px solid #bababa; bottom: -10px; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 15%; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter-desc { float: left; width: 100%; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter span { float: left; width: 100%; text-align: center; cursor: pointer; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter .counter-title { float: left; width: 100%; text-align: center; color: #000; font: 600 42px "Roboto", sans-serif; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter .counter-desc { color: #777; float: left; width: 100%; letter-spacing: 1px; margin: 15px 0 0; font-size: 14px; text-align: center; text-transform: uppercase; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter.counter2 .ttcounterimg:before { content: ""; cursor: pointer; display: inline-block; float: none; font-size: 14px; height: 50px; margin: 0; text-align: center; vertical-align: middle; width: 50px; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter.counter2 .ttcounterimg.counterimg2:before { background: transparent url("TemplateTrip/images/store-services-icon.png") no-repeat scroll -30px -48px; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter.counter2:hover .ttcounterimg.counterimg2:before { background-position: -122px -48px; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter.counter3 { margin: 0; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter.counter3 .ttcounterimg:before { content: ""; cursor: pointer; display: inline-block; float: none; font-size: 14px; height: 50px; margin: 0; text-align: center; vertical-align: middle; width: 50px; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter.counter3 .ttcounterimg.counterimg3:before { background: transparent url("TemplateTrip/images/store-services-icon.png") no-repeat scroll -30px -175px; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter.counter3:hover .ttcounterimg.counterimg3:before { background-position: -122px -175px; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter.counter4 { margin: 0; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter.counter4 .ttcounterimg:before { content: ""; cursor: pointer; display: inline-block; float: none; font-size: 14px; height: 50px; margin: 0; text-align: center; vertical-align: middle; width: 50px; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter.counter4 .ttcounterimg.counterimg4:before { background: transparent url("TemplateTrip/images/store-services-icon.png") no-repeat scroll -30px -303px; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter.counter4:hover .ttcounterimg.counterimg4:before { background-position: -122px -303px; } @media (min-width: 768px) and (max-width: 991px) { #ttcounter { margin: 30px 0px; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter-content { padding: 0; } } @media (max-width: 991px) { #ttcounter .ttcmscounter.container .ttcmscounter-content { margin: 0; } } @media (max-width: 767px) { #ttcounter .ttcmscounter.container { padding: 0; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter { margin: 0 0 50px 0; } } /* ----------------------------- End TT - CMS Counter block ----------------------- */ /*--------------------------------------- Footer Left CMS Start -------------------------------*/ #ttcmsfooter { float: left; margin: 0; padding: 26px 6% 0; min-height: 230px; border-right: 1px solid #dfdfdf; text-align: center; } #ttcmsfooter .ttfooter-logo { float: left; margin: 0 0 20px; width: 100%; } #ttcmsfooter .ttfooter-desc { float: left; margin: 20px 0 0; width: 100%; color: #777; } @media (max-width: 1199px) { #ttcmsfooter { padding: 6% 0 0; min-height: 210px; } } @media (max-width: 991px) { #ttcmsfooter { border: medium none; float: left; min-height: 100%; padding: 0; margin: 30px auto; width: 100%; } #ttcmsfooter .ttfooter-desc { display: inline-block; float: none; padding: 0 20px; width: 80%; } #ttcmsfooter .ttfooter-logo { margin: 0; } } /*---------------------------------------- Footer Left CMS End ----------------------------------*/ /*------------------------ follow us CSS Start -----------------------------------------*/ .footer-left-content .follow-us .social-info { color: #777; display: block; font-size: 13px; margin: 0 0 30px; text-align: center; } .footer-left-content { min-height: 220px; padding: 26px 6% 0; } .footer-left-content .follow-us ul li { display: inline-block; float: none; margin: 0 5px 0 0; padding: 0 !important; } .footer-left-content .follow-us ul li a {border: 1px solid #dfdfdf;color: #000000;display: inline-block;height: 48px;padding: 10px;text-align: center;width: 48px;} .footer-left-content .follow-us .social-info { width: 100%; } .footer-left-content .follow-us ul li a:hover { background: #ffc547; color: #000; border-color: #ffc547; } @media (max-width: 1199px) { .footer-left-content { padding: 6% 0 0; min-height: 210px; } } @media (max-width: 991px) { .footer-left-content { border: medium none; float: left; min-height: 100%; padding: 0; width: 100%; } } /*------------------------ follow us CSS Start -----------------------------------------*/ /*---------------------------------------- Footer Bottom Extra Links start -----------------------------*/ .footer-bottom .footer-extra-link .list-unstyled>li { display: inline-block; border-right: 1px solid #777; padding: 0 8px; line-height: 10px; } .footer-bottom .footer-extra-link .list-unstyled>li:last-child { border: none; } footer .footer-bottom .footer-column h5 { display: none; } footer .footer-bottom .footer-column { border: medium none; min-height: 100%; float: left; width: 100%; } footer .footer-extra-link ul.list-unstyled { padding: 25px 0 0; margin: 0 0 2px; } .footer-extra-link .list-unstyled a:hover, .footer-extra-link .list-unstyled a:focus { color: #000; } @media (max-width: 991px) { footer .footer-extra-link ul.list-unstyled { margin: 0; padding: 0 10px; } .footer-bottom .footer-extra-link .list-unstyled>li { border: medium none; display: block; line-height: 24px; padding: 0; } footer .footer-bottom .footer-column h5 { display: block; } footer .footer-bottom .footer-column { float: left; width: 100%; } .footer-bottom { border: none; } footer .footer-bottom>p { border-top: 1px solid #dfdfdf; color: #777; text-align: center; float: left; width: 100%; background: #FFF; padding: 20px 0; } } /*---------------------------------------- Footer Bottom Extra Links end -----------------------------*/ /*------------------------ CheckBox,Radio Extra CSS Start -----------------------------------------*/ input[type="radio"], input[type="checkbox"] { margin-top: 0; cursor: pointer; } .checkbox-wrapper { /*background: #fbf9f5 url("TemplateTrip/images/input-sprite.png") repeat scroll 0 -257px;*/ /*width: 15px;*/ /*height: 15px;*/ display: inline-block; margin: -1px 0px 0px -100px; vertical-align: middle; float: left; position: relative; } .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: #fbf9f5 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; position: relative; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } #infomenu { margin-left: 65px; text-align: left; padding: 0px 10px 10px 10px; /*vertical-align: middle;*/ } .selected { color: #800020; } #infomenu a { color: black; /*vertical-align: middle;*/ } #infomenu span { # border: solid black 1px; # background-color: black; # color: white; padding: 5px; margin: 5px; } #infomenu span:hover { #box-shadow: gray 2px 2px 2px; # border: solid black 1px; # background-color: black; # color: white; padding: 5px; margin-right: 5px; } .triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 50px solid #000; margin-left: auto; margin-right: auto; } /*------------------------ CheckBox,Radio Extra CSS End -----------------------------------------*/ .stgpara { padding: 50px 50px 50px 50px; } .btn-banner-t { width: 75px; height: 75px; cursor: pointer; float: left; border-radius: 75px; border: solid 1px #000; } .btn-banner-s { width: 150px; height: 150px; cursor: pointer; margin: 5px; border-radius: 10px; border: solid 1px #000; } .circle-s:hover { opacity: 0.5; } .circle-s { border-radius: 150px; } .slogan { width: 100%; background-color: #000; height: 90px; text-align: center; border: none; } .lab_val { color: #0000FFFF; display: inline-block !important; width: auto !important; border: 0px !important; padding: 0px !important; } @media (max-width: 1366px) { .btn-banner { width: 150px; height: 150px; } .circle { border-radius: 150px; } } @media (max-width: 1199px) { .btn-banner { width: 150px; height: 150px; } .circle { border-radius: 150px; } .dropdown-menu { top: 50px; } .menu-container { height: 50px; top: -8px; margin-left: 12px; } } @media (max-width: 1200px) { #search .ttsearchtoggle { /*position: absolute;*/ /*top: 70px;*/ } .btn-banner { width: 150px; height: 150px; } .circle { border-radius: 150px; } .btn-banner-s { width: 100px; height: 100px; cursor: pointer; margin: 5px; border-radius: 10px; border: solid 1px #000; } .circle-s { border-radius: 100px; } } hr { margin-right: 200px; } @media (max-width: 992px) { h1 { font-size: 1.5em !important; font-weight: bolder !important; } #infomenu { margin-left: 0px; text-align: left; padding: 0px 10px 10px 10px; /*vertical-align: middle;*/ } .spacer { display: none !important; } .btn-banner { width: 100px; height: 100px; } .circle { border-radius: 100px; } .btn-banner-s { width: 100px; height: 100px; cursor: pointer; margin: 5px; border-radius: 10px; border: solid 1px #000; } .circle-s { border-radius: 100px; } .slogan img { width: 80%; background-color: #000; /*height: 45px;*/ text-align: center; border: none; } } @media (max-width: 988px) { #search .ttsearchtoggle { /*position: absolute;*/ /*top: -35px;*/ width: 550px; } } @media (max-width: 769px) { #search .ttsearchtoggle { /*position: absolute;*/ /*top: -35px;*/ /*width: 200px;*/ } #ppu { display: none; } } @media (max-width: 668px) { #infomenu { margin-left: 0px; text-align: left; padding: 0px 10px 10px 10px; /*vertical-align: middle;*/ } #ppu { display: none; } .menu-container { height: 50px; top: -8px; } hr { margin-right: 50px; } .stg { display: none; } .stgpara { padding: 50px 50px 50px 0px; } .triangle-down { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #000; margin-left: auto; margin-right: auto; } .btn-banner { width: 60px; height: 60px; } .circle { border-radius: 60px; } .btn-banner-s { width: 60px; height: 60px; cursor: pointer; margin: 0px; border-radius: 10px; border: solid 1px #000; } .circle-s { border-radius: 60px; } .slogan { width: 100%; background-color: #000; height: 40px; text-align: center; border: none; } .slogan img { width: 54%; background-color: #000; /*height: 45px;*/ text-align: center; border: none; } } .circle { border-radius: 250px; } .btn-container { text-align: center; width: 100%; } .circle:hover { opacity: 0.5; } .opac { opacity: 0.5; } /*------------------------ font classes colouring -----------------------------------------*/ @media (max-width: 668px) { h1 { font-size: 1.5em !important; font-weight: bolder !important; } #menu .dropdown-inner a { color: #000080; } #menu .dropdown-inner .burgundy { color: #800020; } #spacer { display: none; } } .store-image { min-width: 300px; width: 400px; height: 300px; float: left; padding: 10px; } .store-contact { min-width: 300px; width: 300px; height: 230px; float: left; padding: 10px; } .store-status { min-width: 300px; width: 300px; height: 200px; float: left; padding: 10px; } .ylwc { color: #ffc547 !important; } .ylwc:hover { color: #fff !important; } .ylw { color: #ffc547 !important; } .ylw:hover { color: #fff !important; } .ylw:hover::after { /*content: "\f107";*/ color: #fff !important; } .menudis { display: none !important; } .popup-menu { left: 0px; padding-top: 15px; width: 100%; height: auto; z-index: 9999; top: 207px; position: absolute; display: none; background-color: white; border-bottom: 5px gray solid; text-align: center; } .popup-menu-inner { display: inline-block; height: auto; width: auto; max-width: 270px; text-align: left !important; } .popup-menu ul { list-style: none; padding: 5px; } .popup-menu li { border-bottom: solid 1px lightgray; padding: 5px; } .popup-menu li b { color: #000; } #mpop { cursor: pointer; } @media (max-width: 1200px) { .popup-menu { width: 100%; height: auto; z-index: 9999; top: 204px; position: absolute; display: none; background-color: white; } } .mpops { display: none !important; } @media (max-width: 992px) { #mpop { display: none; } .mpop { display: none !important; } .mpops { display: inline !important; } .menudis { display: inline !important; } .mv { width: 100% !important; margin-left: 25px; } .mvt { width: 100% !important; margin-left: 10px; } .ylwc { color: #FF7F00 !important; } .ylw { color: #FF7F00 !important; } } .ml { margin-left: 15px; } .wfu-menu {} #wfu { cursor: pointer; } @media (max-width: 1200px) { #perline { /*display: none;*/ } } /* Popup box BEGIN */ .hover_bkgr_fricc { background: rgba(0, 0, 0, .4); cursor: pointer; display: none; height: 100%; position: fixed; text-align: center; width: 100%; z-index: 10000; overflow: auto; } .hover_bkgr_fricc .helper { display: inline-block; height: 100%; vertical-align: middle; } .hover_bkgr_fricc>div { background-color: #fff; box-shadow: 10px 10px 60px #555; display: inline-block; height: auto; max-width: 800px; min-height: 100px; vertical-align: top; width: 90%; position: relative; border-radius: 8px; padding: 15px; top: 50px; } .popupCloseButton { background-color: #fff; cursor: pointer; display: inline-block; font-family: arial; font-weight: bold; position: absolute; top: 36px; right: 54px; width: 30px; height: 30px; text-align: center; background-image: url("close-icon.png"); } .popupCloseButton:hover { background-color: #ccc; } .trigger_popup_fricc { cursor: pointer; font-size: 20px; display: inline-block; font-weight: bold; } /* Popup box End */ /* Popup box gallery BEGIN */ .gallery_form { background: rgba(0, 0, 0, .4); /* cursor: pointer; */ display: none; height: 100%; position: fixed; text-align: center; width: 100%; z-index: 10000; overflow: auto; } .infogallery_form .helper { display: inline-block; height: 100%; vertical-align: middle; } .infogallery_form>div { background-color: #fff; box-shadow: 10px 10px 60px #555; display: inline-block; height: auto; max-width: 800px; min-height: 100px; vertical-align: top; width: 90%; position: relative; border-radius: 8px; padding: 15px; top: 50px; } /*#infoGalleryClose { cursor: pointer; font-weight: bold; position: absolute; top: -29px; right: -27px; color: #ffffff; /*background-image: url("close-icon.png");*/ /*}*/ /*#infoGalleryClose:hover { background-color: #ccc; }*/ /*.trigger_infoGallery { cursor: pointer; font-size: 20px; display: inline-block; font-weight: bold; }*/ /* Popup gallery info End */ /*----- Accordion -----*/ .accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .accordion { overflow: hidden; /*box-shadow:0px 1px 3px rgba(0,0,0,0.25);*/ /*border-radius: 3px;*/ background: #fff; } /*----- Section Titles -----*/ .accordion-section-title { width: 100%; padding: 10px; display: inline-block; margin-bottom: 5px; background-color: #e9e9e9; border: 1px solid #009def; transition: all linear 0.15s; /* Type */ font-size: 1.200em; color: #800020; border-radius: 10px; } .accordion-section-title-sub { width: 100%; padding: 10px; display: inline-block; margin-bottom: 5px; background: #e9e9e9; border: 1px solid #009def; transition: all linear 0.15s; /* Type */ font-size: 1.200em; color: #000; border-radius: 10px; } .accordion-section-title-sub-para { width: 100%; padding: 10px; display: inline-block; margin-bottom: 5px; background: #e9e9e9; border: 1px solid #009def; transition: all linear 0.15s; /* Type */ font-size: 1.200em; color: #000; border-radius: 10px; } .accordion-section-title.active, .accordion-section-title:hover { background: #c2c2c2; /* Type */ text-decoration: none; cursor: pointer; } .accordion-section-title-sub.active, .accordion-section-title-sub:hover { background: #c2c2c2; /* Type */ text-decoration: none; } .accordion-section-title-sub-para.active, .accordion-section-title-sub-para:hover { background: #c2c2c2; /* Type */ text-decoration: none; } .accordion-section:last-child .accordion-section-title {} .accordion-section-sub:last-child .accordion-section-title-sub {} .accordion-section-sub-para:last-child .accordion-section-title-sub-para {} /*----- Section Content -----*/ .accordion-section-content { /*padding:15px;*/ /*padding-top: 5px;*/ /*padding-bottom: 5px;*/ display: none; } .accordion-section-content-sub { /*padding: 15px;*/ display: none; } .accordion-section-content-sub-para { display: none; } .accordion-section-content H2 { margin-top: 5px; } .accordion-section-content-sub H2 { margin-top: 5px; } .accordion-section-content-sub-para H2 { margin-top: 5px; } /*----- Filter -----*/ .filter, .filter * { /*-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;*/ } .filter { overflow: hidden; /*box-shadow:0px 1px 3px rgba(0,0,0,0.25);*/ /*border-radius:3px;*/ background: #fff; padding-left: 0px; /*text-align: center;*/ } /*----- Section Titles -----*/ .filter-section-title { /*width:60px;*/ padding: 1px; color: #5555FF; display: inline-block; /*border-bottom:1px solid #1a1a1a;*/ /*background:#333;*/ transition: all linear 0.15s; /* Type */ /*font-size:1.200em;*/ /*text-shadow:0px 1px 0px #1a1a1a;*/ /*float: left;*/ text-decoration: none; } .filter-section-title.active, .filter-section-title:hover { color: #800020; /* Type */ text-decoration: none; } .filter-section:last-child .filter-section-title { border-bottom: none; } /*----- Section Content -----*/ .filter-section-content { /*padding: 15px;*/ display: none; } .keyw { cursor: pointer; color: #5555FF; } .keyw1 { color: #5555FF; } .keyw.active, .keyw:hover { cursor: pointer; color: #800020 !important; } .tooltipc { position: relative; display: inline-block; /*float: left;*/ } .tooltipc .tooltiptextc { visibility: hidden; width: 400px; background-color: #5555FF; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; box-shadow: 0px 0px 5px 0px #5555FF; /* Position the tooltip */ position: absolute; z-index: 2; top: 30px; } .tooltipc:hover .tooltiptextc { visibility: visible; } .tooltipb { position: relative; display: inline-block; float: left; margin-top: -10px; } .tooltipb .tooltiptextb { visibility: hidden; width: 400px; background-color: #5555FF; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; box-shadow: 0px 0px 5px 0px #5555FF; /* Position the tooltip */ position: absolute; z-index: 1; } .tooltipb:hover .tooltiptextb { visibility: visible; } #cart-tab { width: 100%; } #cart-tab td { padding-left: 15px; } #transitional-btn-1 { width: 197px; height: 26px; cursor: pointer; } #transitional-btn-2 { width: 197px; height: 26px; cursor: pointer; } #earlier-1 { width: 197px; height: 26px; cursor: pointer; } #later-1 { width: 197px; height: 26px; cursor: pointer; } #comtemporay-btn-1 { width: 197px; height: 26px; cursor: pointer; } #comtemporay-btn-2 { width: 197px; height: 26px; cursor: pointer; } #provencal-btn-1 { width: 197px; height: 26px; cursor: pointer; } #provencal-btn-2 { width: 197px; height: 26px; cursor: pointer; } #provencal-sec-2 { display: none; } #retro-btn-1 { width: 197px; height: 26px; cursor: pointer; } #retro-btn-2 { width: 197px; height: 26px; cursor: pointer; } #retro-sec-2 { display: none; } #cottage-btn-1 { width: 197px; height: 26px; cursor: pointer; } #cottage-btn-2 { width: 197px; height: 26px; cursor: pointer; } #cottage-sec-2 { display: none; } #country-btn-1 { width: 197px; height: 26px; cursor: pointer; } #country-btn-2 { width: 197px; height: 26px; cursor: pointer; } #country-sec-2 { display: none; } #farmhouse-btn-1 { width: 197px; height: 26px; cursor: pointer; } #farmhouse-btn-2 { width: 197px; height: 26px; cursor: pointer; } #farmhouse-sec-2 { display: none; } #shabbychic-btn-1 { width: 197px; height: 26px; cursor: pointer; } #shabbychic-btn-2 { width: 197px; height: 26px; cursor: pointer; } #popular-btn-1 { width: 197px; height: 26px; cursor: pointer; } #popular-btn-2 { width: 197px; height: 26px; cursor: pointer; } #shabbychic-sec-2 { display: none; } #comtemporay-sec-2 { display: none; } #popular-sec-2 { display: none; } #colonial-later1 { display: none; } #colonial-later1 { display: none; } #transitional-sec-2 { display: none; } #earlier-2 { width: 242px; height: 26px; cursor: pointer; } #later-2 { width: 242px; height: 26px; cursor: pointer; } #colonial-later2 { display: none; } #stylemobile img { padding-right: 25px; } .sticky { position: fixed; top: 0; width: 100%; z-index: 99999; } .cat-pro #content>div:nth-child(2), .cat-pro #content>div:nth-child(3), .cat-pro #content>div:nth-child(4) { width: 200px !important; min-height: 373px !important; max-width: 147px !important; } /*.cat-pro #content > div:nth-child(1) > div { width: 1000px !important; }*/ .cat-pro #catmenu div>li { width: 250px !important; } .sub_cat_inner_box { border: solid 1px #737373; } div#content { width: 100%; } .cat-pro #content>div:nth-child(2), .cat-pro #content>div:nth-child(3), .cat-pro #content>div:nth-child(4) { width: auto !important; min-height: initial !important; max-width: initial !important; } .slidecategorymainbox { text-align: center; max-width: 570px; width: 100%; margin-left: auto; margin-right: auto; /* background-color: blue;*/ height: auto; /* border-radius: 8px; border: solid 1px gray;*/ overflow: hidden; padding-bottom: 4px; padding-top: 6px; } .slidecategorybox { z-index: 1; height: 90px; width: 110px; /* width: 8vw; height:8vw;*/ /* background-color: lightblue;*/ border-radius: 8px; border: solid 1px lightgray; display: inline-block; vertical-align: middle; margin-bottom: 5px; } .slidecategorybox:hover { z-index: 1; height: 90px; width: 110px; /* width: 8vw; height:8vw;*/ /* background-color: lightblue;*/ border-radius: 8px; border: solid 1px lightgray; display: inline-block; vertical-align: middle; opacity: 0.5; margin-bottom: 5px; } .slidecategorybox_active:hover { z-index: 1; height: 90px; width: 110px; /* width: 8vw; height:8vw;*/ /* background-color: lightblue;*/ border-radius: 8px; border: solid 1px lightgray; display: inline-block; vertical-align: middle; opacity: 0.5; margin-bottom: 5px; } .slidecategorybox img { height: 70px; padding: 2px; padding-bottom: 10px; } .slidecategorybox_active img { height: 70px; padding: 2px; padding-bottom: 10px; } .slidecategorybox span { white-space: break-spaces; font-size: 12px; line-height: 1; display: inline-block; vertical-align: middle; } .slidecategorybox_active span { white-space: break-spaces; font-size: 12px; line-height: 1; display: inline-block; vertical-align: middle; } .ctr { height: 35px; line-height: 35px; width: 100%; text-align: center; margin-top: -15px; } .slidecategorybox a { text-align: center; word-wrap: normal !important; padding: 1px; font-weight: bold; } .slidecategorybox_active a { text-align: center; word-wrap: normal !important; padding: 1px; font-weight: bold; } .slidecategorybox_active { z-index: 1; height: 90px; width: 110px; /* width: 8vw; height:8vw;*/ /* background-color: lightblue;*/ border-radius: 8px; border: solid 2px #800020; display: inline-block; vertical-align: middle; margin-bottom: 5px; } .active_sub_cate { color: #800020; } /*geeksroot css*/ .cat-pro div#catmenu_new li a img { display: block; margin: 0px auto; margin-right: 8px; height: 44px; margin: 0px auto; text-align: center; } .cat-pro #catmenu_new div>li a { text-align: center; border: 0px; } .cat-pro #catmenu_new div>li { width: 140px !important; border: solid 1px #73737357; border-radius: 8px; } .cat-pro #catmenu_new div>li a p { display: block; white-space: initial; font-weight: bold; width: 130px; margin: 0px auto; margin-top: 10px; height: 32px; padding-left: 3px; padding-right: 3px; padding-block-end: 4px; position: relative; padding-top: 0px; padding-bottom: 0px; } #catmenu_new .owl-prev { box-shadow: -1px 0 6px rgba(0, 0, 0, 0.2); display: block; width: 34px; background: #fff; height: 44px; border-radius: 0px 38px 39px 0px; margin: 0px; top: 29px; left: -3px; } #catmenu_new .owl-prev i { bottom: 0; display: block; fill: #000; height: 23px; margin: auto 0; position: absolute; top: 0px; width: 40px; left: 4px; font-size: 23px; } #catmenu_new .owl-next { box-shadow: -1px 0 6px rgba(0, 0, 0, 0.2); display: block; width: 34px; background: #fff; height: 44px; border-radius: 30px 0px 0px 31px; margin: 0px; top: 31px; right: -3px; } #catmenu_new .owl-next i { bottom: 0; display: block; fill: #000; height: 23px; margin: auto 0; position: absolute; top: 0px; width: 40px; left: 10px; font-size: 23px; } #catmenu_new .owl-buttons .disabled { display: none; } .inner_filter_sec a { padding: 5px; border: 1px #aaa solid; border-radius: 10px; } .inner_filter_sec {} .inner_filter_sec .checkbox { padding: 5px; border: 1px #aaa solid; border-radius: 10px; margin-top: 5px; } .main_filer_set { margin-top: 0px; margin-bottom: 15px; width: 650px; margin: 0px auto; text-align: center; min-height: 94px; height: auto; } .filter_main { /* float: left; width: 28%;*/ margin-right: auto; margin-left: auto; } .opt_main { margin-left: auto; margin-right: auto; } .sub_opt_main { margin-left: auto; margin-right: auto; } .main_filer_set b { display: block; background-color: #d9d9d9; padding-bottom: 7px; text-align: center; padding-top: 7px; text-transform: uppercase; font-weight: bold; font-size: 12px; } .main_sort_opt { background: #0432ff; color: #fff; border-radius: 3px; width: 167px; line-height: 22px; height: 25px; padding-left: 3px; } .main_sort_opt span { padding-right: 6px; position: relative; top: 2px; padding-left: 6px; } .sort_new_set .filter-selection { max-width: 230px !important; width: 168px !important; float: none !important; } .sort_new_set .filter-selection select { width: 100%; line-height: 11px; height: 25px; border-color: #000; text-align: center; margin-bottom: 0px; } .sort_new_set .filter-selection select::-ms-expand { display: none !impotant; } .sort_new_set .filter-selection select { -moz-appearance: none; -webkit-appearance: none; } .sort_new_set { float: none !important; margin-top: 4px; background-color: #fff; margin-left: 0px !important; margin-right: 0px !important; } .sort_option_new { float: right; } .main_sort_opt i { float: right; padding-right: 8px; padding-top: 2px; } /*.sort_new_set .filter-selection{*/ /* position: relative; */ /* }*/ /*.sort_new_set .filter-selection span{*/ /* position: absolute;*/ /* left: 0px;*/ /* z-index: 99;*/ /* background: #fff;*/ /* width: 93%;*/ /* text-align: center;*/ /* right: 0;*/ /* margin: 0px auto;*/ /* top: 5px; */ /* }*/ /* IBS css BEGINS */ .SortFilter.onClick_expend { position: relative; display: inline-block; float: right; } .SortFilter.onClick_expend .main_sort.pull-right { cursor: pointer; } .expendThis { position: absolute; z-index: 99; display: none; background: #fff; } .ibs_sorting .select-wrapper { opacity: 0; margin-top: -28px; height: 28px; } .sort_option_new.ibs_sorting .text-right.filter-selection span { display: inline-block; width: 100%; border: 1px solid #000; padding: 5px; text-align: center; } .sort_option_new.ibs_sorting #input-sort { direction: rtl; } .keyw { width: auto !important; } .keyw1 { width: auto !important; } #catmenu_new { margin-top: 10px; } .cat-pro #catmenu_new div>li a p span { margin: 0; position: absolute; top: 50%; transform: translateY(-54%); left: 0; right: 0; margin-left: 7px; margin-right: 7px; } @media (max-width:767px) { .cat-pro #content>div:nth-child(1)>div { width: 100% !important; overflow: hidden; } .filter_main, .opt_main, .sub_opt_main { width: 100%; margin: 0 0px -21px; padding: 10px; } div#catmenu_new { margin-top: 20px; } .main_filer_set { width: 100%; margin: 0 0px 20px; padding: 10px; } header .header-left { margin: -1px -15px -1px -4px; width: 98%; padding: 0; } #catmenu_new .owl-next { right: 0; } .category-products>.row { margin: 0; } #content .category-filter { padding: 12px 15px; width: 100%; float: left; } #content .category-filter .col-xs-6 { width: 30%; } #content .category-filter .col-xs-6~.col-xs-6 { padding-top: 10px; } #catmenu>div { width: 100% !important; margin: 0 !important; padding: 0 15px !important; } /* #catmenu div > li { margin: 25px 0 0!important; }*/ #catmenu .ibs_layout li ul { top: auto !important; left: 0px !important; background: #fff !important; width: -webkit-fill-available !important; width: -moz-available !important; height: 80% !important; border-radius: 41px 0px 45px 0px !important; bottom: 14px !important; margin: 0px 9px 0px 6px !important; right: 0; } /* #catmenu div > li { width: -webkit-fill-available!important; width: -moz-available!important; margin: 25px 0 0!important; height: -webkit-fill-available!important; height: -moz-available!important; }*/ #catmenu li ul { border-radius: 10px !important; margin: 3px; width: -moz-available; height: 92%; } .main_pro_cat#catmenu li ul { margin: 0px !important; height: 100%; } #catmenu .ibs_layout li ul { margin: 0px 4px 0px 3px !important; height: 81% !important; bottom: 12px !important; } } @media (max-width: 1920px) { .srchbtnsbox { float: left; width: 30%; height: 35px; text-align: center; } #search .ttsearchtoggle-filter { /* top: 25px; */ width: 110% !important; } .srchplc { width: 95% !important; } #catmenu .name_box { margin-top: 0px !important; display: block; font-weight: bold; margin-bottom: 7px; color: #000; font-size: 14px; } } @media (max-width: 1199px) { .srchbtnsbox { float: left; width: 30%; height: 35px; text-align: center; } #search .ttsearchtoggle-filter { /* top: 25px; */ width: 110% !important; } .srchplc { width: 95% !important; } #search .ttsearchtoggle-filter .srchbtns { width: 106px !important; height: 35px; display: inline-block; text-align: center; font-size: 16px; font-weight: bolder; padding: 10px; cursor: pointer; border-radius: 10px; border: solid gray 1px; } #catmenu .name_box { margin-top: 0px !important; display: block; font-weight: bold; margin-bottom: 7px; color: #000; font-size: 14px; } } @media (max-width: 992px) { .srchbtnsbox { float: left; width: 29%; height: 35px; text-align: center; } #search .ttsearchtoggle-filter { /* top: 25px; */ width: 110% !important; margin-left: 44px; } .srchplc { width: 95% !important; } #search .ttsearchtoggle-filter .srchbtns { width: 106px !important; height: 35px; display: inline-block; text-align: center; font-size: 16px; font-weight: bolder; padding: 10px; cursor: pointer; border-radius: 10px; border: solid gray 1px; } #catmenu .name_box { margin-top: 0px !important; display: block; font-weight: bold; margin-bottom: 7px; color: #000; font-size: 14px; } } @media (max-width: 786px) { .srchbtnsbox { float: left; width: 29% !important; height: 35px; text-align: center; } #search .ttsearchtoggle-filter { /* top: 25px; */ width: 95% !important; margin-left: 137px; } .srchplc { width: 93% !important; } #search .ttsearchtoggle-filter .srchbtns { width: 106px !important; height: 35px; display: inline-block; text-align: center; font-size: 16px; font-weight: bolder; padding: 10px; cursor: pointer; border-radius: 10px; border: solid gray 1px; } #search .ttsearchtoggle .srchbtns { width: 115px !important; height: 35px; display: inline-block; text-align: center; font-size: 16px; font-weight: bolder; padding: 10px; cursor: pointer; border-radius: 10px; border: solid gray 1px; } #catmenu .name_box { margin-top: 0px !important; display: block; font-weight: bold; margin-bottom: 7px; color: #000; font-size: 14px; } } @media (max-width: 668px) { #catmenu .name_box { margin-top: 0px !important; display: block; font-weight: bold; margin-bottom: 7px; color: #000; font-size: 14px; } .srchbtnsbox { float: left; width: 29% !important; height: 35px; text-align: center; } #search .ttsearchtoggle { /* top: 25px; */ width: 106% !important; } #search .ttsearchtoggle-home { /* top: 25px; */ width: 134% !important; } #search .ttsearchtoggle-filter { /* top: 25px; */ width: 74% !important; margin-left: 137px; } .srchplc { width: 89% !important; } #search .ttsearchtoggle-filter .srchbtns { width: 106px !important; height: 35px; display: inline-block; text-align: center; font-size: 16px; font-weight: bolder; padding: 10px; cursor: pointer; border-radius: 10px; border: solid gray 1px; } } @media (max-width: 449px) { .cspan { color: #800020; position: absolute; top: 52px; left: 9px; display: inline-block; font-size: 9px; line-height: 9px; font-weight: bold; text-align: center; } #catmenu div>li { list-style: none; position: relative; margin-bottom: 8px; overflow: hidden; /* float: left; */ width: 113px; height: 93px; margin-left: 10px; margin-right: 10px; display: inline-block; } #catmenu .name_box { margin-top: 0px !important; display: block; font-weight: bold; color: black; font-size: 8px; height: 10px; } #search-container { height: 40px; width: 60%; padding-left: 34px; padding-right: 22px; margin-left: -7px; display: none; } #srchtext { width: 70% !important; } #search-container-filter { height: 40px; /*width: 100%;*/ padding-left: 25px; padding-right: 25px; margin-left: -10px; } #search-container-search { height: 40px; /*width: 100%;*/ padding-left: 25px; padding-right: 25px; margin-left: -10px; } #catmenu .img_box img { height: 63px; object-fit: cover; width: 100%; } #catmenu li ul li { list-style: none; display: block; height: 11px; } .sub-drop-title { padding-top: 4px; color: #800020; padding-left: 4px; font-weight: bold; font-size: 9px; } #catmenu li ul li a { box-shadow: none; border-radius: 0; margin-bottom: 0; text-align: left; font-size: 8px; /* line-height: 9px; */ padding-top: 8px; } .main_pro_cat#catmenu li ul { margin: 0px !important; height: 100%; } .common-home .special-product-main .small_product { margin: 30px auto; } .slidecategorymainbox { text-align: center; max-width: 354px; width: 100%; margin-left: auto; margin-right: auto; /* background-color: blue; */ height: auto; overflow: hidden; padding-bottom: 4px; padding-top: 6px; } #ttcmstestimonial .tttestimonial-content.container { padding: 0 15px; } .common-home .special-product-main .small_product { margin: 30px auto; } #search .ttsearchtoggle { width: 100%; margin: 0 auto 0 auto; float: left; } #search-container { height: 40px; /*width: 100%;*/ padding-left: 25px; padding-right: 25px; margin-left: -10px; display: none; } #search-container-filter { height: 40px; /*width: 100%;*/ padding-left: 25px; padding-right: 25px; margin-left: 35px; } #search-container-search { height: 40px; /*width: 100%;*/ padding-left: 25px; padding-right: 25px; margin-left: 35px; } .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; background: none; border: none; } .slideshow-panel .swiper-pager .swiper-button-prev:hover::before, .slideshow-panel .swiper-pager .swiper-button-next:hover::before { color: #ffffff; } header #logo, #logo .img-responsive, #search, #header-search { width: 100%; } header .header-left { /*margin: 30px auto;*/ width: 100%; padding: 0; } #ttcmsfooter .ttfooter-desc { padding: 0; width: 100%; } #ttcounter { margin: 30px 0 0; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter-content { width: 100%; } #ttcounter .ttcmscounter.container .ttcmscounter-content .counter-content .ttcounter { margin: 20px 0 30px; width: 100%; } #ttbanners { margin: 10px auto 40px; } #ttbanners .ttbanner .ttbannerblock .ttbanner-img { padding: 0 5px; } #ttbanners .ttbanner .ttbannerblock .ttbanner-img.ttbanner1 { margin: 0 0 10px; } #ttbanners .ttbanner .ttbannerblock .ttbanner-img.ttbanner4 { margin: 0 0 10px; } #ttcmsparallax .parallex-inner { height: 534px; } #ttcmsparallax .parallex-inner .ttcmsparallex-content { margin: 40px auto; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-image { width: 63%; text-align: center; float: none; margin: 0 auto; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-image img { max-width: 100%; float: none; } #ttcmsparallax .parallex-inner .ttcmsparallex-content .ttcmsparallex-inner #ttcmsparallex-carousel li .cmsparallex-content { width: 100%; } #ttcmspurchase { margin: 0 0 10px; } #ttcmspurchase .ttcmspurchase-title { font-size: 12px; line-height: 18px; } #ttcmspurchase .ttcmspurchase-btn { float: left; clear: left; margin: 5px 0 0; } .products-list .box-heading>h3 { font-size: 27px; } } /*@media (max-width: 320px) { .cspan { color: #800020; position: absolute; top: 81px; left: 27px; display: inline-block; font-size: 9px; line-height: 9px; font-weight: bold; text-align: center; } #catmenu > div {width: auto; display: inline-block; vertical-align: top; margin: 0.5%;} #catmenu div > li { list-style: none; position: relative; margin-bottom: 8px; overflow: hidden; float: left; width: 90%; max-width: 320px margin-left: 10px; margin-right: 10px; height: 120px; } #catmenu div > li a { display: block; box-shadow: 0 3px 7px #979797; border-radius: 10px; text-align: center; margin-bottom: 10px; padding: 4px; padding-bottom: 0px; border: solid 1px #737373; } #catmenu ul li a { border: none !important; } .sub-drop-title { padding-top: 4px; color: #800020; padding-left: 4px; font-weight: 600; font-size: 14px; } .cat-pro #catmenu div { width: 214px !important; } .cat-pro div#catmenu { max-width: 278px !important; height: 373px; } .cat-pro #catmenu div > li a { text-align: left; margin-bottom: 0.5px; border: solid 3px #73737357; box-shadow: none; } .cat-pro div#catmenu li a img { text-align: left !important; margin-right: 8px; height: 35px; } #catmenu .name_box { margin-top: 0px !important; display: block; font-weight: bold; margin-bottom: 8px; color:#000; font-size: 9px; } #catmenu .img_box img { height: 84%; object-fit: cover; width: 89%; } #catmenu li ul { position: absolute; margin: 0; padding: 0; top: 0; left: 0; background: #fff;width: 100%; height: 100%;box-shadow: 0 3px 7px #ddd; border-radius: 10px; } #catmenu li ul li { list-style: none; display: block; height: 11px; } #catmenu li ul li a { box-shadow: none; border-radius: 0; margin-bottom: 0; text-align: left; padding-top: 20px; } }*/ .main_pro_cat{ text-align: center; } .main_pro_cat>div{ text-align: center; display: inline-block; width:100%; max-width: 1015px; padding-top: 30px; padding-bottom: 30px; } .ctbox { display: inline-block; width: 230px; height: 183px; border: solid 2px #38528a; border-radius: 40px 0px; box-shadow: rgba(0, 0, 0, 0.50) 0px 5px 8px; background-size: 177px 140px; margin: 10px } .ctboxmen{ width: 226px; text-align: left; padding-left: 8px; color: #000; background-color: #fff; height: 158px; border-radius: 13px 0px 38px 0px; display: none; position: absolute; } .lstyle { text-decoration: none; list-style: none; text-align: left; /*margin-left: -31px;*/ padding: 2px; } .ulstyle { text-decoration: none; list-style: none; padding-top: 5px; padding-left: 0px; } .lstyle a:hover{ text-decoration: none; list-style: none; padding-top: 5px; color: #AD2318; } .ctbox a{ text-decoration:none; } .cattext{ text-align:center; width: 100%; padding: 1px; display: table; } .cattextbt{ text-align:center; width: 100%; padding: 1px; display: table; margin-top: 110px; } .ctbox span{ text-transform: uppercase; font-size:14px; color:#AD2318; font-family: "Comic Sans MS", "Comic Sans", cursive; font-weight:bolder; line-height: initial; width: 100%; } page { background: white; display: block; margin: 0 auto; margin-bottom: 0.5cm; box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); } page[size="A4"] { page-break-after: always; width: 21cm; height: 29.7cm; } page[size="A4"][layout="landscape"] { width: 29.7cm; height: 21cm; } .bas:hover{ color: lightgary; padding: 10px; } .bas{ padding:10px; margin-left: -5px; } .ftz{font-size: 21px;} .ftz2{font-size: 13px;padding-right: 30px;padding-left: 4px;} .usertag{ padding: 10px; border: solid 1px #cccccc; } .table-bordered thead tr th{ /*color: #959595 !important;*/ border: 1px solid #959595 !important; } .formgallery{ max-width:700px; width:100%; margin-left:auto; margin-right:auto; text-align: left; background-color: #ffffff; border-radius: 1px; padding:10px; /*margin-top: 50px;*/ box-shadow: 0px 0px 20px #000000; border: solid 1px #000000; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .selectcustomer{ max-width:700px; width:100%; margin-left:auto; margin-right:auto; text-align: left; background-color: #ffffff; border-radius: 1px; padding:10px; /*margin-top: 50px;*/ box-shadow: 0px 0px 20px #000000; border: solid 1px #000000; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; } .selectcustomer_form { background: rgba(0, 0, 0, .4); /* cursor: pointer; */ display: none; height: 100%; position: fixed; text-align: center; width: 100%; z-index: 10000; overflow: auto; } .messagesales{ max-width:700px; width:100%; margin-left:auto; margin-right:auto; text-align: left; background-color: #ffffff; border-radius: 1px; padding:10px; /*margin-top: 50px;*/ box-shadow: 0px 0px 20px #000000; border: solid 1px #000000; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; } .messagesales_form { background: rgba(0, 0, 0, .4); /* cursor: pointer; */ display: none; height: 100%; position: fixed; text-align: center; width: 100%; z-index: 10000; overflow: auto; } .btnfa{ display: inline-block; padding: 5px !important; margin-bottom: 0; font-size: 15px; font-weight: 400; line-height: 18px; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; } .attachs{ border: 1px solid gray; padding: 2px; border-radius: 5px; margin-right: 2px; margin-top: 4px; display: inline-block; } .input-sales{ display: block; width: 100%; height: 34px; padding: 6px 6px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }