@charset "utf-8";
@charset "utf-8";


html .loading-overlay {
display: block;
width: 100vw;
height: 100vh;
background: black;
opacity: 0.9;
position: fixed;
top: 0;
left: 0;
z-index: 9999999;
}
html .loading-overlay .lds-dual-ring {
position: absolute;
top: 50%;
left: 50%;
margin-left: -32px;
}
html .lds-dual-ring {
display: inline-block;
width: 64px;
height: 64px;
}
html .lds-dual-ring:after {
content: " ";
display: block;
width: 46px;
height: 46px;
margin: 1px;
border-radius: 50%;
border: 5px solid #fff;
border-color: #fff transparent #fff transparent;
-webkit-animation: lds-dual-ring 1.2s linear infinite;
animation: lds-dual-ring 1.2s linear infinite;
}
@-webkit-keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
html,
body {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
color: #888888;
font-size: 14px;
border: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
html,
body {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
form {
margin: 0;
padding: 0;
}
a img {
border: 0;
}
:focus {
outline: 0;
}
a {
text-decoration: none;
outline: 0;
transition: all 0.5s;
color: #000000;
vertical-align: middle;
}
a:hover {
text-decoration: none;
color: #24272d;
transition: all 0.5s;
}
a:active {
outline: none;
}
.nav {
display: inline-flex;
flex-direction: row;
margin: 0;
padding: 0;
list-style: none;
}
.list {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
list-style: disc;
}
hr {
border: none;
height: 1px;
background: #888888;
margin: 25px auto;
}
input,
select,
textarea {
font-size: 1rem;
font-family: 'Montserrat', sans-serif;
padding: 10px;
width: auto;
border: solid 1px #888888;
color: #888888;
cursor: pointer;
}
.btn,
.button {
display: inline-block;
background: none;
border: solid 1px #888888;
padding: 10px 25px;
font-size: 0.8rem;
text-transform: uppercase;
color: #888888;
transition: 0.5s all ease-out;
text-align: center;
font-family: 'Montserrat', sans-serif;
border-radius: 0;
}
.btn:hover,
.button:hover {
background: #888888;
color: #FFFFFF;
cursor: pointer;
}
.btn.white,
.button.white {
border: solid 1px #FFFFFF;
color: #FFFFFF;
}
.btn.white:hover,
.button.white:hover {
background: #888888;
border: solid 1px #888888;
color: #FFFFFF;
cursor: pointer;
}
.curtain {
display: block;
width: 100%;
height: 100%;
border: none;
position: absolute;
top: 0;
left: 0;
background: #000000;
opacity: 0.5;
pointer-events: none;
}
svg {
transition: fill 0.5s linear !important;
fill: currentColor !important;
width: 1em !important;
height: 1em !important;
}
.control-group {
margin: 1vw 0;
}
.fix-clear {
clear: both;
}
.v-center {
align-items: center;
}
.aligncenter {
text-align: center;
}
.pagination {
justify-content: center;
margin-bottom: 50px;
}
figure {
margin: 0 !important;
padding: 0 !important;
}
.mfp-content {
text-align: center !important;
width: auto !important;
}
.mfp-content #popup {
width: auto !important;
}
.skill-percentage {
font-family: 'Montserrat', sans-serif !important;
}
.skill-title {
font-family: 'Montserrat', sans-serif !important;
font-weight: lighter !important;
}
summary {
transition: color 0.5s linear;
}
summary:hover {
cursor: pointer !important;
color: black;
transition: color 0.5s linear;
}
#billing_country .select2-container {
display: none !important;
}
body p {
line-height: 150%;
}
main {
width: 100%;
}
.wfull {
width: 100%;
}
.wmedim {
width: 1200px;
margin: 0 auto;
}
.wrapp {
width: 960px;
margin: 0 auto;
}
.wmini {
width: 720px;
margin: 0 auto;
}
.woocommerce-pages-wrapp {
width: 1200px;
margin: 0 auto;
padding: 50px 0;
}
.woocommerce-archive-wrapp {
width: 1200px;
margin: 0 auto;
padding: 50px 0;
}
.woocommerce-single-wrapp {
width: 1200px;
margin: 0 auto;
padding: 50px 0;
}
.no_front #mod-navegation {
top: 0;
bottom: initial;
}
.no_front #mod-navegation .wrapp .nav-logo img {
width: 200px;
}
header .wrapp,
footer .wrapp {
width: 1200px;
margin: 0 auto;
}  header {
width: 100%;
position: relative;
overflow: hidden;
}
header .front-mod-showcase {
width: 100%;
height: 100vh;
position: relative;
}
header .front-mod-showcase video {
width: 100vw;
height: 100vh;
-o-object-fit: cover;
object-fit: cover;
}
header .pag-mod-header {
width: 100%;
height: 100px;
position: relative;
}
header .mod-navegation {
width: 100%;
height: auto;
padding: 5px 0;
position: relative;
position: absolute;
bottom: 0;
left: 0;
background: rgba(36, 39, 45, 0.5);
transition: 0.5s linear;
z-index: 999;
}
header .mod-navegation .wrapp {
display: flex;
justify-content: space-between;
}
header .mod-navegation .wrapp .nav-logo {
color: #FFFFFF;
}
header .mod-navegation .wrapp .nav-logo img {
width: 120px;
height: auto;
display: inline-block;
transition: width 0.5s linear;
}
header .mod-navegation .wrapp .nav-menu {
padding-top: 5px;
}
header .mod-navegation .wrapp .nav-menu ul.nav {
display: inline-flex;
padding: 0;
margin: 0;
}
header .mod-navegation .wrapp .nav-menu ul.nav li {
list-style: none;
position: relative;
margin: 0 30px;
}
header .mod-navegation .wrapp .nav-menu ul.nav li a {
color: #FFFFFF;
padding: 0;
}
header .mod-navegation .wrapp .nav-menu ul.nav li a span {
display: none;
}
header .mod-navegation .wrapp .nav-menu ul.nav li.menu-item-has-children > a {
cursor: pointer;
display: inline-block;
}
header .mod-navegation .wrapp .nav-menu ul.nav li.menu-item-has-children > a span {
display: inline;
}
header .mod-navegation .wrapp .nav-menu ul.nav li.menu-item-has-children ul {
position: absolute;
display: none;
visibility: hidden;
margin: 0;
padding: 10px 0 ;
background: rgba(36, 39, 45, 0.9) !important;
}
header .mod-navegation .wrapp .nav-menu ul.nav li.menu-item-has-children ul li {
margin: 0;
padding: 0;
display: block;
width: 100%;
text-align: left;
}
header .mod-navegation .wrapp .nav-menu ul.nav li.menu-item-has-children ul li a {
display: block;
padding: 5px 25px;
}
header .mod-navegation .wrapp .nav-menu ul.nav li.menu-item-has-children:hover > ul {
overflow: hidden;
visibility: visible;
display: block;
}
header .mod-navegation .wrapp .nav-menu ul.nav li:hover > a {
opacity: 0.5;
}
header .mod-navegation .wrapp .nav-menu ul.tools {
display: inline-flex;
align-items: center;
justify-content: space-between;
padding: 0;
margin: 0;
}
header .mod-navegation .wrapp .nav-menu ul.tools li {
list-style: none;
position: relative;
margin-left: 25px ;
}
header .mod-navegation .wrapp .nav-menu ul.tools li a {
font-size: 2rem;
color: #FFFFFF;
position: relative;
}
header .mod-navegation .wrapp .nav-menu ul.tools li a:hover {
cursor: pointer;
opacity: 0.5;
}
header .mod-navegation .wrapp .nav-menu ul.tools li a .wcviews_cart_count_output {
position: absolute;
right: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: #FFFFFF;
color: #888888;
border-radius: 100%;
}
header .mod-navegation .wrapp .nav-menu ul.tools li a .wcviews_cart_count_0:before {
content: '0';
}
header .mod-navegation.fixedd {
top: 0 !important;
background: #24272d !important;
}
header .mod-navegation.pinned {
padding: 5px 0;
top: 0 !important;
transition: 0.5s linear;
}
header .mod-navegation.pinned .nav-logo {
color: #FFFFFF;
}
header .mod-navegation.pinned .nav-logo img {
width: 200px;
height: auto;
display: inline-block;
transition: width 0.5s linear;
}
header .mod-navegation.pinned .nav-menu ul.nav li ul li {
margin: 0;
padding: 0;
display: block;
width: 100%;
text-align: left;
}
header .mod-navegation.pinned .nav-menu ul.nav li ul li a {
display: block;
}
header .mod-navegation .wpml-ls-menu-item a {
display: flex !important;
align-items: center;
}
header .mod-navegation .wpml-ls-menu-item a img {
display: inline-block !important;
width: 20px !important;
height: auto !important;
}
header .mod-navegation .wpml-ls-menu-item a span {
display: flex !important;
}    .front-mod-history .wrapp {
text-align: center;
padding: 50px 0;
}
.front-mod-history .wrapp hr {
width: 25%;
}
.front-mod-history .wrapp .mod-head {
display: block;
}
.front-mod-history .wrapp .mod-main {
margin-bottom: 50px;
}
.front-mod-history .wrapp .mod-foot {
display: block;
}
.front-mod-history .wrapp .mod-foot .btn {
margin: 0 25px;
}
.front-mod-brand {
background-size: cover;
}
.front-mod-brand .wrapp {
text-align: center;
display: flex;
justify-content: flex-start;
align-items: center;
height: 500px;
}
.front-mod-brand .wrapp .info {
width: 50%;
display: inline-block;
color: #FFFFFF;
}
.front-mod-brand .wrapp .info .mod-head {
display: block;
}
.front-mod-brand .wrapp .info .mod-head a img {
width: 250px;
height: auto;
}
.front-mod-brand .wrapp .info .mod-main {
margin: 50px auto;
}
.front-mod-brand .wrapp .info .mod-foot {
display: block;
}
.front-mod-brand .wrapp .info .mod-foot .btn {
margin: 0 25px;
border-color: #FFFFFF;
color: #FFFFFF;
}
.front-mod-brand .wrapp .info .mod-foot .btn:hover {
background: #FFFFFF;
color: #888888;
}
.front-mod-art .wrapp {
text-align: center;
padding: 50px 0;
}
.front-mod-art .wrapp hr {
width: 25%;
}
.front-mod-art .wrapp .mod-head {
display: block;
}
.front-mod-art .wrapp .mod-main {
margin-bottom: 50px;
}
.front-mod-art .wrapp .mod-foot {
display: block;
}
.front-mod-art .wrapp .mod-foot .btn {
margin: 0 25px;
}
.front-mod-promvideo .wfull {
text-align: center;
width: 100%;
height: 500px;
position: relative;
}
.front-mod-promvideo .wfull video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.front-mod-separator .wrapp {
text-align: center;
width: 100%;
padding: 50px 0;
}
.front-mod-separator .wrapp img {
width: 200px;
height: auto;
}
.front-mod-promimage .wrapp {
text-align: center;
width: 1200px;
height: 500px;
position: relative;
}
.front-mod-promimage .wrapp img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.front-mod-products .wrapp {
width: 1200px;
padding: 50px 0;
text-align: center;
}
.front-mod-products .wrapp hr {
width: 25%;
} .mod-products {
margin: 50px auto;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr ;
gap: 50px 50px;
}
.mod-products h2 {
font-size: 1rem;
text-transform: uppercase;
}
.mod-products h3 {
font-size: 1rem;
}
.mod-products h4 {
font-size: 0.9rem;
}
.mod-products .product .frame {
display: flex;
justify-content: space-between;
align-items: center;
}
.mod-products .product .frame .pro-img {
width: 40%;
position: relative;
}
.mod-products .product .frame .pro-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.mod-products .product .frame .pro-info {
width: 55%;
position: relative;
text-align: left;
} .mod-products-comb {
margin: 50px auto;
width: 100%;
display: grid;
align-content: center;
align-items: center;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr ;
gap: 10px 10px;
}
.mod-products-comb h2 {
font-size: 1rem;
text-transform: uppercase;
}
.mod-products-comb h3 {
font-size: 1rem;
}
.mod-products-comb h4 {
font-size: 0.9rem;
}
.mod-products-comb .product-comb .frame {
display: block;
text-align: center;
}
.mod-products-comb .product-comb .frame .pro-img {
width: 100%;
position: relative;
}
.mod-products-comb .product-comb .frame .pro-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.mod-products-comb .product-comb .frame .pro-img .product-ribbon {
background: #ff4d4d;
color: #FFFFFF;
position: absolute;
top: 0;
left: 0;
padding: 3px 5px;
font-size: 0.8rem;
}
.mod-products-comb .product-comb .frame .pro-info {
width: 100%;
position: relative;
text-align: center;
}
.mod-products-comb .product-comb .frame .pro-info h2 {
height: 5rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
.mod-products-comb .product-comb:last-child {
display: none;
}
.mod-products-comb svg {
font-size: 5rem !important;
}
.arch-entradas {
margin: 50px auto;
width: 100%;
display: grid;
grid-template-columns: 1fr ;
grid-template-rows: 1fr ;
gap: 50px 50px;
}
.arch-entradas h2 {
font-size: 1.5rem;
}
.arch-entradas h3 {
font-size: 1rem;
}
.arch-entradas h4 {
font-size: 1rem;
}
.arch-entradas .product .frame .pro-img {
width: 40%;
}
.arch-entradas .product .frame .pro-info {
width: 55%;
}
.arch-entradas hr {
height: 1px;
border: none;
width: 50%;
margin: 50px auto;
background: #CCCCCC;
}
.arch-products {
margin: 50px auto;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr ;
gap: 50px 50px;
}
.arch-products h2 {
font-size: 1rem;
}
.arch-products h3 {
font-size: 1rem;
}
.arch-products h4 {
font-size: 1rem;
}
.arch-products .product .frame .pro-img {
width: 40%;
}
.arch-products .product .frame .pro-info {
width: 55%;
}
.arch-products hr {
height: 1px;
border: none;
width: 50%;
margin: 50px auto;
background: #CCCCCC;
}
.product .frame {
display: flex;
justify-content: space-between;
align-items: center;
}
.product .frame .pro-img {
width: 49%;
position: relative;
}
.product .frame .pro-img .product-ribbon {
background: #ff4d4d;
color: #FFFFFF;
position: absolute;
top: 0;
left: 0;
padding: 3px 5px;
font-size: 0.8rem;
}
.product .frame .pro-info {
width: 49%;
color: #888888;
}
.product .frame .pro-info h2 {
color: #888888;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
}
.product .frame .pro-info h3 {
color: #888888;
}
.product .frame .pro-info h4 {
color: #888888;
}
.product .frame .pro-info .wooviews-product-price {
color: #888888;
}
.product .frame .pro-info .btn,
.product .frame .pro-info .button {
border: solid 1px #888888;
display: inline-block !important;
background: none !important;
border: solid 1px #888888 !important;
padding: 10px 25px !important;
font-size: 0.8rem !important;
text-transform: uppercase !important;
color: #888888 !important;
transition: 0.5s all ease-out !important;
text-align: center !important;
font-family: 'Montserrat', sans-serif !important;
border-radius: 0 !important;
font-weight: lighter;
}
.product .frame .pro-info .btn:hover,
.product .frame .pro-info .button:hover {
background: #888888 !important;
color: #FFFFFF !important;
cursor: pointer !important;
}
.product .frame .pro-info .btn.white,
.product .frame .pro-info .button.white {
border: solid 1px #FFFFFF !important;
color: #FFFFFF !important;
}
.product .frame .pro-info .btn.white:hover,
.product .frame .pro-info .button.white:hover {
background: #888888 !important;
border: solid 1px #888888 !important;
color: #FFFFFF !important;
cursor: pointer !important;
}
.product .frame .pro-info .btn:hover,
.product .frame .pro-info .button:hover {
color: #FFFFFF;
}
.single-product .single-product-head {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 50px;
}
.single-product .single-product-head .single-product-gallery {
width: 60%;
display: inline-flex;
position: relative;
justify-content: space-between;
}
.single-product .single-product-head .single-product-gallery .mini {
width: 10%;
}
.single-product .single-product-head .single-product-gallery .mini .slick-slide img {
width: 100px;
height: 75px;
-o-object-fit: cover;
object-fit: cover;
opacity: 0.3;
}
.single-product .single-product-head .single-product-gallery .mini .slick-slide img:hover {
opacity: 1;
cursor: pointer;
}
.single-product .single-product-head .single-product-gallery .mini .slick-slide.slick-current img {
width: 100px;
height: 75px;
-o-object-fit: cover;
object-fit: cover;
opacity: 1 !important;
}
.single-product .single-product-head .single-product-gallery .full {
width: 80%;
position: relative;
}
.single-product .single-product-head .single-product-gallery .full .slick-list .slick-slide img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.single-product .single-product-head .single-product-details {
width: 35%;
text-align: center;
}
.single-product .single-product-head .single-product-details h1 {
font-size: 1.8rem;
color: #888888;
text-transform: uppercase;
}
.single-product .single-product-head .single-product-details h2 {
font-size: 1.2rem;
color: #888888;
font-family: 'Montserrat', sans-serif;
}
.single-product .single-product-head .single-product-details h3 {
font-size: 1rem;
color: #888888;
}
.single-product .single-product-head .single-product-details .wooviews-product-price {
font-size: 2rem;
color: #888888;
}
.single-product .single-product-head .single-product-details .cart {
display: flex;
justify-content: center;
}
.single-product .single-product-head .single-product-details .cart.variations_form {
flex-direction: column;
}
.single-product .single-product-head .single-product-details .cart.variations_form .woocommerce-variation-add-to-cart {
display: flex;
justify-content: center;
}
.single-product .single-product-head .single-product-details .cart.variations_form .woocommerce-variation-price {
text-align: center;
margin: 10px auto;
}
.single-product .single-product-head .single-product-details .cart.variations_form .woocommerce-variation-price bdi {
font-size: 3rem;
color: #000000;
}
.single-product .single-product-head .single-product-details .cart div.quantity {
margin: 0;
float: none;
}
.single-product .single-product-head .single-product-details .cart input {
height: 40px;
border: solid 1px #888888;
background: none;
color: #888888;
}
.single-product .single-product-head .single-product-details .cart button {
height: 40px;
border: solid 1px #888888;
background: none;
color: #888888;
}
.single-product .single-product-head .single-product-details .cart button:hover {
background: #2b2e35;
color: #FFFFFF;
}
.single-product .single-product-head .single-product-details .cart .masomenos {
margin-right: 10px;
}
.single-product .single-product-head .single-product-details .cart .masomenos button {
width: 20px;
height: 20px;
display: block;
padding: 0;
border: none;
background: #888888;
color: #FFFFFF;
}
.single-product .single-product-head .single-product-details .cart .masomenos button:hover {
background: #2b2e35;
}
.single-product .single-product-body {
display: block;
margin-bottom: 50px;
}
.single-product .single-product-body .tablon {
width: 1200px;
}
.single-product .single-product-body .tablon .tabs {
border-right: solid 1px #888888;
}
.single-product .single-product-body .tablon .tabs .slick-list .slick-slide .tab {
text-align: center;
border: solid 1px #888888;
border-bottom: none;
border-right: none;
background: #f4f4f4;
color: #888888;
}
.single-product .single-product-body .tablon .tabs .slick-list .slick-slide .tab:hover {
cursor: pointer;
}
.single-product .single-product-body .tablon .tabs .slick-list .slick-slide.slick-current .tab {
background: #FFFFFF;
color: #888888;
}
.single-product .single-product-body .tablon .tabs .slick-list .slick-slide.slick-current:hover .tab {
background: #FFFFFF;
color: #888888;
}
.single-product .single-product-body .tablon .tabs .slick-list .slick-slide:hover .tab {
background: #e4e4e4;
color: #888888;
}
.single-product .single-product-body .tablon .tables {
padding: 50px;
border: solid 1px #888888;
border-top: none;
}
.single-product .single-product-body .tablon .tables .wen-skill-circle .skill-wrap {
min-height: 200px;
}
.single-product .single-product-body .tablon .tables .wen-skill-circle .skill-wrap .skill-title {
font-size: 1rem;
}
.single-product .single-product-body .tablon .tables .skill-percentage {
font-size: 1.5rem;
}
.single-product .single-product-body .tablon .tables img {
max-width: 100%;
display: inline-block;
}
.single-product .single-product-body .tablon .tables img.alignright {
float: right;
}
.single-product .single-product-body .product-video {
margin: 25px 0;
display: block;
width: 100%;
}
.single-product .single-product-body .product-video iframe {
width: 100%;
height: 35vw;
}
.single-product .single-product-foot {
display: block;
}
.single-product .single-product-foot .combination-products .wrapp {
width: 1200px;
}
.single-product .single-product-foot .combination-products .wrapp .section-head {
text-align: center;
}
.single-product .single-product-foot .combination-products .wrapp .section-head h2 {
text-transform: uppercase;
}
.single-product .single-product-foot .combination-products .wrapp .section-head hr {
width: 25%;
}
.single-product .single-product-foot .related-products .wrapp {
width: 1200px;
}
.single-product .single-product-foot .related-products .wrapp .section-head {
text-align: center;
}
.single-product .single-product-foot .related-products .wrapp .section-head h2 {
text-transform: uppercase;
}
.single-product .single-product-foot .related-products .wrapp .section-head hr {
width: 25%;
}
.single-entrada {
padding: 50px 0;
}
.single-entrada .single-entrada-head {
display: block;
}
.single-entrada .single-entrada-head .entrada-header {
height: 400px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: #FFFFFF;
padding: 50px;
background-size: cover;
}
.single-entrada .single-entrada-body {
display: block;
margin: 50px 0;
}
.single-entrada .single-entrada-foot {
display: block;
}
.faq-list {
margin: 0 0 50px 0;
}
.faq-list .faq {
margin-bottom: 5px;
}
.faq-list .faq .question {
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
border: solid 1px #CCCCCC;
padding: 10px;
}
.faq-list .faq .question h3 {
margin: 0;
}
.faq-list .faq .question .action {
position: relative;
display: block;
width: 40px;
height: 40px;
}
.faq-list .faq .question .action .show {
position: absolute;
display: block;
font-size: 2rem;
color: #CCCCCC;
}
.faq-list .faq .question .action .hide {
position: absolute;
display: none;
font-size: 2rem;
color: #CCCCCC;
}
.faq-list .faq .question:hover {
cursor: pointer;
background: #F4F4F4;
}
.faq-list .faq .question.on .action {
position: relative;
}
.faq-list .faq .question.on .action .show {
position: absolute;
display: none;
}
.faq-list .faq .question.on .action .hide {
position: absolute;
display: block;
}
.faq-list .faq .answer {
display: none;
padding: 10px 0;
}   .sitemap {
background: #24272d;
}
.sitemap .wrapp {
display: flex;
justify-content: space-between;
padding: 50px 0;
}
.sitemap .wrapp h3 {
font-size: 1.2rem;
font-family: 'Montserrat', sans-serif;
font-weight: normal;
color: #888888;
margin-bottom: 30px;
}
.sitemap .wrapp .about img {
display: inline-block;
width: 150px;
height: auto;
}
.sitemap .wrapp .extras ul.list {
padding: 0;
}
.sitemap .wrapp .extras ul.list li {
list-style: none;
margin-bottom: 10px;
}
.sitemap .wrapp .extras ul.list li a {
color: #FFFFFF;
}
.sitemap .wrapp .extras ul.list li a span {
display: none;
}
.sitemap .wrapp .extras ul.list li a:hover {
color: #888888;
}
.sitemap .wrapp .newsletter {
width: 25%;
color: #FFFFFF;
position: relative;
}
.sitemap .wrapp .newsletter .submit-button {
display: inline-block;
background: none;
border: solid 1px #888888;
padding: 10px 25px;
font-size: 0.8rem;
text-transform: uppercase;
color: #888888;
transition: 0.5s all ease-out;
text-align: center;
font-family: 'Montserrat', sans-serif;
border-radius: 0;
}
.sitemap .wrapp .newsletter .submit-button:hover {
background: #888888;
color: #FFFFFF;
cursor: pointer;
}
.sitemap .wrapp .newsletter .submit-button.white {
border: solid 1px #FFFFFF;
color: #FFFFFF;
}
.sitemap .wrapp .newsletter .submit-button.white:hover {
background: #888888;
border: solid 1px #888888;
color: #FFFFFF;
cursor: pointer;
}
.sitemap .wrapp .follow {
color: #FFFFFF;
}
.sitemap .wrapp .follow .socials {
margin-bottom: 10px;
display: flex;
justify-content: space-between;
}
.sitemap .wrapp .follow .socials .social {
background: #2b2e35;
color: #888888;
font-size: 25px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
}
.sitemap .wrapp .follow .socials .social:hover {
background: #888888;
color: #2b2e35;
} .copyright {
background: #2b2e35;
color: #FFFFFF;
padding: 10px 0;
}
.copyright .wrapp {
display: flex;
color: #888888;
justify-content: space-between;
align-items: center;
}
.copyright .wrapp a {
color: #888888;
}
.copyright .wrapp a span {
display: none;
}
.copyright .wrapp a:hover {
color: #FFFFFF;
}
.copyright .wrapp .legal ul.nav {
padding: 0;
}
.copyright .wrapp .legal ul.nav li {
margin: 0 10px;
}
.copyright .wrapp .totop {
font-size: 3rem;
color: #888888;
display: inline-block;
display: flex;
}
.copyright .wrapp .totop:hover {
color: #FFFFFF;
cursor: pointer;
}  .acceptsound {
text-align: center;
}
.acceptsound .sound {
background: none;
width: 300px;
padding: 50px;
text-align: center;
margin: 0 auto;
color: #FFFFFF;
}
.acceptsound .sound .frame {
position: relative;
display: flex;
justify-content: space-around;
}
.acceptsound .sound .frame svg {
font-size: 2.5rem;
}
.acceptsound .sound .frame .audioyes {
text-align: center;
color: #FFFFFF;
display: flex;
flex-direction: column;
}
.acceptsound .sound .frame .audioyes:hover {
cursor: pointer;
opacity: 0.5;
}
.acceptsound .sound .frame .audiono {
text-align: center;
color: #FFFFFF;
display: flex;
flex-direction: column;
}
.acceptsound .sound .frame .audiono:hover {
cursor: pointer;
opacity: 0.5;
}  #ywdpd_popup_container {
color: black;
}
#ywdpd_popup_container .owl-stage {
text-align: center;
}
#ywdpd_popup_container h5 {
color: black;
}
#ywdpd_popup_container .single_add_to_cart_button {
background: #24272d !important;
border: none !important;
}
#ywdpd_popup_container .single_add_to_cart_button:hover {
background: #000 !important;
}
#ywdpd_popup_container .price {
margin: 10px auto !important;
display: block;
} .menu-btn {
display: none;
position: fixed;
top: 0rem;
right: 0.5rem;
z-index: 99999;
font-size: 4rem;
color: #FFFFFF;
filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7)); }
.menu-btn:hover {
cursor: pointer;
}
b {
font-weight: 600;
}
strong {
font-weight: 600;
}
h1 {
margin: 0 0 35px 0;
font-family: 'Baskervville', serif;
font-size: 3.5rem;
font-weight: normal;
}
h2 {
margin: 0 0 25px 0;
font-family: 'Baskervville', serif;
font-size: 2.5rem;
font-weight: normal;
}
h3 {
margin: 0 0 15px 0;
font-family: 'Montserrat', sans-serif;
font-size: 1.5rem;
font-weight: normal;
}
h4 {
font-family: 'Baskervville', serif;
font-weight: normal;
}
h5 {
font-family: 'Baskervville', serif;
font-weight: normal;
}
h6 {
font-family: 'Montserrat', sans-serif;
font-weight: normal;
}
@-webkit-keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes sk-bounce {
0%,
100% {
-webkit-transform: scale(0);
}
50% {
-webkit-transform: scale(1);
}
}
@keyframes sk-bounce {
0%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
} input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type=number] {
-moz-appearance: textfield;
}
.svgshadow {
filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7)); }
.blinking {
-webkit-animation: blinkingText 1s infinite;
animation: blinkingText 1s infinite;
}
@-webkit-keyframes blinkingText {
0% {
color: #ff0000;
}
50% {
color: #000000;
}
100% {
color: #ff0000;
}
}
@keyframes blinkingText {
0% {
color: #ff0000;
}
50% {
color: #000000;
}
100% {
color: #ff0000;
}
}
.slick-slider .slick-left {
position: absolute;
left: 0;
top: 40%;
z-index: 999;
color: #FFFFFF;
font-size: 3rem;
}
.slick-slider .slick-left:hover {
cursor: pointer;
}
.slick-slider .slick-list {
width: 100%;
}
.slick-slider .slick-list .slick-slide .slide {
display: block !important;
}
.slick-slider .slick-list .slick-slide .slide .frame {
overflow: hidden;
position: relative;
}
.slick-slider .slick-right {
position: absolute;
right: 0;
top: 40%;
z-index: 999;
color: #FFFFFF;
font-size: 3rem;
}
.slick-slider .slick-right:hover {
cursor: pointer;
}
.slick-slider .slick-dots {
position: relative;
margin: 20px auto;
width: 100%;
display: flex;
justify-content: center;
}
.slick-slider .slick-dots li i {
font-size: 0.5rem;
color: #888888;
margin: 0 2px;
}
.slick-slider .slick-dots li i:hover {
cursor: pointer;
}
.slick-slider .slick-dots li.slick-active {
color: #000000;
}
.slick-slider .slick-dots li.slick-active i {
color: #be1622;
}
.slick-lightbox-slick {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
padding: 0;
}
.slick-lightbox-slick .slick-left {
position: absolute;
left: 0;
top: 40%;
z-index: 999;
color: #FFFFFF;
font-size: 3rem;
}
.slick-lightbox-slick .slick-left:hover {
cursor: pointer;
}
.slick-lightbox-slick .slick-list {
margin: 0 -10px !important;
width: 90%;
}
.slick-lightbox-slick .slick-list .slick-slide {
margin: 0 10px !important;
}
.slick-lightbox-slick .slick-list .slick-slide .slide .frame {
overflow: hidden;
position: relative;
}
.slick-lightbox-slick .slick-right {
position: absolute;
right: 0;
top: 40%;
z-index: 999;
color: #FFFFFF;
font-size: 3rem;
}
.slick-lightbox-slick .slick-right:hover {
cursor: pointer;
} .wp-block-toolset-cred-form {
border: solid 1px #e4e4e4;
padding: 100px;
}
.cred-form .form-item {
padding: 10px 0;
}
.cred-form .warning {
padding: 0;
border: none;
}
.cred-form .warning .wpt-top-form-error {
width: 100%;
text-align: center;
color: #be1622;
}
.cred-form .form-fields {
padding: 20px;
border: solid 1px #888888;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.cred-form .form-fields .col {
width: 49%;
}
.cred-form .form-fields .row {
width: 100%;
}
.cred-form .form-actions {
padding: 20px;
border: solid 1px #FFFFFF;
text-align: center;
}
.cred-form .form-actions .g-recaptcha {
display: inline-block;
}
.cred-form .form-actions ul {
padding: 0;
}
.cred-form .form-actions .accept-terms label {
white-space: pre-wrap;
text-align: justify;
} #woocommerce-pages-wrapp .user-end,
#woocommerce-single-wrapp .user-end {
width: 1200px;
margin: 0 auto;
}
#woocommerce-pages-wrapp .user-end h2,
#woocommerce-single-wrapp .user-end h2 {
text-align: center;
}
#woocommerce-pages-wrapp .user-end form,
#woocommerce-single-wrapp .user-end form {
width: 100%;
display: block;
padding: 50px;
border: solid 1px #888888;
}
#woocommerce-pages-wrapp .user-end form .form-row,
#woocommerce-single-wrapp .user-end form .form-row {
margin-bottom: 25px !important;
}
#woocommerce-pages-wrapp .user-end form .form-row label,
#woocommerce-single-wrapp .user-end form .form-row label {
display: block;
}
#woocommerce-pages-wrapp .user-end form .form-row input,
#woocommerce-single-wrapp .user-end form .form-row input {
width: 100%;
}
#woocommerce-pages-wrapp .user-end form .form-row input[type="checkbox"],
#woocommerce-single-wrapp .user-end form .form-row input[type="checkbox"] {
width: auto;
margin: 0;
}
#woocommerce-pages-wrapp table th,
#woocommerce-single-wrapp table th {
font-family: 'Montserrat', sans-serif;
color: #24272d;
}
#woocommerce-pages-wrapp a,
#woocommerce-single-wrapp a {
color: #888888;
}
#woocommerce-pages-wrapp a:hover,
#woocommerce-single-wrapp a:hover {
color: #000000;
}
#woocommerce-pages-wrapp #coupon_code,
#woocommerce-single-wrapp #coupon_code {
width: auto;
}
#woocommerce-pages-wrapp .woocommerce-button,
#woocommerce-single-wrapp .woocommerce-button,
#woocommerce-pages-wrapp .button,
#woocommerce-single-wrapp .button {
display: inline-block;
background: none;
border: solid 1px #888888;
font-size: 1rem;
text-transform: uppercase;
color: #888888;
transition: 0.5s all ease-out;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-weight: normal;
border-radius: 0;
}
#woocommerce-pages-wrapp .woocommerce-button:hover,
#woocommerce-single-wrapp .woocommerce-button:hover,
#woocommerce-pages-wrapp .button:hover,
#woocommerce-single-wrapp .button:hover {
background: #888888;
color: #FFFFFF;
cursor: pointer;
}
#woocommerce-pages-wrapp .single_add_to_cart_button,
#woocommerce-single-wrapp .single_add_to_cart_button {
background: none;
color: #888888;
border: solid 1px #888888;
padding: 1rem;
}
#woocommerce-pages-wrapp .single_add_to_cart_button:hover,
#woocommerce-single-wrapp .single_add_to_cart_button:hover {
background: #888888;
color: #FFFFFF;
}
#woocommerce-pages-wrapp .checkout-button,
#woocommerce-single-wrapp .checkout-button {
background: none;
color: #888888;
border: solid 1px #888888;
padding: 1rem;
}
#woocommerce-pages-wrapp .checkout-button:hover,
#woocommerce-single-wrapp .checkout-button:hover {
background: #888888;
color: #FFFFFF;
}
#woocommerce-pages-wrapp .woocommerce-checkout-payment,
#woocommerce-single-wrapp .woocommerce-checkout-payment {
background: none;
color: #888888;
border: solid 1px #888888;
}
#woocommerce-pages-wrapp #place_order,
#woocommerce-single-wrapp #place_order {
background: none;
color: #888888;
border: solid 1px #888888;
padding: 1rem;
}
#woocommerce-pages-wrapp #place_order:hover,
#woocommerce-single-wrapp #place_order:hover {
background: #888888;
color: #FFFFFF;
}
#woocommerce-pages-wrapp #customer_details,
#woocommerce-single-wrapp #customer_details {
margin-bottom: 50px;
border-bottom: solid 1px #e4e4e4;
padding-bottom: 50px;
}
#woocommerce-pages-wrapp .woocommerce-info,
#woocommerce-single-wrapp .woocommerce-info {
border-top-color: #888888;
background: #24272d;
color: #FFFFFF;
}
#woocommerce-pages-wrapp .woocommerce-info a,
#woocommerce-single-wrapp .woocommerce-info a {
color: #888888;
}
#woocommerce-pages-wrapp .woocommerce-info a:hover,
#woocommerce-single-wrapp .woocommerce-info a:hover {
color: #24272d;
}
#woocommerce-pages-wrapp .woocommerce-info::before,
#woocommerce-single-wrapp .woocommerce-info::before {
color: #888888;
}
#woocommerce-pages-wrapp .woocommerce-message,
#woocommerce-single-wrapp .woocommerce-message {
border-top-color: #888888;
background: #24272d;
color: #FFFFFF;
}
#woocommerce-pages-wrapp .woocommerce-message a,
#woocommerce-single-wrapp .woocommerce-message a {
color: #888888;
}
#woocommerce-pages-wrapp .woocommerce-message a:hover,
#woocommerce-single-wrapp .woocommerce-message a:hover {
color: #24272d;
}
#woocommerce-pages-wrapp .woocommerce-message::before,
#woocommerce-single-wrapp .woocommerce-message::before {
color: #888888;
}
#woocommerce-pages-wrapp .woocommerce-error,
#woocommerce-single-wrapp .woocommerce-error {
border-top-color: #888888;
background: #24272d;
color: #FFFFFF;
}
#woocommerce-pages-wrapp .woocommerce-error a,
#woocommerce-single-wrapp .woocommerce-error a {
color: #000000;
}
#woocommerce-pages-wrapp .woocommerce-error a:hover,
#woocommerce-single-wrapp .woocommerce-error a:hover {
color: #888888;
}
#woocommerce-pages-wrapp .woocommerce-error::before,
#woocommerce-single-wrapp .woocommerce-error::before {
color: #888888;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation,
#woocommerce-single-wrapp .woocommerce-MyAccount-navigation {
display: table-cell;
width: 25%;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation ul,
#woocommerce-single-wrapp .woocommerce-MyAccount-navigation ul {
display: inline-flex;
flex-wrap: wrap;
flex-direction: column;
margin: 0;
padding: 0;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation ul li,
#woocommerce-single-wrapp .woocommerce-MyAccount-navigation ul li {
list-style: none;
padding-bottom: 10px;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation ul li a,
#woocommerce-single-wrapp .woocommerce-MyAccount-navigation ul li a {
display: block;
display: inline-block;
background: none;
border: solid 1px #888888;
font-size: 0.8rem;
text-transform: uppercase;
color: #888888;
transition: 0.5s all ease-out;
font-family: 'Montserrat', sans-serif;
border-radius: 0;
width: 100%;
text-align: center;
padding: 10px 25px;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation ul li a:hover,
#woocommerce-single-wrapp .woocommerce-MyAccount-navigation ul li a:hover {
background: #888888;
color: #FFFFFF;
cursor: pointer;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation ul li a.white,
#woocommerce-single-wrapp .woocommerce-MyAccount-navigation ul li a.white {
border: solid 1px #FFFFFF;
color: #FFFFFF;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation ul li a.white:hover,
#woocommerce-single-wrapp .woocommerce-MyAccount-navigation ul li a.white:hover {
background: #888888;
border: solid 1px #888888;
color: #FFFFFF;
cursor: pointer;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation ul li a i,
#woocommerce-single-wrapp .woocommerce-MyAccount-navigation ul li a i {
margin-right: 10px;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard i:before,
#woocommerce-single-wrapp .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard i:before {
content: '\f015';
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders i:before,
#woocommerce-single-wrapp .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders i:before {
content: '\f49e';
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address i:before,
#woocommerce-single-wrapp .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address i:before {
content: '\f5a0';
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout i:before,
#woocommerce-single-wrapp .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout i:before {
content: '\f2f5';
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-content,
#woocommerce-single-wrapp .woocommerce-MyAccount-content {
display: table-cell;
width: 75%;
}
#woocommerce-pages-wrapp .edit,
#woocommerce-single-wrapp .edit {
padding: 10px;
background: #000000;
color: #FFFFFF;
padding: 5px;
}
#woocommerce-pages-wrapp .edit:hover,
#woocommerce-single-wrapp .edit:hover {
background: #24272d;
color: #FFFFFF;
}
#woocommerce-pages-wrapp .customer_login_register_nav .btn,
#woocommerce-single-wrapp .customer_login_register_nav .btn {
font-size: 1rem;
}
#woocommerce-pages-wrapp .customer_login_register_nav .slick-current .btn,
#woocommerce-single-wrapp .customer_login_register_nav .slick-current .btn {
background: #000000;
color: #FFFFFF;
}
#woocommerce-pages-wrapp .spacer-bill,
#woocommerce-single-wrapp .spacer-bill {
margin: 25px auto;
}
body.woocommerce-cart .woocommerce-notices-wrapper {
display: none !important;
}
body.woocommerce-checkout .woocommerce-form-login-toggle {
display: none !important;
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle {
display: none !important;
}
body.woocommerce-checkout .woocommerce-notices-wrapper {
display: none !important;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: 0;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:after,
.slick-track:before {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.mfp-bg,
.mfp-close-btn-in {
pointer-events: none !important;
}
.mfp-content {
pointer-events: all !important;
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: 0;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0 0;
}
.mfp-arrow-right {
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
html,
body {
font-size: 14px;
}
.wrapp {
width: 960px;
}
.wmedim {
width: 960px;
margin: 0 auto;
}
.woocommerce-pages-wrapp {
width: 960px;
}
.woocommerce-archive-wrapp {
width: 960px;
}
.woocommerce-single-wrapp {
width: 960px;
}
header .wrapp,
footer .wrapp {
width: 960px;
margin: 0 auto;
}
#woocommerce-pages-wrapp .user-end,
#woocommerce-single-wrapp .user-end {
width: 960px;
}
.front-mod-products .wrapp {
width: 960px;
}
.single-product .single-product-body .tablon {
width: 960px;
}
.single-product .single-product-foot .related-products .wrapp {
width: 960px;
}
#copyright .wrapp {
display: flex;
flex-direction: column;
color: #888888;
justify-content: center;
align-items: center;
}
#copyright .wrapp .legal {
width: 100%;
text-align: center;
margin: 10px auto;
}
#copyright .wrapp .develop {
width: 100%;
text-align: center;
margin: 10px auto;
}
}
@media only screen and (min-width: 720px) and (max-width: 959px) {
.menu-btn {
display: block;
}
#mod-navegation {
visibility: hidden;
}
html,
body {
font-size: 14px;
}
.wrapp {
width: 720px;
}
.wmedim {
width: 720px;
margin: 0 auto;
}
.woocommerce-pages-wrapp {
width: 720px;
}
.woocommerce-archive-wrapp {
width: 720px;
}
.woocommerce-single-wrapp {
width: 720px;
}
header .wrapp,
footer .wrapp {
width: 720px;
margin: 0 auto;
}
#woocommerce-pages-wrapp .user-end,
#woocommerce-single-wrapp .user-end {
width: 720px;
}
#pag-mod-header {
height: 0px;
}
.front-mod-products .wrapp {
width: 720px;
}
.single-product .single-product-body .tablon {
width: 720px;
}
.single-product .single-product-foot .related-products .wrapp {
width: 720px;
}
#mod-navegation {
display: block;
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background: rgba(36, 39, 45, 0.9);
}
#mod-navegation .wrapp {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
flex-direction: column;
}
#mod-navegation .wrapp .nav-menu {
display: flex;
justify-content: center;
flex-direction: column;
}
#mod-navegation .wrapp .nav-menu ul.nav {
display: inline-flex;
margin: 50px auto 100px auto;
}
#mod-navegation .wrapp .nav-menu ul.tools {
display: inline-flex;
justify-content: center;
}
#sitemap .wrapp {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#sitemap .wrapp .about {
width: 40%;
margin-bottom: 25px;
}
#sitemap .wrapp .about img {
width: 100%;
height: auto;
}
#sitemap .wrapp .extras {
width: 40%;
margin-bottom: 25px;
}
#sitemap .wrapp .newsletter {
width: 40%;
margin-bottom: 25px;
}
#sitemap .wrapp .follow {
width: 40%;
margin-bottom: 25px;
}
#copyright .wrapp {
display: flex;
flex-direction: column;
color: #888888;
justify-content: center;
align-items: center;
}
#copyright .wrapp .legal {
width: 100%;
text-align: center;
margin: 10px auto;
}
#copyright .wrapp .develop {
width: 100%;
text-align: center;
margin: 10px auto;
}
#page-default .single-entrada-head {
display: block;
}
#page-default .single-entrada-head .entrada-header {
height: 300px;
}
}
@media only screen and (min-width: 480px) and (max-width: 719px) {
h1 {
font-size: 2.5rem;
}
.menu-btn {
display: block;
}
#mod-navegation {
visibility: hidden;
}
html,
body {
font-size: 12px;
}
.wrapp {
width: 480px;
}
.wmedim {
width: 480px;
margin: 0 auto;
}
.wmini {
width: 480px;
margin: 0 auto;
}
.woocommerce-pages-wrapp {
width: 480px;
}
.woocommerce-archive-wrapp {
width: 480px;
}
.woocommerce-single-wrapp {
width: 480px;
}
header .wrapp,
footer .wrapp {
width: 480px;
margin: 0 auto;
}
#woocommerce-pages-wrapp .user-end,
#woocommerce-single-wrapp .user-end {
width: 480px;
}
#pag-mod-header {
height: 0px;
}
#front-mod-brand {
background-position: right;
}
#front-mod-brand .wrapp .info {
width: 100%;
}
.front-mod-promvideo .wfull {
width: 480px;
margin: 0 auto;
height: 320px;
overflow: hidden;
}
.front-mod-promimage .wrapp {
width: 480px;
margin: 0 auto;
height: 320px;
overflow: hidden;
}
.front-mod-promimage .wrapp img {
-o-object-position: left;
object-position: left;
width: 150%;
}
.front-mod-products .wrapp {
width: 480px;
}
.mod-products {
grid-template-columns: 1fr;
grid-template-rows: 1fr ;
gap: 50px 50px;
}
.single-product {
margin: 0 auto;
}
.single-product .single-product-head {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.single-product .single-product-head .single-product-gallery {
width: 100%;
margin-bottom: 50px;
}
.single-product .single-product-head .single-product-gallery .mini {
width: 10%;
}
.single-product .single-product-head .single-product-gallery .mini .slick-slide img {
width: 100px;
height: 50px;
opacity: 0.5;
}
.single-product .single-product-head .single-product-gallery .mini .slick-slide.slick-current img {
width: 100px;
height: 50px;
}
.single-product .single-product-head .single-product-gallery .full {
width: 90%;
position: relative;
}
.single-product .single-product-head .single-product-details {
width: 100%;
text-align: center;
}
.single-product .single-product-head .single-product-details .cart {
justify-content: center;
}
.single-product .single-product-body .tablon {
width: 480px;
}
.single-product .single-product-body .tablon .tables {
padding: 5px;
}
.single-product .single-product-foot .related-products .wrapp {
width: 480px;
}
#mod-navegation {
display: block;
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background: #24272d;
}
#mod-navegation .wrapp {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
flex-direction: column;
}
#mod-navegation .wrapp .nav-menu {
display: flex;
justify-content: center;
flex-direction: column;
}
#mod-navegation .wrapp .nav-menu ul.nav {
display: inline-flex;
margin: 50px auto 100px auto;
}
#mod-navegation .wrapp .nav-menu ul.tools {
display: inline-flex;
justify-content: center;
}
#sitemap .wrapp {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#sitemap .wrapp .about {
width: 40%;
margin-bottom: 25px;
}
#sitemap .wrapp .about img {
width: 100%;
height: auto;
}
#sitemap .wrapp .extras {
width: 40%;
margin-bottom: 25px;
}
#sitemap .wrapp .newsletter {
width: 40%;
margin-bottom: 25px;
}
#sitemap .wrapp .follow {
width: 40%;
margin-bottom: 25px;
}
#copyright .wrapp {
display: flex;
flex-direction: column;
color: #888888;
justify-content: center;
align-items: center;
}
#copyright .wrapp .legal {
width: 100%;
text-align: center;
margin: 10px auto;
}
#copyright .wrapp .legal ul.nav {
flex-direction: column;
}
#copyright .wrapp .legal ul.nav li {
margin: 10px 0;
}
#copyright .wrapp .develop {
width: 100%;
text-align: center;
margin: 10px auto;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation {
display: block;
width: 100%;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation ul {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation ul li {
width: 45%;
margin-bottom: 10px;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-content {
display: block;
width: 100%;
}
.wp-block-toolset-cred-form {
border: none;
padding: 5px;
}
#page-default .single-entrada-head {
display: block;
}
#page-default .single-entrada-head .entrada-header {
height: 250px;
}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
h1 {
font-size: 2.5rem;
}
.menu-btn {
display: block;
}
#mod-navegation {
visibility: hidden;
}
html,
body {
font-size: 10px;
}
.wrapp {
width: 95%;
}
.wmedim {
width: 95%;
margin: 0 auto;
}
.wmini {
width: 100%;
margin: 0 auto;
}
.woocommerce-pages-wrapp {
width: 95%;
}
.woocommerce-archive-wrapp {
width: 95%;
}
.woocommerce-single-wrapp {
width: 95%;
}
header .wrapp,
footer .wrapp {
width: 95%;
margin: 0 auto;
}
#woocommerce-pages-wrapp .user-end,
#woocommerce-single-wrapp .user-end {
width: 95%;
}
#pag-mod-header {
height: 0px;
}
#front-mod-showcase {
width: 100%;
height: 70vw;
position: relative;
}
#front-mod-showcase video {
width: 100vw;
height: 80vw;
-o-object-fit: cover;
object-fit: cover;
}
#front-mod-history .wrapp .mod-foot {
display: block;
}
#front-mod-history .wrapp .mod-foot .btn {
margin: 10px;
width: 50%;
}
#front-mod-brand {
background-position: right;
}
#front-mod-brand .wrapp .info {
width: 100%;
}
.front-mod-promvideo .wfull {
width: 95vw;
margin: 0 auto;
height: 65vw;
overflow: hidden;
}
.front-mod-promimage .wrapp {
width: 95vw;
margin: 0 auto;
height: 100vw;
overflow: hidden;
}
.front-mod-promimage .wrapp img {
-o-object-position: left;
object-position: left;
width: 300%;
}
.front-mod-products .wrapp {
width: 95%;
}
.mod-products {
margin: 50px auto;
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr ;
gap: 50px 50px;
}
.mod-products h2 {
font-size: 1.5rem;
text-transform: uppercase;
}
.mod-products h3 {
font-size: 1rem;
}
.mod-products h4 {
font-size: 1rem;
}
.mod-products .product .frame {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.mod-products .product .frame .pro-img {
width: 100%;
position: relative;
}
.mod-products .product .frame .pro-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.mod-products .product .frame .pro-info {
width: 100%;
position: relative;
text-align: center;
}
.arch-products {
margin: 50px auto;
width: 100%;
display: grid;
grid-template-columns: 1fr ;
grid-template-rows: 1fr ;
gap: 50px 50px;
}
.arch-products h2 {
font-size: 2rem;
}
.arch-products h3 {
font-size: 1.2rem;
}
.arch-products h4 {
font-size: 1rem;
}
.arch-products .product .frame {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.arch-products .product .frame .pro-img {
width: 100%;
position: relative;
}
.arch-products .product .frame .pro-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.arch-products .product .frame .pro-info {
width: 100%;
position: relative;
text-align: center;
}
.arch-entradas {
margin: 50px auto;
width: 100%;
display: grid;
grid-template-columns: 1fr ;
grid-template-rows: 1fr ;
gap: 50px 50px;
}
.arch-entradas h2 {
font-size: 2rem;
}
.arch-entradas h3 {
font-size: 1.2rem;
}
.arch-entradas h4 {
font-size: 1rem;
}
.arch-entradas .product .frame {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.arch-entradas .product .frame .pro-img {
width: 100%;
position: relative;
}
.arch-entradas .product .frame .pro-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.arch-entradas .product .frame .pro-info {
width: 100%;
position: relative;
text-align: center;
}
.single-product {
margin: 0 auto;
}
.single-product .single-product-head {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.single-product .single-product-head .single-product-gallery {
width: 100%;
margin-bottom: 50px;
flex-direction: column;
justify-content: center;
}
.single-product .single-product-head .single-product-gallery .mini {
width: 100%;
}
.single-product .single-product-head .single-product-gallery .mini .slick-slide img {
width: 100px;
height: 50px;
opacity: 0.5;
}
.single-product .single-product-head .single-product-gallery .mini .slick-slide.slick-current img {
width: 100px;
height: 50px;
}
.single-product .single-product-head .single-product-gallery .full {
width: 100%;
position: relative;
}
.single-product .single-product-head .single-product-details {
width: 100%;
text-align: center;
}
.single-product .single-product-head .single-product-details .cart {
justify-content: center;
}
.single-product .single-product-body .tablon {
width: 95%;
}
.single-product .single-product-body .tablon .tables {
padding: 5px;
}
.single-product .single-product-body .tablon .tabs .tab {
font-size: 0.8rem;
height: 30px;
}
.single-product .single-product-foot .related-products .wrapp {
width: 95%;
}
#mod-navegation {
display: block;
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background: #24272d;
}
#mod-navegation .wrapp {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
flex-direction: column;
}
#mod-navegation .wrapp .nav-logo {
width: 100%;
text-align: center;
}
#mod-navegation .wrapp .nav-logo img {
display: inline-block;
width: 80%;
height: auto;
}
#mod-navegation .wrapp .nav-menu {
display: flex;
justify-content: center;
flex-direction: column;
width: 100%;
text-align: center;
}
#mod-navegation .wrapp .nav-menu ul.nav {
display: flex;
justify-content: space-between;
align-content: center;
width: 90%;
margin: 50px auto 100px auto;
}
#mod-navegation .wrapp .nav-menu ul.nav li {
margin: 0;
}
#mod-navegation .wrapp .nav-menu ul.tools {
display: inline-flex;
justify-content: center;
}
#mod-navegation .wrapp .nav-menu ul.tools li a {
font-size: 4rem;
}
#sitemap .wrapp {
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
align-content: center;
align-items: center;
}
#sitemap .wrapp .about {
width: 100%;
margin-bottom: 25px;
}
#sitemap .wrapp .about img {
width: 80%;
height: auto;
}
#sitemap .wrapp .extras {
width: 100%;
margin-bottom: 25px;
}
#sitemap .wrapp .newsletter {
width: 100%;
margin-bottom: 25px;
}
#sitemap .wrapp .follow {
width: 100%;
margin-bottom: 25px;
}
#copyright .wrapp {
display: flex;
flex-direction: column;
color: #888888;
justify-content: center;
align-items: center;
}
#copyright .wrapp .legal {
width: 100%;
text-align: center;
margin: 10px auto;
}
#copyright .wrapp .legal ul.nav {
flex-direction: column;
}
#copyright .wrapp .legal ul.nav li {
margin: 10px 0;
}
#copyright .wrapp .develop {
width: 100%;
text-align: center;
margin: 10px auto;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation {
display: block;
width: 100%;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation ul {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-navigation ul li {
width: 49%;
margin-bottom: 10px;
}
#woocommerce-pages-wrapp .woocommerce-MyAccount-content {
display: block;
width: 100%;
}
#woocommerce-pages-wrapp .user-end {
padding: 0;
}
#woocommerce-pages-wrapp .user-end form {
padding: 2px ;
}
main article .tb-fields-and-text h1,
main article .tb-fields-and-text h2,
main article .tb-fields-and-text h3,
main article .tb-fields-and-text p,
main article .tb-fields-and-text span {
text-align: center !important;
}
.wp-block-toolset-cred-form {
border: none;
padding: 5px;
}
.cred-form .form-fields {
padding: 20px;
border: solid 1px #888888;
margin-bottom: 10px;
display: block;
}
.cred-form .form-fields .col {
width: 100%;
}
.cred-form .form-fields .row {
width: 100%;
}
#page-default .single-entrada-head {
display: block;
}
#page-default .single-entrada-head .entrada-header {
height: 200px;
}
}
.post-type-archive-product .site-main,
.single-product .site-main {
max-width: 1200px;
margin: 0 auto;
padding: 50px 0;
}
.whatsbtn {
width: 56px;
height: 56px;
background-image: url(//iloscosmetics.com/wp-content/themes/www/media/images/whatsapp.png);
background-color: #51cf65;
border-radius: 50px;
background-repeat: no-repeat;
background-position: center center;
background-size: 30px;
position: fixed;
bottom: 5%;
right: 5%;
z-index: 1100;
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px 1px;
}
.product-video {
width: 75% !important;
margin: 25px auto !important;
}
 .single-product .single-product-head {
padding-top: 50px;
} .mod-products {
margin: 50px auto;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
gap: 10px 10px;
}
.mod-products .product .frame {
display: flex;
justify-content: space-between;
align-items: center;
}
.mod-products .product .frame .pro-img {
width: 48%;
position: relative;
}
.mod-products .product .frame .pro-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mod-products .product .frame .pro-info {
width: 52%;
position: relative;
text-align: left;
}
@media only screen and (max-width: 768px) {
.mod-products {
grid-template-columns: 1fr;
}
.mod-products .product .frame {
flex-direction: column;
}
.mod-products .product .frame .pro-img,
.mod-products .product .frame .pro-info {
width: 100%;
}
}
.post-type-archive-producto-propio .wrapp {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.post-type-archive-producto-propio .mod-products {
display: inline;
}
.post-type-archive-producto-propio .page-header {
padding-top: 50px;
}
.post-type-archive-producto-propio .mod-products .product .frame .pro-img {
width: 43%;
}