/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,700italic,500,400italic);*/ /* fonts */ /* @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(../fonts/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'), url(~/fonts/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(../fonts/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(../fonts/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } */ body {font-family: 'Roboto',"Helvetica Neue", Arial, sans-serif; color: #4b4a46; background-color:#ececec;-webkit-print-color-adjust: exact !important;} * {font-family:'Roboto', "Helvetica Neue",Verdana,Arial,sans-serif !important; } /* common css */ body, button, input, select, table, textarea, .nav-primary a {font-family: 'Roboto';} .clearfix {clear:both;} .full-column {width:100%; float:left;} .column-half {width:50%; float:left;} a:hover {color:#8dc642; text-decoration:none;} .img-responsive {width:100%;} .white-bg {background:#fff;} .green-16 {color:#8dc642; font-size:16px;} .green-24 {color:#8dc642; font-size:24px;} .plain-content {padding:25px 70px 50px; background:#fff; float:left; width:100%;} .hide-block {display:none;} /* layout */ .rupu-container {max-width:1260px; margin:0 auto; clear:both;} .main-container {width: 100%;float: left;max-width: 100%;} .main-container > .main { margin: 0 auto; max-width: 100%; /*padding:15px 0 0;*/ padding:0; position: relative;} hr, hr.grey {border:0;border-bottom:1px solid #fff; margin:15px 0; float:left; width:100%;} hr.grey {border-bottom:1px solid #ececec;} .pull-left {float:left !important;} .pull-right {float:right !important;} .row {margin-left:-15px; margin-right:15px;} .col-half {width:50%; padding-left:15px; padding-right:15px;} /* headings */ h1, h2, h3, h4, p {color:#4b4a46;} /* header */ .logo {padding:15px 10px 10px 65px;} .header-container {background:#393939; color:#fff; float:left; width:100%;} .header-container .block {background-image:url(../images/banner-bg.png); background-position:top right; background-repeat:no-repeat; background-size: cover; color:#fff; min-height:54px; padding: 7px 10px 0 12px;position:relative; margin-bottom:0;float:left; width:100%;} .header-container .block input[type='text'] {border:1px solid #fff; font-weight:bold; background:transparent; border-radius:0; text-align:center; color:#fff; margin-right:15px; padding:8px; height:auto; width:74%;} .header-container .block ::-webkit-input-placeholder { /* WebKit browsers */color: #fff;} .header-container .block :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #fff;opacity: 1;} .header-container .block ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff;opacity: 1;} .header-container .block :-ms-input-placeholder { /* Internet Explorer 10+ */color: #fff;} .page-header-container {position:relative;} .header-container .block .btn {margin-right:0; padding: 9px 38px 6px; font-size:14px;} .header-container .block .email-block {width:59%; float:left;} .header-container .block p {width:33%; font-size:13px; margin-left:0; color:#fff; letter-spacing:-.5px;} .header-container .block input[type='text'], .header-container .block button, .header-container .block p, .header-container .block .email-block div {float:left;} .header-container .block .btn-close {position:absolute; top:10px; right:10px;} #esns_box_close { height: 39px;width: 37px; margin-bottom:6px; margin-top:3px;} .btn-close {background:url(../images/btn-close.png) no-repeat 0 0; display:inline-block; width:37px; height:37px; overflow:hidden; text-indent:-999px;} /* success msg */ .subscribe-success {position: absolute;left: 0; top: 0;background-color: #8dc642;width: 100%;padding:18px 20px;font-size: 1.3em; font-weight: 500; text-align: center;} .success-middle-subscription {line-height: 20px;background: #8DC63F;text-align: center;font-size: 17px;font-weight: 500; color:#fff; padding:8px 15px;} .top-links ul {list-style:none; float:left; width:100%; margin:9px 0 3px;} .top-links ul li {float:left; width:25%; text-align:center;} .top-links ul li a {color:#fff; text-decoration:none; display:inline-block; width:auto; margin:0 auto 0 6%; font-size: 12px; font-weight: bold;} .top-links ul li:last-child a {margin-left:0;} .top-links ul li span.top_link_font {color:#fff; text-decoration:none; display:inline-block; width:auto; margin:0 auto 0 6%; font-size: 12px; font-weight: bold;} .top-links ul li span {float:left;display:inline-block; text-transform:uppercase;} .top-links ul li span.icon-rupu { width:22px; height:20px; display:inline-block; margin-right:5px;} .top-links ul li span.support {background:url(../images/icon-phone.png) no-repeat 0 0;} .top-links ul li span.delivery {background:url(../images/icon-shopping-cart-small.png) no-repeat 0 0;} .top-links ul li span.pay-delivery {background:url(../images/icon-dollor.png) no-repeat 0 0;} /* navigation and menu */ .page-header {padding:0;} .navigation-area {background:#fff;} .navigation-area, .logo-area, .banner, #header-nav {width:100%; float:left;} .nav-primary a.level0 {padding:0 16px;} #header-nav a {font-size: 17px; font-weight:500;} /*#header-nav a:hover {color:#8dc642;}*/ .nav-primary li:first-child a.level0{padding-left:0;} .nav-primary li:last-child a.level0 {padding-right:0;} .nav-primary li {border-right:1px solid #ececec; float:left;} .nav-primary li:last-child {border-right:none;} .nav-primary {margin-bottom:15px; float:left;} #header-nav {border-top:1px solid #ececec; /*border-bottom:1px solid #ececec;*/} .navigation-area .banner {border-top:1px solid #ececec;} #header-search {width: 25% /*40%*/; margin-right: 20px;} #header-search.search-block {position:relative; float:left; top:25px; z-index:999 !important;} #header-search.search-block .btn.btn-green {background-color:#8dc642; border-bottom:4px solid #7fad40; color:#fff; text-indent:0; width:60px;} #search_mini_form .search-button::before { background-image:none;} #search_mini_form .input-text {background:#ececec; color:#a6a6a6; font-weight:bold; border:none; border-radius:0; font-family: 'Roboto'; padding-left:18px; padding-right:53px;} #header-login {width:18%; float:left; margin-top:25px; margin-left: 20px; /* margin-left:110px;*/} #header-login .btn {padding:7.5px 25px !important; font-size:14px;} #header-login .btn > span {float:left;} #header-login .btn span.icon-right {margin-left:20px;} .right-arrow {background:url(../images/icon-right-arrow.png) no-repeat 0 0; display:inline-block; width:16px; height:16px; margin-top:2px;} /* banner */ .banner {width:100%; float:left;} .banner img {width:100%;} .skip-link.skip-account { overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} /* header mini cart */ .header-minicart {position:relative;} .skip-cart .icon {background:url(../images/icon-cart.png) no-repeat 0 0; display:inline-block; width:63px; height:40px;} .skip-cart:hover:not(.skip-active) .icon {background-position: 0 0;} .skip-cart.no-count .count, .skip-cart .count {display:block; position:absolute; color:#f7941d !important; font-weight:bold; font-family: 'Roboto'; top: 6px; right: 13px; width: 28px;} .skip-cart .count::before, .skip-cart .count::after {content:"";} .skip-cart .label {display:none;} .account-cart-wrapper { border: 1px solid #ececec; padding: 15px 2px 10px; border-radius:1px;} /* footer */ .footer-container {background: #4b4a46;float: left;max-width: 100% !important;width: 100%; border-top:5px solid #ececec;} .footer { border-top: none; clear: both; padding-top: 30px; max-width: 1260px; margin: 0 auto;} .footer .block-title strong, .footer .block-subscribe strong {color:#fff; display:block; font-weight:bold; font-family:'Roboto', "Helvetica Neue",Verdana,Arial,sans-serif; text-transform:capitalize;} .footer .block-title {border:0; /*margin-top:10px;*/} .footer .links, .footer .block-subscribe {text-transform:initial;} .footer .links {width:31%; margin-right:2%; padding:0;} .footer .links :last-child {margin-right:0;} .footer .links a {color:#a5a5a3;} .footer .links a:hover {color:#fff;} .footer address {border-top: 1px solid #5d5c59;} .footer .block-title, .footer address { color:#a5a5a3;} .footer .links.social-media, .footer .block-subscribe {background:#393939; color:#fff; padding:10px 15px !important; width:30%;} .footer .links.partnership-links {background:#393939; color:#fff; padding:10px 15px !important; width:30%;} .footer .links.partnership-links img { max-width: 168px;} .footer .links.social-media .block-title, .footer .block-subscribe .block-title {margin-top:0;} .footer .links.social-media .block-title strong, .footer .block-subscribe strong {margin-bottom: 10px;display: block;} .footer .links.social-media ul, .footer .links.social-media ul li {float:left;} .footer .links.social-media ul li a {/*width:45px; height:45px;*/ display:block; margin-right:12px;} .footer .links.social-media ul li:nth-child(3n) a {margin-right:0;} .social-media li a [class^="flaticon-"]:before{font-size:44px; margin-left:0; color:#fff;} .social-media li a:hover [class^="flaticon-"]:before{color:#a5a5a3;} .footer .quick-links {width: 600px /*520px*/; float:left;} .footer .news-letter {width:635px; float:right;} .footer .links.social-media{width:195px;} .footer .block-subscribe {width:425px; padding-bottom:30px !important; min-height:147px;} .footer .block-subscribe .input-text {background:#4b4a46; height:32px; color:#fff; border:none; font-size:12px; font-family:'Roboto', "Helvetica Neue",Verdana,Arial,sans-serif; height:38.5px; } .footer .block-subscribe .input-box {width:69%;} .footer .block-subscribe .actions {margin:0; width:31%;} .footer .block ::-webkit-input-placeholder {/* WebKit browsers */color: #fff;} .footer .block :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #fff;opacity: 1;} .footer .block ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff;opacity: 1;} .footer .block :-ms-input-placeholder { /* Internet Explorer 10+ */color: #fff;} .footer .btn {font-size:14px; line-height:1.8em;} /* products page */ .visible-xs-block { display: none !important; visibility: hidden !important;} .hidden-xs { display: block !important; visibility: visible !important;} .products-grid {float:left; width:100%;} .products-grid .product-name, .products-list .product-name {text-align:left; text-transform:none; font-weight:bold; padding-right:100px; margin-bottom:5px; overflow: hidden; /*text-overflow: ellipsis; white-space: nowrap; */ width: 100%; float:left;} .products-grid .product-name a, .products-list .product-name a {font-weight:bold; color:#4b4a46; height: 38px; display: block; overflow: hidden; word-break: break-word;} .products-grid .product-name a span.merchant_info, .products-grid .product-name span.merchant_info, .products-list .product-name a span.merchant_info, .products-list .product-name span.merchant_info {font-weight:bold; width:100%; color:#a5a5a3; font-size:12px; margin-top:5px; display:block;} .products-grid .actions {right:0; width:auto; padding-top:0;} .products-grid .deals-info {position:relative; width:100%; float:left; min-height:83px;} .products-grid .deals-info .actions {top:20px;} h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover {color: #8dc642;text-decoration: none;} .products-grid .price-box {text-align:left;} .old-price .price-box .price {color:#a5a5a3; text-decoration:line-through !important; font-size:14px; padding-right:10px; float:left; padding-top:3px;} .price-box .new-price {color:#8dc642; font-size:16px !important; padding-right:10px;} .price-box .save-price {color:#f7941d; font-size:16px !important;} .price-box .new-price span, .price-box .save-price span{font-size:12px;} .regular-price span{font-weight:bold;} a.shipping-block {background:url(../images/icon-shipping.png) no-repeat 0 0; width:83px; height:83px; position:absolute; right:1px; top:1px;} a.shipping-block:hover {background:url(../images/icon-shipping-hvr.png) no-repeat 0 0;} .item-details-block {background:#fff; padding:5px;} .products-grid .product-image {margin-bottom:0;} .products-grid > li {width: 30.8%;transition: all .2s ease-in-out;} .price-label {display:none;} .product-coming{font-size: 31px; margin: 63px 0 0; text-align: center;} .products-grid > li:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.2); top: 0; position: relative;} /* loader image */ .products-grid .product-image {text-align:center; min-height:100px;} .products-grid .product-image img.lazy, .products-grid .product-image .imglazy-hidden, .catalog-category-view .products-grid .product-image img:not(.lazy-loaded), .catalogsearch-result-index .products-grid .product-image img:not(.lazy-loaded){width:auto; height:auto; display:inline-block; margin-top:15%; margin-bottom:15%;} .search-area { background-image: url(../images/search-block-bg.jpg); background-repeat: no-repeat; background-position:right top; background-size:cover; padding: 23px 0; margin: 15px 0 0;} .search-area p {float:left; width:47%; color:#fff; font-size:17px; font-weight:500; margin-top:5px;} .search-area .col-search {float:right;width:50%;} .search-area .col-search div, .search-area .col-search form {float:right; width:634px; color:#fff;} .search-area ul, .search-area ul li{float:left;} .search-area ul li{margin-right:13px;} .search-area .btn {font-size:14px; line-height:1.8em; min-width:120px;} .search-area.color-shade {background-image: url(../images/search-block-color-bg.jpg);} .signup-area.search-area {padding:10px 0;} .signup-area.search-area #social_subscription {margin-bottom:13px;} .signup-area.search-area p {width:auto; /*margin-right:20px;*/} .signup-area.search-area .col-search {width:auto; margin-top:13px;} .signup-area.search-area .btn {float:right; margin-left:3px; top:0; } .signup-area.search-area.signup-area .col-search {width:80%;} .signup-area.search-area.signup-area p{margin-top:7px;} .search-area input[type="text"]{width:500px; margin-right:8px;} /* slide show */ .slideshow-container {margin:0; border:0;} .slideshow-container .slideshow {border:0;} /* carousel area */ .carousel-three-column {float:left; width:100%; } .carousel-three-column .column.carousel-column {width:45%; padding-left:0;} .carousel-three-column .column {width:27.5%; float:left; padding-left:1%; position: relative;} .top-events-deals {float:left; width:100%; position:relative;} .top-events-deals img {width:100%; height:auto;} .top-events-deals .details {position:absolute; width:100%; bottom:0; float:left; background:rgba(9,9,9,0.6); padding:17px 18px 10px; min-height:124px;} .top-events-deals p {margin-bottom:0;} .top-events-deals .details h3, .top-events-deals .details p{margin-bottom:0; color:#fff; } .top-events-deals .details h3 {font-size:16px; font-weight:bold; text-transform:uppercase; } .carousel-three-column .top-events-deals .details h3 {font-size:18px;} .top-events-deals .details p {font-size:14px; margin-bottom:8px; } .top-events-deals .details .btn {float:right; text-transform:capitalize; font-size:14px; border: 2px solid #fff; color: #fff; min-width:145px; min-height:36px;} .top-events-deals .details .btn:hover{background:#fff; color:#4b4a46;} .top-events-deals .details h3, .slideshow-container h3{text-shadow: -2px 2px 5px rgba(47, 47, 47, 3);} .slideshow-prev .flaticon-left-arrow5:before, .slideshow-next .flaticon-right-arrow6:before {top:25%; position:absolute; font-size:46px; color:#fff; text-shadow: 0px 1px 2px rgba(150, 150, 150, 1);} .slideshow-container .item-details-block {position:absolute; bottom:0; background:rgba(9,9,9,0.6); padding: 12px 20px 5px 20px; height:124px;} .slideshow-container h3 {font-size: 24px; line-height: 27px; margin-bottom: 5px; text-transform:capitalize; font-weight:bold; } .slideshow-container h3, .slideshow-container p {color:#fff;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;} .slideshow-container .col-text {float:left; width:59%; } .slideshow-container .price-box {float:right; width:41%; text-align:right; font-weight:bold;} .slideshow-container .price-box .save-text {color:#f7941d; } .slideshow-container .price-box .save-text span:first-child {font-size:18px;} .slideshow-container .price-box .save-text span:last-child {font-size:24px;} .slideshow-container .price-box .special-price span {color:#fff; font-size:18px; font-weight:bold;} .slideshow-container .price-box .special-price span.first-child { color:#8dc642; text-decoration:line-through; padding-right:4px;} .slideshow-container .price-box .special-price span:last-child {font-size:24px;} .slideshow-container p {margin-bottom:0 !important;} @media screen and (min-width: 1024px) { .column.carousel-column.col-md-push { left: 27.5%; padding-left: 1%;} /*.column.col-md-pull { right: 45%;}*/ .column.carousel-column.col-md-push + .column { right: 45%; padding-left: 0; padding-right: 0;} .top-events-deals img { max-height: 318px;} } /* subtitles */ .subtitle {float: left;width: 100%;padding-left: 55px;position: relative;font-size: 24px;font-weight: bold;line-height: 35px;text-transform:capitalize;padding-top:15px; margin-top:25px; border-top:1px solid #fff;} .subtitle.no-icon {padding-left:0;} .subtitle .icon {width:48px; height:38px; display:inline-block; float:left; position:absolute; top:12px; left:0;} .subtitle .icon.new-deals {background:url(../images/icon-new.png) no-repeat 0 4px; } .subtitle .icon.restaurants{background:url(../images/icon-restaurants.png) no-repeat 0 0; border:none;} .subtitle .icon.beauty{background:url(../images/icon-beauty.png) no-repeat 0 0;} .subtitle span {margin-right:15px;} .subtitle a {text-decoration:underline; font-size:12px; text-transform:initial; color:#4b4a46; display:inline-block;} .subtitle a:hover {text-decoration:none; } .cms-home .subtitle h2 {font-weight:bold; display:inline-block; margin-top:2px; margin-right:15px; margin-bottom:0; float:left;} .cms-home .subtitle {margin-bottom:.5em;} .cms-home .subtitle a {line-height:14px; float:left; margin-top:10px;} /* category */ .restaurant {border:1px solid #fff; border-radius:3px; background-image: url(../images/restaurents-bg.jpg); background-repeat: no-repeat; background-position:right bottom; background-size:cover; min-height:219px;} /* .category-food-drinks */ .category-food-drinks .restaurant, .category-restaurants .restaurant, .category-wines-spirits .restaurant, .category-cakes-treats .restaurant {background-image: url(../images/category_bg/Food&Drink.jpg);} /* category-beauty */ .category-beauty .restaurant, .category-massages .restaurant, .category-hairdressers-nails .restaurant, .category-spa-treatments .restaurant, .category-cosmetics .restaurant, .category-pedicure-for-pets .restaurant {background-image: url(../images/category_bg/Beauty&Spa.jpg);} /* category-events-activities */ .category-events-activities .restaurant, .category-tickets .restaurant, .category-professional-services .restaurant, .category-sports-outdoor .restaurant, .category-pets-sports .restaurant {background-image: url(../images/category_bg/Events.jpg);} /* category-electronics */ .category-electronics .restaurant, .category-tvs-audio .restaurant, .category-mobile-phones .restaurant, .category-computers .restaurant, .category-gadgets-accessories .restaurant, .category-household-appliances .restaurant {background-image: url(../images/category_bg/Gadgets&Electronics.jpg);} /* category-fashion */ .category-fashion .restaurant, .category-fashion-accessories .restaurant, .category-clothing .restaurant {background-image: url(../images/category_bg/Fashion&Accessories.jpg);} /* category-travel */ .category-travel .restaurant, .category-hotels .restaurant, .category-safaris-packages .restaurant, .category-flights .restaurant {background-image: url(../images/category_bg/Travel.jpg);} /* category-home-living */ .category-home-living .restaurant, .category-kitchenware .restaurant, .category-furniture .restaurant, .category-decor .restaurant, .category-automotive .restaurant, .category-kids-toys .restaurant {background-image: url(../images/category_bg/Home&Living.jpg);} .restaurant p {font-size:16px; margin:10px 20px; float:left;} .restaurant .subtitle {border:0; padding-top:0;margin:20px 0; float:left; } .restaurant .subtitle h1 { text-overflow: ellipsis;white-space: nowrap; overflow: hidden;font-weight: bold; margin-top: 4px;margin-bottom: 0; padding-right:10px; padding-left:15px; font-size:24px;} .restaurant .subtitle .icon {top:0; margin-left:20px;} .restaurant hr {margin:0;} .restaurant-item {border:1px solid #fff; border-radius:3px; background:#fff; overflow:hidden;} .restaurant-item .img-container, .restaurant-item .text-container {float:left;} .restaurant-item .img-container {width:47%;} .restaurant-item .text-container {width:53%;} .restaurant-item .img-container a, .restaurant-item .text-container a {cursor:pointer;} .restaurant-item .product-image {border:0;} .restaurant-item h3 {font-size:16px; font-weight:bold; margin-bottom:0;} .item-details-block { float: left;padding: 10px;width: 100%;} .restaurant-item .item-details-block { float: left;padding: 25px 35px 10px 45px;width: 100%;} .item-details-block .actions, .item-details-block .save-price{float:left;} .restaurant-item .text-container .actions {width:100%; text-align:right;} .item-details-block .btn {float:right; min-width:90px; min-height:40px;} .item-details-block .price-box .new-price, .item-details-block .price-box .save-price {font-size:18px; font-weight:bold;} .item-details-block .price-box .price-box {margin:0;} .restaurant-item .text-container .item-details-block .save-price {width:100%;} .restaurant-item .text-container .price-box .old-price .price {font-size:14px;} /* popular category */ .popular-category {background:#fff; padding-bottom:20px;} .popular-category ul {width:100%;} .popular-category ul, .popular-category li {float:left;} .popular-category li {width:20%; text-align:center; padding-bottom:15px;} .popular-category img {display:inline-block;} .popular-category span {width:100%; float:left; width:100%; clear:both; font-size:18px; font-weight:bold; color:#4b4a46; text-transform:capitalize;} .popular-category .subtitle {padding-top:0; margin-bottom:5px;} /* column-3 */ .column-three {margin-bottom:15px;} .column-three .column {float:left; width: 30.8%; margin-right: 3.7037%;} .column-one-inthree { } .column-three .column-two-inthree {width: 65.4%; margin-right:0;} /* category-products */ .category-products .column-three {margin-bottom:0;} /* deals layout page */ .breadcrumbs {float:left; width:100%; margin-top:0; padding-top:15px; font-size:12px;} .breadcrumbs a, .breadcrumbs strong{ text-transform:initial !important;} .product-view .product-shop .product-name .h1 {color:#4b4a46; text-transform:capitalize;} .product-view .product-shop .product-name h1 {border-bottom:0; margin-bottom:5px;} .author-title {color:#8dc642;} .author-title span {color:#4b4a46;} .product-warranty ul, .product-warranty ul li, .product-warranty ul li .icon {float:left;} .product-warranty ul li {width:33.33%;} .product-warranty ul li a {height: 42px; position:relative; max-width:115px; padding-left:47px; padding-right:5px; float:left; width:100%; cursor:default; min-height:32px; color:#4b4a46; padding-top:10px; line-height:16px; float:left;} .product-warranty ul li .icon {width:42px; height:42px; position:absolute; top:0; left:0; display:inline-block;} .product-warranty ul li .icon.delivery {background:url(../images/icon-devery.png) no-repeat 0 0;} .product-warranty ul li .icon.valentines {background:url(../images/icon-valentinesday.png) no-repeat 0 0;} .product-warranty ul li .icon.warranty {background:url(../images/icon-warranty.png) no-repeat 0 0;} .product-warranty ul {margin:25px 0; width:100%; } .product-warranty ul li span:not(.icon) {position:absolute; bottom:0;} .short-description {float:left; width:100%; color:#4b4a46; font-size:12px;} .short-description .std { margin-bottom:15px; font-size:14px;} .short-description .std b, .short-description .std strong {font-weight:bold;} .short-description br {display:none;} .short-description p {margin-bottom:14px;} .short-description ul li {margin-left: 2em; list-style: disc;} .short-description ol li {margin-left: 2em; list-style: decimal;} .short-description ul, .short-description ol {margin-bottom:15px !important;} .product-img-box {width:38%;} .product-view .product-shop {width:62%;} .product-desc-container {width:54%; float:left;} .product-price-container {width:40%; float:right;} .product-price-container dd select {width:100%;} .product-view .sahre-links-container, .price-compare {width:100%; float:left;} .product-view .sharing-links, .add-to-card-block {float:right;} .add-to-card-block {/*border:1px solid #ececec; padding:20px 10px; margin-bottom:15px;*/ width:100%;} .add-to-card-block h3 {text-align:center; font-weight:bold;} .product-view .product-shop .price-info {max-width:100%; padding:0; width:100%;} .add-to-card-block .special-price {width:100%; float:left; padding:10px !important; border:1px solid #ececec;} .add-to-card-block .price-box .special-price .price-label, .add-to-card-block .price-box .old-price .price-label {display:inline-block; float:left;} .add-to-card-block .special-price .price {color:#8dc642 !important; float:right;} .add-to-card-block .price {text-decoration:none !important;} .add-to-card-block .special-price .special-price {padding: 0 !important; border: none; width: auto; float: right; font-size: 24px; font-weight:bold;} .product-shop span.info-ksh {font-size:17px !important;} span.info-ksh {font-size:12px;} .add-to-card-block .price-box .special-price .price-label {font-size:18px !important; color:#4b4a46; text-transform:none !important; line-height:35px;} .add-to-card-block .old-price, .add-to-card-block .savings {width:50%; float:left; text-align:center;} .add-to-card-block .old-price .price-label, .add-to-card-block .savings .price-label, .add-to-card-block .old-price .price {float:left; width:100%; color:#4b4a46;} .add-to-card-block .old-price {border-right:1px solid #ececec;} .price-compare {border-bottom:1px solid #ececec; margin:15px 0 15px;} .price-box .old-price .price{font-size:24px; color:#a5a5a3; text-decoration:line-through !important; margin-top:2px; margin-right:10px;} .saving-points {color:#f7941d; font-size:24px;} .product-price-container .saving-points , .price-box .price-compare .old-price .price {font-weight:600; font-size:22px;} .products-grid .price-box .old-price .price {font-size:14px; font-weight:bold;} .products-grid .price-box p {margin:0; float:left; padding-left:0;} .products-grid .price-box p.price-to {padding-left:10px;} .saving_cost .savings, .saving_cost .old-price {width:100% !important; border-right:0 !important;} .add-to-card-block select {width:100%; float:left; height:40px; line-height:40px; border:1px solid #ececec; margin-bottom:15px;} .add-to-card-block select + select {margin-left:0; margin-bottom:0;} .product-price-container .btn {margin-bottom:15px; width:100%; float:left; padding:10px 12px;} .more-views h2 {display:none;} .product-view .sharing-links a {width:30px; height:30px;} .product-view .sharing-links a.link-facebook {background-position: 0 -420px;} .product-view .sharing-links a.link-twitter {background-position: 0 -369px;} .product-view .sharing-links a.link-email-friend {background-position: 0 -318px;} .product-view .price-from, .product-view .price-to {display:none;} .google-map-block {width:100%; float:left; border:1px solid #4b4a46; margin-top:15px; background:#fff; display:table;} .google-map-block .content-text h2 {margin-bottom:15px; font-size:14px;} .google-map-block .content-text p {margin:0 0 10px; font-size:12px; position:relative;} .google-map-block .column-half:first-child .content-text h3 {font-size: 16px;margin: 0 0 10px; font-weight:bold; margin-top:15px;} .google-map-block .content-text, .google-map-block .map {padding:25px;} .google-map-block .content-text p strong{font-size:16px; display:inline-block; margin-top:15px;} .content-text ul, .content-text li {float:left; width:100%;} .content-text li {border-bottom:1px solid #ececec; padding:5px 0; color:#4b4a46; font-size:12px; font-weight:bold;} .content-text li span {color:#8dc642; font-size:14px; padding: 0 10px; display:inline;} .content-text .phone-numbers {float:right; width:61%;} .contactname {float:left; width:38%; position:relative;} .content-text img {width:100%;} .google-map-block .column-half {width:47%; display:table-cell; vertical-align:top; float:none;} .google-map-block .column-half:first-child ul li {list-style:disc; } .google-map-block .column-half:first-child ol li {list-style:decimal; } /*.google-map-block .column-half:first-child li {padding-left:5px !important; position:relative;} .google-map-block .column-half:first-child li:before {content:"-"; position:absolute; left:1px;} .google-map-block .column-half:first-child span {display:inline;}*/ .google-map-block .column-half:last-child {width:53%; border-left:1px solid #ececec;} .image_banner {margin-bottom:15px; float:left; width:100%; margin-top:-28px;} body.catalogsearch-result-index .image_banner {margin:0;} .catalog-category-view .image_banner {margin-top:0;} .content-text li.multiple-locations {position:relative; min-height:32px;} .content-text li.multiple-locations span:first-child {position: absolute;color: #4b4a46;font-size: 12px;left: 0;padding-left: 0;} .content-text li.multiple-locations .adress-links {padding-left: 90px; display: block; font-size: 14px;} .content-text li.multiple-locations .adress-links a {color:#8dc642; position:relative;} .content-text li.multiple-locations .adress-links a:before {content: "\2022";position: absolute;left: -10px;} .content-text li.multiple-locations .adress-box {padding-left:25px;} .google-map-block .column-half:first-child ul, .google-map-block .column-half:first-child ol, .google-map-block .column-half:first-child li { padding:0; border:none; border:0; margin:0; font-weight:normal; clear:both; width:100%; float:left;} .google-map-block .column-half:first-child ol, .google-map-block .column-half:first-child ul {margin-bottom: 10px; margin-left: 7%;width: 93%;} .google-map-block .column-half:first-child li span {padding:0;color: #4b4a46;font-weight: normal;font-size: 12px;} /* search results page */ .search-results-column {padding:15px 15px 0; margin:15px 0; position:relative;} .page-title h1, .groupdeals-coupons-index .box-head h2 {color:#4b4a46; font-size:24px; text-transform:initial;} .groupdeals-coupons-index .box-head h2 {font-weight:600; border-bottom:1px solid #ececec;} .page-title h1 span, .search-results-column a {color:#8dc642;} .search-results-column a {text-decoration:underline;} .search-results-column a:hover {text-decoration:none;} .search-input {position:relative; float:left; width:100%;} .search-input input {float:left;} .search-input p {margin:15px 0;} .search-input .input-text {width:465px; font-weight:bold;} .search-results-column h1 span.results-number {font-size:14px; font-weight:normal; color:#4b4a46; margin-right:10px;} .search-results-column #header-search.search-block {top:0; position:relative; display:block !important; padding:0;} .search-results-column .search-autocomplete::before {display:none;} .search-results-column #header-search.skip-content {display:block !important;} /* checkout page */ .steps-navigation {width:100%; float:left;} .steps-navigation ul{width:auto; margin:0 auto;} .steps-navigation ul li {float:left;} .texti { border: 1px solid #ececec; float: left; padding: 3px;} .texti [class^="qty_div"] { float: left;min-width: 42px;line-height: 37px;} .texti span {top:0 !important;} .giantpoints-cart-sidebar {text-align:center;} .coupon-wrapper {float:left; width:50%;margin-bottom:15px;} .field-wrapper .input-text {float:left; width:70%;} .field-wrapper .button-wrapper{float:left; width:30%;} .field-wrapper .button-wrapper .btn {float:left; margin-left:5px;} .spend_items {float:right; width:50%;} .spend_items h2, .spend_items p, .spend_items .input-max {text-align:right;} .spend_items .discount-form {float:right;} .spend_items .giantpoints-slider-input {width:100%; float:left;} .spend_items .giantpoints-slider-input .input-point {text-align:right;} .spend_items #giantpoints-slider-container #giantpoints-slider {float:right;} .promotioncode h3, .spend_items h2{font-size:14px; font-weight:bold; margin:0;} .promotioncode h3 span {background:url(../images/icon-info.png) no-repeat 0 0; display:inline-block; width:13px; height:13px; margin-left:12px;} .promotioncode label {font-size:14px; font-weight:normal; margin:0; text-transform:uppercase;} .cart-totals {} #co-shipping-form .form-list .control input.radio, #co-shipping-form .form-list .control input.checkbox {margin:5px 0 0 0;} #co-shipping-form .form-list .control label {padding:0 0 0 10px;} #co-shipping-form ul.form-list {float:left; width:100%;} #co-shipping-form ul.form-list li {width:100%; float:left;} #co-shipping-form ul.form-list li.wide, #co-shipping-form #shipping-new-address-form, #co-shipping-form #shipping-new-address-form li {width:100%;} #co-shipping-form p.required {float:left;} #checkoutSteps a {color:#7fad40; text-decoration:underline;} #checkoutSteps a:hover {color:#7fad40; text-decoration:none;} .Shipping-info{width: 100%;float: left;background: #8dc642 url(../images/icon-success.png) no-repeat 10px center;padding: 15px 10px 15px 50px;border-radius: 5px;color: #fff;font-weight: bold; font-size:14px;} /* */ .social-earning-container {display: none} select {height: 35px; border: 1px solid #ececec; background: #fff;} .product-view .add-to-cart-buttons{width:100%;} .product-image-zoom .bx-wrapper {position: relative; width:100% !important; float:left; margin-bottom:25px !important;} .product-image-zoom .bx-wrapper .bx-viewport {left:0 !important;} .product-image-zoom .bx-wrapper .bx-prev {left: 20px; background:url(../images/carousel-arrow-left-small.png) no-repeat 0 0; width:42px; height:43px; } .product-image-zoom .bx-wrapper .bx-next {right:20px; background:url(../images/carousel-arrow-right-small.png) no-repeat 0 0; width:42px; height:43px;} .product-image-zoom .bx-wrapper .bx-prev:before, .product-image-zoom .bx-wrapper .bx-next:before {color:#fff; content:"";} .product-image-zoom .bx-wrapper .bx-prev:hover, .product-image-zoom .bx-wrapper .bx-next:hover {background-position:0 0;} .product-image-zoom .bx-wrapper .bx-controls-direction a {top:48%;} #pm-moreviews a, .product-image-thumbs a {float: left; margin:0 5% 5% 0; width:21%; display: block; } .product-image-thumbs a img {border:1px solid #ececec; width:100%;} #pm-moreviews a img, .product-image-thumbs a img {border-radius: 2px;} #pm-moreviews a:nth-child(4n), .product-image-thumbs a:nth-child(4n) {margin-right: 0; clear:right;} #pm-moreviews a:nth-child(5n), .product-image-thumbs a:nth-child(5n) {clear:left;} #pm-moreviews a.active img, .product-image-thumbs a.active img {border:1px solid #4b4a46;} .product-view .minimal-price, .price.related .save-price {display:none; } .slide .product-image {border: none;} .slide {border:1px solid #ececec;} .slide > p.product-name, .slide > span.price {font-weight: bold; padding: 0 10px; float: left; margin: 0;} .slide > p.product-name {width:100%; margin:10px 0 0 0; min-height:35px; display:table;} .slide > p.product-name a {display:table-cell; vertical-align:middle;} .slide .price-box .old-price .price {font-size:16px;} .slide .price-box .special-price {padding-left:0;} .bx-wrapper {position: relative; width:95% !important; margin-bottom:43px !important; } .bx-controls.bx-has-controls-direction, .bx-wrapper .bx-viewport {clear: both; } .bx-wrapper .bx-prev, .bx-wrapper .bx-next {background-image: none; text-indent: 0 !important;} .bx-wrapper .bx-prev:before, .bx-wrapper .bx-next:before {font-size: 35px; color: #4b4a46; text-shadow: 0px 1px 2px rgba(150, 150, 150, 1); } .bx-wrapper .bx-prev {left:-8%; } .bx-wrapper .bx-next {right:-3%;} .related .bx-wrapper .bx-controls-direction a {margin-top:-35px;} .rupu-container.related .bx-wrapper .bx-controls-direction a {top:64%;} .related .bx-wrapper .bx-prev {background:url(../images/carousel-black-larow.png) no-repeat 0 0;} .related .bx-wrapper .bx-next {background:url(../images/carousel-black-rarow.png) no-repeat 0 0;} .related .bx-wrapper .bx-next:hover, .related .bx-wrapper .bx-next:hover {background-position:0 0;} .related .bx-wrapper .bx-prev:before, .related .bx-wrapper .bx-next:before {content:""; } .related .bx-wrapper .bx-controls-direction a {width:44px; height:44px;} .related .bx-wrapper .bx-prev {left:-7%; } .related .bx-wrapper .bx-next {right:-6%;} .remove_save span.save-price {display:none;} /* page spacing */ .account-login, .cart, .product-view.gd-view {background:#fff; padding:45px 25px 25px; width:100%; float:left; margin-bottom:15px;} /* product details */ .bx-wrapper .bx-viewport {border: none !important; box-shadow: none !important;} /* checkout page */ .checkout-main {max-width:1260px; margin:0 auto;} .checkout-main .page-title h1 {padding-bottom:20px; text-align:center;} .opc {background:transparent; border:none; padding-top:0;} ol.opc .step {top:45px;} ol#checkoutSteps li.active div.step {background:#fff; border:none; padding:25px 70px 50px;} ol#checkoutSteps hr {margin:25px 0; border-bottom:1px solid #ececec;} .opc .section.allow .step-title:hover h2, .opc .section.active .step-title h2, ol.opc li.section div.step-title h2, ol.opc li#opc-confirmation div.step-title h2 {text-transform:uppercase; font-size:16px; color:#393939; font-weight:bold; position:relative; line-height:21px; background:url(../images/icon-step-arrow.png) no-repeat right center; Padding-right:26px; padding-left:5px; display:inline-block;} ol.opc li#opc-confirmation .number {display:none;} ol.opc li#opc-confirmation {float:left;display:inline-block;} .step-counts .step-title:hover h2, .step-counts .active.step-title h2, div.step-title h2, div.step-title h2 {text-transform:uppercase; font-size:16px; color:#393939; font-weight:bold; position:relative; line-height:21px; background:url(../images/icon-step-arrow.png) no-repeat right center; Padding-right:26px; padding-left:5px; display: block; text-align: center;} .step-counts .number {display:none;} .step-counts .active.step-title h2 { color: #8dc642;} .step-counts { margin: 0 auto -30px; max-width: 940px;} .step-counts li { width: 33%; display: inline-block;} .step-counts li:last-child div.step-title h2 { background: none;} .opc li.section.active h2 {color:#8dc642 !important;} ol.opc #opc-confirmation h2 {background:none !important;} .opc h3 {font-size:24px; margin:0; font-weight:500; color:#4b4a46;} .fields-col-2 label, .fields-column label{text-transform:uppercase; font-weight:bold; font-size:14px; } .fields-col-2 {width:50%; float:left; padding-right:12px;} .fields-col-2.col-r {padding-left:12px; padding-right:0;} .fields-column {width:100%; float:left; margin-bottom:20px;} #checkout-step-billing fieldset .fields .field label, #checkout-step-billing fieldset .wide label, #shipping-new-address-form fieldset .wide label, #shipping-new-address-form fieldset .fields .field label, #shipping-new-address-form fieldset .fields .fields label, #shipping-new-address-form fieldset .wide label, #co-shipping-form > ul.form-list > li.wide > label {text-align:left;} #co-shipping-form > ul.form-list > li.wide > .input-box {width:100%;} li#opc-login div.step-title span.number, li#opc-billing div.step-title span.number, li#opc-shipping div.step-title span.number, li#opc-shipping_method div.step-title span.number, li#opc-payment div.step-title span.number, li#opc-review div.step-title span.number{display:none;} .shipping_config_display {display:none;} .radio-element {float:left; position:relative; width:100%;} .radio-element input[type="radio"]{float:left; position:absolute; top:9px; left:0;} .radio-element label {padding-left:20px !important; font-weight:normal;} /* popup */ #gd-popup-wrapper-bkg {z-index:9999;} #gd-subscriptions-popup-container {z-index:99999;} .news-content, .news-image {float:left; width:50%; position:relative; overflow-x:hidden;} .news-image .txt {position:absolute; text-align:center; height:100%; width:100%; padding:25% 12%; background:rgba(9,9,9,0.5); } .news-image h1 {font-size:35px; font-weight:bold; color:#fff; line-height:35px; } .news-image p {font-size:18px; font-weight:bold; color:#fff;} .news-content {padding:25px 30px 10px;} .news-content h2 {margin:0 0 28px !important;} .news-content label {text-transform:uppercase; font-size:14px;} .news-content p {font-size:12px; color:#a5a5a3; margin-top:15px; } .news-content .actions, .news-content p, .news-content h2, .news-content .form-list ul, .news-content .form-list li {float:left; width:100%;} .gd-popup-container .gd-popup-content .news-content .close {color:#8dc642; font-size:14px; text-decoration:none; } .news-content .form-list > li {margin-bottom:3px;} .news-content .form-list .input-box {position:relative;} .news-content .validation-advice { position: absolute; top: 38px; width: 54%;float: left;} /* checkout */ .checkout-cart-index .cart .btn, .checkout-cart-index .cart input[type='text'], .cart .cart-totals .checkout-types .btn-checkout, .checkout-confirm .button {min-height:48px;} .cart .cart-totals .checkout-types .btn-checkout {min-width:183px;} .cart .cart-totals {margin-right:0;} .checkout-cart-index .btn #discount-coupon-form .input-text {min-height:48px;} #checkout-review-load #checkout-review-table td.last.green-24, #checkout-review-table tfoot .last td.a-right {white-space:nowrap; padding-top:0; font-size:24px;} #checkout-review-table .opc h3 {font-size:18px;} #checkout-review-table tfoot td {font-weight:bold;} #header-nav .wp-custom-menu-popup a span + span { padding-left: 6px; color: #888888; font-size: 13px;} /* registration & login page */ .registration-column { /*max-width:895px;*/ margin:0 auto 25px;} #login-form.scaffold-form, .contact-asst {display: table-cell; background-color: #fff; } .user-login, .user-signup, .contact-asst {width: 435px; padding:30px 30px 40px;} .contact-asst label { text-transform:uppercase; font-weight:bold; font-size:14px;} .gray-bg-ph-no { padding: 13px 18px; background: #ececec; font-family: "Roboto","Helvetica Neue",Verdana,Arial,sans-serif; font-size: 18px; font-weight: 600; display: block; clear: both; margin: 10px auto;} .ca-call-icon { background: url(../images/icon-call-big.png) no-repeat 50% 50%; margin-bottom:35px; display: block; min-height: 135px;} .user-signup, .contact-asst { border-left:23px #ececec solid; display:table-cell; background:#fff;} .registration-column h2, .registration-column h1 {text-align:center; font-weight:600; margin-bottom:25px; font-size: 24px; line-height: 1.2;} .registration-column h2.title, .registration-column h1.title {margin-bottom:52px;} .registration-column .user-login h1{margin-bottom:53px;} .registration-column .user-login h2{margin-bottom:12px;} .registration-column input[type=email], .registration-column input[type=password] {height:45px;} .registration-column .buttons-set button.button {float:left;} .fb-button { background:#3f5dd0 url(../images/icon-fb-signup.png) no-repeat 0 0; margin-bottom:25px; } .gplus-button {background:#ea3d3e url(../images/icon-gplus-signup.png) no-repeat 0 0;} .fb-button, .gplus-button { min-height: 48px; color:#fff; font-size: 14px;font-weight: normal;padding: 0 5px 0 65px;display: inline-block;line-height: 52px; text-align: center; width:100%;} .fb-button:hover, .gplus-button:hover {color:#fff; opacity:.8;} .reg-social-sites {max-width:255px; margin:25px auto 0;} .reg-social-sites a{color:'#fff' !important;} .user-login .buttons-set {border-top:none; border-bottom: #ececec 1px solid; padding-bottom:20px; padding-top:0; margin-bottom:15px;} .user-login hr {display:none;} .user-login .buttons-set .button {margin-left:0; min-width:112px;} .user-signup .fields-col-2 {margin-bottom:20px;} .radio-container {float:left; width:100%; margin-bottom:10px;} .radio-container .radiogroup {float:left; position:relative; width:100%;} .user-signup .radio-container .radiogroup {width:35%;} .radio-container label {text-transform:capitalize;float:left; width:100%; padding:0 0 0 20px !important; font-weight:normal;} .radio-container input[type="radio"] {position:absolute; top:3px; left:0; margin:0px !important;} .checkbox-container {float:left; width:100%;} .checkbox-container .checkbox-col {float:left; position:relative; width:100%;} .checkbox-container label {text-transform:capitalize;float:left; width:100%; padding-left:20px; font-weight:normal;} .checkbox-container input[type="checkbox"] {position:absolute; top:4px; left:0;} .user-signup .checkbox-container {margin-top:5px;} .user-signup .buttons-set {border: none; padding-bottom:0; padding-top:0;} .user-signup .buttons-set .button {margin-left:0; min-width:120px;} .information-msg {float: left; width: 100%; position:relative;} .information-msg h3 {margin-bottom:10px;} .msg-content {width:55%; float:left;} .info-content {float:right; width:45%;} ol#checkoutSteps li.order-confirmation.active div.step {width:450px; left: 50%; margin-left: -225px;} #checkout_success_style {max-width:450px; width:450px !important; padding:35px 30px 30px; text-align:center;} #checkout_success_style h1 {color: #4b4a46;font-size: 24px;font-weight: bold;margin: 0; border-bottom:0; padding-bottom:0;} #checkout_success_style h4 {font-size:18px; font-weight:bold; color:#4b4a46; margin:20px 0;} #checkout_success_style h4 a {color:#8dc642;} #checkout_success_style p {font-size:14px; margin:20px auto;} #checkout_success_style p.deliveryp { width:63%;} #checkout_success_style p.couponp {margin:-20px 0 20px;} .social-column {width:100%; float:left; margin:0 auto;} .social-column div {display:inline-block; margin:0 6px; position:relative; width:40px; height:44px;} #checkout_success_style a [class^="flaticon-"]:before {font-size: 44px;margin-left: 0;color: #4b4a46; float:left; position:absolute; top:-11px; left:-5px;} .footer-border {border-top:#ececec 1px solid; padding-top:20px; } #checkout_success_style button, #checkout_success_style .btn{line-height:35px;} /* shipping */ .delivery-address {width:100%; float:left;position:relative;} .delivery-address .radio-element {width:50%;} .delivery-address .edit-address-block {width:43%; float:left; margin-left:2%; position:relative; position: absolute; top: 50%; margin-top: -10px; left: 52%;} .delivery-address .radio-element input[type="radio"] {top: 50%;left: 0;margin-top: -9px;} .delivery-address .radio-element label b {text-transform:uppercase;} .delivery-address .radio-element label {padding-left:60px !important;} #shipping-buttons-container {border:none;} #shipping-buttons-container .button {float:left;} .customername {width:100%; float:left;} .customername .fields-col-2 {padding: 0 12px 0 0 !important;} .customername .fields-col-2:last-child {padding: 0 0 0 12px !important; padding-right: 0;} .gender-radio {width:auto; margin-right:15px;} .gender-radio label {text-transform:inherit;} .gender-radio input[type="radio"] {top:3px;} .user-signup .checkbox-container input[type="checkbox"]{ position: absolute; top: 0; left: -15px;} .user-signup .checkbox-container label {padding-left:20px;} .user-signup .checkbox-container {margin:0 0 10px;} .gender-block label {text-transform:uppercase;} .gender-block .input-box input {margin-top:4px; float:left;} .gender-block .input-box label {margin-right:20px; text-transform:inherit; float:left;} body.customer-account .my-account .fieldset h2{ border-bottom: 0; border-top: 1px solid #ececec; padding-top: 20px; font-weight: bold; font-size: 20px;} .form-list .control label:hover, .sp-methods dt label:hover, #checkout-shipping-method-load .sp-methods dd label:hover, #co-shipping-method-form .sp-methods dd label:hover, .product-options ul.options-list label:hover {background-color:#fff;} .my-account .form-list .control input.checkbox {margin-left:0;} .my-account .form-list .control label {padding-left:20px;} .my-account .buttons-set {border:none;} .my-account .buttons-set .button {margin-left:0;} body.customer-account .my-account .fieldset {margin:0;} .fields-no-margin .field {margin-bottom:0 !important; } .fields-no-margin {padding-bottom:20px; width:100%; float:left;} a.link-reorder, a.link-print {color:#8dc642;} .data-table.orders {margin-bottom:25px;} .customer-account .my-coupons-table tbody td.last {white-space:nowrap;} .customer-account .data-table#my-orders-table tbody td, .customer-account .data-table#my-orders-table thead th {text-align:left;} .customer-account .data-table#my-orders-table tbody tr td:last-child, .customer-account .data-table#my-orders-table thead tr th:last-child {text-align:right; white-space:nowrap;} body.customer-account-index.customer-account .dashboad-coupons h1 {font-size: 18px; padding-bottom: 15px; font-weight: bold; display: inline-block; } body.groupdeals-coupons-index.customer-account h1 {font-size: 24px; font-weight: bold;} body.customer-account .my-account .order-details h2 {font-weight:bold; font-size:18px;} body.customer-account .my-account .order-details h2 a {float:right;font-size:14px; font-weight:normal;} body.customer-account .my-account .order-links {text-align:right;} .cart .cart-totals #shopping-cart-totals-table tfoot strong span.price {font-size:24px;} .cart .cart-totals table tfoot strong span.info-ksh {font-size:14px;} .last-logged {float:right; color:#8dc642; } .checkout-cart-index .cart .product-cart-actions input[type='text'] { width: 48px; min-height: 32px; height: 32px;} .cart-table .product-cart-actions .button {display: inline-block; font-size: 14px; margin-top: 2px;} .cart-table td.product-cart-actions div{width: 134px; float: right;} .phone-std-mask {position:relative;} .phone-std-mask span {position: absolute; font-size: 16px;top: 10px; left: 15px; border-right: 1px solid #cecece;padding: 3px 15px 3px 0px;color: #cecece; font-weight: bold;} .phone-std-mask input[type="tel"], .phone-std-mask input[type="text"] {padding-left:75px;} body.customer-account .data-table span.view-order-span {width:125px; display:block; float:right;} body.customer-account .data-table span.view-order-span a, body.customer-account .data-table span.view-order-span span {float:left;} body.customer-account .data-table span.view-order-span span {padding:0 6px;} /* forgotpassword & resetpassword */ .customer-account-forgotpassword h1, .customer-account-resetpassword h1 {padding:0 0 10px;} .customer-account-resetpassword h1 {margin-bottom:25px;} .customer-account-forgotpassword .forgotpassword-wraper , .customer-account-resetpassword .resetpassword-wraper {max-width:480px; background:#fff; margin:0 auto 30px; padding:25px 70px 50px; } .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set, .customer-account-resetpassword .fieldset, .customer-account-resetpassword .buttons-set {margin-left:0;} .customer-account-resetpassword .fieldset {position:relative;} .customer-account-resetpassword .fieldset p.required {right:0; position:absolute;} .customer-account-edit.customer-account #email.input-text {background:#ececec;} /* ask a question */ .icon-refresh {background:url(../images/icon-refresh.png) no-repeat 0 0; text-indent:-100px; overflow:hidden; width:24px; height:24px; float:left;} .captcha-container input, .captcha-container a, .captcha-container img {float:left; margin-right:5px;} .captcha-container a, .captcha-container img {margin-top:6px;} .fancybox-close {background:url(../images/icon-delete.png) no-repeat 0 0; width: 40px;height: 40px;} /* top succes or error message fix */ .cms-home .messages, .std, .main, .col1-layout .col-main, #messages_product_view {float: left;width: 100%;} /* product and deals page */ .groupdeals-product-view.catalog-product-view #messages_product_view {margin-bottom:12px;} .minimal-price .price { font-weight:bold; } /* home category space */ .cat-space {margin-bottom:-3.5%;} .cms-home .banner {margin-top:25px;} .cms-home .navigation-area .banner {margin-top:0;} /* news letter */ .newsletter-wraper h1 {margin-bottom:5px;} .newsletter-wraper .form-list .control {margin:0 0 0 20px;} .newsletter-wraper .control.newsletter-title {margin-left:0;} .newsletter-wraper .newsletter-title label {font-size:18px; font-weight:bold; float:left;} .newsletter-wraper .newsletter-title input[type="checkbox"] {float:left; margin-top:12px;} /* button css */ input.grey-input {background-color:#ececec; border:none;} input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] {height:38px;} .fields-column input[type=email], .fields-column input[type=search], .fields-column input[type=number], .fields-column input[type=password], .fields-column input[type=tel], .fields-column input[type=text], .fields-col-2 input[type=email], .fields-col-2 input[type=search], .fields-col-2 input[type=number], .fields-col-2 input[type=password], .fields-col-2 input[type=tel], .fields-col-2 input[type=text], .user-login [type=text], .user-signup [type=text] {height:45px;} /* my account details */ .customer-account .col-left.sidebar.col-left-first .block-title strong {color:#4b4a46; font-weight:bold; font-size:24px;} .customer-account .plain-content {padding-left:15px; padding-right:15px; margin-bottom:20px} .customer-account .col-left.sidebar.col-left-first .block-content {background: #ececec;padding:3px 15px; margin-top:25px;} .customer-account .block-account li a { color: #4b4a46; width: 100%; padding: 7px 0; display: block; border-bottom: 1px solid #fff; text-transform: uppercase; font-weight: bold; font-size:15px;} .customer-account .my-account .page-title, body.customer-account .page-title, .groupdeals-coupons-index .box-head {margin-top:55px;} body.customer-account .page-title h1, .groupdeals-coupons-index .box-head h2 {padding-bottom:10px;} .box-giantpoints-history {margin-top:15px;} .box-giantpoints-history .box-head h2 {padding-left:0; background:none;} .box-giantpoints-summary .box-head h2 {background:none; padding-left:0; font-weight:bold; font-size:18px;} .box-giantpoints-summary .box-usable-points {width:100%; float:left; padding-bottom:15px; border-bottom:1px solid #ececec; margin-bottom:15px;} .customer-account .welcome-msg strong {font-size:20px; font-weight:bold; display:block; margin-bottom:20px;} .dashboard .mypoints-summary .box-head h2 {background:none !important; padding:0 0 10px; font-size:18px;} .customer-account .dashboard .box-head {border:none; padding:0; margin:0;} .customer-account .box-account.box-info.mypoints-summary {padding: 25px 0;border-bottom: 1px solid #ececec; margin: 25px 0; border-top: 1px solid #ececec; float:left; width:100%;} .visit-points {float:right; width:30%; text-align:right; margin-top:36px;} .box-usable-points {float:left; width:70%;} .box-usable-points strong, .visit-points a, .customer-account .dashboard .box-head a, .customer-account .data-table tbody td a, .customer-account .dashboard a, .points-summary-txt b {color:#8dc642 !important; font-size:14px !important;} .points-summary-txt .usable-points {float:left;} .points-summary-txt .usable-points a {float:right;} #submit-request {margin-top:20px;} #submit-request h3 { font-weight: bold;font-size: 18px;} #submit-request a {color:#8dc642;} .ask-a-question .fields .fields-col-2 {width:50% !important;} .ask-a-question .form-list .field {margin-bottom:15px;} .ask-a-question .buttons-set button.button {margin-left:0;} .box-usable-points strong, .visit-points a:hover, .customer-account .dashboard .box-head a:hover, .customer-account .data-table tbody td a {text-decoration:underline;} .customer-account .data-table tbody td.last a {white-space:nowrap;} .customer-account .data-table {border: 1px solid #ececec;} .customer-account .data-table th {text-transform: uppercase;font-weight: bold;vertical-align: bottom;} .customer-account .data-table thead th {border-bottom:none;} .customer-account .data-table tbody td {border-bottom: 1px solid #ececec; vertical-align:middle;width:20%} .customer-account .dashboard .box-head h2 {font-size:18px; padding-bottom:15px;} .customer-account .dashboard .box-head a {float:right; font-size:14px; padding:0 0 15px;} .customer-account .dashboard .box-account {border-bottom:none; padding-bottom:0;} .customer-account .dashboard .box-head.cs-title {border-bottom: 1px solid #ececec; margin-top: 25px; width:100%;} .customer-account .dashboard .buttons-set {border-top:none; margin-top:0; padding-top:0;} .customer-account .dashboard .col2-set .col-1 .box-title h2, .customer-account .dashboard .col2-set .col-1 .box-title h3, .customer-account .dashboard .col2-set .col-2 .box-title h2, .customer-account .dashboard .col2-set .col-2 .box-title h3 {text-transform:uppercase;} .customer-name {width:100%; float:left;} .sales-order-view .my-account a{color:#8dc642;} /* tooltip styles */ a.icon-info, .customer-account .dashboard a.icon-info { display: inline-block; width: 15px; height: 15px; background: #f7941d; border-radius: 50%; color: #fff !important; font-size: 10px; font-style: italic; text-align: center; text-transform: lowercase; /*padding-left: 6px;*/ cursor: pointer; left: 3px; position: relative; } /*TOOLTIP*/ .tooltip { font-size: 14px; text-align: left; line-height: 1.3; color: #fff; background: #8dc642; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-top: 1px solid #fff; -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3); -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3); box-shadow: 0 3px 5px rgba( 0, 0, 0, .3); position: absolute; z-index: 100; padding: 15px; } .tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #8dc642; border-top-color: /*rgba( 0, 0, 0, .7)*/ #8dc642; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } .tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #8dc642; border-bottom-color: /*rgba( 0, 0, 0, .7)*/ #8dc642; top: -20px; bottom: auto; } .tooltip.left:after { left: 10px; margin: 0; } .tooltip.right:after { right: 10px; left: auto; margin: 0; } /* tooltip style ends here */ .customer-account .dashboard .box-account.box-info {padding-bottom:25px; border-bottom:1px solid #ececec;} .my-account .form-list > li {float:left; width:100%;} .customer-account .block-account li:last-child a {border-bottom:none;} .redeem-confirm.pay-width{max-width: 907px !important;} .opc.height, .checkout-onepage-success .opc {min-height: 55px ! important;} /*.checkout-onepage-index .data-table th, */.checkout-onepage-index .data-table tfoot tr {background: #fff;} .checkout-onepage-index .data-table th {font-weight:bold; font-size:18px; white-space:nowrap;} .checkout-onepage-index ul.messages{display:none;} .col2-set.addresses-list a{color: #8dc642;} .account-select-container {float:left; width:100%; clear:both; } .account-select-container label {font-size:16px; font-weight:normal; line-height:32px; margin-right:10px;} .groupdeals-coupons-index.customer-account .box-head a {display:none;} .groupdeals-coupons-index #my-coupons-table { margin-top: 30px; } .opc.checkout-col-main { padding: 45px 25px;} .fancybox-wrap {min-width:625px;} .view-order-space {float:right; margin:10px 0;} /* selectbox */ /* button styles */ .btn {font-family: 'Roboto';background-image: none;border: 1px solid transparent;border-radius: 0;cursor: pointer;display: inline-block;font-size: 18px; font-weight:400;line-height: 1.42857;margin-bottom: 0;padding: 6px 12px 2px 12px;text-align: center;vertical-align: middle;white-space: nowrap; text-transform:uppercase;position:relative; transition: background-color .25s ease-in-out;} .btn.focus, .btn:focus, .btn:hover {text-decoration:none;} .btn-green {background-color:#8dc642; border-bottom:4px solid #7fad40; color:#fff; font-weight:bold;} .btn-green.focus, .btn-green:focus, .btn-green:hover {border-bottom:4px solid #7fad40; background-color:#7fad40; color:#fff;} .btn-orange {background-color:#f7941d; border-bottom:4px solid #d28529; color:#fff; font-weight:bold;} .btn-orange.focus, .btn-orange:focus, .btn-orange:hover {border-bottom:4px solid #d28529; background-color:#d28529; color:#fff;} .btn-plain-red {background:#fff; border:1px solid #f00804; color:#f00804; font-size:18px; font-weight:bold; padding: 6px 12px; } .btn-plain-red.focus, .btn-plain-red:focus, .btn-plain-red:hover {background:#f0f0f0; color:#f00804; } .btn-plain {background-color:transparent; border:1px solid #4b4a46; color:#4b4a46; font-weight:bold;} .btn-plain.focus, .btn-plain:focus, .btn-plain:hover {background-color:#4b4a46; color:#fff;} .btn-gray {background-color:#ececec; border-bottom:4px solid #c6c6c6; color:#393939; font-weight:bold;} .btn-gray.focus, .btn-gray:focus, .btn-gray:hover {border-bottom:4px solid #c6c6c6; background-color:#c6c6c6; color:#333333;} .btn > span {width:auto; display:inline-block; margin:0 auto;} .btn span.label, .btn span.icon {float:left;} .btn span.icon-right {margin-left:5px;} .btn span.icon-left {margin-right:5px;} .btn-big {font-size:18px; padding:6px 20px; min-height:48px;} .btn .loading, .btn .loading-banner, .btn .loading-footer{display: block; position: absolute; top: 0; left:5px; z-index: 9;} /* default styles off */ .toolbar, .pager {display:none !important;} .shipping_config_display.section {display: none !important;} /* custom select box */ .select-style {border: 1px solid #ececec;width: 120px;overflow: hidden;background: #fafafa url("../images/acount-arrow.png") no-repeat 90% 50%;} .select-style select {padding: 5px 8px;width: 130%; border: none; box-shadow: none;background: transparent;background-image: none;-webkit-appearance: none;} .select-style select:focus {outline: none;} .account-select {background-image:url(../images/account-dropdown-arrow.png); float:right;} .select-style.account-select select {height:32px; color:#000;} /* custom dropdown ends here */ /* checkout */ .redeem-confirm {max-width:940px; margin:0 auto;} .confirmation {padding:25px 70px 50px;} .checkout-confirm {padding:0 0 10px; float:left; width:100%;} .payonline-column {border-bottom: 1px solid #ececec; margin-bottom: 10px; padding-bottom: 10px;} .redeem-confirm h1 {text-align:center; padding-bottom:20px; margin-bottom:15px;} .checkout-confirm .button {width:100%; white-space:normal;} .redeem-confirm .radio-container {margin-top:10px;} #checkout-review-table-wrapper h3{font-size:18px !important;} #checkout-review-table td:last-child, #checkout-review-table td:nth-child(3), #checkout-review-table td .cart-price { font-weight: bold;font-size: 16px;white-space: nowrap;color: #8dc642;} /* styles for reviews*/ #customer-reviews.customer-review { width: 100%; float: left; padding: 0 0 30px;} .comments-title h2 {font-size: 20px;font-weight: bold;border-bottom: 7px solid #8DC642;float: left;position: absolute;margin: 0;top: 14px;padding: 0 7px 0 0;} .comments-title {border-bottom: 7px solid #ececec; float: left;width: 100%;position: relative;height: 45px; margin-bottom: 20px;} .form-add p.review-nologged {color: #a5a5a3; font-weight: bold;font-size: 18px;margin: 10px 0;float: left;width: 100%;padding: 0;} .form-add p.review-nologged a {color:#8dc642;} .box-collateral.box-reviews {margin: 0;padding: 0;} #customer-reviews.customer-review dl dt {position:relative; margin-bottom: 5px;} #customer-reviews.customer-review dl dt span, .comments-input span {width:46px; height:46px; position:absolute; left:0; top:0;} #customer-reviews.customer-review dl dt b {color:#8dc642; padding-right: 10px; font-size:14px;} #customer-reviews.customer-review dl dd {color:#4b4a46; margin-top: 0;} #customer-reviews.customer-review dl dt div {display: inline-block; color: #a5a5a3; padding-left: 10px; font-size:14px;} .box-collateral.box-reviews, #customer-reviews.customer-review dl dt, #customer-reviews.customer-review dl dd{padding-left:66px;width:100%; float:left; } .comments-input { width: 100%; float: left;} .comments-input li {position: relative;} .comments-input .input-box {padding-left: 65px; position:relative;} .comments-input textarea {margin-right: 10px; height: 42px; border:#ececec 1px solid; } .comments-input .validation-advice {position: absolute;top: 44px;left: 65px} .comments-input textarea, .comments-input .button {min-height: 42px; float: left;} .add-to-card-block .savings .price-label {display:block;} .empty-shopping-cart, .static-content-column {background-color: #fff; padding: 25px; margin-bottom: 15px;} .empty-shopping-cart a, .static-content-column a {color:#8dc642; text-decoration:underline;} .empty-shopping-cart h1, .static-content-column h1 {padding-bottom:5px; margin-bottom:15px;} /* blog */ .blog-view-container {width:100%;} .blog-wraper {max-width:940px; margin:0 auto;} .blog-wraper .blog-title {margin:0 auto 20px;/* max-width:600px;*/ border-bottom:1px solid #ececec; padding:0 0 4px;} .blog-wraper h2 {text-align:center; margin:0; font-weight:bold; border-bottom:1px solid #ececec; padding:0 0 15px;} .blog-social-icons {width:200px; margin:0 auto;} .blog-date {width:100%; float:left; text-align:center; margin:0 0 10px;} .blog-date ul { margin:0 auto; display:inline-block;} .blog-date ul li {float:left; margin:0; padding:0 5px;} .blog-date ul li a {color:#8dc642;} .blog-social-icons ul {margin-left:37px;} .blog-social-icons ul li {float:left; margin-bottom:20px;} .blog-social-icons ul li [class*='flaticon']:before {font-size:30px;} .blog-social-icons ul li a:hover {color:#4b4a46; opacity:0.8;} .blog-social-icons ul li.icon-mail a {background:url(../images/icon-mail.png) no-repeat 0 0;display:inline-block; width:30px; height:30px; float:left; margin-top:8px;} .blog-wraper p {margin: 0 0 15px;} .blog-wraper p, .blog-wraper .banner-img, .blog-wraper .profile-rupu {width:100%; float:left;} .blog-wraper .banner-img {margin-bottom:15px;} .blog-wraper .banner-img img {width:100%;} .blog-wraper hr {border-top:1px solid #ececec;border-bottom:1px solid #ececec; height:6px;} .blog-wraper .profile-rupu .blog-profile-img {width:115px; height:115px; margin:0 auto;} .blog-wraper .profile-rupu p {color:#a5a5a3; text-align:center; font-size:16px;} .blog-wraper .profile-rupu p:last-child {margin-bottom:30px;} .blog-wraper .profile-rupu h3 { color: #8dc642; font-weight: bold; width: 100%; float: left; text-align: center; font-size: 26px; margin-top: 15px;} .blog-wraper .profile-rupu h3 span {color:#4b4a46; font-weight:normal;} /* blog list */ .blog-list-wraper .deals-info {text-align:left; font-weight:bold; min-height:92px;} .blog-list-wraper .deals-info span, .blog-list-wraper .deals-info b {color:#B4B4B4; display:block;} .blog-list-wraper .deals-info span {float:left; font-size:12px; font-weight:normal;} .blog-list-wraper .deals-info a {float:right; color:#8dc642;} .blog-list-wraper .deals-info p:first-child {min-height:63px;} .blog-list-wraper .deals-info p:last-child {margin-top:8px;} .neotheme-blog-index-index .search-area {margin:0;} .neotheme-blog-index-index .manage-top-space {padding-top:0px;} .neotheme-blog-index-index .manage-top-space .blog-list-wraper {margin-top:3.5%;} .neotheme-blog-index-index .products-grid.hr-line {border-top:1px solid #fff; padding-top:20px;} .blog-list-wraper .products-grid > li, .blog-list-wraper.products-grid > li {text-align:left;} .blog-list-wraper .subtitle { margin-top: 0; border-top: 0; padding-top: 0;} .blog.blog-summary {float: left;width: 30.8%;border: 1px solid;margin-bottom: 3.7037%;margin-right: 3.7037%;} /* terms and conditions */ .static-row {position:relative; min-height:225px;} .static-content .subtitle {border:1px solid #fff; padding:15px 20px; margin:8px 0 20px 0;} .static-content .navigation-l {background:#fff; width:200px; float:left; padding:15px 20px; position:absolute; left:0; top:0;} .static-content .navigation-l h3 {font-size:18px; font-weight:bold; margin:0;} .static-content .static-content-column {float:left; width:100%; padding-left:220px;} .static-content .static-content-column p {margin:0 0 20px; font-size:12px;} .static-content .navigation-l ol {list-style-type: decimal;margin: 0 0 0 16px;padding: 0;list-style-position: outside; line-height:13px;} /* contact us page */ .contactus-block {max-width: 450px; float: none; margin: 0 auto; padding: 25px 45px;} .contactus-block .page-title { text-align: center; border-bottom: 1px #c4c4c4 solid;margin-bottom: 25px;} .contactus-block #contactForm {padding-left:0;} .contactus-block #contactForm label {text-transform:uppercase;} .contacts-index-index .buttons-set {margin-left:0;} /* fancebox */ .fancybox-inner {height:auto !important;} .fancybox-overlay.fancybox-overlay-fixed {position:absolute;} /* print coupon table */ #couponTable img {width:100%;} /* page not found */ .page-not-found {background-color:#8dc642; padding: 25px 65px; max-width: 875px; margin:0 auto;} .error-content {position:relative; min-height:380px; padding-right:375px; } .error-img {position:absolute; right:0; top:0;} .page-not-found h2, .page-not-found p {color:#fff;} .page-not-found h2 {font-size:50px; font-weight:bold; margin-top: 125px; float: left; width: 100%;} .page-not-found p {color:#fff; margin-bottom:15px; font-size:18px;} div.pagers { text-align: center; margin: 1em 0; width:100%; } div.pagers span { display: inline-block; width: 1.8em; height: 1.8em; line-height: 1.8; text-align: center; cursor: pointer; color: #000; margin-right: 0.5em; } div.pagers span.active { background: #ccc; } /*--------- Modal Popup from bootstrap Css ------------ */ .modal-open { overflow: hidden;} .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0;} .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto;} .modal-dialog { position: relative; width: auto; margin: 10px;} .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);} .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10040; background-color: #000;} .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0;} .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5;} .modal-header { min-height: 16.42857143px; padding: 15px; border-bottom: 1px solid #e5e5e5;} .modal-header .close { margin-top: -2px;} .modal-title { margin: 0; line-height: 1.42857143;} .modal-body { position: relative; padding: 15px;} .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5;} .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px;} .modal-footer .btn-group .btn + .btn { margin-left: -1px;} .modal-footer .btn-block + .btn-block { margin-left: 0;} .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;} @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto;} .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5);} .modal-sm { width: 300px;} } @media (min-width: 992px) { .modal-lg { width: 900px; } } .modal-header h3, .modal-header h4 { margin-bottom: 0; color: #4a4a4a; font-size: 17px; font-weight: 500; line-height: 20px;} .pop-products-grid { padding: 15px 20px 8px; overflow: hidden;} .pop-product-image-sm { float: left; width: 64px; margin-top: 3px;} .pop-product-image-sm img { width: 62px; border: 1px solid #aaa;} .pop-deals-info { margin-left: 78px; overflow: hidden; font-size: 15px; line-height: 16px;} .pop-deals-info p { margin-bottom: 8px;} .pop-btn-row { padding: 19px 20px 20px; border-top: 1px solid #e5e5e5;} .pop-btn-row .btn { display: block; width: 100%;} .pop-btn-row .btn + .btn { margin-top: 13px;} .gray-label { color: #888;} .pop-deals-info .special-price { font-weight: 500; font-size: 16px;} .pop-deals-info .price-label { display: inline-block; padding-right: 8px;} .pop-deals-info .new-price { color: #8dc642; font-size: 16px !important; padding-right: 8px;} .pop-deals-info .save-price { color: #f7941d; font-size: 16px !important;} .pop-deals-info .new-price span, .pop-deals-info .info-ksh { font-size: 12px;} /* media queries starts from here */ @media only screen and (max-width: 1278px) and (min-width:1025px){ div.menu a:link, div.menu a:visited {padding:0 22px;} } @media only screen and (max-width: 1270px) { .nav-primary li:first-child a.level0 {padding-left:10px;} } @media only screen and (max-width: 1260px) { .header-container .block .btn {padding:9px 25px 6px;} div.menu a:link, div.menu a:visited {padding:0 26px;} #header-login {margin-left: 20px;} .std .banner {padding-left:0; padding-right:0;} .breadcrumbs {padding:10px 15px 0;} .product-essential { padding:0 15px;} .footer .quick-links {width:350px;} .footer .links { width: 48%;} .footer .quick-links .links.partnership-links { width: 100%; margin-right: 0;} .footer .block-subscribe {float:right; clear:none; } #pm-moreviews a img, .product-image-thumbs a img {width:100%; height:auto;} /* checkout */ .cart-totals-wrapper {width:auto;} /* layout changes */ /*.main-container > .main, .main{padding-left:15px; padding-right:15px;}*/ .main .rupu-container {width:100%; float:left;} .footer, .search-area, .main .search-area, .main .rupu-container, .cms-home .signup-area.search-area, .main-container > .main .search-area, .popular-category{padding-left:15px; padding-right:15px;} .main-container > .main .main, .main .main, .main .rupu-container .rupu-container {padding:0;} .main .search-area .rupu-container {padding:0;} .related .bx-wrapper {width:80% !important;} /*.related .bx-wrapper .bx-prev {left:0;} .related .bx-wrapper .bx-next{right:0;}*/ /* signup and search area */ .search-area input[type="text"] {width:285px;} .search-area .col-search div, .search-area .col-search form, .signup-area.search-area.signup-area .col-search {width:420px;} .content-text .phone-numbers, .content-text .contactname {width:100%;} } @media only screen and (max-width: 1137px) { div.menu a:link, div.menu a:visited {padding:0 22px;} .product-essential { padding:0;} } @media only screen and (max-width: 1125px) { .product-desc-container {margin-bottom:15px;} .product-desc-container, .product-price-container {width:100%;} .product-img-box, .product-view .product-shop {width:50%;} } @media only screen and (max-width: 1024px) { div.menu a:link, div.menu a:visited {padding:0 12px;} .related .bx-wrapper {width:81% !important;} .products-grid .deals-info .actions {width:100%; float:left; min-height:42px; top:0; position:relative;} .products-grid .product-name, .products-list .product-name {padding-right:0;} .products-grid .deals-info .actions .btn {min-width:100%;} .products-grid .product-image img {max-height:171px;} .slideshow-container .slideshow > li img {max-height:251px;} .contact-asst { border-left: 0; border-top: 23px solid #ececec; clear: both; display: block; width: 100%;} .scaffold-form { width: 49%;} .registration-column input[type="text"],.registration-column input[type="email"], .registration-column input[type="password"] { width: 100%;} .user-login, .user-signup { width: 100%;} .logo {padding-left:25px; max-width: 260px;} } @media only screen and (max-width: 1023px) { /* signup and search area */ .search-area p, .signup-area.search-area p, .success-middle-subscription {width:100%; text-align:right; margin:0 0 5px;} .signup-area.search-area .col-search {margin-top:0;} .signup-area.search-area.signup-area p {margin-top:5px;} .success-middle-subscription{text-align:center;} .search-area ul {margin-top:18px;} } @media only screen and (max-width: 1010px) { div.menu a:link, div.menu a:visited {padding:0 12px;} .related .bx-wrapper {width:100% !important;} .related .bx-wrapper .bx-prev {left:10px;} .related .bx-wrapper .bx-next {right:10px;} } @media only screen and (max-width: 992px) { .header-container .block .email-block {width: 88%;} .header-container .block p {margin:5px 0 15px 0; width: 100%;} .carousel-three-column .column.carousel-column {width:100%;} .carousel-three-column .column{width:50%; padding:10px 0 0 10px;} .carousel-three-column .column:nth-of-type(2) {padding-left:0; padding-right:10px;} .footer .quick-links, .footer .news-letter {width:100%;} .footer .links.social-media, .footer .links:first-child {width:35%;} .footer .block-subscribe {width:63%;} .slideshow-container .slideshow > li img {max-height:initial;} .logo {padding-left:25px;} #header-nav a { font-size: 16px;} } @media only screen and (max-width: 979px) { /* checkout */ .display-single-price .cart-totals-wrapper{width:auto;} div.menu a:link, div.menu a:visited { padding: 0 10px;} #header-nav a {font-weight:normal; font-size:14px;} } @media only screen and (max-width: 950px) { .header-container .block button {margin-right:15px;} #header-login {margin-left:10px;} .logo {width:25%;} /* product page */ #co-shipping-form ul.form-list, .Shipping-info {width:100%;} #login-form.scaffold-form, .user-signup {width:48%;} .coupoun-generate, .coupoun-generate td{width:100% !important; display:block;} .popular-category img {width:100%;} .registration-column input[type=email], .registration-column input[type=search], .registration-column input[type=number], .registration-column input[type=password], .registration-column input[type=tel], .registration-column input[type=text] {width:100%;} .user-login, .user-signup {width:100%;} } @media only screen and (max-width:840px) { div.menu a:link, div.menu a:visited {padding:0 15px;} /* news popup */ #gd-subscriptions-popup-content {max-width: 100%; width: 387px;} .news-content, .news-image {width:100%;} } @media only screen and (max-width:825px) { .search-area .col-search, .signup-area.search-area.signup-area .col-search {width:100%;} .search-area .btn {float:right;} .signup-area.search-area p, .search-area p {text-align:left;} .search-area .col-search div, .search-area .col-search form {width:100%; text-align:left;} .search-area input[type="text"]{width:60%; margin-right:0;} .search-area .btn {width:38%;} /* page not found */ .error-content {padding-right:0; max-width:100%; text-align:center;} .error-img {width:100%;} .error-content img {display:inline;} .page-not-found h2 {margin-top: 390px;} } @media only screen and (max-width: 770px) { #header-login {float:right; margin-right:15px; text-align:right; margin-top:20px; width: auto;} /* small screen menu */ .nav-primary a.level0, .nav-primary a {line-height: 35px;} #header-nav { padding: 0;} #header-nav a {font-size: 14px;font-weight: normal;} .nav-primary li {border-right: 0;float: left;width: 100%;} .nav-primary li:first-child a.level0 {padding-left:16px;} #header-search.search-block { float: left; position: absolute; top: 99%; width: 100%; padding-top:15px; } #header-account, #custommenu-mobile, #header-search.search-block, .header-minicart .minicart-wrapper {-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.45); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.45);} #custommenu-mobile #menu-content {display:block !important;} #search_mini_form .input-text {background:#fff;} .search-input #search_mini_form .input-text {background:#ececec;} .header-minicart .skip-cart {margin-top:-13px; border-right: 0;} .header-minicart #header-cart {position: relative; top: 31px; } .account-cart-wrapper {border:0; margin-bottom:13px;} .skip-cart .icon {background: url(../images/icon_sprite.png) 0px -95px; width:30px; height:30px;} .skip-cart .icon:hover {background-position:-50px -95px;} .skip-cart:hover:not(.skip-active) .icon {background-position:0 -95px;} .skip-cart.no-count .count, .skip-cart .count {display: block; position: absolute;color: #f7941d;font-weight: bold;font-family: 'Roboto';top: 6px;right: 20%;width: 28px;width: 30px;height: 30px;border-radius: 50%; background: #fff;border: 1px solid #f7941d;text-align: center;padding-top: 3px;} .skip-nav {width:25%;} .skip-link.skip-active .count {color: #f7941d;} .skip-links {background:#fff; position:relative; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);} .skip-links .skip-nav, .skip-links .skip-search {position:relative; z-index:9;} .column-three .column-one-inthree, .column-three .column-two-inthree {width:100%; margin-right:0;} .restaurant-item .img-container, .restaurant-item .text-container{width:100%;} .column-three .column-one-inthree {margin-bottom:15px;} .popular-category .rupu-container {padding:0 15px;} .popular-category li{width:50%;} .footer .column-half:first-child {width:100%;} .signup-area.search-area.signup-area .col-search, .search-area .col-search, .search-area p, .search-area .col-search div {width:100%; position:relative;} .signup-area.search-area.signup-area input.input-text, .col-search input {width:60%; float:left;} .signup-area.search-area .btn, .search-area .col-search div .btn{width:39%; margin-left:1%; position:absolute;right:0;} .search-area p {font-size:14px;} /* dealer layout */ .product-img-box, .product-view .product-shop, .google-map-block .column-half, .google-map-block .column-half:last-child {width:100%; float:left;} .product-desc-container {width:55%;} .product-price-container {width:39%;} .product-img-box {margin-top:25px;} .currency-switcher select {width:100%;} .product-warranty ul li {width:120px;} .product-warranty ul li:last-child {margin-bottom:0;} .product-warranty ul {border-bottom: 1px solid #ececec; padding: 10px 0; margin:0 0 10px;border-top: 1px solid #ececec;} .product-img-box .product-image img {width:99.8%;} .catalog-product-view .btn.btn-plain {margin-bottom:10px;} .google-map-block .content-text, .google-map-block .map {float:left; border:none;width:100%; padding:15px 15px 0;} /* product grid */ .products-grid > li:nth-child(3n+1) {clear: none;} .products-grid > li {width: 48%;} .products-grid > li:nth-child(3n) {margin-right:3.7037%;} .products-grid > li:nth-child(2n) {margin-right:0;} .sm-screen.skip-account {display:inline-block; margin-top:-13px;} .lg-screen.skip-account {display:none;} .plain-content {padding:15px 0;} .fancybox-wrap {min-width:96%; left:2% !important;} .table-responsive {min-height: .01%; overflow-x: auto; clear:both;} .popular-category {padding-left:0; padding-right:0;} .popular-category img {width:initial;} /* my account */ .customer-account .col-left.sidebar.col-left-first .block-content {margin-top:0;} .customer-account .my-account .page-title, body.customer-account .page-title {margin-top:10px;} .customer-account .my-account .page-title, body.customer-account .page-title p {width:100%; float:left; text-align:right;} .page-title h1 {font-size:22px;} .customer-account .col-left.sidebar.col-left-first .block-title strong {font-weight:normal; font-size:18px;} .cart-totals .checkout-types .btn-checkout {float:right;} .restaurant-item .item-details-block {padding:10px;} /*blog */ .blog-wraper .blog-title {margin-top:45px;} /* map */ .content-text li.multiple-locations span:first-child {position:relative;} .content-text li.multiple-locations .adress-links {padding-left:0;} #iframe_payment {height:800px;} } @media only screen and (max-width: 767px) { .header-container .block {float:left; width:100%;} .catalog-product-view .add-to-cart, .catalog-product-view .btn.btn-plain {width:50%; margin:0 auto; float:none; display:block;} .catalog-product-view .btn.btn-plain {margin-bottom:10px;} .product-price-container dl {width:50%; margin: 0 auto;} .product-desc-container, .product-price-container {width:100%;} } @media only screen and (max-width: 660px) { ol.opc .step {top:65px;} .opc .section .step-title h2 {position:relative; text-indent:-9999999px; background-image:none !important;} .opc .section .step-title h2 span {background-image:url(../images/icon_sprite.png); background-repeat:no-repeat; display:block; left: 50%; top: 0; margin-left: -25px; position:absolute; width:45px; height: 45px;} .opc .section .step-title h2#h2_billing span {background-position:0 -683px; } .opc .section.active .step-title h2#h2_billing span {background-position:0 -743px;} .opc .section .step-title h2#h2_review span {background-position:-0 -924px; } .opc .section.active .step-title h2#h2_review span {background-position:0 -988px;} .opc #opc-payment.section .step-title h2#payment span {background-position:0 -1035px; } .opc #opc-payment.section.active .step-title h2#payment span {background-position:0 -1085px;} .opc .section#opc-confirmation .step-title h2#payment span {background-position:0 -804px; } .opc .section.active#opc-confirmation .step-title h2#payment span {background-position:0 -864px;} ol.opc .step {top:65px;} .step-counts li { width: 32.2%;} .step-counts .step-title h2 {position:relative; text-indent:-9999999px; background-image:none !important; padding-right: 0;} .step-counts .step-title h2 span {background-image:url(../images/icon_sprite.png); background-repeat:no-repeat; display:block; left: 50%; top: 0; margin-left: -25px; position:absolute; width:45px; height: 45px;} .step-counts .step-title.billingstep h2 span {background-position:0 -683px; } .step-counts .active.step-title.billingstep h2 span {background-position:0 -743px;} .step-counts .step-title.paymentstep h2 span {background-position:0 -1035px; } .step-counts .section.active.paymentstep .step-title h2 span {background-position:0 -1085px;} .step-counts .step-title.confirmationstep h2 span {background-position:0 -804px; } .step-counts .active.step-title.confirmationstep h2 span {background-position:0 -864px;} /* comments section */ .comments-input textarea { width: 68%;margin-right: 2%;} .comments-input .button {width: 30%;} #iframe_payment {height:875px;} } @media only screen and (max-width: 640px) { .header-container .block p, .header-container .block .email-block {width:100%;} .footer .block-subscribe .input-box {width:55%;} .products-grid > li {width:100%; margin:0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); padding: 10px; margin-bottom: 20px; background-color:#fff;} a.shipping-block {right: 10px; top: 10px;} .products-grid .actions, .products-grid .actions .btn {margin-bottom:0;} .carousel-three-column .column.carousel-column {width:100%;} .carousel-three-column .column {padding:10px 0 0 0 !important; width:100%;} #co-shipping-form ul.form-list li {width:100%;} .fancybox-opened .fancybox-skin {padding: 60px 25px 40px 25px !important;} .products-grid .product-image img {max-height:initial;} /* loginregistration page styles */ .registration-column hr {display:none;} #login-form.scaffold-form, .user-signup, .user-login, .user-signup {width:100%; display:block; float:left; border-left:0;} .registration-column input[type=email], .registration-column input[type=password], .registration-column [type=text] {width:100%;} .registration-column h2, .registration-column h1, .registration-column .user-login h2, .registration-column .user-login h1 {margin-bottom: 20px; padding: 5px;background-color: #ececec; margin: 0 0 20px 0; border-radius: 2px; border-bottom: #ececec 1px solid; font-size:22px; } .user-signup {margin-left:0; padding-top:0;} .user-login .buttons-set {padding-bottom:15px; border-bottom:0;} .registration-column .fb-button {margin-bottom:15px;} .user-login {padding-top:20px; padding-bottom:20px;} .google-map-block .content-text, .google-map-block .map {padding:10px;} .google-map-block .content-text p strong {margin:0;} .content-text .contactname, .content-text .phone-numbers {width:100%;} #header-login { margin-top: 10px;} } @media only screen and (max-width: 600px) { body {background:#fff;} hr, hr.grey, .cms-index-index .subtitle {border-color:#ececec;} .top-links ul li {width: 50% /*100%*/; padding-left:15px; text-align:left; } .top-links ul li a {margin-left:0;} .header-container .block .email-block {margin-top:15px;} .header-container .block input[type="text"] {width:100%; margin-bottom:15px;} .header-container .block .btn {width:100%; margin-bottom:15px;} .header-container .block .email-block div {width:100%;} .skip-cart.no-count .count, .skip-cart .count {right:10%;} .footer .links.social-media, .footer .block-subscribe {width:100%;} .footer .links:nth-child(odd) {margin-right:2%;} .footer .quick-links .links:first-child {width:48%;} .footer .quick-links .links.partnership-links {width:100%; margin-right: 0;} .search-input .input-text {width:70%;} .search-input .btn {width:30%;} .customer-account .plain-content {padding:15px 0;} /* slide show */ .slideshow-container h3 {font-size:14px; font-weight:bold; line-height:16px; min-height:initial;} .slideshow-container .item-details-block {min-height:50px; padding:20px 10px 25px; height: auto;max-height: 100%;} .slideshow-container p, .top-events-deals .details p {font-size:12px;} .slideshow-container .price-box .save-text span:first-child, .slideshow-container .price-box .special-price span, .top-events-deals .details h3 {font-size:14px;} .slideshow-container .price-box .save-text span:last-child, .slideshow-container .price-box .special-price span:last-child {font-size:16px;} /* Field column (ask a question) */ .fields-col-2, .fields-col-2.col-r, .ask-a-question .fields .fields-col-2, .customername .fields-col-2:last-child{width:100% !important; padding-left:0 !important; padding-right:0 !important; margin-bottom:10px;} .fields-col-2 input[type="text"], .fields-col-2 select, .fields-col-2 text-area {width:100%;} ol#checkoutSteps li.active div.step {padding:15px;} /* logo */ .logo img {max-width:100px; width:100px;} .logo {padding-left:25px;} .user-login, .user-signup {padding-left:0; padding-right:0; } .static-content .navigation-l {padding-top:0; padding-left:0; border-right:1px solid #ececec;} .user-login {padding-top:0;} .static-content .subtitle {border-color:#ececec;} .restaurant-item .item-details-block {padding:20px 0 0;} /* checkout page */ .spend_items, .coupon-wrapper {width:100%; clear:both; margin:15px 0;} .spend_items .discount-form, .spend_items #giantpoints-slider-container #giantpoints-slider {float:left;} .spend_items h2, .spend_items p, .spend_items .input-max, .spend_items .giantpoints-slider-input .input-point {text-align:left;} .display-single-price .cart-forms, .display-single-price .crosssell, .display-single-price .cart-totals-wrapper {width:100%;} .display-single-price .cart-totals-wrapper .btn-checkout {float:right; max-width:200px;} .checkout-cart-index .cart .page-title h1 {width:100%; border-bottom:1px solid #ececec;} .confirmation {padding:25px 0;} /* layout */ .account-login, .cart, .product-view.gd-view, .checkout-cart-index .main-container > .main {padding:10px 0;} .rupu-container .rupu-container, .static-content-column {padding-left:0; padding-right:0;} /* product and deal details */ .content-text .phone-numbers, .content-text li .contactname {width:100%;} .product-img-box {margin-top:0;} } @media only screen and (max-width: 550px) { .visit-points, .box-usable-points {width:100%; text-align:left;} } @media only screen and (max-width: 500px) { .skip-cart.no-count .count, .skip-cart .count {top:0; right:10%; position:relative; display:inline-block;} .header-minicart a.skip-cart {width:25%;} .header-minicart .skip-cart .icon {float:left; margin:6px 0 0 10%;} /* page not found */ .error-img, .error-content img {width:100%;} .page-not-found {padding-left:15px; padding-right:15px;} .page-not-found h2 {margin-top:100%; padding-top:35px;} } @media only screen and (max-width: 480px) { /* layout space */ .catalog-category-view .main-container > .main, .catalog-category-view .main, .catalog-category-view .footer{padding:10px 0;} .catalog-category-view .footer .quick-links {padding:0 15px;} /* category */ .catalog-category-view .image_banner {margin-bottom:15px;} .slideshow-container .item-details-block, .top-events-deals .details {position:relative; background:#000;} .header-minicart .skip-cart .icon {margin-left:12%;} .skip-cart.no-count .count, .skip-cart .count {right:0;} #header-login {margin:10px 0 0;} #checkout_success_style {width:100%;} .fancybox-opened .fancybox-skin {padding: 60px 15px 40px 15px !important;} /* terms and conditions */ .static-content .navigation-l {border:1px solid #ececec; position:relative; width:100%; padding:10px;} .static-content .static-content-column {padding: 20px 0;} .static-content .navigation-l ol li {min-height:30px;} .static-content .navigation-l ol {margin-top:20px;} .slideshow-container .col-text, .slideshow-container .price-box {width:100%;} .slideshow-container p {float:left;} /* contact us */ .contactus-block {padding-left:0; padding-right:0;} /* checkout confirmation */ #checkout_success_style {width:100% !important; padding:35px 15px 30px;} #checkout-review-table tbody td, #checkout-review-table tfoot td {text-align:right; font-size:14px; position:relative; font-weight:bold; padding-left:0;} #checkout-review-table tfoot td:first-child {text-align:left; font-size:14px; font-weight:normal;} #checkout-review-table tbody td h3 {text-align:left; color:#4b4a46 !important;} #checkout-review-table td:last-child, #checkout-review-table td:nth-child(3), #checkout-review-table td .cart-price {font-size:20px;} #checkout-review-table td span.info-ksh, .linearize-table#checkout-review-table tbody td[data-rwd-label]:before {font-size: 14px; font-weight:normal;} .linearize-table#checkout-review-table td[data-rwd-label]:before {color:#4b4a46; position:absolute; left:0; top:7px; font-weight:bold;} #checkout-review-table tr, #checkout-review-table tbody td {border-bottom:1px solid #ececec;} #checkout-review-table .item-options dt {font-style:normal;} /* blog */ .blog-list-wraper .products-grid > li, .blog-list-wraper.products-grid > li {margin-bottom:15px;} /* deals*/ .catalog-product-view .add-to-cart, .catalog-product-view .btn.btn-plain {width:100%;} .product-price-container dl {width:100%; margin: 0 auto;} .customer-account-resetpassword .resetpassword-wraper, .customer-account-forgotpassword .forgotpassword-wraper {padding:25px 0;} .customer-account-resetpassword .resetpassword-wraper input[type=email], .customer-account-resetpassword .resetpassword-wraper input[type=search], .customer-account-resetpassword .resetpassword-wraper input[type=number], .customer-account-resetpassword .resetpassword-wraper input[type=password], .customer-account-resetpassword .resetpassword-wraper input[type=tel], .customer-account-resetpassword .resetpassword-wraper input[type=text] {width:100%;} .customer-account-forgotpassword .forgotpassword-wraper input[type=email], .customer-account-forgotpassword .forgotpassword-wraper input[type=search], .customer-account-forgotpassword .forgotpassword-wraper input[type=number], .customer-account-forgotpassword .forgotpassword-wraper input[type=password], .customer-account-forgotpassword .forgotpassword-wraper input[type=tel], .customer-account-forgotpassword .forgotpassword-wraper input[type=text] {width:100%;} } @media only screen and (max-width: 479px) { .customer-account .my-account .page-title, body.customer-account .page-title p, body.customer-account .my-account .page-title h1 {text-align:left;} .cms-home .main-container > .main {padding:0;} .newsletter-manage-index .button {white-space:normal;} #iframe_payment {height:925px;} } @media only screen and (max-width: 400px) { .product-warranty ul li {margin-bottom: 5px; width: 100%; background-color: #4B4A46;} .product-warranty ul li a{text-indent:0; max-width:100%; color: #fff;} .product-warranty ul li span:not(.icon) {position: relative;bottom: 0;padding-top: 4px;display: inline-block;} #iframe_payment {height:1035px;} } @media only screen and (max-width: 360px) { .subtitle {font-size:18px; line-height:25px; padding-left:0; border-top:1px solid #ececec;} .subtitle .icon img {display:none;} .subtitle a {display:block; margin-left:0;} .skip-nav {width:33%;} .products-grid > li{margin-right:0;} .products-grid .actions {position:relative; min-height:40px; padding:0;} .products-grid .actions, .products-grid .actions .btn {width:100%; margin-top: 5px;margin-bottom: 8px;} .products-grid .item-details-block {padding:10px 0 0;} .price-box p {margin-bottom:0 !important;} #header-login {margin-right:0;} .top-events-deals .details .btn {width:100%;} .slideshow-prev, .slideshow-next {width:20%;} .slideshow-container h3, .slideshow-container p, .slideshow-container span {font-size:12px !important;} .slideshow-container h3 {line-height:14px;} .slideshow-prev .flaticon-left-arrow5::before, .slideshow-next .flaticon-right-arrow6::before {font-size:35px;} .slideshow-prev .flaticon-left-arrow5:before, .slideshow-next .flaticon-right-arrow6:before {left:-30%;} .signup-area.search-area.signup-area input.input-text, .col-search input {margin-bottom:15px;} .signup-area.search-area .btn, .search-area .col-search div .btn, .signup-area.search-area.signup-area input.input-text, .col-search input{width:100% !important; position:relative;} .popular-category li{width:100%;} .footer .block-subscribe .input-box, .footer .block-subscribe .actions, .footer .block-subscribe .actions .btn {width:100%;} .footer .block-subscribe .actions .btn {margin-top:15px;} /* forgot password */ .customer-account-forgotpassword .forgotpassword-wraper, .customer-account-resetpassword .resetpassword-wraper {padding:25px 0;} .products-grid .deals-info .actions {top:0;} .restaurant-item .item-details-block .btn {width:100%; margin-top:5px;} .subtitle .icon {display:none;} .restaurant p, .restaurant .subtitle { padding: 0;margin:10px;} .restaurant p {font-size:14px;} /* checkout */ .checkout-cart-index button.btn.btn-green {width:100%;} .display-single-price .cart-totals-wrapper .btn-checkout {max-width:100%;} .coupon-wrapper, .spend_items .discount-form, .spend_items #giantpoints-slider-container #giantpoints-slider, #giantpoints-slider, .opc .buttons-set button.button {width:100%;} .opc .buttons-set button.button {min-width:100%;} /* commetns section */ .comments-input textarea, .comments-input .button {width:100%;} .comments-input, .comments-input .button {margin-top:10px;} .comments-input .validation-advice {top: -18px;} .confirmation .btn {font-size:14px; width:100%;} #iframe_payment {height:1100px;} /* page not found */ .page-not-found .btn {font-size:14px;} .page-not-found h2 {margin-bottom:5px;} } @media only screen and (max-width: 320px) { .content-text li span {display:block; padding:0;} .related .bx-wrapper {width:92% !important; left:15px;} .related .bx-wrapper .bx-next {right:25px;} } @media only screen and (min-width: 300px) { .main-container, .footer-container {padding-left: 0; padding-right:0; padding-bottom:0;} } @media only screen and (min-width: 480px) { .main-container {padding-top: 20px;} .products-grid > li {margin-bottom:3.5%;} .contacts-index-index .messages .success-msg li {margin-bottom: 20px; width: 450px; left: 50%; margin-left: -225px;} } @media only screen and (min-width:771px) { .header-minicart .mini-products-list {overflow:auto; max-height:270px;} .header-minicart .mini-products-list, .header-minicart .info-wrapper {clear:both;} } @media only screen and (min-width: 771px) and (max-width:1023px) { .column-three .column {width:100%;} .column-three .column-two-inthree {width:100%; margin-top:10px;} .restaurant {background-size:contain;} .restaurant-item .item-details-block { padding: 10px 20px 10px 20px;} } @media only screen and (min-width: 1024px){ .slideshow-container .slideshow > li img {height:318px;} .top-events-deals img { height: 253px;} } @media only screen and (min-width: 1025px) and (max-width:1279px) { .slideshow-container .slideshow > li img { max-height: 283px;} .user-login, .user-signup { width: 380px;} .registration-column input[type="text"],.registration-column input[type="email"], .registration-column input[type="password"] { width: 100%;} .products-grid .product-image img { max-height: 317px;} .top-events-deals img { height: 283px;} } @media only screen and (min-width: 1024px) and (max-width:1279px){ .restaurant-item .item-details-block {padding:10px 15px;} .restaurant p {margin:10px;} .restaurant .subtitle .icon {margin-left:10px;} .restaurant .subtitle {margin:10px 0; padding-left:65px;} .column-three .column {min-height: 219px;} .restaurant-item .img-container img{height:217px;} } @media only screen and (min-width: 1260px){ .slideshow-container .slideshow > li img {height:318px;} .restaurant-item .text-container img {max-height:217px;} .top-events-deals img { height: 318px;} } @media only screen and (min-width: 1278px){ #header #header-search.search-block {margin-left:25px; width:40%;} div#custommenu #menu11 {/*float:right;*/} .blog-list-wraper .products-grid.products-grid img {height:219px;} .products-grid .product-image img {max-height:217px;} .column-three .column-two-inthree.restaurant-item {height:219px;} } @media only screen and (min-width: 1152px) and (max-width: 1200px) { .products-grid .product-image img { height: 210px;} .top-events-deals img { height: 283px;} } @media only screen and (min-width: 1152px) { h1 + .need-help-wrap.white-bordered { margin-top: -4px;} .top-events-deals img { height: 283px;} } @media only screen and (min-width: 1280px) { .top-events-deals img { height: 318px;} } @media print { html, body {height:auto;} } .green-info { background: #8dc642; font-weight: 600; font-size: 18px; color: #fff; padding: 12px 20px; margin: -10px 0 11px;} .safensecure { margin: 10px auto;} .sns-thumb { float: left; padding-right: 10px;} .sns-text { text-align: right; font-size: 12px; padding-top: 5px; line-height: 38px;} .safensecure:after { content:''; clear: both; display: table;} .need-help-wrap { overflow: hidden; display: inline-block;} .need-help-wrap.white-bordered { background: #fff; border: 1px solid #ececec; padding: 8px 15px; font-size: 15px; line-height: 18px;} .need-help-icon-text { font-weight: 600; background: url(../images/icon-call-big.png) no-repeat 0% 50%; background-size: 20px auto; padding: 0 15px 0 30px; min-height: 20px;} .need-help-wrap.gray-block { background: #ececec; padding: 6px 25px; display: block; margin: 15px auto 0; vertical-align: middle; position: relative;} .need-help-wrap.gray-block .need-help-icon-text { font-size: 24px; background: url(../images/icon-call-gray.png) no-repeat 0% 50%; padding: 2px 25px 2px 52px; min-height: 36px; border-right: 5px solid #fff; margin-right: 25px; float: left;} .need-help-wrap .nh-text { overflow: hidden; text-align: center; line-height: 18px;} .need-help-wrap.gray-block.block { padding: 8px 20px;} .need-help-wrap.gray-block.block .need-help-icon-text { display: inline-block; padding: 40px 20px 8px 0; margin-right: 15px; background-position: 40% 8px; text-align: center;} .need-help-wrap.gray-block.block .nh-text { padding-top: 5px;} @media screen and (max-width: 640px) { .need-help-wrap.gray-block { padding: 8px 20px 15px;} .need-help-wrap.gray-block .need-help-icon-text { display: inline-block; clear: both; border-bottom: 5px solid #fff; border-right: 0; margin-right: 0; padding: 40px 0 8px 0; margin-bottom: 8px; width: 100%; background-position: 50% 10px; text-align: center;} .need-help-wrap.gray-block.block .need-help-icon-text { background-position: 50% 8px; padding-right: 0;} .need-help-wrap .nh-text { clear: both;} } /*---------- Refer a Friend & Thank you page ----------*/ .friend-page { text-align: center; padding: 25px;} .friend-page p { font-style: normal !important; margin-bottom: 16px; font-size: 16px !important;} .friend-page h1 { font-weight: bold; font-size: 50px;} .friend-page input { text-align: center; border-color: #ddd;} .field-row { margin-bottom: 10px; clear: both;} .friend-page .field-row { position: relative; margin-right: -45px;} .input-fields { margin-bottom: 10px;} .click-plus { width: 50px; height: 50px; border-radius: 100px; text: center; line-height: 46px; border:2px solid #ddd; color: #777777; background: #fff; display: inline-block; font-size: 44px; transition: all .2s ease-in-out; position: relative; margin-bottom: 6px;} .click-plus:hover { border-color: #8DC642; color: #666;} .click-plus:active { border-color: #8DC642; color: #666; box-shadow: inset 0 3px 10px rgba(0,0,0,0.25); top: 1px;} .friend-page .remove_field { font-size: 12px; margin-left: 5px; background: url(../images/icon-remove.png) no-repeat 0 0; text-indent: -9999px; width: 16px; height: 16px; display: inline-block; background-size: 16px 16px; } .orange-text { color: #f7941d !important;} @media screen and (max-width: 480px) { .friend-page { padding: 15px;} .friend-page .field-row { margin-right: 0;} .friend-page .remove_field { margin-left: 0; position: absolute; top: 11px; right: -8px;} .hidden-b480 { display: none !important;} } .please-wait { position: absolute; z-index: 99; bottom: 50%; left: 50%; margin: 0px 0 0 -94px; border: 5px solid #f3b66f; font-size: 12px; background: #fff; padding: 24px 30px 44px; white-space: nowrap; border: 1px solid #c0c0c0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2); box-shadow: 0 0 50px rgba(0, 0, 0, 0.2); } /*---------- Refer a Friend & Thank you page ----------*/ @media screen and (min-width: 1280px) { .contact-page-form { float: right; margin: 0; width: 450px;} .contact-page-form .scaffold-form { width: 100%;} .contact-page-form .contactus-block { padding-top: 0;} .contact-page-form .contactus-block .page-title { border-bottom-color: #eeeeee; } } /*--- Deal status button classes ---*/ .deal-status-btn { display: block; padding: 11px 15px; text-align: center; color: #fff; text-transform: uppercase; font-size: 24px; font-weight: bold; background: #7fad40; overflow: hidden;} .deal-status-btn.orange { background: #d28529;} /*--- Deal status button classes // ---*/ /**** hover products grid *****/ .products-grid li { position: relative; overflow: visible;} .theoption { visibility: hidden; height: 0; position: absolute; left: 0; bottom:-136px; width: 100%; box-sizing: border-box; padding: 0 10px 10px; text-align: left; transition: box-shadow .2s ease-in-out;} .products-grid li.hover-list-item {z-index: 100; left: 0; background: #fff; overflow: visible;} .products-grid li.hover-list-item .theoption { visibility: visible; height: 136px; background: #fff; box-shadow: 0 10px 20px -10px rgba(0,0,0,.3); } .theoption ul, .theoption ol { margin: 0 0 5px; padding: 0;} .theoption ul > li, .theoption ol > li { margin: 1px 0; /*display: block;*/ font-weight: bold; text-align: left; list-style: disc inside !important;} .theoption ul > li:nth-child(n+4) { display: none;} .theoption a { color: #8dc642; text-decoration: none;} .theoption a:hover { color: #4b4a46; text-decoration: none;} /**** hover products grid *****/ /************ Black Friday *************/ .count-down-wrap { background: #202020 url(../images/blk-fri-bg.png) no-repeat center bottom; padding: 50px 0; text-align: center;} .count-down-wrap h1 { font-size: 68px; color: #8dc642; margin-bottom: 30px; text-transform: uppercase; font-weight: 700; text-shadow: -5px 5px 0 #2d2d2d; } span.bf-stockout { background: rgba(0, 0, 0, 0) url(../images/bf-soldout.png) no-repeat scroll 50% 50%; height: 100%; position: absolute; right: 0; top: 0; width: 100%;z-index: 15;} span.bf-stockout:hover { background: rgba(0, 0, 0, .3) url(../images/bf-soldout.png) no-repeat scroll 50% 50%; height: 100%; position: absolute; right: 0; top: 0; width: 100%;} span.bf-flashsale { background: rgba(0, 0, 0, 0) url(../images/bf-flashsale.png) no-repeat scroll 50% 40%; height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: 15;} span.bf-flashsale:hover { background: rgba(0, 0, 0, .3) url(../images/bf-flashsale.png) no-repeat scroll 50% 40%; height: 100%; position: absolute; right: 0; top: 0; width: 100%;} span.bf-flashsale-text { font-size: 18px; color: #fff; position: absolute; left: 0; top: 40%; width: 100%; text-align: center;} #clockdiv{ color: #8dc642; display: inline-block; font-weight: 500; text-align: center; font-size: 30px; } #clockdiv > div{ border-radius: 3px; background: #fff; display: inline-block; box-shadow: 0 3px 0 #000000, 0 5px 0 #000000, 0 7px 0 #000000; min-width: 80px; } #clockdiv div > span { padding: 5px 20px 0; display: inline-block; font-size: 32px; } .smalltext{ padding: 5px 0; font-size: 18px; text-transform: uppercase; } .bar { height: 2px; width:100%; background-color: #464541; } .fill { height: 2px; background-color: #6bb010; font-size: 12px; text-align: right; line-height: 20px; vertical-align: middle; } @media screen and (max-width: 480px) {.count-down-wrap h1 { font-size: 50px;}} @media screen and (max-width: 360px) {.count-down-wrap h1 { font-size: 42px;} #clockdiv > div{ min-width: 70px;} #clockdiv div >span { padding: 5px 15px 0;}} /************ Black Friday *************/ /*--- CYBER Monday ---*/ .cyber-monday-wrap { background: #16354b url(../images/cybermonday-bg.png) no-repeat 50% 50%; background-size: 100% auto; padding: 40px 0; text-align: center; overflow: hidden; clear: both;} .cyber-monday-wrap h1 { font-size: 68px; color: #8dc642; margin-bottom: 30px; text-transform: uppercase; font-weight: 700; text-shadow: -5px 5px 0 #2d2d2d; } .img-center { display: table; margin: 0 auto 25px; text-decoration: none; clear: both;} .img-center img { display: inline-block;} @media screen and (max-width: 1024px){ .cyber-monday-wrap { background-size: auto 100%;} } @media screen and (max-width: 320px){ .img-center img { max-width: 94%;}} /*--- christmas ---*/ .christmas-wrap { background-color: #08753e; padding:0; text-align: center; overflow: hidden; clear: both; position: relative; top: -20px;} .img-center { background-size: 100% auto; padding: 0; text-align: center; overflow: hidden; clear: both; margin-bottom: 0;} .img-center img { display: inline-block; margin-bottom: -5px;} @media screen and (max-width: 1024px){ .christmas-wrap { background-size: auto 100%;} } @media screen and (max-width: 320px){ .img-center img { max-width: 94%;}} .promo-xmas { position: relative;} .promo-x-link { display: block;} .promo-x-heading { background: rgba(0,0,0,0.4); color: #fff !important; text-align: center; font-weight: 700; font-size: 20px; padding: 5px 10px; position: absolute; bottom:0; left: 0; width: 100%; min-height: 20px; transition: background .2s ease-in-out;} .promo-x-heading h1, .promo-x-heading h2, .promo-x-heading h3 { margin: 0; padding: 0; color: #fff !important; font-weight: 700; font-size: 20px;} .products-grid > li:nth-child(1) .promo-x-heading { background: rgba(195,5,0,0.4);} .products-grid > li:nth-child(1) .promo-x-heading1 { background: rgba(195,5,0,.8) !important;} .products-grid > li:nth-child(2) .promo-x-heading { background: rgba(97,170,2,0.4);} .products-grid > li:nth-child(2) .promo-x-heading1 { background: rgba(97,170,2,.8) !important;} .products-grid > li:nth-child(3) .promo-x-heading { background: rgba(1,116,162,0.4);} .products-grid > li:nth-child(3) .promo-x-heading1 { background: rgba(1,116,162,.8) !important;} .products-grid > li:nth-child(4) .promo-x-heading { background: rgba(0,0,0,0.4);} .products-grid > li:nth-child(4) .promo-x-heading1 { background: rgba(0,0,0,.8) !important;} .products-grid > li:nth-child(5) .promo-x-heading { background: rgba(206,55,107,0.4);} .products-grid > li:nth-child(5) .promo-x-heading1 { background: rgba(206,55,107,.8) !important;} .products-grid > li:nth-child(6) .promo-x-heading { background: rgba(93,61,17,0.4);} .products-grid > li:nth-child(6) .promo-x-heading1 { background: rgba(93,61,17,.8) !important;} /*--- christmas ---*/