@font-face {
font-family: 'SocialGlyphs';
src: url('fonts/socialglyphs-webfont.eot');
src: url('fonts/socialglyphs-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/socialglyphs-webfont.woff') format('woff'),
url('fonts/socialglyphs-webfont.ttf') format('truetype'),
url('fonts/socialglyphs-webfont.svg#SocialGlyphsRegular') format('svg');
font-weight: normal;
font-style: normal;
}
body{
padding:0;
margin:0;
height:100%;
width:100%;
background: #fff;
overflow-x:hidden;
}
body a{
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
a
input[type="button"],input[type="submit"] {
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
input[type="text"], select {
border: 1px solid #ccc;
padding: 5px 8px;
margin-bottom: 5px;
}
h1,h2,h3,h4,h5,h6{
margin:0;
font-weight: 400;
}
h2 { font-size: 36px; }
p{
margin:0;
}
ul{
margin:0;
padding:0;
}
label{
margin:0;
}
.whitebg { background: #ffffff; }
.nopd { padding: 0; }
.nopdLR { padding-right: 0; padding-left: 0; }
.lin24 { line-height: 24px; }
.ptb20 { padding-top: 20px; padding-bottom: 20px; }
.w100 { width: 100%; }
.min7 { min-height: 700px; }
.hidden { display: none; }
.mrl0 { margin-right: 0; margin-left: 0; }
/*-----start-header----*/
.header-top-strip{
background: #17A7B8;
padding: 16px 0 16px 0;
}
.header-top-strip .container {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
}
.header-top-right ul { float: left; }
.header-top-right ul li {
display: inline-block;
margin-right:15px;
}
.header-top-right ul li a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 18px;
font-weight: 500;
}
.header-top-strip .home-button a { text-transform: uppercase; letter-spacing: 1px; color: #ffffff; line-height: 2em; }
span.glyphicon.glyphicon-user,span.glyphicon.glyphicon-lock {
font-size: 10px;
vertical-align: initial;
margin-right: 6px;
}
.header-top-right {
position: relative;
width: calc(5% + 30px);
/*margin-top:5px;*/
margin-left: 20%;
}
.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;
margin-top: -1px;
width: 100%; 
/*height: 700px;*/
/*height: 657px;*/
overflow: hidden;
}
.banner .ui-draggable, .categoryFront .ui-draggable {
position: initial !important;
}
.banner #HiddenMoveButton, #HiddenMoveButtonSlider {
display: none;
position: absolute;
z-index: 2;
background: #000;
color: #fff;
right: 20px;
top: 20px;
}
.banner #HiddenMoveButton:hover {
border: 2px solid #fff;
background: rgba(0,0,0,0.9);
}
.ui-draggable #HiddenMoveButton { display: block; }
#logo {
height: 60px;
}
.logo {
margin-top: -1px;
/*margin-left: 85px;*/
padding: 0;
position: relative;
}
.logo a {
text-align: center;
font-size: 24px;
color: inherit; 
font-weight: 600;
position: absolute;
top: calc(50% - 3px);
/*left: 50%;*/
left: 35px;
/*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%);
}
.logo a img { 
max-height: 62px;
/*max-width: 220px;*/
width: auto;
}
.logo-span {
margin-top: 5px;
margin-left: -8px;
display: inline-block;
font-size: 8px;
letter-spacing: 0.5px;
font-weight: 600;
} 
.banner-top {
padding-top: 0;
background-color: #fff;
border-bottom: 1px solid #ededed;
}
.search-box { margin-top: 3px; }
.search-box a { display: block; padding: 15px 0; }
.inner-head {
background-color:#fff;
}
.site-menu {
display: flex;
align-items: center;
justify-content: center;
}
.navbar-default {
background-color: transparent;
border-color: transparent;
}
.navbar-default .navbar-nav > li > a {
color: #000000;
text-transform: uppercase;
margin: 0;
border-right: 1px solid #ebebeb;
}
.navbar-default .navbar-nav > li:last-child > a {
border-color: transparent;
}
.navbar-nav {
float: left;
font-size: 16px;
font-weight: 500;
margin: 5px 0;
}
.navbar-nav li a {
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.navbar-nav li a:hover {
background: transparent;
}
.nav .open>a, .navbar-nav li.open a.dropdown-toggle:hover {
background-color: transparent !important;
}
.navbar-nav li a i {
margin-left: 4px;
font-size: 12px;
margin-top: -15px;
}
.navbar-collapse.collapse {
padding: 0;
}
.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 {
background-color: #333;
color: #fff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #000;
background-color: transparent;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: #fff;
}
.navbar-header {
float: left;
width: 20%;
}
.navbar-toggle { border-color: transparent !important; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; }
.navbar-toggle .icon-bar { background: #fff; }
ul.multi-column-dropdown h6 a {
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
color: #000000;
padding: 0;
}
.multi-column-dropdown li {
list-style-type:none;
margin: 0px 0 10px;
}
.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.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;
}
/* Mobile Nav */
.mobilenav {
width: 100%;
height: 100vh;
position: fixed;
margin-top: 0;
left: -100%;
background: #EBEBEB;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
z-index: 999;
}
/* Mobile Nav */
.mobilenav.active { left: 0; }
.mobilenav .closemenu { display: block; text-align: right; padding: 10px 5px; }
.mobilenav .mobile_menu_body {
border-top: 1px solid #ccc;
display: block;
padding: 10px;
text-transform: lowercase;
}
.mobilenav .mobile_menu_body ul li {
font-size: 1.4em;
margin-top: -1px;
color: #444;
font-weight: 400;
cursor: pointer;
display: inline-block;
width: 100%;
border: 1px solid #ccc;
}
.mobilenav .mobile_menu_body ul li a { font-size: 0.8em; padding: 7px; color: inherit; display: inline-block; }
.mobilenav .mobile_menu_body ul li a.cat1anchor, .mobilenav .mobile_menu_body ul li a.cat2anchor, .mobilenav .mobile_menu_body ul li a.cat3anchor { 
display: block; width: 100%; 
}
.mobilenav .mobile_menu_body ul li.category1 a.catmainhead { font-size: 0.6em; }
.mobilenav .mobile_menu_body ul li.category1 a.cat1anchor { text-transform: inherit; }
.mobilenav .mobile_menu_body ul li.category1 a i.fa { float: right; font-size: 0.8em; }
/* 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: 15%;
}
.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; }
.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; 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;
}
.swiper-container {
width: calc(70% - 40px);
height: 500px;
float: left;
}
.swiper-container .swiper-slide img {
max-width: none;
max-height: 100%;
}
.slider-text { display: none; }
/* Search */
#search {
position: absolute;
width: 300px;
/*display: none;*/
z-index: 20;
/*top: 0px;*/
margin-top: 10px;
left: 0px;
}
#search input[type="search"] {
padding: 5px 0px 5px 16px;
height: 40px;
border-radius: 0;
float: left;
border: 1px solid #114b52;
border-top-left-radius: 40px;
border-bottom-left-radius: 40px;
} 
#search .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
height: 40px;
float: left;
margin-left: -1px;
padding: 6px 18px 6px 12px;
background: #114b52;
border: 1px solid #114b52;
}
#custom-search-input{
padding: 3px;
border: solid 1px #E4E4E4;
border-radius: 6px;
background-color: #fff;
}
.search-box input{
/*border: 0;*/
box-shadow: none;
}
.search-box .input-group { margin-top: 5px; margin-bottom: 5px; }
.search-box .input-group input { border-radius: 0; }
.search-box .input-group .btn { height: 100%; }
.search-box .input-group .btn:hover { background: transparent; }
.search-box .input-group .btn:hover i { color: #000; }
.search-box button{
margin: 2px 0 0 0;
background: none;
box-shadow: none;
border: 0;
color: #666666;
padding: 0 8px 0 10px;
border-left: solid 1px #ccc;
}
.search-box button:hover{
border: 0;
box-shadow: none;
border-left: solid 1px #ccc;
}
.search-box .glyphicon-search {
font-size: 23px;
color: #08acd4;
}
/**** SubCat Dropdown ****/
.sub-cat-breadcrumbs {
/*position: absolute;*/
margin-top: 15px;
margin-bottom: 80px;
/*margin-left: 10px;*/
display: inline-block;
/*width: 200px;*/
background: #fff;
z-index: 2;
/* Animation */
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
.sub-cat-breadcrumbs a {
text-transform: capitalize;
line-height: 2em;
}
.sub-cat-breadcrumbs .category1Sub 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: 4px;
vertical-align: top;
margin-left: -15px;
margin-right: 3px;
width: 12px;
content: "";
}
.sub-breadcrumbs-active { border: 1px solid #ccc; padding: 10px; }
.sub-cat-breadcrumbs .panel-body {
margin-top: 20px;
padding: 0;
}
.sub-cat-breadcrumbs .panel-body .category1, .panel-link {
padding: 8px 0;
border-bottom: 1px solid #EBEBEB;
}
.sub-cat-breadcrumbs .panel-body .category1 a, .panel-link a {
font-size: 16px;
line-height: 1.2em;
}
.sub-cat-breadcrumbs .panel-body .category1 a:hover, .panel-link a:hover {
text-decoration: none;
font-weight: bold;
}
.sub-cat-breadcrumbs #wide-filter #searchform {
position: relative;
}
.sub-cat-breadcrumbs #wide-filter #pricefrombox {
position: absolute;
left: 0;
width: 45px;
text-align: center;
}
.sub-cat-breadcrumbs #wide-filter #pricetobox {
position: absolute;
right: 0;
width: 45px;
text-align: center;
}
.sub-cat-breadcrumbs #wide-filter .ui-slider-horizontal .ui-slider-range {
background: #17A7B8;
}
.sub-cat-breadcrumbs #wide-filter .ui-widget.ui-widget-content {
display: inline-block;
width: 100%;
margin-top: 40px;
border: 1px solid #dadada;
border-radius: 30px;
background: #EBEBEB;
margin-bottom: 30px;
}
.sub-cat-breadcrumbs #wide-filter .ui-slider-horizontal .ui-slider-handle {
background: #B2B2B2;
border-radius: 50%;
}
.sub-cat-hd {
display: block;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
}
.mtpfx {
margin-top: 50px;
}
.mbpfx25 {
margin-bottom: 25px;
}
.category1Sub, .category2Sub, .category3Sub {
font-size: 0.8em;
padding-left: 15px;
}
#wide-filter #pricesubmit {
display: block;
padding: 8px 25px;
background: #17A7B8;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.5px;
color: #ffffff;
border-radius: 50px;
}
/* ==========================================================================
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;
}
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: 300;
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;
}
.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;
}
.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;
}
.bannerImg { 
position: relative;
/*height: 700px;*/
z-index: 1;
}
.banner img {
/*position: absolute;*/
/*z-index: 1;*/
/*height: 100%;*/
/*border: 0;*/
display: block;
/*max-height: 100%;*/
min-width: 100%;
position: relative;
top: 0%;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
/*--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;
}
.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;}
/* Thumbnails */
.promoThumbs {
display: block;
width: calc(35% - 30px);
float: left;
margin-left: 10px;
}
.promoThumbs .thumb {
position: relative;
display: block;
background: #ebebeb;
width: 100%;
height: 160px;
float: left;
clear: both;
}
.promoThumbs .thumb:nth-child(2) {
margin-top: 10px;
margin-bottom: 10px;
}
.promoThumbs .thumbname {
display: block;
background: rgba(255,255,255,0.8);
position: absolute;
z-index: 1;
padding: 10px;
font-size: 18px;
color: #333;
font-weight: 500;
right: -1px;
bottom: 0;
}
@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 {
/*background: rgba(255,255,255,0.8);*/
text-align: left;
/*width: 600px;*/
padding: 20px 80px 60px;
z-index: 2;
position: absolute;
left: 0;
bottom: 0;
/*top: 50%;*/
/*left: 50%;*/
/*-webkit-transform: translate3d(-50%,-50%,0);*/
/*-moz-transform: translate3d(-50%,-50%,0);*/
/*-ms-transform: translate3d(-50%,-50%,0);*/
/*-o-transform: translate3d(-50%,-50%,0);*/
/*transform: translate3d(-50%,-50%,0);*/
}
.banner-info:after {
content: "";
background: rgba(23, 167, 184, 0.8);
height: 1000px;
width: 1100px;
position: absolute;
bottom: -550px;
left: -200px;
border-radius: 50%;
z-index: 1;
}
/*background: rgba(23, 167, 184, 0.8);*/
.banner-info h2 {
position: relative;
max-width: 600px;
font-size: 68px;
font-weight: 600;
line-height: 1.2em;
padding: 0;
text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
z-index: 2;
}
.banner-info p {
position: relative;
font-size: 18px;
text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
margin: 20px 0;
z-index: 2;
}
.shop {
margin: 30px auto 15px;
}
.shop a {
text-decoration:none;
padding:16px 32px;
font-size:14px;
letter-spacing:1px;
}
.shop a:hover {
color:#1f4ba5;
background-color:#ffffff;
border: 1px solid #1f4ba5;
}
/*-- 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;
}
/*-- online-strip --*/
h3.head.text-center, .page_description_header_main {
font-size: 32px;
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;
}
.front-page #maindesc, .front-page #topdesc { width: 100%; text-align: center; max-width: 100%; }
.front-page .page_description_main { max-width: 100%; font-size: inherit; color: inherit; }
.front-page #bottomdesc { margin-top: 20px; }
.main-content {
padding-top: 15px;
}
.flexcard {
display: block;
vertical-align: middle;
}
.flexcard-image {
height: 70%;
max-width: 100%;
overflow: hidden;
}
.flexcard-content {
max-width: 100%;
}
.products-grid {
padding: 15px 0 30px;
width: 100%;
display: inline-block;
}
.products-grid header {
width: 100%;
padding: 0 5px;
}
#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%; 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; }
#new_title_name, #front_title_name, #top_title_name {
font-size: 24px;
font-weight: 400;
padding: 0;
margin-top: 1em;
text-align: center;
}
.product {
display: inline-block;
position: relative;
text-align: center;
cursor: pointer;
margin-top: -1px;
padding: 6px;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
-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 #ffffff;
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: 100%;
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: 300px; }
.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: 'Rubik';
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;
}
.categoryFront { width: calc(33.333% - 7px); height: 350px; margin: 0; position: relative; overflow: hidden; }
.categoryFront:nth-child(5) { margin: 0 10px; }
.categoryFront .inner-txt {
background: rgba(255,255,255,0.8);
padding: 5px 20px;
position: absolute; 
z-index: 2; 
bottom: 0;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
-o-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
text-align: center;
}
.categoryFront .inner-txt a { color: inherit; }
.categoryFront img { 
display: block;
max-height: 100%;
position: relative;
top: 0;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.vwMBrands {
display: block;
float: right;
margin: 15px 0 10px;
font-weight: 500;
color: #000;
}
a.vwMBrands {
color: #000;
}
/*--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;
}
/* the inteoduction text */
.theIntroduction {
display: flex;
align-items: center;
justify-content: center;
position: relative;
min-height: 650px !important;
overflow: hidden;
}
.theIntroduction:after {
content: "";
position: absolute;
background: #DBF7FB;
width: 900px;
height: 900px;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
right: -450px;
}
.theIntroduction .container {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.theIntroduction .container p {
position: relative;
max-width: 600px;
font-size: 18px;
margin-bottom: 30px;
z-index: 2;
} 
.theIntroduction .clin-cert-txt {
color: #E9FCFF;
font-size: 120px;
line-height: 120px;
font-weight: 800;
position: absolute;
top: 50%;
left: calc(50% - 3em - 30px);
transform: translate(-50%, -50%) rotate(
-90deg
);
text-shadow: -1px 0 #B3EAF2, 0 1px #B3EAF2, 1px 0 #B3EAF2, 0 -1px #B3EAF2;
z-index: 1;
}
/* Product CatListing */
.catlisting {
max-width: 19%;
min-height: 250px;
width: 100%;
float: left;
margin-right: 1%;
border: 1px solid #dadada;
background: #e3e4e5;
padding-top: 15px;
padding-bottom: 15px;
}
.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: 4px;
vertical-align: text-top;
margin-left: -15px;
margin-right: 3px;
width: 12px;
content: "";
}
.catlisting .page_description_header_main {
padding: 0 5px;
margin-bottom: 5px;
font-size: 0.9em;
font-weight: 600;
text-transform: uppercase;
}
.catlisting .page_description_main { display: none; }
.cat_list {
display: inline-block;
padding: 4px 0;
margin: 0 10px;
cursor: pointer;
}
.cat_img { position: relative; height:300px; width:300px; margin-bottom: 5px; border: 1px solid #ebebeb; }
.cat_img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); max-width: 100%; }
#maindesc {padding: 0 0px 10px 0px; display:block; max-width:80%; margin: 0 auto; text-align: center; }
#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 a {
font-weight: 500;
color: #000;
font-size: 0.8em;
padding-right: 0.4em;
text-transform: uppercase;
}
.brandpromise {
display: inline-block;
width: 100%;
margin: 30px 0;
padding: 10px 0 35px;
text-align: center;
border-bottom: 5px solid #ffe7e7;
border-top: 5px solid #ffe7e7;
}
.brandpromise h2 {
font-size: 24px;
display: inline-block;
margin-bottom: 10px;
}
.brandpromise .prm {
display: inline-block;
border: 1px solid #fbdcdc;
vertical-align: top;
width: calc(33.333% - 15px);
margin: 0 5px;
padding: 5px 6px;
font-size: 13px;
height: 6em;
color: #515151;
background: #ffeded;
}
.brandpromise .prm h3 {
font-size: 14px;
padding: 5px;
font-weight: 500;
color: #515151;
}
/* Category Conts */
.cat-hd-fx {
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
color: #004F58;
}
.front-page-categories {
display: flex;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 100px;
}
.front-page-categories .category1 {
position: relative;
margin: 10px 10px;
background: #ebebeb;
min-height: 400px;
overflow: hidden;
cursor: pointer;
}
.front-page-categories .category1 a {
display: block;
height: 100%;
width: 100%;
}
.front-page-categories .category1:after {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 75%, rgba(23,167,184,0.5) 100%);
z-index: 2;
}
.front-cat-name {
position: absolute;
bottom: 10px;
left: 10px;
color: #ffffff;
font-size: 22px;
font-weight: 600;
z-index: 3;
}
.front-page-categories .category1 img {
position: absolute;
min-width: 100%;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
max-height: 150%;
max-width: 150%;
z-index: 1;
}
.front-page-categories .category1:nth-child(1) {
width: 60%;
}
.front-page-categories .category1:nth-child(2) {
width: calc(40% - 40px);
}
.front-page-categories .category1:nth-child(3) {
width: 40%;
}
.front-page-categories .category1:nth-child(4) {
width: calc(60% - 40px);
}
.front-page-categories .category1:nth-child(5), .front-page-categories .category1:nth-child(6), .front-page-categories .category1:nth-child(7) {
width: calc(33.333% - 20px);
}
/* Category Conts End*/
.promoStrip {
/*background: #fff1f1;*/
background: url(./images/promostripbg.jpg);
border-top: 5px solid #ffe7e7;
border-bottom: 5px solid #ffe7e7;
height: 200px;
padding: 2em 0;
width: 100%;
margin-top: 10px;
text-align: center;
}
.promoLnks {
display: inline-block;
width: 100%;
padding: 1em 0;
}
.promoStrip h2 { font-size: 24px; }
.promoStrip .promoLnks a {
display: inline-block;
background: #ffe7e7;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
color: #000;
font-family: inherit;
font-weight: 600;
border: 1px solid #000;
padding: 10px 20px;
margin: 0 10px;
}
.promoStrip .promoLnks a:hover, .promoStrip .promoLnks a:focus {
text-decoration: none;
background: #f3dbdb;
}
/* Product Page Stuff */
.push-down {
margin-top: 30px;
}
.free-info {
background: #17A7B8;
padding: 40px 0;
display: flex;
justify-content: center;
align-items: start;
flex-direction: row;
}
.free-info-block {
display: flex;
color: #ffffff;
padding: 0 30px;
max-width: 300px;
}
.free-info-block .left {
padding: 15px;
}
.free-info-block h4 {
font-weight: 500;
text-transform: uppercase;
}
/*-- news-letter-starts-here --*/
.news-letter {
padding: 35px 0;
/*margin: 40px 0 0;*/
}
.join h6 {
font-size: 22px;
font-weight: 300;
color: #fff;
float: left;
margin-right: 5%;
margin-top:10px;
letter-spacing: 1px;
padding: 0;
}
.join input[type="text"] {
display: block;
float: left;
width: 47%;
color: #000000;
letter-spacing: 1px;
font-weight: 300;
font-size: 15px;
padding: 14px 10px 8px;
border: 1px solid #E4E4E4;
outline: none;
font-family: 'Rubik';
text-align: left;
}
.join input[type="submit"] {
display: block;
float: left; 
outline: none;
cursor: pointer;
width: 22%;
padding: 10px 0 10px;
color: #fff;
font-size: 18px;
font-weight: 400;
margin: -1px 0 0 0px;
border: none;
-webkit-apperance: none;
}
.join input[type="submit"]:hover {
background-color:#000;
}
/*-- news-letter-ends-here --*/
/*-- footer-starts-here --*/
.span1_of_4 h4 {
margin: 0 0 15px 0;
font-size: 23px;
text-transform: capitalize;
font-weight: 400;
padding: 0;
}
.footer {
padding: 50px 0;
/*color: #fff;*/
}
.category1 a, .panel-link a {
color: #555555;
}
ul.f_nav li, .infopages {
list-style-type: none;
margin: 5px 0;
}
ul.f_nav li a , .infopages li a{
list-style-type: none;
font-size: 14px;
color: inherit;
text-transform:capitalize;
}
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 {
padding: 20px 0;
color: #000;
}
.copyright .footer {
color: #000;
}
/*-- 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;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-borer-radius: 15px;
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;
}
.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;
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 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%;
padding: 8px;
font-size: 14px;
font-weight: 400;
border: 1px solid #e6e6e6;
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;
}
/*-- //registration-form --*/
/*-- register-ends-here --*/
/*-- contact-page-starts-here --*/
#contactUsForm { float: left; 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: 15px;
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-form td {
background: transparent;
}
/***/
.contact-form tr:nth-child(1),
.contact-form tr:nth-child(2) {
display: inline-block;
width: 50%;
}
.contact-form tr:nth-child(1) {
float: left;
margin-top: 0px;
}
.contact-form tr:nth-child(2) {
float: right;
margin-top: 0px;
}
.contact-form tr:nth-child(1) td:nth-child(1),
.contact-form tr:nth-child(2) td:nth-child(1) {
display: none;
}
.contact-form tr:nth-child(2) td {
float: right;
margin-top: 0px;
}
.contact-form tr:nth-child(3),
.contact-form tr:nth-child(4),
.contact-form tr:nth-child(5) {
display: inline-block;
width: 100%;
}
.contact-form tr:nth-child(1) td,
.contact-form tr:nth-child(2) td {
width: 95%;
display: inline-block;
}
.contact-form tr:nth-child(3) td,
.contact-form tr:nth-child(4) td,
.contact-form tr:nth-child(5) td {
width: 100%;
display: inline-block;
}
.contact-form tr:nth-child(4),
.contact-form tr:nth-child(5) {
display: inline-block;
width: 100%;
}
/***/
.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: 'Rubik';
}
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: 'Rubik';
}
.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;
height: 100vh;
position: fixed;
margin-top: 0;
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;
}
/* extra css -> ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; */
#cd-cart .cart-name { font-size: 0.9em; letter-spacing: 0.2px; top: 50%; 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%;
height: 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;
position: absolute;
left: 0;
bottom: 0;
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; }
#cd-cart .checkout-btn { left: 50%; }
.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;
position: absolute;
top: 10px;
right: 10px;
}
#cd-cart-trigger, #cd-cart-trigger-2 {
float: right;
font-size: 16px;
font-weight: 500;
color: #ffffff;
/*font-size: 0.8em;*/
text-transform: uppercase;
/*padding-top: 0.35em;*/
letter-spacing: 1px;
cursor: pointer;
}
#cd-cart-trigger a, #cd-cart-trigger-2 a {
width: 40px;
height: 20px;
background-image: url(./images/cd-cart.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 50%;
}
#cd-cart-trigger i, #cd-cart-trigger-2 i { color: #ffffff; }
#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 */
#slider1 {
margin: 0 auto;
}
.swiper-pic-slider {
padding-top: 20px;
display: none;
}
.desktop-slider {
padding-top: 20px;
}
/* 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:5px;width:95%; }
.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:60px;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-color: 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;}
/* Repetition of Currency Converter */ 
#multi_cur_form {
position: absolute;
top: 10px;
right: 10px;
display: none;
float: right;
margin: 15px 30px 15px !important;
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;
}
.prod_review_content {
margin: 40px 0;
display: inline-block;
width: 100%;
}
.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;
}
.carttext a i{
background: transparent url("./images/cart.png") no-repeat scroll 0% 50%;
width: 100px;
height: 18px;
font-style: normal;
display: inline-block;
vertical-align: middle;
}
.product_price{font-weight:600;color:#000;text-align:center;display:inline-block; letter-spacing: 1px;}
.add_to_cart{padding: 4px 0; margin-bottom: 3px; text-align:center;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 { font-weight: 500; padding: 0 20px; height: auto; }
.contact-form input[type="text"], .contact-form select{
width: 100%;
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: 100%;
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;}
#newlogin h3, #newlogin p, #newlogin table {
display: none;
}
#userlogin h3 {
color: #000;
font-size: 20px;
padding-bottom: 18px;
font-weight: 600;
}
#userlogin p {
color: inherit;
display: block;
font-size: 1.1em;
margin: 0 0 0.5em 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;
text-transform: uppercase;
font-weight:normal;
}
#userlogin input[type="text"], .sign-up-form input[type="text"] {
border: 1px solid #767082;
outline-color:#CACACA;
width: 350px;
font-size: 13px;
padding: 10px;
}
#userlogin input[type="password"], .sign-up-form input[type="password"] {
border: 1px solid #767082;
outline-color:#CACACA;
width: 350px;
font-size:13px;
padding: 10px;
}
#userlogin input[type="submit"], .sign-up-form #submitbtnsignup {
/*background: #97D700;*/
color: #FFF;
background: #17A7B8;
/*font-family: 'EB Garamond';*/
font-size: 18px;
/*font-style: italic;*/
/*padding: 5px 15px 7px;*/
padding: 5px 5px 5px;
height: 40px;
width: 140px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
display: inline-block;
border:none;
outline:none;
}
#userlogin input[type="button"] {
background-color:transparent;
border:0px;
font-weight: 500;
color:#17a7b8;
}
#userlogin input[type="button"]:hover{
/*text-decoration:underline;*/
}
#newlogin{display:inline-block;width: 100%;vertical-align:top;}
#userlogin{display:inline-block;width: 100%;vertical-align:top;}
#userlogin td{padding: 5px 0; }
#showQuestion{display:inline-block;}
#maincontent{padding:10px;}
#userlogin span.label{display:none;}
#userlogin table{width:100%;}
#userlogin table table tr td:first-child {
display: none;
}
#userlogin table table tr:last-child td:first-child {
display: block;
margin-top: 15px;
}
.reg .tableheader{
color: #000000;
font-size: 16px;
text-transform: uppercase;
margin: 0px;
font-weight: bold;
}
.reg .tableheader2{
font-family: "PlayfairDisplay-Regular";
font-size:24px;
color:black;
}
.reg td{padding: 0px 0px 22px}
.reg .tablecell{color:#CAC9C9;}
.reg {width:70%;}
.reg input[type="reset"]{display:none;}
.reg select{
width: 100%;
color: #000;
margin: 0px 23px 23px 0px;
font-size: 14px;
padding: 12px 10px;
outline: medium none;
border: 1px solid #E8E8E8;
}
.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;}
/* My Account Page */
.login-wrapper{
display: flex;
flex-direction: row;
width: 800px;
margin: 60px auto;
}
.login-wrapper .sign-in {
flex-basis: calc(50% - 20px);
}
.login-wrapper .or {
display: flex;
position: relative;
width: 40px;
color: #4c455c;
margin: 0 20px;
text-align: center;
justify-content: center;
align-items: center;
}
.login-wrapper .or:after {
content:"";
background: #bbbbbb;
height: 100%;
width: 1px;
position: absolute;
top: 0;
left: calc(50% - 1px);
/*transform: translateX(-50%);*/
z-index: 1;
}
.login-wrapper .or span {
background: #fafafa;
position: relative;
color: #17a7b8;
font-size: 36px;
font-weight: 400;
padding-bottom: 10px;
z-index: 2;
}
.login-wrapper .sign-up {
flex-basis: calc(50% - 20px);
}
.sign-up-form div {
margin-bottom: 12px;
}
.sign-up-newsletter-div {
margin-top: 15px;
margin-bottom: 15px;
}
.login-wrapper h3 {
font-size: 32px;
font-weight: 500;
color: #004F58;
margin-bottom: 10px;
}
/* My Account Page end */
@media screen and (max-width: 1200px) {
.header-top-right {
width: calc(5% + 45px);
} 
}
@media screen and (max-width: 1024px) {
.logo {
margin-left: 0;
} 
}
@media screen and (max-width: 800px) {
.logo { margin-left: 0; }
#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{}
.btn-color{background-color:#ab1156;color:white;}
.textalign .primary_button{background-color:#ab1156;color:white;}
/* Social Media Icons */
.social-media-icons { padding: 40px 0; }
.social-media-icons .s-icon span { display: block; text-align: center; }
.social-media-icons a {
display: inline-block;
margin: 0 auto;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
font-size: 1.8em;
line-height: 1.6em;
}
.social-media-icons a:hover { text-decoration: none; }
.twitter {
/*General*/
display: block; 
text-decoration: none;
/*Text*/
font-family: 'SocialGlyphs';
text-align: center;
font-size:33px;
line-height:1.3;
text-indent: 2px;
color: white;
text-shadow:0px -1px 0px rgba(0,0,0,0.20);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
/*Background*/
width: 44px;
height: 44px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #4e9edc;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
box-shadow: 0 1px 3px rgba(0,0,0,.1);
background-image: -webkit-linear-gradient(bottom, #4e9edc, #5daae6);
background-image: -moz-linear-gradient(bottom, #4e9edc, #5daae6);
background-image: -o-linear-gradient(bottom, #4e9edc, #5daae6);
background-image: linear-gradient(to top, #4e9edc, #5daae6);
}
.twitter:after {
content: "B";
}
.facebook {
/*General*/
display: block; 
text-decoration: none;
/*Text*/
font-family: 'SocialGlyphs';text-align: center;
font-size:35px;
line-height:1.2;
text-indent: 10px;
font-weight:regular;
color: white;
text-shadow:0px -1px 0px rgba(0,0,0,0.20);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
/*Background*/
width:44px;
height:44px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #4f78b4;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
box-shadow: 0 1px 3px rgba(0,0,0,.1);
background-image: -webkit-linear-gradient(bottom, #4974b0, #6e90c0);
background-image: -moz-linear-gradient(bottom, #4974b0, #6e90c0);
background-image: -o-linear-gradient(bottom, #4974b0, #6e90c0);
background-image: linear-gradient(to top, #4974b0, #6e90c0);
}
.facebook:after {
content: "A";
}
.google {
/*General*/
display: block; 
text-decoration: none;
/*Text*/
font-family: 'SocialGlyphs';
text-align: center;
font-size: 34px;
line-height:1.2;
text-indent: 2px;
color: white;
text-shadow:0px -1px 0px rgba(0,0,0,0.20);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
/*Background*/
width: 44px;
height: 44px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #da4935;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
box-shadow: 0 1px 3px rgba(0,0,0,.1);
background-image: -webkit-linear-gradient(bottom, #da4935, #e15946);
background-image: -moz-linear-gradient(bottom, #da4935, #e15946);
background-image: -o-linear-gradient(bottom, #da4935, #e15946);
background-image: linear-gradient(to top, #da4935, #e15946);
}
.google:after {
content: "C";
}
.instagram {
/*General*/
display: block; 
text-decoration: none;
/*Text*/
font-family: 'SocialGlyphs';
text-align: center;
font-size:35px;
line-height:1.2;
text-indent: 2px;
color: white;
text-shadow:0px -1px 0px rgba(0,0,0,0.20);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
/*Background*/
width: 44px;
height: 44px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #49709b;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
box-shadow: 0 1px 3px rgba(0,0,0,.1);
background-image: -webkit-linear-gradient(bottom, #49709b, #6387af);
background-image: -moz-linear-gradient(bottom, #49709b, #6387af);
background-image: -o-linear-gradient(bottom, #49709b, #6387af);
background-image: linear-gradient(to top, #49709b, #6387af);
}
.instagram:after {
content: "E";
}
.pinterest {
/*General*/
display: block; 
text-decoration: none;
/*Text*/
font-family: 'SocialGlyphs';
text-align: center;
font-size:36px;
line-height:1.2;
color: white;
text-shadow:0px -1px 0px rgba(0,0,0,0.20);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
/*Background*/
width: 44px;
height: 44px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #b8242a;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
box-shadow: 0 1px 3px rgba(0,0,0,.1);
background-image: -webkit-linear-gradient(bottom, #b8242a, #c5383e);
background-image: -moz-linear-gradient(bottom, #b8242a, #c5383e);
background-image: -o-linear-gradient(bottom, #b8242a, #c5383e);
background-image: linear-gradient(to top, #b8242a, #c5383e);
}
.pinterest:after {
content: "L";
}
.pp-space { display: none !important; }
.iesbackgroundcolor1{background-color:#272727;}
.iesbackgroundcolor2{background-color:#08acd4;} /* e3e4e5*/
.iesbackgroundcolor3{background-color:#17A7B8;}
.iesbackgroundcolor4{background-color:#dffbf7;}
.iesfontcolor1{color:#000000;}
.iesfontcolor2{color:#ffffff;}
.iesfontcolor3{color:#ffffff;}
.iesfontfamily1{font-family:'Hind Siliguri';}
.iesfontfamily2{font-family:'Hind Siliguri';}
.iesfontfamily3{font-family:'Hind Siliguri';}
.iesdefaultfontfamily1{font-family:'Rubik';}
.iesdefaultfontfamily2{font-family:'Rubik';}
.iesdefaultfontfamily3{font-family:'Rubik';}
/* more widget classes - begin */
.page_description_header_main {/*font-weight:bold;font-size:16px;*/}
.page_description_main { font-size: 0.9em; font-weight: 400; margin: 15px auto; color: inherit; line-height: 1.4em; text-align: justify;}
#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: 14px; color: #000; font-weight: 600; }
.category_pic { max-height:100%; }
/* 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;
}
/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {
#logo { height: 65px; padding: 0; }
.header-top-right { height: 50px; float: right; width: 45px; padding-left: 0; text-align: center; }
#cd-cart { width: 100%; right: -100%; }
.site-menu { display: none; }
.navbar-toggle { display: block; margin-right: 0; }
.banner { max-height: 380px; }
.banner-info { padding: 20px 20px 60px; }
.banner-info h2 { font-size: 42px; }
.banner-info p { font-size: 14px; }
.banner-info:after {
height: 500px;
width: 600px;
bottom: -150px;
left: -150px; 
}
.banner img { height: 100%; width: auto; }
.categoryFront { overflow: hidden; }
.categoryFront img { height: 100%; width: auto; }
.shop a { padding: 10px 20px; font-size: 12px; }
.search-box { display: none; }
#cd-cart-trigger, #cd-cart-trigger-2 { padding-top: 1em; }
#cd-cart-trigger i, #cd-cart-trigger-2 i { font-size: 1.5em; padding-bottom: 3px; }
.categoryFront { max-height: 220px; }
.mbpd0 { padding-left: 0; padding-right: 0; }
.sub-left-right, .sub-left-right form { display: block; }
.join input[type="text"] { width: 68%; }
.join input[type="submit"] { width: 30%; padding-bottom: 8px; font-size: 17px; font-weight: 500; }
#maindesc { width: 100%; max-width: none; }
/* Product Listing */
.sub-cat-breadcrumbs { width: 135px; }
.sub-breadcrumbs-active { width: 79%; border: 1px solid #ccc; padding: 10px; }
#product_listing_sortby_box select { padding: 6px 2px; width: 50%; }
/* Copyright */
.copyright { padding: 10px 20px; }
.theIntroduction:after {
width: 300px;
height: 300px;
right: -150px;
}
.front-page-categories .category1 {
flex-direction: column;
width: 100% !important;
min-height: 300px;
}
.free-info {
flex-direction: column;
}
.free-info-block {
margin-bottom: 20px;
max-width: 100%;
border-bottom: 1px solid #26bed0;
padding-bottom: 30px;
width: 100%;
}
.free-info-block:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 15px;
}
.free-info-block .left {
width: 53px;
}
h3.head.text-center, .page_description_header_main {
font-size: 24px;
}
.login-wrapper {
flex-direction: column;
width: 100%;
}
.login-wrapper .or {
display: none;
}
.login-wrapper .sign-in {
border-bottom: 1px solid #bbbbbb; 
}
}
/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {
/*.navbar-toggle { display: block; }*/
/*.banner { max-height: 450px; }*/
/*.search-box { display: none; }*/
/*.header { padding: 0 9px; }*/
/*#cd-cart-trigger, #cd-cart-trigger-2 { font-size: 1em; }*/
/*.categoryFront { max-height: 220px; }*/
}
/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {}
/* Large Devices, .visible-lg-* */
@media (min-width: 1200px) {}
