header {
padding: 0;
position: relative;
border-bottom: 2px solid #006B3F;
min-height: 60px;
}
div.logo-set-innerheader{
padding:0;
position:relative;
border-bottom:2px solid #006B3F;
min-height:60px;
}
div.header-container{
padding-bottom:6px;
background-color: #fff;
border-bottom:8px solid #006B3F;
position:relative;
}
header div.full-head{
display: grid;
grid-template-columns: 1fr 300px 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-top:20px;
position:relative;
}
body.top-fix header div.full-head{
grid-template-columns: 1fr 120px 1fr;
}
body.top-fix header{
position:fixed;
top:0px;
left:0px;
width:100%;
background-color:#fff;
z-index:100;
-webkit-box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
-moz-box-shadow: 0px 1px 24px 1px rgba(0,0,0,0.75);
box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
}
div.lang-links{
float:right;
font-size:16px;
color:#c5c6c6;
position:absolute;
top:30px;
right:0px;
z-index: 15;
}
body.top-fix div.lang-links{
top:12px;
}
header div.lang-links a{
display:inline-block;
padding:0px 5px;
font-size:16px;
text-transform: uppercase;
color:#c5c6c6;
text-decoration: none;
}
header div.lang-links a.act_lang, header div.lang-links a:hover{
color:#006338;
}
body.top-fix header div.full-head{
padding-top:4px;
}
body.top-fix main{
padding-top: 269px;
}
body.top-fix a.main-logo, body.top-fix div.logo-bg{
position:fixed;
}
body.top-fix div.full-head div.not-in-fixed{
display:none;
}
body.top-fix div.full-head nav#top-menu{
padding:0px;
}
body.top-fix a.main-logo, body.top-fix div.logo-bg{
top:-5px;
width:100px;
height: 100px;
left: calc(50% - 55px);
padding:3px;
}
header div.full-head div.top-left, header div.full-head div.top-right, header div.full-head div.logo-placeholder{
padding:10px 0px;
line-height:15px;
position:relative;
}
header div.full-head div.second-line{
border-top:0px;
border-bottom:1px solid #000;
}
header div.full-head div.top-left{
text-align: left;
padding-left:0px;
color:#c5c6c6;
font-family: myriadpro;
}
header div.full-head div.top-right{
text-align: left;
padding-right:0px;
color:#c5c6c6;
font-family: myriadpro;
}
header div.full-head div.top-left a, header div.full-head div.top-right a{
text-decoration: underline;
color:#c5c6c6;
}
div.payment_desc{
background-color:#fff;
color:#000;
padding:10px 0px;
}
div.logged{
display:inline-block;
line-height:14px;
font-size:10px;
text-align:right;
position:absolute;
top:4px;
right:0px;
}
div.logged-top-line{
padding:5px;
margin-bottom:5px;
position:relative;
width:auto;
background-color: #fff;
-webkit-box-shadow: 0px 1px 24px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 24px 1px rgba(0,0,0,0.75);
box-shadow: 0px 1px 24px 1px rgba(0,0,0,0.75);
}
div#user-links{
top:65px;
right:10px;
display:none;
}
div#user-links.show{
display:block;
}
div#user-links a{
display:block;
padding:10px 15px;
color:#fff;
text-decoration: none;
}
div#user-links a:hover{
background-color:#ccc;
color:#000;
}
div#shop_content{
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 10px;
grid-row-gap:10px;
}
a.shop-product{
position:relative;
border:1px solid #94A4AD;
padding:0px;
max-width: 400px;
}
a.shop-product img.prod{
max-width:100%;
vertical-align: middle;
}
a.shop-product h2{
position:absolute;
top:20px;
left:20px;
color:#748187;
font-size:22px;
font-weight: normal;
font-family:grm;
max-width: 75%;
}
a.shop-product .weight{
width:66px;
height:66px;
text-align:center;
line-height:66px;
font-family:grm;
font-size: 22px;
color:#748187;
border:2px dotted #748187;
-webkit-border-radius: 33px;
-moz-border-radius: 33px;
border-radius: 33px;
position:absolute;
top:5px;
right:10px;
}
a.shop-product img.eu-badge{
position:absolute;
bottom:10px;
right:10px;
width:auto;
}
@keyframes sp-move {
from {
-webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 75%);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 75%);
}
to {
-webkit-box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
-moz-box-shadow: 0px 1px 24px 1px rgba(0,0,0,0.75);
box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
}
}
a.shop-product:hover{
animation: sp-move 0.5s ease-out 0s alternate infinite running;
}
a#user-link-btn{
color:#000;
font-family:robotobold;
font-size:12px;
}
a#user-link-btn span.e-mail{
font-family:robotoregular;
font-size:10px;
}
div.discount-badge{
border:3px solid #917C51;
color:#917C51;
background: #000;
-webkit-border-radius:20px;
-moz-border-radius: 20px;
border-radius: 20px;
width:37px;
height:37px;
line-height:36px;
text-align: center;
font-family:Arial;
font-size:21px;
position:absolute;
top:4px;
right:4px;
text-align:center;
}
div.discount-perc-cont{
position:absolute;
left:10px;
bottom:50px;
height:40px;
width:70px;
}
div.discount-perc{
position:relative;
overflow: hidden;
height:30px;
}
div.discount-perc > div{
position:absolute;
border: 1px solid #917C51;
color:#917C51;
line-height:40px;
text-align:right;
font-size:16px;
font-family:robotolight;
-webkit-border-radius:35px;
-moz-border-radius: 35px;
border-radius: 35px;
width:70px;
height:70px;
top:0px;
left:-20px;
}
div.discount-perc > div > span{
margin-right:10px;
}
div.top-links div.shop-icons a.cart-lnk span.icon{
width:25px;
background: url(../pics/cart-icon_full.png) no-repeat;
}
div.top-links div.shop-icons a.cart-lnk:hover span.icon{
background-position-x: -25px;
}
div.top-links div.shop-icons a:hover, a#user-link-btn:hover{
background-color:#5c5c5c;
color:#fff;
text-decoration:none;
}
h1.shop-title, div.shop-sidebar .sidebar-title{
background-color:#000;
color:#fff;
padding:10px;
margin-bottom:0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:20px;
}
h3.search-title{
border-top:1px solid #000;
border-bottom:1px solid #000;
padding:5px 0px;
}
div.shop-sidebar .sidebar-title{
margin-top:15px;
}
a.fav-link{
font-size:11px;
color:#ccc;
}
a.fav-link:hover{
color:#08c;
}
div.top-links div.shop-icons a img{
vertical-align: middle;
margin-right:10px;
}
div.top-links div.shop-icons table.cart a img{
margin-right:0px;
}
div#cart_counter{
position:absolute;
top:-3px;
left:20px;
display:inline-block;
background-color:#000;
color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height:10px;
padding:0px 2px;
height:12px;
min-width:8px;
font-size:10px;
font-family: robotobold;
text-align: center;
}
div.cart-cont{
display:inline-block;
position:relative;
}
header div.full-head div.top-right.second-line, header div.full-head div.top-left.second-line{
padding-right:0px;
padding-left:0px;
}
header div.full-head div.top-right.second-line{
text-align:right;
}
.wrapper-container{
background-color:#fff;
}
.wrapper{
margin:0px auto;
width:1200px;
text-align: left;
}
div.head-inner{
padding:10px;
background-color: #B3B3B3;
min-height:30px;
line-height:30px;
color:#000;
position: relative;
z-index: 102;
}
a.main-logo, div.logo-bg{
position:absolute;
left:calc(50% - 122px);
top: 0px;
padding: 6px;
-webkit-border-radius: 122px;
-moz-border-radius: 122px;
border-radius: 122px;
width:245px;
height:245px;
font-size:0;
line-height:0;
z-index:103;
}
div.logo-bg{
background-color: #fefefe;
-webkit-border-radius: 122px;
-moz-border-radius: 122px;
border-radius: 122px;
z-index:101;
}
div.top-right.top-links{
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
div.shop-icons{
display:inline-block;
}
div.top-links a{
font-family: robotobold;
color:#000;
}
div.top-links a:hover{
text-decoration: underline;
}
a.main-logo img{
position:relative;
}
main{
background-color: #fff;
padding:0px 0px;
}
main.main_page{
padding:0px;
}
nav#top-menu{
padding:15px 0px;
grid-column: 1 / 4;
}
nav#top-menu ul{
padding:0px;
margin:0px;
display:grid;
grid-template-columns: auto auto auto 300px auto auto auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
nav#top-menu ul li{
display:inline-block;
position:relative;
margin:0px;
padding:0px;
text-align: left;
}
nav#top-menu ul li.top-li-right{
text-align:right;
}
nav#top-menu ul li.top-placeholder{
}
nav#top-menu ul li a{
display:inline-block;
text-align: center;
padding:25px 20px 23px 0px;
margin:0px;
text-align: center;
border-bottom:3px solid #fff;
font-family: opt, serif;
font-size:23px;
color:#006b3f;
text-transform: uppercase;
}
nav#top-menu ul li.top-li-right a{
padding-right:0px;
padding-left: 20px;
}
body.top-fix nav#top-menu ul li a, body.top-fix nav#top-menu ul li.top-li-right a{
padding:10px 20px 5px 0px;
font-size:18px;
}
body.top-fix nav#top-menu ul li.top-li-right a{
padding:10px 0px 5px 20px;
}
nav#top-menu ul li a.act, nav#top-menu ul li:hover ul li a.act, nav#top-menu ul li a:hover{
color: #D6B46A;
font-weight: bold;
}
nav#top-menu ul li ul{
display:none;
position:absolute;
background-color: #ccc;
color:#000;
}
nav#top-menu ul li ul li{
display:block;
width:200px;
background-color:#eee;
}
nav#top-menu ul li ul li a{
display:block;
padding:10px 10px;
text-align:left;
color:#000;
width: 100%;
}
nav#top-menu ul li:hover ul li a{
color:#000;
}
nav#top-menu ul li ul li a:hover{
color:#fff;
}
nav#top-menu ul li:hover{
}
nav#top-menu ul li:hover a{
}
nav#top-menu ul li:hover a:hover{
}
nav#top-menu ul li:hover ul{
display:block;
background-color: #ccc;
color:#000;
}
div.social{
line-height:1em;
}
div.social a{
font-size:0px;
margin-left:10px;
}
div.social a::before{
color:#fff;
font-size:32px;
}
div.social a:hover::before{
color:#444;
}
.speech-bubble {
position: absolute;
background: #333;
color:#fff;
z-index:200;
}
.speech-bubble:after {
content: '';
position: absolute;
top: 0;
right: 30px;
width: 0;
height: 0;
border: 20px solid transparent;
border-bottom-color: #333;
border-top: 0;
margin-left: -20px;
margin-top: -20px;
}
div#cart{
top:40px;
right:0px;
width:300px;
display:none;
}
div#cart.show{
display:block;
}
.action.primary.cart_btn{
display:block;
width:100%;
}
div#cart.speech-bubble:after{
right:10px;
}
.action.primary{
background-color: #9e9e9e;
font-family: robotoregular;
border: 1px solid #535353;
}
div.underconstruct{
height: 100vh;
line-height: 100vh;
vertical-align: middle;
}
div.underconstruct > div{
display:inline-block;
line-height:1em;
}
div.fotorama__nav{
margin-top:-30px;
}
.fotorama, .fotorama__stage, .fotorama__nav{
overflow:visible;
}
.fbanner_container{
overflow-x:hidden;
background-color:#181A30;
}
div.art1-head{
position:relative;
padding-bottom: 60px;
}
div.art1-head img{
position:relative;
top:0px;
left:0px;
}
div.art1-head div.art-title{
position:absolute;
bottom:0px;
right:0px;
background-color:#000;
color:#fff;
padding:30px;
width:540px;
}
div.art1-head div.art-title h1{
font-family: 'roseford';
font-size:77px;
color:#fff;
}
div.article1-main{
display:grid;
grid-template-columns: auto auto auto;
grid-column-gap: 20px;
grid-row-gap: 20px;
padding:40px 30px;
}
div.article1-bottom{
background-color:#000;
color:#fff;
display:grid;
grid-template-columns: 33fr 33fr 33fr;
grid-column-gap: 0px;
grid-row-gap: 20px;
padding:20px 30px;
}
div.article1-bottom h1{
font-size:92px;
font-family: 'roseford';
color: #917C51;
}
div.article1-bottom > div{
border-bottom:1px solid #fff;
padding:0px 20px;
}
div.article1-bottom > div:first-of-type{
border-bottom:0px;
padding:0px;
}
div.article1-bottom > div:last-of-type{
padding-right:0px;
}
input#qsearch{
background-color: #E6E6E6;
color:#000;
width:200px;
padding: 10px 5px;
height: 30px;
}
input#qsearch::placeholder{
color: #181A30;
opacity: 1; /* Firefox */
}
input#qsearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #181A30;
}
input#qsearch::-ms-input-placeholder { /* Microsoft Edge */
color: #181A30;
}
div#search_form{
margin-left:10px;
display:inline-block;
}
div#search_form input[type=submit]{
background: url(../pics/mag-icon.png) no-repeat;
width: 20px;
height: 20px;
border: 0px;
font-size: 0px;
margin-left: -25px;
vertical-align: middle;
}
div.shop-closed{
text-align:center;
padding:100px 0px;
}
div.main-article-left{
}
div.main-article-right{
background: #917c51af;
}
div.main-black-container-out{
background:#fff;
padding-top:10px;
}
div.main-black-container{
background:#fff;
border-top:4px solid #000;
padding-top:10px;
}
div.main-black{
background-color:#000;
color:#fff;
}
div.main-black div.wrapper div.main-black-inner{
display:grid;
grid-template-columns: 50fr 50fr;
grid-column-gap: 0;
grid-row-gap:0;
}
div.main-black div.wrapper div.main-black-inner > div{
padding:0px 40px;
}
div.main-black-inner{
padding:20px;
}
div.main-black div.wrapper div.main-black-inner > div img{
max-width:100%;
}
div.main-black div.wrapper div.main-black-inner > div:first-of-type{
border-right:3px dotted #fff;
}
a.main-article{
display:block;
text-decoration:none;
color:#000;
}
a.main-article.lead_style1,a.main-article.lead_style3{
background-color:#000;
color:#fff;
}
a.main-article.lead_style1 h1,a.main-article.lead_style3 h1{
color:#fff;
}
a.main-article:hover{
background-color:#eee;
}
a.main-article.with-pic{
display:grid;
grid-template-columns: 30fr 70fr;
grid-column-gap: 0;
grid-row-gap:20px;
}
a.main-article.with-pic.lead_style2, a.main-article.with-pic.lead_style3{
grid-template-columns: 40fr 60fr;
}
a.main-article h1, div.main-page-articles a.main-article h1{
font-size: 86px;
font-family: 'roseford';
}
div.main-page-articles a.main-article.with-pic.lead_style2 div.title-and-lead h1{
font-size: 86px;
font-family: 'roseford';
}
a.main-article{
margin-top:0px;
padding:30px 0px;
border-top:2px solid #000;
}
a.main-article.with-pic div.title-and-lead{
padding-left:50px;
}
a.main-article.with-pic.lead_style2 div.title-and-lead, a.main-article.with-pic.lead_style3 div.title-and-lead{
padding-left:0px;
padding-right:50px;
}
a.main-article.with-pic.lead_style2 div.title-and-lead h1, a.main-article.with-pic.lead_style3 div.title-and-lead h1{
font-family:'robotobold';
font-size:36px;
}
a.main-article.with-pic.lead_style2 div.pic, a.main-article.with-pic.lead_style3 div.pic{
text-align: right;
}
* { margin:0; padding:0; }
a.mobile_3line {
position: absolute;
top: 20px;
left: 15px;
width: 30px;
height: 30px;
background: url(../pics/3line.svg) center center;
background-size: cover;
display: none;
z-index: 20;
}
a#scrollTop {
position: relative;
display: none;
width: 50px;
height: 50px;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 120;
background: #8389939f;
}
a#scrollTop:after {
content: '\25B2';
font-size: 25px;
line-height: 45px;
text-align: center;
color: #fff;
}
div.article_pager a{
display:inline-block;
width:30px;
height:30px;
margin:0px 3px;
background-color: #444;
color: #fff;
text-align: center;
line-height:30px;
font-size:16px;
font-family: 'robotobold';
}
div.article_pager a.akt{
background-color: #000;
}
div.article_box{
border-bottom:3px solid #000;
}
div.social_line{
display:block;
text-align:right;
line-height:25px;
float:right;
}
div.shop{
display: grid;
grid-template-columns: 240px 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
padding-top:0px;
}
.toolbar select{
height:auto;
}
.side-custom-menu ul{
list-style: none none;
}
#sform_shop .fieldset{
margin-bottom:0px;
}
#checkout_post_cart span.cq_num{
color:#000;
}
div#cart span.cq_num{
color:#fff !important;
}
.block-category-list .block-title, .block-content, .block-category-list .block-content, .filter-options-content, .sidebar-title{
padding:4px 0px;
}
.side-custom-menu ul{
padding:5px 0px;
}
.side-custom-menu ul li{
padding:0px 5px;
}
#prod-img{
width:100%;
}
div.product-page-full{
display: grid;
grid-template-columns: 500px 1fr;
grid-column-gap: 20px;
grid-row-gap: 20px;
padding:10px 0px;
}
table.form_table input[type="checkbox"]{
width:auto;
}
#sorter{
margin-right:0px;
}
form#sform_shop div.checkbox_block label{
display:block;
margin:0px;
}
h2.highlighted_products_title{
border-bottom:2px solid #000;
text-align: center;
padding-top:10px;
}
h2.highlighted_products_title span{
display: inline-block;
color:#fff;
background-color:#000;
height:44px;
line-height:44px;
position:relative;
}
h2.highlighted_products_title span:before, h2.highlighted_products_title span:after{
content: url('../pics/highlight-products-left.png');
background-color:transparent;
position: absolute;
top:0px;
left:-49px;
height:44px;
line-height:44px;
}
h2.highlighted_products_title span:after{
transform:scaleX(-1);
left:auto;
right:-49px;
}
#spotlight-products .owl-stage{
position:relative;
display: flex;
align-items: stretch;
margin-bottom:25px;
}
#spotlight-products .owl-controls .owl-prev,#spotlight-products .owl-controls .owl-next{
position:absolute;
left:0px;
font-size:0px;
}
#spotlight-products .owl-controls .owl-next{
left:auto;
right:0px;
}
#spotlight-products .owl-controls .owl-prev::after, #spotlight-products .owl-controls .owl-next::after{
content:"â";
font-size:55px;
color:#000;
position: absolute;
left:-40px;
top:-300px;
}
#spotlight-products .owl-controls .owl-next::after{
content: "â¸";
left:auto;
right:-40px;
}
#spotlight-products .shop-product{
margin:0px 5px;
height:100%;
}
@keyframes cookies-move {
from {
bottom:-400px;
}
to {
bottom:0px;
}
}
div.cookies-accept{
position:fixed;
bottom:0px;
left:0px;
padding:10px;
background-color:#fff;
color:#000;
-webkit-box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
-moz-box-shadow: 0px 1px 24px 1px rgba(0,0,0,0.75);
box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
width:100%;
z-index:110;
animation: cookies-move 1s ease-out 0s alternate;
}
div.cookies-accept a.cookies-accept-btn{
display:inline-block;
padding:4px;
background-color:#08c;
color:#fff;
margin-left:30px;
}
div.checkout_block div.payment_type div.control label{
font-size:22px;
padding:10px;
margin-bottom:4px;
display:block;
line-height:50px;
border: 1px solid #ccc;
border-radius: 6px;
}
div.checkout_block div.payment_type div.control label span.pricedesc{
margin-left:15px;
font-size:14px;
}
div.checkout_block div.payment_type div.control label input{
margin-right:15px;
}
div.checkout_block div.payment_type div.control label img{
vertical-align: middle;
}
div.pay-overlay{
position:fixed;
width:100vw;
height:100vh;
background-color: rgb(0 15 55 / 90%);
color:#fff;
z-index:1000;
top:0px;
left:0px;
line-height:100vh;
text-align: center;
}
div.pay-overlay > div{
display:inline-block;
line-height:1em;
vertical-align: middle;
}
.fotorama__stage:before{
left:0px;
}
.fotorama__stage:after{
right:0px;
}
footer.page-footer{
padding-top:20px;
}
footer.page-footer .wrapper{
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-top:20px;
font-family: opt, serif;
}
footer.page-footer .wrapper h4:first-of-type{
font-family: opt, serif;
font-size: 26px;
border-bottom:1px dotted #000;
padding-bottom:30px;
margin-bottom:30px;
}
footer.page-footer .wrapper p, footer.page-footer .wrapper ul{
padding-right:40px;
}
footer.page-footer .wrapper div:first-child{
padding-right:160px;
}
footer.page-footer .wrapper div:first-child h4{
font-family: opt, serif;
border-bottom:0px;
font-size: 22px;
}
footer.page-footer .wrapper a{
color:#B8C8BA;
text-decoration: underline;
}
h1.red-ribbon{
filter: drop-shadow(0px 14px 0px rgba(114,114,113, 0.3));
text-transform: uppercase;
color:#fff;
width:auto;
display:inline-block;
font-weight: normal;
font-size:45px;
font-family: opt;
padding:0px;
}
h1.red-ribbon span{
padding:45px 75px 45px 40px;
background: rgb(155,5,2);
background: linear-gradient(90deg, rgba(155,5,2,1) 0%, rgba(199,34,35,1) 15%, rgba(199,34,35,1) 100%);
clip-path: polygon(100% 0%, calc(100% - 30px) 49%, 100% 100%, 0 100%, 0 0);
width:auto;
display:inline-block;
}
div.bio-csiri{
background: #D7B56D url(../pics/bio-csiri-bg.png) no-repeat center center;
height: 77px;
border-top: 3px solid #A5AC52;
text-align: center;
background-size: 100%;
}
div.bio-csiri img{
margin-top:-90px;
position: relative;
z-index: 10;
}
div.bio-life{
background: #fff url(../pics/bio-bg.png) no-repeat bottom center;
background-size: 100%;
position:relative;
display: flex;
flex-direction: column;
min-height:535px;
}
div.bio-life-inner{
flex-grow: 1;
background: url(../pics/csira-tal.png) no-repeat right center;
height:100%;
}
div.bio-life-text{
position:absolute;
top:50px;
left:50px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
width:700px;
color:#225D2B;
}
div.bio-life-text > div:first-child{
text-align:right;
padding-right:50px;
}
div.bio-life-text > div:last-child{
padding-top:60px;
}
div.bio-life-text h2{
font-size:97px;
font-weight: normal;
color:#225D2B;
}
h1,h2,h3,h4{
font-family:opt;
}
div.csira-finom{
background-color: #225D2B;
min-height:460px;
padding:65px 75px;
color: #FFF7B2;
position:relative;
}
div.csira-finom h1, div.csira-finom h2{
color: #FFF7B2;
}
div.csira-finom h2{
font-size:55px;
text-transform: uppercase;
line-height: 120%;
font-weight: normal;
}
div.csira-finom h2 span.big{
font-size:95px;
}
div.csira-finom img.csira-girl{
position:absolute;
top: -25px;
right:0px;
}
div.csira-finom-text{
padding-right:420px;
}
div.csira-hatosag{
background:#E4E4E4 url(../pics/hands-v2.png) no-repeat left top;
padding-left:650px;
min-height:395px;
padding-top:50px;
padding-right:40px;
text-align: right;
color:#2E2652;
}
div.csira-hatosag h2{
font-size:36px;
font-weight: bold;
color:#2E2652;
font-family:myriadpro;
}
div.kes-csira-villa{
background:#EEF1F8 url(../pics/kes-csira-villa.png) no-repeat right top;
min-height:550px;
padding-top:40px;
padding-right:600px;
}
div.kes-csira-villa-text{
padding-left:40px;
}
div.dark-green{
position:relative;
background-color:#073923;
color:#fff;
padding:110px;
border-top:15px solid #D7B56D;
text-align:center;
}
div.dark-green img.csiri-az-ebredo-elet-title{
position: absolute;
top: -100px;
left: calc(50% - 442px);
}
div.dark-green h2{
color:#fff;
font-size:60px;
font-weight: normal;
}
div.products-top{
padding:60px 50px;
}
div.products-top h1{
font-size:50px;
color:#96A7B1;
font-weight: normal;
}
div.products-desc{
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 100px;
grid-row-gap: 20px;
}
div.products-list{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 10px;
grid-row-gap: 10px;
}
div.col2{
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 60px;
grid-row-gap: 60px;
padding:40px;
}
div.quality div.col2{
padding:10px 0px;
}
div.quality div.right-text{
padding-top:70px;
}
div.quality h1{
font-family:opt;
font-size:90px;
color:#748187;
font-weight: normal;
}
div.quality h2,
div.quality h3{
font-family:opt;
color:#748187;
font-weight: normal;
}
div.no-padding{
padding:0px;
}
div.left-bigger{
grid-template-columns: 1.2fr 0.8fr;
}
div.one-csira{
background: url(../pics/one-csira-only.jpg) no-repeat top right;
padding-right:35%;
}
div.one-csira div.one-csira-inner{
background: url(../pics/green-noise.jpg) no-repeat top left;
min-height:510px;
padding:40px;
color:#FFFBDB;
}
div.one-csira div.one-csira-inner h2{
color:#FFF7B2;
font-family: opt;
font-size:90px;
font-weight: normal;
}
div.csira-on-the-left{
background: url(../pics/csira-on-the-left.jpg) no-repeat top left;
background-size: cover;
min-height: 617px;
padding:190px 80px 0px 50%;
color:#fff;
}
div.csira-box{
background: url(../pics/csira-box-bg.png) no-repeat top right;
margin-top:-45px;
min-height:540px;
color:#36464D;
padding:100px 53% 0px 80px;
}
div.logo-set{
text-align:center;
color:#96A7B1;
}
div.logo-set-product-page{
display:inline-block;
}
div.logo-set-inner{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 20px;
grid-row-gap: 20px;
padding:40px 0px;
margin:0 auto;
width: 63%;
font-family:grmb;
}
div.logo-set-product-page div.logo-set-inner{
margin:0;
font-size:12px;
width:60%;
}
div.logo-set-product-page div.logo-set-inner p{
font-size:12px;
}
div.logo-set-inner div.imgc{
min-height:170px;
line-height: 170px;
}
div.logo-set-product-page div.logo-set-inner div.imgc{
min-height:120px;
line-height: 120px;
}
div.logo-set-inner div.imgc img{
vertical-align: middle;
}
div.activity-container{
background: url(../pics/activity-top-container-bg.jpg) repeat center bottom;
}
div.activity-top{
background: transparent url(../pics/csira-greybg.jpg) no-repeat center bottom;
min-height:847px;
}
div.activity-top-inner{
padding: 120px 100px 350px 100px;
text-align: center;
color:#36464D;
}
div.activity-top-inner h1{
font-family: opt;
font-weight: normal;
font-size: 90px;
color:#36464D;
}
div.magyar-kormany{
color: #56698F;
border-top:3px solid #52648A;
border-bottom:3px solid #52648A;
padding:50px;
}
div.prod-top{
padding:90px 30px 10px 30px;
position:relative;
}
div.prod-top div.prod-badges{
position:relative;
top:0px;
right:0px;
float:right;
}
div.prod-top h1{
font-family: grm;
font-weight: normal;
color: #96A7B1;
font-size:70px;
}
div.prod-top h1 span.light{
font-family: grmb;
font-weight: normal;
}
div.pics-and-minerals{
display: grid;
grid-template-columns: 930px 1fr;
grid-column-gap: 10px;
grid-row-gap: 10px;
padding:0px;
font-family: grmb;
font-weight: normal;
}
div.pics-and-minerals div.prod-minerals{
padding-top:230px;
}
div.pics-and-minerals div.prod-minerals.no-circle-img{
padding-top:0px;
}
div.pics-and-minerals div.prod-minerals h4{
font-size:12px;
font-family: grmb;
font-weight: normal;
color:#96A7B1;
padding-bottom:0px;
margin-bottom:0px;
}
div.pics-and-minerals div.prod-minerals span.item{
display:block;
padding:10px 0px;
border-bottom:2px dotted #94A4AD;
}
div.pics-and-minerals div.prod-minerals span.coma{
display:none;
}
div.pics-and-other-container{
position: relative;
}
div.pics-and-other-container div.pics-circle{
position:absolute;
left:750px;
top:-200px;
z-index: 10;
border: 10px solid #D0E2E8;
padding:0px;
width:380px;
height:380px;
-webkit-border-radius: 195px;
-moz-border-radius: 195px;
border-radius: 195px;
overflow:hidden;
background-color:#fff;
}
div.pics-and-other-container div.pics-circle div.pics-circle-inner{
width:370px;
height:370px;
-webkit-border-radius: 185px;
-moz-border-radius: 185px;
border-radius: 185px;
border:5px solid #fff;
overflow:hidden;
line-height:370px;
vertical-align: middle;
}
div.pics-and-other-container div.pics-circle div.pics-circle-inner img{
vertical-align: middle;
width:auto;
max-width:none;
}
div.prod-data{
padding:0px;
font-family: grmb;
font-weight: normal;
color:#96A7B1;
margin:10px 0px;
}
div.prod-data > div{
display:inline-block;
border-left:1px solid #96A7B1;
padding:20px 100px 20px 25px;
}
div.prod-data > div:first-of-type{
padding-left:0px;
border-left:0px;
}
div.prod-data h4{
font-family: grmb;
font-weight: normal;
color:#96A7B1;
font-size:11px;
margin-bottom:0px;
padding-bottom:3px;
}
div.prod-data p{
margin-bottom:0px;
}
div.prod-short-desc{
padding-right:350px;
}
div.prod-long-desc{
padding-top:20px;
}
div.recipe-top{
padding-top:25px;
line-height: 0px;
}
div.no2-bg{
background: #36464D url(../pics/gold2.png) repeat-x center left;
height:50px;
text-align: center;
}
div.no2-bg img{
margin-top:-32px;
vertical-align: middle;
}
div.recipe-card{
color: #332A62;
min-height:576px;
margin-bottom:20px;
}
div.recipe-card h1{
margin-bottom:0px;
color:#332A62;
font-size:42px;
font-family: opt;
font-weight: normal;
margin-bottom:25px;
}
div.recipe-card h2{
margin-top:-25px;
margin-bottom:20px;
color:#332A62;
font-size:24px;
font-weight: normal;
font-family: opt;
text-transform: none;
}
div.recipe-card h2.ingredients-title{
margin-bottom:10px;
font-size:24px;
padding-top:20px;
line-height:32px;
font-family: Serif;
}
div.recipe-card h2.ingredients-title::before{
content: url(../pics/cart-icon.png);
margin-right:20px;
vertical-align: middle;
display:inline-block;
}
p.ingredients-list{
color:#8C5B1D;
}
div.sparga-salata{
background: #C0B4CC url(../pics/sparga-salata-bg.png) no-repeat bottom left;
min-height:576px;
}
div.sparga-salata div.inner{
padding:115px 30px 30px 555px;
}
div.PROSCIUTTO{
background: #DCE2F0 url(../pics/prosciutto-bg.png) no-repeat bottom center;
min-height:668px;
}
div.PROSCIUTTO div.inner{
padding:30px 30px 380px 30px;
text-align: center;
}
div.tortilla{
background: #DCE3F4 url(../pics/tortilla-bg.png) no-repeat top left;
min-height:656px;
}
div.tortilla div.inner{
padding:115px 30px 30px 587px;
}
div.zoldborso-kremleves{
background: #CBD1E9 url(../pics/zoldborso-kremleves-bg.png) no-repeat bottom right;
min-height:656px;
}
div.zoldborso-kremleves div.inner{
padding:115px 600px 30px 80px;
}
div.mungobabcsiras-rantotta{
background: #C9C7D2 url(../pics/mungobabcsiras-rantotta-bg.png) no-repeat bottom left;
min-height:576px;
}
div.mungobabcsiras-rantotta div.inner{
padding:115px 30px 30px 700px;
}
div.availability{
display: grid;
grid-template-columns: 440px 1fr;
grid-column-gap: 10px;
grid-row-gap: 10px;
padding:20px 0px;
color:#073923;
}
div.availability a{
color:#6CB435;
text-decoration: underline;
}
div.availability h1{
color:#225D2B;
font-family: opt;
font-size:28px;
font-weight: normal;
}
div.availability > div:first-child{
padding:50px;
}
.owl-theme .owl-controls{
text-align: left;
}
.owl-theme .owl-dots .owl-dot{
border:2px solid #fff;
}
.owl-theme .owl-dots .owl-dot img{
vertical-align: middle;
}
.owl-theme .owl-dots .owl-dot.active{
border:2px solid #96A7B1;
}
@media(max-width:1220px) {
div.pics-and-other-container div.pics-circle{
left:auto;
right:100px;
transform: scale(0.4);
}
div.pics-and-minerals div.prod-minerals, div.pics-and-minerals div.prod-minerals.no-circle-img{
padding-top:10px;
}
div.pics-and-minerals{
grid-template-columns: 4fr 1fr;
}
}
@media(max-width:1200px) {
.wrapper{
width:auto;
margin:0px;
padding:0px;
}
#spotlight-products .owl-controls .owl-prev::after{
left:-10px;
}
#spotlight-products .owl-controls .owl-next::after{
right:-10px;
}
}
@media(max-width:1100px){
nav#top-menu ul, nav#top-menu ul li{
display:block;
}
body.top-fix header{
position:relative;
top:auto;
left:auto;
}
body.top-fix a.main-logo, body.top-fix div.logo-bg{
position:absolute;
}
body.top-fix main{
padding-top:0px;
}
body.top-fix header div.full-head, header div.full-head{
padding-top:0px;
grid-template-columns: 1fr 0px 1fr;
display:block;
}
body.top-fix header div.full-head.mshow, header div.full-head.mshow{
padding-top:0px;
border-bottom: 2px solid #006B3F;
}
div#cart{
right:auto;
left:-20px;
}
div#cart.speech-bubble:after{
right:auto;
left:40px
}
body.top-fix header div.full-head div.top-right, header div.full-head div.top-right{
text-align:left;
padding:5px;
}
header div.full-head div.top-right.second-line,
header div.full-head div.top-left.second-line,
header div.full-head nav#top-menu{
display:none;
-webkit-box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
-moz-box-shadow: 0px 1px 24px 1px rgba(0,0,0,0.75);
box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
}
header div.full-head.mshow nav#top-menu{
position: relative;
display:block;
z-index:12;
padding-bottom:0px;
}
header{
border-bottom:0px;
-webkit-box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
-moz-box-shadow: 0px 1px 24px 1px rgba(0,0,0,0.75);
box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
height:70px;
}
a.main-logo, div.logo-bg{
padding:0px;
}
header div.full-head div.top-left, header div.full-head div.top-right, header div.full-head div.logo-placeholder{
padding:5px;
}
a.main-logo, div.logo-bg {
width: 80px;
height: 80px;
left: calc(50% - 30px);
}
a.main-article.with-pic{
display:block;
}
a.main-article.with-pic div.pic{
text-align:center;
}
a.main-article.with-pic div.title-and-lead{
padding-left:0px;
}
body.top-fix nav#top-menu ul li a{
padding: 5px 20px 3px 20px;
font-size:22px;
}
input#qsearch{
width: calc(100vw - 55px);
}
body.top-fix header div.full-head div.top-right, header div.full-head div.top-right{
padding:5px;
float:right;
max-width: 35vw;
}
body.top-fix header div.full-head header div.full-head div.top-left, header div.full-head div.top-left{
padding:5px;
padding-left:50px;
float:left;
max-width: 35vw;
}
div.head-inner{
padding:5px;
line-height:1em;
height:auto;
min-height:0px;
}
body.top-fix header{
width:100%;
}
.logo-placeholder, body.top-fix div.full-head div.logo-placeholder{
display:none;
}
a.mobile_3line{
display:block;
}
div.main-black div.wrapper div.main-black-inner{
display:block;
}
div.main-black div.wrapper div.main-black-inner > div:first-of-type{
border:0px;
padding-bottom:20px;
}
div.header-container{
border-bottom:0px;
}
div.top-links div.shop-icons a span.icon{
margin-right:0px;
}
div.top-links div.shop-icons a span.text{
display:none;
}
div.full-head div.top-right.top-links{
position: absolute;
top: 5px;
width: calc(100% - 15px);
}
div.full-head div.top-right.top-links div.shop-icons{
padding-top:5px;
margin-left:50px;
}
div.bio-life-inner{
background-image: none;
}
div.bio-life-text{
display: block;
position:relative;
width: auto;
padding:20px 20px 100px 20px;
top: 0px;
left: 0px;
}
div.bio-life-text > div:first-child{
padding-top:0px;
padding-right:0px;
}
div.bio-life-text > div:last-child{
padding-top:0px;
}
div.bio-csiri img{
margin-top:-22px;
width:120px;
}
footer.page-footer .wrapper{
padding:20px;
}
footer.page-footer .wrapper div:first-child{
padding-right:0px;
}
div.csira-hatosag{
padding:40px 40px 35vw 40px;
background-size: 200%;
background-position: 0px bottom;
}
div.kes-csira-villa{
padding:40px 40px 100vw 0px;
background-position: bottom center;
background-size: 100vw;
min-height:0px;
}
nav#top-menu ul{
border-top: 2px solid #006B3F;
margin-top:50px;
background-color: #fff;
}
nav#top-menu ul li a{
text-align: left;
display:block;
padding:10px;
}
div.one-csira{
padding-right:0px;
}
div.one-csira div.one-csira-inner{
min-height:0px;
background-size:cover;
}
div.csira-on-the-left{
padding:20px;
background-position:top right;
background-repeat: repeat;
background-size:150%;
min-height:0px;
}
div.products-list{
grid-template-columns: 1fr 1fr;
}
}
@media(max-width:1030px){
div#shop_content{
grid-template-columns: 1fr 1fr 1fr;
}
div.dark-green img.csiri-az-ebredo-elet-title{
width:80vw;
top: -9vw;
left: calc(9vw);
}
}
@media(max-width:920px){
/*
nav#top-menu ul, nav#top-menu ul li{
display:block;
}
*/
header{
background:#fff;
}
header div.full-head{
grid-template-columns: 1fr 140px 1fr;
}
a.main-logo, div.logo-bg{
width:116px;
height:116px;
left: calc(50% - 58px);
}
nav#top-menu ul{
grid-template-columns:auto auto 0 auto auto;
}
footer.page-footer .wrapper{
padding:10px;
grid-template-columns:auto auto;
}
footer.page-footer .wrapper h4:first-of-type{
margin-bottom:10px;
padding-bottom:0px;
}
div.csira-finom{
text-align:center;
}
div.csira-finom-text{
padding-right:0px;
text-align:left;
}
div.csira-finom img.csira-girl{
position:relative;
top:auto;
left:auto;
}
div.dark-green{
padding:50px;
}
div.csira-box{
padding:20px;
background:#fff;
min-height: 0px;
margin-top:0px;
}
div.pics-and-minerals{
display:block;
}
div.prod-top div.prod-badges{
position: relative;
}
div.prod-short-desc{
padding-right:0px;
}
div.prod-top{
padding:120px 20px 20px 20px;
}
div.prod-top h1{
font-size:50px;
}
div.logo-set-product-page{
display: block;
}
div.logo-set-product-page div.logo-set-inner{
width:100%;
}
div.logo-set-product-page div.logo-set-inner div.imgc{
width:auto;
}
div.activity-top-inner h1{
font-size:60px;
}
div.prod-top div.prod-badges{
top:auto;
right:auto;
text-align: center;
padding:10px 0px;
float:none;
}
div.prod-top div.prod-badges img{
height:100px;
}
div.prod-top {
padding: 40px 20px 20px 20px;
}
div.pics-and-minerals div.prod-minerals span.item{
display:inline-block;
border-bottom:0px;
}
div.pics-and-minerals div.prod-minerals span.coma{
display:inline-block;
margin-right:5px;
}
div.pics-and-minerals div.prod-minerals{
border-top: 2px dotted #94A4AD;
border-bottom: 2px dotted #94A4AD;
padding:10px 0px;
}
}
@media(max-width:860px){
div.logged{
position:relative;
top:0px;
right:0px;
}
div.article1-bottom{
display:block;
}
div.article1-bottom > div{
padding:20px 0px;
margin-bottom:10px;
}
body.top-fix div.full-head div.not-in-fixed{
display:block;
}
div.art1-head div.art-title{
position:relative;
width:auto;
}
div.art1-head{
padding-bottom:10px;
}
div.article1-main{
display:block;
}
a.main-article h1{
font-size:46px;
}
div.pics-and-other-container div.pics-circle{
top:-150px;
right:-150px;
transform: scale(0.2);
}
div.prod-data > div{
display:block;
border-left: 0px;
border-bottom: 1px solid #96A7B1;
padding:10px 0px;
}
div.lang-links{
top:20px;
right:10px;
}
div.sparga-salata,
div.tortilla,
div.zoldborso-kremleves,
div.mungobabcsiras-rantotta{
background-position: bottom center;
}
div.sparga-salata div.inner,
div.tortilla div.inner,
div.zoldborso-kremleves div.inner,
div.mungobabcsiras-rantotta div.inner{
background-color: #ffffffbd;
padding:50px 30px 30px 30px;
margin:0px 40px 40px 40px;
}
}
@media(max-width:840px){
div.shop{
display:block;
}
div.product-page-full{
display:block;
}
div.product-info-main{
padding-top:20px;
}
.product-info-main .fieldset > .field.qty{
margin-bottom:0px;
}
.product-info-main .fieldset{
text-align:center;
}
div.col2{
display:block;
padding:20px 20px 0px 20px;
}
div.col2 > div{
padding-bottom:30px;
}
div.activity-top-inner{
padding: 80px 30px 350px 30px;
}
body.top-fix header div.full-head header div.full-head div.top-left, header div.full-head div.top-left,
body.top-fix header div.full-head div.top-right, header div.full-head div.top-right{
display:none;
}
div.availability{
grid-template-columns: 1fr 2fr;
}
div.availability > div:first-child{
padding:10px;
}
}
@media(max-width:580px){
div.wrapper{
width:auto;
}
div#shop_content{
display:block;
text-align:center;
}
div#shop_content div.shop-product{
margin-bottom:10px;
margin:0px auto;
text-align:left;
}
div.main-page-articles a.main-article.with-pic.lead_style2 div.title-and-lead h1{
font-size:34px;
}
div.logo-set-inner{
display:block;
}
div.logo-set-inner div.imgc{
line-height:normal;
min-height:0px;
padding:20px 0px;
}
div.products-list{
grid-template-columns: 1fr;
padding:10px;
text-align: center;
}
a.shop-product{
margin:0px auto;
text-align:left;
}
div.availability{
display:block;
}
div.availability > div{
padding:10px;
}
div.bio-life-text h2{
font-size:62px;
}
div.csira-finom h2{
font-size:42px;
}
div.csira-finom h2 span.big{
font-size:62px;
}
div.csira-finom{
padding:65px 20px;
}
div.dark-green h2{
font-size:42px;
}
div.dark-green{
padding:30px 20px;
}
footer.page-footer .wrapper{
display:block;
}
}