html {
min-height : 100%;
}
body {
min-height : 100%;
line-height : 1.5;
font-size : 16px;
color : #000000;
background-color : #f7f7f7;
position : relative;
}
body * {
font-family : "Open Sans", 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
.semibold {
font-weight : 600;
}
b {
font-weight : 700;
}
.color--1 {
color : #333333;
}
.wrapper {
position : relative;
min-height : 100%;
}
.footer-height-compensation {
height : 89px;
}
/*-------------Start Header Top-------------*/
.header_container .container {
margin : 0 auto;
width : 940px;
padding : 11px 0 16px;
}
/*-------------End Header Top-------------*/
/*------------Start Button--------------*/
.page .btn-wrapper {
display : inline-block;
margin : 22px 0 0 0;
}
.page .btn {
display : inline-block;
padding : 18px 15px 19px;
min-width : 168px;
line-height : 1.2;
font-weight : 600;
color : #449438;
font-size : 18px;
text-align : center;
text-decoration : none;
text-transform : uppercase;
border : 1px solid #158404;
border-radius : 30px;
background-color : #f7f7f7;
}
.page .btn.btn--green {
background : #158404;
color : #ffffff;
}
.page .btn:hover {
background : #94de8c;
border : 1px solid #94de8c;
}
.page .btn.btn--green:hover {
border : 1px solid #57b749;
background : #57b749;
}
@supports (transition: initial) {
.page .btn:hover {
transition : all ease-out 300ms;
}
}
/*------------End Button--------------*/
/*------------Start Page--------------*/
.page {
width : 100%;
margin : 13px 0 0;
position : relative;
/*padding-bottom : 90px; !*Space for footer*!*/
}
.page__content {
max-width : 840px;
margin : 0 auto;
padding : 0 10px;
text-align : center;
}
/*------------End Page--------------*/
/*------------Start Section--1--------------*/
.section.section--1 {
background-color : #ffffff;
}
.heading {
font-size : 22px;
font-weight : 700;
line-height : 1.15;
margin : 0 auto;
color : #000000;
text-align : center;
padding : 37px 0 8px 7px;
letter-spacing : -0.1px;
text-indent : -27px;
}
.sub-heading {
font-size : 16px;
color : #555555;
font-weight : 400;
padding : 0 8px 0 0;
letter-spacing : -0.2px;
}
.heading__img {
display : inline-block;
width : 16px;
height : 16px;
background : url("../../../images/du/precart7/sprite.png") 0 0 no-repeat transparent;
margin : 0;
}
.heading__link {
color : #2565a5;
text-decoration : underline;
}
.heading__link:hover {
text-decoration : none;
}
/*------------End Section--1--------------*/
/*------------Start Section--2--------------*/
.page__section.page__section--2 {
padding : 26px 0 0 0;
}
.page__section.page__section--2 .page__content {
display : -ms-flexbox;
display : -webkit-box;
display : flex;
-ms-flex-pack : center;
-webkit-box-pack : center;
justify-content : center;
-ms-flex-line-pack : center;
align-content : center;
}
.block {
-ms-flex-preferred-size : 318px;
flex-basis : 318px;
margin : 0 18px;
border-style : solid;
border-width : 1px;
border-color : rgb(220, 222, 224);
border-radius : 3px;
background-color : rgb(247, 247, 247);
padding : 0 0 43px;
-ms-flex-item-align : start;
-ms-grid-row-align : start;
align-self : start;
}
.block.block--right {
border-radius : 5px;
-webkit-box-shadow : 0 5px 30px 0 rgba(68, 148, 56, 0.3);
box-shadow : 0 5px 30px 0 rgba(68, 148, 56, 0.3);
}
.block__banner {
min-height : 190px;
margin : 0 0 80px 0;
}
.block--left .block__banner {
background-color : rgb(184, 189, 192);
}
.block--right .block__banner {
background-color : rgb(68, 148, 56);
}
.block__label {
font-size : 16px;
font-weight : 700;
color : #ffffff;
text-transform : uppercase;
padding : 17px 0 10px 0;
letter-spacing : 3.3px;
}
.block__img {
position : relative;
width : 160px;
margin : 0 auto;
}
.block__img img {
position : absolute;
/*margin : 0 0 0 -80px;*/
left : -4px;
top : -2px;
}
.block__name {
font-size : 18px;
font-weight : 700;
color : #000000;
text-transform : capitalize;
padding : 0 9px 2px 0;
letter-spacing : -0.25px;
}
.block__subname {
font-size : 14px;
font-weight : 600;
color : #525252;
letter-spacing : -0.1px;
}
.block__line {
background-color : rgb(175, 175, 175);
height : 1px;
width : 50px;
margin : 12px auto 7px;
}
.block__list {
display : -webkit-box;
display : -ms-flexbox;
display : flex;
-webkit-box-orient : vertical;
-webkit-box-direction : normal;
-ms-flex-direction : column;
flex-direction : column;
-webkit-box-pack : start;
-ms-flex-pack : start;
justify-content : flex-start;
-ms-flex-line-pack : center;
align-content : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
height : 110px;
}
.block__list-item {
font-size : 14px;
font-weight : 400;
color : #333333;
list-style-image : url("../../../images/du/precart7/list-item.png");
text-align : left;
padding : 0 0 20px 0;
max-width : 227px;
line-height : 1.4;
}
.block--left .block__list-item {
max-width : 200px;
}
.block__price {
font-size : 28px;
font-weight : 700;
color : #333333;
padding : 6px 0 0 0;
}
.block--left .block__price {
padding : 10px 0 0 0;
}
.block__underprice {
font-size : 14px;
font-weight : 700;
color : #449438;
margin : -1px 0 -16px 0;
}
.block__price span {
font-size : 16px;
font-weight : 700;
color : #fd2c2c;
text-decoration : line-through;
}
/*------------End Section--2--------------*/
/*------------Start Learn more--------------*/
.showmore {}
.showmore__content {
height : 75px;
overflow : hidden;
-webkit-box-ordinal-group : 1;
-ms-flex-order : 0;
order : 0;
position : relative;
}
@supports (transition: initial) {
.showmore__content {
transition : height 1s;
}
}
.showmore__content::after {
content : '';
position : absolute;
bottom : 0;
right : 0;
left : 0;
height : 10px;
background : rgb(247, 247, 247);
background : -webkit-gradient(linear, left top, left bottom, from(rgba(247, 247, 247, 0)), to(rgba(247, 247, 247, 1)));
background : -o-linear-gradient(top, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 100%);
background : linear-gradient(180deg, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 100%);
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#f7f7f7", GradientType=1);
}
.showmore__button[type="checkbox"] {
display : none;
}
.showmore__button[type="checkbox"]:checked + .showmore__content {height : 228px;}
.de .showmore__button[type="checkbox"]:checked + .showmore__content {height : 285px;}
.fr .showmore__button[type="checkbox"]:checked + .showmore__content {height : 285px;}
.nl .showmore__button[type="checkbox"]:checked + .showmore__content {height : 285px;}
.no .showmore__button[type="checkbox"]:checked + .showmore__content {height : 285px;}
.da .showmore__button[type="checkbox"]:checked + .showmore__content {height : 260px;}
.es .showmore__button[type="checkbox"]:checked + .showmore__content {height : 270px;}
.ru .showmore__button[type="checkbox"]:checked + .showmore__content {height : 270px;}
.bg .showmore__button[type="checkbox"]:checked + .showmore__content {height : 270px;}
.el .showmore__button[type="checkbox"]:checked + .showmore__content {height : 270px;}
.pl .showmore__button[type="checkbox"]:checked + .showmore__content {height : 270px;}
.pt .showmore__button[type="checkbox"]:checked + .showmore__content {height : 270px;}
.it .showmore__button[type="checkbox"]:checked + .showmore__content {height : 270px;}
.ja .showmore__button[type="checkbox"]:checked + .showmore__content {height : 270px;}
.showmore__button[type="checkbox"]:checked ~ .showmore__label {
visibility : hidden;
}
.showmore__label {
-webkit-box-ordinal-group : 2;
-ms-flex-order : 1;
order : 1;
font-size : 14px;
font-weight : 700;
color : #449438;
text-decoration : underline;
cursor : pointer;
margin : 13px -3px 0 0;
padding : 0 23px 0 0;
display : inline-block;
letter-spacing : -0.1px;
background : url("../../../images/du/precart7/learnmore-arrow.png") 100% 8px no-repeat transparent;
}
/*------------End Learn more--------------*/
/*------------Start Section--3--------------*/
.page__section.page__section--3 {}
.garantee {
font-size : 14px;
color : #81898e;
font-weight : 700;
text-transform : uppercase;
padding : 53px 0 139px 0;
letter-spacing : -0.3px;
}
.garantee span {
font-weight : 800;
}
.garantee__img {
display : inline-block;
width : 24px;
height : 24px;
background : url("../../../images/du/precart7/sprite.png") -42px 0 no-repeat transparent;
margin : 2px 8px -7px -29px;
}
/*------------End Section--3--------------*/