.resp-video-wrapper {
position: relative;
height: 0;
margin-bottom: 1em;
}
.size-4-3 {
padding-bottom: 75%;
}
.size-16-9 {
padding-bottom: 56.25%;
}
.size-21-9 {
padding-bottom: 42.86%;
}
.size-3-2 {
padding-bottom: 66.66%;
}
.size-3-1 {
padding-bottom: 33.33%;
}
.size-5-6 {
padding-bottom: 120%;
}
.size-1-1 {
padding-bottom: 100%;
}
.resp-video-wrapper iframe, .resp-video-wrapper object, .resp-video-wrapper embed {
position: absolute !important;
margin: 0 !important;
width: 100% !important;
height: 100% !important;
}
.resp-video-left {
float: left;
margin-right: 1%;
}
.resp-video-center {
float: none;
clear: both;
margin: 0px auto 0px auto;
}
.resp-video-right {
float: right;
margin-left: 1%;
}
.resp-num-1 {
width: 100%;
}
.resp-num-2 {
width: 49%;
}
.resp-num-3 {
width: 32%;
}
.resp-num-4 {
width: 24%;
}
.resp-num-5 {
width: 19%;
}
.resp-num-6 {
width: 15%;
}
.clear {
float: none;
clear: both;
}#yith-wacp-popup {
position: fixed;
visibility: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1400;
opacity: 0;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#yith-wacp-popup:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
#yith-wacp-popup .yith-wacp-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba( 0, 0, 0, 0.8);
}
#yith-wacp-popup .yith-wacp-wrapper {
display: inline-block;
vertical-align: middle;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
text-align: left;
height: 300px;
width: 400px;
}
#yith-wacp-popup .yith-wacp-main {
opacity: 0;
background-color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2);
}
#yith-wacp-popup.open,
#yith-wacp-popup.open .yith-wacp-wrapper {
visibility: visible;
opacity: 1;
}
#yith-wacp-popup.open .yith-wacp-main {
opacity: 1;
}
#yith-wacp-popup .yith-wacp-main {
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
#yith-wacp-popup.open .yith-wacp-main {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
#yith-wacp-popup .yith-wacp-close {
border: 1px solid #a0a0a0;
border-radius: 50%;
position: absolute;
top: 5px;
right: 5px;
width: 20px;
height: 20px;
text-align: center;
line-height: 16px;
z-index: 2;
opacity: 0.5;
text-transform: lowercase;
color: #a0a0a0;
}
#yith-wacp-popup .yith-wacp-close:hover {
opacity: 1;
border-color: #ff0000;
color: #ff0000;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
}
#yith-wacp-popup .yith-wacp-content {
padding: 25px;
text-align: center;
}
#yith-wacp-popup .yith-wacp-content .product-image {
display: inline-block;
max-width: 100px;
height: auto;
float: left;
}
#yith-wacp-popup .yith-wacp-content .product-image + .product-info {
display: block;
overflow: hidden;
text-align: left;
padding-left: 20px;
}
#yith-wacp-popup .yith-wacp-content .product-info p {
margin-bottom: 0;
}
#yith-wacp-popup .yith-wacp-content .actions {
padding-top: 10px;
clear: both;
}
#yith-wacp-popup .yith-wacp-content .actions .button {
margin: 5px;
}