.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
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: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
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;
}@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;400;500;700;900&display=swap");
body {
font-family: 'Raleway', sans-serif;
overflow-x: hidden;
}
*, p, ul {
margin: 0;
padding: 0;
outline: none;
}
.isMobile {
display: none !important;
}
.cart_icon {
position: relative;
}
.cart_icon > span {
color: #fff;
background: #a3b11b;
border-radius: 10px;
position: absolute;
font-size: .65em;
padding: 2px 5px;
right: 10px;
top: -10px;
width: 20px;
height: 20px;
text-align: center;
-webkit-animation: bouncebtn 1.5s infinite;
animation: bouncebtn 1.5s infinite;
}
@-webkit-keyframes bouncebtn {
0% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@keyframes bouncebtn {
0% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
.container {
width: 1290px;
margin: 0 auto;
}
.checkout-container {
width: 1080px;
margin: 0 auto;
}
.divisor {
width: 90px;
height: 4px;
background: #fcdb5a;
display: inline-block;
}
.wpp {
position: fixed;
bottom: 25px;
right: 25px;
width: 80px;
height: 80px;
}
.radio-field {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .radio-field input {
position: absolute;
opacity: 0;
cursor: pointer;
} .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
border-radius: 50%;
} .radio-field:hover input ~ .checkmark {
background-color: #ccc;
} .radio-field input:checked ~ .checkmark {
background-color: #a3b11b;
} .checkmark:after {
content: "";
position: absolute;
display: none;
} .radio-field input:checked ~ .checkmark:after {
display: block;
} .radio-field .checkmark:after {
top: 9px;
left: 9px;
width: 8px;
height: 8px;
border-radius: 50%;
}
.menu-btn {
position: absolute;
display: inline-block;
top: 40px;
width: 27.5px;
height: 27.5px;
cursor: pointer;
right: 40px;
}
.menu-btn > span {
-webkit-transition: all .4s;
transition: all .4s;
height: 2px;
margin: 1px 0;
width: 100%;
background-color: #a3b11b;
position: relative;
display: -ms-grid;
display: grid;
margin: 5px 0;
transition: all .4s;
}
.menu-btn > span:nth-of-type(1) {
-webkit-transform: rotate(0);
transform: rotate(0);
top: 0;
}
.menu-btn > span:nth-of-type(2) {
opacity: 1;
}
.menu-btn > span:nth-of-type(3) {
-webkit-transform: rotate(0);
transform: rotate(0);
top: 0;
}
.active > span {
-webkit-transition: all .4s;
transition: all .4s;
}
.active > span:nth-of-type(1) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 7px;
}
.active > span:nth-of-type(2) {
opacity: 0;
}
.active > span:nth-of-type(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: -7px;
}
.header-mobile {
background: #a3b11b;
}
.header-mobile > .container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.header-mobile .sm:nth-of-type(1) {
-ms-grid-column-align: start;
justify-self: start;
}
.header-mobile .sm:nth-of-type(2) {
-ms-grid-column-align: end;
justify-self: end;
}
.header-mobile .sm > ul > li {
list-style: none;
display: inline-block;
padding: 7.5px;
}
.header-mobile .sm > ul > li > a {
color: #000;
}
.header > .container {
width: 1200px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 2fr 4fr 2fr;
grid-template-columns: 2fr 4fr 2fr;
}
.header .logo {
position: relative;
}
.header .menu {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
.header .menu > div > ul > li {
list-style: none;
text-transform: uppercase;
display: inline-block;
padding: 10px 15px;
position: relative;
}
.header .menu > div > ul > li::after {
content: '';
height: 3px;
width: 0;
opacity: 0;
bottom: 0;
background: #457945;
-webkit-transition: all .4s;
transition: all .4s;
position: absolute;
left: 0;
}
.header .menu > div > ul > li:hover > a {
color: #2c5a2c;
}
.header .menu > div > ul > li:hover::after {
-webkit-transition: all .4s;
transition: all .4s;
content: '';
width: 100%;
opacity: 1;
}
.header .menu > div > ul > li > a {
color: #000;
text-decoration: none;
letter-spacing: 2px;
font-weight: 700;
font-size: .9em;
}
.header .sm {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
.header .sm > ul > li {
list-style: none;
display: inline-block;
padding: 15px;
}
.header .sm > ul > li > a {
color: #000;
}
.banner {
padding: 90px 0;
background: #fbfbfa;
}
.banner > .container {
display: -ms-grid;
display: grid;
width: 1290px;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.banner .content {
position: relative;
}
.banner .content > div > p {
padding: 20px 0 20px 20px;
width: 320px;
font-size: 1.4em;
}
.banner .content > div > a {
display: inline-block;
padding: 15px 35px;
background: #457945;
border-radius: 5px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all .4s;
transition: all .4s;
}
.banner .content > div > a:hover {
background: #2c5a2c;
}
.banner .content .title > h3 {
font-size: 4.85em;
text-transform: uppercase;
line-height: 75px;
}
.banner .content .title > h3::after {
content: '';
margin-top: 25px;
height: 5px;
width: 90px;
background: #457945;
display: block;
}
.banner .content .title > h3 > span {
font-weight: 100;
}
.banner .content .icons {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
padding: 60px 0;
}
.banner .content .icons > div {
display: -ms-grid;
display: grid;
-ms-grid-columns: 2fr 4fr;
grid-template-columns: 2fr 4fr;
grid-gap: 15px;
}
.banner .content .icons > div > div > h4 {
text-transform: uppercase;
font-weight: 600;
font-size: .9em;
}
.banner .content .icons > div > div > p {
font-size: .85em;
}
.banner .slider-img {
position: relative;
}
.banner .slider-img > div {
width: 100%;
width: 720px;
top: -120px;
left: -20px;
position: absolute;
}
.banner .slider-img > div > img {
width: 100%;
}
.about {
padding: 90px 0;
}
.about > .container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
padding: 20px 0;
}
.about .row-title > div {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.about .row-title > div > h2 {
font-size: 3.45em;
line-height: 65px;
}
.about .row-title > div > h2 > span {
color: #a3b11b;
}
.about .row-title > div > p {
font-size: 1.35em;
}
.about .row-table .image {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
.about .row-table .image > img {
width: 90%;
}
.about .row-table .box {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
}
.about .row-table .box-1, .about .row-table .box-2 {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
.about .row-table .box-1 > span, .about .row-table .box-2 > span {
background: orange;
border: 1px solid orange;
display: block;
text-align: center;
color: #fff;
font-size: 1.5em;
font-weight: 600;
text-transform: uppercase;
}
.about .row-table .box-1 > div, .about .row-table .box-2 > div {
border-radius: 2px;
position: relative;
padding: 0 40px;
}
.about .row-table .box-1 > div > h4, .about .row-table .box-2 > div > h4 {
text-align: center;
font-size: 2.2em;
line-height: 36px;
padding: 20px 0;
}
.about .row-table .box-1 > div > p, .about .row-table .box-2 > div > p {
font-weight: 600;
font-size: 3em;
text-align: center;
}
.about .row-table .box-1 > div > p > span, .about .row-table .box-2 > div > p > span {
font-size: .5em;
}
.about .row-table .box-1 > div > p > span:nth-of-type(2), .about .row-table .box-2 > div > p > span:nth-of-type(2) {
display: block;
}
.about .row-table .box-1 > div > ul, .about .row-table .box-2 > div > ul {
padding: 30px;
font-size: .9em;
}
.about .row-table .box-1 > div > ul > li, .about .row-table .box-2 > div > ul > li {
margin-bottom: 5px;
}
.about .row-table .box-1 > div > img, .about .row-table .box-2 > div > img {
position: absolute;
bottom: -15px;
right: -15px;
width: 110px;
}
.about .row-table .box-2 {
border: 1px solid #e6e6e6;
-webkit-box-shadow: 1px 1px 10px #e7e7e7;
box-shadow: 1px 1px 10px #e7e7e7;
}
.about .row-table .box-2 > div > img {
width: 140px;
}
.gallery {
padding: 40px 0;
background-size: 60%;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.gallery .title {
text-align: center;
}
.gallery .title > div > h2 {
font-size: 6.5em;
color: #a3b11b;
}
.gallery .title > div > p {
font-size: 1.85em;
text-transform: uppercase;
font-weight: 900;
line-height: 38px;
}
.gallery .prev, .gallery .next {
background: #a3b11b;
font-size: 4em;
position: absolute;
padding: 20px 40px;
color: #fff;
cursor: pointer;
top: 50%;
-webkit-transition: all .4s;
transition: all .4s;
}
.gallery .prev:hover, .gallery .next:hover {
background: #457945;
}
.gallery .prev {
left: 0;
}
.gallery .next {
right: 0;
}
.gallery > .slider {
width: 1140px;
}
.gallery .col-slider {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.gallery .fade-slider {
width: 40%;
float: left;
padding: 0 0 0 40px;
margin-top: 20px;
}
.gallery .slide {
padding: 110px 20px;
cursor: -webkit-grab;
cursor: grab;
width: 50%;
float: right;
margin-top: 15px;
}
.gallery .slide .slick-slide {
display: -ms-grid;
display: grid;
}
.gallery .slide .slick-slide > div:nth-of-type(1) {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.gallery .slide .slick-slide > div:nth-of-type(1) > h4 {
font-size: 2.5em;
line-height: 42px;
margin-bottom: 20px;
color: #a3b11b;
}
.gallery .slide .slick-slide > div:nth-of-type(1) > p {
font-size: 1.25em;
margin-bottom: 20px;
}
.experience > .container, .inner-experience > .container {
width: 980px;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
margin-bottom: 60px;
}
.experience > .container > div, .inner-experience > .container > div {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.experience > .container > div > h2, .inner-experience > .container > div > h2 {
font-size: 3.45em;
line-height: 65px;
}
.experience > .container > div > h2 > span, .inner-experience > .container > div > h2 > span {
color: #a3b11b;
}
.experience > .container > div > a, .inner-experience > .container > div > a {
display: inline-block;
padding: 15px 35px;
background: #a3b11b;
letter-spacing: 2px;
border-radius: 5px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all .4s;
transition: all .4s;
margin: 20px 0;
font-weight: 600;
}
.experience > .container > div > a:hover, .inner-experience > .container > div > a:hover {
background: #2c5a2c;
}
.experience > .container > div > p, .inner-experience > .container > div > p {
font-size: 1.5em;
font-weight: 600;
}
.experience > .container > div > p::after, .inner-experience > .container > div > p::after {
content: '';
margin-top: 25px;
height: 2px;
width: 60px;
background: #a3b11b;
display: block;
}
.experience > .container > div > p > span, .inner-experience > .container > div > p > span {
color: #a3b11b;
}
.experience .slider-photo > div, .inner-experience .slider-photo > div {
width: 100%;
height: 450px;
display: inline-block;
}
.experience .slider-photo > div > div, .inner-experience .slider-photo > div > div {
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
}
.experience .slider-photo .slick-slide, .inner-experience .slider-photo .slick-slide {
background-size: cover;
background-position: center;
cursor: -webkit-grab;
cursor: grab;
width: 100%;
height: 100%;
margin: 10px;
-webkit-box-shadow: 1px 1px 10px #f3f3f3;
box-shadow: 1px 1px 10px #f3f3f3;
}
.experience {
padding: 90px 0 0 0;
}
.inner-experience {
padding: 20px 0;
}
.inner-experience .slider-photo > div {
height: 320px;
}
.newsletter {
padding: 60px 0;
}
.newsletter > .container {
width: 980px;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.newsletter > .container > div > h4 {
font-size: 3.25em;
font-weight: 300;
text-transform: uppercase;
line-height: 54px;
}
.newsletter > .container > div > h4 > span {
font-weight: 900;
}
.newsletter .form {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.newsletter .form > div {
border: 1px solid gray;
border-radius: 50px;
display: inline-block;
padding: 10px 20px;
width: 100%;
}
.newsletter .form > div > input[type=email] {
border: 0;
width: 70%;
padding: 10px 20px;
}
.newsletter .form > div > input[type=submit] {
float: right;
letter-spacing: 2px;
font-weight: 600;
padding: 15px 20px;
border: 0;
-webkit-box-shadow: 1px 1px 10px #f3f3f3;
box-shadow: 1px 1px 10px #f3f3f3;
border-radius: 50px;
background-image: -webkit-gradient(linear, left top, right top, from(#fcdb5a), to(#ffd900));
background-image: linear-gradient(90deg, #fcdb5a, #ffd900);
-webkit-transition: all .4s;
transition: all .4s;
cursor: pointer;
}
.newsletter .form > div > input[type=submit]:hover {
-webkit-box-shadow: 1px 1px 10px #c4c4c4;
box-shadow: 1px 1px 10px #c4c4c4;
}
.newsletter .form > div > input[type=submit]:active {
-webkit-box-shadow: 1px 1px 10px #ebebeb;
box-shadow: 1px 1px 10px #ebebeb;
}
.footer {
background: #f3f2f0;
padding: 120px 0;
}
.footer > .container {
width: 980px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 3fr 2fr 2fr;
grid-template-columns: 3fr 2fr 2fr;
grid-gap: 40px;
}
.footer > .container > div > h4 {
font-weight: 900;
color: #457945;
text-transform: uppercase;
margin-bottom: 15px;
}
.footer > .container > div > div > p {
margin-bottom: 15px;
}
.footer > .container > div > div > ul > li {
display: inline-block;
padding: 5px;
}
.footer > .container > div > div > ul > li > a {
color: #457945;
-webkit-transition: all .4s;
transition: all .4s;
}
.footer > .container > div > div > ul > li > a:hover {
color: #000;
}
.footer > .container > div > ul {
margin: 0;
padding: 0;
}
.footer > .container > div > ul > li {
list-style: none;
margin-bottom: 15px;
}
.footer > .container > div > ul > li > a {
text-decoration: none;
color: #000;
}
.image-form-slider {
float: left;
width: 40%;
height: 100vh;
}
.image-form-slider > div {
width: 100%;
height: 100%;
}
.image-form-slider > div > div {
height: 100%;
}
.page-form > .column {
height: 100vh;
}
.page-form > .column .image {
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
}
.page-form > .column .content {
float: right;
width: 60%;
}
.page-form > .column .content > .container {
width: 80%;
margin: 0 auto;
display: -ms-grid;
display: grid;
-ms-grid-rows: 1fr 4fr 1fr;
grid-template-rows: 1fr 4fr 1fr;
}
.page-form > .column .content .header {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.page-form > .column .content .header .logo {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 3fr;
grid-template-columns: 1fr 3fr;
padding: 20px 0;
}
.page-form > .column .content .header .logo > a {
display: inline-block;
}
.page-form > .column .content .header .logo > span {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
font-size: 1.25em;
text-transform: uppercase;
line-height: 24px;
}
.page-form > .column .content .box {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
width: 80%;
}
.page-form > .column .content .box > span {
text-transform: uppercase;
font-size: 1.65em;
letter-spacing: 3px;
}
.page-form > .column .content .box > h3 {
font-size: 4.5em;
line-height: 74px;
margin-bottom: 20px;
}
.page-form > .column .content .box > h3 > span {
color: #a3b11b;
}
.page-form > .column .content .box > p {
font-size: 1.2em;
}
.page-form > .column .content .box .form-radio {
padding: 40px 0;
}
.page-form > .column .content .box .form-radio > div > label {
display: inline-block;
margin: 10px;
}
.page-form > .column .content .next-question > a {
display: inline-block;
padding: 15px 35px;
background: #a3b11b;
letter-spacing: 2px;
border-radius: 5px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all .4s;
transition: all .4s;
margin: 20px 0;
font-weight: 600;
}
.page-form > .column .content .next-question > a:hover {
background: #2c5a2c;
}
.entry-summary {
margin: 0;
}
.product-description {
padding: 40px 60px;
}
.product-description .product_meta {
font-size: .7em;
margin-top: 10px;
color: gray;
}
.content-page .header-alert {
background-image: -webkit-gradient(linear, left top, right top, from(#ffb30d), to(#ffcb0d));
background-image: linear-gradient(90deg, #ffb30d, #ffcb0d);
}
.content-page .header-alert > .container {
width: 820px;
text-align: center;
padding: 80px 0;
}
.content-page .header-alert > .container > span {
text-transform: uppercase;
font-size: 1.8em;
letter-spacing: 3px;
}
.content-page .header-alert > .container > h4 {
font-size: 3em;
line-height: 48px;
}
.content-page .single-product > div > h2 {
font-size: 2.85em;
text-transform: uppercase;
font-weight: 900;
position: relative;
padding-bottom: 15px;
line-height: 38px;
}
.content-page .single-product > div > .info {
padding: 15px 0 0 0;
font-size: .95em;
}
.content-page .single-product > div > .info > h3 {
margin-bottom: 5px;
}
.content-page .single-product > div > .info > h3 > i {
font-size: .75em;
border: 1px solid #141414;
padding: 3px;
border-radius: 50px;
}
.checkout-thumbnail > a {
width: 100px;
height: 100px;
display: block;
border-radius: 15px;
overflow: hidden;
}
.cart-page {
padding: 40px 0;
}
.checkout-custom-button {
letter-spacing: 1px !important;
font-weight: 600;
padding: 15px 20px;
border: 0;
-webkit-box-shadow: 1px 1px 10px #f3f3f3;
box-shadow: 1px 1px 10px #f3f3f3;
border-radius: 50px;
-webkit-animation: bouncebtn 1.5s infinite;
animation: bouncebtn 1.5s infinite;
background-image: -webkit-gradient(linear, left top, right top, from(#69a54a), to(#6cc56c));
background-image: linear-gradient(90deg, #69a54a, #6cc56c);
-webkit-transition: all .4s;
transition: all .4s;
cursor: pointer;
text-decoration: none;
color: #000;
}
.checkout-custom-button > i {
-webkit-transform: scale(-1);
transform: scale(-1);
-webkit-transition: all .4s;
transition: all .4s;
}
.checkout-custom-button:hover {
-webkit-box-shadow: 1px 1px 10px #c4c4c4;
box-shadow: 1px 1px 10px #c4c4c4;
color: #000;
}
.checkout-custom-button:hover > i {
-webkit-transition: all .4s;
transition: all .4s;
margin-left: 15px;
}
.checkout-custom-button:active {
-webkit-box-shadow: 1px 1px 10px #ebebeb;
box-shadow: 1px 1px 10px #ebebeb;
}
form.cart::before {
display: none !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 40px;
}
.woocommerce table.shop_table {
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-collapse: separate;
border-radius: 5px;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.woocommerce table.shop_table th {
font-weight: 700;
padding: 9px 12px;
line-height: 1.5em;
}
.woocommerce table.shop_table .product-thumbnail > a {
width: 150px;
height: 150px;
display: block;
border-radius: 15px;
overflow: hidden;
}
.woocommerce table.shop_table .product-name > a {
text-decoration: none;
color: #000;
font-weight: 700;
}
.woocommerce table.shop_table .product-quantity > div > input {
width: 60%;
}
.woocommerce table.shop_table td {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 0;
vertical-align: middle;
line-height: 1.5em;
}
.woocommerce .button.alt.disabled {
opacity: .75;
}
.woocommerce div.product form.cart {
margin: 0;
}
.woocommerce div.product form.cart .variations {
width: 100%;
}
.woocommerce div.product form.cart .variations .label {
display: block;
font-weight: 900;
font-size: .75em;
padding: 5px 20px;
}
.woocommerce div.product form.cart .variations .value > select {
padding: 10px 15px;
border-radius: 25px;
width: 100%;
}
.woocommerce div.product form.cart .button {
background-color: #ffc40d;
text-transform: uppercase;
letter-spacing: 2px;
padding: 15px 15px;
border-radius: 25px;
color: #000;
-webkit-transition: all .4s;
transition: all .4s;
}
.woocommerce div.product form.cart .button:hover {
background-color: #fcdb5a;
color: #000;
}
.woocommerce .quantity .qty {
padding: 10px 15px;
border-radius: 25px;
width: 100%;
}
.woocommerce .woocommerce-variation-add-to-cart {
display: inline-block;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 3fr;
grid-template-columns: 1fr 3fr;
}
.single-product-price {
margin-bottom: 15px;
}
.single-product-price > div {
display: inline-block;
}
.single-product-price > div > strong {
color: #ffc40d;
}
.single-product-price > div > span {
display: inline;
font-size: 1.75em;
}
.single-product-wpp {
display: block;
margin-top: 10px;
}
.single-product-wpp > div > span {
display: block;
text-align: center;
position: relative;
margin: 10px 0;
}
.single-product-wpp > div > span::before {
content: '';
height: 2px;
background: #f3f2f0;
width: 45%;
top: 10px;
left: 0;
position: absolute;
}
.single-product-wpp > div > span::after {
content: '';
height: 2px;
background: #f3f2f0;
width: 45%;
top: 10px;
right: 0;
position: absolute;
}
.single-product-wpp > div > h4 {
font-size: .9em;
margin-bottom: 10px;
text-align: center;
}
.single-product-wpp > div > h4 > i {
margin-right: 5px;
}
.single-product-wpp > div > div {
border: 1px solid #ccc;
border-radius: 50px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 5fr 2fr;
grid-template-columns: 1fr 5fr 2fr;
padding: 5px 10px;
}
.single-product-wpp > div > div > img {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
width: 40px;
}
.single-product-wpp > div > div > input[type=text] {
border: 0;
}
.single-product-wpp > div > div > input[type=submit] {
cursor: pointer;
background-image: linear-gradient(45deg, #58cf65, #35b545);
border: 0;
padding: 10px 20px;
font-size: .9em;
text-transform: uppercase;
letter-spacing: 2px;
border-radius: 50px;
font-weight: 500;
}
.related-products {
padding: 40px 0;
}
.related-products .title {
text-align: center;
}
.related-products .title > h2 {
text-transform: uppercase;
margin-bottom: 60px;
font-size: 3em;
}
.related-products .title > h2 > span {
font-weight: 300;
}
.related-products .products {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
.related-products .products > .product-box {
-ms-grid-column-align: center;
justify-self: center;
}
.related-products .products > .product-box > a {
height: 200px;
width: 200px;
display: inline-block;
background-size: cover;
background-position: center;
}
.related-products .products > .product-box .product-box-content {
text-align: center;
}
.related-products .products > .product-box .product-box-content > h3 {
text-transform: uppercase;
font-size: 1.4em;
line-height: 28px;
}
.related-products .products > .product-box .product-box-content > .price {
margin-bottom: 15px;
color: #000;
font-weight: 700;
font-size: 1.2em;
}
.related-products .products > .product-box .button-product {
display: inline-block;
padding: 10px 25px;
border-radius: 50px;
border: 1px solid #ffc40d;
text-transform: uppercase;
text-decoration: none;
color: #000;
letter-spacing: 3px;
-webkit-transition: all .4s;
transition: all .4s;
font-weight: 500;
}
.related-products .products > .product-box .button-product:hover {
background: #ffc40d;
-webkit-transition: all .4s;
transition: all .4s;
}
.checkout > div {
display: -ms-grid;
display: grid;
-ms-grid-columns: 3fr 2fr;
grid-template-columns: 3fr 2fr;
}
.checkout-forms {
padding: 20px;
}
.checkout {
margin-bottom: 60px;
}
.checkout > div {
display: -ms-grid;
display: grid;
-ms-grid-columns: 3fr 2fr;
grid-template-columns: 3fr 2fr;
}
.checkout-forms {
padding: 20px;
}
.checkout-forms > h3 {
padding-bottom: 15px;
border-bottom: 1px solid gray;
margin-bottom: 20px;
letter-spacing: -1px;
color: gray;
}
.checkout-forms > h3 > i {
margin-right: 15px;
}
.checkout-button {
letter-spacing: 3px;
}
.checkout-button > i {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.checkout label {
font-size: .8em;
font-weight: 800;
}
.checkout input, .checkout textarea {
width: 100%;
margin-bottom: 20px;
background: #f3f3f3;
padding: 10px 10px;
border: 0;
}
.checkout select {
position: relative !important;
width: 100%;
margin-bottom: 20px;
background: #f3f3f3;
padding: 10px 10px;
border: 0;
}
.select2-hidden-accessible {
background: #f3f3f3;
border: 0 !important;
clip: rect(0 0 0 0) !important;
overflow: hidden !important;
width: 100% !important;
padding: 10px !important;
height: auto !important;
width: 100%;
border-radius: 2.5px;
}
.select2-container {
display: none !important;
}
.woocommerce-checkout-review-order-table {
background: #fef9da;
border: 0;
-webkit-box-shadow: 1px -1px 10px #e2e2e2ed;
box-shadow: 1px -1px 10px #e2e2e2ed;
padding: 40px;
margin: 0 !important;
}
.note-img {
width: 100%;
height: 30px;
background-size: cover;
background-position: center;
display: inline-block;
margin-top: -10px;
margin-bottom: 20px;
}
.contact {
padding: 90px 0;
}
.contact > .container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
}
.contact-title {
text-align: center;
padding: 60px 0;
background-position: center;
background-size: cover;
}
.contact-title > h2 {
letter-spacing: -2px;
font-size: 3em;
color: #000;
position: relative;
}
.contact-title > p {
font-size: .8em;
}
.contact-img {
background-position: center;
background-size: cover;
width: 80%;
-ms-grid-column-align: end;
justify-self: end;
height: 440px;
border-radius: 20px;
}
.contact-content > h4 {
font-size: 2em;
}
.contact-content-input {
width: 80%;
padding: 10px 20px !important;
border-radius: 25px !important;
margin-bottom: 10px;
}
.contact-content-textarea {
width: 80%;
height: 180px;
padding: 10px 20px !important;
border-radius: 25px !important;
margin-bottom: 10px;
resize: none;
}
.contact-content-btn {
background: #a3b11b !important;
color: #fff !important;
text-transform: uppercase;
padding: 15px 35px !important;
border-radius: 25px !important;
letter-spacing: 2px;
cursor: pointer;
-webkit-box-shadow: 1px 1px 10px #0202021f;
box-shadow: 1px 1px 10px #0202021f;
-webkit-transition: all .4s;
transition: all .4s;
}
.contact-content-btn:hover {
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0;
}
.address {
padding: 0px 0 90px 0;
}
.address > .container {
text-align: center;
}
.address > .container > div {
text-align: center;
padding: 40px;
}
.address > .container > div:nth-of-type(2) {
border-left: 1px solid gray;
border-right: 1px solid gray;
}
.address > .container > div > i {
margin-bottom: 20px;
}
.address > .container > div > p {
font-size: .75em;
}
.copyright {
background: #cecece;
text-align: center;
}
.copyright > .container {
padding: 20px 0;
font-weight: 600;
font-size: .9em;
}
.map {
width: 100%;
height: 450px;
}
.map > iframe {
width: 100%;
height: 100%;
}@media only screen and (max-width: 1100px) {
.container {
width: 90%;
}
}
@media only screen and (max-width: 480px) {
.container {
width: 95%;
}
}
@media only screen and (max-width: 780px) {
.container {
width: 90%;
}
.header > .container {
display: block;
width: 100%;
position: relative;
}
.header .logo {
text-align: center;
}
.header .sm, .header .menu {
display: none;
}
.header .menu {
width: 100%;
top: 0;
left: 0;
background: #fff;
z-index: 1;
}
.header .menu > div {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
}
.header .menu > div > ul > li {
list-style: none;
text-align: center;
text-transform: uppercase;
display: block;
padding: 20px 15px;
position: relative;
}
.header .menu > div > ul > li::after {
content: '';
height: 3px;
width: 0;
opacity: 0;
bottom: 0;
background: #457945;
-webkit-transition: all .4s;
transition: all .4s;
position: absolute;
left: 0;
}
.header .menu > div > ul > li:hover > a {
color: #2c5a2c;
}
.header .menu > div > ul > li:hover::after {
-webkit-transition: all .4s;
transition: all .4s;
content: '';
width: 100%;
opacity: 1;
}
.header .menu > div > ul > li > a {
color: #000;
text-decoration: none;
letter-spacing: 2px;
font-weight: 700;
font-size: .9em;
}
.isDesktop {
display: none;
}
.isMobile {
display: block !important;
}
.banner {
padding: 0;
}
.banner > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.banner > .container > .content {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.banner > .container > .slider-img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.banner > .container > .slider-img > div {
position: relative;
top: initial;
left: initial;
width: initial;
}
.banner .content .title > h3 {
font-size: 3em;
text-transform: uppercase;
line-height: 50px;
text-align: center;
}
.banner .content .title > h3::after {
margin: auto;
margin-top: 10px;
}
.banner .content .text-content > p {
padding: 20px 0 20px 20px;
width: 90%;
font-size: 1.4em;
text-align: center;
}
.banner .content .btn {
text-align: center;
}
.banner .content .icons {
display: block;
padding: 60px 30px;
}
.banner .content .icons > div {
margin-bottom: 10px;
grid-gap: 0;
}
.banner .content .icons .img {
-ms-grid-column-align: center;
justify-self: center;
}
.banner .content .icons .img > img {
width: 65px;
}
.banner .content .icons .text {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: start;
justify-self: start;
}
.about {
padding: 40px 0;
}
.about > .container {
display: block;
}
.about .row-title > div > h2 {
font-size: 2.2em;
line-height: 40px;
margin-bottom: 10px;
}
.about .row-title > div > p {
font-size: 1em;
}
.about .row-table {
width: 90%;
}
.about .row-table .box {
display: block;
}
.about .row-table .box-1 {
margin-bottom: 40px;
}
.gallery {
background-size: 100%;
margin: 0;
padding: 0;
display: block;
}
.gallery .title > div > h2 {
font-size: 4em;
}
.gallery .title > div > p {
font-size: 1.45em;
line-height: 30px;
}
.gallery .fade-slider {
display: none;
}
.gallery .slide {
width: 100%;
padding: 40px;
float: initial;
margin: auto;
}
.gallery .slide .slick-slide > div:nth-last-of-type(1) > h4 {
font-size: 1.8em;
line-height: 30px;
}
.gallery .slide .slick-slide > div:nth-last-of-type(1) > p {
font-size: .95em;
}
.gallery .prev,
.gallery .next {
position: absolute;
display: none !important;
padding: 5px 10px;
color: #fff;
cursor: pointer;
bottom: 50%;
font-size: 2em;
top: initial;
}
.experience {
text-align: center;
padding: 0;
}
.experience > .container {
display: block;
width: 100%;
padding: 15px;
}
.experience > .container > div > h2 {
font-size: 2.8em;
line-height: 45px;
margin-bottom: 15px;
}
.experience > .container > div > p {
font-size: 1.25em;
}
.experience > .container > div > p::after {
display: none;
}
.newsletter > .container {
display: block;
width: 100%;
padding: 20px;
}
.newsletter > .container > div > h4 {
font-size: 3em;
}
.footer > .container {
display: block;
width: 90%;
}
.footer > .container > div {
margin-bottom: 40px;
}
.image-form-slider {
display: none;
}
.page-form > .column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.page-form > .column .content {
float: initial;
width: 100%;
}
.page-form > .column .content .header {
display: block;
}
.page-form > .column .content .header .logo > span {
text-align: left;
font-size: 1em;
line-height: 18px;
margin-left: 10px;
}
.page-form > .column .content .header .sm {
display: none;
}
.page-form > .column .content .box > span {
font-size: 1em;
margin-bottom: 10px;
display: block;
}
.page-form > .column .content .box > h3 {
font-size: 2.5em;
line-height: 42px;
}
.page-form > .column .content .box .form-radio > div > label {
display: block;
}
.woocommerce table.shop_table td {
padding: 12px 0px;
}
.woocommerce table.cart .product-thumbnail {
display: block;
text-align: center !important;
}
.woocommerce table.cart .product-thumbnail::before {
display: none;
}
.woocommerce table.cart .product-thumbnail > a {
display: inline-block;
}
.woocommerce table.cart td.actions .coupon {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.woocommerce table.cart td.actions .coupon::before {
display: none;
}
.woocommerce table.cart td.actions .coupon > input, .woocommerce table.cart td.actions .coupon button {
width: 100% !important;
font-size: .9em;
}
.content-page .header-alert > .container {
padding: 50px 0;
width: 100%;
}
.content-page .header-alert > .container > h4 {
font-size: 2em;
}
.content-page .header-alert > .container > p {
font-size: .9em;
}
.product-description {
padding: 40px 10px;
}
.products li {
width: 100%;
}
.products > li {
width: 100% !important;
float: initial !important;
margin: 0 !important;
}
.single-product-wpp > div > div {
display: block;
border: 0;
}
.single-product-wpp > div > div > img {
display: none;
}
.single-product-wpp > div > div > input[type=text] {
width: 100%;
padding: 5px 15px;
border: 1px solid #ccc;
border-radius: 50px;
}
.single-product-wpp > div > div > input[type=submit] {
width: 100%;
}
.related-products {
padding: 10px 0;
}
.related-products .title > h2 {
font-size: 2em;
line-height: 35px;
}
.related-products .products {
display: block;
}
.related-products .products > .product-box {
text-align: center;
margin-bottom: 25px;
}
.cart > .quantity {
width: 100%;
}
.cart > .button {
width: 100%;
}
.checkout-custom-button {
display: block;
letter-spacing: 0px !important;
font-size: .85em;
text-align: center;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 0 20px;
}
.additional_information_tab {
display: none !important;
}
.newsletter > .container > div > h4 {
font-size: 2em;
line-height: 35px;
margin-bottom: 15px;
}
.newsletter .form > div {
padding: 10px 10px;
}
.newsletter .form > div > input[type=email] {
width: 60%;
padding: 5px 20px;
}
.newsletter .form > div > input[type=submit] {
padding: 10px 10px;
letter-spacing: 1px;
}
.checkout-container {
width: 100%;
}
.checkout > div {
display: block;
width: 100%;
}
}