@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500);.icon { display: inline-block; background-size: cover; } .dropdown-right-icon { background-image: URL("../images/icon-dropdown-left.svg"); width: 8px; height: 8px; margin-left: auto; margin-bottom: 2px; } .icon-menu-close { background-image: URL("../images/icon-menu-close.svg"); width: 24px; height: 24px; } .icon-menu-close-adj { background-image: URL("../images/cross-icon-adj.svg"); width: 32px; height: 32px; } .grid-view-icon { background-image: URL("../images/icon-grid-view.svg"); width: 24px; height: 24px; } .list-view-icon { background-image: URL("../images/icon-list-view.svg"); width: 24px; height: 24px; } .sort-icon { background-image: URL("../images/icon-sort.svg"); width: 32px; height: 32px; } .filter-icon { background-image: URL("../images/icon-filter.svg"); width: 32px; height: 32px; } .whishlist-icon { background-image: URL("../images/wishlist.svg"); width: 24px; height: 24px; } .share-icon { background-image: URL("../images/icon-share.svg"); width: 24px; height: 24px; } .icon-menu { background-image: URL("../images/icon-menu.svg"); width: 24px; height: 24px; } .icon-search { background-image: URL("../images/icon-search.svg"); width: 24px; height: 24px; } .icon-menu-back { background-image: URL("../images/icon-menu-back.svg"); width: 24px; height: 24px; } .shipping-icon { background-image: url("../images/shipping.svg"); width: 32px; height: 32px; } .payment-icon { background-image: url("../images/payment.svg"); width: 32px; height: 32px; } .cart-icon { background-image: url("../images/icon-cart.svg"); width: 24px; height: 24px; } .wishlist-icon { background-image: url("../images/wishlist.svg"); width: 32px; height: 32px; } .icon-arrow-up { background-image: url("../images/arrow-up.svg"); width: 16px; height: 16px; } .icon-arrow-down { background-image: url("../images/arrow-down.svg"); width: 16px; height: 16px; } .expand-icon { background-image: url("../images/Expand-Light.svg"); width: 18px; height: 18px; } .expand-on-icon { background-image: url("../images/Expand-Light-On.svg"); width: 18px; height: 18px; } .product-card .product-image { max-height: 350px; max-width: 280px; margin-bottom: 10px; background: #F2F2F2; } .product-card .product-image img { display: block; width: 100%; } .product-card .product-name { margin-bottom: 14px; width: 100%; color: #242424; } .product-card .product-name a { color: #242424; } .product-card .product-description { display: none; } .product-card .product-ratings { width: 100%; } .product-card .product-ratings .icon { width: 16px; height: 16px; } .product-card .cart-wish-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; } .product-card .cart-wish-wrap .addtocart { margin-right: 10px; text-transform: uppercase; } .product-card .cart-wish-wrap .add-to-wishlist { margin-top: 5px; } .product-grid-4 { display: grid; grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); grid-auto-rows: auto; grid-column-gap: 48px; grid-row-gap: 15px; } .product-grid-3 { display: grid; grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); grid-gap: 27px; grid-auto-rows: auto; } @media only screen and (max-width: 854px) { .product-grid-4 { grid-template-columns: 29.5% 29.5% 29.5%; grid-column-gap: 35px; } } @media only screen and (max-width: 653px) { .product-grid-4 { grid-template-columns: 48.5% 48.5%; grid-column-gap: 17px; } } @media only screen and (max-width: 425px) { .product-card { font-size: 90%; } .product-card .btn.btn-md { padding: 5px; } .product-grid-4 { grid-template-columns: 48.5% 48.5%; grid-column-gap: 10px; } } .add-to-wishlist .wishlist-icon:hover { background-image: url("../images/wishadd.svg"); } .product-price { margin-bottom: 14px; width: 100%; font-weight: 600; } .product-price .price-label { font-size: 14px; font-weight: 400; } .product-price .regular-price { color: #A5A5A5; text-decoration: line-through; margin-right: 10px; } .product-price .special-price { color: #FF6472; } .horizontal-rule { width: 100%; height: 1px; background: #E8E8E8; } .account-head .account-heading { font-size: 28px; color: #242424; text-transform: capitalize; text-align: left; } .account-head .account-action { font-size: 17px; margin-top: 1%; color: #0031F0; float: right; } .account-head .horizontal-rule { margin-top: 1.1%; width: 100%; height: 1px; vertical-align: middle; background: #E8E8E8; } .account-item-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 125px; } .account-item-card .media-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .account-item-card .media-info .media { height: 125px; width: 125px; } .account-item-card .media-info .info { display: block; margin-left: 20px; } .account-item-card .operations { height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .account-item-card .operations a { width: 100%; } .account-item-card .operations a span { float: right; } .account-items-list { display: block; width: 100%; } body { margin: 0; padding: 0; font-weight: 500; max-width: 100%; width: auto; color: #242424; font-size: 16px; } * { font-family: "Montserrat", sans-serif; } .btn.btn-primary { border-radius: 0px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-70 { margin-bottom: 70px; } .mb-80 { margin-bottom: 80px; } .mb-90 { margin-bottom: 90px; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mt-70 { margin-top: 70px; } .mt-80 { margin-top: 80px; } .mt-90 { margin-top: 90px; } @media only screen and (max-width: 551px) { .product-grid-3 { grid-template-columns: 48.5% 48.5%; grid-column-gap: 20px; } } @media only screen and (max-width: 840px) { .layered-filter-wrapper, .responsive-layred-filter { display: none; } .main .category-block { width: 100% !important; } .main .category-block .top-toolbar { border-bottom: 1px solid #E8E8E8; } .main .category-block .top-toolbar .page-info span:first-child { display: none; } .main .category-block .top-toolbar .page-info span:last-child { display: inline; } .main .category-block .top-toolbar .pager .view-mode { margin-right: 0px; } .main .category-block .top-toolbar .pager .view-mode .grid-view, .main .category-block .top-toolbar .pager .view-mode .list-view { display: none; } .main .category-block .top-toolbar .pager .view-mode .sort-filter { display: inline-block; margin-top: 10px; } .main .category-block .top-toolbar .pager .sorter, .main .category-block .top-toolbar .pager .limiter { display: none; } .main .category-block .reponsive-sorter-limiter { display: none; } .main .category-block .reponsive-sorter-limiter select { background: #FFFFFF; border: 1px solid #C7C7C7; border-radius: 3px; color: #242424; padding: 10px; } } .layered-filter-wrapper, .responsive-layred-filter { width: 25%; float: left; padding-right: 20px; min-height: 1px; } .layered-filter-wrapper .filter-title, .responsive-layred-filter .filter-title { border-bottom: 1px solid #E8E8E8; color: #242424; padding: 10px 0; } .layered-filter-wrapper .filter-attributes .filter-attributes-item, .responsive-layred-filter .filter-attributes .filter-attributes-item { border-bottom: 1px solid #E8E8E8; padding-bottom: 10px; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-title, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-title { padding: 10px 40px 0 10px; color: #5E5E5E; cursor: pointer; position: relative; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-title .remove-filter-link, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-title .remove-filter-link { font-weight: 400; color: #0031F0; margin-right: 10px; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-title .icon, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-title .icon { background-image: url("../images/arrow-down.svg") !important; width: 10px; height: 10px; position: absolute; right: 15px; top: 14px; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content { padding: 10px; display: none; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content ol.items { padding: 0; margin: 0; list-style: none none; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item { padding: 8px 0; color: #5E5E5E; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox { margin: 0; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox .checkbox-view, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox .checkbox-view { height: 16px; width: 16px; background-image: url("../images/checkbox.svg"); } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox input:checked + .checkbox-view, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox input:checked + .checkbox-view { background-image: url("../images/checkbox-checked.svg"); } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content .price-range-wrapper, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content .price-range-wrapper { margin-top: 21px; } .layered-filter-wrapper .filter-attributes .filter-attributes-item.active .filter-attributes-content, .responsive-layred-filter .filter-attributes .filter-attributes-item.active .filter-attributes-content { display: block; } .layered-filter-wrapper .filter-attributes .filter-attributes-item.active .filter-attributes-title .icon, .responsive-layred-filter .filter-attributes .filter-attributes-item.active .filter-attributes-title .icon { background-image: url("../images//arrow-up.svg") !important; } .responsive-layred-filter { width: 100%; float: none; padding-right: 0px; } .main-container-wrapper { max-width: 1300px; width: auto; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .main-container-wrapper .content-container { display: block; } .main-container-wrapper .product-list .product-card { width: 100%; display: inline-block; margin-bottom: 20px; } .main-container-wrapper .product-list .product-card .product-image { float: left; width: 30%; height: 350px; } .main-container-wrapper .product-list .product-card .product-image img { height: 100%; } .main-container-wrapper .product-list .product-card .product-information { float: right; width: 70%; padding-left: 30px; } .main-container-wrapper .product-list .product-card:last-child { margin-bottom: 0; } .main-container-wrapper section.featured-products { display: block; margin-bottom: 5%; } .main-container-wrapper section.featured-products .featured-heading { width: 100%; text-align: center; text-transform: uppercase; font-size: 18px; margin-bottom: 20px; } .main-container-wrapper section.featured-products .featured-heading .featured-separator { color: lightgray; } .main-container-wrapper section.news-update { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 5%; } .main-container-wrapper section.news-update .news-update-grid { display: grid; grid-template-columns: 58.5% 40%; grid-gap: 20px; } .main-container-wrapper section.news-update .news-update-grid .block1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-container-wrapper section.news-update .news-update-grid .block1 img { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; } .main-container-wrapper section.news-update .news-update-grid .block2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; display: grid; grid-template-rows: repeat(2, minmax(50%, 1fr)); grid-row-gap: 20px; } .main-container-wrapper section.news-update .news-update-grid .block2 .sub-block1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-container-wrapper section.news-update .news-update-grid .block2 .sub-block1 img { width: 100%; } .main-container-wrapper section.news-update .news-update-grid .block2 .sub-block2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-container-wrapper section.news-update .news-update-grid .block2 .sub-block2 img { width: 100%; } section.slider-block { display: block; margin-left: auto; margin-right: auto; margin-bottom: 5%; } section.slider-block div.slider-content { position: relative; height: 500px; margin-left: auto; margin-right: auto; } section.slider-block div.slider-content ul.slider-images li { position: absolute; visibility: hidden; } section.slider-block div.slider-content ul.slider-images li.show { display: block; visibility: visible; width: 100%; -webkit-animation-name: example; animation-name: example; -webkit-animation-duration: 4s; animation-duration: 4s; } @-webkit-keyframes example { 0% { opacity: 0.1; } 100% { opacity: 1; } } @keyframes example { 0% { opacity: 0.1; } 100% { opacity: 1; } } section.slider-block div.slider-content ul.slider-images li img { height: 500px; width: 100%; } section.slider-block div.slider-content div.slider-control { display: block; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; bottom: 2%; right: 2%; } section.slider-block div.slider-content div.slider-control .dark-left-icon { background-color: #F2F2F2; height: 48px; width: 48px; max-height: 100%; max-width: 100%; } section.slider-block div.slider-content div.slider-control .light-right-icon { background-color: #242424; height: 48px; width: 48px; max-height: 100%; max-width: 100%; } @media only screen and (max-width: 770px) { section.slider-block div.slider-content div.slider-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; bottom: 48%; right: 0%; width: 100%; } section.slider-block div.slider-content div.slider-control .dark-left-icon { margin-left: 15px; } section.slider-block div.slider-content div.slider-control .light-right-icon { margin-right: 15px; } } .header { margin-top: 16px; margin-bottom: 21px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header .header-top { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; width: auto; margin-left: auto; margin-right: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header .header-top div.left-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .header-top div.left-content ul.logo-container { margin-right: 12px; } .header .header-top div.left-content ul.logo-container li { display: -webkit-box; display: -ms-flexbox; display: flex; } .header .header-top div.left-content ul.search-container li.search-group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .header-top div.left-content ul.search-container li.search-group .search-field { height: 38px; border: 2px solid #E8E8E8; border-radius: 3px; border-right: none; border-top-right-radius: 0px; border-bottom-right-radius: 0px; padding-left: 12px; font-family: "Montserrat", sans-serif; font-size: 14px; } .header .header-top div.left-content ul.search-container li.search-group .search-icon-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; height: 38px; width: 38px; border: 2px solid #E8E8E8; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .header .header-top div.left-content ul.search-container li.search-group .search-icon-wrapper .search-icon { margin-top: 4px; margin-left: 4px; height: 24px; width: 24px; } .header .header-top div.right-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .header-top div.right-content ul.account-dropdown-container { float: right; border-right: 2px solid #E8E8E8; } .header .header-top div.right-content ul.account-dropdown-container li.account-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-right: 14px; } .header .header-top div.right-content ul.account-dropdown-container li.account-dropdown .dropdown-list { width: 300px; padding: 25px; } .header .header-top div.right-content ul.account-dropdown-container li.account-dropdown .dropdown-container { padding: 0px; overflow: hidden; } .header .header-top div.right-content ul.account-dropdown-container li.account-dropdown ul.account-dropdown-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .header-top div.right-content ul.account-dropdown-container li.account-dropdown ul.account-dropdown-list li > a { color: white; } .header .header-top div.right-content ul.account-dropdown-container li.account-dropdown ul.account-dropdown-list .btn { min-width: 100px; text-align: center; } .header .header-top div.right-content ul.cart-dropdown-container { float: right; margin-left: 10px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .cart-icon { margin-right: 8px; height: 24px; width: 24px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .icon.arrow-down-icon { margin-top: 10px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list { width: 387px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container { padding: 10px 18px 10px 18px; max-height: 410px; overflow-y: auto; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart { color: #242424; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header { width: 100%; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header p { display: inline; line-height: 25px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header i { float: right; height: 22px; width: 22px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header p.heading { font-weight: lighter; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content { padding-top: 8px; padding-bottom: 10px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-bottom: 1px solid #E8E8E8; padding-top: 8px; padding-bottom: 8px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content .item img { height: 75px; width: 75px; margin-right: 8px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content .item-details { height: 75px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .item-details .item-name { font-size: 16px; font-weight: bold; margin-bottom: 8px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .item-details .item-price { margin-bottom: 8px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .item-details .item-qty { font-weight: lighter; margin-bottom: 8px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 8px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-footer .btn { max-width: 170px; text-align: center; } .header .header-top ul.right-responsive { display: none; } .header .header-top ul.right-responsive li { margin-right: 5px; } .header .header-top ul.right-responsive li:last-child { margin-right: 0px; } .header .header-top ul.right-responsive ul { margin-right: 5px; } .header .header-top ul.right-responsive ul:last-child { margin-right: 0px; } .header .header-bottom { height: 48px; margin-left: auto; margin-right: auto; border-top: 1px solid lightgrey; border-bottom: 1px solid lightgrey; display: block; /* submenu positioning */ } .header .header-bottom ul.nav { display: block; font-size: 16px; height: 48px; max-width: 100%; width: auto; margin-left: auto; margin-right: auto; } .header .header-bottom .nav ul { margin: 0; padding: 0; border: 1px solid #E8E8E8; -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.4); } .header .header-bottom .nav a { display: block; color: #242424; text-decoration: none; padding: 0.8em 0.3em 0.8em 0.5em; text-transform: uppercase; letter-spacing: -0.38px; position: relative; } .header .header-bottom .nav li > .icon { display: none; } .header .header-bottom .nav { vertical-align: top; display: inline-block; } .header .header-bottom .nav li { position: relative; height: 45px; } .header .header-bottom .nav > li { float: left; margin-right: 1px; } .header .header-bottom .nav > li > a { margin-bottom: 1px; } .header .header-bottom .nav > li > a .icon { display: none; } .header .header-bottom .nav > li:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0 0 4px 0; float: right; display: none; } .header .header-bottom .nav > li:last-child img { margin-right: 6px; } .header .header-bottom .nav > li:last-child > a { border-radius: 0 4px 0 0; } .header .header-bottom .nav li li a { margin-top: 1px; } .header .header-bottom .nav li a:first-child:nth-last-child(2):before { content: ""; position: absolute; height: 0; width: 0; border: 5px solid transparent; top: 50%; right: 5px; } .header .header-bottom .nav ul { position: absolute; white-space: nowrap; border: 1px solid #E8E8E8; background-color: white; z-index: 1; left: -99999em; } .header .header-bottom .nav > li:hover { background-color: #F2F2F2; } .header .header-bottom .nav > li:hover > ul { left: auto; min-width: 100%; } .header .header-bottom .nav > li li:hover { background-color: #F2F2F2; } .header .header-bottom .nav > li li:hover > ul { left: 100%; margin-left: 1px; top: -2px; } .header .header-bottom .nav > li:hover > a:first-child:nth-last-child(2):before { margin-top: -5px; } .header .header-bottom .nav li li > a:first-child:nth-last-child(2):before { margin-top: -5px; } .header .header-bottom .nav li li:hover > a:first-child:nth-last-child(2):before { right: 10px; } .header .search-responsive { display: none; } .header .search-responsive .search-content { border-bottom: 1px solid #E8E8E8; height: 48px; } .header .search-responsive .search-content .search { width: 70%; margin-left: 20px; height: 30px; border: none; font-size: 16px; position: absolute; } .header .search-responsive .search-content .right { float: right; } .header .search-responsive .search-content .suggestion { position: absolute; margin-left: 20px; } .header .search-responsive .search-content:first-child { border-top: 1px solid #E8E8E8; } .header .responsive-nav { display: none; } @media all and (max-width: 720px) { .header-bottom { display: none !important; } ul.search-container { display: none !important; } ul.account-dropdown-container { display: none !important; } ul.cart-dropdown-container { display: none !important; } ul.right-responsive { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .responsive-nav { margin-top: 20px; display: none; } .responsive-nav .nav a { display: inline-block; color: #242424; text-decoration: none; padding: 12px 4.8px 12px 8px; text-transform: uppercase; letter-spacing: 2px; } .responsive-nav .nav li > .icon { float: right; } .responsive-nav .nav li a > .icon { display: none; } .responsive-nav .nav > li { border-bottom: 1px solid #E8E8E8; } .responsive-nav .nav li:first-child { border-top: 1px solid #E8E8E8; } .responsive-nav .nav > li:last-child { float: none; height: 45px; display: none; } .responsive-nav .nav > li:last-child img { margin-right: 6px; } } .footer { background-color: #F2F2F2; padding-left: 10%; padding-right: 10%; } .footer .footer-content .footer-list-container { display: grid; padding-top: 40px; padding-bottom: 40px; padding-left: 10px; padding-right: 10px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-auto-rows: auto; grid-row-gap: 1vh; } .footer .footer-content .footer-list-container .list-container .list-heading { text-transform: uppercase; color: #a5a5a5; } .footer .footer-content .footer-list-container .list-container .list-group { padding-top: 25px; } .footer .footer-content .footer-list-container .list-container .list-group li { margin-bottom: 12px; list-style-type: none; text-transform: uppercase; } .footer .footer-content .footer-list-container .list-container .list-group li span.icon-wrapper { display: inline-block; vertical-align: middle; margin-right: 5px; height: 24px; width: 24px; } .footer .footer-content .footer-list-container .list-container .list-group li span.icon-wrapper span.icon { height: 24px; width: 24px; } .footer .footer-content .footer-list-container .list-container .form-container { padding-top: 10px; } .footer .footer-content .footer-list-container .list-container .form-container .control-group { margin: 0; } .footer .footer-content .footer-list-container .list-container .form-container .control-group .subscribe-field { width: 100%; } .footer .footer-content .footer-list-container .list-container .form-container .control-group .subscribe-field::-webkit-input-placeholder { font-family: "montserrat", sans-serif; } .footer .footer-content .footer-list-container .list-container .form-container .control-group .subscribe-field::-moz-placeholder { font-family: "montserrat", sans-serif; } .footer .footer-content .footer-list-container .list-container .form-container .control-group .btn-primary { background-color: #242424; margin-top: 8px; border-radius: 0px; text-align: center; } .main .category-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } .main .category-container .category-block { width: 80%; display: block; } .main .category-container .category-block .hero-image { border: 1px solid green; display: block; visibility: visible; width: auto; } .main .category-container .category-block .hero-image img { height: 400px; width: 100%; } .main .top-toolbar { width: 100%; display: inline-block; } .main .top-toolbar .page-info { float: left; color: #242424; line-height: 45px; } .main .top-toolbar .page-info span:first-child { display: inline; } .main .top-toolbar .page-info span:last-child { display: none; } .main .top-toolbar .pager { float: right; } .main .top-toolbar .pager label { margin-right: 5px; } .main .top-toolbar .pager select { background: #F2F2F2; border: 1px solid #E8E8E8; border-radius: 3px; color: #242424; padding: 10px; } .main .top-toolbar .pager .view-mode { display: inline-block; margin-right: 20px; } .main .top-toolbar .pager .view-mode a, .main .top-toolbar .pager .view-mode span { display: inline-block; vertical-align: middle; } .main .top-toolbar .pager .view-mode a.grid-view, .main .top-toolbar .pager .view-mode span.grid-view { margin-right: 10px; } .main .top-toolbar .pager .view-mode .sort-filter { display: none; } .main .top-toolbar .pager .sorter { display: inline-block; margin-right: 10px; } .main .top-toolbar .pager .limiter { display: inline-block; } .main .reponsive-sorter-limiter { display: none; } .main .responsive-layred-filter { display: none; } .main .bottom-toolbar { display: block; margin-top: 40px; margin-bottom: 40px; text-align: center; } section.product-detail { color: #242424; } section.product-detail div.category-breadcrumbs { display: inline; } section.product-detail div.layouter { display: block; margin-top: 20px; margin-bottom: 20px; } section.product-detail div.layouter form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } section.product-detail div.layouter form div.product-image-group { margin-right: 30px; width: 604px; height: 650px; max-width: 604px; } section.product-detail div.layouter form div.product-image-group .loader { border: 16px solid #E8E8E8; border-top: 16px solid #0031F0; border-radius: 50%; width: 50px; height: 50px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; margin-left: 20%; position: absolute; margin-top: 200px; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } section.product-detail div.layouter form div.product-image-group div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } section.product-detail div.layouter form div.product-image-group div .thumb-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 4px; min-width: 120px; overflow: hidden; position: relative; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-height: 480px; } section.product-detail div.layouter form div.product-image-group div .thumb-list .thumb-frame { border: 2px solid transparent; background: #F2F2F2; width: 120px; max-height: 120px; } section.product-detail div.layouter form div.product-image-group div .thumb-list .thumb-frame.active { border-color: #C7C7C7; } section.product-detail div.layouter form div.product-image-group div .thumb-list .thumb-frame img { height: 100%; width: 100%; } section.product-detail div.layouter form div.product-image-group div .thumb-list .gallery-control { width: 100%; position: absolute; text-align: center; cursor: pointer; z-index: 1; } section.product-detail div.layouter form div.product-image-group div .thumb-list .gallery-control .overlay { opacity: 0.3; background: #242424; width: 100%; height: 18px; position: absolute; left: 0; z-index: -1; } section.product-detail div.layouter form div.product-image-group div .thumb-list .gallery-control .icon { z-index: 2; } section.product-detail div.layouter form div.product-image-group div .thumb-list .gallery-control.top { top: 0; } section.product-detail div.layouter form div.product-image-group div .thumb-list .gallery-control.bottom { bottom: 0; } section.product-detail div.layouter form div.product-image-group div .product-hero-image { display: block; position: relative; background: #F2F2F2; width: 100%; max-height: 480px; height: 100%; } section.product-detail div.layouter form div.product-image-group div .product-hero-image img { width: 100%; height: auto; max-height: 480px; } section.product-detail div.layouter form div.product-image-group div .product-hero-image .add-to-wishlist { position: absolute; top: 10px; right: 12px; } section.product-detail div.layouter form div.product-image-group div .product-hero-image .share { position: absolute; top: 10px; right: 45px; } section.product-detail div.layouter form div.product-image-group .add-to-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } section.product-detail div.layouter form div.product-image-group .add-to-buttons .addtocart { border-radius: 0px; width: 49%; background: black; white-space: nowrap; } section.product-detail div.layouter form div.product-image-group .add-to-buttons .buynow { border-radius: 0px; width: 49%; float: right; white-space: nowrap; } section.product-detail div.layouter form .details { width: 50%; } section.product-detail div.layouter form .details .product-price { margin-bottom: 14px; } section.product-detail div.layouter form .details .product-ratings { margin-bottom: 20px; } section.product-detail div.layouter form .details .product-ratings .icon { width: 16px; height: 16px; } section.product-detail div.layouter form .details .product-ratings .total-reviews { display: inline-block; margin-left: 15px; } section.product-detail div.layouter form .details .product-heading { font-size: 24px; color: #242424; margin-bottom: 15px; } section.product-detail div.layouter form .details .product-price { margin-bottom: 15px; font-size: 24px; } section.product-detail div.layouter form .details .product-price .special-price { font-size: 24px; } section.product-detail div.layouter form .details .stock-status { margin-bottom: 15px; } section.product-detail div.layouter form .details .description { margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px rgba(162, 162, 162, 0.2); } section.product-detail div.layouter form .details .full-specifications td { padding: 10px 0; color: #A5A5A5; } section.product-detail div.layouter form .details .full-specifications td:first-child { padding-right: 40px; } section.product-detail div.layouter form .details .accordian .accordian-header { padding-left: 0; font-weight: 600; } section.product-detail div.layouter form .details .accordian .accordian-content { padding: 20px 0px; } section.product-detail div.layouter form .details .attributes { display: block; width: 100%; border-bottom: solid 1px rgba(162, 162, 162, 0.2); } @media only screen and (max-width: 720px) { section.product-detail div.layouter form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } section.product-detail div.layouter form div.product-image-group { margin-right: 0px; max-width: none; width: auto; } section.product-detail div.layouter form div.product-image-group .loader { margin-left: 47%; } section.product-detail div.layouter form div.product-image-group div { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } section.product-detail div.layouter form div.product-image-group div .thumb-list { height: 120px; margin-top: 5px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow-x: scroll; margin-right: 0px; } section.product-detail div.layouter form div.product-image-group div .thumb-list .thumb-frame img { height: 100%; width: auto; } section.product-detail div.layouter form div.product-image-group div .thumb-list .gallery-control { display: none; } section.product-detail div.layouter form div.product-image-group div .product-hero-image { display: -webkit-box; display: -ms-flexbox; display: flex; } section.product-detail div.layouter form div.product-image-group div .product-hero-image img { margin-left: auto; margin-right: auto; width: 480px; } section.product-detail div.layouter form .details { width: 100%; margin-top: 20px; } } @media only screen and (max-width: 510px) { section.product-detail div.layouter form div.product-image-group .product-hero-image img { width: 100% !important; } } .rating-reviews .rating-header { font-weight: 600; padding: 20px 0; } .rating-reviews .stars .icon { width: 16px; height: 16px; } .rating-reviews .overall { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .rating-reviews .overall .review-info .number { font-size: 34px; } .rating-reviews .overall .review-info .total-reviews { margin-top: 10px; } .rating-reviews .reviews { margin-top: 40px; margin-bottom: 40px; } .rating-reviews .reviews .review { margin-bottom: 25px; } .rating-reviews .reviews .review .title { margin-bottom: 5px; } .rating-reviews .reviews .review .stars { margin-bottom: 15px; display: inline-block; } .rating-reviews .reviews .review .message { margin-bottom: 10px; } .rating-reviews .reviews .review .reviewer-details { color: #A5A5A5; } .rating-reviews .reviews .view-all { margin-top: 15px; color: #0031F0; margin-bottom: 15px; } /* cart pages and elements css begins here */ section.cart { width: 100%; color: #242424; margin-bottom: 80px; margin-top: 20px; } section.cart .title { font-size: 24px; } section.cart .cart-content { margin-top: 20px; width: 100%; display: inline-block; } section.cart .cart-content .left-side { width: 70%; float: left; } section.cart .cart-content .left-side .misc-controls { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } section.cart .cart-content .left-side .misc-controls a.link { margin-right: 15px; } section.cart .cart-content .right-side { width: 30%; display: inline-block; padding-left: 40px; } .cart-item-list { margin-top: 21px; padding: 1px; } .cart-item-list .item { padding: 10px; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border: 1px solid #E8E8E8; border-radius: 3px; } .cart-item-list .item .item-image { height: 160px; width: 160px; } .cart-item-list .item .item-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart-item-list .item .item-details .item-title { font-size: 18px; margin-bottom: 10px; font-weight: 600; } .cart-item-list .item .item-details .item-title a { color: #242424; } .cart-item-list .item .item-details .price { margin-bottom: 10px; font-size: 18px; font-weight: 600; } .cart-item-list .item .item-details .summary { margin-bottom: 17px; } .cart-item-list .item .item-details .misc { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cart-item-list .item .item-details .misc div.qty-text { color: #A5A5A5; margin-right: 10px; } .cart-item-list .item .item-details .misc input.box { height: 38px; width: 60px; font-size: 16px; text-align: center; line-height: 38px; border: 1px solid #E8E8E8; border-radius: 3px; margin-right: 30px; border-radius: 0px; } .cart-item-list .item .item-details .misc .remove { color: #0031F0; margin-right: 30px; } .cart-item-list .item .item-details .misc .towishlist { color: #0031F0; } .order-summary h3 { font-size: 16px; margin-top: 0; } .order-summary .item-detail { margin-top: 12px; } .order-summary .item-detail label.right { float: right; } .order-summary .payble-amount { margin-top: 17px; border-top: 1px solid #E8E8E8; padding-top: 12px; } .order-summary .payble-amount label { font-weight: bold; } .order-summary .payble-amount label.right { float: right; } .checkout-process { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; margin-top: 20px; margin-bottom: 20px; } .checkout-process .col-main { width: 65%; padding-right: 40px; } .checkout-process .col-main ul.checkout-steps { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding-bottom: 15px; border-bottom: 1px solid #E8E8E8; } .checkout-process .col-main ul.checkout-steps li { height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; } .checkout-process .col-main ul.checkout-steps li .decorator { height: 48px; width: 48px; border: 1px solid black; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 1px solid #E8E8E8; background-repeat: no-repeat; background-position: center; } .checkout-process .col-main ul.checkout-steps li .decorator.address-info { background-image: url("../images/address.svg"); } .checkout-process .col-main ul.checkout-steps li .decorator.shipping { background-image: url("../images/shipping.svg"); } .checkout-process .col-main ul.checkout-steps li .decorator.payment { background-image: url("../images/payment.svg"); } .checkout-process .col-main ul.checkout-steps li .decorator.review { background-image: url("../images/finish.svg"); } .checkout-process .col-main ul.checkout-steps li.completed { cursor: pointer; } .checkout-process .col-main ul.checkout-steps li.completed .decorator { background-image: url("../images/complete.svg"); } .checkout-process .col-main ul.checkout-steps li span { margin-left: 7px; margin-top: auto; margin-bottom: auto; } .checkout-process .col-main ul.checkout-steps li.active { color: #2650EF; } .checkout-process .col-main ul.checkout-steps li.active .decorator { border: 1px solid #2650EF; } .checkout-process .col-main .step-content { padding-top: 20px; } .checkout-process .col-main .step-content .form-header { width: 100%; display: inline-block; } .checkout-process .col-main .step-content .form-header h1 { float: left; } .checkout-process .col-main .step-content .form-header .btn { float: right; } .checkout-process .col-main .step-content .form-container { border-bottom: 1px solid #E8E8E8; padding-top: 20px; padding-bottom: 20px; } .checkout-process .col-main .step-content .shipping-methods h4 { margin: 0; } .checkout-process .col-main .step-content .payment-methods .radio { font-weight: 600; } .checkout-process .col-main .step-content .payment-methods .control-info { margin-left: 28px; } .checkout-process .col-main .step-content .address { display: inline-block; width: 100%; } .checkout-process .col-main .step-content .address .address-card { width: 50%; float: left; } .checkout-process .col-main .step-content .address .address-card .card-title span { font-weight: 600; } .checkout-process .col-main .step-content .address .address-card .card-content { margin-top: 15px; color: #242424; line-height: 25px; } .checkout-process .col-main .step-content .address .address-card .card-content .horizontal-rule { margin: 12px 0; display: block; width: 25px; background: #121212; } .checkout-process .col-main .step-content .cart-item-list .item .row .title { width: 100px; display: inline-block; color: #A5A5A5; font-weight: 500; margin-bottom: 10px; } .checkout-process .col-main .step-content .cart-item-list .item .row .value { font-size: 18px; font-weight: 600; } .checkout-process .col-main .step-content .order-description { display: inline-block; width: 100%; } .checkout-process .col-main .step-content .order-description .shipping { margin-bottom: 25px; } .checkout-process .col-main .step-content .order-description .decorator { height: 48px; width: 48px; border-radius: 50%; border: 1px solid #E8E8E8; vertical-align: middle; display: inline-block; text-align: center; } .checkout-process .col-main .step-content .order-description .decorator .icon { margin-top: 7px; } .checkout-process .col-main .step-content .order-description .text { font-weight: 600; vertical-align: middle; display: inline-block; } .checkout-process .col-main .step-content .order-description .text .info { font-weight: 500; margin-top: 2px; } .checkout-process .col-right { width: 35%; padding-left: 40px; } @media only screen and (max-width: 770px) { .checkout-process .col-main { width: 100%; padding-right: 0px; } .checkout-process .col-main ul.checkout-steps { border-bottom: none; } .checkout-process .col-main ul.checkout-steps span { display: none; } .checkout-process .col-main ul.checkout-steps .line { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-bottom: 1px solid #E8E8E8; margin-left: 5px; margin-right: 5px; } .checkout-process .step-content .control-group .control { width: 100%; } .checkout-process .col-right { display: none; } } .attached-products-wrapper { margin-bottom: 80px; } .attached-products-wrapper .title { margin-bottom: 40px; font-size: 18px; color: #242424; text-align: center; position: relative; } .attached-products-wrapper .title .border-bottom { border-bottom: 1px solid rgba(162, 162, 162, 0.2); display: inline-block; width: 100px; position: absolute; top: 40px; left: 50%; margin-left: -50px; } .attached-products-wrapper .horizontal-rule { height: 1px; background: #E8E8E8; width: 148px; margin-bottom: 24px; margin-left: auto; margin-right: auto; } section.review { color: #242424; } section.review .category-breadcrumbs { display: inline; } section.review .review-layouter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } section.review .review-layouter .product-info .product-image img { display: block; height: 280px; width: 280px; } section.review .review-layouter .product-info .product-name { margin-top: 20px; } section.review .review-layouter .product-info .product-name span { font-size: 24px; } section.review .review-layouter .product-info .product-price { margin-top: 10px; } section.review .review-layouter .product-info .product-price .pro-price { font-size: 24px; color: #FF6472; } section.review .review-layouter .product-info .product-price .pro-price-not { margin-left: 10px; color: #A5A5A5; } section.review .review-layouter .product-info .product-price .offer { margin-left: 10px; } section.review .review-layouter .review-form { margin-left: 20px; width: 49%; } section.review .review-layouter .review-form .heading { margin-top: 10px; } section.review .review-layouter .review-form .heading .btn.btn-primary.right { float: right; margin-top: -10px; } section.review .review-layouter .review-form .rating { margin-top: 25px; color: #A5A5A5; } section.review .review-layouter .review-form .rating span { display: inline; } section.review .review-layouter .review-form .stars { width: 270px; display: inline-block; } section.review .review-layouter .review-form .stars label.star { font-size: 36px; color: #d4d4d4; -webkit-transition: all .2s; transition: all .2s; } section.review .review-layouter .review-form .stars label.star:before { content: '\2605'; } section.review .review-layouter .review-form .write-review { margin-top: 25px; } section.review .review-layouter .review-form .write-review .control-group { margin-bottom: 0px; } section.review .review-layouter .review-form .write-review .control-group textarea { margin-top: 5px; border: 2px solid #E8E8E8; border-radius: 3px; width: 600px; height: 120px; } section.review .review-layouter .review-form .submit-button { margin-top: 10px; } section.review .review-layouter .review-form .submit-button button { background: #0031F0; font-size: 14px; color: #F2F2F2; text-align: center; width: 120px; height: 38px; border: none; } section.review .review-layouter .review-form .review-detail { height: 150px; border: 1px solid firebrick; margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } section.review .review-layouter .review-form .review-detail .rating-review { margin-top: 40px; margin-left: 20px; width: 48%; } section.review .review-layouter .review-form .review-detail .rating-review .avg-rating-count span { font-size: 34px; text-align: center; } section.review .review-layouter .review-form .review-detail .rating-calculate .progress-only { width: 20px; border: 1px solid blue; } .auth-content { padding-top: 15%; padding-bottom: 15%; } .auth-content .sign-up-text { margin-bottom: 2%; margin-left: auto; margin-right: auto; text-align: center; font-size: 18px; color: #A5A5A5; text-align: center; } .auth-content .login-form { margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #E8E8E8; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 530px; min-width: 380px; min-height: 345px; padding-left: 25px; padding-right: 25px; } .auth-content .login-form .login-text { font-size: 24px; font-weight: bold; color: #242424; margin-top: 5%; margin-bottom: 3%; } .auth-content .login-form .control-group { margin-bottom: 15px !important; } .auth-content .login-form .control-group .control { width: 100% !important; } .auth-content .login-form .forgot-password-link { font-size: 17px; color: #0031F0; margin-bottom: 5%; } .auth-content .login-form .signup-confirm { margin-bottom: 5%; } .auth-content .login-form .btn-primary { width: 100%; text-transform: uppercase; border-radius: 0px; height: 45px; margin-bottom: 4%; } .account-content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 5.5%; margin-bottom: 5.5%; } .account-content .account-side-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border: 1px solid #E8E8E8; width: 25%; height: 100%; text-transform: capitalize; color: #A5A5A5; } .account-content .account-side-menu li { width: 95%; height: 50px; margin-left: 5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #E8E8E8; text-align: center; } .account-content .account-side-menu li:first-child { border-top: none; } .account-content .account-side-menu li:last-child { border-bottom: none; } .account-content .account-side-menu li.active { color: #0031F0; } .account-content .account-layout { margin-left: 5.5%; margin-top: 1%; width: 100%; } .account-table-content { color: #242424; margin-top: 1.4%; } .account-table-content table tbody tr { height: 45px; } .account-table-content table tbody tr td { width: 250px; text-transform: capitalize; } .edit-form { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #E8E8E8; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 345px; padding: 25px; }