@font-face {
font-family: 'SofiaPro-Light';
src: url('./fonts/SofiaPro-Light.eot?#iefix') format('embedded-opentype'), url('./fonts/SofiaPro-Light.otf') format('opentype'),
url('./fonts/SofiaPro-Light.woff') format('woff'), url('./fonts/SofiaPro-Light.ttf') format('truetype'), url('./fonts/SofiaPro-Light.svg#SofiaPro-Light') format('svg');
font-weight: normal;
font-style: normal;
}
body {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
background: #ffffff;
overflow-x: hidden;
}
body a {
color: #ff8918;
transition: 0.2s all;
-webkit-transition: 0.2s all;
-moz-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
}
a input[type="button"],
input[type="submit"] {
transition: 0.2s all;
-webkit-transition: 0.2s all;
-moz-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
}
input[type="text"],
select {
border: 1px solid #ccc;
padding: 5px 8px;
margin-bottom: 5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
p {
margin: 0;
}
ul {
margin: 0;
padding: 0;
}
label {
margin: 0;
}
.bgWhite { background: #ffffff !important; }
.bg-white {
background: #ffffff;
padding-bottom: 40px;
}
.pd0 {
padding-left: 0;
padding-right: 0;
}
.pdr0 { padding-right: 0; }
* {
transition: All 0.2s ease; 
-webkit-transition: All 0.2s ease;
-moz-transition: All 0.2s ease; 
}
/*-----start-header----*/
.header-top-strip {
padding: 3px 0 10px 0;
}
.header-top-left {
float: left;
margin-top: 5px;
}
.header-top-left a {
/*color: #ffffff;*/
}
.header-top-right ul li {
display: inline-block;
margin-right: 15px;
}
.header-top-right ul li:last-child {
margin-left: 30px;
margin-right: 0;
}
.header-top-right ul li a {
color: #000;
font-size: 1.25rem;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
}
.header-top-right ul li a:hover { color: #ff8918; }
span.glyphicon.glyphicon-user,
span.glyphicon.glyphicon-lock {
font-size: 10px;
vertical-align: initial;
margin-right: 6px;
}
.header-top-right {
float: right;
margin-top: 5px;
}
.header-right {
float: right;
margin-top: 5px;
}
.box_1 h3 {
color: #fff;
font-size: 10px;
margin-bottom: 0;
float: left;
font-weight: 400;
padding: 0;
}
.box_1 h3 img {
margin-left: 3px;
}
a.simpleCart_empty {
font-size: 10px;
color: #ACF121;
}
.box_1 p {
margin-left: 8px;
float: left;
}
.banner {
position: relative;
z-index: 0;
margin-top: -1px;
width: 100%;
height: 705px;
overflow: hidden;
}
.pBan {
display: inline-block;
/*padding: 5px 0;*/
width: 100%;
}
.pBan .container { background-color: #5d5d5d; padding: 15px; color: #fff; font-size: 16px; }
.pBan .container a { color: #fff; }
.pBan .container a i { font-size: 13px; }
div[data-iessection="layoutfront"] .container:first-child, .subCatPath, .w1400 {
width: 1400px;
}
.subCatPath {
display: block;
margin: 0 auto;
height: 503px;
position: relative;
overflow: hidden;
}
.subCatPath .container {
width: 1170px !important;
padding-top: 80px;
}
.subCatPath img {
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.subCatPath .scpContent {
position: relative;
z-index: 2;
color: #fff;
}
.subCatPath .scpContent .container {
text-align: center;
}
.subCatPath .scpContent h2 {
font-weight: 500;
text-transform: uppercase;
font-size: 3.5em;
margin-bottom: 0.5em;
letter-spacing: 0.1em;
}
/*.subCatPath .scpContent p { font }*/
.subCatPath .scpContent a.scpBtn {
display: inline-block;
margin-top: 15.5em;
margin-right: 4em;
background: #145aca;
color: #000000;
/* color: #fff; */
font-size: 1.3em;
padding: 0.7em;
text-transform: capitalize;
text-decoration: none;
}
.subCatPath .scpContent a.scpBtn:last-child {
margin-right: 0;
}
.subCatPath .scpContent a.scpBtn:hover {
background: #5b9aff;
}
.subCatPath .scpContent a.scpBtn span {
margin-right: 0.5rem;
font-weight: 300;
font-size: 0.8em;
}
.subCatPath .scpContent a.scpBtn i {
margin-left: 0.5em;
}
.subCatPath .scpContent a.scpBtn:nth-child(1) {
width: calc(20% - 5px);
margin-right: 10px;
}
.subCatPath .scpContent a.scpBtn:nth-child(2) {
width: calc(15% - 5px);
margin-right: 10px;
}
.subCatPath .scpContent a.scpBtn:nth-child(3) {
width: calc(25% - 5px);
margin-right: 10px;
}
.subCatPath .scpContent a.scpBtn:nth-child(4) {
width: 22%;
}
/*.subCatPath DESIGNMODE */
.subCatPath.connectSortable.ui-sortable.ui-droppable .ui-draggable:nth-child(2) {
position: absolute;
height: 100%;
width: 100%;
}
.subCatPath.connectSortable.ui-sortable.ui-droppable .ui-draggable:nth-child(2) .editcontent.connectSortable.ui-sortable.ui-droppable, .subCatPath.connectSortable.ui-sortable.ui-droppable .ui-draggable:nth-child(2) .editcontent.connectSortable.ui-sortable.ui-droppable .ui-draggable {
position: absolute;
height: 100%;
width: 100%;
}
.blbtn { background: #e3dab8 !important; }
.ylbtn { background: #e3dab8 !important; }
.gnbtn { background: #e3dab8 !important; }
.lbbtn { background: #e3dab8 !important; }
/*.blbtn { background: #008eb3 !important; }
.ylbtn { background: #ffb90a !important; }
.gnbtn { background: #27cc93 !important; }
.lbbtn { background: #17cfff !important; }*/
.container.w1400 {
padding-left: 0;
padding-right: 0;
}
.addressBar, .bdrSep {
display: inline-block;
width: 100%;
margin-top: 4em;
margin-bottom: 4em;
padding: 1em 0;
color: #454545;
text-align: center;
border-top: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
}
.addressBar .adbSection {
display: inline-block;
padding: 0 1em;
font-size: 1.5em;
font-weight: 400;
}
.addressBar .adbSection i {
font-size: 1.4em;
color: #4b0082;
}
.bdrSep .footerSep .ftrsp {
display: inline-block;
font-size: 2.5rem;
margin: 1rem 2rem;
}
.bdrSep .footerSep .ftrsp i {
margin-right: 1rem;
}
.specialAnnouncement {
display: inline-block;
width: 30%;
margin-right: 3.333%;
height: 50px;
padding-left: 1em;
text-align: left;
background: #efefef;
color: #ff0000;
border: 1px solid #d2d2d2;
}
.specialAnnouncement span,
.specialAnnouncement a {
display: inline-block;
line-height: 3.5em;
vertical-align: middle;
}
.specialAnnouncement a {
background: #494949;
width: 7em;
height: 2em;
color: #fff;
font-weight: 400;
text-align: center;
margin-left: 2.5em;
line-height: 2em;
border-radius: 2em;
text-decoration: none;
}
.searchSelect {
display: inline-block;
float: right;
vertical-align: middle;
margin-top: 20px;
}
.searchSelect #custom-search-input {
margin: 0;
margin-top: 10px;
padding: 0;
}
.searchSelect #custom-search-input .input-group {
float: right;
width: 32.5em;
}
.searchSelect #custom-search-input .search-query {
background: #ffffff;
border: none;
text-align: center;
font-size: 1.5rem;
padding: 20px 20px;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3em;
-moz-border-radius: 3em;
border-radius: 3em;
border: 1px solid #b1afaf;
/*-webkit-box-shadow: 0px 1px 0px 0px rgba(164, 162, 162, 1);*/
/*-moz-box-shadow: 0px 1px 0px 0px rgba(164, 162, 162, 1);*/
/*box-shadow: 0px 1px 0px 0px rgba(164, 162, 162, 1);*/
}
.searchSelect #custom-search-input .input-group-btn {
position: absolute;
left: 30px;
top: 5px;
}
.searchSelect #custom-search-input button {
border: 0;
background: none;
/** belows styles are working good */
padding: 6px 8px;
margin-top: 2px;
position: relative;
left: -28px;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #545454;
z-index: 3;
}
/*.searchSelect .search-query:focus + button {*/
/* z-index: 4;*/
/*}*/
.otherLnks {
float: right;
margin-top: 2rem;
margin-left: 4rem;
padding: 20px 0;
font-size: 1.4rem;
letter-spacing: 0.05rem;
}
.otherLnks a {
color: #010101;
text-transform: uppercase;
}
.otherLnks a:hover { color: #ff8918; }
.otherLnks i {
margin-right: 5px;
}
.mainSearch {
float: right;
width: 250px;
}
.mainSearch .form-control {
background: #e8e8e8;
border: none;
-webkit-border-radius: 3em;
-moz-border-radius: 3em;
border-radius: 3em;
-webkit-box-shadow: 0px 1px 0px 0px rgba(164, 162, 162, 1);
-moz-box-shadow: 0px 1px 0px 0px rgba(164, 162, 162, 1);
box-shadow: 0px 1px 0px 0px rgba(164, 162, 162, 1);
}
/* Search */
#searchToggle {
display: none;
position: relative;
float: right;
font-size: 12px;
font-weight: bold;
padding: 4px 10px;
margin-top: 14px;
margin-right: 50px;
/* margin-bottom: 8px; */
background-color: transparent;
background-image: none;
border: 1px solid #d0d0d0;
border-radius: 4px;
color: #000;
text-align: left;
cursor: pointer;
text-decoration: none;
}
#searchToggle i { font-size: 28px; float: right; margin-top: -3px; margin-left: 4px; }
.descExpander {
display: none;
font-weight: 700;
/*display: inline-block;*/
text-align: center;
width: 100%;
}
.logoParentClass {
display: inline-block;
vertical-align: middle;
}
.logo {
position: relative;
margin-top: 25px;
margin-bottom: 10px;
vertical-align: middle;
max-width: 600px;
}
.logo img { max-width: 100%; }
.header-top-logo {
display: none;
}
.banner-top {
padding-top: 0;
position: relative;
z-index: 2;
}
.inner-head {
background-color: #fff;
}
.navbar-default {
background-color: transparent;
border-color: transparent;
}
.border-change {
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}
.navbar-nav > li {
/*float: none;*/
display: inline-block;
margin-left: -1.5rem;
margin-right: 1.5rem;
}
.navbar-default .navbar-nav > li > a {
font-size: 1.1em;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.05rem;
margin: 0;
}
.navbar-nav > li .caret {
position: absolute;
right: 4px;
top: 50%;
}
.navbar-nav {
display: flex;
float: none;
margin: 0 auto;
text-align: center;
}
.navbar-nav li:last-child {
margin-right: 0;
}
.navbar-collapse.collapse {
padding: 0;
border-top: 1px solid #b1afaf;
border-bottom: 1px solid #b1afaf;
}
.navbar-default .navbar-nav > li > a .chevron {
padding-left: 2px;
font-size: 0.6em;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
font-weight: 500;
text-decoration: underline;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #000;
background-color: transparent;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: -1px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
/*color: #fff;*/
font-weight: 500;
text-decoration: underline;
background-color: transparent;
/*border-left: 1px solid rgba(0,0,0,.15);*/
/*border-right: 1px solid rgba(0,0,0,.15);*/
}
/*.navbar-default .navbar-nav li:nth-child(n+7) {*/
/* display: none;*/
/*} */
.navbar-header {
float: none;
display: inline-block;
margin: 0 auto;
width: 100%;
}
.navbar-toggle {
border-color: transparent !important;
}
.navbar-toggle:after {
content: 'Menu';
font-size: 12px;
font-weight: bold;
color: #000;
position: absolute;
left: -40px;
top: 5px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: transparent;
}
ul.multi-column-dropdown h6 a {
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
color: #000000;
padding: 0;
}
.multi-column-dropdown li {
list-style-type: none;
margin: 0px 0 5px;
}
.multi-column-dropdown li ul {
padding-left: 4px;
}
.multi-column-dropdown li ul li a {
font-size: 12px;
}
.navbar-nav .multi-column-dropdown li {
cursor: pointer;
}
.multi-column-dropdown li a {
display: block;
clear: both;
line-height: 1em;
color: #000;
white-space: normal;
font-weight: 300;
}
.multi-column-dropdown li a.list {
font-weight: 600;
margin-bottom: 7px;
}
.dropdown-menu .divider {
height: 0px;
margin: 1px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.multi-column-dropdown li a:hover {
text-decoration: none;
color: #555;
background-color: #fff!important;
}
.dropdown-menu {
left: -250%;
}
.dropdown-menu.columns-2 {
min-width: 400px;
padding: 15px 20px;
}
.dropdown-menu.columns-3 {
min-width: 650px;
padding: 15px 20px;
}
#mobile-search-button {
display: none;
}
#shopping_cart_info {
margin-top: 20px;
min-width: 1170px;
}
#shopping_cart_info tr {
border-bottom: 1px solid #ebebeb;
}
#shopping_cart_info tr:first-child td {
padding: 0;
}
#shopping_cart_info tr td {
padding: 15px 0;
}
#shopping_cart_info tr:nth-last-child(1),
#shopping_cart_info tr:nth-last-child(2),
#shopping_cart_info tr:nth-last-child(3),
#shopping_cart_info tr:nth-last-child(4) {
border-bottom: transparent;
}
/* show cart */
.shopping-cart-info { width: 100%; margin: 20px auto;}
.shopping-cart-title {
display: block;
width: 100%;
float: left;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
}
.header-name {
width: 40%;
display: inline-block;
padding-left: 10%;
}
.header-price-qty {
width: 25%;
display: inline-block;
}
.header-qty {
width: 10%;
display: inline-block;
}
.header-points {
display: none;
float: right;
font-size: 0.8em;
padding: 2px 10px;
margin-bottom: 5px;
background: #ddd;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
}
.header-price {
width: 20%;
display: inline-block;
}
.content-item { width: 100%; margin: 10px auto; border-bottom: 1px solid #EBEBEB; vertical-align: middle; padding: 10px 0; max-height: 120px; overflow: hidden; }
.content-item:first-child { border-top: 1px solid #EBEBEB; }
.cart-content-item td {padding:5px 0;} 
.content-item-img { width: 10%; margin: 0; display: inline-block; vertical-align: top; max-height: 100px; overflow: hidden; }
.content-item-img a { display: inline-block; vertical-align: top; } 
.content-item-img img { max-width: 100%;}
.content-item-name { display: inline-block; vertical-align: middle; margin: 0 2%; width: 30%;}
.content-item-price-qty { display: inline-block; width: 25%; text-align: center;}
.content-item-qty { display: inline-block; vertical-align: middle; text-align: center; width: 10%;}
.content-item-qty input { text-align: center;}
.content-item-qty br { display: none; }
.content-item-price { display: inline-block; width: 20%; text-align: center;}
.shopping-cart-summary { display: inline-block; width: 100%;}
.cart-remove-all { width: 69%; display: inline-block;}
#cart_remove2 { font-size: 0.8em; color: #555; }
.cart_empty_cart2 { padding: 6px 12px; border: 1px solid #ff8918; border-radius: 3px; }
.shopping-cart-total-qty { display: inline-block; width: 10%; text-align: center;}
.shopping-cart-total-price { display: inline-block; width: 20%; font-weight: bold; text-align: center;}
.shopping-cart-apply-discount { margin: 20px auto;}
.shopping-cart-apply-discount td { padding-left: 0;}
.cart-description p { display: none;}
.ShowCartCheckOutBtn { border: 0;}
.ShowCartChangeQtyBtn { background: #3f3f3f; color: #fff; border: 0;/* border-radius: 2px;*/}
.ShowCartContinueBtn { background: #8a8a8a; color: #fff; border: 0; /*border-radius: 2px;*/}
.shopping-cart-buttons { margin: 20px auto; border-bottom: 1px solid #EBEBEB; text-align: right;}
.ShowCartContinueBtn, .ShowCartChangeQtyBtn, .ShowCartCheckOutBtn { font-weight: 700; padding: 1% 2%;}
.ShowCartCheckOutBtn { text-transform: uppercase; }
.mobile-shopping-cart-buttons { text-align: right; margin-bottom: 20px; }
.mobile-shopping-cart-buttons .ShowCartChangeQtyBtn { display: none;}
.DiscountCouponButton{ background: #000; color: #fff; border: 0;}
.primary_button { border: 0;}
.paymentlist { display: inline; float: right; padding-left: 4px; }
.paymentlist #checkoutoptions { padding-top: 10px; position: absolute; margin-left: -55px; }
.content-item-qty input[type="text"] {
width: 50%;
text-align: center;
display: block;
margin: 0 auto;
}
.cart_no_items {
margin: 10px 0;
display: block;
font-size: 1.2em;
}
.ShowCartContinueBtn, .ShowCartChangeQtyBtn, .ShowCartCheckOutBtn {
color: #fff; 
border: none;
padding: 10px 20px;
}
.cart-no-item { margin: 0 auto; display: block; }
.cart_total_value2,.cart_total_currency_type2 {
font-size: 1.4em;
}
#shipping_calculator table tr td table tr td .label { color: #000; }
#shipping_calculator table tr td table tr td {
color: #000; 
display: block;
float: left;
width: 100%;
text-align: center;
padding: 3px 0;
}
#shipping_calculator table tr td table tr { padding: 5px 0; }
.ShippingCalculatorButton { background: #3f3f3f; color: #fff; font-weight: 700; border: none; padding: 10px 20px; }
.discount-item { display: inline-block; width: 100%; padding: 10px 0; border-bottom: 1px solid #ebebeb
; }
.discount-item div { width: 12%; display: inline; float: left; padding-right: 50px; border-right: 1px solid #ebebeb;padding-left: 35px;padding-right: 35px;}
.discount-item div:first-child { padding-left: 0; }
.discount-item div:last-child { text-align: right; border-right: 1px solid transparent; }
.discount-info {
width: 53% !important;
}
.discount-qty {
width: 11% !important;
}
.discount-remove {
width: 10% !important;
padding-right: 0px;
}
.discount-value {
width: 13% !important;
}
/* Search */
#search {
position: fixed;
z-index: 20;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
}
#search.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1;
}
#search input[type="search"] {
position: absolute;
top: 50%;
width: 100%;
color: rgb(255, 255, 255);
background: rgba(0, 0, 0, 0);
font-size: 40px;
font-weight: 400;
text-align: center;
border: 0px;
margin: 0px auto;
margin-top: -51px;
padding-left: 30px;
padding-right: 30px;
outline: none;
}
#search .btn {
position: absolute;
top: 50%;
left: 50%;
margin-top: 61px;
margin-left: -45px;
padding: 10px 40px;
}
#search .close {
position: fixed;
top: 15px;
right: 15px;
color: #fff;
background-color: transparent;
border-color: #transparent;
opacity: 1;
padding: 10px 17px;
font-size: 32px;
}
/* ==========================================================================
Mobile Nav
========================================================================== */
a.nav-expander {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
display: block;
font-size: 15px;
font-weight: 400;
height: 50px;
margin-right: 0;
padding: 1em 1.6em 2em;
position: absolute;
right: 0;
text-decoration: none;
text-transform: uppercase;
top: 0;
transition: right 0.3s ease-in-out 0s;
width: 130px;
z-index: 12;
transition: right 0.3s ease-in-out 0s;
-webkit-transition: right 0.3s ease-in-out 0s;
-moz-transition: right 0.3s ease-in-out 0s;
-o-transition: right 0.3s ease-in-out 0s;
}
a.nav-expander:hover {
cursor: pointer;
}
a.nav-expander.fixed {
position: fixed;
}
.nav-expanded a.nav-expander.fixed {
right: 20em;
}
.mobilenav {
background: #ebebeb;
display: none;
height: 70%;
overflow: auto;
position: fixed;
right: -100%;
font-size: 15px;
bottom: 0;
width: 75%;
z-index: 2000;
transition: right 0.3s ease-in-out 0s;
-webkit-transition: right 0.3s ease-in-out 0s;
-moz-transition: right 0.3s ease-in-out 0s;
-o-transition: right 0.3s ease-in-out 0s;
}
.nav-expanded .mobilenav {
right: 0;
}
body.nav-expanded {
margin-left: 0em;
transition: right 0.4s ease-in-out 0s;
-webkit-transition: right 0.4s ease-in-out 0s;
-moz-transition: right 0.4s ease-in-out 0s;
-o-transition: right 0.4s ease-in-out 0s;
}
#nav-close {
font-weight: 400;
font-size: 24px;
padding-right: 10px;
padding-top: 0;
}
.menu-header {
float: left;
letter-spacing: 2px;
font-size: 16px;
text-transform: uppercase;
padding-top: 8px;
}
.mobile-menu {
padding-top: 12px;
}
.mobile-menu li {
border-bottom: 1px solid #E2E2E2;
font-size: 14px;
}
.mobile-menu li:first-child {
border-bottom: 1px solid #E2E2E2;
font-size: 14px;
padding: 7px 20px;
}
.mobile-menu li.syslinks {
border-top: 1px solid #222;
}
.mobile-menu li a {
color: #222;
padding: 7px 20px;
display: block;
text-decoration: none;
text-transform: capitalize;
}
.mobile-menu li a:hover {
color: #FFFFFF;
text-decoration: none;
}
.mobile-menu li .sub-nav {
border-bottom: 0px;
padding: 0px 20px;
font-size: 0.9em;
}
.mobile-menu li .sub-nav ul {
display: block !important;
list-style: none;
}
.mobile-menu a .caret {
width: 0;
height: 0;
display: inline-block;
vertical-align: top;
border-top: 4px solid #4f5963;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
margin-top: 8px;
}
.mobile-menu a:hover .caret {
border-top-color: #4f5963;
}
.mobile-menu li.open > a > .caret {
border-top: none;
border-bottom: 4px solid #4f5963;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.mobile-menu li.open > a:hover > .caret {
border-bottom-color: #4f5963;
}
.icon:before {
font-family: 'FontAwesome';
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-transform: none;
content: 'f105';
}
.mobile-menu li > a > span.icon {
float: right;
margin: 0.1em 1.7em -0.1em 0;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.mobile-menu li > a:hover > span.icon {
float: right;
margin: 0.1em 0.8em -0.1em 0;
opacity: 1;
}
#lgBtn {
display: inline-block;
margin-left: 1rem;
padding: 10px 20px;
color: #000000;
border: 1px solid #ff8918;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
#lgBtn:hover {
background: #ff8918;
color: #ffffff;
}
#lgOutBtn {
display: inline-block;
margin-left: 1rem;
padding: 10px 20px;
background: #ff8918;
color: #ffffff;
border: 1px solid #ff8918;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
#mcBtn {
display: inline-block;
padding: 10px 20px;
background: #ff8918;
border: 1px solid #ff8918;
color: #ffffff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
#mcBtn:hover {
background: rgba(255, 137, 24, 0.7);
}
.banner-bottom {
position: relative;
z-index: 2;
}
.banner-bottom-left {
float: Left;
margin: 110px 0px 0px 30px;
}
.banner-bottom-right {
float: right;
width: 100%;
}
.banner-bottom-left h2 {
font-size: 90px;
font-weight: 600;
line-height: 120px;
color: #AB1156;
transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
margin: 0 0 0 100px;
padding: 0;
}
.banner img {
position: absolute;
z-index: 1;
width: 100%;
border: 0;
}
.banner-left {
background: rgba(143, 7, 112, 0.9);
color: #ffffff;
font-size: 2em;
padding-top: 1.3em;
position: absolute;
padding: 1em;
width: 300px;
height: 170px;
bottom: 30px;
left: 27%;
z-index: 2;
}
.banner-left a { color: #fff; }
.banner-left span {
display: block;
font-size: 1.2em;
font-weight: 500;
margin-top: -10px;
}
.banner-left span i {
font-size: 0.65em;
}
.banner-left .background-choice { display: none; font-size: 12px; }
.banner-right {
background: rgba(52, 8, 153, 0.9);
color: #ffffff;
font-size: 1.5em;
position: absolute;
padding: 1em;
width: 300px;
height: 170px;
padding-top: 2em;
bottom: 30px;
right: 27%;
z-index: 2;
}
.banner-right a { color: #fff; }
.banner-right .background-choice { display: none; font-size: 12px; }
.ui-draggable .background-choice { display: block; }
.ui-draggable .gbSection .gbsCnt { position: initial !important; }
/*--header--*/
#slider2,
#slider3 {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0 auto;
}
.rslides_tabs li:first-child {
margin-left: 0;
}
.rslides_tabs .rslides_here a {
background: rgba(255, 255, 255, .1);
color: #fff;
font-weight: bold;
}
#ek-slider .swiper-button-prev, #ek-slider .swiper-button-next {
background: #fff;
width: 75px;
height: 75px;
}
#ek-slider .swiper-button-prev { background: url("./images/left-arrow.png") no-repeat; margin-left: -40px; margin-top: -30px; }
#ek-slider .swiper-button-next { background: url("./images/right-arrow.png") no-repeat; margin-right: -40px; margin-top: -30px; }
#ek-slider .swiper-button-prev i, #ek-slider .swiper-button-next i {
display: none;
position: absolute;
top: 50%;
left: calc(50% + 5px);
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
font-family: 'fontawesome';
font-size: 3rem;
color: #000000;
}
#ek-slider .swiper-button-next i {
left: calc(50% - 5px);
}
#ek-mob-slider {
display: none;
}
#heroContainer.ui-sortable.ui-droppable #ek-mob-slider {
display: block; 
}
/* Slider Mobile */
#ek-mob-slider.swiper-container {
display: none;
width: 100%;
height: 350px;
float: left;
}
#ek-mob-slider.swiper-container .swiper-slide {
overflow: hidden;
}
#ek-mob-slider.swiper-container .swiper-slide img {
width: auto;
max-width: none;
max-height: 100%;
min-height: 100%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
#ek-mob-slider .swiper-pagination-bullet {
position: relative;
width: 18px;
height: 18px;
border: 2px solid #fff;
}
#ek-mob-slider .swiper-pagination-bullet-active {
background: transparent !important;
}
#ek-mob-slider .swiper-pagination-bullet-active:after {
position: absolute;
content: "";
display: block;
background: #fff;
width: 6px;
height: 6px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
border-radius: 50%;
}
#ek-mob-slider .swiper-button-prev, #swipeForMobile .swiper-button-next {
background: rgba(0,0,0,0.5);
width: 120px;
height: 120px;
border-radius: 50%;
}
#ek-mob-slider .swiper-button-prev { margin-left: -50px; }
#ek-mob-slider .swiper-button-next { margin-right: -50px; }
#ek-mob-slider .swiper-button-prev i, #swipeForMobile .swiper-button-next i {
display: block;
position: absolute;
top: 50%;
left: calc(50% + 20px);
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
font-family: 'fontawesome';
font-size: 18px;
color: #fff;
}
#ek-mob-slider .swiper-button-next i {
left: calc(50% - 20px);
}
#ek-mob-slider .swiper-button-next {
}
/* End Slider Mobile */
.events {
list-style: none;
}
.callbacks_container {
position: relative;
float: left;
width: 100%;
}
.callbacks {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.callbacks li {
position: absolute;
width: 100%;
}
.callbacks .caption {
display: block;
position: absolute;
z-index: 2;
font-size: 20px;
text-shadow: none;
color: #fff;
left: 0;
right: 0;
padding: 10px 20px;
margin: 0;
max-width: none;
top: 10%;
text-align: center;
}
.callbacks_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 56%;
left: 0;
opacity: 0.7;
z-index: 3;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 70px;
width: 40px;
background: transparent url("./images/arrows2.png") no-repeat left top;
margin-top: 1%;
}
.callbacks_nav:hover {
opacity: 0.5;
}
.callbacks_nav.next {
left: auto;
background-position: right top;
right: 0px;
}
.callbacks_nav.prev {
right: auto;
background-position: left top;
left: 0px;
}
#slider3-pager a {
display: inline-block;
}
#slider3-pager span {
float: left;
}
#slider3-pager span {
width: 100px;
height: 15px;
background: #fff;
display: inline-block;
border-radius: 30em;
opacity: 0.6;
}
#slider3-pager .rslides_here a {
background: #FFF;
border-radius: 30em;
opacity: 1;
}
#slider3-pager a {
padding: 0;
}
#slider3-pager li {
display: inline-block;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
min-height: 650px;
left: 0;
top: 0;
display: block;
float: left;
}
.rslides li {
position: relative;
display: block;
float: left;
}
.rslides img {
height: auto;
border: 0;
}
.callbacks_tabs {
list-style: none;
position: absolute;
bottom: -21%;
z-index: 999;
left: 38%;
padding: 0;
margin: 0;
display: block;
}
.slider-top span {
font-weight: 600;
}
.callbacks_tabs li {
display: inline-block;
margin: 0 .3em;
}
.cart-icon {
margin-left: 10px;
color: #ACF121;
}
@media screen and (max-width: 600px) {
.callbacks_nav {
top: 47%;
}
}
/*----*/
.callbacks_tabs a {
visibility: hidden;
}
.callbacks_tabs a:after {
content: "f111";
font-size: 0;
font-family: FontAwesome;
visibility: visible;
display: block;
width: 40px;
height: 5px;
display: block;
background: #898989;
display: inline-block;
border: none;
}
.callbacks_here a:after {
background: #AB1156;
}
.banner-info {
text-align: center;
width: 70%;
padding: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.banner-info h2 {
font-size: 68px;
line-height: 1.2em;
padding: 0;
text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
}
.banner-info p {
font-size: 18px;
text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
margin: 20px 0;
}
.shop {
margin: 7% auto 0;
}
.shop a {
text-decoration: none;
padding: 12px 32px;
font-size: 14px;
letter-spacing: 1px;
border-top: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
}
.shop a:hover {
border-top: 5px solid #ffffff;
border-bottom: 5px solid #ffffff;
}
/*-- online-strip --*/
.online-strip {
border-top: 1px solid #C8C8C8;
border-bottom: 1px solid #C8C8C8;
padding: 20px 0;
text-align: center;
margin: 40px 0 30px;
}
.shipping-grid {
border-left: 1px solid #C8C8C8;
border-right: 1px solid #C8C8C8;
}
.shipping {
float: left;
width: 13%;
margin-right: 3%;
margin-left: 20%;
}
.shipping img {
width: 100%;
margin-top: 10%;
}
.shipping-text {
float: left;
}
.online-strip h3 {
/*color: #AB1156;*/
font-size: 1.5em;
padding: 0;
}
.follow-us h3 {
margin-top: 0.4em;
}
.online-strip p {
font-size: 0.95em;
}
a.twitter {
width: 25px;
height: 25px;
background: url(./images/follow.png) no-repeat 0px 0px;
display: inline-block;
margin: 0 1em;
vertical-align: text-bottom;
}
a.twitter:hover,
a.facebook:hover {
opacity: 0.5;
}
a.facebook {
width: 25px;
height: 25px;
background: url(./images/follow.png) no-repeat -25px 0px;
display: inline-block;
vertical-align: text-bottom;
}
/*-- online-strip --*/
.hmaSl {
display: block;
position: relative;
width: calc(50% - 7.5px);
height: 100px;
margin-bottom: 15px;
padding: 0.4em;
font-size: 2em;
text-transform: uppercase;
letter-spacing: 0.4rem;
overflow: hidden;
}
.hmaSl a {
position: relative;
display: block;
height: calc(100%);
width: 100%;
padding: 0.75em;
}
.hmaSl a:hover {
text-decoration: none;
}
.hmaSl:first-child i {
color: #ff8918; 
float: right;
margin-top: 5px;
}
.whaSl {
background: rgba(255,255,255,0.8);
}
.hmaSl img {
position: absolute;
min-width: 100%;
top: 0;
left: 0;
}
.hmaSl a {
color: #000000;
}
/*.hmaSl:nth-child(2) {*/
/* background: url(./images/flowbg.png) no-repeat;*/
/* background-size: cover;*/
/*}*/
.hmaSl:nth-child(2) i {
float: right;
background: #ff8918;
color: #fff;
margin-top: 5px;
padding: 2px 4px;
}
.head.text-center {
font-size: 24px;
font-weight: 500;
padding: 0;
}
/*-- front-page-description --*/
.front-page-description {
padding: 50px 0 30px;
}
.front-page-description p {
text-align: center;
font-size: 36px;
font-weight: 300;
}
.main-content {
padding-top: 15px;
}
.cat-intro {
display: block;
margin-left: -15px;
margin-right: -15px;
}
.cat-intro .cat-intro-section {
max-width: 50%;
width: 50%;
max-height: 430px;
margin-bottom: 20px;
overflow: hidden;
text-transform: uppercase;
color: #ffffff;
letter-spacing: 1px;
position: relative;
height: 430px;
}
.cat-intro .cat-intro-content {
position: relative;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.cat-intro .cat-intro-section img {
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
min-height: 100%;
}
.gifts-brands {
display: inline-block;
width: 100%;
}
#gift_brands_section {
display: inline;
}
#gift_brands_section .ui-draggable {
float: left;
width: 33.333%
}
#gift_brands_section .ui-draggable .gbSection {
width: 100%;
}
.gifts-brands .gbSection {
display: inline-block;
position: relative;
width: calc(33.333% + 0.3px);
margin-right: -4px;
height: 360px;
background: #777;
overflow: hidden;
}
.gifts-brands .gbSection .gbsCnt:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+74,000000+100&0+0,0.2+74,0.4+100 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 74%, rgba(0, 0, 0, 0.8) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 74%, rgba(0, 0, 0, 0.8) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 74%, rgba(0, 0, 0, 0.8) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000', GradientType=0);
/* IE6-9 */
}
.gifts-brands .gbSection img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
z-index: 1;
}
.gifts-brands .gbSection .gbsCnt {
display: block;
position: absolute;
height: 100%;
width: 100%;
padding: 2em;
color: #ffffff;
z-index: 2;
}
.gifts-brands .gbSection .gbsCnt h3 {
margin-top: 3em;
font-weight: 400;
font-size: 2.5em;
z-index: 3;
position: relative;
}
.gifts-brands .gbSection .gbsCnt p {
padding-top: 0.5em;
padding-bottom: 1em;
z-index: 3;
position: relative;
}
.gifts-brands .gbSection .gbsCnt i {
font-size: 1.5em;
z-index: 3;
position: relative;
}
.gifts-brands .gbSection .gbsCnt a {
color: #fff;
}
.gifts-brands .gbSection:hover img {
opacity: 0.8;
}
.gifts-brands .gbSection .gbsCnt a:hover {
text-decoration: none;
}
.gifts-brands .gbSection .brandSelect {
height: calc(100% - 80px);
margin-top: 0;
padding-top: 20px;
margin-left: 30px;
width: calc(100% - 80px);
border-top: 4px solid #000;
overflow-y: scroll;
}
.gifts-brands .gbSection .brandSelect li {
list-style-type: none;
}
.gifts-brands .gbSection .brandSelect .brand_name a {
color: #454545;
font-weight: 500;
line-height: 2em;
}
.gifts-brands .gbSection .brandHeader {
font-size: 1.8em;
padding-left: 30px;
padding-top: 40px;
}
.gbSectToggle {
display: none !important;
background: #fff;
height: 28px;
width: 210px;
position: absolute;
right: 0;
font-size: 13px;
font-weight: bold;
text-transform: capitalize;
padding: 4px 10px;
letter-spacing: -0.5px;
cursor: pointer;
z-index: 100;
}
div.connectSortable.ui-sortable.ui-droppable .gbSectToggle {
display: block !important;
}
/*.cat-intro .cat-intro-section:after {*/
/* content: "";*/
/* display: block;*/
/* background: #000;*/
/* height: 100%;*/
/* width: 100%;*/
/* top: 0;*/
/* left: 0;*/
/* position: absolute;*/
/* opacity: 0.3;*/
/*}*/
.flexcard {
display: block;
vertical-align: middle;
}
.flexcard-image {
height: 70%;
max-width: 100%;
overflow: hidden;
}
.flexcard-content {
max-width: 100%;
}
#new_title_name,
#front_title_name {
font-size: 32px;
font-weight: 600;
padding: 0;
margin-top: 1em;
text-align: center;
}
.products-grid {
padding: 15px 0 30px;
display: block;
}
.products-grid header {
width: 100%;
display: inline-block;
}
#top_title_name {
margin-top: 2em;
font-size: 1.5em;
font-weight: 500;
color: #000;
display: inline-block;
width: 100%;
text-align: center;
}
#layoutSwitch {
display: none;
text-align: right;
}
#layoutSwitch a {
display: inline-block;
padding: 10px 5px;
color: #555;
font-size: 16px;
}
#modal-product-name {
color: #000000;
}
#modal-product-pic {
width: 100%;
margin-bottom: 15px;
}
#modal-product-pic img {
max-width: 70%;
width: 70% !important;
height: auto !important;
max-height: 50vh;
display: block;
margin: 0 auto;
}
#modal-product-price {
font-size: 18px;
text-align: center;
color: #000;
padding: 5px auto;
}
#modal-product-link,
#modal-product-cart {
text-align: center;
padding: 5px auto;
}
#modal-product-link {
margin-top: 10px;
}
#modal-cart-link {
color: #ffffff;
}
.product {
display: inline-block;
position: relative;
text-align: left;
cursor: pointer;
margin-top: -1px;
padding: 12px;
border-left: 1px solid transparent;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.product:nth-child(1n+1) {
border-right: 1px solid transparent;
margin-left: -1px;
}
.shrinker {
width: 25% !important;
max-height: 80px;
}
.shrinker .product_pic_div {
height: 80px !important;
}
.opac0 {
opacity: 0;
}
.prodlisting .product {
margin-top: -1px;
}
.products-grid .product:hover {
border: 1px solid #868686;
position: relative;
z-index: 10;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.products-grid a {
display: block;
color: #000;
font-weight: 400;
font-size: 14px;
text-decoration: none;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
/* Transition */
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.products-grid a img {
position: relative;
}
.product a {} a.product_name {
margin: 15px 0;
}
.product-left:hover .p-one {
border: 1px solid #8c2830;
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
}
.product-left:hover .p-one p a {
color: #8c2830;
}
.product-left:hover .mask {
display: block;
}
.products-grid .product img {
display: block;
max-width: 80%;
max-height: 100%;
/* center align vertical and horizontal */
position: relative;
/* or absolute*/
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product_pic_div {
height: 400px;
max-height: 400px;
}
.mask {
display: none;
position: absolute;
top: 44%;
left: 33%;
}
.mask a {
background: rgba(255, 255, 255, 0.74);
color: #000;
font-size: 15px;
font-weight: 400;
padding: 6px 12px;
text-decoration: none;
}
.product-left {
position: relative;
text-align: center;
}
.mask a:hover {
text-decoration: none;
background: #AB1156;
color: #fff;
transition: 0.7s all;
-webkit-transition: 0.7s all;
-o-transition: 0.7s all;
-moz-transition: 0.7s all;
-ms-transition: 0.7s all;
}
.product-one {
margin-top: 4%;
}
.product-one:nth-child(1) {
margin-top: 0;
}
.product p {
color: #999;
font-family: 'Open Sans';
font-weight: 700;
display: inline-block;
vertical-align: middle;
}
.product p a {
text-decoration: none;
color: #999;
}
.product p i {
background: url(./images/cart.png) no-repeat;
width: 20px;
height: 14px;
display: inline-block;
margin-right: 4px;
vertical-align: middle;
}
.product-left:hover .product p i {
background: url(./images/cart-2.png) no-repeat;
}
div[data-iessection="layoutproductlisting"] {
padding-top: 0.5em;
}
div[data-iessection="layoutproductlisting"] .page_description_main {
width: 80%; 
max-width: none;
font-weight: 400;
/*text-align: justify;*/
}
div[data-iessection="layoutproductlisting"] .page_description_main h1, div[data-iessection="layout"] .page_description_main h1 {
line-height: 1.6em;
font-size: 18px;
padding-bottom: 10px;
}
div[data-iessection="layoutproductlisting"] .page_description_main h2, div[data-iessection="layout"] .page_description_main h2 {
font-size: 16px; 
line-height: 1.6em;
}
div[data-iessection="layoutproductlisting"] .page_description_main h3, div[data-iessection="layout"] .page_description_main h3 {
font-size: 14px; 
line-height: 1.6em;
}
div[data-iessection="layoutproductlisting"] .page_description_main p {
line-height: 1.7em;
color: #7d7d7d;
}
div[data-iessection="layoutproductlisting"] .page_description_main * {
font-family: inherit !important;
}
.st2 {
display: block;
opacity: 0;
background: rgba(0,0,0,0.7);
color: #fff;
z-index: 3;
position: absolute;
width: 100%;
padding: 10px;
bottom: 0;
left: 50%;
transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
/*--end-product--*/
h3.like {
font-size: 12px;
color: #ffffff;
display: inline-block;
margin-top: -60px;
float: left;
text-transform: uppercase;
background-color: #2c7ec4;
font-weight: 500;
padding: 3px 6px;
}
a.like_name {
line-height: 40px;
display: block;
color: #000;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 2px;
text-decoration: none;
}
#flexiselDemo1,
#flexiselDemo3 {
display: none;
}
.nbs-flexisel-container {
position: relative;
max-width: 100%;
margin-top: 3em;
}
.nbs-flexisel-ul {
position: relative;
width: 9999px;
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
.nbs-flexisel-inner {
overflow: hidden;
box-shadow: -10px -2px 20px -10px #AAAAAA;
-webkit-box-shadow: -10px -2px 20px -10px #AAAAAA;
-moz-box-shadow: -10px -2px 20px -10px #AAAAAA;
margin: 0 auto;
}
.nbs-flexisel-item {
float: left;
margin: 0px;
padding: 0 10px;
cursor: pointer;
position: relative;
line-height: 1.2em;
}
.nbs-flexisel-item > img {
cursor: pointer;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
max-width: 350px;
max-height: 500px;
display: inline-block;
}
.nbs-flexisel-item a img {
max-height: 190px;
}
.grid-flex {
margin: 20px 0 20px 0;
}
.nbs-flexisel-item > img {
cursor: pointer;
position: relative;
width: 90%;
}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
width: 45px;
height: 45px;
position: absolute;
cursor: pointer;
z-index: 100;
margin-top: -2em;
}
.nbs-flexisel-nav-left {
left: 0px;
background: url(./images/arrows.png) no-repeat -8px -7px;
}
.nbs-flexisel-nav-right {
right: 0px;
background: url(./images/arrows.png) no-repeat -61px -7px;
}
.other-products {
background-color: #d0d0d0;
padding: 60px 0;
margin-bottom: -40px;
}
.liked-product {
margin-top: 0;
}
/* Product CatListing */
.catlisting {
color: #000;
max-width: 19%;
min-height: 250px;
width: 100%;
float: left;
margin-right: 1%;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 5px;
/* border shadow */
-webkit-box-shadow: 0px 1px 4px 1px rgba(219,219,219,1);
-moz-box-shadow: 0px 1px 4px 1px rgba(219,219,219,1);
box-shadow: 0px 1px 4px 1px rgba(219,219,219,1);
}
.catlisting .cat_name a:before {
background-image: url(./images/checkbox-black-retina.png);
background-position: -40px -176px;
background-repeat: no-repeat;
display: inline-block;
height: 16px;
line-height: 16px;
margin-top: 3px;
vertical-align: text-top;
margin-left: -15px;
margin-right: 3px;
width: 12px;
content: "";
}
.catlisting .page_description_header_main {
padding: 0 5px;
margin-bottom: 10px;
font-size: 1em;
font-weight: 600;
}
.catlisting .page_description_main {
display: none;
}
.cat_list {
display: block;
padding: 3px 0;
}
.cat_img {
max-height: 100px;
max-width: 100px;
display: none;
}
.categoryPicList {
display: inline-block;
width: 100%;
padding-top: 3em;
/*border-top: 1px solid #d6d6d6;*/
}
.categoryPicList .cat_list { display: inline-block; margin: 0 15px 30px; padding: 3px 3px; vertical-align: top; width: 14em; height: 14.5em; text-align: center; cursor: pointer; border: 1px solid #000; overflow: hidden; }
.categoryPicList .cat_img {
display: block;
vertical-align: top;
height: 80%;
max-width: none;
max-height: none;
position: relative;
overflow: hidden;
}
.categoryPicList .cat_img img {
height: auto;
width: 80%;
position: relative;
top: 50%;
left: 40%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.categoryPicList .cat_list:hover { border: 6px solid #ff8918; }
.categoryPicList .cat_list:hover .cat_img { transform: scale(1.1); }
.categoryPicList .cat_name { display: block; padding-top: 5px; }
.categoryPicList .cat_name a { line-height: 1.32em; }
#maindesc {
padding: 0 0px 10px 0px;
display: block;
max-width: 80%;
}
#breadcrumbs {
width: 100%;
display: block;
min-height: 30px;
padding-bottom: 10px;
padding-top: 15px;
}
#breadcrumbs .category_breadcrumbs a {
font-weight: 500;
color: #000;
font-size: 0.8em;
padding-right: 0.4em;
text-transform: uppercase;
}
#breadcrumbs .category_breadcrumbs a:last-child { font-weight: bold; }
.breadcrumbs a {
font-weight: 400;
color: #337ab7;
font-size: 0.7em;
padding-right: 0.4em;
text-transform: uppercase;
text-decoration: underline;
}
.breadcrumbs a:last-child {
color: #000;
font-weight: 500;
text-decoration: none; 
}
/* Product Page Stuff */
.push-down {
margin-top: 30px;
}
/*-- news-letter-starts-here --*/
.news-letter {
background-color: #212121;
padding: 35px 0;
margin: 0;
}
.join h6 {
font-size: 22px;
font-weight: 300;
color: #ffffff;
float: left;
margin-right: 5%;
margin-top: 10px;
letter-spacing: 1px;
font-family: 'Open Sans';
padding: 0;
}
.newsletter form {
margin-top: 2em;
}
.newsletter input[type="text"], .footer .newsletterForm input[type="text"] {
display: inline-block;
width: 60%;
height: 50px;
/*color: #959595;*/
color: #000000;
font-weight: 400;
font-size: 1.6rem;
margin-right: 2%;
padding: 10px 10px;
border: 1px solid #aaaaaa;
outline: none;
text-align: left;
}
.newsletter input[type="text"]:focus, .footer .newsletterForm input[type="text"]:focus {
color: #000;
}
.newsletter input[type="submit"], .footer .newsletterForm input[type="submit"] {
display: inline-block;
outline: none;
cursor: pointer;
width: 34%;
height: 51px;
padding: 2px 0 2px;
background: #303030;
border: 2px solid #cbcbcb;
color: #ffffff;
font-size: 1.6rem;
font-weight: 500;
margin: 0px 0 0 -3px;
-webkit-apperance: none;
}
.newsletter input[type="submit"]:hover, .footer .newsletterForm input[type="submit"]:hover {
background-color: #404040;
}
.footer .newsletterForm input[type="text"], .footer .newsletterForm input[type="submit"] {
vertical-align: top;
}
/*-- news-letter-ends-here --*/
/*-- footer-starts-here --*/
.span1_of_4 h4 {
margin: 0 0 15px 0;
font-size: 18px;
color: #000;
text-transform: capitalize;
font-weight: 500;
padding: 0;
}
.footer {
padding: 0 0 50px;
background: #ffffff;
color: #454545;
}
ul.f_nav li,
.infopages {
list-style-type: none;
margin: 5px 0;
-moz-column-width: 16em;
-webkit-column-width: 16em;
column-width: 16em;
}
.infopages li {
list-style-type: none;
line-height: 1.8em;
}
ul.f_nav li a,
.infopages li a {
list-style-type: none;
font-size: 0.9em;
color: inherit;
text-transform: capitalize;
}
.footer .span_of_4 h4 {
font-weight: 600;
}
.footer .span_of_4 ul li {
list-style-type: none;
line-height: 1.6em;
}
.footer .span_of_4 ul li a {
color: #828282;
}
.footer .span_of_4 ul li a:hover {
text-decoration: none;
} 
.footer .newsletterForm {
display: inline-block;
width: 100%;
padding: 1.5rem 0;
}
.footer .copyright { margin-top: 40px; }
/*ul.f_nav li div:nth-of-type(1n+6),*/
/*.infopages li:nth-of-type(1n+6) {*/
/* display: none;*/
/*}*/
.cards.text-center {
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
margin: 40px 0;
padding: 25px 0;
}
.copyright p {
font-size: 13px;
font-weight: 400;
color: #929292;
}
.copyright p a {
color: #AB1156;
}
/*-- footer-ends-here --*/
/*-- products-page-starts-here --*/
.products {
width: 20%;
margin-right: 2%;
float: left;
}
.product-listy {
background: #91b900;
}
ul.product-list {
padding: 0em 0 0.5em 0;
margin: 0.5em 0;
}
ul.product-list li {
display: block;
margin: 5px 0;
}
ul.product-list li a {
color: #FFF;
text-transform: uppercase;
font-size: 0.85em;
text-decoration: none;
padding: 5px 2em;
font-family: 'Doppio One', sans-serif;
font-weight: 400;
display: block;
}
ul.product-list li a:hover {
background: #000;
color: #fff;
padding: 5px 2em;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.product-listy h2 {
color: #fff;
background: #AB1156;
font-size: 15px;
padding: 23px;
font-weight: 600;
text-transform: uppercase;
}
.latest-bis {
margin: 1.5em 0;
position: relative;
}
.offer {
position: absolute;
bottom: 13%;
right: 2%;
}
.offer p {
font-size: 30px;
color: #fff;
background: rgba(129, 98, 99, 0.73);
padding: 15px 8px;
border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
font-weight: 400;
}
.offer small {
color: #7C7C7C;
font-size: 18px;
}
.tags {
list-style: none;
background: #FCFCFC;
margin-top: 2em;
padding: 1em;
font-weight: 400;
}
h4.tag_head {
color: #333;
font-weight: 600;
font-size: 20px;
margin-bottom: 20px;
padding: 0;
}
ul.tags_links {
padding: 0;
list-style: none;
}
ul.tags_links li {
display: inline-block;
margin: 8px 3px;
}
ul.tags_links li a {
color: #333;
font-size: 1em;
background: #e9e9e9;
padding: 5px 10px;
}
ul.tags_links li a:hover {
text-decoration: none;
background: #AB1156;
color: #fff;
}
.link1 {
font-size: 0.85em;
line-height: 18px;
color: #333;
font-weight: bold;
background: url(./images/tag_arrow.png) right 4px no-repeat;
padding-right: 20px;
margin-top: 1.5em;
display: inline-block;
}
.link1:hover {
color: #fb4d01;
text-decoration: none;
}
.new-product {
width: 78%;
float: right;
background: rgba(245, 243, 243, 0.27);
min-height: 800px;
padding: 2em;
}
ul.product-top-list {
padding: 0;
float: left;
}
ul.product-top-list li {
display: inline-block;
font-size: 0.82em;
color: #777;
}
ul.product-top-list li a {
color: #AB1156;
font-size: 16px;
}
ul.product-top-list li span.act {
background: yellow;
font-size: 14px;
padding: 3px;
}
p.back {
float: right;
font-size: 0.82em;
}
p.back a {
font-size: 14px;
color: #B9B4B5;
}
.labout {
display: block;
float: left;
margin: 0 3.6% 0 0;
}
.span_2_of_al {
width: 40%;
width: 46%;
float: left;
}
.span_2_of_al h3 {
color: #333;
text-transform: uppercase;
font-size: 1.7em;
font-weight: bold;
}
ul.ratings {
padding: 0;
margin-top: 1em;
}
ul.ratings li {
display: inline-block;
}
ul.ratings li a {
font-size: 0.87em;
color: #000;
text-decoration: none;
font-weight: 600;
}
i.rating-ed {
background: url(./images/stars.png)no-repeat -9px;
}
.price_single {
font-size: 1.3em;
margin: 0.5em 0 1.5em;
font-family: 'Doppio One', sans-serif;
font-weight: 400;
}
span.reducedfrom {
text-decoration: line-through;
margin-right: 3%;
color: #555;
}
span.actual {
color: #ee4a02;
font-size: 1em;
margin-right: 5%;
}
.price_single a {
color: #999;
font-size: 13px;
}
h2.quick {
color: #555;
font-size: 0.85em;
text-transform: uppercase;
}
p.quick_desc {
color: #999;
font-size: 0.8125em;
line-height: 1.8em;
}
ul.product-qty {
padding: 0;
list-style: none;
}
.product-qty span {
color: #555;
font-size: 0.85em;
padding-bottom: 0.5em;
display: block;
text-transform: uppercase;
margin-top: 2em;
}
.product-qty select {
border: 1px solid #eee;
padding: 0.5em;
font-size: 1em;
outline: none;
}
.btn_form form input[type="submit"] {
cursor: pointer;
border: none;
outline: none;
display: inline-block;
font-size: 1em;
padding: 13px 20px;
color: #fff;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-top: 2em;
}
.btn_form form input[type="submit"]:hover {} .abt-ft {
margin-top: 2em;
}
.singel_right {
margin-bottom: 2em;
}
h3.new-models {
font-size: 1.2em;
background: #ee4a02;
padding: 5px;
font-weight: 600;
color: #fff;
}
.view-first:hover .mask {
opacity: 1;
}
.view .mask,
.view .content {
position: absolute;
overflow: hidden;
top: 10em;
left: 6.2em;
}
.view-first .mask {
opacity: 0;
background-color: rgba(219, 127, 8, 0.7);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
padding: 10px 15px;
background: rgba(255, 255, 255, 0.82);
-moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
color: #000;
font-size: 0.85em;
font-weight: bold;
}
p.title {
color: #000;
font-size: 0.95em;
font-weight: bold;
}
.cart-left {
float: left;
margin-right: 2.6%;
}
p.title {
color: #000;
font-size: 0.95em;
font-weight: 700;
margin: 0;
}
.pricey {
float: right;
font-weight: bold;
font-size: 0.95em;
}
.view .mask,
.view .content {
position: absolute;
overflow: hidden;
top: 11.5em;
left: 8.2em;
}
.view-first:hover .mask {
opacity: 1;
}
.view .mask,
.view .content {
position: absolute;
overflow: hidden;
top: 11.5em;
left: 8.2em;
}
.product_image {
position: relative;
}
.product_container {
padding: 1em;
}
.products-page {
padding: 4em 0;
}
.sort-by select {
outline: none;
}
.pages {
float: right;
}
.pages .limiter {
color: #747474;
font-size: 12px;
text-transform: uppercase;
}
.pages .limiter label {
vertical-align: middle;
}
.pages .limiter select {
padding: 0;
margin: 0 0 1px;
vertical-align: middle;
}
.limiter.visible-desktop label {
font-weight: normal;
margin: 0;
}
.mens-toolbar {
margin: 23px 0;
font-size: 20px;
}
.mens-toolbar .sort {
float: left;
width: 20.5%;
}
.sort-by {
color: #000;
font-size: 0.9em;
text-transform: uppercase;
}
.sort-by label {
font-weight: normal;
float: left;
margin: 2px 5px 0 0;
}
ul.pagenation {
float: right;
clear: both;
padding: 0;
list-style: none;
}
ul.pagenation li {
float: left;
margin: 0px;
margin-left: 5px;
padding: 0px;
list-style: none;
font-size: 14px;
}
ul.pagenation li a {
color: #000;
display: block;
padding: 6px 8px 2px;
text-decoration: none;
font-size: 1em;
font-weight: 500;
text-transform: uppercase;
}
ul.pagenation li.active a,
ul.pagenation li a:hover {
background: #000000;
color: #fff;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
}
ul.pagenation li.pagingnumselected {
background: #000000;
}
ul.pagenation li.pagingnumselected a {
color: #fff;
}
.product-listy {
background: #9E9C9C;
}
ul.product-list {
padding: 0em 0 0.5em 0;
margin: 0.5em 0;
}
ul.product-list li {
display: block;
margin: 5px 0;
}
ul.product-list li a {
color: #FFF;
text-transform: uppercase;
font-size: 0.85em;
text-decoration: none;
padding: 5px 2em;
font-family: 'Doppio One', sans-serif;
font-weight: 400;
display: block;
}
ul.product-list li a:hover {
background: #AB1156;
color: #fff;
padding: 5px 2em;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.latest-bis {
margin: 1.5em 0;
position: relative;
}
.offer {
position: absolute;
bottom: 13%;
right: 2%;
}
ul.tags_links {
padding: 0;
list-style: none;
}
ul.tags_links li {
display: inline-block;
margin: 8px 3px;
}
ul.tags_links li a {
color: #333;
font-size: 1em;
background: #e9e9e9;
padding: 5px 10px;
}
ul.tags_links li a:hover {
text-decoration: none;
}
.link1 {
font-size: 0.85em;
line-height: 18px;
color: #333;
font-weight: bold;
background: url(./images/tag_arrow.png) right 4px no-repeat;
padding-right: 20px;
margin-top: 1.5em;
display: inline-block;
}
.link1:hover {
color: #fb4d01;
text-decoration: none;
}
ul.product-top-list {
padding: 0;
float: left;
}
ul.product-top-list li {
display: inline-block;
font-size: 0.82em;
color: #777;
}
p.back {
float: right;
font-size: 0.82em;
}
.labout {
display: block;
float: left;
margin: 0 3.6% 0 0;
}
.span_2_of_al {
width: 40%;
width: 46%;
float: left;
}
.span_2_of_al h3 {
color: #333;
text-transform: uppercase;
font-size: 1.7em;
font-weight: bold;
}
ul.ratings {
padding: 0;
margin-top: 1em;
}
ul.ratings li {
display: inline-block;
}
ul.ratings li a {
font-size: 0.87em;
color: #000;
text-decoration: none;
font-weight: 600;
}
i.rating-ed {
background: url(./images/stars.png)no-repeat -9px;
}
.price_single {
font-size: 1.3em;
margin: 0.5em 0 1.5em;
font-family: 'Doppio One', sans-serif;
font-weight: 400;
}
span.reducedfrom {
text-decoration: line-through;
margin-right: 3%;
color: #555;
}
span.actual {
color: #ee4a02;
font-size: 1em;
margin-right: 5%;
}
.price_single a {
color: #999;
font-size: 13px;
}
h2.quick {
color: #555;
font-size: 0.85em;
text-transform: uppercase;
}
p.quick_desc {
color: #999;
font-size: 0.8125em;
line-height: 1.8em;
}
ul.product-qty {
padding: 0;
list-style: none;
}
.product-qty span {
color: #555;
font-size: 0.85em;
padding-bottom: 0.5em;
display: block;
text-transform: uppercase;
margin-top: 2em;
}
.product-qty select {
border: 1px solid #eee;
padding: 0.5em;
font-size: 1em;
outline: none;
}
.btn_form form input[type="submit"] {
cursor: pointer;
border: none;
outline: none;
display: inline-block;
font-size: 1em;
padding: 13px 20px;
color: #fff;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-top: 2em;
}
.btn_form form input[type="submit"]:hover {} .abt-ft {
margin-top: 2em;
}
.singel_right {
margin-bottom: 2em;
}
h3.new-models {
font-size: 1.2em;
background: #ee4a02;
padding: 5px;
font-weight: 600;
color: #fff;
}
.view .mask,
.view .content {
position: absolute;
overflow: hidden;
top: 12em;
left: 6.2em;
}
p.title {
color: #000;
font-size: 0.95em;
font-weight: bold;
}
.cart-left {
float: left;
margin-right: 2.6%;
}
p.title {
color: #000;
font-size: 0.95em;
font-weight: 700;
margin: 0;
}
.pricey {
float: right;
font-weight: bold;
font-size: 0.95em;
}
.product_container {
padding: 1em;
border-top: 10px solid #f8f8f8;
}
.products-page {
padding: 60px 0;
}
/*---- Best Buy Starts Here ---*/
.mens-toolbar .sort {
float: left;
width: 20.5%;
}
.sort-by {
color: #828282;
font-size: 13px;
text-transform: uppercase;
}
ul.women_pagenation {
float: right;
padding: 0;
list-style: none;
}
ul.women_pagenation li.active a,
ul.women_pagenation li a:hover {
background: #3C3038;
color: #fff;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.sort-by select {
outline: none;
}
.pages {
float: right;
}
.pages .limiter label {
vertical-align: middle;
}
.limiter.visible-desktop label {
font-weight: normal;
margin: 0;
}
.product_image:hover .mask {
display: block;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
/*-- products-page-ends-here --*/
/*-- login-starts-here --*/
.login-left {
padding: 0;
}
.login-left h2 {
color: #000;
font-size: 20px;
padding-bottom: 18px;
font-weight: 600;
}
.login-right h3 {
color: #000;
font-size: 20px;
padding-bottom: 18px;
font-weight: 600;
}
li.home a {
color: #AB1156;
font-size: 16px;
}
.login-left p,
.login-right p {
color: #CAC9C9;
display: block;
font-size: 1.1em;
margin: 0 0 2em 0;
line-height: 1.5em;
}
.acount-btn {
background: #000000;
color: #FFF;
font-size: 15px;
padding: 0.7em 1.2em;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
display: inline-block;
text-transform: uppercase;
}
.acount-btn:hover,
.login-right input[type="submit"]:hover {
opacity: 0.8;
text-decoration: none;
}
.tableerror {
color: #ff0000;
}
.login-right form {
padding: 1em 0;
}
.login-right form div {
padding: 0 0 2em 0;
}
.login-right span {
color: #555;
font-size: 1em;
padding-bottom: 0.2em;
display: block;
text-transform: uppercase;
}
.login-right input[type="text"] {
border: 1px solid #EEE;
outline-color: #CACACA;
width: 96%;
font-size: 13px;
padding: 8px;
}
.login-right input[type="password"] {
border: 1px solid #EEE;
outline-color: #CACACA;
width: 96%;
font-size: 13px;
padding: 8px;
}
.login-right input[type="submit"] {
background: #AB1156;
color: #FFF;
font-size: 1em;
padding: 0.7em 1.2em;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
display: inline-block;
text-transform: uppercase;
border: none;
outline: none;
}
a.forgot {
font-size: 1em;
margin-right: 11px;
}
ul.breadcrumbs {
padding: 0;
list-style: none;
float: left;
}
ul.breadcrumbs li {
display: inline-block;
color: #000;
}
ul.breadcrumbs li.women {
background: yellow;
font-size: 14px;
padding: 3px;
}
ul.previous {
padding: 0;
list-style: none;
float: right;
margin-top: 3px;
}
ul.previous li a {
font-size: 14px;
color: #B9B4B5;
}
.dreamcrub {
margin: 15px 0 60px 0;
background-color: #FDFDFD;
padding: 10px 20px;
}
.mens-toolbar .sort {
float: left;
width: 20.5%;
}
.sort-by label {
font-weight: normal;
}
.mens-toolbar .pages {
float: right;
margin: 0;
}
ul.women_pagenation.dc_paginationA.dc_paginationA06 {
float: right;
padding: 0;
list-style: none;
}
.pages {
float: right;
}
.pages .limiter {
color: #000;
font-size: 0.8125em;
text-transform: uppercase;
}
.pages .limiter select {
padding: 0;
margin: 0 0 1px;
vertical-align: middle;
}
ul.women_pagenation li {
float: left;
margin: 0px;
margin-left: 5px;
padding: 0px;
list-style: none;
}
ul.women_pagenation li a {
color: #000;
display: block;
padding: 4px 8px;
text-decoration: none;
font-size: 0.8125em;
text-transform: uppercase;
}
ul.women_pagenation li.active a {
background: #7C7C7C;
color: #fff;
}
ul.women_pagenation li a:hover {
background: #AB1156;
color: #fff;
}
#product_listing_sortby_box {
display: inline-block;
width: 100%;
font-size: 10px;
margin-left: 0px;
padding-right: 20px;
margin-bottom: 20px;
text-align: right;
}
#product_listing_sortby_box select {
background: #e5e5e5;
color: #464646;
font-weight: bold;
font-size: 10px;
letter-spacing: 1px;
border: none;
padding: 3px 2px;
}
#cat_product_listing {
display: inline-block;
width: 100%;
}
.login-page {
padding: 60px 0;
}
/*-- login-ends-here --*/
/*-- register-starts-here --*/
/*-- registration-form --*/
.registration-form {
padding: 60px 0;
}
.registration-form h2 {
font-weight: 600;
text-transform: uppercase;
color: #000;
font-size: 20px;
padding-bottom: 18px;
}
.reg p {
color: #CAC9C9;
margin: 0px 0 0 0;
font-size: 14px;
line-height: 1.8em;
}
.col-md-6.reg-form {
padding: 0;
}
.reg p:nth-child(2) {
margin: 0;
}
.reg form {
margin-top: 32px;
}
.reg table {
display: inline-block;
text-align: left;
}
.reg p a {
text-decoration: none;
color: #AB1156;
}
.reg p a:hover {
color: #000;
transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all;
-moz-transition: .5s all;
}
.reg ul {
padding: 0;
margin: 0 0 22px 0;
}
.reg ul li {
display: inline-block;
width: 58%;
}
.reg ul li.text-info {
width: 38%;
color: #AB1156;
font-size: 16px;
text-transform: uppercase;
margin: 0 0 0px 0;
font-weight: bold;
}
.reg form input[type="text"],
.reg form input[type="password"] {
width: 100%;
margin-left: 10px;
padding: 8px;
font-size: 14px;
font-weight: 400;
border: 1px solid #b1afaf;
outline: none;
color: #000;
}
.reg-form {
float: left;
width: 50%
}
.reg-right {
float: right;
width: 47%
}
p.click a {
display: inline-block;
color: #AB1156;
}
p.click a:hover {
color: #000;
transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all;
-moz-transition: .5s all;
}
.reg form input[type=submit] {
border: none;
color: #ffffff;
padding: 9px 35px;
font-size: 14px;
cursor: pointer;
font-weight: 500;
margin: 0 0 32px 0;
background: #000000;
border-top: none;
border-left: none;
border-right: none;
}
.reg form input[type=submit]:hover {
background: #000;
transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all;
-moz-transition: .5s all;
}
.reg ul:nth-child(6) {
margin: 0 0 32px 0;
}
.reg ul li:nth-child(2) {
margin-left: 3%;
}
.reg-right p {
color: #CAC9C9;
margin: 0 0 30px 0;
font-size: 14px;
line-height: 1.8em;
}
.h3FX {
margin-top: 40px;
}
/*-- //registration-form --*/
/*-- register-ends-here --*/
/*-- contact-page-starts-here --*/
#contactUsForm {
margin-top: 30px;
}
.contact {
padding: 60px 0;
}
.contact-info {
margin-bottom: 40px;
}
.contact-left {
width: 30%;
float: left;
}
.contact-right {
width: 68%;
float: right;
}
.contact-left input[type="text"] {
width: 100%;
color: #000;
margin: 0 23px 23px 0;
font-size: 14px;
padding: 12px 10px;
outline: none;
border: 1px solid #e8e8e8;
}
.contact-right textarea {
width: 100%;
color: #000;
font-size: 14px;
resize: none;
height: 185px;
padding: 12px;
outline: none;
border: 1px solid #e8e8e8;
}
.contact-form input[type=submit] {
border: none;
color: #ffffff;
margin-top: 20px;
padding: 13px 43px;
font-size: 14px;
cursor: pointer;
font-weight: 500;
background: #000000;
}
.contact-form input[type=submit]:hover {
background: #000;
transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all;
-moz-transition: .5s all;
}
.contact-info h2 {
text-align: center;
margin: 0 0 20px 0;
font-size: 24px;
color: #000000;
font-weight: 600;
text-transform: uppercase;
padding: 0;
}
.contact-info h3 {
text-align: center;
margin: 0 0 20px 0;
font-size: 24px;
color: #000000;
font-weight: 600;
text-transform: uppercase;
padding: 0;
}
.contact-map {
width: 100%;
margin-bottom: 52px;
}
.contact-map iframe {
width: 100%;
height: 330px;
}
/*-- //contact-page-ends-here --*/
/*-- typography-page-ends-here --*/
h2.heading {
margin: 0 0px 0.3em 0;
color: #000;
font-size: 40px;
letter-spacing: 1px;
padding: 0;
}
.typrography {
padding: 60px 0;
}
.grid_3 h3 {
padding-bottom: 15px;
font-size: 28px;
letter-spacing: 1px;
color: #3382C9;
}
.grid_4 h3 {
color: #666161;
padding-bottom: 0;
font-size: 28px;
letter-spacing: 0;
}
.grid_4 h3 {
padding: 12px 0;
}
.grid_5 h1,
h2,
h3,
h4,
h5,
h6 {
padding: 12px 0;
}
h3.first {
padding-bottom: 15px;
font-size: 30px;
letter-spacing: 1px;
color: #3382C9;
}
.input-group {
margin-bottom: 20px;
}
h3.bars {
padding-bottom: 15px;
font-size: 28px;
letter-spacing: 1px;
color: #3382C9;
}
.badge {
background-color: #3382D3;
}
.page-header h1 {
padding-bottom: 15px;
font-size: 18px;
letter-spacing: 1px;
color: #3382C9;
}
section#tables h2 {
padding-bottom: 15px;
font-size: 28px;
letter-spacing: 1px;
color: #3382C9;
}
div#myTabContent {
margin-top: 0.5em;
}
/*-- typography-page-ends-here --*/
/*--checkout--*/
/*-- cart-page --*/
.cart-gd {
margin-top: 50px;
}
.cart-items {
padding: 60px 0;
}
.cart-items h2 {
margin: 0 0 20px 0;
text-align: center;
font-size: 28px;
color: #AB1156;
font-weight: 600;
padding: 0;
}
.cart-item {
width: 20%;
float: left;
margin-right: 4%;
}
.cart-item img {
width: 100%;
}
.close1,
.close2,
.close3 {
background: url('./images/close_1.png') no-repeat 0px 0px;
cursor: pointer;
width: 28px;
height: 28px;
position: absolute;
right: 0px;
top: 25px;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.cart-item-info {
width: 75%;
float: left;
margin-top: 3%;
}
.cart-item-info h3 {
color: #000;
font-size: 14px;
font-weight: 600;
}
.cart-item-info h3 a {
color: #AB1156;
font-size: 18px;
}
.cart-item-info h3 span {
display: block;
font-weight: 400;
font-size: 0.85em;
margin: 0.7em 0;
}
ul.qty {
padding: 0;
margin: 0;
list-style: none;
}
ul.qty li {
display: inline-block;
margin-right: 10%;
}
ul.qty li p {
font-size: 14px;
color: #000;
}
.delivery {
margin-top: 3em;
}
.delivery p {
color: #000;
font-size: 16px;
font-weight: 400;
float: left;
}
.delivery span {
color: #000;
font-size: 16px;
font-weight: 400;
float: right;
}
.cart-sec {
margin: 25px 0;
}
.cart-header,
.cart-header2,
.cart-header3 {
position: relative;
background-color: #FDFDFD;
}
/*-- //check --*/
/*-- single-page --*/
.col-md-5.zoom-grid {
padding: 0;
}
.reviews-tabs {
margin-top: 60px;
}
.response-text-right p {
font-size: 13px;
margin: 0 0 1em;
line-height: 20px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #AB1156;
cursor: default;
font-size: 1.2em;
font-weight: 600;
border: none;
background-color: transparent;
border-right: 1px solid #E7E7E7;
border-radius: 0;
padding: 0 10px;
cursor: pointer;
}
.nav-tabs > li > a {
margin-right: 0px;
line-height: 1.42857143;
border-radius: 0;
color: #000000;
cursor: default;
font-size: 1.2em;
font-weight: 600;
border: none;
background-color: transparent;
border-right: 1px solid #E7E7E7;
border-radius: 0;
padding: 0 10px;
cursor: pointer;
font-family: 'SofiaPro-Light';
}
ul.nav.nav-tabs {
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
padding-bottom: 18px;
}
.nav > li > a:hover,
.nav > li > a:focus {
background-color: #FCFCFC;
}
.media-left.response-text-left {
width: 10%;
float: left;
margin-right: 2%;
}
.response-text-right ul li {
display: inline-block;
color: #B6B8B5;
font-size: 1em;
font-weight: 600;
margin-right: 16px;
font-family: 'SofiaPro-Light';
}
.response-text-right ul li a {
color: #887f66;
font-size: 12px;
font-weight: 600;
}
.media,
.media .media {
margin-top: 25px;
}
p.tab-text {
line-height: 26px;
color: #B9B9B9;
font-size: 14px;
}
.media-left.response-text-left h5 {
font-size: 14px;
text-align: Center;
margin-top: 3px;
}
.media-left.response-text-left h5 a {
color: #000;
}
.media-left.response-text-left h5 a:hover {
color: #AB1156;
}
.media-left.response-text-left img {
width: 100%;
}
.dress-name {
margin: 30px 0;
}
.dress-name h3 {
float: left;
font-size: 19px;
color: #000;
font-weight: 500;
padding: 0;
}
.dress-name p {
margin-top: 16px;
font-size: 13px;
line-height: 23px;
color: #CAC9C9;
}
.dress-name span {
float: right;
color: #000000;
font-size: 20px;
letter-spacing: 1px;
font-weight: 400;
}
p.left {
float: left;
font-size: 13px;
color: #000;
letter-spacing: 2px;
margin-right: 5%;
width: 40%;
}
p.right {
float: left;
font-size: 13px;
color: #000;
letter-spacing: 2px;
}
.span1 {
margin: 18px 0;
padding: 15px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.span3 {
margin: 18px 0;
padding: 15px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.span4 {
border-bottom: 1px solid #Eee;
padding-bottom: 18px;
}
.purchase {
margin-top: 50px;
}
.purchase a {
float: left;
width: 50%;
font-size: 14px;
color: #000;
text-decoration: underline;
letter-spacing: 1px;
margin-top: 1px;
}
.purchase a:hover {
color: #AB1156;
}
.social-icons {
float: left;
width: 40%;
}
.social-icons ul li {
display: inline-block;
}
.social-icons ul li a {
width: 18px;
height: 18px;
background: url('./images/s-icons.png') no-repeat 0px 0px;
display: inline-block;
margin: 0 5px;
}
.social-icons ul li a:hover {
opacity: 0.5;
}
.social-icons ul li a.facebook1 {
background-position: 0px 0px;
}
.social-icons ul li a.twitter1 {
background-position: -18px 0px;
}
.social-icons ul li a.googleplus1 {
background-position: -36px 0px;
}
/*-- //single-page --*/
/* CD Cart */
.cd-img-replace {
/* replace text with a background-image */
display: inline-block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
#cd-cart {
width: 400px;
position: fixed;
margin-top: 0px;
right: -100%;
background: #FFF;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
z-index: 999;
}
#cd-cart.speed-in {
right: 0;
}
#cd-cart > * {
padding: 0;
}
#cd-cart h2 {
font-size: 14px;
margin: 1em;
}
#cd-cart .cd-cart-items {
max-height: 81.5vh;
overflow-y: scroll;
padding: 0;
}
#cd-cart .cd-cart-items li {
display: inline-block;
position: relative;
cursor: pointer;
padding: 5px;
width: 100%;
height: 100px;
border-top: 1px solid #e0e6ef;
}
#cd-cart .cd-cart-items li:last-child {
border-bottom: 1px solid #e0e6ef;
}
#cd-cart .cd-cart-items li a {
color: #000;
text-decoration: none;
}
#cd-cart .cart-quantity,
#cd-cart .cart-name,
#cd-cart .cart-price,
#cd-cart .cart-image {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
padding-right: 5px;
padding-left: 4px;
}
#cd-cart .cart-name {
font-size: 0.9em;
letter-spacing: 0.2px;
ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
}
#cd-cart .cart-quantity {
font-size: 0.7em;
border: 1px solid #ebebeb;
}
#cd-cart .cart-image {
height: 100%;
border-right: 1px solid #ebebeb;
text-align: center;
overflow: hidden;
}
#cd-cart .cart-image img {
max-width: 100%;
width: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
#cd-cart .cd-qty,
#cd-cart .cd-price {
color: #a5aebc;
}
#cd-cart .cd-price {
margin-top: .4em;
}
#cd-cart .cd-item-remove {
position: absolute;
right: 1em;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 32px;
height: 32px;
border-radius: 50%;
background: url(./images/cd-remove-item.png) no-repeat center center;
}
.no-touch #cd-cart .cd-item-remove:hover {
background-color: #e0e6ef;
}
#cd-cart .cd-cart-total {
padding: 1em;
font-weight: bold;
}
#cd-cart .cd-cart-total span {
float: right;
font-weight: bold;
}
#cd-cart .cd-cart-total::after {
/* clearfix */
content: '';
display: table;
clear: both;
}
#cd-cart .viewcart-btn {} #cd-cart .checkout-btn,
#cd-cart .viewcart-btn {
display: block;
float: left;
width: 50%;
height: 45px;
line-height: 45px;
color: #FFF;
cursor: pointer;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
}
#cd-cart .checkout-btn:hover,
#cd-cart .viewcart-btn:hover {
opacity: 0.8;
}
.no-touch #cd-cart .checkout-btn:hover {
background: #a2dda8;
}
#cd-cart .cd-go-to-cart {
text-align: center;
margin: 1em 0;
}
#cd-cart .cd-go-to-cart a {
text-decoration: underline;
}
/*#cd-cart-trigger-2 {*/
/* display: none;*/
/*}*/
/*#cd-cart-trigger,*/
/*#cd-cart-trigger-2 {*/
/* position: absolute;*/
/* top: 0;*/
/* right: 0;*/
/*}*/
/*#cd-cart-trigger a,*/
/*#cd-cart-trigger-2 a {*/
/* width: 58px;*/
/* height: 102px;*/
/* background-image: url(./images/cd-cart.png);*/
/* background-repeat: no-repeat;*/
/* background-position: center center;*/
/*}*/
#cd-cart .close-cart {
width: 30px;
height: 30px;
font-size: 12px;
color: #fff;
background: #909090;
text-align: center;
border-radius: 20px;
padding: 8px;
float: right;
margin-top: -38px;
margin-right: 5px;
cursor: pointer;
}
/* Shadow Layer */
#cd-shadow-layer {
position: fixed;
min-height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(67, 87, 121, 0.6);
cursor: pointer;
z-index: 17;
display: none;
}
#cd-shadow-layer.is-visible {
display: block;
-webkit-animation: cd-fade-in 0.3s;
-moz-animation: cd-fade-in 0.3s;
animation: cd-fade-in 0.3s;
}
/* end CD Cart */
.cart-description h3 {
text-align: center;
}
.shopping-cart-upsell {
width: 500px;
padding: 10px;
border: 1px solid #b1afaf;
}
.shopping-cart-upsell li {
display: block;
margin: 0 auto;
list-style-type: none;
} 
.shopping-cart-upsell li a {
display: inline-block;
background: #ebebeb;
width: 100%;
margin: 3px 3px;
padding: 4px 8px;
border: 1px solid #d6d6d6;
text-align: center;
}
.shopping-cart-upsell li a:hover {
text-decoration: none;
}
.shopping-cart-upsell table tr:nth-child(1n - 1) {
display: inline-block;
margin: 0px 2.5px;
}
.shopping-cart-upsell .upsell_cart_customer_also_bought {
margin-bottom: 15px;
}
#slider1 {
/*margin: 0 auto;*/
}
.swiper-slide img { width: 100%; }
.swiper-pic-slider {
padding-top: 20px;
display: none;
}
.desktop-slider {
padding-top: 20px;
}
span.applycouponid {
background: #8a8a8a;
padding: 6px;
border-radius: 3px;
color: #fff;
text-decoration: none;
}
span.applycouponid:hover {
background: #9e9e9e;
text-decoration: none;
}
/* checkout */
.checkout1-form {
display: none;
}
#logincheckout1 {
display: none;
}
.checkout-form {
width: 49%;
display: inline-block;
vertical-align: top;
margin-left: 50px;
}
.checkout-form *:focus {
outline: none;
}
.checkout-form input[type="text"],
.checkout-form input[type="password"] {
border: 0px;
padding: 5px;
width: 95%;
margin: 1px;
background: transparent;
}
.checkout-form select {
border: 0px;
padding: 2px 5px;
width: 95%;
margin-top: -2px;
}
.checkout-form .formlabel {
display: block;
text-align: left;
font-size: 14px;
color: #999;
padding-left: 5px;
white-space: nowrap;
}
.checkout-form .formpair {
border: 1px solid #ccc;
border-radius: 0;
padding: 0px;
margin: 5px;
width: 47.3%;
height: 50px;
vertical-align: top;
}
.checkout-form .checkoutform {
border: 0px;
padding: 0px;
}
.checkout-form .input {
width: 100%;
}
.border-blue {
border: 1px solid #1990c6!important;
}
.checkout-form #shiptodifferentaddress {
display: none;
}
.checkout-form #customer_registration_link {
display: none;
}
.checkout-form #customer_registration {
display: block;
}
.checkout-form #checkout_cart {
display: none;
}
.checkout-form #checkoutagreement {
margin-left: 10px;
}
.checkout-form .buttonprimarycluster {
padding-right: 35px;
text-align: right;
}
.checkout-form .primary_button {
border: 0px;
padding: 10px 30px !important;
}
.checkout-form .secondary_button {
border: 0px;
background: none;
}
.checkout-form .secondary_button:hover {
text-decoration: underline;
}
.loginsection {
text-align: center;
}
.checkout-form .subscribenewsletter {
display: none;
}
.shopping-cart {
width: 45%;
display: inline-block;
vertical-align: top;
padding-top: 18px;
margin-top: 40px;
background: transparent;
}
.shopping-cart table {
width: 100%;
}
.shopping-cart table tr:first-child {
display: none;
}
.shopping-cart #coupon {
text-decoration: underline;
cursor: pointer;
padding: 10px;
}
.shopping-cart .coupon {
padding: 10px;
}
.shopping-cart .applycouponid {
text-decoration: underline;
}
.shopping-cart #discount-coupon-field {
padding: 5px;
}
.shopping-cart .discount-result {
display: none;
}
.shopping-cart .discount-result,
.shopping-cart #discount-coupon-form {
text-align: left;
}
.shopping-cart input[type="button"],
.shopping-cart input[type="submit"] {
display: none;
}
.shopping-cart .cart_remove2 {
display: none;
}
.shopping-cart .cart_empty_cart2 {
display: none;
}
.shopping-cart .cart_discount_remove2 {
display: none;
}
.register-now {
text-align: center;
cursor: pointer;
padding: 10px;
}
.register-now:hover {
text-decoration: underline;
}
.extra-login-option {
text-align: center;
padding: 30px 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
width: 60%;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
.extra-login-option i {
background-color: #ccc;
width: 40px;
height: 40px;
text-align: center;
padding: 5px;
border-radius: 5px;
cursor: pointer;
margin: 5px;
}
.fa-facebook:hover {
background: #3765A3;
color: white;
}
.fa-amazon:hover {
background: #231F20;
color: white;
}
.fa-google:hover {
background: #DD5044;
color: white;
}
.guest {
text-align: center;
padding: 10px;
width: 60%;
margin: 0 auto;
cursor: pointer;
}
.guest:hover {
text-decoration: underline;
}
.checkoutform {
min-width: auto!important;
}
.checkout-form h1 {
text-align: center;
}
/* the size of the name, quantity and price */
.content-item-name,
.content-item-price-qty,
.content-item-price {
font-size: 0.9em;
}
.or {
text-align: center;
font-weight: bold;
}
#parsley-id-multiple-checkout_agreement {
position: absolute;
margin-top: 50px;
}
.cart-tax {
padding-right: 20px;
}
/* checkout 2 */
#multi_cur_form {
text-align: right;
display: none;
}
.checkout2-form h2 {
font-size: 20px;
padding-top: 0px;
}
.checkout2-form {
width: 49%;
display: inline-block;
vertical-align: top;
margin-left: 15px;
padding: 10px;
padding-top: 0px;
}
.shipping-to-info {
list-style-type: none;
}
.shipping-method {
margin-bottom: 30px;
}
.shipping-method label {
width: 96%;
padding: 15px;
border: 1px solid #ccc;
border-top: 0px;
font-weight: normal;
cursor: pointer;
}
.shipping-method label:first-child {
border-top: 1px solid #ccc;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.shipping-method label:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.shipping-method input[type='Radio'] {
margin-right: 10px;
}
.payment-method {
margin-bottom: 30px;
}
.payment-method label {
width: 96%;
padding: 15px;
border: 1px solid #ccc;
border-top: 0px;
font-weight: normal;
cursor: pointer;
}
.payment-method label:first-child {
border-top: 1px solid #ccc;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.payment-method label:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.payment-method input[type='Radio'] {
margin-right: 10px;
}
.billing-address label {
width: 96%;
padding: 15px;
border: 1px solid #ccc;
border-top: 0px;
font-weight: normal;
cursor: pointer;
}
.billing-address label:first-child {
border-top: 1px solid #ccc;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.billing-address label:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.billing-address input[type='Radio'] {
margin-right: 10px;
}
#CheckoutForm2 table {
display: none;
}
.billing-address .checkout-form h4 {
display: none;
}
.billing-address .checkout-form {
width: 100%;
margin: 0px;
border: 0px;
display: none;
}
.billing-address #checkoutagreement {
display: none;
}
.billing-address .buttonprimarycluster {
display: none;
}
.checkout2-form-submit {
text-align: right;
padding: 10px;
}
.checkout2-form .primary_button {
border: 0px;
padding: 10px!important;
margin-right: 10px;
}
.cart-shipping-method {
text-align: right;
padding-right: 20px;
}
.cart-grand-total {
text-align: right;
padding-right: 20px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 10px;
font-size: 25px;
display: none;
}
.cart-tax {
text-align: right;
font-size: 14px;
}
/* Payment */
.payment-form {
width: 49%;
display: inline-block;
vertical-align: top;
border-right: 1px solid #ddd;
margin-left: 15px;
padding: 10px;
padding-top: 0px;
}
.payment-shopping-cart #coupon {
display: none;
}
img[src='images/border1.gif'],
img[src='images/border2.gif'],
img[src='images/border5.gif'],
img[src='images/border6.gif'] {
display: none;
}
td[background='images/border1_bg.gif'],
td[background='images/border3_bg.gif'],
td[background='images/border4_bg.gif'],
td[background='images/border5_bg.gif'],
.border1_bg_td,
.border3_bg_td,
.border4_bg_td,
.border5_bg_td {
background: none!important;
}
.payment-form .form-horizontal .control-label {
width: 100%;
text-align: left;
font-weight: normal;
}
.posAb { position: absolute !important; padding-top: 1px; margin-right: 25px; z-index: 3; border: 1px solid #d2d2d2; }
.posAb.posHover { height: 400px; overflow-y: scroll !important; }
.posAb.posHover label { display: block !important; }
.posAb label { display: none; border: none !important; }
.posAb .displayThis { display: block !important; }
#mobile-options .optionname .closed { display: none; }
#mobile-options .optionname .activeDropdown { display: block !important; }
.dropArrow {
position: absolute;
z-index: 3;
color: #fff;
right: 8px;
top: 8px;
}
/* Repetition of Currency Converter */
#multi_cur_form {
display: none;
float: right;
margin: -15px 0 15px;
padding-left: 20px;
font-size: 10px;
}
#multi_cur_form select {
display: inline;
background: #e5e5e5;
color: #464646;
font-weight: bold;
font-size: 10px;
letter-spacing: 1px;
border: none;
padding: 1px 2px;
margin-left: 8px;
margin-bottom: 0;
}
.centerEl {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
#myacctable {
width: 800px;
/* border-top: 1px solid #ebebeb; */
padding-top: 20px;
font-size: 14px;
display: block;
}
#myacctable tbody tr {
border-bottom: 1px solid #ebebeb;
width: 100%;
display: inline-block;
}
#myacctable tbody tr td {
padding: 10px 0;
}
#myacctable tbody tr td:first-child {
width: 30%;
display: inline-block;
}
#myacctable tbody tr td:last-child {
width: 65%;
display: inline-block;
}
#myacctable tbody tr td a {
padding: 3px 0 3px 10px;
color: #000;
display: inline-block;
}
tr td input[type="submit"],
tr td input[type="button"],
form input[type="button"],
form input[type="submit"],
#save1 {
border: none;
padding: 12px 28px;
/*background: #191919;*/
margin-bottom: 10px;
}
#save1 {
float: left;
}
/*-- responsine-design --*/
@media screen and (max-width: 1440px) {
.container.w1400, .subCatPath { width: 1200px; }
}
@media screen and (max-width: 1366px) {
div[data-iessection="layoutfront"] .container:first-child { width: 100% !important; } 
.banner {
min-height: 550px;
height: 550px;
}
.dropdown-menu.columns-3 {
min-width: 530px;
}
.footer {
padding: 50px 0 35px;
}
.cards.text-center {
margin: 35px 0;
padding: 20px 0;
}
.banner-bottom-left h2 {
font-size: 85px;
font-weight: 600;
line-height: 115px;
}
.dreamcrub {
margin: 0px 0 60px 0;
}
.banner-left { left: 23%; }
.banner-right { right: 24%; }
}
@media screen and (max-width: 1280px) {
.container.w1400, .subCatPath { width: 1024px; }
.banner {
min-height: 608px;
}
.banner-bottom-left h2 {
font-size: 82px;
line-height: 100px;
margin: 0 0 0 120px;
}
.banner-bottom-left {
margin: 100px 0px 0px 30px;
}
.navbar-nav {
margin-right: 30px;
}
.dropdown-menu.columns-3 {
min-width: 520px;
}
.banner-info h3 {
font-size: 40px;
}
.banner-info p {
font-size: 16px;
}
h2.heading {
font-size: 35px;
}
.specialAnnouncement { margin-right: 0.5em; margin-left: 0.5em; padding-left: 0.5em; width: 33%; }
.specialAnnouncement span, .specialAnnouncement a { font-size: 0.9em; }
.specialAnnouncement a { width: 6em; margin-left: 0.5em; }
.searchSelect { width: 30.333%; }
#nav-expander { display: none; }
.subCatPath .scpContent a.scpBtn:nth-child(1) {
width: calc(22% - 5px);
margin-right: 10px;
}
.subCatPath .scpContent a.scpBtn:nth-child(2) {
width: calc(18% - 5px);
margin-right: 10px;
}
.subCatPath .scpContent a.scpBtn:nth-child(3) {
width: calc(27% - 5px);
margin-right: 10px;
}
.subCatPath .scpContent a.scpBtn:nth-child(4) {
width: 24%;
}
}
@media screen and (max-width: 1300px) {
.logo { max-width: 400px; }
}
@media screen and (max-width: 1024px) {
.banner {
margin-top: 160px;
height: 530px;
min-height: 530px;
}
.banner-bottom-left {
margin: 65px 0px 0px 30px;
}
.shopping-cart-title {
display: none;
}
.shopping-cart-buttons .ShowCartContinueBtn {
float: left;
width: 50%;
}
.reg ul li.text-info {
font-size: 14px;
}
h2.heading {
font-size: 32px;
}
.contact-form input[type=submit] {
padding: 8px 30px;
}
.contact-map iframe {
height: 250px;
}
.contact-info h2,
.contact-info h3 {
margin: 0 0 15px 0;
font-size: 22px;
}
.header-top-strip {
/*display: none;*/
}
.banner-bottom {
position: absolute;
top: 10px;
width: 100%;
}
.banner-top {
/*position: fixed;*/
top: 0;
width: 100%;
z-index: 20;
border-bottom: 0;
}
.banner-top .container {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.banner .container {
padding-left: 0;
padding-right: 0;
}
.navbar {
margin-bottom: 0;
}
.navbar-toggle {
margin-right: 0px;
margin-top: 4px;
}
.products-grid .product img {
position: initial !important;
top: initial;
left: initial;
transform: initial;
-webkit-transform: initial;
-moz-transform: initial;
}
.logo a {
font-size: 0.9em;
}
.logo a img {
max-width: 100%;
}
.navbar-header {
width: 100%;
display: block;
}
.navbar {
border: none;
}
.logo {
width: 270px;
position: absolute;
top: -50px;
left: 10px;
margin-top: 0;
}
.subCatPath .scpContent a.scpBtn { 
margin-top: 10em;
margin-right: 1em;
}
.subCatPath .scpContent a.scpBtn:nth-child(1) {
width: calc(22% - 13px);
margin-right: 5px;
}
.subCatPath .scpContent a.scpBtn:nth-child(2) {
margin-right: 5px;
}
.subCatPath .scpContent a.scpBtn:nth-child(3) {
width: calc(27% + 4px);
margin-right: 5px;
}
.searchSelect {
width: calc(100% - 125px);
margin-top: 0;
}
div[data-iessection="layoutfront"] .container:first-child, .subCatPath, .w1400 { width: calc(100% - 20px) !important; }
.searchSelect #custom-search-input .input-group {
width: 100%;
}
.hmaSl {
height: 80px;
}
.hmaSl a {
font-size: 2rem;
}
.gifts-brands .gbSection {
height: 300px;
}
.gifts-brands .gbSection .gbsCnt h3 {
font-size: 1.8em;
}
.gifts-brands .gbSection .gbsCnt p {
font-size: 0.95em;
}
.addressBar, .bdrSep {
margin-top: 2em;
margin-bottom: 2em;
}
.bdrSep .footerSep .ftrsp {
font-size: 2rem; 
margin: 0.5rem 1rem; 
}
/*.navbar-nav {*/
/* display: none;*/
/*}*/
/*#nav-expander {*/
/* display: block;*/
/*}*/
.navbar-default .navbar-nav > li > a {
margin: 5px 0px;
}
.navbar-header {
float: none;
}
.navbar-collapse.collapse {
margin-top: -20px;
}
#mobile-search-button {
display: block;
display: block;
position: relative;
float: right;
background: transparent;
border: none;
font-size: 18px;
height: 40px;
width: 40px;
color: #fff;
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.mobilenav {
display: block;
}
.logo a img {
max-width: 100%;
max-height: 100%;
}
#logo {
width: 80px;
height: 40px;
margin-top: 0;
}
.banner img {
width: 100%;
height: auto;
}
.header-top-strip {
padding: 6px 0 12px 0;
}
.banner-bottom-left h2 {
font-size: 70px;
line-height: 85px;
margin: 0 0 0 135px;
}
.banner-info h3 {
font-size: 35px;
}
.banner-info p {
margin: 15px 0;
}
#ek-slider .swiper-slide, #ek-slider .swiper-slide img {
width: 100%;
}
.extra-wrap {
max-width: 90%;
}
#shopping_cart_info {
min-width: 80%;
}
#cd-cart {
margin-top: 40px;
}
#cd-cart-trigger {
top: -5px;
}
#cd-cart-trigger a {
height: 51px;
}
.callbacks_tabs {
bottom: -16%;
}
.callbacks_tabs a:after {
width: 35px;
height: 4px;
}
.shop a {
padding: 10px 18px;
font-size: 16px;
}
.navbar-default .navbar-nav > li > a {
margin: 0 5px;
padding-top: 8px;
padding-bottom: 8px;
}
.navbar-nav {
margin-right: 60px;
margin-top: 6px;
}
.dropdown-menu.columns-3 {
min-width: 475px;
}
.dropdown-menu.columns-2 {
min-width: 360px;
}
.online-strip {
padding: 15px 0;
margin: 35px 0 20px;
}
.cat-intro-content h2 {
font-size: 1.5em;
}
h3.head.text-center {
font-size: 30px;
}
.product_name a {
padding: 0 5px;
font-size: 12px;
}
.mask {
top: 39%;
left: 30%;
}
.nbs-flexisel-item img {
width: 95%;
}
.liked-product {
margin-top: 0;
}
h3.like {
font-size: 29px;
}
.join input[type="submit"] {
width: 18%;
}
.footer {
padding: 40px 0 35px;
}
.news-letter {
padding: 30px 0;
}
.typrography,
.products-page,
.registration-form,
.login-page,
.contact,
.cart-items {
padding: 30px 0 40px;
}
.mens-toolbar .sort {
width: 22.5%;
}
.flexcard-image {
height: auto;
padding-top: 8px;
overflow: hidden;
}
.paymentlist {
float: none;
padding-left: 0;
}
.catlisting {
max-width: 100%;
display: none;
}
.catlisting .cat_list {
display: inline-block;
margin-right: 15px;
margin-left: 20px;
}
#cat_product_listing {
width: 100%;
}
.main_cat_list {
width: 100% !important;
}
#breadcrumbs {
border-bottom: 1px solid #ebebeb;
}
.new-product {
padding: 1.5em;
}
.offer p {
font-size: 26px;
padding: 21px 11px;
}
.view .mask,
.view .content {
top: 10em;
left: 5.2em;
}
.dress-name {
margin: 20px 0;
}
.purchase {
margin-top: 35px;
}
.dreamcrub {
margin: 0px 0 50px 0;
}
/* Checkout Form */
.checkout-form .formpair {
width: 96%;
}
.shopping-cart {
display: none;
}
.shopping-cart-info {
width: 80%;
}
.checkout-form,
.checkout2-form,
.payment-form {
border-width: 0px;
display: block;
margin: 0 auto;
width: 49%;
}
div[data-iessection="layoutfront"] .container:first-child { width: 100% !important; height: 350px; } 
.subCatPath img { width: auto; }
.otherLnks {
margin-top: 0;
}
.banner-left {
width: 50vw;
left: 25%;
bottom: -13%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-right {
width: 50vw;
right: 0;
font-size: 1.2em;
right: -25%;
bottom: -13%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} 
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
.banner { margin-top: 160px; }
}
@media screen and (max-width: 800px) {
.logo a span {
font-size: 28px;
width: 45px;
height: 46px;
padding: 4px 0 0 3px;
margin-top: 3px;
}
.logo h1 a {
font-size: 24px;
letter-spacing: 1px;
}
/*.header-top-right ul li a {*/
/* font-size: 10px;*/
/*}*/
.navbar-default .navbar-nav > li > a {
margin: 0 5px;
padding: 6px 10px;
font-size: 13px;
}
.navbar-nav {
margin-top: 8px;
}
.caret {
margin-bottom: 3px;
}
.banner {
height: 545px;
}
.banner img {
max-height: 545px;
}
.banner-info h3 {
font-size: 30px;
}
.banner-bottom-left h2 {
font-size: 50px;
line-height: 65px;
margin: 0 0 0 130px;
}
.banner-bottom-left {
margin: 75px 0px 0px 30px;
}
.shop a {
padding: 8px 15px;
font-size: 14px;
letter-spacing: 1px;
}
.callbacks_tabs a:after {
width: 30px;
height: 4px;
}
.product {
float: left;
width: 33.333%;
padding: 0 10px;
}
a.product_name {
margin: 10px 0;
}
.mask a {
font-size: 14px;
padding: 5px 10px;
}
.join h6 {
font-size: 18px;
}
.liked-product {
width: 100%;
margin-top: 0;
}
.mask {
left: 28%;
}
.join input[type="submit"] {
width: 17%;
font-size: 16px;
padding: 7px 0 9px;
}
.join input[type="text"] {
width: 47%;
font-size: 13px;
}
.news-letter {
padding: 25px 0;
}
.other-products {
padding: 35px 0 60px 0;
}
.span1_of_4 {
padding: 0 5px;
}
ul.f_nav li a {
font-size: 13px;
}
.span1_of_4 h4 {
margin: 0 0 12px 0;
font-size: 20px;
}
.cards.text-center img {
width: 55%;
}
.copyright p {
font-size: 14px;
}
.follow-us,
.shipping-grid,
.online-order {
width: 33.333%;
float: left;
}
.shipping {
width: 18%;
margin-left: 11%;
}
.cards.text-center {
margin: 25px 0;
padding: 18px 0;
}
.footer {
padding: 40px 0 30px;
}
.dropdown-menu.columns-3 {
min-width: 416px;
}
.multi-column-dropdown li a {
font-size: 13px;
}
.dropdown-menu.columns-2 {
min-width: 317px;
}
.login-left {
float: left;
width: 47%;
margin-right: 3%
}
.login-right {
float: left;
width: 50%;
}
.login-right p {
margin: 0 0 1.3em 0;
}
.dreamcrub {
margin: 0px 0 45px 0;
}
.login-left h2,
.login-right h3 {
font-size: 18px;
}
.reg-form {
width: 100%;
margin-bottom: 5%;
}
.reg-right {
width: 100%;
margin: 0;
}
.reg ul li.text-info {
width: 30%;
}
.cart-items h2 {
margin: 0 0 15px 0;
font-size: 22px;
}
.cart-item {
width: 21%;
margin-right: 3%;
}
.contact-info {
margin-bottom: 30px;
}
.contact-map iframe {
height: 300px;
}
.new-product {
width: 72%;
}
.products {
width: 26%;
}
.mens-toolbar .sort {
width: 33.5%;
}
.new-product {
padding: 1em;
}
.media-left.response-text-left {
width: 16%;
}
/* Checkout */
.checkout-form .formpair {
width: 96%;
}
.shopping-cart {
display: none;
}
.checkout-form,
.checkout2-form,
.payment-form {
border-width: 0px;
display: block;
margin: 70px auto;
width: 100%;
}
.payment-form div {
padding-right: 0px!important;
padding-left: 0px!important;
}
.payment-form label {
padding-right: 0px!important;
padding-left: 0px!important;
white-space: nowrap;
text-align: left;
width: 100%;
}
.jp-card-container {
transform: scale(0.8)!important;
width: 300px!important;
}
}
@media screen and (max-width: 768px) {
.container {
width: calc(100% - 20px);
}
.banner-bottom-left {
margin: 65px 0px 0px 30px;
}
.reg ul li.text-info {
font-size: 14px;
}
h2.heading {
font-size: 32px;
}
.contact-form input[type=submit] {
padding: 8px 30px;
}
.contact-map iframe {
height: 250px;
}
.contact-info h2,
.contact-info h3 {
margin: 0 0 15px 0;
font-size: 22px;
}
.header-top-strip {
/*display: none;*/
}
.banner {
height: 420px;
overflow: hidden;
}
.banner img {
width: auto;
position: relative;
}
.banner-bottom {
position: absolute;
top: 10px;
}
.banner-top {
/*position: fixed;*/
top: 0;
width: 100%;
z-index: 20;
border-bottom: 0;
}
.banner-top .container {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.banner-left {
width: 50vw;
left: 25%;
bottom: -13%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-right {
width: 50vw;
right: 0;
font-size: 1.2em;
right: -25%;
bottom: -13%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} 
.navbar {
margin-bottom: 0;
}
.navbar-toggle {
display: none;
margin-right: 0px;
margin-top: 4px;
}
.logo a img {
max-width: 100%;
max-height: 100%;
}
.navbar-header {
width: 100%;
}
.navbar {
border: none;
}
.navbar-nav { display: block; }
/*.navbar-nav {*/
/* display: none;*/
/*}*/
.logo { position: initial; width: 230px; margin-top: 15px; }
.navbar-collapse.collapse { margin-top: -10px; }
.searchSelect { width: calc(100% - 400px); }
div[data-iessection="layoutfront"] .container:first-child, .subCatPath { width: 100% !important; height: auto; margin-bottom: 15px; padding-top: 6em; padding-bottom: 1em; }
.subCatPath { width: calc(100% - 20px) !important; }
.specialAnnouncement { margin-right: 0.5em; margin-left: 0.5em; padding-left: 0.5em; width: 33%; }
.specialAnnouncement span, .specialAnnouncement a { font-size: 0.9em; }
.specialAnnouncement a { width: 6em; margin-left: 0.5em; }
.subCatPath .scpContent a.scpBtn {
margin-right: initial !important;
width: calc(45% - 2px) !important;
margin-top: initial;
margin-bottom: 4px;
}
#ek-slider {
margin-bottom: 15px;
}
#nav-expander {
display: none;
}
.navbar-default .navbar-nav > li > a {
margin: 5px 0px;
}
.navbar-header {
float: none;
}
.mobilenav {
display: block;
}
#logo {
width: 80px;
height: 40px;
margin-top: 0;
}
#cd-cart-trigger {
top: 0;
}
#cd-cart-trigger a {
height: 46px;
width: 60px;
}
#cd-cart {
width: 100%;
right: -100%;
height: 100%;
margin-top: 40px;
}
#cd-cart .cd-cart-items li {
width: 100%;
}
#cd-cart .cart-image {
width: 120px;
float: left;
}
#cd-cart .checkout-btn,
#cd-cart .viewcart-btn {
position: fixed;
bottom: 0;
margin: 0;
padding: 0 1rem;
border-radius: 0;
width: 50%;
height: 4rem;
}
#cd-cart .checkout-btn {
margin-left: 50%;
}
.products-grid {
padding: 20px 0;
}
.flexcard-image {
padding-top: 8px;
}
.product_price {
padding-bottom: 8px;
margin-left: 5px;
}
#cd-cart .close-cart {
float: right;
margin-top: -38px;
margin-right: 4px;
background: #909090;
color: #fff;
padding: 8px;
display: block;
}
#cd-shadow-layer {
background: #fff;
}
.banner-info {
width: 100%;
}
.banner-info h3 {
font-size: 25px;
}
.banner-info p {
margin: 10px 0;
font-size: 13px;
}
.callbacks_tabs a:after {
width: 26px;
height: 3px;
}
.page_description_main {
padding: 0 10px;
}
.front-page-description {
padding-left: 5px;
padding-right: 5px;
}
.front-page-description p {
font-size: 28px;
}
.banner-bottom-left h2 {
font-size: 35px;
line-height: 50px;
margin: 0 0 0 100px;
}
.slider {
max-width: 100%;
overflow: hidden;
}
.main-content {
/*padding-top: 80px;*/
padding-top: 0px;
}
.shop a {
padding: 8px 12px;
font-size: 13px;
letter-spacing: 1px;
}
.follow-us,
.shipping-grid,
.online-order {
padding: 0 4px;
}
a.twitter {
margin: 0 0.5em;
}
.online-strip h3 {
font-size: 1.3em;
}
.shipping {
margin-left: 7%;
}
h3.head.text-center {
font-size: 28px;
}
.prodListCon {
padding-left: 0;
padding-right: 0;
}
.products-grid a {
font-size: 11px;
letter-spacing: 0;
}
.product_name {
margin: 10px 0 0;
}
.product_name a {
padding: 0 5px !important;
font-size: 12px;
}
.shrinker .product_name,
.shrinker .product_price,
.shrinker .add_to_cart {
display: none;
}
.nbs-flexisel-item img {
width: 85%;
margin-left: 7.5%;
}
.span1_of_4 {
padding: 0 15px;
}
.span_of_4 .span1_of_4 { margin-top: 10px; }
.mask {
left: 26%;
}
.join h6 {
font-size: 16px;
margin-right: 3%;
}
.join input[type="text"] {
width: 44%;
}
.join input[type="submit"] {
width: 19%;
}
.multi-column-dropdown li a:hover {
background-color: #fff!important;
}
.navbar-nav .open .dropdown-menu {
background-color: #fff;
}
.col-sm-6 {
/*width: 50%;*/
float: left;
}
.login-left h2,
.login-right h3 {
font-size: 17px;
}
.login-left p,
.login-right p {
font-size: 1em;
}
.dreamcrub {
margin: 0px 0 35px 0;
}
.login-right span {
font-size: 0.9em;
}
.product-listy h2 {
padding: 18px;
}
.offer p {
font-size: 21px;
padding: 22px 17px;
}
.mens-toolbar .sort {
width: 37.5%;
}
.view .mask,
.view .content {
top: 8em;
left: 4.2em;
}
.cart-item-info h3 a {
font-size: 15px;
}
.cart-items h2 {
margin: 0;
font-size: 20px;
}
.cart-item-info {
margin-top: 1%;
}
.cart-gd {
margin-top: 30px;
}
.delivery p,
.delivery span {
font-size: 14px;
}
h2.heading {
font-size: 30px;
}
.panel-title {
padding: 0;
}
.media-left.response-text-left {
width: 20%;
margin-right: 2%;
}
.sub-left-right {
text-align: center;
}
.shopping-cart-info {
width: 90%;
}
.mobile-shopping-cart-buttons {
display: block;
text-align: right;
}
}
@media all and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#cd-cart {
max-height: 95vh !important;
}
#cd-cart .cd-cart-items {
max-height: 90vh !important;
}
.specialAnnouncement {
margin-right: 0.5em;
margin-left: 0.5em;
padding-left: 0.5em;
width: 33%;
}
#nav-expander { display: none; }
.banner-left {
width: 50vw;
left: 25%;
bottom: -13%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-right {
width: 50vw;
right: 0;
font-size: 1.2em;
right: -25%;
bottom: -13%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} 
}
@media screen and (max-width: 768px) and (orientation: landscape) {
.banner-info {
margin-top: 75px;
}
.header-top-strip {
/*display: none;*/
}
.banner {
padding-top: 40px;
height: 420px;
overflow: hidden;
}
.banner img {
width: auto;
position: relative;
}
.banner-bottom {
position: absolute;
top: 10px;
}
.banner-top {
/*position: fixed;*/
top: 0;
width: 100%;
z-index: 20;
border-bottom: 0;
height: 40px;
}
.banner-top .container {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.navbar {
margin-bottom: 0;
}
.navbar-toggle {
margin-right: 60px;
margin-top: 4px;
}
.logo a img {
max-width: 100%;
}
.navbar-header {
width: 100%;
}
.navbar {
border: none;
}
.navbar-nav {
display: none;
}
#nav-expander {
display: block;
}
.navbar-default .navbar-nav > li > a {
margin: 5px 0px;
}
.navbar-header {
float: none;
}
.navbar-collapse.collapse {
margin-top: 10px;
}
.mobilenav {
display: block;
}
#logo {
width: 80px;
height: 40px;
margin-top: 0;
}
#cd-cart-trigger {
top: 0;
}
#cd-cart-trigger a {
height: 46px;
width: 60px;
}
#cd-cart {
width: 100%;
right: -100%;
height: 100%;
margin-top: 40px;
}
#cd-cart .cd-cart-items li {
width: 100%;
}
#cd-cart .cart-image {
width: 120px;
float: left;
}
#cd-cart .checkout-btn,
#cd-cart .viewcart-btn {
position: fixed;
bottom: 0;
margin: 0;
padding: 0 1rem;
border-radius: 0;
width: 50%;
height: 4rem;
}
#cd-cart .checkout-btn {
margin-left: 50%;
}
.products-grid {
padding: 20px 0;
}
.flexcard-image {
padding-top: 8px;
}
.product_price {
padding-bottom: 8px;
}
#cd-cart .close-cart {
float: right;
margin-top: -38px;
margin-right: 4px;
background: #909090;
color: #fff;
padding: 8px;
display: block;
}
#cd-shadow-layer {
background: #fff;
}
}
@media screen and (max-width: 669px) {
.logoParentClass {
display: none;
}
.header-top-logo {
display: inline-block;
width: 250px;
margin-top: 10px;
margin-left: 5px;
text-align: center;
}
.header-top-logo img {
margin: 0 auto;
max-width: calc(100% - 10px);
}
.header-top-strip {
/*display: none;*/
margin-top: 0px;
}
.header-top-strip .container { padding-left: 0; padding-right: 0; } 
.specialAnnouncement { display: none; width: 100%; margin-bottom: 10px; }
#searchToggle {
display: block;
position: fixed;
width: 55px;
background: #424242;
border-color: transparent;
padding: 15px 14px 10px 15px;
font-size: 0;
bottom: 85px;
right: 5px;
margin-right: 0;
}
#searchToggle i {
font-size: 24px;
color: #ffffff;
}
.searchSelect { display: none; width: 100%; background: #fff; text-align: center; }
.searchSelect #custom-search-input { display: inline-block; width: 95%; text-align: center; }
.searchSelect #custom-search-input .input-group { float: none; width: 100%; }
#SizeTypeForm { display: inline-block; width: 80%; }
#SizeTypeForm .mainSearch { display: inline-block; width: 100%; }
.prodListCon .main-content {
padding: 10px 5px;
}
div[data-iessection="layoutproductlisting"] .page_description_main {
position: relative;
width: 100%;
height: 135px;
overflow-y: hidden;
}
.hmaSl { width: 100%; height: auto; margin-bottom: 10px; font-size: 1.25em; }
.hmaSl a { padding: 0.25em; }
.descExpander { display: inline-block; }
.descExpanded {
height: 250px !important;
overflow-y: scroll !important;
}
.gifts-brands .gbSection {
height: auto;
min-height: 280px;
}
.gifts-brands .gbSection .gbsCnt h3 {
font-size: 1.8em;
}
.gifts-brands .gbSection .gbsCnt p {
font-size: 0.95em;
}
/*div[data-iessection="layoutproductlisting"] .page_description_main:after {*/
/* content:'Click to read more ...';*/
/* position: absolute;*/
/* bottom: 0;*/
/* left: 40%;*/
/*}*/
.size-32.fx { font-size: 32px !important; }
.mobile-menu li a:hover { color: #222222; }
div[data-iessection="layoutsearch"] .main-content { padding-top: 0; } 
div[data-iessection="layoutsearch"] .products-grid { padding-top: 0; }
.banner {
margin-top: 0;
padding-top: 0px;
height: 420px;
max-width: 640px;
overflow: hidden;
}
.banner img {
height: 100%;
width: 100%;
position: relative;
}
.banner-bottom {
position: absolute;
top: 10px;
}
.banner-top {
height: 0;
/*position: fixed;*/
top: 0;
width: 100%;
z-index: 20;
border-bottom: 1px solid #d6d6d6;
}
.banner-top .container {
padding-left: 0;
padding-right: 0;
}
.banner-left {
width: 50vw;
left: 25%;
bottom: -13%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-right {
width: 50vw;
right: 0;
font-size: 1.2em;
right: -25%;
bottom: -13%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} 
.size32.fx { font-size: 32px !important; }
#ek-slider { display: none; margin-bottom: 10px; }
#ek-mob-slider { display: block; margin-bottom: 10px; }
#ek-mob-slider.swiper-container { display: block; }
.header-top-right, .header-top-left { float: none; display: inline-block; width: 100%; }
.header-top-left { display: none; }
.header-top-right { text-align: right; margin-top: 20px; margin-bottom: 10px; }
/*.header-top-right ul li { margin-right: 0; border-right: 1px solid #7c25bc; border-left: 1px solid #7c25bc; }*/
.header-top-right ul li { margin: 0; }
.header-top-right ul li a { display: block; padding: 5px 10px; }
.header-top-right ul li:nth-child(1), .header-top-right ul li:nth-child(2), .header-top-right ul li:nth-child(3) { display: none; width: 33.33337%; padding: 6px 0; float: left; text-align: center; border: 0; border-bottom: 1px solid #d0d0d0; margin-bottom: 10px; }
.header-top-right ul li:nth-child(4) a#lgBtn, .header-top-right ul li:nth-child(5) a#mcBtn, #lgOutBtn {
padding: 5px 8px;
}
.header-top-right ul li:nth-child(4), .header-top-right ul li:nth-child(5) {
float: left;
}
.header-top-right ul li:nth-child(4) { margin-right: 10px; }
.otherLnks { display: none; } 
.searchSelect { margin-top: 0; }
.subCatPath {
height: auto;
padding-bottom: 30px;
}
.categoryPicList .cat_list { width: 10em; } 
.navbar {
margin-bottom: 0;
}
.navbar-toggle {
display: block !important;
background: #fff;
position: fixed;
padding: 15px 15px 30px 15px;
right: 5px;
bottom: 5px;
}
.navbar-toggle:after {
left: 10px;
top: 35px;
color: #fff;
}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.logo a img {
max-height: 40px;
}
div.front-page {
padding-top: 0;
}
.navbar-header {
width: 100%;
}
.navbar {
border: none;
}
.navbar-nav {
margin: 10px 0;
width: 100%;
text-align: center;
margin-right: 0;
}
.navbar-default .navbar-nav > li > a {
margin: 5px 0px;
}
.navbar-header {
float: none;
}
.navbar-collapse.collapse {
margin-top: 10px;
}
.mobilenav {
display: block;
}
#logo {
width: 80px;
height: 60px;
margin-top: 0;
}
#cd-cart-trigger {
position: absolute;
top: 15px;
right: 0;
}
#cd-cart-trigger a {
height: 46px;
width: 60px;
}
#cd-cart {
width: 100%;
right: -100%;
height: 100%;
margin-top: 0px;
}
#cd-cart .cd-cart-items {
padding-bottom: 40px;
}
#cd-cart .cd-cart-items li {
width: 100%;
}
#cd-cart .cart-image {
width: 120px;
float: left;
}
#cd-cart .checkout-btn,
#cd-cart .viewcart-btn {
position: fixed;
bottom: 0;
margin: 0;
padding: 0 1rem;
border-radius: 0;
width: 50%;
height: 4rem;
}
#cd-cart .checkout-btn {
margin-left: 50%;
}
.products-grid {
padding: 20px 0;
}
.flexcard-image {
padding-top: 8px;
}
.product_price {
padding-bottom: 8px;
}
#cd-cart .close-cart {
float: right;
margin-top: -38px;
margin-right: 4px;
background: #909090;
color: #fff;
padding: 8px;
display: block;
}
.cd-cart-total {
position: fixed;
bottom: 40px;
background: #fff;
width: 100%;
}
#cd-shadow-layer {
background: #fff;
}
.banner-info {
width: 100%;
}
.banner-info h3 {
font-size: 25px;
}
.banner-info p {
margin: 10px 0;
font-size: 13px;
}
.callbacks_tabs a:after {
width: 26px;
height: 3px;
}
.page_description_main {
padding: 0 10px;
}
.page_description_header_main {
font-size: 24px;
}
.front-page-description {
padding-left: 5px;
padding-right: 5px;
}
.front-page-description p {
font-size: 28px;
}
.banner {
min-height: 304px;
}
.banner-bottom-left h2 {
font-size: 35px;
line-height: 50px;
margin: 0 0 0 100px;
}
.container.w1400 { width: 100%; }
.slider {
max-width: 100%;
overflow: hidden;
}
.main-content {
padding-top: 40px;
}
.shop a {
padding: 8px 12px;
font-size: 13px;
letter-spacing: 1px;
}
.follow-us,
.shipping-grid,
.online-order {
padding: 0 4px;
}
a.twitter {
margin: 0 0.5em;
}
.online-strip h3 {
font-size: 1.3em;
}
.shipping {
margin-left: 7%;
}
h3.head.text-center {
font-size: 28px;
}
.prodListCon {
padding-left: 0;
padding-right: 0;
}
.products-grid a {
font-size: 11px;
letter-spacing: 0;
}
.product_name {
margin: 10px 0 0;
}
.product_name a {
padding: 0 5px !important;
font-size: 12px;
}
.product_price { margin-left: 5px; }
.cat-intro .cat-intro-section img {
width: auto;
height: 100%;
}
.shrinker .flexcard-content {
display: none;
}
.shrinker .flexcard-image {
height: 100%;
padding-bottom: 8px;
}
.nbs-flexisel-item img {
width: 85%;
margin-left: 7.5%;
}
.span1_of_4 {
/*width: 50%;*/
padding: 0 15px;
}
.span_of_4 .span1_of_4:nth-child(3) {
width: 100%;
}
.mask {
left: 26%;
}
.join h6 {
font-size: 16px;
margin-right: 3%;
}
.join input[type="text"] {
width: 44%;
}
.join input[type="submit"] {
width: 19%;
}
.multi-column-dropdown li a:hover {
background-color: #fff!important;
}
.navbar-nav .open .dropdown-menu {
background-color: #fff;
}
/*.col-sm-6 {*/
/* width: 50%;*/
/* float: left;*/
/*}*/
.login-left h2,
.login-right h3 {
font-size: 17px;
}
.login-left p,
.login-right p {
font-size: 1em;
}
#newlogin span, #userlogin span {
line-height: 1.6em;
}
.dreamcrub {
margin: 0px 0 35px 0;
}
.login-right span {
font-size: 0.9em;
}
.product-listy h2 {
padding: 18px;
}
.offer p {
font-size: 21px;
padding: 22px 17px;
}
.mens-toolbar .sort {
width: 37.5%;
}
.view .mask,
.view .content {
top: 8em;
left: 4.2em;
}
.cart-item-info h3 a {
font-size: 15px;
}
.cart-items h2 {
margin: 0;
font-size: 20px;
}
.cart-item-info {
margin-top: 1%;
}
.cart-gd {
margin-top: 30px;
}
.delivery p,
.delivery span {
font-size: 14px;
}
h2.heading {
font-size: 30px;
}
.panel-title {
padding: 0;
}
.media-left.response-text-left {
width: 20%;
margin-right: 2%;
}
.sub-left-right {
text-align: center;
}
.content-item-price-qty {
display: none;
}
.content-item-name {
width: 50%;
}
.content-item-qty {
width: 15%;
}
.cart_remove2 {
float: left;
font-size: .7em;
margin-top: 7px;
}
.content-item-qty input {
width: 55%;
float: left;
}
.shopping-cart-info {
margin: 0 auto;
}
.banner-left span {
font-size: 1em;
margin-top: 5px;
line-height: 1em;
}
.addressBar {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.subCatPath .scpContent {
display: inline-block;
/*width: 100vw;*/
}
.subCatPath .scpContent .container { width: 100% !important; padding-top: 20px; }
.subCatPath .scpContent a.scpBtn {
width: calc(50% - 20px) !important;
}
.subCatPath .scpContent h2 { font-size: 2em; }
.subCatPath .scpContent p { margin-bottom: 1.5em; }
.subCatPath img {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.gifts-brands .gbSection { width: 99%; }
.gifts-brands .gbSection .gbsCnt {
padding: 0 2em;
}
.bdrSep .footerSep .ftrsp {
font-size: 1.8rem;
margin: 1rem 0.5rem;
}
.addressBar, .bdrSep {
margin-bottom: 0;
}
.footer .newsletterForm input[type="text"], .footer .newsletterForm input[type="submit"] {
width: 100%;
}
.shopping-cart-upsell {
width: 100%;
}
.shopping-cart-upsell table tr , .shopping-cart-upsell table td {
display: inline-block;
width: 100%;
}
.shopping-cart-upsell li a {
margin: 3px -2px;
}
#form_checkout_login {
padding: 0 !important;
margin-top: -50px;
}
#newlogin {
padding-top: 30px;
padding-bottom: 30px;
}
#userlogin p {
height: 0;
overflow: hidden;
}
#userlogin table p {
height: auto;
}
.footer .container { padding: 0;}
.footer .container .col-md-3 {
margin-bottom: 30px;
}
.newsletter input[type="submit"], .footer .newsletterForm input[type="submit"] {
margin: 0;
}
}
@media screen and (max-width: 480px) {
.banner-top {
/*background: #000;*/
}
.banner {
height: 420px;
max-width: 100vw;
}
.banner img {
height: 100%;
width: auto;
position: relative;
}
.banner-bottom {
position: absolute;
top: 10px;
}
.navbar-toggle {
/*margin-right: 0px;*/
}
.product {
width: 50%;
padding: 0 5px;
}
.flexcard-image {
height: auto;
padding-top: 8px;
}
.nbs-flexisel-item img {
width: 70%;
margin-left: 15%;
}
.liked-product,
.contact-right {
width: 100%;
}
.contact-left {
width: 100%;
}
.contact-left input[type="text"] {
margin: 0 0px 23px 0;
}
.cards.text-center img {
width: 75%;
}
.cat-intro-content h2 {
font-size: 1.5em;
}
.join h6 {
font-size: 18px;
margin-right: 0;
width: 100%;
float: none;
text-align: center;
margin-bottom: 15px;
}
.contact-form input[type=submit] {
margin-top: 15px;
}
.join input[type="text"] {
width: 70%;
}
.join input[type="submit"] {
width: 30%;
}
.contact-info h2,
.contact-info h3 {
margin: 0 0 12px 0;
font-size: 20px;
}
.banner {
min-height: 227px;
}
.banner-bottom-left h2 {
font-size: 23px;
line-height: 34px;
margin: 0 0 0 67px;
}
.banner-info h2 {
font-size: 42px;
}
.banner-info h3 {
font-size: 20px;
}
.subCatPath .scpContent a.scpBtn {
width: calc(100% - 20px) !important;
text-align: left; 
}
.rslides li {
min-height: 490px;
}
.callbacks_tabs {
left: 21%;
}
.shop a {
padding: 7px 10px;
font-size: 12px;
letter-spacing: 0px;
}
.header-top-strip {
padding: 0;
}
a.twitter {
margin: 0 0.3em;
width: 20px;
height: 20px;
background: url(./images/follow.png) no-repeat 0px 3px;
background-size: 35px;
}
a.facebook {
width: 20px;
height: 20px;
background: url(./images/follow.png) no-repeat -18px 2px;
background-size: 35px;
}
.online-strip h3 {
font-size: 1.2em;
}
.shipping {
margin-left: 38%;
width: 20%;
margin-bottom: 6px;
}
.follow-us,
.online-order {
margin-top: 15px;
}
.latest-bis img {
width: 100%;
}
.latest-bis {
width: 50%;
margin: 30px auto;
}
.login-left,
.login-right {
width: 100%;
margin-right: 0%;
padding: 0;
}
.login-right {
margin-top: 20px;
}
.acount-btn {
font-size: 13px;
padding: 0.7em 1em;
}
.login-right p {
margin: 0 0 1em 0;
}
.login-left h2 {
font-size: 20px;
padding-bottom: 10px;
}
.reg ul li.text-info {
width: 36%;
}
.cart-item {
width: 26%;
margin-right: 3%;
}
.cart-item-info {
width: 71%;
}
.delivery p,
.delivery span {
font-size: 13px;
}
.delivery {
margin-top: 2em;
}
.panel-title {
padding: 0;
}
.media-left.response-text-left {
width: 20%;
margin-right: 2%;
}
.page_description_main {
width: 80%;
}
#layoutSwitch {
display: block;
}
.ShowCartContinueBtn {
width: 100%;
float: left;
}
.ShowCartChangeQtyBtn {
width: 49%;
float: right;
}
.ShowCartCheckOutBtn {
width: 100%;
margin: 4px auto;
padding: 1em 0;
}
.shopping-cart-info {
width: 95%;
}
.mobile-shopping-cart-buttons .ShowCartCheckOutBtn {
padding: 0.7em 0;
width: 100%;
margin-top: -10px;
}
.mobile-shopping-cart-buttons .ShowCartChangeQtyBtn {
margin-top: 4em;
margin-bottom: 5%;
float: right;
}
.mobile-shopping-cart-buttons .ShowCartContinueBtn {
margin-top: 4em;
margin-bottom: 5%;
}
.cart-remove-all {
width: 70%;
}
.shopping-cart-total-qty {
width: 10%;
}
.paymentlist {
float: none;
padding-left: 0;
}
.cart_redeem_link {
right: 14px;
display: block;
position: absolute;
}
.discount-item div {
padding-left: 5px;
padding-right: 5px;
}
.discount-remove {
width: 16% !important;
}
.discount-remove a {
font-size: 12px;
}
.discount-info {
width: 43% !important;
}
.discount-value {
width: 30% !important;
}
.subCatPath .scpContent {
display: inline-block;
width: 100vw;
}
.subCatPath .scpContent .container { width: 100% !important; padding-top: 20px; }
.subCatPath .scpContent a.scpBtn {
display: block;
width: 100%;
float: left;
clear: both;
margin-top: 0.5em;
margin-bottom: 0;
}
.subCatPath .scpContent a.scpBtn i {
float: right;
margin-top: 4px;
}
.subCatPath .scpContent h2 { font-size: 2em; }
.subCatPath .scpContent p { margin-bottom: 1.5em; }
.subCatPath img {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100%;
width: auto;
}
.product_price {
margin-left: 5px !important;
}
}
@media screen and (max-width: 320px) {
.header-top-left {
width: 100%;
text-align: center;
}
.header-right {
margin-right: 22%;
margin-top: 3%;
}
.header-top-left ul li {
margin: 0 10px;
}
.header-top-right ul li:nth-child(4) {
width: 100%;
text-align: left;
}
.header-top-logo {
width: 200px;
margin-top: 15px;
margin-left: -5px;
}
.logo a span {
font-size: 25px;
width: 40px;
height: 40px;
padding: 2px 0 0 1px;
margin-top: 6px;
}
.logo h1 a {
font-size: 21px;
}
.banner-bottom-left h2 {
font-size: 18px;
line-height: 26px;
margin: 0 0 0 15px;
}
.banner {
min-height: 170px;
max-width: 320px;
height: 420px;
}
.banner img {
height: 100%;
width: auto;
position: relative;
}
.banner-bottom {
position: absolute;
top: 10px;
}
.banner-info h3 {
font-size: 18px;
}
.banner-info p {
margin: 8px 0;
font-size: 13px;
}
.banner-bottom-right {} .callbacks_tabs a:after {
width: 21px;
height: 3px;
}
.banner-bottom-left {
margin: 55px 0px 0px 30px;
}
.follow-us,
.shipping-grid,
.online-order {
padding: 0 15px;
width: 100%;
}
.shipping {
margin-left: 14%;
width: 16%;
margin-bottom: 0;
margin-top: 0;
}
.shipping-grid {
padding: 0 15px;
width: 100%;
margin: 15px 0;
border-top: 1px solid #C8C8C8;
border-bottom: 1px solid #C8C8C8;
border-left: none;
border-right: none;
padding: 10px 0;
}
.online-strip h3 {
font-size: 1.4em;
}
.online-order {
margin-top: 0;
}
.follow-us,
.online-order {
margin-top: 0;
}
.nbs-flexisel-item img {
width: 80%;
margin-left: 10%;
}
.cards.text-center img {
width: 95%;
}
.copyright p {
font-size: 13px;
letter-spacing: 0px;
line-height: 20px;
}
.mask {
left: 32%;
}
.join input[type="text"] {
width: 65%;
}
.join input[type="submit"] {
width: 35%;
font-size: 15px;
}
.span1_of_4 {
width: 100%;
padding-bottom: 15px;
text-align: center;
}
ul.f_nav li a {
font-size: 14px;
}
.span1_of_4 h4 {
font-size: 22px;
margin-top: 10px;
}
.dreamcrub {
margin: 0px 0 25px 0;
background-color: #FDFDFD;
padding: 8px 5px;
}
.login-right input[type="submit"] {
padding: 0.5em 1em;
}
.login-left h2 {
font-size: 18px;
}
.reg ul li.text-info {
width: 100%;
margin-bottom: 7px;
}
.reg ul li:nth-child(2) {
margin-left: 0;
width: 100%;
}
.cart-item {
width: 60%;
margin-right: 0;
}
.cart-item-info {
width: 100%;
}
.delivery p,
.delivery span {
font-size: 13px;
width: 100%;
margin: 5px 0px;
}
.delivery {
margin-top: 1em;
}
.dropdown-menu.columns-3 {
min-width: 270px;
}
ul.multi-column-dropdown h6 {
margin-top: 15px;
}
.dropdown-menu.columns-2 {
min-width: 266px;
}
ul.breadcrumbs li.women {
font-size: 12px;
padding: 3px;
}
ul.previous li a {
font-size: 13px;
}
.latest-bis {
width: 75%;
margin: 25px auto;
}
.mens-toolbar .sort {
width: 60.5%;
}
.view .mask,
.view .content {
top: 12em;
left: 6.8em;
}
.social-icons {
width: 45%;
}
p.left {
width: 62%;
}
.col-md-7.dress-info {
padding: 0;
}
.dress-name h3 {
width: 100%;
}
.dress-name span {
float: left;
margin-top: 10px;
}
.view .mask,
.view .content {
top: 7em;
left: 1.8em;
font-size: 12px;
padding: 5px;
display: none;
}
p.tab-text {
font-size: 13px;
}
.mobile-shopping-cart-buttons .ShowCartContinueBtn {
padding: 4%;
}
.ShowCartContinueBtn {
padding-left: 6px;
}
.subCatPath .scpContent {
display: inline-block;
width: 100vw;
}
}
.carttext a i {
background: transparent url("./images/cart.png") no-repeat scroll 0% 100%;
width: 100px;
height: 14px;
padding-left: 15px;
display: inline-block;
vertical-align: middle;
}
.product_price {
display: inline-block;
margin-top: 5px;
margin-left: 20px;
color: #464646;
font-weight: 700;
text-align: center;
}
.add_to_cart {
padding: 4px 0 0 20px;
margin-bottom: 3px;
text-align: left;
display: block;
}
.add_to_cart a {
font-style: italic;
color: #adadad;
height: auto;
}
.product_name {
margin: 15px 0px 0px;
border-top: 1px solid #ebebeb;
padding-top: 10px;
}
.product_name a {
padding: 0 20px;
height: auto;
}
.contact-form input[type="text"],
.contact-form select {
width: 550px;
color: #000;
margin: 0 23px 23px 0;
font-size: 14px;
padding: 12px 10px;
outline: none;
border: 1px solid #e8e8e8;
}
.contact-form input[type="reset"] {
display: none;
}
.contact-form textarea {
width: 550px;
color: #000;
font-size: 14px;
resize: none;
height: 185px;
padding: 12px;
outline: none;
border: 1px solid #e8e8e8;
}
span.label {
display: none;
}
.acount-btn {
border: 0px;
}
#form_checkout_login {
padding: 40px 0 0;
}
#newlogin h3,
#userlogin h3 {
font-family: 'SofiaPro-Light';
color: #000;
font-size: 20px;
padding-bottom: 18px;
font-weight: 600;
}
#newlogin p,
#userlogin p {
color: inherit;
display: block;
font-size: 1.1em;
margin: 0 0 2em 0;
line-height: 1.5em;
}
#userlogin input[type="submit"]:hover {
opacity: 0.8;
text-decoration: none;
}
#newlogin form,
#userlogin form {
padding: 1em 0;
}
#newloginform div,
#userlogin form div {
padding: 0 0 2em 0;
}
#newlogin span,
#userlogin span {
color: #555;
font-size: 1em;
padding-bottom: 0.2em;
display: block;
font-weight: normal;
}
#userlogin input[type="text"] {
border: 1px solid #b1afaf;
outline-color: #CACACA;
width: 96%;
font-size: 13px;
padding: 8px;
}
#userlogin input[type="password"] {
border: 1px solid #b1afaf;
outline-color: #CACACA;
width: 96%;
font-size: 13px;
padding: 8px;
}
#userlogin input[type="submit"] {
background: #000000;
color: #FFF;
font-size: 1em;
padding: 0.7em 1.2em;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
display: inline-block;
text-transform: uppercase;
border: none;
outline: none;
}
#userlogin input[type="button"] {
background-color: transparent;
border: 0px;
color: #337AC4;
}
#userlogin input[type="button"]:hover {
text-decoration: underline;
}
#newlogin {
display: inline-block;
font-family: 'SofiaPro-Light';
width: 49%;
vertical-align: top;
}
#userlogin {
display: inline-block;
font-family: 'SofiaPro-Light';
width: 49%;
vertical-align: top;
}
#userlogin td {
padding: 10px 0;
}
#userlogin td a {
color: #000;
}
#showQuestion {
display: inline-block;
}
#maincontent {
padding: 10px;
}
#userlogin span.label {
display: none;
}
#userlogin table {
width: 100%;
}
.reg .tableheader {
color: #000000;
font-size: 14px;
/*text-transform: uppercase;*/
margin: 0px;
/*font-weight: bold;*/
}
.reg .tableheader2 {
/*font-family: "PlayfairDisplay-Regular";*/
font-size: 20px;
color: black;
}
.reg td {
padding: 0px 0px 18px
}
.reg .tablecell {
color: #CAC9C9;
}
.reg {
width: 70%;
}
.reg input[type="reset"] {
display: none;
}
.reg select {
width: 100%;
color: #000;
margin: 0px 23px 23px 10px;
font-size: 14px;
padding: 12px 10px;
outline: medium none;
border: 1px solid #b1afaf;
}
.reg input[type="button"] {
background-color: transparent;
border: 0px;
color: #337AC4;
}
.reg input[type="button"]:hover {
text-decoration: underline;
}
.checkout1-form input[type="text"],
.checkout1-form input[type="password"] {
border: 1px solid #EEE;
outline-color: #CACACA;
font-size: 13px;
padding: 8px;
}
.checkout1-form ul li div:first-child {
font-family: "PlayfairDisplay-Regular";
font-size: 24px;
}
#checkout_popup input[type="text"],
#checkout_popup select,
#checkout_popup input[type="password"] {
border: 1px solid #EEE;
outline-color: #CACACA;
font-size: 13px;
padding: 8px;
}
.checkout1-form ul li div.formlabel {
font-size: 14px;
}
.signUpFm ul {
padding-left: 18px;
}
@media screen and (max-width: 800px) {
#newlogin {
width: 100%;
}
#userlogin {
width: 100%;
}
#userlogin table {
width: 100%;
}
.reg td {
display: table;
width: 100%;
}
.reg .tableheader {
font-size: 14px;
}
.checkout1-form ul li {
width: 100%!important;
}
.checkout1-form ul li:first-child {
border: 0px!important;
}
.checkout1-form ul li:last-child {
margin-top: 100px;
}
.checkout2_div1 {
width: 100%!important;
}
.checkout2_div2 {
width: 100%!important;
border: 0px!important;
padding-left: 0px!important;
margin-left: 0px!important;
margin-top: 100px;
}
}
#submitbtn {
background-color: #000000;
color: white;
}
#checkout_continue_submit { background: #ff8918; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.btn-color {
background-color: #ab1156;
color: white;
}
.textalign .primary_button {
background-color: #ab1156;
color: white;
}
.iesbackgroundcolor1{background-color:#ff8918;}
.iesbackgroundcolor2{background-color:#424242;}
.iesbackgroundcolor3{background-color:#000000;}
.iesfontcolor1{color:#000000;}
.iesfontcolor2{color:#ffffff;}
.iesfontcolor3{color:#ffffff;}
.iesfontfamily1{font-family: 'SofiaPro-Light';}
.iesfontfamily2{font-family: 'Open Sans';}
.iesfontfamily3{font-family: 'Open Sans';}
.iesdefaultfontfamily1{font-family: 'SofiaPro-Light';}
.iesdefaultfontfamily2{font-family: 'Open Sans';}
.iesdefaultfontfamily3{font-family: 'Open Sans';}
/* more widget classes - begin */
.page_description_header_main {
/*font-weight:bold;font-size:16px;*/
}
.page_description_main {
font-size: 14px;
/*max-width: 50%;*/
margin: 15px auto;
/*color: #b3b3b3;*/
line-height: 1.7em;
}
#topdesc {
padding: 10px 0px 10px 0px;
display: block;
}
#bottomdesc {
padding: 10px 0px 10px 0px;
display: block;
}
.main_cat_title {
font-weight: bold;
}
.main_cat_list {
display: block;
margin: 0 auto;
width: 100%;
text-align: center;
}
.main_cat_list .cat_name a {
font-size: 0.9em;
/*line-height: 0.9em;*/
color: #222;
}
/*.main_cat_list .cat_name a:hover { font-weight: bold; }*/
/*.category_pic {*/
/* max-height: 50px;*/
/* max-width: 100px;*/
/*}*/
/* adding more to the one defined above */
/* more widget classes - end */
/*
Include this after bootstrap.css. Add class of 
vert-offset-top-value or vert-offset-bottom-value 
to your Bootstrap 3 default rows to prevent row content 
from touching the row content above or below.
*/
/* Vertical Offset Bottom */
.vert-offset-top-12 {
margin-top: 12em;
}
.vert-offset-top-11 {
margin-top: 11em;
}
.vert-offset-top-10 {
margin-top: 10em;
}
.vert-offset-top-9 {
margin-top: 9em;
}
.vert-offset-top-8 {
margin-top: 8em;
}
.vert-offset-top-7 {
margin-top: 7em;
}
.vert-offset-top-6 {
margin-top: 6em;
}
.vert-offset-top-5 {
margin-top: 5em;
}
.vert-offset-top-4 {
margin-top: 4em;
}
.vert-offset-top-3 {
margin-top: 3em;
}
.vert-offset-top-2 {
margin-top: 2em;
}
.vert-offset-top-1 {
margin-top: 1em;
}
.vert-offset-top-0 {
margin-top: 0em;
}
/* Vertical Offset Bottom */
.vert-offset-bottom-12 {
margin-bottom: 12em;
}
.vert-offset-bottom-11 {
margin-bottom: 11em;
}
.vert-offset-bottom-10 {
margin-bottom: 10em;
}
.vert-offset-bottom-9 {
margin-bottom: 9em;
}
.vert-offset-bottom-8 {
margin-bottom: 8em;
}
.vert-offset-bottom-7 {
margin-bottom: 7em;
}
.vert-offset-bottom-6 {
margin-bottom: 6em;
}
.vert-offset-bottom-5 {
margin-bottom: 5em;
}
.vert-offset-bottom-4 {
margin-bottom: 4em;
}
.vert-offset-bottom-3 {
margin-bottom: 3em;
}
.vert-offset-bottom-2 {
margin-bottom: 2em;
}
.vert-offset-bottom-1 {
margin-bottom: 1em;
}
.vert-offset-bottom-0 {
margin-bottom: 0em;
}
/*!
* Yamm!
* Yet another megamenu for Bootstrap
* http://geedmo.github.com/yamm
*
* https://github.com/geedmo
*/
.yamm .nav,
.yamm .dropup,
.yamm .dropdown,
.yamm .collapse {
position: static;
}
.yamm .navbar-inner,
.yamm .container {
position: relative;
}
.yamm .dropdown-menu {
left: auto;
width: auto;
border: 1px solid rgba(0,0,0,.15);
}
.yamm .dropdown-menu > li {
display: block;
font-size: 0.95em;
}
.yamm .dropdown-menu > li:hover {
background: transparent;
}
.yamm .dropdown-menu > li:hover a {
text-decoration: underline;
}
.yamm .dropdown-submenu .dropdown-menu {
left: 100%;
}
.yamm .nav.pull-right .dropdown-menu {
right: 0;
}
.yamm .yamm-content {
padding: 20px 10px;
*zoom: 1;
}
.yamm .yamm-content:before,
.yamm .yamm-content:after {
display: table;
content: "";
line-height: 0;
}
.yamm .yamm-content:after {
clear: both;
}
.yamm.navbar .nav > li > .dropdown-menu:after,
.yamm.navbar .nav > li > .dropdown-menu:before {
display: none;
}
.yamm .dropdown.yamm-fullwidth .dropdown-menu {
width: 100%;
left: 0;
right: 0;
}
.product_original_price {
    display: inline-block;
    text-decoration: line-through;
}
.product_save_price {
    display: inline-block;
    font-weight: bold;
    color: red;
}