/* Reset */

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body { width: 100%; height: 100%; text-align: left; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: #fff; font-family: 'Poppins', Arial, sans-serif; font-size: 16px; line-height: 150%; color: #333; font-weight: 400;}
* { -webkit-touch-callout: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, progress { padding: 0; margin: 0; border: 0; vertical-align: baseline; outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; }
audio:not([controls]) { height: 0; display: none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
strong { font-weight: bold; }
sub, sup { font-size: 60%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
hr { height: 0; }
button, input, optgroup, select, textarea { padding: 0; margin: 0; font-family: inherit; color: inherit; font-size: 100%; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
textarea { overflow: auto; resize: none; vertical-align: top; }
input::-moz-placeholder, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder { opacity: 1; }
input, textarea { -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }
input { box-shadow: none; }
a { background-color: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #f26513; }
a:link, a:active, a:visited { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:hover { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
:focus { outline: none; }
[hidden] { display: none; }
.clear { width: 0; height: 0; padding: 0; margin: 0; display: block; visibility: hidden; overflow: hidden; font-size: 0; line-height: 0; clear: both; }
.clearfix:after { content: ' '; width: 0; height: 0; padding: 0; margin: 0; display: block; visibility: hidden; overflow: hidden; font-size: 0; line-height: 0; clear: both; }


/* GLOBAL */

#main { width: 100%; min-width: 320px; position: relative; overflow: hidden;}
.inner {max-width: 1240px; margin: 0 auto; width: 100%; display: block; padding: 0 10px;}
.inner.v2 {max-width: 1260px;}
.heading { width: 100%; display: block; position: relative; white-space: normal; margin-bottom: 20px;}
.heading.v3 {margin-bottom: 30px;}
.heading.v3 span {font-weight: 400;}
.heading h1, .heading h2, .heading h3 { font-size: 45px; line-height: 45px; color: #999; font-weight: 400;}
.heading span {font-size: 50px; text-transform: uppercase;}
.heading.v2 h1, .heading.v2 h2, .heading.v2 h3 {font-size: 30px; line-height: 33px; font-weight: 700;}
.heading.v3 h1, .heading.v3 h2, .heading.v3 h3 { font-size: 50px; line-height: 56px; color: #fff; font-weight: 700;}
.heading.v3 span {text-transform: none;}
.heading.w-border {padding-bottom: 20px; border-bottom: 1px solid #dedede;}

.blue {color: #269ac7 !important;}
.orange {color: #f26513 !important;}
.green {color: #5b9f1d !important;}
.float-r {float: right; padding: 0 10px; width: 53%; margin-bottom: 160px; margin-right: 90px;}
.float-l {float: left; padding: 0 10px; width: 53%; margin-bottom: 100px; margin-left: 90px;}
.float-l.v2 {margin-bottom: 160px; margin-left: 60px;}
.float-r.v2 {margin-right: 60px;}
.float {width: 50%; position: absolute; left: 10px; top: 0; padding: 0 10px;}
.float.v2 {left: auto; right: 10px;}

.continut {padding: 0 10px; display: block;}
.continut p {margin: 0 0 30px;}
.continut.v2 {color: #fff; text-align: center;}
.continut.v2 p, .continut.v3 p {max-width: 60%; margin: 0 auto 30px;}
.continut.v2 .heading h1, .continut.v2 .heading h2, .continut.v2 .heading h3 {color: #fff; font-weight: 700; font-size: 48px; line-height: 50px;}
.continut.v2 .buton, .continut.v3 .buton {margin: 0 auto;}
.continut.v3 {color: #333; text-align: center;}
.continut.v3 .heading h1, .continut.v3 .heading h2, .continut.v3 .heading h3 {font-size: 40px; line-height: 45px; font-weight: 700;}
.continut.v3 .img {max-width: 100%; height: auto;}
.section.aux .continut.v2 {padding: 0 20px;}

.certificare {width: 100%; display: block; margin-bottom: 30px; padding: 0 50px;}
.certificare img {max-width: 100%; height: auto;}


/* Icons */

.ico { background: url('../img/sprite.png') 0 0 no-repeat; display: block; }
.logo {width: 228px; height: 39px; background: url('../img/logo.png') 0 0 no-repeat; display: block;}
.logo-w {width: 228px; height: 39px; background: url('../img/logo-w.png') 0 0 no-repeat; display: block;}
.logo-f {width: 237px; height: 95px; background: url('../img/logo-f.png') 0 0 no-repeat; display: block; position: relative;}
.logo-mobile {width: 170px; height: 29px; background: url('../img/logo-mobile.png') 0 0 no-repeat; display: none;}
.logo-w-mobile {width: 117px; height: 20px; background: url('../img/logo-w-mobile.png') 0 0 no-repeat; display: none;}
.logo-f-mobile {width: 120px; height: 48px; background: url('../img/logo-f-mobile.png') 0 0 no-repeat; display: none;}
.ico.fb {width: 40px; height: 40px; background-position: 0 0;}
.ico.insta {width: 40px; height: 40px; background-position: -40px 0;}
.ico.youtube {width: 40px; height: 40px; background-position: -80px 0;}
.ico.fb2 {width: 40px; height: 40px; background-position: 0 -40px;}
.ico.insta2 {width: 40px; height: 40px; background-position: -40px -40px;}
.ico.youtube2 {width: 40px; height: 40px; background-position: -80px -40px;}
.ico.m-meniu {width: 30px; height: 22px; background-position: -120px 0;}
.ico.search {width: 22px; height: 22px; background-position: -120px -40px;}
.ico.prev {width: 12px; height: 20px; background-position: -160px 0;}
.ico.next {width: 12px; height: 20px; background-position: -180px 0;}

/* GENERALE */

.buton {width: 180px; height: 50px; border-radius: 25px; background: #f26513; color: #fff !important; font-size: 17px !important; line-height: 50px !important; font-weight: 700; text-transform: uppercase; text-align: center; display: block;}
.buton:hover {background: #269ac7;}
.buton.v3 {background: #269ac7;}
.buton.v3:hover {background: #f26513;}
.buton.big {height: 60px; line-height: 60px !important; border-radius: 30px; width: auto !important; display: inline-block; padding: 0 25px;}

.social li {float: left; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #fff; position: relative;}
.social.v2 li {border-color: #18a9d0; padding: 0; margin-right: 20px;}
.social li:hover {border-color: #269ac7;}
.social.v2 li:hover {border-color: #004054;}
.social li .ico { position: absolute; top: 3px; left: 3px; }

.input { width: 100%; height: 50px; display: block; border: 2px solid #b4b4b4; background: transparent; border-radius: 0 25px 25px 25px; overflow: hidden;}
.input.cautare {padding-right: 55px; position: relative; border-color: #fff; margin: 30px auto; width: 100%;  max-width: 520px;}
.input input { width: 100%; height: 46px; border: none; background: none; padding: 0 20px; color: #8db5c4; font-weight: 400; }
.input input::-webkit-input-placeholder { color: #8db5c4; }
.input input:-moz-placeholder { color: #8db5c4; opacity: 1; }
.input input::-moz-placeholder { color: #8db5c4; opacity: 1; }
.input input:-ms-input-placeholder { color: #8db5c4; }
.input input:placeholder-shown { color: #8db5c4; }
.input.eroare { border-color: #e30c2e; }
.input .c-search {width: 50px; height: 50px; position: absolute; top: 0; right: 0;}
.input .c-search .ico {position: absolute; left: 12px; top: 12px;}
.input .c-search:hover .ico {background-position: -160px -40px;}

.textarea { width: 100%; height: 200px; display: block; border: 2px solid #b4b4b4; background: #fff; overflow: hidden; border-radius: 0 25px 25px 25px;}
.textarea textarea { width: 100%; height: 100%; border: none; background: none; padding: 15px;}
.textarea textarea::-webkit-input-placeholder { color: #333; }
.textarea textarea:-moz-placeholder { color: #333; opacity: 1; }
.textarea textarea::-moz-placeholder { color: #333; opacity: 1; }
.textarea textarea:-ms-input-placeholder { color: #333; }
.textarea textarea:placeholder-shown { color: #333; }
.textarea.eroare { border-color: #e30c2e; }

/* Info boxes */

.info-box {-webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); margin-top: 40px; padding: 20px 30px 0 50px; background: #fff; z-index: 10; position: relative;}
.info-box .continut {width: calc(100% - 210px); float: left; padding-top: 20px; padding-right: 0;}
.info-box p {font-size: 14px; line-height: 20px; color: #333;}
.float .img {width: 100%; height: auto;}
.float .img img {width: 100%; height: auto;}
.info-box .img {width: 210px; height: auto; float: right;}
.info-box.v2 {padding: 20px 50px;}
.info-box.v2 .continut {width: 100%;}
.info-box.v2 p {font-size: 16px; line-height: 22px;}
.info-box.v2 .heading h2, .info-box.v2 .heading h1, .info-box.v2 .heading h3 {font-weight: 700; font-size: 40px; line-height: 45px;}

/* Banner top */

.main-banner {overflow: hidden; border-radius: 0 0 0 200px; position: absolute; top: 0; right: 0; line-height: 0;}
.main-banner img {width: 100%; height: auto;}
.main-banner.v2 {top: 110px;}

.banner-container { width: 100%; display: block; margin: 0 auto; position: relative; min-height: 500px;}
.banner-container .banner-row { width: 100%; display: block; white-space: nowrap; }
.banner-col-1 { width: 100%; display: block; }
.banner-col-row { width: 100%; display: block;}
.banner-col-row .continut {position: absolute; width: 100%; max-width: 1240px; padding: 0 10px; top: 22%; text-align: center;}
.banner-col-row .continut h1, .banner-col-row .continut span {font-size: 50px; line-height: 55px; font-weight: 700; color: #fff;}
.banner-col-row .continut span {font-weight: 400;}
.banner-col-row .continut .buton {display: inline-block; margin: 30px 10px 0; text-align: center; height: 60px; line-height: 60px !important; border-radius: 30px; -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.35); box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.35);}
.banner-img-link { width: 100%; display: block; position: relative;}
.banner-img-link .banner-img-helper { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.banner-img-link .banner-img { width: 100%; height: 100%; min-height: 500px; display: block; background: #fff; background-size: cover; background-position: center center;}
.banner-img-link .banner-img.v2 {display: none;}
.banner-container .banner-img-link.banner-img-mare { padding-top: 30.5%; }

.banner-container.v2 {min-height: 450px;}
.banner-container.v2 .banner-img-link .banner-img {min-height: 450px;}
.banner-container.v2 .banner-img-link.banner-img-mare {padding-top: 25.25%;}
.banner-container.v2 .continut {text-align: left;}


/* Header & Meniu */

#header { width: 100%; display: block; position: relative; z-index: 31; background: #fff; height: 110px;}
#header.v2 {height: auto; background: transparent;}
#header-2 {width: 100%; display: block; position: relative; z-index: 30; background: transparent; height: auto;}
#header .hd-inner { width: 100%; height: 100%; max-width: 1240px; display: table; margin: 0 auto; position: relative; padding: 30px 20px 0 20px;}
#header .hd-inner.v2, #header-2 .hd-inner.v2 {max-width: 1260px;}
#header.v2 .hd-inner {padding: 0 0 20px;}
#header-2 .hd-inner {width: 100%; height: 100%; max-width: 1240px; display: table; margin: 0 auto; position: relative; padding: 0 0 20px;}
#header .logo {float: left; margin-top: 5px;}
#header .logo-w {margin-bottom: 50px; position: relative;}
#header .logo-f, #header-2 .logo-f {margin-bottom: 30px;}
#header .buton {width: 188px; float: right; border-radius: 25px 0 0 25px;}
#header .buton.v2 {width: 70px; border-left: 1px solid #fff; border-radius: 0 25px 25px 0; float: right; cursor: pointer; position: relative; padding-right: 10px;}
#header .buton.v2:before {content: ''; width: 0; height: 0; border-style: solid; border-width: 4px 3.5px 0 3.5px; border-color: #fff transparent transparent transparent; position: absolute; top: 50%; margin-top: -2px; right: 15px;}
#header .buton.v2.activ {border-radius: 0 25px 0 0;}
#header .buton.big.v3 {border-radius: 0 0 0 30px; position: absolute; top: 0; right: 0; float: none; z-index: 100;}
#header .meniu-mobile {display: none;}

#header .continut, #header-2 .continut {padding: 0 100px 0 0; color: #fff; position: relative;}
#header .col .buton.big.v3, #header-2 .col .buton.big.v3 {position: relative; border-radius: 30px 30px 30px 0; right: auto; left: 0; top: auto; margin-top: 30px; width: 190px;}
#header .badges, #header-2 .badges {width: 100%; display: block; position: relative; margin: 55px 0 -130px -55px;}
#header .badges li, #header-2 .badges li {margin: 0 10px 10px 0; display: inline-block;}

.meniu {width: calc(100% - 490px); display: block; text-align: right; float: left;}
.meniu li {text-align: right; display: inline-block; padding: 10px 20px 0 0; font-size: 17px; line-height: 30px; font-weight: 700; text-transform: uppercase; position: relative;}
.meniu li a {color: #269ac7; display: block;}
.meniu li a.link-dropdown {padding-bottom: 40px;}
.meniu li a:hover, .meniu li.activ a, .meniu li a.activ {color: #999;}

/* DROPDOWN */

.dropdown { background: #fff; width: 100%; right: 20px; position: absolute; z-index: 99; top: 80px; -webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1); box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1); padding: 20px; border-radius: 0 0 25px 25px; display: none;}
.dropdown.lng {width: 69px; padding: 15px 20px; background: #f26513; color: #fff;}
.dropdown.lng a {color: #fff; font-weight: 700;}
.dropdown.lng a:hover {color: #000;}

.meniu .dropdown { width: 250px; background: #fff; box-shadow: 0 5px 25px 0 rgba(35, 31, 32, 0.3); display: none; position: absolute; right: 0; top: 80px; border-radius: 0;}
.meniu .dropdown li {width: 100%; padding: 0 0 10px; text-align: left;}
.meniu .dropdown li:last-child {padding: 0;}
.meniu .dropdown:before { content: ''; width: 0; height: 0; border-style: solid; position: absolute; -webkit-transform: rotate(360deg); display: block; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; right: 20px; top: -10px; z-index: 999; }

/* Sections */

.section {padding: 135px 0; background: #fff; display: block;}
.section.centered {text-align: center; padding: 90px 0 120px;}
.section .inner {position: relative;}
.section.v2 {padding: 70px 0 0; background: url('../continut/section-bg.png') 0 0 no-repeat; background-size: contain;}
.section.v2 .continut {padding: 0 20px;}
.section.v3 {padding: 80px 0 20px;}
.section.v4 {padding: 0;}
.section.v4 .inner {padding: 0;}
.section.aux {position: relative; padding: 70px 0;}
.section.aux:before {content: ''; width: 100%; height: 440px; background-color: #004054; position: absolute; left: 0; top: 0; display: block;}
.section.aux .inner {padding: 0;}
.section.aux .heading span {font-weight: 400;}
.section.aux .blog .box.main .continut p {max-height: none;}

.section.v4 .heading.v3 {padding: 0 30px; margin-bottom: -20px;}
.section.v4 .heading.v3 h1, .section.v4 .heading.v3 h2, .section.v4 .heading.v3 h3 {color: #5b9f1d;}

/* Coloane */

.col-wrap {position: relative; display: block;}
.col-wrap.v4 {text-align: right; padding: 0 10px; font-size: 0;}
.col-wrap .col {float: left; padding: 0 30px;}
.col-wrap .col.w50 {width: 50%;}
.col-wrap .col.w33 {width: 33.33%; margin: 90px 0 30px;}
.col-wrap .col.w33:nth-child(3n+1) {clear: left;}
.col-wrap .col.w33 .inner {-webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); padding: 55px 40px; position: relative; background-color: #fff; height: 100%;}
.col-wrap .col.w20 {width: 25%; max-width: 250px; display: inline-block; float: none; padding: 0 10px;}
.col-wrap .col.w20 .inner {padding: 20px; background-color: #fff; -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); text-align: left; border-radius: 7%;}
.col-wrap .col.w20 .nume {font-size: 24px; line-height: 27px; color: #5b9f1d; font-weight: 400; margin-bottom: 5px;}
.col-wrap .col.w20 .nume span, .col-wrap .col.w50 .nume span {font-weight: 700;}
.col-wrap .col.w20 .nume span:last-child, .col-wrap .col.w50 .nume span:last-child {color: #999;}
.col-wrap .col.w20 .img {width: 100%; height: auto; position: relative; overflow: hidden; display: block; padding-top: 100%;}
.col-wrap .col.w20 .img img {max-width: 100%; max-height: 100%; height: auto; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0;}

.col-wrap .col.w50.felina {max-width: 480px; float: right; margin: 0 -10px 0 10px;}
.col-wrap .col.w50.felina .inner {padding: 55px 60px 20px; background: #fff; -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); font-size: 14px; color: #333; line-height: 20px;}
.col-wrap .col.w50.felina .nume {font-size: 50px; line-height: 50px; margin-bottom: 20px;}
.col-wrap .col.w50.felina .nume.v2 span {font-size: 45px; line-height: 40px; color: #999; font-weight: 400;}
.col-wrap .col.w50.felina .img {width: 100%; height: auto; margin: 20px auto -20px; line-height: 0; text-align: center;}
.col-wrap .col.w50.felina .img.v2 {margin: 0 auto; max-width: 300px;}
.col-wrap .col.w50.felina .img img {max-width: 100%; height: auto;}

.main-banner .natural-100 {
    position: absolute;
    right: 20%;
    top: 30%;
    width: 150px;
}
.product .inner {
    box-shadow: none !important;
    border: 1px solid #5b9f1d !important;
    padding: 0 !important;
}
.product .nume {
    text-align: center;
    padding: 10px;
}
.product .img img {
    top: auto !important;
}
.product .product-text {
    width: 100%;
    display: block;
    font-size: 18px;
    text-align: center;
    color: #5b9f1d;
    margin-top: 20px;
}

#header .col.w50, #header-2 .col.w50 {padding: 60px 0 60px 30px; position: relative;}
#header .col.w50:before, #header-2 .col.w50:before {content: ''; width: 500%; height: 100%; background-color: #f26513; position: absolute; right: 0; top: 0; border-radius: 0 0 200px 0;}
#header .col.w50.v2:before, #header-2 .col.w50.v2:before {background-color: #5b9f1d;}
#header .col.w50 .buton:hover, #header-2 .col.w50 .buton:hover {background-color: #fff; color: #f26513 !important;}
#header .col.w50.v2 .buton:hover, #header-2 .col.w50.v2 .buton:hover {color: #5b9f1d !important;}

/* Box-uri review */

.reviews {position: relative; padding-bottom: 10px;}
.reviews:before {content: ''; width: 500%; height: 110px; background-color: #5b9f1d; position: absolute; left: -200%; bottom: 0;}
.reviews.v2:before {background-color: #f26513;}
.reviews.v3:before {display: none;}
.reviews .autor {font-size: 28px; line-height: 35px; color: #5b9f1d; font-weight: 700; margin-bottom: 20px;}
.reviews .review {font-size: 18px; margin-bottom: 20px;}
.reviews .data {font-weight: 700; color: #269ac7;}
.reviews .quote {width: 60px; height: 60px; background-color: #269ac7; border-radius: 30px 30px 30px 0; position: absolute; left: 0; top: -30px; font-size: 77px; font-weight: 700; line-height: 110px; color: #fff; font-style: italic;}
.reviews .quote.v2 {left: auto; right: 0; top: auto; bottom: -30px; border-radius: 30px 0 30px 30px;}

/* Video player */

.video-container {margin: 70px 30px 110px; position: relative; display: block; width: 100%; max-width: 890px; line-height: 0;}
.video-container iframe {position: relative;}
.video-container img {width: 100%; height: auto; position: relative;}
.video-container:before {content: ''; width: 500%; height: 100%; background-color: #c9e6f1; position: absolute; left: -180%; top: 0;}

/* Blog */

.blog {width: 100%; display: block; margin: 30px 0;}
.blog .box {width: 33.33%; float: left; padding: 0 20px;}
.blog.v2 .box {margin: 0 0 40px !important;}
.blog .box:nth-child(2) {margin-top: 80px;}
.blog .box:nth-child(3) {margin-top: -40px;}
.blog .box .continut {padding: 0; line-height: 22px; display: block;}
.blog .box .continut p {max-height: 85px; overflow: hidden;}
.blog .box .continut a {font-size: 14px; line-height: 20px; color: #269ac7; font-weight: 700; text-decoration: underline; margin-top: 15px; text-transform: uppercase; display: block;}
.blog .box .continut a:hover {text-decoration: none;}
.blog .box .continut ul li {padding-bottom: 15px;}
.blog .box .continut ul a {font-weight: 400; text-transform: none; display: inline-block; margin: 0; font-size: 16px; color: #f26513;}
.blog .box .box-inner {padding: 40px; background: #fff; -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.35); box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.35);}
.blog .box .img {width: 100%; height: auto; margin-bottom: 20px;}
.blog .box .img img {width: 100%; height: auto;}
.blog .box .titlu {font-size: 23px; line-height: 27px; color: #000; height: 55px; overflow: hidden; font-weight: 700; margin-bottom: 10px;}

.blog .box.main {width: 100%;}
.blog .box.main .box-inner {padding: 40px 20px;}
.blog .box.main .continut {width: 50%; float: right; padding: 0 20px;}
.blog .box.main .continut.full-width {width: 100%;}
.blog .box.main .img {width: 50%; float: left; padding: 0 20px; margin: 0;}
.blog .box.main .titlu {font-size: 35px; line-height: 40px; color: #269ac7; height: 120px;}
.blog .box.main .continut p {max-height: 133px;}
.blog .box.main .formular {width: 50%; float: left; padding: 0 30px;}

.blog.v3 {max-width: 1040px; margin: 30px auto 0;}
.blog.v3 .box.main {float: none; margin-bottom: 40px; padding: 0;}
.blog.v3 .box.main .img {width: 100%; float: none;}
.blog.v3 .continut {padding: 30px 80px;}
.blog.v3 .continut p {margin-bottom: 20px;}
.blog.v3 .continut a {color: #f26513; text-decoration: underline;}
.blog.v3 .continut a:hover {text-decoration: none;}
.blog.v3 .continut h1 {font-size: 35px; line-height: 40px; padding: 40px 0 30px; color: #000;}
.blog.v3 .continut h2 {font-size: 30px; line-height: 35px; padding: 30px 0 20px; color: #000;}
.blog.v3 .continut h3 {font-size: 22px; line-height: 27px; padding: 30px 0 20px; color: #000;}
.blog.v3 .continut ul, .blog.v3 .continut ol {padding-left: 40px; padding-bottom: 20px;}
.blog.v3 .continut li {padding-bottom: 10px; padding-left: 10px;}
.blog.v3 .continut ul {list-style: disc;}
.blog.v3 .continut ol {list-style: decimal;}

.comentarii {max-width: 920px; margin: 30px auto 0; padding: 0 20px;}
.comentarii .comm {width: calc(100% + 80px); margin: 0 0 60px -40px;}
.comentarii .comm .inner {padding: 40px; background: #fff; -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2);}
.comentarii .comm .nume {font-size: 22px; font-weight: 700; padding-bottom: 10px;}
.comentarii .comm span {color: #999; font-weight: 700; font-size: 12px; padding-bottom: 10px; display: block;}

.formular .input {margin-bottom: 20px;}
.formular .input input {color: #333;}
.formular .input input::-webkit-input-placeholder { color: #333; }
.formular .input input:-moz-placeholder { color: #333; opacity: 1; }
.formular .input input::-moz-placeholder { color: #333; opacity: 1; }
.formular .input input:-ms-input-placeholder { color: #333; }
.formular .input input:placeholder-shown { color: #333; }
.formular span {font-size: 12px; color: #999; padding: 30px 0; display: block; line-height: 20px;}
.formular .buton {width: 100%; max-width: 240px;}

.tags {color: #8db5c4; font-size: 0; line-height: 0; margin-bottom: 70px;}
.tags.v2 {max-width: 700px; width: 100%; margin: 0 auto 70px;}
.tags li {display: inline-block; font-size: 16px; line-height: 20px; padding-right: 5px;}
.tags li a {font-weight: 700; color: #269ac7;}
.tags li a:hover {color: #fff;}

.paginare {text-align: center; margin-top: 30px; display: block; line-height: 0; font-size: 0;}
.paginare li {display: inline-block; margin: 0 10px; position: relative; vertical-align: middle;}
.paginare li a {width: 50px; height: 50px; border-radius: 50%; background-color: #269ac7; display: block; font-size: 22px; line-height: 50px; font-weight: 700; color: #fff;}
.paginare li a:hover, .paginare li.activ a {background-color: #004054;}
.paginare li .ico {position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -10px;}

/* DE UNDE CUMPAR */

.tabel {padding: 10px 40px;}
table tr td, table tr th {padding: 13px 0 13px 10px;}
table tr:nth-child(2n) {background: #eee;}
table tr td a {text-decoration: underline !important;}
table tr td a:hover {text-decoration: none !important;}
table tr td span {color: #999;}
table tr td:first-child {font-weight: 700; color: #269ac7; padding-left: 20px;}
table tr th:first-child {padding-left: 20px;}
table tr td:last-child {font-weight: 700; padding-right: 10px;}
table tr th:last-child {padding-right: 10px;}

/* DESPRE */

.box.main .info-box {-webkit-box-shadow: none; box-shadow: none; padding: 30px 0 0 0;}
.box.main .info-box .img {padding: 0 0 0 10px; width: 40%; float: right;}
.box.main .info-box .continut {float: left; width: 60%; padding-right: 10px;}
.box.main .info-box .buton {text-decoration: none;}

/* FOOTER */

#footer { width: 100%; display: block; background: url('../continut/footer-bg.png') 0 0 no-repeat; background-size: cover; color: #8db5c4;}
#footer .inner {padding: 150px 20px 80px;}
#footer .logo {margin-bottom: 30px;}
#footer ul li {font-size: 14px; line-height: 30px; display: inline-block; margin-right: 20px; text-align: left;}
#footer ul li a { color: #fff; text-decoration: underline;}
#footer ul li a:hover {text-decoration: none;}
#footer .meniu {width: 100%; float: none; text-align: left;}
#footer .meniu li {padding: 0; font-size: 17px;}
#footer .meniu a {text-decoration: none;}
#footer .meniu a:hover {color: #8db5c4;}
#footer .title {font-size: 24px; line-height: 30px; margin-top: 25px; text-transform: uppercase; font-weight: 700; color: #fff;}
#footer span {max-width: 40%; display: block;}
#footer .input {width: 380px; float: left; margin-top: 20px; border-color: #fff;}
#footer .buton {width: 120px; float: left; margin-left: 20px; margin-top: 20px;}
#footer .social {float: left; margin-left: 0; margin-top: 20px;}

#footer.v2 {background: #5b9f1d; color: #fff; text-align: center; position: relative;}
#footer.v2.org {background: #f26513;}
#footer.v2 .ft-info {width: 100%; max-width: 650px; margin:0 auto 40px;}
#footer.v2 .ft-info.v2 {font-size: 24px; line-height: 33px; font-weight: 700; max-width: 100%;}
#footer.v2 .inner {padding: 70px 30px 0;}
#footer.v2.org .inner {padding-top: 110px;}
#footer.v2.org .inner.v2 {padding-top: 80px;}
#footer.v2 .heading {text-align: center;}
#footer.v2 .buton {float: none; margin: 0 auto 40px;}
#footer.v2.org .buton:hover {background-color: #fff; color: #f26513 !important;}
#footer.v2 ul {padding: 30px 0; border-top: 1px solid #8dbc61; margin-top: 40px;}
#footer.v2.org ul {border-color: #ff864d;}
#footer.v2 .img {display: block; line-height: 0;}

#footer .ft-decor {position: absolute; display: block; left: 3%; top: -40px;}
#footer .ft-decor.v2 {left: auto; right: 6%; top: 110px;}
#footer .ft-decor.v3 {left: 12%; top: 210px;}
#footer .ft-decor.v4 {left: auto; right: 3%; top: -40px;}

@media only screen and (max-width: 1300px) {
	#header .badges, #header-2 .badges {margin-left: 0;}
}


@media only screen and (max-width: 1200px) {
    .meniu {width: calc(100% - 440px);}
    .meniu li {padding-right: 13px; font-size: 15px;}
    #header .buton {width: 150px; font-size: 15px !important;}
    #header .buton.v2 {width: 60px;}
    .float-r, .float-r.v2 {width: 64%; margin-right: 20px; margin-bottom: 80px;}
    .float-l, .float-l.v2 {width: 64%; margin-left: 20px; margin-bottom: 20px;}
    .float-l.v2 {margin-bottom: 80px;}
    .blog .box .box-inner, .blog .box.main .box-inner {padding: 20px;}
    .blog .box.main .img, .box.main .info-box .continut {padding-left: 0;}
    .blog.v3 .box.main .img {padding: 0;}
    .blog.v3 .box.main {padding: 0 20px;}

    .main-banner {background-size: cover !important; border-radius: 0 0 0 100px;}
    .main-banner img {display: none;}
    .main-banner.v-nisip {background: url('../continut/main-banner-felina.png') 0 0 no-repeat;}
    .main-banner.v-bio {background: url('../continut/main-banner.png') 0 0 no-repeat;}
    .main-banner.v-probio {background: url('../continut/main-banner-probio.png') 0 0 no-repeat;}
    #header .col.w50, #header-2 .col.w50 {width: 70%; padding-right: 20px;}
    #header .col.w50:before, #header-2 .col.w50:before {border-radius: 0 0 100px 0;}
    #footer .ft-decor.v2 {top: 200px; right: 3%;}
    #footer .ft-decor.v3 {left: 8%;}
    .col-wrap .col.w20 {max-width: 238px;}
}

@media only screen and (max-width: 1000px) {
    .heading h1, .heading h2, .heading h3 {font-size: 40px;}
    .heading br {display: none;}
    .inner {padding: 0 20px;}
    .inner.v2 {padding: 0;}
    .logo-mobile {display: block; float: left;}
    #header {height: 70px;}
    #header.v2, #header-2 {margin-bottom: 80px;}
    #header .hd-inner {padding: 20px;}
    #header .meniu.dsk, #header .buton, #footer .meniu, .logo {display: none;}
    #header .col.w50 .buton.big, #header-2 .col.w50 .buton.big {display: inline-block;}
    #header .meniu-mobile {display: block; float: right; width: 40px; height: 30px; cursor: pointer;}
    #header .link-mobile {width: 40px; height: 30px; display: block; position: relative;}
    #header .link-mobile .ico {position: absolute; top: 5px; right: 0;}
    .dropdown {border-radius: 0; top: 70px; right: 0; padding: 5px 20px; width: 330px;}
    .dropdown .meniu {width: 100%; float: none;}
    .dropdown .meniu li {display: block; border-bottom: 1px solid #d1d1d1; text-align: left; font-size: 24px; line-height: 30px; padding-bottom: 10px;}
    .dropdown .meniu li:last-child {border: none;}

    .banner-col-row .continut h1, .banner-col-row .continut span {font-size: 33px; line-height: 44px;}
    .banner-col-row .continut {left: 0;}
    .banner-container.v2 .continut {left: 10px; top: 50%;}
    .section {padding: 70px 0 40px;}
    .info-box {padding: 10px 0 20px 30px;}
    .info-box.v2 {padding: 10px 20px;}
    .info-box.v2 .heading h2, .info-box.v2 .heading h1, .info-box.v2 .heading h3, .box.main .info-box .heading h1, .box.main .info-box .heading h2, .box.main .info-box .heading h3, .box.main .info-box .heading span {font-size: 33px; line-height: 37px;}
    .blog .box .titlu {font-size: 19px;}
    .blog .box.main .titlu {font-size: 25px; line-height: 30px; max-height: 90px;}
    .blog .box.main .formular, .tabel {padding: 0;}
    .float-r, .float-r.v2 {margin-right: 10px; width: 68%;}
    .float-l, .float-l.v2 {margin-left: 10px; width: 68%;}
    .continut.v2 p, .continut.v3 p {max-width: 100%;}
    #footer {background-size: contain; position: relative;}
    #footer .inner {padding: 100px 40px 40px;}
    #footer .logo-mobile {margin-bottom: 10px;}
    #footer ul li {margin-right: 10px;}
    #footer span {max-width: 100%;}
    #footer:before {content: ''; width: 100%; height: 70%; background-color: #004054; position: absolute; left: 0; bottom: 0; display: block; z-index: -1;}
    .comentarii .comm {width: 100%; margin-left: 0;}

    .col-wrap .col.w50.felina {max-width: 50%; margin: 0;}
    .col-wrap .col.w50.felina .nume {font-size: 45px;}
    .col-wrap .col.w50.felina .inner {padding: 40px 30px 20px;}
    .col-wrap .col.w33 {width: 50%; margin: 80px 0 0;}
    .col-wrap .col.w33:nth-child(3n+1) {clear: none;}
    .col-wrap .col.w33:nth-child(2n+1) {clear: left;}
    .section.centered .heading {padding: 0 30px;}
    #footer .ft-decor {display: none;}
    .col-wrap .col.w20 .nume {font-size: 20px;}

    #header .badges, #header-2 .badges {margin-bottom: -115px;}
    #header .badges li, #header-2 .badges li {max-width: 70px;}
    #header .badges li:last-child, #header-2 .badges li:last-child {margin-right: 0;}
    #header .badges li img, #header-2 .badges li img {max-width: 100%; height: auto;}

    .main-banner.v2 {top: 70px;}

}

@media only screen and (max-width: 890px) {
	.video-container {width: 100%; position: relative; padding-bottom: 53%; padding-top: 20px; height: 0; margin: 60px 0 50px;}
	.video-container.v2 {padding: 0; height: auto;}
    .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}

@media only screen and (max-width: 800px) {
    .heading {margin-bottom: 15px;}
    .section.v2 {padding: 40px 0 0; background-size: initial; background-position: top center;}
    .section.v3 {padding: 40px 0 0;}
    .section.aux {padding: 40px 0;}
    .section.v3 .float.v2, .comentarii .comm {margin-bottom: 40px;}
    .continut.v3 {padding: 0;}
    .banner-container .banner-img, .info-box .img, .box.main .info-box .heading br {display: none;}
    .banner-container .banner-img.v2 {display: block;}
    .banner-container .banner-img-link.banner-img-mare {padding-top: 155%;}
    .banner-container.v2 .banner-img-link.banner-img-mare {padding-top: 100%;}
    .banner-col-row .continut {top: 5%;}
    .banner-container.v2 .continut {top: 10%; text-align: center; left: 0;}
    .banner-col-row .continut .buton {height: 50px; line-height: 50px !important; margin: 10px 10px 0;}
    .float {width: 100%; position: relative; left: 0; padding: 0;}
    .float.v2 {right: 0;}
    .float-r, .float-r.v2 {margin: -40px auto 40px; width: 100%; padding: 0 20px; float: none;}
    .float-l, .float-l.v2 {margin: 0 auto -40px; width: 100%; padding: 0 20px; float: none;}
    .info-box {margin: 0; padding: 40px;}
    .blog .box {width: 100%; margin: 0 0 40px !important;}
    .blog.v3 .continut, .info-box.v2 {padding: 20px;}
    .blog .box.main .img, .blog .box.main .continut, .blog .box.main .formular, .info-box .continut {width: 100%; padding: 0;}
    .blog .box.main .img, .blog .box.main .formular, .continut p {margin-bottom: 20px;}
    .box.main .info-box {padding: 0 0 40px;}
    .blog.v3 .box.main .img, .blog {margin-bottom: 0;}
    .blog.v3 .continut h1 {font-size: 28px; line-height: 33px; padding: 20px 0 10px;}
    .blog.v3 .continut h2 {font-size: 24px; line-height: 30px; padding: 10px 0;}
    .blog.v3 .continut h3 {font-size: 19px; line-height: 23px; padding: 10px 0;}
    .heading span, .heading h1, .heading h2, .heading h3, .continut.v2 .heading h1, .continut.v2 .heading h2, .continut.v2 .heading h3, .continut.v3 .heading h1, .continut.v3 .heading h2, .continut.v3 .heading h3, .heading.v3 h1, .heading.v3 h2, .heading.v3 h3, .col-wrap .col.w50.felina .nume {font-size: 35px; line-height: 40px;}
    .col-wrap .col.w50.felina .nume.v2 span {font-size: 32px; line-height: 30px;}
    #footer .inner {padding-top: 70px;}
    #footer ul li, #footer span {font-size: 12px; line-height: 20px;}
    #footer .input {width: 100%;}
    #footer .social {width: calc(100% - 140px);}
    #footer .social li:last-child {margin-right: 0;}
    #footer .buton {margin-left: 0;}
    .tabel {font-size: 14px; line-height: 20px;}

    .reviews {padding-bottom: 40px;}
    .reviews.v3 {padding-bottom: 10px;}
    .reviews .autor {font-size: 25px; line-height: 30px;}
    .reviews .review {font-size: 16px;}
    .col-wrap.v4 {padding: 0;}
    .col-wrap .col.w20 {width: 50%; padding: 0 30px; max-width: initial; margin-bottom: 30px;}
    .col-wrap .col.w20 .nume br {display: none;}
    .col-wrap .col.w20 .img {padding-top: 125%;}
}

@media only screen and (max-width: 600px) {
	#header .col.w50, #header-2 .col.w50 {width: 100%; padding-top: 30px; padding-bottom: 30px;}
	#header .col.w50:before, #header-2 .col.w50:before {border-radius: 0;}
	#header .badges, #header-2 .badges {margin-bottom: -85px; margin-top: 40px;}
	#header.v2, #header-2 {margin-bottom: 0;}
	#header.v2 .hd-inner, #header-2 .hd-inner {padding: 0;}
	.heading.v3 {margin-bottom: 20px;}
	.heading.v3 h1, .heading.v3 h2, .heading.v3 h3, .heading.v3 span {font-size: 25px; line-height: 33px;}
	#header .continut {font-size: 14px; line-height: 22px; padding-right: 10px;}
	.buton.big, #header .buton.big {height: 50px; line-height: 50px !important; font-size: 14px !important;}
	#header .col .buton.big.v3 { border-radius: 30px 25px 25px 0; margin-top: 20px;}
	.col-wrap .col.w50, .col-wrap .col.w33 {width: 100%;}
	.col-wrap .col.w50.felina {max-width: 100%; margin-bottom: 30px;}
	.col-wrap .col.w50.felina .inner {padding-top: 30px;}
	.col-wrap .col.w50.felina .nume, .col-wrap .col.w50.felina .nume.v2 span {font-size: 30px; line-height: 35px;}
	.col-wrap .col.w33 {margin: 80px 0 -30px;}
	.col-wrap .col.w33:last-child {margin-bottom: 0;}
	.col-wrap .col.w33 .inner {padding: 20px 30px 30px;}
	.section.centered {padding-bottom: 60px;}
	.video-container {padding-top: 10px;}
	.video-container.v2 {padding: 0;}

	.logo-f, .logo-w {display: none;}
	.logo-f-mobile, .logo-w-mobile {display: block; position: relative; margin-bottom: 20px;}
	.section.heightCalc {padding-top: 30px;}

	.main-banner {position: relative; width: 100% !important; height: auto !important; border-radius: 0;}
	.main-banner.v2 {top: 0;}
    .main-banner img {display: block;}
    .main-banner.v-nisip {background: none;}
    .main-banner.v-bio {background: none;}
    .main-banner.v-probio {background: none;}

	.reviews .quote {width: 40px; height: 40px; border-radius: 20px 20px 20px 0; line-height: 80px; font-size: 55px; top: -20px;}
	.reviews .quote.v2 {bottom: -20px; border-radius: 20px 0 20px 20px;}
	.reviews .autor {font-size: 20px; line-height: 25px; margin-bottom: 15px;}
	.reviews .review {font-size: 14px; line-height: 22px;}
	.reviews .data {font-size: 12px; line-height: 15px;}

	#footer.v2 .inner {padding-top: 30px;}
	#footer.v2.org .inner {padding-top: 55px;}
	#footer.v2.org .inner.v2 {padding-top: 25px;}
	#footer.v2 .buton {margin-bottom: 20px;}
	#footer.v2 ul {padding: 20px 0;}
	#footer.v2 ul li {display: block; margin: 0; text-align: center;}
	#footer.v2 .ft-info {font-size: 14px; line-height: 22px;}
	#footer.v2 .ft-info.v2 {font-size: 20px; line-height: 28px;}
}

@media only screen and (max-width: 550px) {
    .dropdown, .info-box .buton {width: 100%;}
    .banner-col-row .continut .buton {width: 44%;}
    .blog .box .continut {font-size: 14px; line-height: 18px;}
    .blog .box .continut p {max-height: 72px;}
    .blog .box.main .continut p {max-height: 126px;}
    .info-box.v2 p {font-size: 14px;}
    .continut.v3 .img img {width: 100%; height: auto;}
    .comentarii .comm .inner {padding: 20px !important;}
    .tabel {font-size: 12px; line-height: 15px;}
    .col-wrap .col.w20 {width: 100%;}
    .col-wrap .col.w20 .img {padding-top: 75%;}
    #footer.v2 .buton {height: auto; line-height: 20px !important; padding: 15px 20px;}
    
    .main-banner .natural-100 {
        position: absolute;
        right: 50%;
        top: 30%;
        width: 150px;
        transform: translate(50%);
    }
}

@media only screen and (max-width: 400px) {
    html, body {font-size: 14px;}
    .banner-col-row .continut h1, .banner-col-row .continut span {font-size: 25px; line-height: 35px;}
    .heading span, .heading h1, .heading h2, .heading h3, .continut.v2 .heading h1, .continut.v2 .heading h2, .continut.v2 .heading h3, .info-box.v2 .heading h2, .info-box.v2 .heading h1, .info-box.v2 .heading h3, .heading.v2 h1, .heading.v2 h2, .heading.v2 h3, #footer .title, .box.main .info-box .heading h1, .box.main .info-box .heading h2, .box.main .info-box .heading h3, .box.main .info-box .heading span {font-size: 23px; line-height: 30px;}
    .buton {font-size: 15px;}
    .dropdown .meniu li {font-size: 20px; line-height: 25px;}
    .section {padding: 40px 0;}
    .info-box {padding: 20px;}
    .info-box.v2 p {font-size: 13px; line-height: 17px;}
    .section.aux .inner {padding: 0 20px;}
    .section.aux .inner.v2, .blog .box {padding: 0;}
    #footer .inner {padding-left: 20px; padding-right: 20px;}
    #footer:before {height: 82%;}
    #footer .buton {width: 100px;}
    #footer .social {margin-left: 10px; width: calc(100% - 110px);}
    .paginare li {margin: 0 5px;}
    .paginare li a {width: 40px; height: 40px; line-height: 40px; font-size: 20px;}
    table tr td {padding: 5px 10px; display: block;}
    table tr th {display: none;}
    table tr td:first-child {padding-left: 10px; padding-top: 10px;}
    table tr td:last-child {padding-bottom: 10px;}
    .col-wrap .col.w20 .nume {font-size: 21px;}
    .col-wrap .col.w20 .img {padding-top: 105%;}
    #header .badges, #header-2 .badges {margin-top: 30px; margin-bottom: -15px;}
}

@media (min-resolution: 192dpi),(-webkit-min-device-pixel-ratio: 2) {
    .ico { background-size: 193px 84px; background-image: url('../img/sprite-2x.png'); }
    .logo { background-size: 228px 39px; background-image: url('../img/logo-2x.png'); }
    .logo-mobile { background-size: 170px 29px; background-image: url('../img/logo-mobile-2x.png'); }
    .logo-w {background-size: 228px 39px; background-image: url('../img/logo-w-2x.png');}
	.logo-f {background-size: 237px 95px; background-image: url('../img/logo-f-2x.png');}
	.logo-w-mobile {background-size: 117px 20px; background-image: url('../img/logo-w-mobile-2x.png');}
	.logo-f-mobile {background-size: 120px 48px; background-image: url('../img/logo-f-mobile-2x.png');}
}