body.single-product .wczpc_maindiv {
width: 100%;
display: inline-block;
float: left;
position: relative;
padding: 15px;
margin: 15px 0px;
}
.wczpc_maindiv h3 {
font-size: 20px !important;
text-transform: capitalize;
width: 100%;
display: inline-block;
margin: 0px 0px 10px 0px !important;
line-height: 30px !important;
}
.response_pin {
border: 3px dotted #ccc;
padding: 10px;
background: #ffff;
}
.wczp-modal {
display: none; 
position: fixed; 
z-index: 9999999; 
padding-top: 100px; 
left: 0;
top: 0;
width: 100%;
height: 100%; 
overflow: auto; 
background-color: rgb(0,0,0); 
background-color: rgba(0,0,0,0.4); 
}
p.wczp_err {
border: 1px solid red;
position: relative;
background: red;
border-radius: 4px;
color: #fff;
margin-top: 20px;
padding: 5px 10px;
} .wczp-modal .modal-content {
position: relative;
margin: auto;
padding: 0;
width: 35%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
z-index: 999999;
}
.wczp_popup_check_div {
display: flex;
flex-direction: row;
padding: 4px;
border-radius: 5px;
background-color: #fff;
}
input.wczpopuppinzip {
flex-grow: 2;
border: none;
padding: 10px !important;
height: auto;
outline: none;
border: none !important;
}
input.wczpinzipsubmit {
font-weight: 700;
letter-spacing: 0.5px;
padding: 10px 18px !important;
font-size: 16px;
display: block;
border-radius: 5px;
width: auto !important;
height: auto !important;
line-height: initial;
}
h4.wczp_popup_header {
margin: 17px 0 25px 0;
padding: 0;
font-size: 20px;
font-weight: 400;
}
.wczp-modal .modalinner {
display: inline-block;
width: 100%;
}
#wczp_porepl {
background: #ff0000;
color: #ffffff;
cursor: not-allowed;
border: none;
}
.popup_oc_main {
width: 100%;
display: inline-block;
padding: 20px;
text-align: center;
}
.popup_oc_main svg {
width: 58px;
height: auto;
text-align: center;
margin: 0 auto;
} @-webkit-keyframes animatetop {
from {top:-300px; opacity:0} 
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
} .wczp-modal .close {
float: right;
font-size: 32px;
line-height: 32px;
font-weight: bold;
position: relative;
top: 0px;
right: 10px;
}
.wczp-modal .close:hover,
.wczp-modal .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.wczp-modal .modal-header {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
.wczp-modal .modal-footer {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
.wczpc_maindiv input.wczpcheck {
flex-grow: 2;
border: none;
color: #fff;
padding: 10px;
height: auto;
}
.wczpc_spinner {
position: absolute;
top: 32%;
left: 0;
display: flex;
align-content: center;
height: auto;
width: 100%;
text-align: center;
}
.wczpc_spinner img {
height: 50px;
margin: 0 auto;
align-items: center;
display: flex;
align-content: center;
}
.wczpc_maindiv input.wczpcheckbtn {
width: auto!important;
border: none;
border-radius: 5px;
height: 45px;
line-height: 25px;
font-weight: 700;
letter-spacing: 0.5px;
margin: 0 auto;
padding: 10px 10px;
font-size: 18px;
display: block;
}
.wczpc_maindiv input.wczpcheckbtn:hover {
text-decoration: none;
}
.wczp_delicons {
display: inline-block;
float: left;
}
.wczp_avaddate {
display: inline-block;
float: left;
}
.wczp_avacod {
display: inline-block;
float: left;
}
.wczp_delicons svg {
display: inline-block;
width: 35px;
height: auto;
vertical-align: bottom;
margin-right: 15px;
}
.wczp_tficon {
display: inline-block;
float: left;
margin-right: 10px;
}
.wczp_tficon img {
width: 35px;
}
.wczp_avaddate p, .wczp_avacod p {
margin: 0;
font-weight: bold;
font-size: 17px;
}
.wczp_avaddate span, .wczp_avacod span {
font-size: 15px;
}
.wczpc_maindiv input.wczpbtn {
font-weight: 700;
letter-spacing: 0.5px;
padding: 10px 18px;
font-size: 16px;
display: block;
border-radius: 5px;
width: auto !important;
height: auto;
}
.wczpc_maindiv input.wczpbtn:focus {
outline: none;
text-decoration: none;
}
.wczpc_maindiv input.wczpbtn:hover {
text-decoration: none;
}
.wczp-modal input.wczpinzipsubmit:hover {
text-decoration: none;
}
.response_pin {
margin: 5px 0px;
}
.wczp_cookie_check_div .wczpcheck:focus {
outline: none;
text-decoration: none;
}
.wczp_cookie_check_div {
display: flex;
flex-direction: row;
padding: 4px;
border-radius: 5px;
max-height: 55px;
}
.wczp_cookie_check_div svg {
width: 30px;
height: auto;
}
.wczp_empty {
display: none;
font-size: 16px;
margin-top: 10px;
}
.wczp_avaitxt {
display: flex;
width: 100%;
margin-bottom: 12px;
align-content: center;
align-items: center;
}
.wczp_dlvrytxt {
display: flex;
width: 100%;
align-content: center;
align-items: center;
}
.wczp_pincode_popup_class {
display: none;
background-color: rgba(0,0,0,0.4);
position: fixed;
z-index: 9999;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
}
body.single-product .wczpc_maindiv.wczpc_loader {
background-color: rgba(0,0,0,0.3);
pointer-events: none;
}
.wczpc_maindiv.wczpc_loader:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.3);
opacity: 1;
transition: all 1s;
-webkit-transition: all 1s;
}
input.wczpinzipsubmit:focus {
outline: none;
}
input.wczpcheckbtn:focus {
outline: none;
}
@media only screen and (max-width: 768px){
.popup_oc_main {
width:100%;
}
input.wczpopuppinzip {
width: 66%;
}
.wczp-modal .modal-content {
width:85%;
}
}
.wczpc_maindiv_popup {
width: 93%;
margin: auto;
border-radius: 5px;
text-align: center;
margin-bottom: 12px; } .wczpc_maindiv_popup span.wczp_empty {
color: red;
font-size: 20px;
}
input.wczpopuppinzip:focus {
border: none!important;
outline: none!important;
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}