* {
box-sizing: border-box;
}
html {
height: 100%;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body, figure {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
*:focus {
outline: none;
}
a {
text-decoration: none;
}
a:active,
a:hover {
outline: 0;
}
small {
font-size: 80%;
}
img {
max-width: 100%;
height: auto;
border: 0;
}
address {
font-style: normal;
}
button,
input,
optgroup,
textarea, iframe {
border: 0;
background: none;
color: inherit;
font: inherit;
margin: 0;
padding: 0;
-webkit-appearance: none;
}
textarea {
overflow: auto;
resize: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ul, ol {
margin: 0;
padding-left: 0;
list-style-type: none;
}
td, th {
padding: 0;
}
p {
margin: 0;
}
input[type=search]::-ms-clear {
display: none;
width: 0;
height: 0;
}
input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
/* clears the 'X' from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
display: none;
}
input::-ms-clear {
display: none;
}
body.ovh {
overflow: hidden;
}
input[type=date]::-webkit-inner-spin-button {
display: none;
-webkit-appearance: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
-webkit-transition-delay: 9999s;
}
a:focus,
.button:focus {
text-decoration: none;
outline: none;
box-shadow: none;
}
.btn:focus,
button:focus {
box-shadow: none;
outline: none;
}
input[type=data]::-webkit-clear-button {
display: none;
}
a:focus,
a:hover {
text-decoration: none;
}
*[hidden] {
display: none !important;
}
@font-face {
font-family: "Georgia Brush";
src: url("../fonts/GeorgiaBrush/GeorgiaBrush.woff2") format("woff2"), url("../fonts/GeorgiaBrush/GeorgiaBrush.woff") format("woff"), url("../fonts/GeorgiaBrush/GeorgiaBrush.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "icomoon";
src: url("../fonts/icomoon/icomoon.eot?n0imdp");
src: url("../fonts/icomoon/icomoon.eot?n0imdp#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?n0imdp") format("truetype"), url("../fonts/icomoon/icomoon.woff?n0imdp") format("woff"), url("../fonts/icomoon/icomoon.svg?n0imdp#icomoon") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=icon-], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-instagram:before {
content: "\e900";
color: #d49522;
}
.icon-linkedin:before {
content: "\e901";
color: #d49522;
}
.icon-facebook:before {
content: "\e902";
color: #d49522;
}
.row {
display: flex;
}
.row-wrap {
display: flex;
flex-wrap: wrap;
}
.row-column {
flex-direction: column;
}
.justify-content-between {
display: flex;
justify-content: space-between;
}
.align-items-end {
align-items: flex-end;
display: flex;
}
.align-items-center {
display: flex;
align-items: center;
}
.justify-content-end {
display: flex;
justify-content: flex-end;
}
.justify-content-between_align-center {
display: flex;
justify-content: space-between;
align-items: center;
}
.justify-content-center {
display: flex;
justify-content: center;
}
img.alignright {
float: right;
margin: 0 0 2.7777777778rem 20px;
}
img.alignleft {
float: left;
margin: 0 20px 2.7777777778rem 0;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
a img.alignright {
float: right;
margin: 0 0 2.7777777778rem 30px;
}
a img.alignleft {
float: left;
margin: 0 20px 2.7777777778rem 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft + .alignleft {
margin-right: 0;
}
@media only screen and (max-width : 1080px) {
.alignleft, .alignright {
max-width: 48%;
}
}
@media only screen and (max-width : 859px) {
.alignleft, .alignright {
max-width: 46%;
}
}
@media only screen and (max-width : 639px) {
.alignleft, .alignright {
width: 100%;
max-width: 100%;
}
}
.col-100 {
flex: 0 0 100%;
max-width: 100%;
}
.col-50 {
flex: 0 0 50%;
max-width: 50%;
}
@media only screen and (max-width : 639px) {
.col-50 {
flex: 0 0 100%;
max-width: 100%;
}
}
.col-33 {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
.mb16{
margin-bottom: 16px!important;
}
.mb24{
margin-bottom: 24px!important;
}
.mb0{
margin-bottom: 0!important;
}
.bg-gray {
background: #F8F8F8;
}
.text-center {
text-align: center;
}
*[hidden], .hidden {
display: none !important;
}
.alert {
z-index: 100;
position: fixed;
top:0;
left: 0;
width: 100%;
padding: 15px;
border: 1px solid transparent;
border-radius: 4px;
font-family: sans-serif;
}
.alert a{
color: #232121;
}
.alert a:hover{
text-decoration: underline;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.container {
max-width: 1175px;
padding: 0 15px;
margin: 0 auto;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
margin-bottom: 0;
margin-top: 0;
display: block;
}
h1, .h1 {
line-height: 1.2;
font-weight: 700;
font-size: 2.7777777778rem;
color: #232121;
}
@media (max-width: 699px) {
h1, .h1 {
font-size: 2.1111111111rem;
}
}
h2, .h2 {
font-weight: 700;
font-size: 2.7777777778rem;
line-height: 1.2;
color: #232121;
margin-bottom: 24px;
}
@media (max-width: 767px) {
h2, .h2 {
font-size: 36px;
}
}
@media (max-width: 579px) {
h2, .h2 {
font-size: 24px;
}
}
h3, .h3 {
font-size: 1.3333333333rem;
line-height: 1.2;
color: #232121;
font-weight: 600;
}
@media (max-width: 579px) {
h3, .h3 {
font-size: 18px;
}
}
h4, .h4 {
font-size: 1.1111111111rem;
font-weight: 600;
margin-bottom: 12px;
color: #232121;
}
h5, .h5 {
font-size: 1.1111111111rem;
}
p a {
text-decoration: underline;
color: #3783ef;
}
p a:hover {
text-decoration: none;
}
span.wpcf7-not-valid-tip {
position: absolute;
bottom: -20px;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 12px;
font-weight: normal;
display: block;
}
.select2-results__option {
font-weight: 300;
padding: 8px 20px;
}
@media (max-width: 767px) {
.select2-results__option {
padding: 8px 10px;
font-size: 16px;
}
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background: #797A44 !important;
}
.wpcf7-form-control-wrap {
font-weight: 300;
}
.wpcf7-form-control-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #666666 transparent transparent transparent;
border-width: 12px 6px 0 6px;
}
.wpcf7-form-control-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 17px;
right: 15px;
width: 21px;
height: 21px;
background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8182 7.99829L10.8182 12.9983L5.81824 7.99829' stroke='%23605F5F' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.wpcf7-form-control-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.wpcf7-form-control-wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #666666 transparent;
border-width: 0 6px 12px 6px;
}
.wpcf7-form-control-wrap .select2-container--default .select2-selection--single .select2-selection__placeholder {
font-size: 18px;
font-weight: 300;
}
.wpcf7-form-control-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #666666;
}
.wpcf7-form-control-wrap .select2-container--default .select2-selection--single {
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #F3F3F3;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.05);
}
.wpcf7-form-control-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 38px;
padding: 9px 30px 9px 8px;
}
@media (max-width: 679px) {
.wpcf7-form-control-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 9px 40px 9px 20px;
}
}
.wpcf7-form-control-wrap .select2-container {
width: 100% !important;
}
.wpcf7-form-control-wrap .select2-container .select2-selection--single {
height: auto;
}
.input-radio-row{
display: flex;
gap: 18px;
}
.input-radio-row.row-column{
gap: 8px;
}
.input-checkbox {
font-weight: 400;
font-size: 14px;
color: #8799A3;
text-align: left;
}
.input-checkbox input,
.input-radio input {
display: none;
}
.input-checkbox input:checked + label::before {
background-image: url("data:image/svg+xml,%0A%3Csvg width='29' height='27' viewBox='0 0 29 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15.7368L10.1385 25L28 1' stroke='%23A3A55D' stroke-width='3'/%3E%3C/svg%3E%0A");
background-color: #F3F4F6;
background-repeat: no-repeat;
background-position: center;
background-size: 17px 18px;
}
.input-radio input:checked + label::after{
content: "";
position: absolute;
left: 5px;
top: 8px;
border-radius: 50%;
background: #A3A55D;
width: 12px;
height: 12px;
position: absolute;
}
.input-checkbox label,
.input-radio label {
cursor: pointer;
position: relative;
padding-left: 46px;
display: block;
}
.input-radio label{
padding-left: 32px;
}
.input-checkbox label::before,
.input-radio label::before {
content: "";
position: absolute;
left: 12px;
top: -1px;
width: 20px;
height: 20px;
background-color: #F3F4F6;
border: 1px solid #DEDEDE;
border-radius: 2px;
}
.input-radio label::before{
border-radius: 50%;
left: 0px;
top: 3px;
}
@media only screen and (max-width : 1279px) {
.input-checkbox label::before {
width: 28px;
height: 28px;
}
.input-checkbox input {
display: none;
}
.input-checkbox input:checked + label::before {
background-size: 24px 22px;
}
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline;
list-style: none;
padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
margin-left: 5px;
padding: 0;
max-width: 100%;
resize: none;
height: 18px;
vertical-align: bottom;
font-family: sans-serif;
overflow: hidden;
word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option--selectable {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
padding-bottom: 5px;
padding-right: 5px;
position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
font-weight: bold;
height: 20px;
margin-right: 10px;
margin-top: 5px;
position: absolute;
right: 0;
padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0;
padding-left: 20px;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-right: 1px solid #aaa;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #999;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px;
position: absolute;
left: 0;
top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
background-color: #f1f1f1;
color: #333;
outline: none;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
border-left: 1px solid #aaa;
border-right: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
float: left;
margin-left: 10px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
padding: 0;
}
.select2-container--default .select2-results__option--disabled {
color: #999;
}
.select2-container--default .select2-results__option--selected {
background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #5897fb;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
padding-bottom: 5px;
padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #888;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
outline: none;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #3875d7;
color: white;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-ms-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: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
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;
}
/*!
* animate.css -https://daneden.github.io/animate.css/
* Version - 3.7.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2019 Daniel Eden
*/
@keyframes bounce {
0%, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translateZ(0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0, -4px, 0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
0%, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
}
@keyframes pulse {
0% {
transform: scaleX(1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scaleX(1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
0% {
transform: scaleX(1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
to {
transform: scaleX(1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
0%, to {
transform: translateZ(0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate(15deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
to {
transform: rotate(0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
0% {
transform: scaleX(1);
}
10%, 20% {
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
transform: scaleX(1);
}
}
.tada {
animation-name: tada;
}
@keyframes wobble {
0% {
transform: translateZ(0);
}
15% {
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
transform: translateZ(0);
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
0%, 11.1%, to {
transform: translateZ(0);
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes heartBeat {
0% {
transform: scale(1);
}
14% {
transform: scale(1.3);
}
28% {
transform: scale(1);
}
42% {
transform: scale(1.3);
}
70% {
transform: scale(1);
}
}
.heartBeat {
animation-name: heartBeat;
animation-duration: 1.3s;
animation-timing-function: ease-in-out;
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scaleX(1);
}
}
.bounceIn {
animation-duration: 0.75s;
animation-name: bounceIn;
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: translateZ(0);
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: translateZ(0);
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: translateZ(0);
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translateZ(0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
animation-duration: 0.75s;
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
0% {
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotateX(-5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotateY(-5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
0% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
animation-duration: 0.75s;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
0% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
0% {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
}
to {
transform: translateZ(0);
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
0% {
transform-origin: center;
transform: rotate(-200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: translateZ(0);
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: translateZ(0);
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: translateZ(0);
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: translateZ(0);
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: translateZ(0);
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
0% {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate(45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate(-45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate(-45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-duration: 2s;
animation-name: hinge;
}
@keyframes jackInTheBox {
0% {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
}
@keyframes rollIn {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.rollIn {
animation-name: rollIn;
}
@keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
0% {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
0% {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
0% {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
0% {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.delay-1s {
animation-delay: 1s;
}
.animated.delay-2s {
animation-delay: 2s;
}
.animated.delay-3s {
animation-delay: 3s;
}
.animated.delay-4s {
animation-delay: 4s;
}
.animated.delay-5s {
animation-delay: 5s;
}
.animated.fast {
animation-duration: 0.8s;
}
.animated.faster {
animation-duration: 0.5s;
}
.animated.slow {
animation-duration: 2s;
}
.animated.slower {
animation-duration: 3s;
}
@media (prefers-reduced-motion: reduce), (print) {
.animated {
animation-duration: 1ms !important;
transition-duration: 1ms !important;
animation-iteration-count: 1 !important;
}
}
a,
.button, .btn {
cursor: pointer;
transition: all 0.35s cubic-bezier(0.57, 0.4, 0.55, 1.17);
}
select::-ms-expand {
display: none;
}
*::-webkit-scrollbar {
width: 13px;
}
*::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(17, 29, 21, 0.4);
}
*::-webkit-scrollbar-thumb {
background-color: rgba(121, 122, 68, 0.7);
}
*::selection {
background: rgba(121, 122, 68, 0.7);
color: #fff;
}
@media (min-width: 0px) {
html {
position: relative;
font-size: 12px;
}
}
@media (min-width: 650px) {
html {
font-size: 13px;
}
}
@media (min-width: 768px) {
html {
font-size: 14px;
}
}
@media (min-width: 960px) {
html {
font-size: 15px;
}
}
@media (min-width: 1390px) {
html {
font-size: 16px;
}
}
@media (min-width: 1590px) {
html {
font-size: 18px;
}
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
color: #656565;
min-width: 320px;
height: 100%;
font-family: "Urbanist", sans-serif;
line-height: 1.5;
position: relative;
font-weight: 400;
}
body.ovh, body.show-menu {
overflow: hidden !important;
}
@media only screen and (max-width : 767px) {
body {
font-size: 15px;
}
}
@media only screen and (max-width : 570px) {
body {
font-size: 14px;
}
}
.input-wrap .control-label,.form-group .control-label{
display: block;
margin-bottom: 10px;
font-size: 18px;
color: #212121;
}
.input-wrap input, .input-wrap textarea {
display: block;
height: 60px;
width: 100%;
border-radius: 4px;
width: 100%;
padding: 16px 28px;
border: 1px solid #F3F4F6;
border-radius: 5px;
background: #F3F4F6;
font-size: 16px;
font-family: "Urbanist", sans-serif;
color: #232121;
transition: all 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17);
}
.input-wrap .text-danger{
padding-top: 3px;
color:#FF0000;
font-size: 14px;
}
.input-wrap input:focus, .input-wrap textarea:focus {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.05);
}
.input-wrap input::-webkit-input-placeholder, .input-wrap textarea::-webkit-input-placeholder {
color: #8799A3;
opacity: 1;
}
.input-wrap input:-ms-input-placeholder, .input-wrap textarea:-ms-input-placeholder {
color: #8799A3;
opacity: 1;
}
.input-wrap input::placeholder, .input-wrap textarea::placeholder {
color: #8799A3;
opacity: 1;
}
.input-wrap input:-ms-input-placeholder, .input-wrap textarea:-ms-input-placeholder {
color: #8799A3;
}
.input-wrap input::-ms-input-placeholder, .input-wrap textarea::-ms-input-placeholder {
color: #8799A3;
}
.input-wrap textarea {
height: 88px;
}
main {
padding-top: 202px;
}
.header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9;
transition: all 0.4s cubic-bezier(0.57, 0.4, 0.55, 1.17);
}
.header .soc-list li {
padding: 0 9px;
}
.header .soc-list li a {
display: flex;
align-items: center;
justify-content: center;
}
.header .soc-list li img {
width: 16px;
max-height: 16px;
}
.header .lang {
position: relative;
color: #fff;
cursor: pointer;
padding-right: 18px;
min-width: 48px;
}
.header .lang.show .lang-select {
display: block;
}
.header .lang::after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.721832 1.90735e-06H7.59257C8.07378 1.90735e-06 8.31439 0.588158 7.96685 0.935705L4.54485 4.3577C4.33097 4.57158 3.98343 4.57158 3.76955 4.3577L0.347551 0.935705C3.9041e-06 0.588158 0.240613 1.90735e-06 0.721832 1.90735e-06Z' fill='white'/%3E%3C/svg%3E%0A");
width: 9px;
height: 5px;
position: absolute;
top: 12px;
right: 2px;
}
.header .lang-select {
position: absolute;
top: 100%;
display: none;
background: #A3A55D;
left: 50%;
transform: translateX(-50%);
min-width: 48px;
margin-left: -4px;
border: 1px solid #797A44;
}
.header .lang-select li {
border-top: 1px solid #797A44;
}
.header .lang-select li.active {
background: #929654;
}
.header .lang-select li:first-child {
border-top: none;
}
.header .lang-select li a {
padding: 3px 5px;
display: block;
text-align: center;
color: #fff;
}
.header .lang-select li:hover {
background: #A3A55D;
}
.header-top {
background: #A3A55D;
padding: 12px 0;
text-align: center;
}
.header-top__text {
font-size: 14px;
font-weight: 600;
color: #fff;
}
.header.fixed .header-content {
padding: 12px 0;
position: fixed;
box-shadow: 1px 11px 24px rgba(0, 0, 0, 0.05);
top: 0;
left: 0;
width: 100%;
}
.header .btn-menu {
display: none;
}
.header-content {
background: #fff;
padding: 29px 0;
transition: all 0.4s cubic-bezier(0.57, 0.4, 0.55, 1.17);
}
.header-menu {
margin: 0 auto;
}
.header-menu > div > ul {
display: flex;
}
.header-menu > div > ul li {
padding: 0 15px;
}
.header-menu > div > ul li a {
color: #000;
font-weight: 700;
font-size: 16px;
}
.header-menu > div > ul li a:hover {
color: #797A44;
}
.header-menu_soc {
display: none;
}
.header-slider {
padding: 17px 0 15px;
font-size: 14px;
background: #797A44;
text-transform: uppercase;
font-weight: 700;
line-height: 1.2;
color: #fff;
text-align: center;
}
.header-slider p {
height: 18px;
}
.header .container {
max-width: 1350px;
}
.header .container > .row {
align-items: center;
justify-content: space-between;
}
.header-logo {
width: 144px;
transition: all 0.4s cubic-bezier(0.57, 0.4, 0.55, 1.17);
}
.header-logo img {
display: block;
}
.header-nav {
display: flex;
align-items: center;
margin-left: 18px;
}
.header-nav__list {
display: flex;
gap: 21px;
align-items: center;
}
.header-nav__list li {
position: relative;
}
.header-nav__list li img, .header-nav__list li a {
display: block;
}
.header-nav__list .num {
background: #A3A55D;
min-width: 18px;
padding: 0 1px;
min-height: 18px;
text-align: center;
position: absolute;
font-size: 12px;
border-radius: 50%;
line-height: 18px;
left: 60%;
bottom: 55%;
color: #fff;
overflow: hidden;
}
.header-search .searchwp-form {
position: relative;
height: 44px;
border: 1px solid #A3A55D;
width: 224px;
border-radius: 2px;
padding: 7px 42px 8px 8px;
background: #ECFFFE !important;
color: #1D1D1D;
}
.header-search .searchwp-form .swp-input {
width: 100%;
font-family: "Urbanist", sans-serif;
font-size: 16px;
text-align: right;
background: #ECFFFE !important;
}
.header-search .search-submit {
top: 7px;
right: 10px;
font-size: 0;
cursor: pointer;
width: 28px;
height: 28px;
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8326 19.0077L24.3292 23.5041C24.5569 23.732 24.5569 24.1013 24.3292 24.3292C24.1013 24.5569 23.732 24.5569 23.5041 24.3292L19.0077 19.8326C17.3623 21.2852 15.2007 22.1667 12.8333 22.1667C7.67867 22.1667 3.5 17.988 3.5 12.8333C3.5 7.67867 7.67867 3.5 12.8333 3.5C17.988 3.5 22.1667 7.67867 22.1667 12.8333C22.1667 15.2007 21.2852 17.3623 19.8326 19.0077ZM12.8333 21C17.3437 21 21 17.3437 21 12.8333C21 8.32301 17.3437 4.66667 12.8333 4.66667C8.32301 4.66667 4.66667 8.32301 4.66667 12.8333C4.66667 17.3437 8.32301 21 12.8333 21Z' fill='%23A3A55D'/%3E%3C/svg%3E%0A");
background-size: cover;
}
.header-menu-wrap .dropdown{
position: relative;
}
.header-menu-wrap .dropdown:hover > div{
opacity: 1;
visibility: visible;
}
.header-menu-wrap .dropdown > div{
padding: 10px 5px;
position: absolute;
visibility: hidden;
opacity: 0;
top:100%;
background: #fff;
left: 50%;
min-width: 200px;
transition: box-shadow 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17);
box-shadow: 0px 0px 10px 6px #0000001A;
transform: translateX(-50%);
}
.header-menu-wrap .dropdown > div ul{
}
.header-menu-wrap .dropdown > div ul li{
margin-bottom: 6px;
line-height: 1.4;
}
.header-menu-wrap .dropdown > div ul li a{
display: block;
}
.header-menu-wrap .dropdown > div ul li:last-child{
margin-bottom: 0;
}
.model-window{
padding: 23px;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
backdrop-filter: blur(6px);
background: #D9D9D9B2;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.model-close{
position: absolute;
top: 14px;
right: 16px;
width: 28px;
height: 28px;
cursor: pointer;
border-radius: 50%;
background-color: #D9D9D9CC;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2031 1.66699L7.26855 5.60156L11.2021 9.53516L9.53516 11.2021L5.60156 7.26855L1.66797 11.2021L0.000976562 9.53516L3.93457 5.60156L0 1.66699L1.66699 0L5.60156 3.93457L9.53613 0L11.2031 1.66699Z' fill='%23A3A55D'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
transition: background-image 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17);
}
.model-close:hover{
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2031 1.66699L7.26855 5.60156L11.2021 9.53516L9.53516 11.2021L5.60156 7.26855L1.66797 11.2021L0.000976562 9.53516L3.93457 5.60156L0 1.66699L1.66699 0L5.60156 3.93457L9.53613 0L11.2031 1.66699Z' fill='%23494A0F'/%3E%3C/svg%3E%0A");
}
.cart-window{
opacity: 1;
pointer-events: auto;
visibility: visible;
display: flex;
justify-content: flex-end;
}
.cart-window .model-close{
position: static;
}
.card-sidebar{
background: #FFFFFF;
overflow: hidden;
border-radius: 16px;
padding: 6px;
width: 608px;
position: relative;
}
.card-sidebar-nav{
width: 100%;
position: absolute;
display: flex;
flex-direction: column;
bottom: 0;
left: 0;
gap: 12px;
padding: 24px 16px 16px;
background: #fff;
box-shadow: 0px -20px 14px 0px #00000031;
}
.card-sidebar-nav .btn{
padding: 14.5px 30px;
border-radius: 2px;
}
.card-sidebar-wrap{
display: flex;
flex-direction: column;
height: calc(100% - 155px);
padding: 20px 16px 22px 22px;
overflow-y: auto;
}
.card-sidebar-wrap::-webkit-scrollbar {
width: 6px;
border-radius: 16px;
border: 3px solid #fff;
}
.card-sidebar-wrap::-webkit-scrollbar-track {
border-radius: 16px;
}
.card-sidebar-wrap::-webkit-scrollbar-thumb {
border-radius: 16px;
margin-right: 5px;
}
.card-sidebar-slider .title-row{
align-items: center;
margin-bottom: -5px;
}
.card-sidebar-slider .products-list .slick-list{
padding: 15px 0 18px;
}
.card-sidebar-slider .products-list .product-thumb .image{
min-height: 200px;
}
.card-sidebar-slider .products-list .product-thumb .image img{
max-height: 200px;
}
.card-sidebar-slider .title-row .products-arrows{
padding: 0;
}
.card-sidebar-slider .title-row h4,.card-sidebar-slider .title-row .h4 {
font-size: 24px;
font-weight: 700;
color: #232121;
}
.card-sidebar-header{
position: relative;
padding-left: 44px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom:14px;
}
.card-sidebar-header::after{
content: "";
display: block;
width: 100%;
position: absolute;
left: 0;
top:50%;
transform: translateY(-50%);
height: 28px;
width:28px;
background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' rx='14' fill='%23ACB063'/%3E%3Cg clip-path='url(%23clip0_383_8944)'%3E%3Cpath d='M6 14.0396L8.28017 11.8935L11.7295 15.5823L19.8763 8L22 10.3024L11.5693 20L6 14.0396Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_383_8944'%3E%3Crect width='16' height='12' fill='white' transform='translate(6 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.card-sidebar-header h3, .card-sidebar-header .h3 {
font-size: 32px;
font-weight: 700;
color: #232121;
}
.card-sidebar-content__icon,
.card-sidebar-image a,
.card-sidebar-total{
display: flex;
align-items: center;
justify-content: center;
}
.card-sidebar-content-header{
font-size: 24px;
margin-bottom: 8px;
font-weight: 700;
background: #F3F4F6;
color:#232121;
border-radius: 16px;
display: flex;
align-items: center;
padding: 10px 29px;
gap: 18px;
}
.card-sidebar-product{
background: #F3F4F6;
color:#232121;
padding: 11px 24px 11px 11px;
align-items: center;
border-radius: 16px;
margin-bottom: 8px;
}
.card-sidebar-image{
border-radius: 10px;
overflow: hidden;
flex:0 0 82px;
max-width: 82px;
height: 82px;
background: #fff;
border:1px solid #fff;
transition: border 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17);
}
.card-sidebar-image a{
text-align: center;
}
.card-sidebar-image:hover{
border:1px solid #A3A55D;
}
.card-sidebar-image img{
max-height: 80px;
}
.card-sidebar-image img{
display: block;
}
.card-sidebar-info{
width: 100%;
display: flex;
align-items: center;
}
.card-sidebar-info h4, .card-sidebar-info .h4 {
font-size: 18px;
font-weight: 700;
line-height: 1.2;
color: #232121;
margin-bottom: 0;
padding: 0 20px 0 40px;
}
.card-sidebar-info .btn-delete{
margin-left: auto;
}
.card-sidebar-total{
padding: 30px 0;
font-size: 30px;
font-weight: 700;
color: #232121;
margin-top: auto;
border:1px solid #F7F7F7;
border-width: 1px 0;
justify-content: space-between;
}
.card-sidebar-total + .card-sidebar-slider{
padding-top: 32px;
}
.btn-delete{
border-radius: 50%;
font-size: 0;
width: 28px;
height: 28px;
cursor: pointer;
background-color: #D6D6D6;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_383_9026)'%3E%3Cpath d='M7.32267 12.0002L2.69518 11.9896C2.00945 11.9877 1.3178 11.4799 1.24995 10.815L0.580694 4.28595C0.549076 3.97916 0.81388 3.75 1.12216 3.75H8.87593C9.18421 3.75 9.44836 3.97853 9.4174 4.28658L8.7488 10.8113C8.67898 11.4925 8.01301 11.932 7.32267 11.9996V12.0002ZM4.25963 10.1902L3.94543 5.47117C3.92566 5.17628 3.65691 4.97968 3.37366 5.0041C3.09041 5.02851 2.8783 5.24828 2.89741 5.53378L3.21359 10.2791C3.23335 10.574 3.50277 10.7712 3.78997 10.7443C4.07717 10.7173 4.28071 10.4944 4.26029 10.1902H4.25963ZM6.78714 10.2653L7.10135 5.53378C7.12111 5.23701 6.87804 5.01098 6.59479 5.00222C6.31154 4.99345 6.07177 5.18567 6.05267 5.47117L5.7378 10.2027C5.7187 10.4901 5.93278 10.7198 6.20812 10.7443C6.49862 10.7693 6.76606 10.5777 6.78648 10.2653H6.78714Z' fill='%239A9A9A'/%3E%3Cpath d='M9.48489 3.24888H0.533568C0.210137 3.2495 -0.00131132 3.00407 6.12112e-06 2.72169L0.00264099 2.02609C-0.00987465 1.7675 0.200256 1.50329 0.495362 1.50266L2.90891 1.49703C2.7877 0.708129 3.34629 0.0525931 4.14466 0H5.85601C6.65438 0.051967 7.21231 0.708755 7.09177 1.49703L9.50531 1.50266C9.79976 1.50329 10.0079 1.76876 9.99869 2.02546L10 2.72357C10 2.98028 9.81293 3.24888 9.48423 3.24888H9.48489ZM6.04967 1.50016L6.05297 1.24846C6.04111 1.10821 5.93901 1.00866 5.78948 0.999896H4.20987C4.06693 1.00866 3.94968 1.10821 3.94968 1.24846V1.50016H6.04967Z' fill='%239A9A9A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_383_9026'%3E%3Crect width='10' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
transition: background-image 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17);
}
.btn-delete:hover{
background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_383_9026)'%3E%3Cpath d='M7.32267 12.0002L2.69518 11.9896C2.00945 11.9877 1.3178 11.4799 1.24995 10.815L0.580694 4.28595C0.549076 3.97916 0.81388 3.75 1.12216 3.75H8.87593C9.18421 3.75 9.44836 3.97853 9.4174 4.28658L8.7488 10.8113C8.67898 11.4925 8.01301 11.932 7.32267 11.9996V12.0002ZM4.25963 10.1902L3.94543 5.47117C3.92566 5.17628 3.65691 4.97968 3.37366 5.0041C3.09041 5.02851 2.8783 5.24828 2.89741 5.53378L3.21359 10.2791C3.23335 10.574 3.50277 10.7712 3.78997 10.7443C4.07717 10.7173 4.28071 10.4944 4.26029 10.1902H4.25963ZM6.78714 10.2653L7.10135 5.53378C7.12111 5.23701 6.87804 5.01098 6.59479 5.00222C6.31154 4.99345 6.07177 5.18567 6.05267 5.47117L5.7378 10.2027C5.7187 10.4901 5.93278 10.7198 6.20812 10.7443C6.49862 10.7693 6.76606 10.5777 6.78648 10.2653H6.78714Z' fill='%23FF0000'/%3E%3Cpath d='M9.48489 3.24888H0.533568C0.210137 3.2495 -0.00131132 3.00407 6.12112e-06 2.72169L0.00264099 2.02609C-0.00987465 1.7675 0.200256 1.50329 0.495362 1.50266L2.90891 1.49703C2.7877 0.708129 3.34629 0.0525931 4.14466 0H5.85601C6.65438 0.051967 7.21231 0.708755 7.09177 1.49703L9.50531 1.50266C9.79976 1.50329 10.0079 1.76876 9.99869 2.02546L10 2.72357C10 2.98028 9.81293 3.24888 9.48423 3.24888H9.48489ZM6.04967 1.50016L6.05297 1.24846C6.04111 1.10821 5.93901 1.00866 5.78948 0.999896H4.20987C4.06693 1.00866 3.94968 1.10821 3.94968 1.24846V1.50016H6.04967Z' fill='%23FF0000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_383_9026'%3E%3Crect width='10' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.btn-cart-icon{
border-radius: 50%;
font-size: 0;
width: 28px;
height: 28px;
cursor: pointer;
background-color: #8a8f45;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='20' height='20' fill='url(%23pattern0_77_42275)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_77_42275' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_77_42275' transform='scale(0.00390625)'/%3E%3C/pattern%3E%3Cimage id='image0_77_42275' width='256' height='256' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTEyLTA0VDIzOjQyOjMzKzA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0xMi0wNFQyMzo0Mjo0NCswNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMi0wNFQyMzo0Mjo0NCswNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphODViMDNjOC1kZGU3LTI5NGYtOWU1Ni00MTMxYTg4MzhiNGMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6YTg1YjAzYzgtZGRlNy0yOTRmLTllNTYtNDEzMWE4ODM4YjRjIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YTg1YjAzYzgtZGRlNy0yOTRmLTllNTYtNDEzMWE4ODM4YjRjIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphODViMDNjOC1kZGU3LTI5NGYtOWU1Ni00MTMxYTg4MzhiNGMiIHN0RXZ0OndoZW49IjIwMjItMTItMDRUMjM6NDI6MzMrMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6/OK3lAAAJPUlEQVR4nO3d3XEbRxqF4cMt3xMZLBQB4Qg4zgCKwFAEZghUBJYjWCgCIwMDEZiIwFAGQATwRRMl2kuJlObrvznvU+XyhcjuxlT3Qf/MDK/O57MAePpP7QYAqIcAAIwRAIAxAgAwRgAAxggAwBgBABgjAABjBABgjAAAjBEAgDECADBGAADGCADAGAEAGCMAAGMEAGCMAACMEQCAMQIAMEYAAMYIAMAYAQAYIwAAYwQAYIwAAIwRAIAxAgAwRgAAxggAwBgBABgjAABjBABgjAAAjBEAgDECADBGAADGCADAGAEAGPuhdgOeWEhaShok3dZsCJDJTtJW0kbSQ82GXFydz+fabVhKupd0U7cZQFF7pX6/qdmImgEwl7QW3/bwtpO0knSoUXmtPYCl0hSIwQ93t0pjYVmj8hoBsJL0u6TrCnUDLbpWGhOr0hWXXgIslT4ogOe9VcF9gZIBMFea6vDND3zZSelE7FCispJLgLUY/MBLrpXGShGlAmApNvyA17pVoU3BUkuAB3HOD3yLvdJSIKsSM4CFGPzAt7rRRAJgWaAOYIqWuSsoEQBDgTqAKRpyV1BiD6D6wwZAx65yFs7jwICx3AEwy1w+gBFaeh/Al2SdAgGZNb0E7mEPgABAz5ru/+wBAMYIAMAYAQAYIwAAYwQAYIwAAIwRAIAxAgAwRgAAxggAwBgBABgjAABjBABgjAAAjPXwPoCmn6cGesYMADBGAADGCADAGAEAGCMAAGMEAGCMAACMEQCAMQIAMEYAAMYIAMAYAQAYIwAAYwQAYIwAAIz18D4A/jw4etb0+yyYAQDGCADAGAEAGCMAAGMEAGCMAACMEQCAMQIAMEYAAMYIAMAYAQAYIwAAYwQAYIwAAIwRAIAxAiDeStJW6Tnwp/9tH/8NX7cS16+Yq/M5+/sKxlbQywtB5pI2km5e+Lm9pKWkQ9bW9GeuaV6/pvs/ARBjLulB0vUrf/4kaaF+OnFuc033+jXd/1kCxNjo9Z1Xjz+7ydKSPm3E9auCABhvpZenrc+5EWtaietXFQEw3qrS707FqtLvQuwBRJj658tt6tev6c/HDAAwRgDUN9RuQEVD7Qa4IwAAYwQAYIwAAIwRAPUNtRtQ0VC7Ae4IgPF2I39/HtGITs1H/v7Ya2+PAKhvUbsBFS1qN8AdATDeduTv30iajW9Gd2b6vluAn9qOb4Y3AmC8Q0AZQ0AZvRkCyjgElGGNABjvEFDGMqCM3iwDyjgElGGNZwFijP2MJ/ktA476tkeAn+PQN3gWoANjd6Ov5TULWGr84OcEIAABEGMbUMZdQBm9uAsoYxtQhj2WADEWkv4MKOeNpr+unUv6K6CcH5VeI9a6pvs/M4AYD0rr+LHuA8po3X1AGSf1MfibRwDE2QSU8bOmfSQ4KH3GsTYBZUAEQKR1UDn3QeW06D6onHVQOfYIgDhbSZ8CyrnVNDcE75Q+21ifxAZgGAIg1oegcu41rfvkF4r79v8QVA7EKUC0mdIu/tgzbin9BZxB6YaZns2UvrHH3vcvpc2/ufq6Jk33f2YAsY6K26C60TS+7T4oZvBL6doeg8qCmAHkMFfMOffFR/X7/vu1Ynb9L3q8T6Lp/s8MIN5BadBG+Vl97nqvFTv4P6q/wd88ZgB5zBS3F3DR00xgrdjB3+Pa/6Lp/s8MII+j4tfvl5nALLjcSDPFD34pXctjcJkQM4DcHhS3AXaxV5oJPASXO9ZCafDn+LyL4DJLarr/MwPI6y5DmTdKx2o5yv5ed4o76nuubGRCAOS1lfQ+Q7nXkn59LH/IUP5rDY9t+FWx+x0X78Vdf1mxBCjjQXm+HS8+Kt1pd8hYx1Pzx/qi1/pP9T71v2i6/xMAZcyVQiDHt+RTO6UNs02m8peKu6f/a05Kg/+QuZ4Smu7/BEA5g6Q/CtV1UgqBjdIU+vid5cyU2r1UzGu8XusnTWfq33T/JwDKWkn6X4V690ozkIP+ObCO+v9jxUFpxrJQ3mXLl7xTnzc+fUnT/Z8AKO+DpF9qN6JRv2l6u/5N938CoI618m6g9ainOx2/RdP9n2PAOlaKfV6gd1Md/M0jAOpZKU153f0mBn81LAHqW6nOxmALprbh95ym+z8B0IZB6ciu1DFbbSelY8Vt3WYU0XT/ZwnQhq3Ssdu+bjOKuNzht63bDEgEQEsOSgMjx7MDrXiv6dzhNwksAdo0KPZderXt9fmJQTdN939mAG3a6vNsIOJPjtVy0udv/W3VluBZzADaN1OaDfR249BHpW/9Y91mVNd0/2cG0L6j0lHhG6VB1fKM4KTUxjdKbT7WbAxexgygPzOlwXUn6b81G/LEJ6VZyloM+n9ruv8TAH0blMJgqfL3EFweOV6L9f3XNN3/CYDpWCgFwaB8L+zYKQ32jdp7KWmrmu7/BMB0DUrP9c/1+b2Brw2G3eP/t0pn9gfxLf+9mu7/BACQV9P9n1MAwBgBABgjAABjBABgjAAAjBEAgDECADBGAADGCADAGAEAGCMAAGMEAGCMAACMEQCAMQIAMEYAAMYIAMAYAQAYIwAAYwQAYIwAAIwRAIAxAgAwRgAAxggAwBgBABgjAABjBABgjAAAjBEAgDECADBGAADGCADAGAEAGCMAAGMEAGCMAACMEQCAMQIAMPZD7Qa8wrl2A4CpYgYAGCMAAGMlAmBXoA5girKPnRIBsC1QBzBF29wVlAiATYE6gCna5K6gRAA8SNoXqAeYkr3S2Mmq1CbgfaF6gKm4L1HJ1flc7Jh9K+m2VGVAx3aShhIVlQyAudKU5rpUhUCHTpIWkg4lKit5H8BB0qpgfUCPVio0+KXyNwJtJL0rXCfQi3cqfGpW407AtaS3SlMdAGksvFUaG0XVuhV4o7TO4S5BuNspjYVNjcprPgtwUNrpfCvuE4CfvVLfH1Rwzf9vJU8BXrKQtFS6IBwXYop2SsfhGxW4yec1WgoAAIXxODBgjAAAjBEAgDECADBGAADGCADAGAEAGCMAAGMEAGCMAACMEQCAMQIAMEYAAMYIAMAYAQAYIwAAYwQAYIwAAIwRAIAxAgAwRgAAxggAwBgBABgjAABjBABgjAAAjBEAgDECADBGAADGCADAGAEAGCMAAGMEAGCMAACMEQCAMQIAMEYAAMYIAMAYAQAY+xvg/qJWwhMYpAAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: 18px 18px;
transition: background 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17);
}
.btn-cart-icon:hover{
background-color: #494A0F;
}
.sidecart-empty{
padding: 60px 20px 40px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 16px;
}
.sidecart-empty p{
font-size: 21px;
font-weight: 600;
}
.sidecart-empty img{
max-width: 260px;
}
@media (max-width: 1023px) {
.header {
padding: 0;
box-shadow: 1px 11px 24px rgba(0, 0, 0, 0.05);
}
.header-menu {
position: fixed;
top: 35px;
left: 0;
width: 320px;
bottom: 0;
background: #797A44;
transform: translateX(-100%);
padding: 40px 0;
display: flex;
transition: all 0.3s linear;
flex-direction: column;
}
.header-menu.active {
transform: translateX(0);
}
.header-menu_soc {
padding: 0 35px;
display: block;
margin-top: auto;
}
.header-menu_soc_title {
text-align: center;
font-size: 16px;
font-weight: 700;
color: #fff;
margin-bottom: 26px;
}
.header-menu .menu-primary-menu-container {
margin-bottom: 32px;
}
.header-menu .menu-primary-menu-container > ul {
display: block !important;
}
.header-menu .menu-primary-menu-container > ul li {
border-top: 1px solid rgba(126, 126, 126, 0.13);
}
.header-menu .menu-primary-menu-container > ul li:last-child {
border-bottom: 1px solid rgba(126, 126, 126, 0.13);
}
.header-menu .menu-primary-menu-container > ul li a {
font-size: 16px;
display: block;
color: #FFFFFF !important;
padding: 8px 32px;
font-weight: 600;
}
.header .container {
padding: 0 15px 0 0;
}
.header.fixed {
padding: 0;
}
.header .btn-menu {
margin-right: 20px;
flex: 0 0 58px;
width: 58px;
display: block;
height: 58px;
background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='26' viewBox='0 0 30 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='2.30769' fill='white'/%3E%3Crect y='11.5386' width='30' height='2.30769' fill='white'/%3E%3Crect y='23.0767' width='30' height='2.30769' fill='white'/%3E%3C/svg%3E%0A");
background-color: #797A44;
background-position: center;
background-size: 24px;
background-repeat: no-repeat;
}
.header .btn-menu.active {
background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.0625' y='0.000244141' width='1.32581' height='19.8871' transform='rotate(45 14.0625 0.000244141)' fill='white'/%3E%3Crect x='15' y='14.0625' width='1.32581' height='19.8871' transform='rotate(135 15 14.0625)' fill='white'/%3E%3C/svg%3E%0A");
}
.header-logo {
max-width: 100px;
margin-right: auto;
}
}
@media (max-width: 1023px) and (max-width: 767px) {
.header .btn {
height: 30px;
font-size: 12px;
padding: 8px 15px;
}
.header .btn-menu {
flex: 0 0 35px;
height: 35px;
width: 35px;
display: block;
background-size: 14px;
}
.header-logo {
max-width: 48px;
}
.header-nav_search_btn {
width: 16px;
height: 16px;
margin-right: 12px;
}
}
@media (max-width: 1023px) and (max-width: 479px) {
.header-menu {
width: 265px;
}
}
@media (max-width: 767px) {
.header-search {
width: 100%;
background: #fff;
z-index: 3;
top: 0;
left: 0;
transform: none;
height: 100%;
padding: 4px 15px;
}
.header-search .search-submit {
width: 12px;
height: 12px;
right: 14px;
background-size: 12px;
top: 5px;
}
.header-search .searchwp-form {
height: 24px;
padding: 0px 30px 0px 18px;
margin: 0;
}
.header-search .searchwp-form .swp-input {
font-size: 12px;
}
}
form.searchwp-form input.swp-input--search {
padding: 0 !important;
background: none !important;
margin: 0 !important;
}
.searchwp-live-search-results {
min-width: 350px !important;
border: 0 !important;
margin-left: -20px !important;
box-shadow: 0 16px 34px 0 rgba(0, 0, 0, 0.1) !important;
}
.searchwp-live-search-result {
border: 0 !important;
padding: 0 !important;
gap: 0px !important;
}
.searchwp-live-search-result--title {
margin-bottom: 0 !important;
padding: 0 !important;
}
.searchwp-live-search-result .searchwp-live-search-result--title a {
padding: 8px 19px !important;
font-size: 15px !important;
display: block !important;
color: #1D1D1D !important;
font-weight: 400;
}
.searchwp-live-search-result .searchwp-live-search-result--title a:hover {
color: #797A44 !important;
}
.footer {
background: #26282C;
padding: 63px 0 0;
}
.footer > .container > .row {
padding-bottom: 66px;
justify-content: space-between;
gap: 60px;
}
@media only screen and (max-width : 767px) {
.footer > .container > .row {
flex-direction: column;
}
}
.footer .soc-list {
gap: 12px;
}
.footer .soc-list li a {
background: #000000;
border-radius: 50px;
width: 47px;
height: 47px;
display: flex;
align-items: center;
justify-content: center;
}
.footer .soc-list li a:hover {
opacity: 0.6;
}
.footer-logo {
flex: 0 0 22%;
max-width: 22%;
font-weight: 300;
color: #fff;
}
.footer-logo p {
line-height: 1.5;
font-size: 14px;
margin-bottom: 32px;
}
.footer-logo > img {
margin-bottom: 24px;
display: block;
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(148deg) brightness(104%) contrast(102%);
}
.footer-menu {
flex: 1;
gap: 40px;
justify-content: space-between;
}
.footer-item {
flex: 0 0 21.5%;
max-width: 21.5%;
}
.footer-item:nth-child(1) {
flex: 1;
max-width: none;
}
.footer-item:nth-child(1) ul {
display: flex;
flex-wrap: wrap;
}
.footer-item:nth-child(1) ul li {
flex: 0 0 50%;
max-width: 50%;
}
.footer-item:nth-child(1) .h3::after, .footer-item:nth-child(1) h3::after {
content: "";
border-bottom: 1px solid #3F3F3F;
width: 62px;
position: absolute;
bottom: 0;
left: 0;
}
.footer-item .h3, .footer-item h3 {
position: relative;
color: #fff;
padding-bottom: 15px;
font-size: 18px;
font-weight: 700;
margin-bottom: 15px;
}
.footer-item .h3::after, .footer-item h3::after {
content: "";
border-bottom: 1px solid #3F3F3F;
width: 76px;
position: absolute;
bottom: 0;
left: 0;
}
.footer-item a {
transition: all 0.3s linear;
color: #D6D6D6;
text-decoration: underline;
}
.footer-item a:hover {
text-decoration: underline;
}
.footer-item ul li {
margin-bottom: 16px;
}
.footer-bottom {
padding: 18px 15px 15px;
text-align: center;
color: #F2F2F2;
font-size: 17px;
border-top: 1px solid #2F2F2F;
}
.footer-bottom .row {
justify-content: space-between;
}
@media only screen and (max-width : 767px) {
.footer {
padding-top: 40px;
}
.footer-bottom {
padding: 16px 15px;
font-size: 13px;
}
.footer-menu {
flex-direction: column;
flex: 0 0 100%;
max-width: 100%;
}
.footer .soc-list {
justify-content: center;
}
.footer-item {
flex: 0 0 100%;
max-width: 100%;
}
.footer-item.mob {
display: flex;
margin-bottom: 26px;
}
.footer-item.mob ul {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.footer-item.mob ul li {
flex: 0 0 calc(50% - 5px);
margin-bottom: 0;
}
.footer-item.mob ul li a {
display: block;
line-height: 28px;
padding: 2px;
text-align: center;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.24);
}
.footer-item:nth-child(2), .footer-item:nth-child(3) {
display: none;
}
.footer-item .h4, .footer-item h4 {
text-align: center;
font-size: 16px;
}
.footer-item:nth-child(4) .row:last-child {
justify-content: center;
}
.footer-logo {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
margin-bottom: 36px;
}
.footer-logo img {
margin: 0 auto;
}
}
.btn {
text-align: center;
display: inline-block;
position: relative;
z-index: 1;
background-color: #A3A55D;
border-radius: 6px;
cursor: pointer;
padding: 18px 40px;
color: white;
text-decoration: none;
font-size: 15px;
transition: background 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17);
font-weight: 700;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.btn-white {
background-color: transparent;
color: #ACB063;
border:1px solid #A3A55D;
}
.btn:hover {
background: #494A0F;
}
.btn-white:hover {
background: #ACB063;
color:#fff;
border:1px solid #A3A55D;
}
.btn svg {
position: absolute;
width: 300%;
overflow: visible;
height: 300%;
top: 60%;
pointer-events: none;
left: 60%;
transform: translate(-50%, -50%);
z-index: -1;
}
.btn-row {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.link {
color: #C3C3C3;
display: table;
cursor: pointer;
font-size: 28px;
font-family: "Urbanist", sans-serif;
text-transform: none;
font-weight: 700;
line-height: 1.1;
border-bottom: 2px solid #C3C3C3;
}
.link.md{
font-size: 21px;
}
.link.sm{
font-size: 16px;
}
.link:hover {
border-bottom: 2px solid transparent;
}
/* banner */
.banner-slider {
background: rgb(33, 24, 31);
}
.banner-slide {
height: calc(100vh - 203px);
min-height: 729px;
/* max-height: 860px; */
position: relative;
display: flex !important;
}
.banner-slide.reverse {
flex-direction: row-reverse;
}
.banner-slide.three .banner-slide-image {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
.banner-slide.single .banner-slide-image {
flex: 0 0 100%;
max-width: 100%;
}
.banner-slide.single .banner-slide-image-content {
padding: 30px 40px;
}
.banner-slide-image {
flex: 0 0 50%;
max-width: 50%;
height: 100%;
overflow: hidden;
display: flex;
position: relative;
}
.banner-slide-image-content {
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner-slide-image-content .banner-slide-content_title {
font-size: 42px;
}
.banner-slide-image .bg {
width: 100%;
background-size: cover;
background-position: center;
transform: scale(1);
transition: all 0.3s linear;
}
.banner-slide-image:hover .bg {
transform: scale(1.05);
}
.banner-slide-content {
padding: 40px 150px;
flex: 0 0 50%;
max-width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
.banner-slide-figure {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
right: 0;
max-width: 200px;
margin: 0 auto;
}
.banner-slide-figure img {
animation: transform_fig 5s linear infinite;
}
.banner-slide-content_btn {
padding-top: 24px;
display: table;
}
.banner-slide-content_btn_link {
cursor: pointer;
display: inline-block;
color: rgb(255, 255, 255);
text-decoration: none;
white-space: normal;
text-align: center;
line-height: 29px;
font-weight: 700;
font-size: 15px;
border-radius: 3px;
padding: 10px 30px;
-webkit-backdrop-filter: none;
backdrop-filter: none;
transform-origin: 50% 50%;
opacity: 1;
transition: opacity 0.3s linear;
opacity: 1;
}
.banner-slide-content_btn_link:hover {
opacity: 0.6;
}
.banner-slide-content_text {
font-size: 16px;
margin-bottom: 20px;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}
.banner-slide-content_title {
color: #fff;
line-height: 1;
letter-spacing: -1px;
font-weight: 700;
margin-bottom: 18px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
font-family: "Source Sans Pro", sans-serif;
font-size: 71px;
}
.banner-slider .slick-arrow {
position: absolute;
width: 43px;
height: 43px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.25);
cursor: pointer;
transition: all 0.3s linear;
top: auto;
transform: none;
font-size: 0;
bottom: 40px;
display: flex;
align-items: center;
background: rgb(33, 24, 31);
box-shadow: 0 0 10px 0 rgba(16, 18, 24, 0.4);
justify-content: center;
z-index: 2;
padding: 0;
}
.banner-slider .slick-arrow::before {
display: none;
}
.banner-slider .slick-arrow.slick-next {
right: 30px;
left: auto;
}
.banner-slider .slick-arrow.slick-prev {
right: 90px;
left: auto;
}
.banner-slider .slick-arrow.slick-prev::after,
.banner-slider .slick-arrow.slick-next::after {
content: "";
color: #fff;
position: absolute;
top: 50%;
width: 17px;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 266.77'%3E%3Cpath fill-rule='nonzero' d='M493.12 3.22c4.3-4.27 11.3-4.3 15.62-.04a10.85 10.85 0 0 1 .05 15.46L263.83 263.55c-4.3 4.28-11.3 4.3-15.63.05L3.21 18.64a10.85 10.85 0 0 1 .05-15.46c4.32-4.26 11.32-4.23 15.62.04L255.99 240.3 493.12 3.22z' fill='%23fff'/%3E%3C/svg%3E");
background-repeat: no-repeat;
left: 50%;
height: 10px;
transform: translate(-50%, -25%);
}
.banner-slider .slick-arrow.slick-prev::after {
transform: rotate(180deg) translate(50%, 75%);
}
.banner-slider .slick-arrow:hover {
transform: scale(1.1);
border: 1px solid rgb(255, 255, 255);
background: transparent !important;
}
@keyframes transform_fig {
0% {
transform: translateY(0);
}
60% {
transform: translateY(2%);
}
to {
transform: translateY(0);
}
}
@media (max-width: 1679px) {
.banner-slide-content_title {
font-size: 61px;
}
.banner-slide-content {
padding: 40px 30px 40px 140px;
}
}
@media (max-width: 1279px) {
.banner-slide {
min-height: 560px;
}
.banner-slide-figure {
max-width: 150px;
top: 27%;
}
.banner-slide-content_title {
font-size: 44px;
}
.banner-slide-content {
padding: 30px 20px 30px 100px;
}
.banner-slide-image-content {
padding: 20px;
}
}
@media (max-width: 1023px) {
.banner-slide-content_btn {
padding-top: 15px;
}
.banner-slide-content_title {
font-size: 40px;
}
}
@media (max-width: 879px) {
.banner-slide-figure {
display: none;
}
.banner-slide-image,
.banner-slide-content,
.banner-slide.three .banner-slide-image {
max-width: 100%;
}
.banner-slide-content {
padding: 40px;
}
.banner-slide {
flex-direction: column !important;
}
.banner-slide.reverse {
flex-direction: column-reverse !important;
}
.banner-slide {
min-height: 720px;
}
}
@media (max-width: 639px) {
.banner-slide-content_btn {
padding-top: 0;
}
.banner-slide-content_title {
font-size: 36px;
margin-bottom: 15px;
}
.banner-slide-image-content .banner-slide-content_title {
font-size: 28px;
}
.banner-slider {
max-height: 648px !important;
}
.banner-slide {
min-height: 648px !important;
}
.banner-slide-content {
padding: 20px 24px;
}
.banner-slide-content_btn_link {
padding: 5px 20px;
}
.banner-slider .slick-arrow {
width: 32px;
height: 32px;
bottom: 25px;
}
.banner-slider .slick-arrow.slick-prev::after,
.banner-slider .slick-arrow.slick-next::after {
width: 11px;
font-size: 17px;
}
.banner-slider .slick-arrow.slick-prev {
right: 70px;
}
.banner-slider .slick-arrow.slick-next {
right: 24px;
}
}
main > .services-section:first-child {
padding-top: 40px;
}
.title-row {
margin-bottom: 32px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.title-row .link {
height: 100%;
}
.title-row h2, .title-row .h2 {
margin-bottom: 0;
}
.title-row h2 > *, .title-row .h2 > * {
padding-top: 16px;
}
.hairquiz-banner {
min-height: 747px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 72px 100px 0;
}
.hairquiz-banner__content {
max-width: 800px;
position: relative;
margin: 0 auto;
color: #656565;
z-index: 1;
text-align: center;
font-size: 18px;
}
.hairquiz-banner__content h2, .hairquiz-banner__content .h2 {
margin-bottom: 24px;
}
.hairquiz-banner__content p {
margin-bottom: 24px;
}
.partners-slide {
padding: 0 40px;
display: flex !important;
justify-content: center;
}
.partners-slider {
max-width: 850px;
margin: 0 auto;
position: static;
}
.partners-slider .slick-list {
padding: 33px 0;
padding-bottom: 33px;
}
.partners-slider-wrap {
position: relative;
}
.partners-slide__box {
padding: 44px 15px;
border-radius: 50%;
text-align: center;
display: inline-flex;
justify-content: center;
align-items: center;
width: 130px;
height: 130px;
background: #fff;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}
.partners-slide__box img {
display: inline-block;
max-width: 100px;
}
.slick-arrow {
position: absolute;
width: 46px;
height: 46px;
border-radius: 50%;
border: 2px solid #E7E7E7;
top: 50%;
font-size: 0;
cursor: pointer;
background: #fff;
transform: translateY(-50%);
overflow: hidden;
transition: all 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17);
}
.slick-arrow:hover {
background-color: #A3A55D;
border: 2px solid #A3A55D;
}
.slick-arrow:hover::before {
background-position: 0 0;
}
.slick-arrow.slick-prev {
left: 0px;
}
.slick-arrow.slick-prev::before {
transform: translate(-50%, -50%) rotate(180deg);
}
.slick-arrow.slick-next {
right: 0px;
}
.slick-arrow:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 1;
width: 18px;
height: 13px;
background-image: url("data:image/svg+xml,%3Csvg width='36' height='13' viewBox='0 0 36 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.2929 11.1506L32.5858 7.58332L19 7.58332C18.4477 7.58332 18 7.09831 18 6.5C18 5.90169 18.4477 5.41668 19 5.41668L32.5858 5.41668L29.2929 1.84938C28.9024 1.42632 28.9024 0.740358 29.2929 0.317297C29.6835 -0.105764 30.3166 -0.105764 30.7072 0.317297L35.7072 5.73391C35.7074 5.73411 35.7075 5.73432 35.7077 5.73447C35.7308 5.75955 35.7527 5.78586 35.7734 5.81328C35.7829 5.82582 35.7912 5.83903 35.8001 5.85193C35.8107 5.86731 35.8218 5.8824 35.8316 5.89844C35.8412 5.91388 35.8494 5.92988 35.8581 5.94572C35.8661 5.96024 35.8745 5.97441 35.8819 5.98934C35.8899 6.00549 35.8967 6.02204 35.9038 6.03855C35.9106 6.05414 35.9178 6.06948 35.9239 6.08542C35.93 6.10142 35.935 6.11777 35.9404 6.13402C35.946 6.15113 35.9521 6.16799 35.9569 6.18546C35.9615 6.20171 35.9648 6.21826 35.9686 6.23467C35.9728 6.25249 35.9774 6.27011 35.9807 6.28824C35.9842 6.30728 35.9863 6.32648 35.9888 6.34562C35.9909 6.36142 35.9937 6.37696 35.9951 6.393C36.0016 6.4641 36.0016 6.53575 35.9951 6.60684C35.9937 6.62284 35.9909 6.63838 35.9888 6.65422C35.9863 6.67337 35.9842 6.69261 35.9807 6.71161C35.9774 6.72979 35.9728 6.74736 35.9686 6.76518C35.9648 6.78164 35.9615 6.79814 35.9569 6.81439C35.9521 6.83186 35.946 6.84877 35.9404 6.86583C35.935 6.88208 35.93 6.89843 35.9239 6.91443C35.9179 6.93042 35.9106 6.94571 35.9038 6.9613C35.8967 6.97775 35.8899 6.99436 35.8819 7.01051C35.8745 7.02544 35.8661 7.0396 35.8581 7.05413C35.8494 7.06997 35.8412 7.08597 35.8316 7.10141C35.8218 7.11745 35.8107 7.13248 35.8001 7.14792C35.7912 7.16082 35.7829 7.17402 35.7734 7.18657C35.7527 7.21399 35.7308 7.24034 35.7077 7.26538C35.7075 7.26558 35.7074 7.26579 35.7072 7.26594L30.7072 12.6827C30.3166 13.1058 29.6835 13.1058 29.2929 12.6827C28.9024 12.2596 28.9024 11.5737 29.2929 11.1506Z' fill='black'/%3E%3Cpath d='M11.2929 11.1506L14.5858 7.58332L0.999989 7.58332C0.447705 7.58332 2.58244e-07 7.09831 2.84397e-07 6.5C3.1055e-07 5.90169 0.447706 5.41668 0.999989 5.41668L14.5858 5.41668L11.2929 1.84938C10.9024 1.42632 10.9024 0.740358 11.2929 0.317297C11.6835 -0.105764 12.3166 -0.105764 12.7072 0.317297L17.7072 5.73391C17.7074 5.73411 17.7075 5.73432 17.7077 5.73447C17.7308 5.75955 17.7527 5.78586 17.7734 5.81328C17.7829 5.82582 17.7912 5.83903 17.8001 5.85193C17.8107 5.86731 17.8218 5.8824 17.8316 5.89844C17.8412 5.91388 17.8494 5.92988 17.8581 5.94572C17.8661 5.96024 17.8745 5.97441 17.8819 5.98934C17.8899 6.00549 17.8967 6.02204 17.9038 6.03855C17.9106 6.05414 17.9178 6.06948 17.9239 6.08542C17.93 6.10142 17.935 6.11777 17.9404 6.13402C17.946 6.15113 17.9521 6.16799 17.9569 6.18546C17.9615 6.20171 17.9648 6.21826 17.9686 6.23467C17.9728 6.25249 17.9774 6.27011 17.9807 6.28824C17.9842 6.30728 17.9863 6.32648 17.9888 6.34562C17.9909 6.36142 17.9937 6.37696 17.9951 6.393C18.0016 6.4641 18.0016 6.53575 17.9951 6.60684C17.9937 6.62284 17.9909 6.63838 17.9888 6.65422C17.9863 6.67337 17.9842 6.69261 17.9807 6.71161C17.9774 6.72979 17.9728 6.74736 17.9686 6.76518C17.9648 6.78164 17.9615 6.79814 17.9569 6.81439C17.9521 6.83186 17.946 6.84877 17.9404 6.86583C17.935 6.88208 17.93 6.89843 17.9239 6.91443C17.9179 6.93042 17.9106 6.94571 17.9038 6.9613C17.8967 6.97775 17.8899 6.99436 17.8819 7.01051C17.8745 7.02544 17.8661 7.0396 17.8581 7.05413C17.8494 7.06997 17.8412 7.08597 17.8316 7.10141C17.8218 7.11745 17.8107 7.13248 17.8001 7.14792C17.7912 7.16082 17.7829 7.17402 17.7734 7.18657C17.7527 7.21399 17.7308 7.24034 17.7077 7.26538C17.7075 7.26558 17.7074 7.26579 17.7072 7.26594L12.7072 12.6827C12.3166 13.1058 11.6835 13.1058 11.2929 12.6827C10.9024 12.2596 10.9024 11.5737 11.2929 11.1506Z' fill='white'/%3E%3C/svg%3E");
background-position: 18px 0;
transition: all 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17);
}
.special-bg {
background-image: url(../image/special-bg.png);
background-position: center bottom;
background-size: cover;
background-color: #FFF4EC;
}
.special-offer-section {
padding: 32px 0;
min-height: 690px;
}
.special-offer-slide {
display: flex !important;
gap: 66px;
align-items: center;
}
.special-offer__img {
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
max-width: 100%;
}
.special-offer__img img {
display: block;
}
.special-offer__img__product {
position: relative;
}
.special-offer__img__product img {
position: relative;
z-index: 2;
display: block;
}
.special-offer__img__product::before {
content: "";
width: 167px;
top: 50%;
background: #A3A55D;
height: 3px;
left: 60%;
position: absolute;
}
.special-offer__content {
flex: 0 0 500px;
max-width: 500px;
font-size: 18px;
}
.special-offer__content .special-offer__arrows {
display: flex;
gap: 8px;
}
.special-offer__content .special-offer__arrows .slick-arrow {
transform: none;
position: relative;
}
.special-offer__content h2 {
font-size: 3.5555555556rem;
margin-bottom: 12px;
}
.special-offer__content p {
margin-bottom: 22px;
}
.special-offer__content .sub-title {
display: flex;
gap: 20px;
font-size: 15px;
text-transform: uppercase;
color: #000;
align-items: center;
margin-bottom: 7px;
}
.special-offer__content .sub-title span {
background: #FF0000;
border-radius: 6px;
font-size: 12px;
font-weight: 700;
text-align: center;
padding: 7px 12px;
color: #fff;
}
.special-offer-items {
display: flex;
flex-wrap: wrap;
--cols: 2;
--gap: 26px;
gap: var(--gap);
}
.special-offer-items-section {
padding: 50px 0;
}
.special-offer-item {
padding: 27px 25px;
flex-basis: calc(100% / var(--cols) - var(--gap) + var(--gap) / (var(--cols)) / var(--cols) * (var(--cols)));
background: #fff;
}
.special-offer-item__content {
padding: 15px;
z-index: 1;
position: relative;
color: #656565;
}
.special-offer-item__content .btn {
min-width: 189px;
text-align: center;
}
.special-offer-item__content p {
margin-bottom: 16px;
}
.special-offer-item__content h3, .special-offer-item__content .h3 {
font-weight: 700;
margin-bottom: 15px;
font-size: 32px;
}
.special-offer-item__content .sub-title {
display: flex;
gap: 20px;
text-transform: uppercase;
color: #000;
align-items: center;
margin-bottom: 15px;
font-size: 15px;
}
.special-offer-item__content .sub-title span {
background: #A3A55D;
border-radius: 6px;
font-size: 12px;
font-weight: 700;
text-align: center;
padding: 7px 12px;
color: #fff;
}
.special-offer-item img {
width: 100%;
display: block;
}
.popular-section {
padding: 25px 0;
}
.popular-arrows, .products-arrows, .blog-list-arrows,.product-video-arrows {
display: flex;
gap: 8px;
padding: 42px 0 0;
justify-content: center;
}
.popular-arrows .slick-arrow, .products-arrows .slick-arrow, .blog-list-arrows .slick-arrow,.product-video-arrows .slick-arrow {
transform: none;
position: relative;
}
.popular-slide {
padding: 0 16px;
height: auto;
}
.popular-slider .slick-list {
margin: 0 -16px;
}
.popular-slider .slick-track {
display: flex;
}
.popular-slide__title {
font-size: 32px;
color: #3C3C3C;
font-weight: 700;
margin-bottom: 25px;
}
.popular-slide__img {
margin: auto 0 0 auto;
}
.popular-slide__box {
padding: 25px 12px;
height: 100%;
border-radius: 5px;
border: 1px solid #A3A55D;
display: flex;
flex-direction: column;
}
.popular-slide__box:hover {
background: #A3A55D;
color: #fff;
background: linear-gradient(180deg, rgb(163, 165, 93) 0%, rgb(73, 74, 15) 100%);
}
.popular-slide__box:hover .popular-slide__title {
color: #fff;
}
.popular-slide__box:hover .popular-slide__img img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.choose-img {
margin-bottom: 24px;
}
.choose-img img {
display: block;
}
.choose-section {
padding: 60px 0;
}
.choose-section .title-wrap {
max-width: 600px;
color: #656565;
}
.choose-list {
display: flex;
gap: 90px 20px;
justify-content: space-between;
flex-wrap: wrap;
}
.choose-item {
max-width: 250px;
color: #8E8E8E;
font-size: 18px;
}
.choose-item:nth-child(4), .choose-item:nth-child(5) {
max-width: 390px;
margin: 0 auto;
}
.choose-item h3, .choose-item .h3 {
font-weight: 700;
font-size: 28px;
color: #232121;
line-height: 1;
margin-bottom: 15px;
}
.read-more-btn {
margin-top: 24px;
color: #C3C3C3;
display: table;
cursor: pointer;
font-size: 28px;
text-transform: none;
font-weight: 700;
line-height: 1.1;
border-bottom: 2px solid #C3C3C3;
}
.read-more-btn:hover {
border-bottom: 2px solid transparent;
}
.seo-section {
padding: 60px 0;
}
.seo-section + .category-related-links{
padding-top: 0;
}
.seo-button {
color: #C3C3C3;
display: table;
cursor: pointer;
font-size: 28px;
font-weight: 700;
line-height: 1.1;
border-bottom: 2px solid #C3C3C3;
}
.seo-button-wrap {
padding-top: 24px;
}
.seo-text-content {
max-height: 290px;
overflow: hidden;
}
.seo-text-content h1, .seo-text-content .h1 {
max-width: 700px;
margin-bottom: 32px;
}
.seo-text-content.show {
max-height: -webkit-max-content;
max-height: max-content;
animation: expand 300ms forwards;
}
@keyframes expand {
0% {
opacity: 0;
transform: translateY(-120px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.rating-wrap{
display: flex;
align-items: center;
gap: 15px;
}
.rating-wrap .reviews-btn{
color: #333;
font-size: 14px;
line-height: 1;
cursor: pointer;
}
.rating-wrap .reviews-btn:hover{
color:#A3A55D;
text-decoration: underline;
}
.rating {
--percent-fill: calc(attr(data-rating type()) * 20%);
}
.rating figure {
width: 87px;
height: 14px;
background: linear-gradient(to right, #FFCC00 var(--percent-fill), #cacaca var(--percent-fill));
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20155.08%20148.14%22%3E%3Cdefs%3E%3Cstyle%3E%20%20%20%20%20%20.cls-1%20%7B%20%20%20%20%20%20%20%20fill%3A%20%23cacaca%3B%20%20%20%20%20%20%7D%20%20%20%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M104.08%2C44.88l45.28%2C6.23c4.32%2C1.31%2C7.5%2C6.2%2C4.62%2C10.49l-33.5%2C33.39%2C7.47%2C44.6c.78%2C5.62-4.61%2C10.17-10.06%2C7.98l-40.47-21.16-43.03%2C21.71c-4%2C.32-7.84-3.57-7.56-7.56l7.54-45.58L1.48%2C61.99c-3.35-4-.57-9.44%2C4.02-10.88l45.44-6.56c7.56-14.34%2C13.32-30.24%2C22.6-43.4%2C3.67-2.26%2C7.99-1.09%2C10.24%2C2.53l20.31%2C41.19Z%22%2F%3E%3C%2Fsvg%3E");
mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20155.08%20148.14%22%3E%3Cdefs%3E%3Cstyle%3E%20%20%20%20%20%20.cls-1%20%7B%20%20%20%20%20%20%20%20fill%3A%20%23cacaca%3B%20%20%20%20%20%20%7D%20%20%20%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M104.08%2C44.88l45.28%2C6.23c4.32%2C1.31%2C7.5%2C6.2%2C4.62%2C10.49l-33.5%2C33.39%2C7.47%2C44.6c.78%2C5.62-4.61%2C10.17-10.06%2C7.98l-40.47-21.16-43.03%2C21.71c-4%2C.32-7.84-3.57-7.56-7.56l7.54-45.58L1.48%2C61.99c-3.35-4-.57-9.44%2C4.02-10.88l45.44-6.56c7.56-14.34%2C13.32-30.24%2C22.6-43.4%2C3.67-2.26%2C7.99-1.09%2C10.24%2C2.53l20.31%2C41.19Z%22%2F%3E%3C%2Fsvg%3E");
-webkit-mask-repeat: space;
mask-repeat: space;
}
.testimonials-bg {
width: 478px;
height: 100%;
border-radius: 6px;
overflow: hidden;
position: absolute;
right: 0;
background-position: right center;
background-repeat: no-repeat;
background-size: cover;
top: 0;
}
.testimonials-section {
padding: 60px 0;
}
.testimonials-section .container {
padding-top: 55px;
padding-bottom: 10px;
position: relative;
}
.testimonials-slide {
margin-right: 5px;
}
.testimonials-slide__content {
padding: 70px 60px 40px;
background: #F8F8F8;
color: #2F3331;
font-size: 20px;
border-radius: 6px;
}
.testimonials-slider {
max-width: 900px;
}
.testimonials-slide__author {
display: flex;
align-items: center;
padding: 40px 0 0;
gap: 18px;
}
.testimonials-arrows, .testimonials-product-arrows {
display: flex;
gap: 8px;
padding: 32px 0 0;
justify-content: flex-start;
}
.testimonials-arrows .slick-arrow, .testimonials-product-arrows .slick-arrow {
transform: none;
position: relative;
}
.testimonials-product-arrows {
justify-content: center;
}
.testimonials-product-section {
padding: 60px 0;
}
.testimonials-product-slider .slick-list {
margin: 0 -13px;
}
.testimonials-product-slide {
padding: 0 13px;
}
.testimonials-product-slide__content {
max-width: 255px;
color: #2F3331;
font-size: 20px;
}
.testimonials-product-slide__author {
padding: 52px 0 0;
display: flex;
gap: 20px;
align-items: center;
}
.testimonials-product-slide img {
display: block;
width: 100%;
}
.testimonials-product-slide__img {
max-width: 137px;
flex: 1;
}
.testimonials-product-slide__box {
display: flex;
align-items: center;
gap: 55px;
padding: 20px 50px 32px 56px;
border-radius: 6px;
background: #F8F8F8;
}
.author-img {
flex: 0 0 59px;
max-width: 59px;
border-radius: 50%;
height: 59px;
overflow: hidden;
}
.author-img img {
height: 100%;
object-fit: cover;
display: block;
}
.author-info h3, .author-info .h3 {
font-size: 20px;
font-weight: 700;
margin-bottom: 4px;
color: #2F3331;
}
.time,
time {
padding-left: 17px;
font-size: 11px;
display: block;
margin-bottom: 12px;
position: relative;
color: #A3A3A3;
font-weight: 500;
}
.time::after,time::after {
content: "";
background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 9.96875V4.125H9.625V9.96875C9.625 10.5488 9.15234 11 8.59375 11H1.03125C0.451172 11 0 10.5488 0 9.96875ZM6.875 5.75781V6.61719C6.875 6.76758 6.98242 6.875 7.13281 6.875H7.99219C8.12109 6.875 8.25 6.76758 8.25 6.61719V5.75781C8.25 5.62891 8.12109 5.5 7.99219 5.5H7.13281C6.98242 5.5 6.875 5.62891 6.875 5.75781ZM6.875 8.50781V9.36719C6.875 9.51758 6.98242 9.625 7.13281 9.625H7.99219C8.12109 9.625 8.25 9.51758 8.25 9.36719V8.50781C8.25 8.37891 8.12109 8.25 7.99219 8.25H7.13281C6.98242 8.25 6.875 8.37891 6.875 8.50781ZM4.125 5.75781V6.61719C4.125 6.76758 4.23242 6.875 4.38281 6.875H5.24219C5.37109 6.875 5.5 6.76758 5.5 6.61719V5.75781C5.5 5.62891 5.37109 5.5 5.24219 5.5H4.38281C4.23242 5.5 4.125 5.62891 4.125 5.75781ZM4.125 8.50781V9.36719C4.125 9.51758 4.23242 9.625 4.38281 9.625H5.24219C5.37109 9.625 5.5 9.51758 5.5 9.36719V8.50781C5.5 8.37891 5.37109 8.25 5.24219 8.25H4.38281C4.23242 8.25 4.125 8.37891 4.125 8.50781ZM1.375 5.75781V6.61719C1.375 6.76758 1.48242 6.875 1.63281 6.875H2.49219C2.62109 6.875 2.75 6.76758 2.75 6.61719V5.75781C2.75 5.62891 2.62109 5.5 2.49219 5.5H1.63281C1.48242 5.5 1.375 5.62891 1.375 5.75781ZM1.375 8.50781V9.36719C1.375 9.51758 1.48242 9.625 1.63281 9.625H2.49219C2.62109 9.625 2.75 9.51758 2.75 9.36719V8.50781C2.75 8.37891 2.62109 8.25 2.49219 8.25H1.63281C1.48242 8.25 1.375 8.37891 1.375 8.50781ZM8.59375 1.375C9.15234 1.375 9.625 1.84766 9.625 2.40625V3.4375H0V2.40625C0 1.84766 0.451172 1.375 1.03125 1.375H2.0625V0.34375C2.0625 0.171875 2.21289 0 2.40625 0H3.09375C3.26562 0 3.4375 0.171875 3.4375 0.34375V1.375H6.1875V0.34375C6.1875 0.171875 6.33789 0 6.53125 0H7.21875C7.39062 0 7.5625 0.171875 7.5625 0.34375V1.375H8.59375Z' fill='%23B8B8B8'/%3E%3C/svg%3E%0A");
height: 11px;
width: 10px;
position: absolute;
left: 0;
top: 1px;
}
.blog-list-section {
padding: 60px 0;
}
.blog-list-section .title-row {
margin-bottom: 42px;
}
.blog-list-slider .slick-list {
margin: 0 -8px;
}
.blog-list-slide__img {
margin-bottom: 19px;
}
.blog-list-slide__img img {
display: block;
width: 100%;
border-radius: 6px;
transition: all 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17);
height: 253px;
object-fit: cover;
}
.blog-list-slide__content .h3, .blog-list-slide__content h3 {
font-size: 20px;
font-weight: 700;
margin-bottom: 12px;
color: #232121;
transition: all 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17);
}
.blog-list-slide__content .time, .blog-list-slide__content time {
font-size: 12px;
}
.blog-list-slide__content .time::after, .blog-list-slide__content time::after {
top:3px;
}
.blog-list-slide__box {
padding: 0 8px;
display: block;
}
.blog-list-slide__box:hover .blog-list-slide__img img {
-webkit-filter: brightness(0.8);
filter: brightness(0.8);
}
.blog-list-slide__box:hover .blog-list-slide__content .h3, .blog-list-slide__box:hover .blog-list-slide__content h3 {
color: #A3A55D;
}
.input-row {
display: flex;
gap: 20px;
flex-wrap: wrap;
justify-content: center;
}
.subform-section {
padding: 40px 0;
}
.subform-section .input-checkbox {
margin-bottom: 60px;
}
.subform-content {
max-width: 886px;
margin: 0 auto;
text-align: center;
}
.subform-content .input-wrap {
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
margin-bottom: 20px;
}
.subform-content h2 {
font-size: 2.2222222222rem;
color: #171717;
margin-bottom: 32px;
}
.subform-content p {
margin-bottom: 32px;
color: #656565;
}
.media-section {
padding: 60px 0;
}
.media-section h2, .media-section .h2 {
text-align: center;
margin-bottom: 42px;
}
.media-logos {
display: flex;
flex-wrap: wrap;
--cols: 4;
--gap: 11px;
gap: var(--gap);
}
.media-logo {
flex-basis: calc(100% / var(--cols) - var(--gap) + var(--gap) / (var(--cols)) / var(--cols) * (var(--cols)));
overflow: hidden;
background: #A3A55D;
border-radius: 6px;
}
.media-logo img {
width: 100%;
display: block;
}
.breadcrumb-section{
padding: 24px 0 46px;
}
.breadcrumb li:first-child{
line-height: 24px;
}
.breadcrumb li:first-child a{
line-height: 24px;
}
.breadcrumb .fa-home{
width: 24px;
display: block;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' style=''%3E%3Cpath d='M19 7.90637V18C19 19.1046 18.1046 20 17 20H7C5.89543 20 5 19.1046 5 18V7.90637M2 10.0001L10.8531 3.80297C11.5417 3.32092 12.4583 3.32092 13.1469 3.80297L22 10.0001' stroke='%23A3A55D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.breadcrumb .fa-home:hover{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23A3A55D' style=''%3E%3Cpath d='M19 7.90637V18C19 19.1046 18.1046 20 17 20H7C5.89543 20 5 19.1046 5 18V7.90637M2 10.0001L10.8531 3.80297C11.5417 3.32092 12.4583 3.32092 13.1469 3.80297L22 10.0001' stroke='%23A3A55D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.breadcrumb {
list-style: none;
padding: 0;
margin: 0;
align-items: center;
display: flex;
}
.breadcrumb li {
font-size: 20px;
color: #212121;
font-weight: 400;
}
.breadcrumb li:last-child a {
color: #212121;
font-weight: 600;
pointer-events: none;
}
.breadcrumb li + li {
margin-left: 12px;
position: relative;
padding-left: 10px;
}
.breadcrumb li + li::before {
content: "/";
color: #A6A2A2;
position: absolute;
left: -3px;
top: 0;
}
.breadcrumb li a {
color: #A6A2A2;
display: block;
text-decoration: none;
font-weight: 400;
}
.breadcrumb li a:hover {
text-decoration: underline;
}
.banner-page {
display: flex;
align-items: center;
position: relative;
margin-bottom: 48px;
overflow: hidden;
background-position: center;
background-size: cover;
}
.banner-page::after {
content: "";
width: 1139px;
height: 254px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-image: url("data:image/svg+xml,%0A%3Csvg width='1139' height='254' viewBox='0 0 1139 254' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_77_41302)'%3E%3Cellipse cx='569.078' cy='120.128' rx='369.078' ry='86.4902' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_77_41302' x='0' y='-166.362' width='1138.16' height='572.98' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_77_41302'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.banner-page_section {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
}
.banner-page_section h1, .banner-page_section .h1, .banner-page_section h2, .banner-page_section .h2 {
margin-bottom: 20px;
}
.banner-page .container {
min-height: 254px;
flex-grow: 1;
width: 100%;
display: flex;
}
.banner-page.sm .container{
min-height: 186px;
}
.banner-page + .brands-page {
margin-top: -15px;
}
.blog-page {
padding-bottom: 88px;
}
.blog-page-section {
padding: 75px 0;
}
.blog-page-section .title-row {
margin: 0 0 40px 0;
}
.blog-page_items {
display: flex;
flex-wrap: wrap;
--cols: 3;
--gap: 32px;
gap: var(--gap);
margin-bottom: 62px;
}
@media only screen and (max-width : 1080px) {
.blog-page_items {
--cols: 2;
}
}
@media only screen and (max-width : 767px) {
.blog-page_items {
--cols: 1;
}
}
.blog-page_item {
flex-basis: calc(100% / var(--cols) - var(--gap) + var(--gap) / (var(--cols)) / var(--cols) * (var(--cols)));
}
.blog-page_item_content {
padding: 10px 22px 0;
}
.blog-page_item_content .btn {
text-align: center;
display: block;
color: #212121;
font-weight: 600;
font-size: 16px;
margin: 0 -22px;
background: #F7F7F7;
border-radius: 0;
box-shadow: none;
}
.blog-page_item_content .btn:hover {
background: #A3A55D;
color: #fff;
}
.blog-page_item_content a {
color: #232121;
}
.blog-page_item_content h3, .blog-page_item_content .h3 {
font-size: 18px;
margin-bottom: 14px;
color: #232121;
font-weight: 700;
}
.blog-page_item_content p {
margin-bottom: 20px;
}
.blog-page_item_img img {
width: 100%;
display: block;
}
.blog-page_item_row {
margin-bottom: 15px;
font-size: 14px;
color: #A6A2A2;
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}
.blog-page_item_row time {
font-weight: 500;
}
.blog-page_item_row .author {
font-weight: 600;
color: #212121;
display: flex;
gap: 5px;
}
.blog-page_item_row .author span {
font-weight: 500;
color: #A6A2A2;
}
.blog-page_navigation {
margin-bottom: 35px;
}
.blog-page_navigation_list {
display: flex;
justify-content: center;
gap: 10px;
}
.blog-page_navigation_list li.active a {
background: #A3A55D;
color: #fff;
}
.blog-page_navigation_list a {
color: #212121;
font-size: 18px;
font-weight: 500;
background: #F7F7F7;
padding: 8px 15px;
border-radius: 3px;
}
.blog-page_navigation_list a:hover {
background: #A3A55D;
color: #fff;
}
.pagination-container{
display: flex;
justify-content: center;
}
.pagination {
display: flex;
gap: 11px;
justify-content: center;
max-width: 920px;
margin: 0 auto;
}
.pagination .active a, .pagination .active span {
background: #A3A55D;
color: #fff;
}
.pagination a, .pagination span {
display: block;
padding: 9px 15px;
font-size: 18px;
font-weight: 500;
color: #000000;
background: #F7F7F7;
width: 44px;
text-align: center;
font-weight: 900;
height: 45px;
}
.pagination a:hover, .pagination span:hover {
background: #A3A55D;
color: #fff;
}
.pagination .pagination-prev a,
.pagination .pagination-next a {
color: #979899;
font-size: 17px;
text-align: center;
background: none;
font-weight: 700;
width: auto;
height: auto;
font-weight: 700;
display: block;
position: relative;
}
.pagination .pagination-prev a::after,
.pagination .pagination-next a::after {
content: "";
width: 8px;
height: 12px;
top: 49%;
transform: translateY(-50%);
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.316406 5.09766L5.09766 0.316406C5.44922 0 5.97656 0 6.29297 0.316406L7.10156 1.125C7.41797 1.44141 7.41797 2.00391 7.10156 2.32031L3.69141 5.69531L7.10156 9.10547C7.41797 9.42188 7.41797 9.94922 7.10156 10.3008L6.29297 11.0742C5.97656 11.4258 5.44922 11.4258 5.09766 11.0742L0.316406 6.29297C0 5.97656 0 5.44922 0.316406 5.09766Z' fill='%23979899'/%3E%3C/svg%3E%0A");
}
.pagination .pagination-prev a:hover,
.pagination .pagination-next a:hover {
color: #A3A55D;
background: none;
}
.pagination .pagination-prev a:hover::after,
.pagination .pagination-next a:hover::after {
-webkit-filter: brightness(0) saturate(100%) invert(65%) sepia(7%) saturate(2262%) hue-rotate(23deg) brightness(98%) contrast(85%);
filter: brightness(0) saturate(100%) invert(65%) sepia(7%) saturate(2262%) hue-rotate(23deg) brightness(98%) contrast(85%);
}
.pagination .pagination-next {
margin-left: auto;
}
.pagination .pagination-next a {
padding-right: 21px;
}
.pagination .pagination-next a::after {
right: 0;
transform: translateY(-50%) rotate(180deg);
}
.pagination .pagination-prev {
margin-right: auto;
}
.pagination .pagination-prev a {
padding-left: 21px;
}
.pagination .pagination-prev a::after {
left: 0;
}
.subcribe-section {
padding: 64px 0;
background-size: cover;
background-position: center;
}
.subcribe-section_content {
max-width: 590px;
margin: 0 auto;
}
.subcribe-section_content h2, .subcribe-section_content .h2 {
text-align: center;
color: #fff;
font-size: 35px;
font-weight: 700;
margin-bottom: 19px;
}
.subcribe-section_content .input-checkbox {
color: #fff;
}
.subcribe-section_content .input-row {
margin-bottom: 19px;
}
.subcribe-section_content .input-row .input-wrap {
flex: 0 0 420px;
max-width: 420px;
}
.post-single {
margin-bottom: 50px;
}
.post-single > .container > .row {
gap: 20px;
}
.post-single__content {
max-width: 882px;
width: 100%;
}
.author {
margin-bottom: 20px;
font-weight: 700;
color: #8B8B8B;
}
.author-info span {
color: #A3A55D;
margin-left: 4px;
display: inline-block;
}
.author .row {
align-items: center;
gap: 13px;
}
.contents {
font-size: 18px;
line-height: 1.444;
overflow: hidden;
margin-bottom: 42px;
}
.contents .status {
border-radius: 3px;
padding: 5px 15px;
font-weight: 500;
display: inline-block;
color: #fff;
margin-bottom: 17px;
background: #A3A55D;
}
@media only screen and (max-width: 570px) {
.contents {
font-size: 16px;
line-height: 1.5;
}
}
.contents h1, .contents .h1 {
font-size: 35px;
font-weight: 700;
color: #363636;
margin-bottom: 16px;
}
@media only screen and (max-width : 1279px) {
.contents h1, .contents .h1 {
font-size: 32px;
}
}
.contents h2, .contents .h2 {
font-size: 24px;
font-weight: 600;
color: #212121;
margin-bottom: 16px;
}
@media only screen and (max-width : 767px) {
.contents h2, .contents .h2 {
font-size: 24px;
}
}
.contents h3, .contents .h3 {
font-size: 22px;
font-weight: 600;
color: #212121;
margin-bottom: 16px;
}
@media only screen and (max-width : 767px) {
.contents h3, .contents .h3 {
font-size: 22px;
}
}
.contents > img, .contents > p {
margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
.contents > img, .contents > p {
margin-bottom: 26px;
}
}
.contents p + p {
margin-top: -15px;
}
.contents ul, .contents ol {
margin-bottom: 16px;
display: flex;
flex-wrap: wrap;
color: #000;
}
.contents ul li, .contents ol li {
flex: 0 0 50%;
position: relative;
max-width: 50%;
margin-bottom: 16px;
}
@media only screen and (max-width : 767px) {
.contents ul li, .contents ol li {
flex: 0 0 100%;
max-width: 100%;
}
}
.contents ul li {
position: relative;
gap: 24px;
padding-left: 34px;
}
.contents ul li:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_669)'%3E%3Cpath d='M15.9544 4.28955C15.9441 4.24185 15.9226 4.1958 15.8729 4.15671C15.4197 3.79795 14.3484 2.35129 13.6448 2.59113C12.6632 2.92604 7.26717 10.0252 6.07095 11.5897C5.65322 10.9928 2.17389 6.22019 1.99932 6.32719C1.40137 6.69258 0.784218 7.00497 0.213109 7.4174C0.149174 7.46378 0.116378 7.52374 0.106771 7.58502C0.0285914 7.64598 -0.0214304 7.74701 0.00904647 7.87058C0.499326 9.86151 2.16628 11.4294 3.35686 12.9976C4.04822 13.9083 5.01221 16.2007 6.31179 15.1184C6.33398 15.0999 6.34723 15.0787 6.36181 15.0571C6.61689 14.9531 6.83519 14.7507 7.06377 14.5043C8.05427 13.4376 8.92617 12.2655 9.84511 11.1352C10.8273 9.92677 11.9169 8.79548 12.9958 7.67977C13.9379 6.7055 14.7747 5.41554 15.8852 4.65362C16.0236 4.55788 16.024 4.39986 15.9544 4.28955ZM3.12861 7.80267C2.81722 7.52738 2.49456 7.25972 2.15766 7.00199C2.52073 7.22692 2.84107 7.49757 3.12861 7.80267ZM1.63558 8.03124C1.569 7.9683 1.49446 7.95538 1.42655 7.97095C1.38382 7.8517 1.34837 7.73178 1.32916 7.61285C1.31657 7.536 1.2788 7.47935 1.22978 7.44125C1.24965 7.42634 1.2682 7.41144 1.28874 7.39686C1.29239 7.45218 1.31226 7.50751 1.35433 7.55786C2.10665 8.44798 2.95437 9.24237 3.71927 10.1206C3.80705 10.2216 3.89285 10.3236 3.97898 10.425C3.16638 9.65513 2.44984 8.79681 1.63558 8.03124ZM4.68393 13.9742C4.75979 14.0617 4.83532 14.1495 4.91283 14.2353C5.00261 14.3578 5.09338 14.4804 5.18712 14.6013C5.18746 14.6026 5.18779 14.6043 5.18812 14.6053C5.00426 14.4397 4.83532 14.2058 4.68393 13.9742ZM4.92741 12.0333C5.15035 12.2301 5.38357 12.4176 5.62871 12.568C5.62274 12.6071 5.62573 12.6452 5.63533 12.6819C5.63831 12.6982 5.64494 12.7144 5.65123 12.7303C5.41703 12.4918 5.17288 12.2622 4.92741 12.0333ZM6.01166 14.591C6.01099 14.5887 6.01132 14.5864 6.01033 14.5848C6.00238 14.5665 5.9931 14.5503 5.98515 14.5324C6.2124 14.5298 6.50988 14.3611 6.83652 14.0984C6.54798 14.3708 6.26276 14.5626 6.01166 14.591ZM13.7518 3.22717C13.5398 3.31959 13.3632 3.46204 13.2052 3.62933C13.3615 3.40605 13.5272 3.23446 13.7518 3.22717ZM8.50612 10.097C8.37957 10.2299 8.15298 10.431 7.87969 10.6774C8.12118 10.4359 8.37162 10.2064 8.59655 9.97712C9.33032 9.2311 9.89844 8.31614 10.4908 7.44158C11.1626 6.78236 11.8586 6.15493 12.5006 5.46191C12.9229 5.00542 13.183 4.27365 13.6769 3.88375C13.3476 4.23092 13.0876 4.73246 12.8656 5.21446C12.5135 5.58548 12.2021 6.00487 11.8755 6.411C10.8383 7.70229 9.64535 8.90149 8.50612 10.097ZM12.8448 7.00961C12.3223 7.64266 11.736 8.21907 11.1785 8.82066C11.5992 8.29328 12.0169 7.76325 12.4005 7.20473C12.4307 7.16067 12.4671 7.09872 12.5072 7.02286C12.642 6.88803 12.7768 6.75354 12.909 6.61639C13.292 6.21754 13.7471 5.77927 14.0264 5.26912C14.2493 4.96932 14.4935 4.67184 14.7694 4.49295C14.3696 5.4003 13.4 6.33746 12.8448 7.00961Z' fill='%23797A44'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_669'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.984375)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
width: 16px;
height: 17px;
position: absolute;
left: 1px;
top: 2px;
}
.contents ol {
counter-reset: item;
}
.contents ol li {
counter-increment: item;
}
.contents ol li::before {
content: counter(item) ".";
color: #797A44;
margin-right: 6px;
}
.navigation-blog {
margin-bottom: 48px;
display: flex;
justify-content: space-between;
}
.navigation-blog-img {
width: 78px;
flex: 0 0 78px;
max-width: 78px;
}
.navigation-blog-text span {
color: #979899;
display: block;
margin-bottom: 9px;
font-size: 13px;
position: relative;
padding-left: 22px;
}
.navigation-blog-text span::after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 12px;
background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.316406 5.09766L5.09766 0.316406C5.44922 0 5.97656 0 6.29297 0.316406L7.10156 1.125C7.41797 1.44141 7.41797 2.00391 7.10156 2.32031L3.69141 5.69531L7.10156 9.10547C7.41797 9.42188 7.41797 9.94922 7.10156 10.3008L6.29297 11.0742C5.97656 11.4258 5.44922 11.4258 5.09766 11.0742L0.316406 6.29297C0 5.97656 0 5.44922 0.316406 5.09766Z' fill='%23979899'/%3E%3C/svg%3E%0A");
}
.navigation-blog-link {
display: flex;
align-items: center;
gap: 15px;
color: #181818;
font-size: 15px;
flex: 0 0 270px;
max-width: 270px;
font-weight: 700;
line-height: 1.3;
}
.navigation-blog-link:hover {
color: #A3A55D;
}
.navigation-blog-link img {
width: 100%;
height: 74px;
object-fit: cover;
border-radius: 3px;
overflow: hidden;
}
.navigation-blog-link.next span {
text-align: right;
padding-left: 0;
padding-right: 22px;
}
.navigation-blog-link.next span::after {
left: auto;
right: 0;
transform: translateY(-50%) rotate(180deg);
}
.navigation-blog-link.next .navigation-blog-img {
order: 2;
}
.sidebar-details {
flex: 0 0 270px;
max-width: 270px;
}
.sidebar-details .blog-list__item {
display: flex;
gap: 15px;
padding: 12px 0;
border-bottom: 1px solid #E9E9E9;
}
.sidebar-details .blog-list__item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.sidebar-details .blog-list__item h3, .sidebar-details .blog-list__item .h3 {
font-size: 15px;
font-weight: 600;
color: #212121;
transition: color 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17);
line-height: 1.1;
margin-bottom: 0;
}
.sidebar-details .blog-list__item__box {
font-weight: 700;
}
.sidebar-details .blog-list__item__box .time,
.sidebar-details .blog-list__item__box time {
font-size: 13px;
color: #8B8B8B;
margin-bottom: 3px;
display: block;
padding: 0;
}
.sidebar-details .blog-list__item__box .time::after,
.sidebar-details .blog-list__item__box time::after {
display: none;
}
.sidebar-details .blog-list__item__box__img {
flex: 0 0 78px;
max-width: 78px;
height: 74px;
border-radius: 6px;
overflow: hidden;
}
.sidebar-details .blog-list__item__box__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sidebar-details .blog-list__item:hover h3, .sidebar-details .blog-list__item:hover .h3 {
color: #A3A55D;
}
@media only screen and (max-width : 767px) {
.sidebar-details {
flex: 0 0 100%;
max-width: 100%;
}
}
.sidebar-details__list {
font-size: 14px;
line-height: 1.1;
}
.sidebar-details__list li {
margin-bottom: 16px;
}
.sidebar-details__list li:last-child {
margin-bottom: 0;
}
.sidebar-details__list a {
color: #656565;
}
.sidebar-details__list a:hover {
color: #797A44;
}
.sidebar-details__box {
overflow: hidden;
border-radius: 5px;
background: #FAFAFA;
margin-bottom: 16px;
padding: 22px 26px;
}
.sidebar-details__box > h3, .sidebar-details__box > .h3 {
font-size: 16px;
font-weight: 700;
color: #1C1F23;
position: relative;
margin-bottom: 20px;
}
.sidebar-details__box > h3::after, .sidebar-details__box > .h3::after {
content: "";
width: 58px;
border-radius: 16px;
height: 4px;
background: #EEEEEE;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.sidebar-banner {
position: relative;
text-align: center;
margin-left: 26px;
border-radius: 5px;
min-height: 456px;
overflow: hidden;
padding: 27px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 50px;
}
.sidebar-banner .btn {
width: 100%;
}
.sidebar-banner h3, .sidebar-banner .h3 {
color: #A3A55D;
font-size: 24px;
font-weight: 700;
margin-bottom: 14px;
}
.sidebar-banner * {
position: relative;
z-index: 2;
}
.sidebar-banner::after {
z-index: 1;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(33, 33, 33, 0.82);
}
.products-list-section {
padding: 75px 0;
}
.products-list-section .title-row {
margin: 0 0 40px 0;
}
.brands-page {
padding-bottom: 100px;
}
@media only screen and (max-width : 859px) {
.brands-page {
padding-bottom: 50px;
}
}
.brands-page .container .h3, .brands-page .container h3 {
margin-bottom: 24px;
font-size: 18px;
}
.brands-items {
display: flex;
flex-wrap: wrap;
--cols: 4;
--gap: 56px;
gap: var(--gap);
padding-top: 6px;
overflow: hidden;
height: auto !important;
}
@media only screen and (max-width : 1080px) {
.brands-items {
--cols: 3;
--gap: 42px;
}
}
@media only screen and (max-width : 859px) {
.brands-items {
--cols: 2;
--gap: 32px;
}
}
@media only screen and (max-width : 479px) {
.brands-items {
--cols:1;
}
}
.brands-items__item {
position: static !important;
flex-basis: calc(100% / var(--cols) - var(--gap) + var(--gap) / (var(--cols)) / var(--cols) * (var(--cols)));
}
.brands-items__item .row {
gap: 19px;
}
.brands-items__item__list {
line-height: 1.2;
font-size: 18px;
}
.brands-items__item__list h3, .brands-items__item__list .h3 {
margin-bottom: 26px;
}
.brands-items__item__list a {
color: #3D3D3D;
}
.brands-items__item__list a:hover {
color: #A3A55D;
}
.brands-items__item__list li {
margin-bottom: 21px;
}
.brands-items__item__title {
padding: 8px 14.5px;
font-size: 12px;
margin-top: -5px;
font-weight: 500;
border-radius: 3px;
line-height: 1;
text-align: center;
height: 30px;
background: #F7F7F7;
}
.brands-filter {
margin-bottom: 32px;
}
.brands-filter .button-group {
display: flex;
gap: 5.5px;
flex-wrap: wrap;
}
@media only screen and (max-width : 1080px) {
.brands-filter .button-group {
gap: 8px;
}
}
.brands-filter .button-group button {
padding: 8px 14.5px;
font-size: 12px;
cursor: pointer;
font-weight: 500;
border-radius: 3px;
transition: all 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17);
line-height: 1;
text-align: center;
background: #F7F7F7;
}
.brands-filter .button-group button.is-checked {
background: #797A44;
color: #fff;
}
.brands-filter .button-group button:hover {
background: #A3A55D;
color: #fff;
}
@media only screen and (max-width : 859px) {
.brands-filter .button-group button {
font-size: 13px;
}
}
.trust-section {
padding: 35px 0 50px;
}
.trust-items {
justify-content: center;
}
.trust-item {
padding: 0 45px;
display: flex;
color: #979899;
font-weight: 700;
font-size: 17px;
align-items: center;
gap: 16px;
position: relative;
}
.trust-item::after {
content: "";
width: 1px;
height: 30px;
top: 50%;
position: absolute;
background: #979899;
transform: translateY(-50%);
right: 0;
}
.trust-item img {
display: block;
}
.trust-item:last-child::after {
display: none;
}
.products-list .product-layout{
padding: 0 10px;
}
.products-list.row{
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.products-list.row .product-layout{
flex: 0 0 33.33%;
max-width: 33.33%;
margin-bottom: 45px;
}
.product-thumb .caption{
padding: 16px 24px;
border-top:1px solid #fff;
background: #F7F7F7;
}
.product-thumb .caption h4{
color:#232121;
font-weight: 700;
font-size: 18px;
min-height: 62px;
line-height: 1.1;
}
.product-thumb .caption h4 a{
color:#232121;
}
.product-thumb .caption .price{
font-size: 24px;
display: flex;
gap: 14px;
color:#000;
font-weight: 700;
}
.products-list .slick-list{
margin: 0 -10px;
padding: 30px 0;
}
.product-thumb{
position: relative;
box-shadow: 0px 0px 0px 0px #0000001A;
transition: box-shadow 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17);
}
.product-thumb .image{
padding: 12px 0 24px;
min-height: 300px;
display: flex;
background: #fff;
align-items: center;
justify-content: center;
}
.product-thumb .image a{
display: flex;
justify-content: center;
align-items: center;
}
.product-thumb:hover{
box-shadow: 0px 0px 10px 6px #0000001A;
}
.product-thumb:hover .caption{
border-top:1px solid #efefef;
}
.product-thumb:hover .button-group{
opacity: 1;
}
.product-thumb .button-group{
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
flex-direction: column;
gap: 5px;
position: absolute;
left: 0;
transition: opacity 0.5s cubic-bezier(0.57, 0.4, 0.55, 1.17);
top:0;
width: 100%;
pointer-events: none;
height: 320px;
}
.product-thumb .button-group button{
pointer-events: auto;
display: flex;
gap: 12px;
justify-content: center;
text-transform: uppercase;
align-items: center;
box-shadow: none;
font-size: 14px;
width: 158px;
padding: 11.5px 15px;
border:0;
}
.product-thumb .button-group .btn-add{
background: #000;
}
.product-thumb .button-group .btn-add img{
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(133deg) brightness(107%) contrast(101%);
}
.products-list .caption .price-new{
color:#FF0000;
}
.products-list .caption .price-old{
font-weight: 700;
font-size: 24px;
text-decoration: line-through;
color: #A2A2A2;
}
.product-options-grid__values{
display: flex;
justify-content: center;
gap: 5px;
padding: 0 5px;
padding-bottom: 9px;
}
.product-options-grid__group .pog-btn{
padding: 3px 11px;
cursor: pointer;
border-radius: 8px;
transition: all 0.5s cubic-bezier(0.57, 0.4, 0.55, 1.17);
gap: 12px;
border:1px solid #A3A55D;
color: #A3A55D;
font-size: 12px;
font-weight: 700;
}
.product-options-grid__group .pog-btn.pog-error{
border-color: #f00;
color:#f00;
}
.product-options-grid__group .pog-btn:hover,
.product-options-grid__group .pog-btn.active,
.product-options-grid__group .pog-btn.pog-error:hover{
background: #A3A55D;
border:1px solid #A3A55D;
color: #fff;
}
.product-options-grid__group{
display: flex;
position: relative;
align-items: center;
justify-content: center;
}
.pog-required-msg{
display: none;
position: absolute;
bottom: calc(100% + 4px);
left: 0;
font-size: 14px;
width: 100%;
text-align: center;
}
.pog-required-msg.visible{
display: block;
text-align: center;
color:#f00;
}
.product-layout .xdstickers{
padding: 9px 15px;
border-radius: 2px;
color: #fff;
font-size: 12px;
line-height: 1;
font-weight: 700;
}
.product-layout .xdstickers.xdsticker_sale{
border-radius: 50%;
width: 43px;
height: 43px;
display: flex;
align-items: center;
justify-content: center;
}
.product-layout .xdstickers_wrapper.position_upright{
top:25px;
right:25px;
}
.product-layout .xdstickers_wrapper.position_upleft{
top:25px;
left:25px;
}
/* .category */
.category-related-links{
padding: 65px 0;
}
.related-links-grid{
display: flex;
flex-wrap: wrap;
margin: 0 -7px;
}
.related-links-grid a{
display: flex;
justify-content: space-between;
font-weight: 700;
font-size: 17px;
line-height: 1;
letter-spacing: -1%;
min-height: 67px;
color:#979899;
vertical-align: middle;
align-items: center;
border: 2px solid #E9E9E9;
border-radius: 5px;
padding: 12px;
}
.related-links-grid a:hover{
border-color: #A3A55D;
color: #A3A55D;
}
.related-link-card__icon{
max-width: 41px;
max-height: 41px;
margin-left: 12px;
}
.related-links-grid li{
flex:0 0 20%;
padding: 8px 7px;
max-width: 20%;
}
.catalog-page-list{
flex: 1;
min-width: 0;
}
.catalog-page-row{
gap: 70px;
}
.catalog-page aside{
flex: 0 0 250px;
max-width: 250px;
}
.category-slider{
width: 100%;
}
.catalog-page-container + .seo-section .seo-text-content{
max-height: 135px;
}
/* product */
.product-breadcrumb{
padding: 20px 0 42px;
}
.product-single-info-header{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
}
.product-code{
color: #8C8C8C;
font-weight: 700;
font-size: 16px;
}
.product-price{
display: flex;
align-items: center;
margin-bottom: 15px;
gap: 10px;
}
.product-price li h2{
font-size: 27px;
font-weight: 700;
margin-bottom: 0;
color:#585858;
}
.product-price .old-price{
color:#A2A2A2;
text-decoration: line-through;
font-size: 27px;
font-weight: 700;
}
.product-price .new-price h2{
color:#FF0000;
font-weight: 700;
}
.product-single > .container > .row{
gap: 65px;
}
.product-sidebar{
flex: 0 0 520px;
max-width: 520px;
}
.product-sidebar-gallery .slick-arrow{
z-index: 2;
width: 40px;
height: 40px;
background: #E9E9E9;
}
.product-sidebar-gallery .slick-arrow:hover{
background: #A3A55D;
}
.product-sidebar-gallery .slick-arrow::before{
width: 14px;
filter: brightness(0) saturate(100%) invert(29%) sepia(0%) saturate(520%) hue-rotate(304deg) brightness(98%) contrast(73%);
background-position: 14px 0;
}
.product-sidebar-gallery .thumbnails{
margin-bottom: 32px;
}
.product-sidebar-gallery .thumbnails-nav .slick-list{
margin: 0 50px;
}
.product-sidebar-gallery .thumbnails-nav li{
padding: 0 8px;
}
.product-sidebar-gallery .thumbnails-nav .thumbnail{
padding: 10px;
display: flex;
align-items: center;
background: #E9E9E9;
justify-content: center;
}
.product-sidebar-gallery .thumbnails .thumbnail{
padding: 32px;
display: flex;
align-items: center;
background: #E9E9E9;
justify-content: center;
border-radius: 5px;
}
.product-sidebar-gallery .thumbnails .thumbnail img{
max-width: 400px;
}
.product-single-info{
flex:1;
}
.product-single-info h1{
font-size: 45px;
color:#000;
margin-bottom: 6px;
font-weight: 700;
}
.custom-tab-accordion-content{
display: none;
color: #3D3D3D!important;
font-size: 18px!important;
font-weight: 500;
line-height: 1.3;
}
.custom-tab-accordion-content #review{
margin-bottom: 12px;
}
.custom-tab-accordion-content #review > .row{
font-size: 14px;
padding: 12px 0 0;
}
.custom-tab-accordion-item{
margin-bottom: 15px;
border-top:1px solid #E9E9E9;
}
.custom-tab-accordion-item:first-child{
border-top:1px solid transparent;
}
.custom-tab-accordion-item:last-child{
border-bottom:1px solid #E9E9E9;
}
.custom-tab-accordion-title{
padding: 12px 0 0;
color:#3D3D3D;
position: relative;
cursor: pointer;
font-size: 22px;
font-weight: 600;
}
.custom-tab-accordion-title::after{
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1006 11.5068H18.1006V13.5068H12.1006V19.5068H10.1006V13.5068H4.10059V11.5068H10.1006V5.50684H12.1006V11.5068Z' fill='%23A3A55D'/%3E%3C/svg%3E%0A");
width: 24px;
height: 24px;
position: absolute;
top:12px;
right: 2px;
}
.custom-tab-accordion-title.active::after{
transform: rotate(45deg);
}
.custom-tab-accordion-item:last-child .custom-tab-accordion-title,
.custom-tab-accordion-title.active{
padding-bottom: 12px;
}
.custom-tab-accordion-item:last-child .custom-tab-accordion-title.active + .custom-tab-accordion-content{
padding-bottom: 12px;
}
.product-option-wrap,.product-services-pay{
padding: 3px 0 15px;
border-bottom: 1px solid #E9E9E9;
}
.product-services-pay{
padding:12px 0 15px;
margin-bottom: 0;
}
.product-services-pay .row{
align-items: center;
gap: 18px;
color:#3D3D3D;
font-size: 17px;
}
.product-services-pay .row:first-child{
font-size: 18px;
font-weight: 500;
}
.product-services-pay .row:last-child{
font-size: 17px;
font-weight: 700;
gap: 24px;
}
.product-services-pay .row + .row{
margin-top: 15px;
}
.product-option-wrap .control-label{
display: block;
font-weight: 700;
margin-bottom: 15px;
font-size: 17px;
}
.product-free-shipping{
display: flex;
gap: 6px;
font-weight: 600;
font-style: italic;
font-size: 18px;
line-height: 1.3;
align-items: center;
color: #3D3D3D;
margin-bottom: 15px;
}
.product-option-row {
gap: 6px;
align-items: center;
flex-wrap: wrap;
}
.product-option-wrap .input-radio label{
border:1px solid #CBCBCB;
border-radius: 6px;
padding: 14px 10px;
font-weight: 700;
color:#3D3D3D;
text-align: center;
font-size: 15px;
min-height: 50px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
min-width: 65px;
}
.product-option-wrap .input-radio label:hover,
.product-option-wrap .input-radio input:checked + label{
background-color: #A3A55D;
color:#fff;
border-color: #A3A55D;
}
.product-option-wrap .input-radio label::before,
.product-option-wrap .input-radio label::after{
display: none;
}
.product-nav-btn{
padding: 17px 0;
gap: 23px;
border-bottom: 1px solid #E9E9E9;
display: flex;
align-items: center;
}
.btn-favorites{
width: 55px;
height: 55px;
display: flex;
padding: 15px;
align-items: center;
justify-content: center;
}
.quantity-wrap{
padding: 14px 11px;
border-radius: 6px;
border:1px solid #CBCBCB;
}
.quantity-wrap .quantity-count{
width: 29px;
height: 27px;
color:#3D3D3D;
line-height: 27px;
font-size: 17px;
font-weight: 700;
transition: background 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17), color 0.3s cubic-bezier(0.57, 0.4, 0.55, 1.17);
cursor: pointer;
background: #E9E9E9;
border:0;
}
.quantity-wrap .quantity-count:hover{
background-color: #A3A55D;
color:#fff;
}
.quantity-wrap input{
width: 52px;
font-size: 17px;
font-weight: 700;
height: 27px;
text-align: center;
}
#button-cart{
z-index: 2;
}
.product-trust-items{
padding-top: 20px;
display: flex;
align-items: center;
margin: 0 -11px;
}
.faq-section,.product-video-section{
padding: 65px 0;
}
.product-video-section + .faq-section{
padding-top: 35px;
}
.faq-section + .products-list-section{
padding-top: 15px;
}
.faq-section .title-row{
margin-bottom: 52px;
}
.faq-accordion{
margin-bottom: 54px;
}
.faq-accordion-item{
padding-top: 24px;
border-bottom: 2px solid #E9E9E9;
}
.faq-accordion-item:first-child{
padding-top: 0;
}
.faq-accordion-title{
position: relative;
padding: 11px 0;
cursor: pointer;
font-weight: 700;
font-size: 24px;
color:#3D3D3D;
line-height: 1.3;
transition: all 0.35s cubic-bezier(0.57, 0.4, 0.55, 1.17);
}
.faq-accordion-title.active::after{
transform: rotate(45deg);
}
.faq-accordion-title::after{
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5469 18.5881H29.2393V21.8186H19.5469V31.511H16.3164V21.8186H6.62402V18.5881H16.3164V8.89575H19.5469V18.5881Z' fill='%23A3A55D'/%3E%3C/svg%3E");
width: 39px;
height: 39px;
position: absolute;
right:20px;
bottom: 9px;
}
.faq-accordion-content{
display: none;
padding-bottom: 24px;
}
.product-video-section .title-row{
margin-bottom: 48px;
}
.product-video-slider .slick-list{
margin: 0 -3px;
}
.product-video-slide{
}
.product-video-slide_placeholder{
height: 305px;
background-position: center;
background-size: cover;
border-radius: 6px;
overflow: hidden;
position: relative;
}
.product-video-slide_placeholder_row{
position: absolute;
bottom: 18px;
left: 0;
width: 100%;
display: flex;
gap: 16px;
justify-content: center;
}
.product-video-slide_placeholder_play,
.product-video-slide_placeholder_audio{
flex:0 0 53px;
max-width: 53px;
position: relative;
border-radius: 50%;
height: 53px;
transition: all 0.35s cubic-bezier(0.57, 0.4, 0.55, 1.17);
border: 1px solid #A3A55D;
backdrop-filter: blur(4px);
cursor: pointer;
background: #A3A55D99;
}
.product-video-slide_placeholder_play::after,
.product-video-slide_placeholder_audio::after{
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='18' height='21' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9072 8.3003C18.2406 9.0701 18.2406 10.9946 16.9072 11.7644L3 19.7937C1.66667 20.5635 -9.98387e-07 19.6013 -9.31089e-07 18.0617L-2.29141e-07 2.00301C-1.61843e-07 0.463407 1.66667 -0.498844 3 0.270956L16.9072 8.3003Z' fill='white'/%3E%3C/svg%3E%0A");
width: 18px;
height: 21px;
position: absolute;
left: 50%;
top:50%;
transform: translate(-35%,-50%);
}
.product-video-slide_placeholder_audio::after{
width: 20px;
height: 21px;
transform: translate(-50%,-50%);
background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_579_127)'%3E%3Cpath d='M15.7006 17.628V20.4544C15.7006 20.7625 14.9391 21.2079 14.6586 20.8915L7.65324 15.0506C6.36216 14.7195 3.11565 15.7859 2.89238 13.736C2.6691 11.686 3.04358 9.20551 2.91039 7.11857C3.1368 6.24272 3.90064 5.97076 4.68798 5.95268L0.0375835 1.00073C-0.177074 0.302342 0.579712 -0.293339 1.13516 0.176633L19.8026 19.756C20.3314 20.3525 19.7062 21.23 19.0003 20.9244L15.9348 17.7496L15.6998 17.6272L15.7006 17.628Z' fill='white'/%3E%3Cpath d='M15.7006 13.2857L8.28711 5.53204L8.55739 5.1771L14.6571 0.10683C14.9399 -0.206211 15.7006 0.236647 15.7006 0.545579V13.2849V13.2857Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_579_127'%3E%3Crect width='20' height='21' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.product-video-slide_placeholder_audio{
border-color: #CDCDCD;
background: #B4B4B4B2;
}
.product-video-slide_placeholder_play:hover{
background: #A3A55D;
}
.product-video-slide_placeholder_audio:hover{
background: #B4B4B4;
}
.product-video-slide_card{
padding: 13px 0 0;
display: flex;
color:#232121;
}
.product-video-slide_card_img{
margin-right: 15px;
flex:0 0 70px;
max-width: 70px;
border-radius: 8px;
background: #F5F5F5;
display: flex;
align-items: center;
justify-content: center;
padding:8px;
}
.product-video-slide_card_name{
display: flex;
flex-direction: column;
}
.product-video-slide_card_name .price{
margin-top: auto;
font-weight: 700;
font-size: 16px;
line-height: 1.3;
}
.product-video-slide_card_name h3{
font-weight: 700;
font-size: 14px;
min-height: 55px;
line-height: 1.3;
}
.product-video-slide-wrap{
padding: 0 3px;
}
/* account */
.account-section{
padding: 65px 0;
}
.account-section > .container > .row{
gap: 15px;
}
.account-login-box{
height: 100%;
position: relative;
z-index: 1;
flex:0 0 calc(38.4% - 7.5px);
max-width: calc(38.4% - 7.5px);
background: #fff;
padding: 24px;
}
.account-login-box h3{
font-size: 21px;
font-weight: 600;
margin-bottom: 16px;
}
.account-login-box .btn{
min-width: 142px;
}
.account-login-box .input-wrap{
margin-bottom: 16px;
}
.account-login-box-content{
margin-bottom: 24px;
font-size: 16px;
}
.account-section aside{
flex:0 0 23.2%;
max-width: 23.2%;
}
.account-menu li{
margin-bottom: 15px;
}
.account-menu li a{
color: #3D3D3D;
font-size: 18px;
font-weight: 500;
line-height: 1.3;
}
.account-menu li a:hover{
text-decoration: underline;
}
.account-menu li:last-child a{
color: #9e2b2b;
}
.forgotten-link{
margin-bottom: 16px;
}
.account-register,.account-password,.account-account,.account-panel{
flex:1;
background: #fff;
padding: 24px;
height: 100%;
}
.account-panel .input-wrap{
margin-bottom: 16px;
}
.account-password{
height: 100%;
}
.account-register .input-row,
.account-panel .input-row,
.account-password .input-row{
gap: 30px;
}
.account-register .text,.forgotten-page .text,.account-password .text,.account-panel .text{
margin-bottom: 24px;
}
.account-register .input-row .input-wrap,
.account-password .input-row .input-wrap,
.account-panel .input-row .input-wrap{
flex:0 0 calc(50% - 15px);
max-width: calc(50% - 15px);
margin-bottom: 16px;
}
.account-register h1,.account-password h3,.account-account h2,.account-panel h2{
font-size: 24px;
margin-bottom: 24px;
}
.account-account h2{
margin-bottom: 12px;
}
.account-account ul{
margin-bottom: 24px;
}
.account-account ul li{
margin-bottom: 4px;
}
.account-account ul li a{
color: #A6A2A2;
font-size: 18px;
font-weight: 500;
line-height: 1.3;
}
.account-account ul li a:hover{
text-decoration: underline;
color:#A3A55D;
}
.account-account ul li:last-child{
margin-bottom: 0;
}
.account-register fieldset,.forgotten-page fieldset,.account-password fieldset,.account-panel fieldset{
padding: 12px 24px;
margin: 0;
border:1px solid #A6A2A2;
border-radius: 10px;
}
.account-password fieldset,.account-panel fieldset{
margin-bottom: 1px;
}
.account-register fieldset + fieldset,
.account-panel fieldset + fieldset{
margin-top: 24px;
}
.account-register fieldset legend,.forgotten-page fieldset legend,.account-password fieldset legend,.account-panel fieldset legend{
font-size: 20px;
font-weight: 600;
margin: 0 -2px;
}
.account-register .buttons,.forgotten-page .buttons,.account-password .buttons,.account-panel .buttons{
padding: 24px 0 0;
z-index: 1;
position: relative;
}
.account-register .input-checkbox,
.account-panel .input-checkbox{
margin-bottom: 20px;
font-size: 16px;
}
.account-panel .buttons .input-checkbox{
margin-bottom: 0;
}
.account-panel h2{
position: relative;
padding-bottom: 6px;
margin-bottom: 16px;
}
.account-panel h2::after{
content: "";
width: 58px;
height: 4px;
background: #A3A55D;
position: absolute;
bottom: -1px;
left: 0;
}
.agree,.account-register .text a,.forgotten-page .text a,.account-password .text a{
color: #A3A55D;
font-weight: 700;
text-decoration: underline;
}
.success-page .account-login-box,.forgotten-page .account-login-box{
flex:1;
max-width: 100%;
height: auto;
}
.success-page .account-login-box-content{
font-size: 18px;
}
/* ── Table wrapper ── */
.table.table-bordered {
width: 100%;
border-collapse: collapse;
font-size: 14px;
font-family: inherit;
}
/* ── Header ── */
.table.table-bordered thead tr {
border-bottom: 2px solid #8a8f45;
}
.table.table-bordered thead td {
padding: 10px 14px;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #6b6b6b;
background: #fff;
border: none;
}
.table.table-bordered thead td:last-child {
text-align: center;
}
/* ── Body rows ── */
.table.table-bordered tbody tr {
border-bottom: 1px solid #f0f0ee;
transition: background 0.15s;
}
.table.table-bordered tbody tr:hover {
background: #f8f8f4;
}
.table.table-bordered tbody td {
padding: 12px;
border: none;
vertical-align: middle;
color: #1a1a1a;
}
/* ── Product image ── */
.table.table-bordered tbody td img {
width: 64px;
height: 64px;
border-radius: 6px;
border: 1px solid #ebebeb;
object-fit: cover;
display: block;
margin: 0 auto;
}
/* ── Product name link ── */
.table.table-bordered tbody td a {
color: #1a1a1a;
text-decoration: none;
font-weight: 500;
font-size: 14px;
}
.table.table-bordered tbody td a:hover {
color: #797A44;
}
/* ── Model ── */
.table.table-bordered tbody td:nth-child(3) {
color: #888;
font-size: 13px;
}
/* ── Stock status ── */
.table.table-bordered tbody td:nth-child(4) {
font-weight: 500;
}
/* ── Price ── */
.table.table-bordered .price {
font-weight: 600;
font-size: 16px;
color: #1a1a1a;
font-variant-numeric: tabular-nums;
}
/* ── Buttons ── */
.table.table-bordered .btn {
border: none;
display: block;
border-radius: 6px;
padding: 6px 10px;
font-size: 13px;
cursor: pointer;
transition: opacity 0.15s, transform 0.1s;
}
.table.table-bordered .btn img{
border:0;
}
.table.table-bordered .btn + .btn{
margin-top: 5px;
}
.table.table-bordered .btn:hover {
opacity: 0.85;
transform: scale(0.97);
}
.table.table-bordered .btn-row{
gap: 6px;
}
.table.table-bordered .btn-primary {
background: #8a8f45;
color: #fff;
}
.table.table-bordered .btn-danger {
background: #fdeaea;
color: #9e2b2b;
}