@charset 'UTF-8';
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@import url("https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic"); html,body{height:100%;width:100%;margin:0;padding:0;left:0;top:0;font-size:100%;}
body{background-color: #FFF;} *{font-family: 'Rubik', sans-serif, sans-serif;color:#333447;line-height:1.5; box-sizing: border-box;}
a:hover{opacity: 0.8;} h1{font-size:2.5rem; font-weight: 500;}
h2 {
font-size: 30px;
line-height: 30px;
padding-bottom: 0;
margin-bottom: 0;
font-weight: 500;
}
h3{font-size:1.375rem; font-weight: 500;}
h4{font-size:1.125rem; font-weight: 500;}
h5{font-size:1rem; font-weight: 500;}
h6{font-size:0.875rem; font-weight: 500;}
p {
font-size: 17px;
font-weight: 200;
line-height: 24px;
}
img{
max-width:100%;
}
.site-main p a{
color: #333447;	
}
.font-light{font-weight:300;}
.font-regular{font-weight:400;}
.font-heavy{font-weight:700;} .left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;margin-left:auto;margin-right:auto;}
.justify{text-align:justify;}
strong {font-weight: 400;} .container {
width: 100%;
max-width: 1070px;
margin-left: auto;
margin-right: auto;
}
.row{position:relative;width:100%;}
.row [class^="col"]{float:left;margin:0.5rem 2%;min-height:0.125rem;}
.col-1{width:4.33%;}
.col-2{width:12.66%;}
.col-3{width:21%;}
.col-4{width:29.33%;}
.col-5{width:37.66%;}
.col-6{width:46%;}
.col-7{width:54.33%;}
.col-8{width:62.66%;}
.col-9{width:71%;}
.col-10{width:79.33%;}
.col-11{width:87.66%;}
.col-12{width:96%;}
.row::after{content:"";display:table;clear:both;}
.flex-grid {
display: flex;
margin: auto 0;
align-items: center;
justify-content: center;
}
.col {
margin-left: 0.5rem;
margin-right: 0.5rem;
padding: 1rem;
flex: 1;
}
header.site-header {
background-color: #FFF;
border-bottom: 1px solid #f9f9f9;
box-shadow: -3px -3px 7px 3px #f5f1f1;
}
.menu-toggle{display: none;}
.main-navigation {
flex: 6;
}
.margin-left-0{
margin-left:0 !important;
}
.margin-right-0{
margin-right:0 !important;
}
#primary-menu {
list-style-type: none;
padding: 0;
margin: 0;
float: right;
}
#primary-menu li{ float:left; margin: 0; padding: 0;}
#primary-menu li a {
padding: 12px 13px;
text-decoration: none;
letter-spacing: 1px;
font-size: 12px;
padding-right: 2px;
color: #333;
position: relative;
font-family: 'Libre Franklin', sans-serif;
font-weight: 300;
}
#primary-menu li:last-child a {
padding-right: 0;
}
#primary-menu li:last-child a::after {
width:0;
height:0;
}
#primary-menu li a::after {
content: "";
height: 6px;
width: 6px;
background: #ebebeb;
background: #dad1d1;	
display: block;
position: absolute;
right: -9px;
top: 53%;
margin-top: -3px;
border-radius: 50%;
}
h1.entry-title {
font-size: 30px;
font-weight: 500;
letter-spacing: 2px;
position: relative;	
}
span.real_text{
position: relative;
z-index: 1;
font-family: 'Libre Franklin', sans-serif;
font-weight: 600;
color: #222;
}
span.title_shadow {
position: absolute;
left: 0;
color: #f9f9f9;
z-index: 0;
font-size: 50px;
top: -11px;
font-weight: 800;
letter-spacing: 0px;
}
span.title_shadow::selection { background: transparent; }
span.title_shadow::-moz-selection { background: transparent; }
h1.entry-title::after {
color:#ccc;
}
#primary-menu li a:hover{}
#primary-menu li.current_page_item a {
color: #ff008d;
}
#primary-menu li.current-menu-item a {
color: #222;
font-weight: 600;
}
#primary-menu li.current_page_item a::after {
color: #ff008d;
}
.site-branding img {
max-width: 100%;
height: auto;
}
footer .site-branding{ }
footer .site-branding p{
font-size: 14px;
line-height: 20px;
color: dimgrey;
font-weight: 300;	
}
.wrapper.footer-bottom p{
font-size: 13px;
font-family: 'Libre Franklin', sans-serif;
font-weight: 300;
text-transform: uppercase;
color: #c1c1c1;	
}
section{}
section.our_partners{ margin-bottom: 35px;}
section.our_partners .container{}
section.our_partners .container .row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
section.our_partners .container .row .col {
flex: 20%;
vertical-align: middle;
float: none;
position: relative;
margin: 0;
padding: 0;
}
section.our_partners .container .row .col .inside {
height: 90px;
}
section.our_partners .container .row .col a{}
section.our_partners .container .row .col img {
max-width: 150px;
max-height: 50px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
section.our_partners .container .row .col.clients{} section.our_partners .container .row .col.clients{}
section.our_partners .container .row .col.client {flex: 12%; filter: grayscale(100%);}
section.our_partners .container .row .col.client:hover {filter: grayscale(0%);}
section.our_partners .container .row .col.client .inside {
height: 40px;
}
section.our_partners .container .row .col.client img {
max-width: 100%;
max-height: 20px;
}
section h2 {
text-align: center;
font-weight: 100;
letter-spacing: 10px;
}
.row.brand {
display: flex;
margin: auto 0;
align-items: center;
justify-content: center;
margin-bottom: 15px;
width: 49%;
float: left;
}
.row.brand:nth-child(odd){ margin-left: 1%;}
.row.brand:nth-child(even){ margin-right: 1%;}
.row.brand img{width: 100%; height:auto;}
.row.brand p {
line-height: 1.4;
margin: 0;
font-size: 0.8rem;
overflow: hidden;
white-space: normal;
letter-spacing: .5px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-shadow: none;
font-weight: 100;
color: #6f6f6f;
height: 54px;
}
.row.brand h2 {
margin: 0 0 4px 0;
font-weight: 100;
letter-spacing: 5px;
font-size: 2rem;
}
footer {
background: #faeef1;
}
footer .container {
padding: 25px 0;
border-top: 0;
}
footer .menu{}
footer .menu ul {
list-style-type: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(3,1fr);
grid-template-rows: repeat(4,1fr);
grid-auto-flow: column;
grid-gap: 0;
}
footer .menu ul li{}
footer .menu ul li a {
text-decoration: none;
display: block;
padding: 5px 6px 0px 0px;
font-weight: 300;
letter-spacing: 1px;
margin-bottom: 0px;
font-size: 12px;
}
.footer-bottom {
background-color: #FFF;
padding: 0;
}
.footer-bottom .container {
padding: 15px 0;
border: 0;
}
.footer-bottom p {
padding: 0;
margin: 0;
}
footer h3 {
border-bottom: 0;
letter-spacing: 2px;
padding-bottom: 0;
margin-bottom: 5px;
font-weight: bold;
}
footer p.rekvisiidid {
font-size: 1rem;
margin-bottom: 0;
}
footer .menu ul li a:hover{}
.design_ribbon{
height: 60px;
background-size: 20%;	
}
.row.brand {
display: flex;
margin: auto 0;
align-items: center;
justify-content: center;
margin-bottom: 10px;
width: 49%;
float: left;
}
.bg-fix-image {
padding: 40px 0px;
margin-bottom: 40px;
background-attachment: fixed;
background-size: 100%;
}
.bg-fix-image .title_shadow{
color: #00000021;	
}
.wrapper_around_brand {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: flex-start;
align-items: center;
border: 1px solid #f7f7f7;
border-radius: 5px;
box-sizing: border-box;
padding: 15px;
background: #fbfbfb;
}
.wrapper_around_brand  .brand_logo {
width: 30%;
box-sizing: border-box;
padding: 10px;
}
.wrapper_around_brand .content_brand_description {
width: 80%;
border-left: 1px solid #fff;
padding-left: 15px;
box-shadow: -1px 0px 0px 0px #eeeeee;
}
.wrapper_around_brand .content_brand_description h2{
font-size: 20px;
letter-spacing: 2px;
font-weight: 500;
color: #908888;	
}
.content_brand_description p strong{
font-weight: 500;	
}
.rectangle_design_1{
width: 124px;
height: 124px;
position: absolute;
right: 34%;
background: #00000005;
bottom: -60px;
transform: rotate(45deg);
display:none;
}
.rectangle_design_2{
width: 192px;
height: 192px;
position: absolute;
right: 7%;
background: #cacaca24;
bottom: 0px;
transform: rotate(65deg);
display:none;	
}
footer .container{
position:relative;
overflow:hidden;
}
.wrapper_around_brand  .brand_logo img {
width: 100%;
height: auto;
}
.hero-slider .slick-next {
right: 2%;
}
.hero-slider .slick-prev {
left: 2%;
font-size: 20px;
z-index: 99;
} .brand_logo{}
.buttons {
display: table;
float: left;
width: 100%;
margin: 35px 0 35px 0;
}
.button{ margin: 25px 0 25px;}
.buttons .button {
background: none;
padding: 10px 15px;
margin-right: 15px;
text-decoration: none;
letter-spacing: 3px;
font-size: 12px;
color: #3c3c3c;
border: 1px solid#3c3c3c;
}
.brand_logo {
max-width: 200px;
}
.hero-slider{
box-sizing:border-box;
}
.container.brand-text-wrapper{
margin-bottom: 20px;
display: inline-block;	
}
.contact_page_info{
margin: 30px 0px;
}
.contact_page_info > p{
margin: 0;
margin-bottom: 5px;	
} .post-navigation{display: none;}
.entry-footer {
display: none;
}
.slick-dots {
bottom: 15px !important;
}
.slick-dots li button:before{
font-size: 20px !important;
}.slick-dots li.slick-active button:before {
color: white !important;
}
.slick-slide img{max-width: 100%;}
.our_facts {
padding: 40px 0px;
padding-bottom: 40px;
}
.wrapper_facts_flex  {
display: flex;
flex-wrap: nowrap;
padding-left: 0;
align-content: center;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
.beauty_element {
height: 200px;
position: absolute;
top: 0;
width: 40%;
background: #faeef1;
z-index: -1;
left: 0px;
}
.number_fact {
position: absolute;
background: #ffdee7;
color: #333;
padding: 9px;
border-radius: 50%;
width: 40px;
height: 40px;
font-weight: 100;
font-size: 17px;
left: -20px;
top: 10px;
z-index: -1;
}
.item_fact {
list-style: none;
flex: 0 0 32.333333%; padding: 0px 20px;
position:relative;
}
.item_fact_description p{
font-size: 15px;
font-weight: 400;
}
.wrapper_facts_flex .item_title{
font-size: 30px;
letter-spacing: 5px;
font-weight: 300;
padding-top: 40px;
color: #222;
text-transform: uppercase;
margin-bottom: -10px;
line-height: 30px;
}
.slick_brands_homepage {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: baseline;
}
.slick_brands_homepage .brand_slider_item {
height: 85px;
display: flex !important;
justify-content: center;
align-items: center;
text-align: center;
padding: 10px;
width: 16%;
box-sizing: border-box;
}
.brands_homepage_title.partners.custom_gemer_title h2 {
margin: 10px;
}
.slick_brands_homepage.slick_partners_homepage .slick-dots {
bottom: -25px !important;
}
.our_partners_new.brands {
padding-top: 20px;
padding-bottom: 40px;
}
.our_partners_new.brands.partners {
background: #fff;
padding-top: 0px;
}
.our_partners_new.brands.partners .brand_slider_item {
}
.slick_brands_homepage .brand_slider_item img {
max-width: 120px;
max-height: 50px;
}
.our_partners_new.brands {
margin-top: 0px;
}
.custom_gemer_title{
}
.custom_gemer_title h2 {
font-size: 22px;
letter-spacing: 6px;
color: #1C1C1C;
margin-bottom: 20px;
padding: 0px 40px;
font-weight: 400;
text-transform: uppercase;
}
.slick_brands_homepage .custom_gemer_title {
margin-bottom: -20px;
}
.our_brands_wrapper_homepage {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
}
.slick_brands_homepage {
width: 100%;
}
.wrapper_around_left_side_brands{
width: 30%;
padding: 0px 20px;
padding-bottom: 5px;
background: #fdfdfd;
border: 1px solid #f7f7f7;
}
.our_brands_description p{
font-size: 15px;
line-height: 19px;	
}
.wrapper_around_left_side_brands .brands_homepage_title h2 {
font-size: 22px;
font-weight: 400;
letter-spacing: 5px;
text-transform: uppercase;
text-align: left;
padding-bottom: 0;
margin-bottom: -10px;
}
.our_brands_wrapper_homepage .slick-dots li.slick-active button:before{
color: #ff008d !important;	
}
.our_brands_wrapper_homepage .slick-dots li button::before {
color: #ffeff6 !important;
opacity:1;
}
.our_brands_wrapper_homepage .slick-dots li button::before{
width:8px !important;
height:8px !important;
}
.our_brands_wrapper_homepage  .slick-dots li button {
width: 8px;
height: 8px;
}
.our_brands_wrapper_homepage .slick-dots li button:before {
font-size: 12px !important;
}
.our_brands_wrapper_homepage .slick-dots {
bottom: -15px !important;
}
.page-template-page-partners-php .row.brand.partners a{
width:100%;
}
.page-template-page-partners-php .row.brand.partners a .wrapper_around_brand{
-height: 100px;
}
.page-template-page-partners-php .wrapper_around_brand .brand_logo {
width: 100%;
box-sizing: border-box;
padding: 10px;
}
.page-template-page-partners-php .slick_brands_homepage .brand_slider_item {
width: 20%;
}
.page-template-page-partners-php .wrapper_around_brand .brand_logo img {
height: auto;
max-height: 60px;
width: auto;
max-width: 100%;
}
.contact_info{
margin: 30px 0px;
margin-bottom: 60px;
display: flex;
align-items: flex-start;
flex-direction: column;
width: 38%;
margin-top: 0;
display: inline-block;
}
.main_contact{
flex-basis: 100%;
width: 100%;
padding-right: 40px;
}
.persons_contact {
padding-left: 0;
border-left: 0;
margin-top: 20px;	
}
.main_contact p, .persons_contact p{
margin-top: 10px;
margin-bottom: 0;	
}
.main_contact h2, .persons_contact h2{
font-size: 20px;
font-weight: 400;
margin-bottom: 0;
padding-bottom: 0;
line-height: 22px;	
} .contact_form_wrapper {
display: inline-block;
float: right;
border: 0;
padding-right: 0;
width: 60%;
box-sizing: border-box;
background: none;
padding: 0px 20px;
border-left: 1px solid #f2f2f2;
padding-left: 40px;
}
.wrapper_contact_form {
display: flex;
justify-content: flex-start;
margin-top: 20px;
flex-direction: column;
}
.left_column_contat_form {
width: 50%;
flex-basis: 50%;
padding-right: 20px;
}
.contact_form_wrapper .wpcf7-form input{
width: 100%;
box-sizing: border-box;
padding: 8px 10px;
background: none;
outline: none;
border: 1px solid #eee;
}
.contact_form_wrapper .wpcf7-form textarea {
width: 100%;
box-sizing: border-box;
padding: 8px 10px;
border: 0;
background: none;
height: 75%;
box-sizing: border-box;
outline:none;
border: 1px solid #eee;	
}
.contact_form_wrapper .wpcf7-form input[type="checkbox"]{
display: inline-block;
float: left;
width: auto;
position: relative;
top: 2px;
margin-right: 10px;
}
span.wpcf7-form-control-wrap.acceptance-963 {
width: 100%;
display: block;
text-align: right;
margin-bottom: 15px;
}
.contact_form_wrapper p{
margin-bottom: 0;	
}
.contact_form_wrapper .wpcf7-form input.wpcf7-submit {
background: #16161600;
color: #161616;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 3px;
cursor: pointer;
border: 1px solid #525150;
font-weight: 500;
width: auto;
float: right;
padding: 8px 20px;
margin-bottom: 20px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffeff6;
font-size: 12px;
text-align: center;
display: block;
width: 100%;
box-sizing: border-box;
padding: 10px 5px;
margin: 30px 0px;
background: #ffeff6;
}
.wpcf7-not-valid-tip {
color: #ff008d;
font-size: 12px;
font-weight: normal;
display: block;
margin-top: 2px;
}
input.wpcf7-form-control.wpcf7-not-valid{
background: #ffeff6;
}
.wpcf7 form.sent .wpcf7-response-output {
background: #ffeff6;
border: 0;
display: block;
width: 100%;
box-sizing: border-box;
text-align: center;
font-size: 14px;
font-weight: bold;
margin: 30px 0px;
padding: 10px 0px;
} .site_privacy_footer{
}
.site_privacy_footer ul{
list-style-type: none;
margin-left: 0;
padding-left: 0;	
}
.logo_footer_wrapper{
margin-top:0px !important;
}
.wrapper_inside_footer_logo img.custom-logo{
width: 150px;
max-width: 100%;
height: auto;	
}
footer .site-branding ul li a{
font-size: 14px;
line-height: 17px;
display: block;
margin-bottom: 6px;	
}
.wrapper_inside_footer_logo{
max-width: 50%;
margin-top: 5px;
margin-bottom: -10px;
}
footer h3{
display:none;
}
.gemer-footer-menu ul{
list-style-type: none;
margin-left: 0;
padding-left: 0;	
}
.brand_wrapper_page{
}
.contact_career {
text-align: left;
padding: 10px 0px;
}
.wrapper_career{
margin-bottom: 30px !important;	
}
.contact_career a {
color: #161616;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 3px;
cursor: pointer;
border: 1px solid #525150;
font-weight: 500;
width: auto;
padding: 8px 20px;
margin-bottom: 20px;
text-decoration: none;
}
.brand_wrapper_page .brand_item .image_holder_brand {
opacity: 0.8;
transition: opacity .4s;
}
.brand_wrapper_page .brand_item:hover .image_holder_brand {
opacity: 0.6;
}
.image_holder_brand {
opacity: 1;
width: 100%;
position: absolute;
left: 0;
height: 100%;
background-size: cover;
top:0;
}
.brand_wrapper_page .brand_item {
flex-basis: 31%;
box-sizing: border-box;
background: #ffeff6;
margin: 10px;
padding: 20px;
padding-top: 0;
min-height: 290px;
background-size: cover;
background-position: top;
cursor:pointer;
position:relative;
}
.brand_item .brand_name, .brand_item .brand_tags{
position:relative;
z-index:99;
}
.brand_wrapper_page .our_brands_page{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 30px;
}
body.page-template-page-brandid .brand_wrapper_page .our_brands_page{
margin-left: 10px;		
}
.brand_name h2{
color: #fff;
text-shadow: 0 0 7px #00000082;
}
.under_logo_text{
font-size: 13px;
margin-top: 10px;
font-weight: 100;
width: 260px;
max-width: 100%;
}
.retailers_contact.contact_page_info a, .forbrands_contact.contact_page_info a{
background: url(https://gemer.ee/wp-content/themes/gemer/assets/mail-icon-2x.png);
padding-left: 30px;
background-size: 24px;
background-repeat: no-repeat;	
}
.logo_wrapper {
width: 60%;
}
.gallery_brand_page.row {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
margin: 20px 0px;
margin-bottom: 40px;
margin-left: 0;
margin-right: 0;
}
.gallery_brand_page.row .brand_gal_item{
margin: 0px 0px;
flex-basis: 23%;
width: 23%;
}
.custom_gemer_title::before{
content: '';
flex: 1 1 auto;
height: 1px;
background-color: #eaeaea;	
}
.custom_gemer_title{
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
.custom_gemer_title::after{
content: '';
flex: 1 1 auto;
height: 1px;
background-color: #eaeaea;	
}
body.single-brands .buttons {
margin-top: 0;
}
.brand_tags a,.brand_tags {
color: #fff;
text-decoration: none;
text-shadow: 0 0 8px #000000e6;
}
.gemer_values .value_title {
font-size: 20px;
letter-spacing: 6px;
color: #1C1C1C;
font-weight: 400;
margin-bottom: 5px;
text-transform: uppercase;
}
.gemer_values .value_description p{
font-size: 16px;
line-height: 21px;
margin-top: 0px;
padding-top: 0;	
}
.gemer_values {
border: 1px solid #ededed;
padding: 40px 40px;
padding-bottom: 20px;
}
.feature_image_about_us {
margin-bottom: 50px;
}
.about-us-facts-wrapper{
width: 50%;
box-sizing: border-box;
margin-bottom: 80px !important;	
}
.slider-container {
overflow: hidden;
}
.slick-slide:nth-of-child(n+1) {
display: none;
}
.slick-initialized,
.slick-slide:first-child {
display: block;
}
.post-password-required .entry-content {
background: #ffffff;
box-sizing: border-box;
width: 320px;
padding: 20px 40px;
margin: 40px auto;
text-align: left;
display: block;
box-shadow: 0px 0px 9px 2px #0000000d;
border-radius: 3px;
} .wrapper_footer_flex {
display: flex;
}
.wrapper_company_information{
width: 30%;
box-sizing:border-box;
}
.wrapper_menuset.short {
width: 10%;
}
.wrapper_menuset.longer {
width: 20%;
}
footer .copyright{
background: #ffffff;	
}
footer .copyright p{
font-size: 14px;
padding: 10px 0px;
color: #d1d1d1;
}
.gemer-footer-menu ul li a{
font-weight: 100;
text-decoration: none;
font-size: 15px;	
}
body.term-pharmacy .our_brands_page .brand_item{
order:2;
}
body.term-pharmacy .our_brands_page .brand_item.skinclinic{
order:0;
}
body.term-pharmacy .our_brands_page .brand_item.neoderm{
order:1;	
}
.ig_icon_brands{
width: 32px;
position: relative;
top: 12px;	
}
.wrapper_contact_hero {
margin-bottom: 20px;
}
.slick-initialized.slider-for {
min-height:auto !important;
}
.hero-slider {brand
animation: fadein 2s;
-moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s; }
body.translatepress-ru_RU .wrapper_facts_flex .item_title{
font-size: 24px;	
}
body.translatepress-ru_RU .wrapper_facts_flex .item_fact_description p{
font-size: 14px;
line-height: 20px;	
}
.flex-grid.mobile_header{
position:relative;
} .trp-language-switcher{
display: inline-block;
position: absolute;
top: 5px;
right: 20px;
}
.trp-language-switcher > div {
box-sizing: border-box;
padding: 3px 10px 3px 5px;
background:none;
height: 24px;
}
.trp-language-switcher .trp-ls-shortcode-language {
border: 0;
display: inline-block !important;
visibility: visible !important;
height: auto !important;
display: flex !important;
}
.trp-language-switcher .trp-ls-shortcode-current-language {
display: inline-block;
border: 0;
font-size: 14px;
text-decoration: none;
display: none !important;
}
.trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language {
position: relative;
display: flex !important;
}
.trp-language-switcher > div > a:hover {
background: none;
cursor: pointer !important;
color: #333;
}
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language.trp-ls-disabled-language{
font-weight:600;
color: #333;	
}
.trp-language-switcher > div > a {
display: block;
padding: 1px;
border-radius: 3px;
color: #4b4b4b;
font-size: 13px;
text-decoration: none;
font-weight: 400;
letter-spacing: 2px;
line-height: 13px;	
}
.trp-language-switcher > div {
box-sizing: border-box;
width: 85px !important;
}
.trp-language-switcher > div > a[title="Estonian"]{
order:1;
border-left: 1px solid #ccc;
border-radius: 0;
padding-left: 5px;
padding-right:2px;
margin-left: 2px;	
}
.trp-language-switcher > div > a[title="Russian"]{
order:2;
border-left: 1px solid #ccc;
border-radius: 0;
padding-left: 5px;	
}
.trp-language-switcher .trp-ls-shortcode-current-language {
display: inline-block;
border: 0;
font-size: 14px;
text-decoration: none;
}
.trp-language-switcher .trp-ls-shortcode-language {
border: 0;
}
.trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language {
padding: 3px 10px 3px 5px;
}
html[lang="et"] #primary-menu li a {
font-size: 0.725rem;
padding-right: 1px;
}
.trp-language-switcher {
height: 24px;
display: flex;
justify-content: flex-end;
padding-right: 0.2rem;
}
@keyframes fadein {
from {
opacity:0;
}
to {
opacity:1;
}
}
@-moz-keyframes fadein { from {
opacity:0;
}
to {
opacity:1;
}
}
@-webkit-keyframes fadein { from {
opacity:0;
}
to {
opacity:1;
}
}
@-o-keyframes fadein { from {
opacity:0;
}
to {
opacity: 1;
}
}
#primary-menu li {
position: relative;
}
ul#primary-menu ul.sub-menu {
position: absolute;
display: flex;
flex-direction: column;
background: #fff;
padding: 0px 0px;
z-index: 99;
list-style-type: none;
border: 1px solid #eee;
min-width: 100%;
box-sizing: border-box;
opacity: 0;
pointer-events: none;
transition: all .3s;    
}
#primary-menu li a {
white-space: nowrap;
}
ul#primary-menu > li:hover > ul.sub-menu {
opacity: 1;
pointer-events: all;
}
ul#primary-menu ul.sub-menu li {
border-bottom: 1px solid #f3f2f2;
padding: 5px 0px;
font-weight: normal;
}
ul#primary-menu ul.sub-menu li:last-child {
border: 0;
}
ul#primary-menu ul.sub-menu li a {
font-weight: normal;
display: block;
padding: 5px 10px;
}
ul#primary-menu ul.sub-menu li.current-menu-item a{
font-weight: bold;
}
#primary-menu ul.sub-menu li a::after {
display: none;
}
ul#primary-menu ul.sub-menu li:hover {
background: #faeef1;
}
ul.gemer-language-switcher{
display: flex;
gap: 5px;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
}
ul.gemer-language-switcher li{
border-right: 1px solid #c8c8c8;
padding-right: 5px;    
}
ul.gemer-language-switcher li:last-child{
border-right: 0;
padding-right: 0px;    
}
ul.gemer-language-switcher li.active-language{
font-weight: bold;  
}
ul.gemer-language-switcher li a{
}
section.intro-block h1{
color: #fff;
font-size: 70px;
line-height: 100%;
margin: 10px 0px;
}
.intro-sub-content p{
color: #fff;
font-size: 24px;
}
section.intro-block .contact-button {
padding: 10px 80px;
font-size: 20px;
margin: 10px 0px;
display: inline-block;
color: #000000;
text-decoration: none;
background: #ffdee7;
border-radius: 3px;
}
section.intro-block::before{
content: '';
background: rgb(255, 222, 231);
background: linear-gradient(54deg, rgba(255, 222, 231, 1) 0%, rgba(255, 255, 255, 0) 100%);
width: 100%;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
pointer-events: none;
}
.intro-content{
z-index: 99;
}
@media screen and (max-width:920px){
.slider-for {
min-height: auto !important;
}
.wrapper_facts_flex {
display: flex;
flex-wrap: nowrap;
padding-left: 0;
align-content: stretch;
flex-direction: row;
justify-content: flex-end;
padding: 0px 20px;
align-items: flex-start;
}
.brand_wrapper_page .brand_item {
min-height: 320px;
}
.brand_wrapper_page .brand_item {
flex-basis: 47%;
}	
}
@media screen and (max-width:768px){
.menu-toggle{display: table;}
.menu-main-container{display: none;}
.main-navigation.toggled .menu-main-container{display: block;;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:96%;}
.container{width:100%;}
} @media only screen and (max-width: 640px) {
ul#primary-menu li.menu-item-has-children > a{
opacity: 1;
height: 2px;
padding: 0;
overflow: hidden;
margin: 0;
font-size: 0;
position: absolute;    
}
ul#primary-menu ul.sub-menu{
opacity: 1;
pointer-events: all;
background: none;
position: relative;
padding: 0; 
}
ul#primary-menu ul.sub-menu li {
border-bottom: 0;
padding: 5px 0px;
font-weight: normal;
}
ul#primary-menu ul.sub-menu li a {
font-weight: normal;
display: block;
padding: 0;
} .item_fact {
flex: 0 0 100%;
padding-bottom: 45px;
}
.main-navigation {
flex: 1;
}
.slick-dotted.slick-slider {
margin-bottom: 0 !important;
}
.our_facts {
padding: 20px 0px;
padding-bottom: 0;
}
.wrapper_facts_flex {
display: flex;
flex-wrap: wrap;
padding-left: 0;
align-content: center;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
padding-left: 20px;
}
.wrapper_facts_flex .item_title {
font-size: 20px;
letter-spacing: 3px;
font-weight: 300;
padding-top: 40px;
color: #222;
text-transform: uppercase;
margin-bottom: -15px;
}
.item_fact_description p {
font-size: 12px;
font-weight: 400;
line-height: 17px;
}
.number_fact {
position: absolute;
background: #ff008d;
color: #fff;
padding: 5px;
border-radius: 50%;
width: 30px;
height: 30px;
font-weight: 100;
font-size: 14px;
left: -5px;
top: 5px;
z-index: -1;
}
.beauty_element {
height: 140px;
position: absolute;
top: 0;
width: 30%;
background: #ffeff6;
z-index: -1;
left: 10px;
}
.our_partners_new.brands {
margin-top: 10px;
}
.slick_brands_homepage .brand_slider_item {
height: 75px;
display: flex !important;
justify-content: center;
align-items: center;
text-align: center;
padding: 10px;
width: 33%;
box-sizing: border-box;
}
.slick_brands_homepage .brand_slider_item img {
max-width: 120px;
max-height: 50px;
max-width: 90%;
height: auto !important;
}
.custom_gemer_title h2 {
margin-bottom: 10px;
}
footer .menu ul li {
width: 50%;
box-sizing: border-box;
}
footer .menu ul {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
}
.flex-grid.mobile_header{
display: block;	
}
.menu-toggle {
display: block;
font-size: 0;
width: 32px;
height: 32px;
position: absolute;
top: 35px;
right: 20px;
background: #ffeff6;
border: 0;
border-radius: 3px;
}
.menu-toggle::after {
content: '≡';
color: #666;
font-size: 24px;
font-weight: 100;
margin-top: 0;
line-height: 33px;
}
.wrapper_footer_flex {
display: flex;
flex-direction: column;
}
.wrapper_inside_footer_logo {
max-width: 100%;
margin-top: 5px;
margin-bottom: 0;
}
.logo_wrapper {
width: 100%;
}
.wrapper_company_information {
width: 100%;
box-sizing: border-box;
margin-bottom: 20px;
}
footer {
background: #faeef1;
text-align: center;
}
.under_logo_text {
font-size: 13px;
margin-top: 10px;
font-weight: 100;
width: 100%;
max-width: 100%;
text-align: center;
padding: 0px 30px;
}
.wrapper_menuset.short {
width: 100%;
}
.wrapper_menuset.longer {
width: 100%;
}
.about-us-facts-wrapper {
width: 100%;
box-sizing: border-box;
margin-bottom: 0px !important;
margin: 0 !important;
}
.brand_wrapper_page .brand_item {
flex-basis: 100%;
}
.contact_info {
width: 100%;
margin-bottom: 0;
}
#primary-menu {
float: none;
}
#primary-menu li {
float: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #f6f5f5;
}
.main-navigation {
padding-top: 0;
display: block;
height: 0;
padding: 0;
}
#primary-menu li a::after {
display:none;
}
#primary-menu li a {
padding: 12px 15px;
text-decoration: none;
letter-spacing: 1px;
font-size: 13px;
padding-right: 2px;
color: #8c8c8c;
position: relative;
font-family: 'Libre Franklin', sans-serif;
font-weight: 300;
padding: 5px 0px;
display: inline-block;
font-size: 11px;
}
.brand-text-wrapper .row.brand{
width: 100%;
box-sizing: border-box;
margin: 0 auto !important;
padding: 0px 5px;	
}
.our_partners_new.brands.partners .brand_slider_item {
width: 33%;
}
.main-navigation .menu-main-container, .main-navigation .menu-main-et-container, .main-navigation .menu-main-menu-ru-container {
position: fixed;
top: 0;
transform: translateX(-120%);
-webkit-transform: translateX(-120%);
display:block;
background: #ffeff6;
width: 80%;	
z-index: 99999;
padding-top: 70px;	
height: 100%;
transition: .4s;
left: 0;
} .main-navigation.toggled button.menu-toggle{
}
.main-navigation.toggled .menu-main-container, .main-navigation.toggled .menu-main-et-container, .main-navigation.toggled .menu-main-menu-ru-container {
position: fixed;
z-index: 99999;
background: #faeef1;
width: 80%;
left: 0;
box-sizing: border-box;
padding: 10px 20px;
top: 0;
padding-top: 70px;
height: 100%;
transform: translateX(0%);
-webkit-transform: translateX(0%);
transition: .4s;
}
#primary-menu li {
border-bottom: 0;
}
#primary-menu li a {
font-size: 15px;
font-weight: 400;
color: #222;	
}
body.toggled-body header.site-header{
box-shadow:none;
border-bottom:1px solid #fff;
}
body.toggled-body .container.site-main .row{
opacity: 0.2;	
}
.buttons .button {
display: block;
margin: 10px 10px;
text-align: center;
}
.gemer-footer-menu ul {
list-style-type: none;
margin-left: 0;
padding-left: 0;
margin: 0;
}
.wrapper_contact_first_part {
display: block;
float: left;
width: 100%;
background: #fff;
margin-bottom: 10px;
}
.left_side_contact {
width: 100%;
box-sizing: border-box;
padding-left: 0px;
}
.wrapper_contact_second_part {
display: block;
margin-top: 0;
float: left;
width: 100%;
}
.right_side_contact {
width: 100%;
box-sizing: border-box;
float: none;
border-left: 0;
}
.group_contact_people .person {
display: flex;
flex-wrap: wrap;
align-items: stretch;
flex-direction: row;
align-content: center;
justify-content: space-between;
}
.group_contact_people {
width: 100%;
box-sizing: border-box;
}
.contact_form_wrapper {
width: 100%;
box-sizing: border-box;
border: 0;
padding: 0;
margin: 0 auto;
margin-top: 0;
margin-bottom: 0;
}
.wrapper_contact_form {
margin-top: 0;
}
.slick-dots {
bottom: 40px !important;
}
.slider-for {
min-height: auto !important;
padding-bottom:30px;
}
.slick-dots li button:before {
width: 12px !important;
height: 12px !important;
}
.slick-dots li button {
width: 12px !important;
height: 12px !important;
}
.slick-dots li {
width: 12px !important;
height: 12px !important;
}
.slick-dots li button:before {
font-size: 12px !important;
}
a.custom-logo-link img{
}
a.custom-logo-link{
width: 40%;
display: inline-block;
margin-bottom: 0;	
}
body.single-brands .buttons {
margin-top: 0;
text-align: center;
}
h1.entry-title {
font-size: 22px;
font-weight: 500;
letter-spacing: 2px;
position: relative;
margin: 0;
}
.col-2.image_icon_value{
width:20%;
}
.gemer_values {
border: 1px solid #ededed;
padding: 10px;
padding-bottom: 20px;
}
.wrapper_facts_flex {
padding: 0;
}
.our_partners_new.brands {
}
.beauty_element {
background: #ffeff6;
height: 120px;
top: -15px;
width: 19%;
left: 33%;
}
.wrapper_facts_flex .item_title {
font-size: 16px;
padding-top: 0px;
margin-bottom: -15px;
text-align: center;
}
.number_fact {
display:none;
}
.item_fact {
flex: 0 0 100%;
padding-bottom: 25px;
text-align: center;
}
.item_fact.fact-nr-2 {
margin-top: 10px;
padding-bottom: 35px;
}
.item_fact.fact-nr-2 .beauty_element {
height: 135px;	
}
.item_fact.fact-nr-3{
padding-bottom: 0px;	
}
.item_fact_description p {
font-size: 12px;
font-weight: 400;
line-height: 17px;
text-align: center;
}
.slick-next {
right: 5px !important;
}
.our_facts {
padding: 0px 0px;
padding-bottom: 0;
}
.number_fact {
position: relative;
background: #ff008d;
color: #fff;
padding: 5px;
border-radius: 50%;
width: 24px;
height: 24px;
font-weight: 100;
font-size: 11px;
left: 0;
top: 0;
z-index: -1;
display: inline-block;
margin: 0 auto;
float: none;
}
.custom_gemer_title h2 {
margin-bottom: 10px;
text-align: center;
}
.flex-grid.mobile_header {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
}   
ul.gemer-language-switcher {
display: flex;
gap: 5px;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
width: 100%;
order: -1;
background: #ffeff673;
align-items: center;
justify-content: center;
margin: 0;
padding: 4px 0px !important;
}
.main-navigation {
flex: 0;
}
.menu-toggle {
display: block;
font-size: 0;
width: 32px;
height: 32px;
position: relative;
top: 0;
right: 10px;
background: #ffeff6;
border: 0;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
}
.main-navigation {
padding-top: 0;
display: block;
height: auto;
padding: 0;
}     
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://gemer.ee/wp-content/themes/gemer/assets/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://gemer.ee/wp-content/themes/gemer/assets/slick/fonts/slick.eot);
src: url(https://gemer.ee/wp-content/themes/gemer/assets/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://gemer.ee/wp-content/themes/gemer/assets/slick/fonts/slick.woff) format('woff'), url(https://gemer.ee/wp-content/themes/gemer/assets/slick/fonts/slick.ttf) format('truetype'), url(https://gemer.ee/wp-content/themes/gemer/assets/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}