html, body, .container, .container div,.container p,.container span,.container h1,.container h2,.container h3,.container a,
.container img,.container ul,.container ol,.container li,.container input,
.container table,.container tr,.container td,.container label, .container iframe {
	margin:0;
	padding:0;
	font-family: puma_font, sans-serif;
    font-size: 16px;
    font-weight: 400;
	border:0;
	text-decoration: none;
	box-sizing: border-box;
    list-style: none;
}
span.span_black{
 color: #000000 !important;
 font-weight: bold;
 text-decoration: underline;
}
.s_desc table tr td:last-child {
    border-right: 1px solid #CCCCCC;
}
.s_desc table td:nth-child(even) {
    background-color: #F0F0F0;
}
.s_desc table tr td:first-child {
    border-left: 1px solid #CCCCCC;
}
.s_desc table td h3 {
    font-family: puma_font, sans-serif;
    font-weight: bold;
    color: #0055A5;
    font-size: 14px;
    line-height: 16px;
    margin: 0px 0px 0px -14px;
    padding: 10px 0px 0px 0px;
    border: none;
}
.s_desc > p {
    width: 365px;
    display: block;
    overflow: hidden;
    font-size: 11px;
    line-height: 16px;
    color: #2A2A2A;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.s_desc table tr:first-child td {
    border: 0px;
}
li.main-cat:nth-of-type(1) .lev2 >  li,
li.main-cat:nth-of-type(2) .lev2 >  li,
li.main-cat:nth-of-type(3) .lev2 >  li,
li.main-cat:nth-of-type(6) .lev2 >  li,
li.main-cat:nth-of-type(5) .lev2 >  li,
li.main-cat:nth-of-type(7) .lev2 >  li{
width: 21% !important;
}
.s_tb {
    height: 590px;
    margin: 0px 20px 0px 20px;
    padding: 20px 20px 4px 20px;
    border-top: 0px;
}
.s_tb h2 {
    font-weight: bold;
    color: #2A2A2A;
    font-size: 18px;
    line-height: 16px;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
}
.s_tb p {
    font-weight: normal;
    color: #333;
    font-size: 12px;
    line-height: 16px;
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 0px 0px;
}
.s_tb h3 {
    font-weight: bold;
    color: #2A2A2A;
    font-size: 16px;
    line-height: 16px;
    margin: 0px 0px 15px 0px;
    padding: 10px 0px 0px 0px;
}
/*sizeguide*/
.sd_size_guide{
    margin-top: 17px;
    padding-left: 20px;
}
.sd_size_guide a{
    color: #333;
    text-decoration: underline;
     font-weight: bold;
}

.p_dcont table {
   
    float: left;
    font-weight: normal;
    font-size: 13px;
}
*[ci=""], *[ci="://"]
{
    display: none !important;
}
.p-descr h3{
    margin-top: 15px;
    margin-bottom: 10px ;
    font-size: 18px;
    font-weight: bold;
}

/*pop up*/


 .modal-window {
  position: fixed;
  overflow: scroll;
  width: 100%;
  background-color: rgba(200, 200, 200, 0.75);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.modal-window:target {
  opacity: 1;
  pointer-events: auto;
}

.modal-window > div {
  width: 100%;
  max-width: 800px;
  position: relative;
  margin: 10% auto;
  padding: 2rem;
  background: #fff;
  color: #444;
}

.modal-window header {
  font-weight: bold;
}

.modal-close {
  color: #aaa;
  line-height: 50px;
  font-size: 80%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 70px;
  text-decoration: none;
}

.modal-close:hover {
  color: #000;
}

.modal-window h1 {
  font-size: 150%;
  margin: 0 0 15px;
}



/*sizeguide end*/


.p-info .p-buynow {
    display: none;
    font-family: puma_font,  sans-serif;
    line-height: 40px;
    font-size: 19px;
    font-weight: bold;
    color: #000;
    background: #ef0;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 15px 9px;
    margin-top: 15px;
    transition: all 0.3s;
}
.p-info .p-buynow:hover {
    color: #fff;
    background: #000;
}
.p-info .p-buynow span {
    font-family: puma_font, sans-serif;
    font-size: 25px;
    line-height: 40px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}
.p-info .p-ask {
    /*display: block;*/
    font-family: puma_font, sans-serif;
    line-height: 40px;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    background: #f2f2f2;
    text-align: center;
    padding: 5px 15px 9px;
    text-decoration: underline;
    margin-top: 15px;
    transition: all 0.3s;
}
.p-info .p-ask:hover {
    opacity: 0.6;
}
.p-info .p-ask span {
    font-family: puma_font,  sans-serif;
    font-size: 25px;
    line-height: 40px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}

.p-info .p-tabs {
    margin-top: 20px;
}
.p-tabs label {
    margin-top: 20px;
}
.p-tabs label h2 {
    cursor: pointer;
    font-weight: 800;
    padding: 15px 3px;
    font-size: 18px;
    position: relative;
    border-top: 1px solid #cdcdcd;
}
.p-tabs label h2:after {
    content: '+';
    font-weight: 800;
    font-size: 18px;
    position: absolute;
    right: 3px;
    top:auto;
    bottom: auto;
    margin: auto;
}
.p-right{
    width: 50%;
}
.p-tabs .p-descr {
    max-height: 0;
    overflow: hidden;
    padding-bottom: 0;
    transition: max-height 0.35s ease;
}
.p-tabs input:checked + label .p-descr {
    max-height: 1500px;
    padding-bottom: 25px;
    transition: max-height 0.55s ease;
}
.p-tabs input:checked + label h2:after {
    content: '-';
}

.p-hidden, .p-mob {
    display: none;
}

.left-footer{
    float: left;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}
.right-footer{
    float: right;
    margin-top: 30px !important;
    margin-bottom: 20px;
}
.container.footer{
    background-color: #f8f8f8;
}
.footer .inner{
    max-width: 1080px !important;
}
.footer p{
        text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    color: #444;
    margin-bottom: 15px;

}
.footer a{
    font-size: 17px;
    color: #444;
    display: block;
    margin-bottom: 8px;
}
.delivery-red{
    font-weight: bold;
    color: red;
}
.clearfix::after {
	display: block;
	clear: both;
	content: "";
	height:0;
	font-size: 1px;
	line-height: 0px;	
	_zoom: 1;
}
.hidden,
.p-mob {
    display: none;
}
.container .flex {
    display: flex;
}
.container img {
	max-width: 100%;
}
div[vocab], 
[hideifemty=''],[hideifemty='0.00'],[hideifemty='://'],
[hideifempty=''],[hideifempty='0.00'],[hideifempty='://'],
[hide-if-empty=''],[hide-if-empty='0.00'],[hide-if-empty='://'] {
	display:none !important;
}
.container .inner {
	max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.container .promo-banner {
    display: block;
    /*display: none;*/
    width: 100%;
    text-align: center;
}
.container .promo-banner.mothers-day-banner {
    /*display: none !important;*/
}
.container.section-top{
    background-color: #000;
}
.container .promo-banner a {
    display: block;
    width: 100%;
}
.container .promo-banner a img {
    display: block;
    width: 100%;
}
.container .top-banner {
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: 800;
	padding: 13px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	background-color: rgb(173, 148, 108);
}
.container .arrow {
    display: inline-block;
    font-weight: 800;
    transition: all 0.2s;
}
*:hover>.arrow {
    transform: translateX(2px);
}
.container .arrow.down {
    font-weight: 800;
    transform: rotate(90deg);
}
.container .arrow.up {
    font-weight: 800;
    transform: rotate(-90deg);
}
.section-top {
    border-bottom: 1px solid #e8e8e8;
}

header {
    padding: 10px 10px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.logo a {
    display: block;
}
.logo img {
	max-width: 100%;
    width: 140px;
}
header .visit-store {
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    display: block;
    color: #000;
    padding: 11px 25px;
    border: 2px solid #000;
    transition: all 0.2s;
}
header .visit-store:hover {
    color: #fff;
    background: #000;
}
.section-top nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}
.section-top nav a {
	font-size: 15px;
	letter-spacing: -0.2px;
	padding: 20px 10px 0;
	color: #fff;
	display: block;
	position: relative;
	overflow: hidden;
        font-weight: bold;
    letter-spacing: 1px;
    line-height: 35px;
}
.section-top nav a:after {
	content: '';
	display: none;
    height: 2px;
    width: calc(100% - 24px);
    position: absolute;
    left: 12px;
    bottom: 6px;
    background: #000;
}
.section-top nav a:hover:after {
	display: block;
}

.section-body {
    padding: 60px 0 0px;
}
.section-body .main {
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}
.container .big-image {
/*    width: calc(50% - 120px);*/
    background: #fff;
    text-align: center;
    position: relative;
}
.big-image label {
	overflow: hidden;
	position: relative;
    cursor: pointer;
    transition: all 0.2s;
}
.big-image label input {
    position: absolute;
	width: 100vw;
	height: 100vh;
	left:0;
	top:0;
	z-index: 9999;
}
.big-image .zoom-image:checked + .zoom-it {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 2vw;
    background: rgba(0,0,0,0.6);
    max-width: none;
    max-height: none;
    z-index: 9999;
}
.big-image .zoom-image:checked  ~ .zoom-it:after {
    content: 'x';
    font-family: monospace;
    font-size: 27px;
    font-weight: 400;
    width: 5vw;
    height: 5vw;
    max-width: 40px;
    max-height: 40px;
	min-width: 30px;
    min-height: 30px;
    background: #fff;
    color: #000;
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.big-image .zoom-image:checked ~ .zoom-it img {
	max-height: 100vh;
}
.big-image img {
    max-width: 100%;
    max-height: 650px;
    padding: 0 20px;
}
.container .basic-info {
    padding: 0 30px;
    width: 50%;
}
.basic-info .brand {
    color: #000;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: 800;
}
.basic-info .title {
    color: #000;
    padding-bottom: 28px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
	letter-spacing: 0.4px;
}
.newsletter-button{
    background: #000;
    padding: 10px !important;
}
.newsletter-button a{
    color: #fff;
}
.basic-info .size-guide {
	cursor: pointer;
	color: #fff;
	padding: 10px 12px;
	display: inline-block;
	letter-spacing: 0.4px;
    background: url(../img/size-guide-icon.png) no-repeat 12px center #de35db;
	background-size: 27px auto;
}
.basic-info .size-guide span {
	margin-left: 39px;
}
#sizeguide:checked + #size-guide {
	display: flex;
}
#size-guide {
	display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 4vw;
    background: rgba(0,0,0,0.6);
    max-width: none;
    max-height: none;
    z-index: 9999;
}
#tab-avenue:checked ~ #avenue,
#tab-shoes:checked ~ #shoes,
#tab-lingerie:checked ~ #lingerie,
#tab-clothing:checked ~ #clothing {
	display: block;
}
#tab-avenue:checked ~ .header label[for="tab-avenue"] h2,
#tab-shoes:checked ~ .header label[for="tab-shoes"] h2,
#tab-lingerie:checked ~ .header label[for="tab-lingerie"] h2,
#tab-clothing:checked ~ .header label[for="tab-clothing"] h2 {
	text-decoration: underline;
}
#size-guide .close {
	cursor: pointer;
	font-size: 13px;
    text-transform: uppercase;
	opacity: 0.7;
	float: right;
    position: fixed;
    padding: 15px 15px 0 0;
    right: 4vw;
}
#size-guide .size-guide4modal {
	background: #fff;
	overflow: auto;
	width: 100%;
	height: calc(100vh - 4vw);
}
.size-tabs .titles {
	display: flex;
	justify-content: flex-start;
	margin-top: 15px;
}
.size-tabs .title {
	cursor: pointer;
	margin-right: 30px;
}
.size-tabs .title h2 {font-size: 13px;
    text-transform: uppercase;
}
.size-tabs > .content {
	display: none;
	text-align: center;
}
.size-tabs .header .size-ttl {
	font-size: 23px;
    letter-spacing: 3px;
}
.size-tabs .header, 
.size-tabs .section-ttl {
	padding: 20px 2.5vw 5px;
}
.size-tabs .section-ttl span {
	text-align: left;
	display: block;
    border-bottom: 1px solid #000;
    font-size: 17px;
    line-height: 27px;
    letter-spacing: .3px;
    font-weight: 300;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.size-tabs table {
	border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
    width: 100%;
	margin-bottom: 35px;
}
.size-tabs td, 
.size-tabs th {
	text-align: center;
    padding: 10px;
    font-size: 14px;
}
.size-tabs th {
	font-weight: 800;
}
.size-tabs table tbody tr:nth-child(2n+1) {
	background-color: #f5f5f5
}
.size-tabs .size-note {
	font-size: 14px;
    line-height: 23px;
    padding: 0;
    margin: 0 auto 50px;
}
#size-guide .how-to {
	text-align: left;
	min-height: 430px;
}
#size-guide .how-to h3 {
	text-transform: none;
    text-align: left;
    font-size: 21px;
    line-height: 35px;
    padding-top: 90px;
}
#size-guide .how-to h4 {
	position: relative;
	text-transform: none;
    text-align: left;
    font-size: 14px;
	font-weight: 800;
    line-height: 17px;
    margin-top: 21px;
	margin-bottom: 2px;
}
#size-guide .how-to p {
	position: relative;
    font-size: 14px;
}
#size-guide .how-to > * {
	padding: 0 0 0 7vw;
}
#size-guide .how-to .sizes p:after {
	content: '';
    display: block;
    position: absolute;
    height: 1px;
    border-bottom: 1px dashed #adb0b2;
    right: 0;
    width: 100%;
}
#size-guide .how-to .sizes p {
	padding-right: 50%;
}
#clothing .how-to {
	background-image: url(https://cdn2.citychiconline.com/static/version1623758905/frontend/Citychic/default/en_US/images/cms/size-guide-1.jpg);
	background-size: 1750px 430px;
    /*background-position: 1150px 0;*/
    background-position: 20% 0;
    background-repeat: no-repeat;
}

#lingerie .how-to > p {
	display: block;
    font-size: 14px;
    line-height: 23px;
    max-width: 50%;
    padding-top: 60px;
}
#lingerie .how-to {
	background-image: url(https://cdn2.citychiconline.com/static/version1623758905/frontend/Citychic/default/en_US/images/cms/size-guide-2.jpg);
	background-size: cover;
    background-position: 1250px 0;
}
.section.-one-hc h2 {
	font-size: 25px;
    text-align: center;
    padding: 20px;
    border-bottom: 1px solid #000;
}
.section.-one-hc .wr-desk * {
	font-size: 14px;
	display: block;
	margin-top: 10px;
}

.product-info {
    max-width: 600px;
    justify-content: space-between;
}
.product-info div {
    color: #000;
    font-size: 16px;
}
.product-info div>span {
    font-weight: 800;
}
.product-info .perk {
    color: #0062c4;
    font-size: 16px;
    font-weight: 800;
    display: flex;
    margin-top: 10px;
}
.product-info .perk:before {
    content: '';
    display: inline-block;
    background-image: url(../img/shipping-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    padding-right: 10px;
}
.product-info .perk.warranty:before {
    background-image: url(../img/warranty-icon.png);
}

.container .gallery {
    padding-right: 15px;
    flex-wrap: wrap;
    justify-content: space-evenly;
    flex-direction: row;
    align-items: flex-start;
    max-width: 600px;
  /*  max-height: 480px;
    overflow-y: auto;
    overflow-x: hidden;*/
}
.container .gallery::-webkit-scrollbar{
width: 4px;
height: 4px;
}
.container .gallery::-webkit-scrollbar-thumb{
background: #000000;
border-radius: 4px;
}
.container .gallery::-webkit-scrollbar-thumb:hover{
background: #B3AFB3;
}
.container .gallery::-webkit-scrollbar-track{
background: #F0F0F0;
border-radius: 0px;
box-shadow: inset 0px 0px 0px 0px #F0F0F0;
}
.big-image label {
	display: none;
}
.gallery label {
    cursor: pointer;
    margin-bottom: 15px;
    transition: all 0.2s;
}
.gallery .gallery-image {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: #fff;
}
/*
body > input[type="checkbox"]:checked  ~ .container label[for*="img"]:after {
    content: 'x';
    font-family: monospace;
    font-size: 27px;
    font-weight: 400;
    width: 5vw;
    height: 5vw;
    max-width: 40px;
    max-height: 40px;
    background: #fff;
    color: #000;
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
body > input[type="checkbox"]:checked  ~ .container label[for*="img"] img {
    max-width: 100vw;
    max-height: 100vh;
}
#big-img:checked ~ .container label[for="big-img"],
#img5:checked ~ .container label[for="img5"],
#img4:checked ~ .container label[for="img4"],
#img3:checked ~ .container label[for="img3"],
#img2:checked ~ .container label[for="img2"],
#img1:checked ~ .container label[for="img1"] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 2vw;
    background: rgba(0,0,0,0.6);
    max-width: none;
    max-height: none;
    z-index: 9999;
}*/
#img12:checked ~ .container .gallery label[for="img12"] .gallery-image,
#img11:checked ~ .container .gallery label[for="img11"] .gallery-image,
#img10:checked ~ .container .gallery label[for="img10"] .gallery-image,
#img9:checked ~ .container .gallery label[for="img9"] .gallery-image,
#img8:checked ~ .container .gallery label[for="img8"] .gallery-image,
#img7:checked ~ .container .gallery label[for="img7"] .gallery-image,
#img6:checked ~ .container .gallery label[for="img6"] .gallery-image,
#img5:checked ~ .container .gallery label[for="img5"] .gallery-image,
#img4:checked ~ .container .gallery label[for="img4"] .gallery-image,
#img3:checked ~ .container .gallery label[for="img3"] .gallery-image,
#img2:checked ~ .container .gallery label[for="img2"] .gallery-image,
#img1:checked ~ .container .gallery label[for="img1"] .gallery-image,

#img13:checked ~ .container .gallery label[for="cf_imgall_1"] .gallery-image,
#img14:checked ~ .container .gallery label[for="cf_imgall_2"] .gallery-image,
#img15:checked ~ .container .gallery label[for="cf_imgall_3"] .gallery-image,
#img16:checked ~ .container .gallery label[for="cf_imgall_4"] .gallery-image,
#img17:checked ~ .container .gallery label[for="cf_imgall_5"] .gallery-image,
#img18:checked ~ .container .gallery label[for="cf_imgall_6"] .gallery-image,
#img19:checked ~ .container .gallery label[for="cf_imgall_7"] .gallery-image,
#img20:checked ~ .container .gallery label[for="cf_imgall_8"] .gallery-image,
#img21:checked ~ .container .gallery label[for="cf_imgall_9"] .gallery-image,
#img22:checked ~ .container .gallery label[for="cf_imgall_10"] .gallery-image,
#img23:checked ~ .container .gallery label[for="cf_imgall_11"] .gallery-image,
#img24:checked ~ .container .gallery label[for="cf_imgall_12"] .gallery-image,
#img25:checked ~ .container .gallery label[for="cf_imgall_13"] .gallery-image,
#img26:checked ~ .container .gallery label[for="cf_imgall_14"] .gallery-image,
#img27:checked ~ .container .gallery label[for="cf_imgall_15"] .gallery-image,
#img28:checked ~ .container .gallery label[for="cf_imgall_16"] .gallery-image,
#img29:checked ~ .container .gallery label[for="cf_imgall_17"] .gallery-image,
#img30:checked ~ .container .gallery label[for="cf_imgall_18"] .gallery-image,
#img31:checked ~ .container .gallery label[for="cf_imgall_19"] .gallery-image,
#img32:checked ~ .container .gallery label[for="cf_imgall_20"] .gallery-image
 {
    border: 1px solid #ccc;
}
#img12:checked ~ .container .big-image label.img12,
#img11:checked ~ .container .big-image label.img11,
#img10:checked ~ .container .big-image label.img10,
#img9:checked ~ .container .big-image label.img9,
#img8:checked ~ .container .big-image label.img8,
#img7:checked ~ .container .big-image label.img7,
#img6:checked ~ .container .big-image label.img6,
#img5:checked ~ .container .big-image label.img5,
#img4:checked ~ .container .big-image label.img4,
#img3:checked ~ .container .big-image label.img3,
#img2:checked ~ .container .big-image label.img2,
#img1:checked ~ .container .big-image label.img1,

#img13:checked ~ .container .big-image label.img13,
#img14:checked ~ .container .big-image label.img14,
#img15:checked ~ .container .big-image label.img15,
#img16:checked ~ .container .big-image label.img16,
#img17:checked ~ .container .big-image label.img17,
#img18:checked ~ .container .big-image label.img18,
#img19:checked ~ .container .big-image label.img19,
#img20:checked ~ .container .big-image label.img20,
#img21:checked ~ .container .big-image label.img21,
#img22:checked ~ .container .big-image label.img22,
#img23:checked ~ .container .big-image label.img23,
#img24:checked ~ .container .big-image label.img24,
#img25:checked ~ .container .big-image label.img25,
#img26:checked ~ .container .big-image label.img26,
#img27:checked ~ .container .big-image label.img27,
#img28:checked ~ .container .big-image label.img28,
#img29:checked ~ .container .big-image label.img29,
#img30:checked ~ .container .big-image label.img30,
#img31:checked ~ .container .big-image label.img31,
#img32:checked ~ .container .big-image label.img32
 {
    display: block;
}

.container .tabs {
    margin-top: 40px;
}
#tab12:checked ~ .tabs .tab12 .content,
#tab11:checked ~ .tabs .tab11 .content,
#tab6:checked ~ .tabs .tab6 .content,
#tab5:checked ~ .tabs .tab5 .content,
#tab4:checked ~ .tabs .tab4 .content,
#tab3:checked ~ .tabs .tab3 .content,
#tab2:checked ~ .tabs .tab2 .content,
#tab1:checked ~ .tabs .tab1 .content {
    max-height: 600px;
    padding: 0 0 35px;
}
#tab11:checked ~ .tabs .tab11 h2:after,
#tab12:checked ~ .tabs .tab12 h2:after,
#tab6:checked ~ .tabs .tab6 h2:after,
#tab5:checked ~ .tabs .tab5 h2:after,
#tab4:checked ~ .tabs .tab4 h2:after,
#tab3:checked ~ .tabs .tab3 h2:after,
#tab2:checked ~ .tabs .tab2 h2:after,
#tab1:checked ~ .tabs .tab1 h2:after {    
    background-position: -246px -220px;
}
#tab11:checked ~ .tabs .tab11 h2,
#tab12:checked ~ .tabs .tab12 h2,
#tab6:checked ~ .tabs .tab6 h2,
#tab5:checked ~ .tabs .tab5 h2,
#tab4:checked ~ .tabs .tab4 h2,
#tab3:checked ~ .tabs .tab3 h2,
#tab2:checked ~ .tabs .tab2 h2,
#tab1:checked ~ .tabs .tab1 h2 {
    color: #000;
}
.tabs .tab {
    border-top: 1px solid #e1e1e1;
}
.tabs label {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 35px 0;
}
.tabs h2 {
    display: block;
    color: #000;
    font-size: 15px;
    font-weight: 400;
	letter-spacing: 0.6;
	text-transform: uppercase;
    transition: color 0.3s;
}
.tabs h2:after {
    content: '';
	float: right;
    display: inline-block;
    position: relative;
    background-image: url(../img/sprite.png);
    background-position: -278px -238px;
    width: 21px;
    height: 11px;
}
.tabs .content {
    max-height: 0;
    margin-top: -10px;
    overflow: hidden;
    transition: all 0.3s;
}
.tabs .content * {
    /*font-size: 13px;*/
	line-height: 22px;
}
.tabs .content a {
    color: #000;
    text-decoration: underline;
}
.tabs .content p {
    margin-top:  22px;
}
.section-reasons {
    background: #f4f4f6;
    color: #fff;
    text-align: center;
}
.section-reasons h2 {
    font-size: 35px;
    font-weight: 400;
    padding: 25px 0 70px;
	color: #000;
}
.section-reasons .reasons-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	flex-wrap: wrap;
}
.reasons-container .reason {
    padding: 0 30px;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: .82px;
	width: 50%;
    padding-bottom: 50px;
}
.reasons-container .icon {
    display: block;
    min-height: 82px;
    text-align: center;
}
.reasons-container .icon:before {
    content: '';
    display: inline-block;
    position: relative;
    background-image: url(../img/sprite.png);
    background-position: -153px -60px;
    width: 48px;
    height: 50px;
}
.reasons-container .reason:nth-child(2) .icon:before {
    background-position: -60px -66px;
    width: 49px;
}
.reasons-container .reason:nth-child(3) .icon:before {
    background-position: 0 -126px;
    width: 32px;
}
.reasons-container .reason:nth-child(4) .icon:before {
    background-position: 0 -66px;
    width: 50px;
}
.reasons-container .reason:nth-child(5) .icon:before {
    background-position: -87px 0;
    width: 56px;
}
.reasons-container .reason:nth-child(6) .icon:before {
    background-position: -153px 0;
    width: 48px;
}
.reasons-container .text {
    color: #000;
	font-size: 13px;
}
.reasons-container .descr {
    display: none;
}
.reasons-container .descr:before {
	content:'';
	display: block;
	height: 1px;
	width: 30%;
	min-width: 100px;
	position: absolute;
	top:0;
	left:0;
	right:0;
	margin: 0 auto;
	background: #666;	
}
.reasons-container .reason:hover .descr {
	position: relative;
    display: block;
    color: #666;
	font-size: 12px;
	line-height: 18px;
	margin-top: 15px;
	padding: 15px 0 20px;
}

.popular-cats {
	text-align:center;
    background-color: #000;
}
.popular-cats p, .popular-cats h1, .popular-cats h2{
    color: #fff !important;
    margin-bottom: 30px;
}
.popular-cats h2 {
    font-size: 30px;
    font-weight: bold;
    padding: 40px 0 7px;
	color: #000;
}
.categories .category {
	width: 33.3333%;
	margin-bottom: 35px;
	padding: 0 15px;
    float: left;
}
.categories .category span {
	display: block;
    font-size: 35px;
    font-weight: 400;
	color: #000;
}
.categories .category span:after {
	content: '>';
    display: inline-block;
    position: relative;
    font-size: 20px;
    margin: 0 0 0 15px;
    top: -1px;
}
.hoover-features-title h1{
  font-size: 35px;
  margin: 30px 0;
}

@media screen and (max-width: 1200px) {
    .container .inner {
        padding: 0 3vw;
    }
}

@media screen and (max-width: 830px) {    
    .container .flex {
        flex-wrap: wrap;
    }
    .container .flex > * {
        margin-bottom: 25px;
        width: 100%;
    }
	.container .gallery {
		width: 20%;
	}
	.container .big-image {
		width: 80%;
	}
    .container .basic-info {
        width: 100%;
    }
    .container .basic-info {
        padding: 0;
    }
    header .visit-store {
        font-size: 15px;
        padding: 8px 20px;
    }
    .tabs h2 {
        font-size: 21px;
    }
}

@media screen and (max-width: 760px){
.categories .category{
    width: 100%;
}
}

@media screen and (max-width: 700px) {
	#clothing .how-to {
		background-size: 1220px 300px;
		background-position: 630px 0;
	}
	
	.reasons-container .reason {
		width: 50%;
	}
	
	.popular-cats .flex > * {
		width: 100%;
		margin-bottom: 10vw;
	}
}

@media screen and (max-width: 500px) {
    header, .footer {
        justify-content: center;
    }
    .gallery label {
        max-width: 50%;
    }
    .top-banner {
        display: none;
    }
	.container .gallery {
		width: 30%;
	}
	.container .big-image {
		width: 70%;
	}
    
}


.shop_now_btn{
color: #000 !important;
background-color: #fff;
padding: 10px 20px !important;
font-weight: bold !important;
}
.hoover-features-row h1{
    font-size: 22px !important;
    font-weight: bold;
    margin: 20px auto;
}
#p_sizes table{
  width: 45%;
  margin-bottom: 30px;
  margin-right: 4%;
}
#p_sizes table.women_bras{
    width: 100% !important;
}
.p_ii table tr th{
text-align: left;
font-size: 23px;
border-bottom: 1px solid #eee;
margin-bottom: 20px;
}
.p-right.p-info h1{
    font-weight: bold;
    font-size: 20px;
}
.sd_size_guide{
    margin-top: 20px !important;
}
#p_sizes > div > table > tbody > tr > td{
    line-height: 24px !important;
    padding-top: 10px !important;
}

.p-gallery {
    display: inline-block;
    font-size: 0;
    position: relative;
}
.p-gallery:after {
    background: #ef0;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    margin-left: 10px;
    text-align: center;
    padding: 10px 0;
    z-index: 10;
    display: none !important;
}
.p-gallery .p-lonely-img {
    display: none;
    width: 100%;
}
.p-gallery label {
    width: calc(50% - 10px);
    margin: 0 10px 10px 0;
    position: relative;
    padding: 10% 0;
    cursor: zoom-in;
    background: #fff;
    display: inline-block;
    float: left;
}
.p-gallery label:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,0.03);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.p-gallery input:checked + label {
    display: flex;
    cursor: zoom-out;
    z-index: 101;
    position: fixed;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.6);
}
.p-gallery img {
    max-height: 100vh;
}
.p-gallery label,
.p-gallery label:before,
.p-gallery label:after {
    transition: all 0.3s;
}
.p-gallery input:checked label,
.p-gallery input:checked label:before,
.p-gallery input:checked label:after {
    transition: all 0s;
}
.p-gallery input:checked + label:before {
    display: none;
}
.p-gallery input:checked + label:after {
    content: 'x';
    background: #fff;
    padding: 4px 14px;
    color: #000;
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 23px;
    font-weight: 500;
    cursor: pointer;
    z-index: 12;
}