@import url(//fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,latin-ext);


/*
HTML5 Reset :: style.css
----------------------------------------------------------
We have learned much from/been inspired by/taken code where offered from:
Eric Meyer					:: http://meyerweb.com
HTML5 Doctor				:: http://html5doctor.com
and the HTML5 Boilerplate	:: http://html5boilerplate.com
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements:
http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
box-sizing: border-box;
}

*,
*:before,
*:after {
box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects
*/
img,
object,
embed {max-width: 100%;}

/*
Note: keeping IMG here will cause problems if you're using foreground images as sprites.
In fact, it *will* cause problems with Google Maps' controls at small size.
If this is the case for you, try uncommenting the following:
#map img {
max-width: none;
}
*/

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
(commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


html {
    font-size: 100%;
    height: 100%;
}
body {
    direction: ltr;
    background-color: #fff;
    color: #333333;
    font-family: 'PT Sans Narrow', Times, serif!important;
    font-size: 14px;
    padding: 0px;
    font-style: normal;
    font-weight: normal;
    height: 100%;
    position: relative;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
ul {
    /*list-style: none;*/
    margin:0;
    padding: 0;
}
ul>li {
    display: inline-block;
    margin:0;
    padding: 0;
}
[class*="span"] {
    float:none!important;
}

.no-margin{
    margin:0!important;
}
.no-padding{
    padding:0!important;
}












html {
    background-color: #ccc;
    font-size: 100%;
    height: 100%;
}
.row {
margin-left: 0px!important;
margin-right:0px!important;
}
::-webkit-input-placeholder {
color: #fff;
opacity: 1;
font-size: 18px;
}

:-moz-placeholder { /* Firefox 18- */
color: #fff;
opacity: 1;
font-size: 18px;
}

::-moz-placeholder {  /* Firefox 19+ */
color: #fff;
opacity: 1;
font-size: 18px;
}

:-ms-input-placeholder {
color: #fff;
opacity: 1;
font-size: 18px;
}

.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
ul {
/*list-style: none;*/
margin:0;
padding: 0;
}
ul>li {
display: inline-block;
margin:0;
padding: 0;
}
[class*="span"] {
float:none!important;
}
#page {
margin: auto;
max-width: 480px;
min-width: 320px;
}
.no-margin{
margin:0!important;
}
.no-padding{
padding:0!important;
}
.white-bg {
background-color: #fff;
}
#header-logo {
margin: auto;
width: 400px;
padding-top: 30px;
}
/*main Section*/
header, footer,#container-holder, #slider-content {
max-width: 480px!important;
position: relative;
}
#main-container {
    height: 100%;
    margin-left: 0 !important;
    margin-top: 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    max-width: 480px!important;
}

.main-borders {
border:none;
display:inline-block;
border-top:none;
margin-top: 98px;
padding-top: 40px;
margin-left: 0px;
max-width: 480px!important;
width: 100%;
margin:auto;
background-color: #fff;
}

.main-title-pachet {
color:#84d005;
font-size:26px;
font-weight: 600;
line-height: 35px;
white-space: nowrap;
padding-top: 20px;
}
.main-title-rezultate {
color:#fa9424;
font-size:24px;
white-space: nowrap;
text-transform: uppercase;
}
.main-title-fizic {
color: #5c5c5c;
font-size: 22px;
line-height: 40px;
margin-top: 15px;
padding-left: 0;
text-align: center;
white-space: nowrap;
}
.main-title-kilograme {
color: #ff00f0;
font-size: 28px;
margin: 10px 0;
white-space: nowrap;
}
.main-title-vergeturi {
color: #5c5c5c;
font-size: 22px;
margin-top: 0;
padding-right: 0;
text-align: center;
white-space: nowrap;
}
.main-title-actioneaza {
color: #ef1919;
font-size: 28px;
line-height: 34px;
margin: 30px auto 20px;
padding-left: 0;
text-align: center;
}
.main-subtitle-pachet {
color: #5c5c5c;
font-size: 32px;
line-height: 38px;
margin-top: 0;
padding-left: 0;
text-align: center;
white-space:nowrap;
}
.main-subtitle-pachet-fibre {
color: #fa9424;
font-size: 32px;
text-transform: uppercase;
white-space:nowrap;
}
.main-subtitle-pachet-note {
clear: both;
color: #5c5c5c;
display: block;
font-size: 25px;
}
.main-title-directii {
color: #84d005;
font-size: 32px;
font-weight: 700;
margin-top: 30px;
text-align: center;
text-transform: uppercase;
}
.main-subtitle-directii {
color: #5c5c5c;
font-size: 27px;
margin-bottom: 60px;
margin-top: 5px;
text-align: center;
}

.section-number {
color: #fff;
font-size: 45px;
position: relative;
line-height: 90px;
}
.section-number div {
text-align: center;
width: 100%;
position: absolute;
min-height: 100px;
vertical-align: middle;
left: 5px;
}
ul.leaf {
margin-left: 40px;
margin-top: 20px;
width: 85%;
}
ul.leaf li{
list-style:none;
padding: 0 0 0 12px;
display:block;
color:#333333;
font-size: 18px;
text-align: left;
}
ul.leaf li span{
/* background: url("https://m1.farmeculfeminin.ro/img/sprite_png.png") -1450px -707px;*/
display: inline-block;
height: 15px;
width: 23px !important;
margin-top:3px;
}
ul.leaf li div {
display:inline-block;
width:90%;
vertical-align:top;
padding-left:5px;
}
.product-details {
margin-top: 30px;
}
.product-details div{
display: inline-block;
margin-right: 20px;
cursor: pointer;
}
.product-details div.last{
margin-right: 0px;
}
.product-details div.contact-phone{
display: inline-block;
margin-right: 0px;
cursor: pointer;
}
div.contact-phone a {
    cursor: pointer;
}
div.contact-phone.vodafone a{
    color:#f0001f;
}
div.contact-phone.orange a{
    color:#fb9900;
}
div.contact-phone.cosmote a{
    color:#57a60a;
}
div.contact-phone a:hover{
    text-decoration:none;
}
.product-fibre-title {
color: #8dd005;
font-size: 24px;
font-weight: 600;
margin: 30px 0 10px;
text-transform: uppercase;
}
.product-fibre-subtitle {
font-size: 24px;
font-weight: 600;
color: #fa9424;
text-transform: uppercase;
margin: auto auto 10px;
}
.product-fibre-teaser {
color: #fa9424;
font-size: 18px;
font-weight: 600;
margin: auto auto 10px;
}
.product-fibre-teaser.crema {
margin-bottom:10px;
}
.product-fibre-note {
font-size: 20px;
color: #5c5c5c;
margin-bottom: 30px;
}
.tratament-title {
font-size: 27px;
color: #fe1919;
text-transform: uppercase;
margin:25px auto 15px -3px;

}
.tratament-subtitle {
font-size: 28px;
color: #fa9424;
font-weight: 600;
text-transform: uppercase;
line-height: 30px;
margin-bottom: 10px;
}
.tratament-efecte {
font-size: 28px;
color: #6b6b6b;
margin-bottom: 25px;
}
.tratament-sanatate {
font-size: 30px;
color: #7bcd00;
font-weight: 600;
text-transform: uppercase;
line-height: 33px;
margin-bottom: 20px;
}
.tratament-corp {
font-size: 28px;
color: #ff00f0;
text-transform: uppercase;
line-height: 30px;
margin-bottom: 30px;
}

.tratament-bg {
background: #ecffd5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZmZkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmZmZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ecffd5 0%, #ffffff 50%, #f6ffeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecffd5), color-stop(50%,#ffffff), color-stop(100%,#f6ffeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ecffd5 0%,#ffffff 50%,#f6ffeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ecffd5 0%,#ffffff 50%,#f6ffeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ecffd5 0%,#ffffff 50%,#f6ffeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ecffd5 0%,#ffffff 50%,#f6ffeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecffd5', endColorstr='#f6ffeb',GradientType=0 ); /* IE6-8 */

padding: 30px 20px 20px 20px;
}
.etape-tratament {
font-size: 18px;
color: #7bcd00;
margin-bottom: 10px;
}
.tratament-bg ol {
list-style: none;
padding-left: 0px;
}
.tratament-bg ol li {
color: #383838;
font-size: 18px;
line-height: 25px;
padding-bottom: 5px;
}
.fibre-avantaje-holder {
padding: 0 70px;
}
.fibre-avantaje {
padding: 0px;
}
.fibre-avantaje-holder .product-actions{
margin: 10px 0 50px;
}
.avantaje-FF {
font-size: 18px;
font-weight: 600;
color: #ef1919;
margin: 30px 0 15px;
white-space: nowrap;
letter-spacing: -0.1px;
}
.avantaje-farmec ul {
width: 50%;
margin: auto;
text-align: left;
}
.avantaje-farmec ul li {
font-size: 18px;
line-height: 25px;
color: #3a3a3a;
display: block;
}
.avantaje-farmec ul li span {
display: inline-block !important;
margin-right: 10px;
}
.starea-comenzii {
    font-size: 16px;
    margin-bottom: 20px;
}
.starea-comenzii ul {
    width: 90%;
    margin: auto;
    text-align: left;
}
.starea-comenzii ul li {
    font-size: 16px;
    line-height: 25px;
    color: #3a3a3a;
    display: block;
    vertical-align: top;

}
.starea-comenzii ul li span {
    display: inline-block !important;
    margin-right: 10px;
    vertical-align: top;
}

.starea-comenzii ul li div {
    display: inline-block !important;
    width:80%;
    vertical-align: top;
    line-height: 18px;
}
.green-separator {
    background-color: #67bb00;
    height: 2px;
    margin: 15px;
}
.contact-form {
    min-height: 400px;
    padding-top: 285px;
}
.contact-form input, .contact-form textarea, .contact-form select {
    border: solid 2px #774e34;
    background-color: #af724c;
    opacity: 0.75;
    width: 93%;
    display: block;
    padding: 8px 15px;
    height: 40px;
    margin: 15px;

    color:#fff;
    font-size: 18px;
}
.contact-form textarea {
    height: 90px;
}
.contact-form input.error, .contact-form textarea.error, .contact-form select.error{
    box-shadow: 0 1px 1px #ef1919 inset, 0 1px 3px rgba(0, 0, 0, 0.5);
    border: solid 2px #ef1919;
}

.pachete-avantaje {
margin-top: 0px;
padding: 0 70px;
}

.pachete-avantaje ul.leaf {
margin-left: -12px;
margin-top: -15px;
width: auto;
float:right;
}
.pachete-avantaje ul.leaf li {
padding: 0px;
line-height: 20px;
}
.pachete-avantaje ul.leaf li span{
margin-top: 0px;
}
.pachete-avantaje ul.leaf li div{
width: 75%;
font-size: 18px;
font-weight: 600;
color: #fa9424;
white-space: nowrap;
}

.pachete-avantaje .pachet-3luni-title {
font-size: 28px;
font-weight: 600;
color: #723c26;
margin: 50px 0 40px 0;
}
.pachete-avantaje .new-price, .fibre-avantaje .new-price{
color: #5c5c5c;
display: inline-block;
font-size: 40px;
font-weight: 600;
}
.pachete-avantaje .new-price span.lei, .fibre-avantaje .new-price span.lei{
    font-size: 36px;
    font-weight: 400;
    margin-left: 5px;
}
.pachete-avantaje .new-price span, .fibre-avantaje .new-price span{
    font-size: 40px;
    font-weight: 800;
    margin-left: 0;
}
.pachete-avantaje .oldprice-avantaj, .fibre-avantaje  .oldprice-avantaj{
display: inline-block;
padding-top: 43px;
vertical-align: top;
}
.pachete-avantaje .old-price, .fibre-avantaje .old-price{
color: #b3b3b3;
display: block;
font-size: 24px;
line-height: 20px;
margin-top: -20px;
padding-left: 0px;
text-align: center;
width: 80px;
position: relative;
}
.pachete-avantaje .old-price div.inner::before, .fibre-avantaje .old-price div.inner::before{
border-bottom: 1px solid #909090;
content: "";
left: 6px;
position: absolute;
top: 12px;
width: 70px;
}
.pachete-avantaje .pachet-price-holder {
margin-top:-25px;
}
.fibre-avantaje .produs-price-holder {
margin-top:-21px;
}
.pachete-avantaje .avantaj-content {
color: #84d005;
display: inline-block;
font-size: 18px;
font-weight: 600;
padding-left: 0px;
text-align: right;
text-transform: uppercase;
}

.pachete-avantaje .pachet-2luni-title {
font-size: 28px;
font-weight: 600;
color: #e4e100;
margin: 100px 0 40px;
}

.pachete-avantaje .pachet-1luna-title {
font-size: 28px;
font-weight: 600;
color: #75a60a;
margin: 120px 0 40px;
}
.product-actions {
clear: both;
display: block;
margin: 20px 0 50px 0px;
}
.product-actions div{
    cursor:pointer;
}
.product-actions .sprite-icons-small-res  {
margin-right: 20px;
display: inline-block;
}
.product-actions .sprite-icons-small-res.last {
float: right;
margin-right: 0;
vertical-align: top;
}
.product-actions .sprite-buc-orange-holder {
background-color: #fa9424;
display: inline-block;
float: right;
height: 33px;
width: 100px;
}
.product-actions .buc_no {
font-size: 24px;
font-weight: 600;
color:#fff;
line-height: 33px;
}
.product-actions .buc_no span {
font-weight: 600;
}
.title-ff-product {
font-size: 27px;
font-weight: 600;
color:#723c26;
line-height: 34px;
margin-bottom: 20px;
white-space: nowrap;

}
.title-ff-product.first {
margin-top: 20px;
}
.avantaj-client {
font-size: 18px;
font-weight: 600;
color:#84d005;
line-height: 23px;
margin-bottom: 5px;
margin-top: -5px;
}

.fibre-avantaje ul.leaf{
margin: 40px 0px 0px 0px;
width: 100%;
}
.fibre-avantaje ul.leaf li {
padding: 0;
font-size: 18px;
white-space: nowrap;
}
ul.leaf li div {
width: 86%;
}
ul.leaf li div strong {
color: #723c26;
}

.gratuit-holder {
background-color: #f6ffe6;
padding: 20px 70px 0 70px;
}
.gratuit-title {
font-size: 36px;
font-weight: 600;
color:#84d005;
line-height: 40px;
margin-bottom: 0px;
}
.gratuit-note{
font-size: 20px;
font-weight: 400;
color:#4b4b4b;
line-height: 26px;
margin-bottom: 0px;
}
.gratuit-holder input {
width: 26px;
height: 26px;
border: solid 1px #b3b3b3;
display: inline-block;
}
.gratuit-holder label {
color: #4b4b4b;
display: inline-block;
font-size: 22px;
font-weight: 600;
height: 100%;
line-height: 30px;
margin-bottom: 0;
padding-left: 10px;
vertical-align: top;
width: 80%;
}
.brosura-content-holder {
display: inline-block;
padding-top: 40px;
text-align: left;
vertical-align: top;
width: 63%;
}
.brosura-holder {

display: inline-block;
width:110px;
text-align: right;
float:right;
}
.total-holder {
width: 290px;
margin: 40px auto 0 auto;
background-color: #ebffc8;
padding: 20px 0;

}
.total-holder .sprite-total-btn {
cursor: pointer;
}
.total-note {
font-size: 26px;
font-weight: 600;
color:#5c5c5c;
line-height: 30px;
margin-bottom: 0px;
}
.total-price {
font-size: 58px;
font-weight: 600;
color:#e7302a;
line-height: 60px;
margin-bottom: 0px;
}
.total-price span {
    font-weight: 600;
}
.transport-holder {
margin: 20px 0;
}
.transport-title {
font-size: 32px;
font-weight: 600;
color:#e7302a;
line-height: 32px;
text-transform: uppercase;
}
.transport-note {
font-size: 27px;
font-weight: 600;
color:#7c7c7c;
line-height: 30px;
margin-bottom: 0px;
}
.transport-price {
font-size: 38px;
font-weight: 600;
color:#84d005;
line-height: 45px;
margin-bottom: 0px;
}
.articole-holder {
margin: 20px 0;
font-size: 24px;
font-weight: 400;
color:#7c7c7c;
line-height: 30px;
}
.contact-holder {
padding: 0 20px;
position: relative;
}
.contact-icon {
position: absolute;
right: 7%;
top: 6%;
}
.contact-title {
margin: 20px 0 0px 0;
font-size: 20px;
font-weight: 600;
color:#565656;
line-height: 22px;
text-align: left;
}
.contact-program {
margin: 0 0 25px;
font-size: 18px;
font-weight: 400;
color:#565656;
line-height: 20px;
text-align: left;
}
.contact-phone {
font-size: 32px;
font-weight: 600;
color:#57a60a;
line-height: 37px;
vertical-align: top;
margin-bottom: 10px;
}
.contact-phone span {
display: inline-block;
width: 70px;
}
.contact-phone div {
display: inline-block;
vertical-align: top;
}
.anpc-link {
margin-top: 30px;
}
.anpc-link a {
font-size: 14px;
font-weight: 600;
color:#767676;
margin: 15px 0;
text-decoration: none;
}
.anpc-link a:hover {
text-decoration: underline;
}
.copyright-text {
font-size: 14px;
font-weight: 600;
color:#333333;
margin: 15px 0 40px 0;
/*white-space: nowrap;*/
}
.copyright-text  div{
display: inline-block;
}

.compozitie, .administrare {
display: none;
}
.product-actions-holder {
width: 100%;
}
.action_trigger {
position: relative;
}
.product-actions-holder.active {
border-bottom: 1px solid #a4d864;
padding-bottom: 14px;
}
.product-actions-holder .menu_arrow {
display: none;
margin-bottom: -3px;
background-color: #fff;
position: absolute;
}
.product-actions-holder .menu_arrow.compozitie {
left:32%;
}
.product-actions-holder .menu_arrow.administrare {
right:27%
}
.product-details.compozitie, .product-details.administrare {
padding: 0 20px;
color: #333333;
font-size: 18px;
line-height: 22px;
margin-top: 10px;
}
.product-details.administrare div {
padding: 5px 0;
}
.product-details.administrare div strong {
font-size: 20px;
}
.product-details.administrare div strong span{
color: #e7302a;
}
.compozitie-title {
color: #333333;
display: block;
font-size: 18px;
line-height: 30px;
}
.tick-green-list {
margin-left: 5px;
}
.tick-green-list li {
color: #333333;
display: block;
font-size: 18px;
line-height: 26px;
}
.tick-green-list li span {
display: inline-block;
margin-top: 8px;
vertical-align: top;
}
.tick-green-list li div {
width: 90%;
}
.fibre-avantaje ul.leaf.crema {
margin: 27px 0 0 !important;
}
.fibre-avantaje .avantaj-client {
margin-left: 12px !important;
white-space: nowrap;
}
.fibre-avantaje .avantaj-client span {
    font-weight: 600;
}

.fibre-avantaje ul.leaf li {
    line-height:22px;
}

.pachete-avantaje .pachet-2luni-title, .pachete-avantaje .pachet-1luna-title, .pachete-avantaje .pachet-3luni-title {
    white-space: nowrap;
}
.contact-form select {
    text-align:center;
}


#recomandare {
/*background-color: #ffe8ee;*/
padding: 15px 20px;
margin: 20px 0 0;
color:#686868;
font-size: 15px;
}
#recomandare h3 {
text-align: left;
color:#ae4d0f;
font-size: 22px;
margin: 5px 0 10px;
}
#recomandare .recomandare-image{
padding-right: 0;
margin-left: 6px;
}
#recomandare .recomandare-quote {
padding-left: 15px;
padding-right: 0;
color:#ee8100;
font-size: 17px;
line-height: 21px;
text-align: left;
}
#recomandare .recomandare-video {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#recomandare .recomandare-details {
padding-left:0;
line-height: 19px;
margin-top: 10px;
}
#centerSidebarVideoHolder div{
height: 80px;
margin-left: 124px;
position: absolute;
top: 50px;
width: 80px;
}
/* ------------ MEDIA QUERIES --------------- */

@media (min-width: 410px) and (max-width: 449px) {


#video1 {
width: 390px;
height: 210px;
}
#header-logo {
width: 300px;
padding-top: 30px;
}
.section-number {
color: #fff;
font-size: 35px;
line-height: 85px;
}

.section-number div {
text-align: center;
width: 100%;
position: absolute;
min-height: 100px;
vertical-align: middle;
left: 5px;
}

.main-title-pachet {
font-size:21px;
font-weight: 600;
line-height: 35px;
padding-top: 0px;
}
.main-title-rezultate {
font-size:20px;
}

.main-title-fizic {
font-size: 19px;
line-height: 30px;
margin-top: 15px;
}
.main-title-kilograme {
font-size: 24px;
margin: 15px 0;
}
.main-title-vergeturi {
font-size: 18px;
}
.main-title-actioneaza {
font-size: 24px;
line-height: 30px;
margin: 30px auto 20px;
}
.main-subtitle-pachet {
font-size: 29px;
line-height: 34px;
}
.main-subtitle-pachet-fibre {
font-size: 29px;
}
.main-subtitle-pachet-note {
font-size: 22px;
}
.main-title-directii {
font-size: 27px;
margin-top: 30px;
}
.main-subtitle-directii {
font-size: 25px;
margin-bottom: 25px;
}

.product-fibre-title {
font-size: 20px;
margin: 20px auto auto auto;
}
.product-fibre-subtitle {
font-size: 20px;
margin: auto;
}
.product-fibre-teaser {
font-size: 15px;
margin: auto;
}
.product-fibre-note {
font-size: 17px;
margin: 0 auto 20px;
width: 80%;
}
.tratament-title {
font-size: 23px;
}
.tratament-subtitle {
font-size: 24px;
}
.tratament-efecte {
font-size: 24px;
}
.tratament-sanatate {
font-size: 26px;
}
.tratament-corp {
font-size: 24px;
}

.avantaje-farmec ul {
width: 70%;
}
.contact-form {
padding-top: 260px;
}
.contact-form input, .contact-form textarea, .contact-form select {
font-size: 18px;
height: 40px;
padding: 4px 15px;
}
.contact-form textarea {
height: 80px;
margin-bottom: 35px;
}
.product-actions-holder .menu_arrow.compozitie {
left: 22%;
}
.product-actions-holder .menu_arrow.administrare {
right: 19%;
}
.tick-green-list li div {
margin-right: 0;
width: 85%;
}
.pachete-avantaje {
padding: 0 15px;
}
.pachete-avantaje .col-xs-8{
width: 63%;
}
.pachete-avantaje .col-xs-4{
width: 36%;
}
.pachete-avantaje ul.leaf li div {
color: #fa9424;
font-size: 15px;
font-weight: 600;
width: 75%;
white-space: nowrap;
}
.pachete-avantaje ul.leaf {
margin-top: -15px!important;
}
.pachete-avantaje .pachet-2luni-title, .pachete-avantaje .pachet-1luna-title, .pachete-avantaje .pachet-3luni-title {
white-space: nowrap;
}
.product-actions {
margin: 30px 0;
padding: 0 !important;
}
.product-actions .sprite-icons-small-res {
display: inline-block;
margin-right: 10px;
}
.pachete-avantaje .pachet-3luni-title{
font-size: 28px;
margin: 40px 0;
}
.pachete-avantaje .pachet-2luni-title, .pachete-avantaje .pachet-1luna-title{
font-size: 28px;
margin: 90px 0 40px 0;
}
.pachete-avantaje .pachet-1luna-title{
margin: 100px 0 40px 0;
}

.fibre-avantaje, .fibre-avantaje .col-xs-8 {
padding: 0!important;
}
.fibre-avantaje ul.leaf {
margin: 35px 0 0 !important;
width: 100%;
}

.brosura-content-holder {
padding-top: 20px;
width: 64%;
}
.brosura-holder {
width: 35%;
margin-top: -35px;
}
.gratuit-title {
padding-top: 10px;
}
.gratuit-note {
font-size: 17px;
}

.fibre-avantaje-holder {
padding: 0 15px;
}
.gratuit-holder {
padding: 15px;
}
}
@media (min-width: 380px) and (max-width: 409px) {

#video1 {
width: 350px;
height: 195px;
}

#header-logo {
width: 300px;
padding-top: 30px;
}
.section-number {
color: #fff;
font-size: 35px;
line-height: 70px;
}

.section-number div {
text-align: center;
width: 100%;
position: absolute;
min-height: 100px;
vertical-align: middle;
left: 5px;
}

.main-title-pachet {
font-size:21px;
font-weight: 600;
line-height: 35px;
padding-top: 0px;
}
.main-title-rezultate {
font-size:20px;
}

.main-title-fizic {
font-size: 19px;
line-height: 30px;
margin-top: 15px;
}
.main-title-kilograme {
font-size: 24px;
margin: 15px 0;
}
.main-title-vergeturi {
font-size: 18px;
}
.main-title-actioneaza {
font-size: 24px;
line-height: 30px;
margin: 30px auto 20px;
}
.main-subtitle-pachet {
font-size: 29px;
line-height: 34px;
}
.main-subtitle-pachet-fibre {
font-size: 29px;
}
.main-subtitle-pachet-note {
font-size: 22px;
}
.main-title-directii {
font-size: 27px;
margin-top: 30px;
}
.main-subtitle-directii {
font-size: 25px;
margin-bottom: 25px;
}

.product-fibre-title {
font-size: 20px;
margin: 20px auto auto auto;
}
.product-fibre-subtitle {
font-size: 20px;
margin: auto;
}
.product-fibre-teaser {
font-size: 15px;
margin: auto;
}
.product-fibre-note {
font-size: 17px;
margin: auto;
width: 80%;
/*white-space: nowrap;*/
}
.tratament-title {
font-size: 23px;
}
.tratament-subtitle {
font-size: 24px;
}
.tratament-efecte {
font-size: 24px;
}
.tratament-sanatate {
font-size: 26px;
}
.tratament-corp {
font-size: 24px;
}

.avantaje-farmec ul {
width: 70%;
}
.contact-form {
padding-top: 240px;
}
.contact-form input, .contact-form textarea, .contact-form select {
font-size: 16px;
height: 30px;
padding: 4px 15px;
}
.contact-form textarea {
height: 80px;
margin-bottom: 60px;
}
.product-actions-holder .menu_arrow.compozitie {
left: 22%;
}
.product-actions-holder .menu_arrow.administrare {
right: 19%;
}
.tick-green-list li div {
margin-right: 0;
width: 85%;
}
.pachete-avantaje {
padding: 0 15px;
}
.pachete-avantaje .col-xs-8{
width: 63%;
}
.pachete-avantaje .col-xs-4{
width: 36%;
}

.pachete-avantaje ul.leaf li div {
color: #fa9424;
font-size: 15px;
font-weight: 600;
width: 75%;
white-space: nowrap;
}
.pachete-avantaje ul.leaf {
margin-top: -5px!important;
float: right;
width: auto!important;
white-space: nowrap;
}

.product-actions {
margin: 30px 0;
padding: 0 !important;
}
.product-actions .sprite-icons-small-res {
display: inline-block;
margin-right: 10px;
}
.pachete-avantaje .pachet-3luni-title{
font-size: 28px;
margin: 40px 0;
}
.pachete-avantaje .pachet-2luni-title, .pachete-avantaje .pachet-1luna-title{
font-size: 28px;
margin: 50px 0;
}
.pachete-avantaje .pachet-1luna-title{
margin: 80px 0 40px 0;
}
.pachete-avantaje .pachet-2luni-title, .pachete-avantaje .pachet-1luna-title, .pachete-avantaje .pachet-3luni-title {
white-space: nowrap;
}
.fibre-avantaje, .fibre-avantaje .col-xs-8 {
padding: 0!important;
}
.fibre-avantaje ul.leaf {
margin: 35px 0 0 !important;
width: 100%;
}

.brosura-content-holder {
padding-top: 20px;
width: 64%;
}
.brosura-holder {
width: 35%;
margin-top: -20px;
white-space: nowrap;
}
.gratuit-title {
padding-top: 10px;
}
.gratuit-note {
font-size: 17px;
}
.fibre-avantaje-holder {
padding: 0 15px;
}
.gratuit-holder {
padding: 15px;
}
.avantaj-client {
font-size: 17px;
}
}

@media (min-width: 350px) and (max-width: 379px) {

#video1 {
    width: 320px;
    height: 180px;
}
#header-logo {
width: 300px;
padding-top: 30px;
}
.section-number {
    color: #fff;
    font-size: 35px;
    line-height: 72px;
}

.section-number div {
    text-align: center;
    width: 100%;
    position: absolute;
    min-height: 100px;
    vertical-align: middle;
    left: 5px;
}

.main-title-pachet {
font-size:21px;
font-weight: 600;
line-height: 35px;
padding-top: 0px;
}
.main-title-rezultate {
font-size:20px;
}

.main-title-fizic {
font-size: 19px;
line-height: 30px;
margin-top: 15px;
}
.main-title-kilograme {
font-size: 24px;
margin: 15px 0;
}
.main-title-vergeturi {
font-size: 18px;
}
.main-title-actioneaza {
font-size: 24px;
line-height: 30px;
margin: 30px auto 20px;
}
.main-subtitle-pachet {
font-size: 29px;
line-height: 34px;
}
.main-subtitle-pachet-fibre {
font-size: 29px;
}
.main-subtitle-pachet-note {
font-size: 22px;
}
.main-title-directii {
font-size: 27px;
margin-top: 30px;
}
.main-subtitle-directii {
font-size: 25px;
margin-bottom: 25px;
}

.product-fibre-title {
font-size: 20px;
margin: 20px auto auto auto;
}
.product-fibre-subtitle {
font-size: 20px;
margin: auto;
}
.product-fibre-teaser {
font-size: 15px;
margin: auto;
}
.product-fibre-note {
font-size: 17px;
margin: auto;
width: 80%;
/*white-space: nowrap;*/
}
.tratament-title {
font-size: 23px;
}
.tratament-subtitle {
font-size: 24px;
}
.tratament-efecte {
font-size: 24px;
}
.tratament-sanatate {
font-size: 26px;
}
.tratament-corp {
font-size: 24px;
}

.avantaje-farmec ul {
width: 70%;
}
.contact-form {
padding-top: 230px;
}
.contact-form input, .contact-form textarea, .contact-form select {
font-size: 16px;
height: 30px;
padding: 4px 15px;
}
.contact-form textarea {
height: 80px;
margin-bottom: 60px;
}
.product-actions-holder .menu_arrow.compozitie {
left: 22%;
}
.product-actions-holder .menu_arrow.administrare {
right: 19%;
}
.tick-green-list li div {
margin-right: 0;
width: 85%;
}
.pachete-avantaje {
padding: 0 15px;
}
.pachete-avantaje .col-xs-8{
width: 63%;
}
.pachete-avantaje .col-xs-4{
width: 36%;
}
.pachete-avantaje ul.leaf li div {
color: #fa9424;
font-size: 15px;
font-weight: 600;
width: 75%;
white-space: nowrap;
}
.pachete-avantaje ul.leaf {
margin-top: -15px!important;
}

.product-actions {
margin: 30px 0;
padding: 0 !important;
}
.product-actions .sprite-icons-small-res {
display: inline-block;
margin-right: 10px;
}
.pachete-avantaje .pachet-3luni-title{
font-size: 28px;
margin: 40px 0;
}
.pachete-avantaje .pachet-2luni-title, .pachete-avantaje .pachet-1luna-title{
font-size: 28px;
margin: 40px 0;
}
.pachete-avantaje .pachet-1luna-title{
margin: 60px 0 40px 0;
}
.pachete-avantaje .pachet-2luni-title, .pachete-avantaje .pachet-1luna-title, .pachete-avantaje .pachet-3luni-title {
white-space: nowrap;
}
.fibre-avantaje, .fibre-avantaje .col-xs-8 {
padding: 0!important;
}
.fibre-avantaje ul.leaf {
margin: 35px 0 0 !important;
width: 100%;
}

.brosura-content-holder {
padding-top: 20px;
width: 64%;
}
.brosura-holder {
width: 35%;
margin-top: -20px;
white-space: nowrap;
}
.gratuit-title {
padding-top: 10px;
}
.gratuit-note {
font-size: 17px;
}
.fibre-avantaje-holder {
padding: 0 15px;
}
.gratuit-holder {
padding: 15px;
}
.avantaj-client {
font-size: 17px;
}
}

@media  (min-width: 321px) and (max-width: 349px) {

#video1 {
    width: 280px;
    height: 160px;
}

#header-logo {
width: 300px;
padding-top: 30px;
margin:auto;
}
.section-number {
color: #fff;
font-size: 35px;
line-height: 72px;
}

.section-number div {
text-align: center;
width: 100%;
position: absolute;
min-height: 100px;
vertical-align: middle;
left: 5px;
}

.main-title-pachet {
font-size:21px;
font-weight: 600;
line-height: 35px;
padding-top: 0px;
}
.main-title-rezultate {
font-size:20px;
}

.main-title-fizic {
font-size: 19px;
line-height: 30px;
margin-top: 15px;
}
.main-title-kilograme {
font-size: 24px;
margin: 15px 0;
}
.main-title-vergeturi {
font-size: 18px;
}
.main-title-actioneaza {
font-size: 24px;
line-height: 30px;
margin: 30px auto 20px;
}
.main-subtitle-pachet {
font-size: 29px;
line-height: 34px;
}
.main-subtitle-pachet-fibre {
font-size: 28px;
}
.main-subtitle-pachet-note {
font-size: 22px;
}
.main-title-directii {
font-size: 27px;
margin-top: 15px;
}
.main-subtitle-directii {
font-size: 25px;
margin-bottom: 0px;
}

.product-fibre-title {
font-size: 20px;
margin: 20px auto auto auto;
}
.product-fibre-subtitle {
font-size: 20px;
margin: auto;
}
.product-fibre-teaser {
font-size: 15px;
margin: auto;
}
.product-fibre-note {
font-size: 17px;
margin: 0 auto 20px;
width: 80%;
}
.tratament-title {
font-size: 23px;
}
.tratament-subtitle {
font-size: 24px;
}
.tratament-efecte {
font-size: 24px;
}
.tratament-sanatate {
font-size: 26px;
}
.tratament-corp {
font-size: 24px;
}

.avantaje-farmec ul {
width: 70%;
}
.contact-form {
padding-top: 210px;
}
.contact-form input, .contact-form textarea, .contact-form select {
    font-size: 16px;
    height: 30px;
    padding: 4px 15px;
    margin: 11px 15px;
}
.contact-form textarea {
    height: 70px;
    margin-bottom: 25px;
}
.product-actions-holder .menu_arrow.compozitie {
left: 22%;
}
.product-actions-holder .menu_arrow.administrare {
right: 19%;
}
.product-actions-holder .action_trigger {
    margin-right: 14px;
}


.tick-green-list li div {
margin-right: 0;
width: 85%;
}
.pachete-avantaje {
padding: 0 15px;
}
.pachete-avantaje .col-xs-8{
width: 63%;
}
.pachete-avantaje .col-xs-4{
width: 36%;
}
.pachete-avantaje ul.leaf li div {
color: #fa9424;
font-size: 15px;
font-weight: 600;
width: 73%;
white-space: nowrap;
}
.pachete-avantaje ul.leaf {
margin-top: -15px!important;
}

.product-actions {
margin: 30px 0;
padding: 0 !important;
}
.product-actions .sprite-icons-small-res {
display: inline-block;
margin-right: 10px;
}
.pachete-avantaje .pachet-3luni-title{
    font-size: 28px;
    margin: 40px 0;
}
.pachete-avantaje .pachet-2luni-title, .pachete-avantaje .pachet-1luna-title{
    font-size: 28px;
    margin: 35px 0;
}

.pachete-avantaje .pachet-2luni-title, .pachete-avantaje .pachet-1luna-title, .pachete-avantaje .pachet-3luni-title {
    white-space: nowrap;
}
.fibre-avantaje, .fibre-avantaje .col-xs-8 {
padding: 0!important;
}
.fibre-avantaje ul.leaf {
margin: 35px 0 0 !important;
width: 100%;
}
.fibre-avantaje ul.leaf.comprimate {
margin: 15px 0 0 !important;
width: 100%;
}
.fibre-avantaje ul.leaf.crema{
margin: 15px 0 0 !important;
width: 100%;
}
.fibre-avantaje ul.leaf li {
letter-spacing: -1px;
}

.brosura-content-holder {
padding-top: 20px;
width: 64%;
}
.brosura-holder {
width: 35%;
}
.gratuit-title {
padding-top: 10px;
}
.gratuit-note {
font-size: 17px;
}
.fibre-avantaje-holder {
padding: 0 15px;
}
.avantaj-client {
font-size: 17px;
}
.gratuit-holder {
padding: 15px;
}

}


@media (max-width: 320px) {
#header-logo {
width: 300px;
padding-top: 15px;
}
.section-number {
color: #fff;
font-size: 35px;
line-height: 56px;
}

.section-number div {
text-align: center;
width: 100%;
position: absolute;
min-height: 100px;
vertical-align: middle;
left: 5px;
}

.main-title-pachet {
font-size:21px;
font-weight: 600;
line-height: 35px;
padding-top: 0px;
}
.main-title-rezultate {
font-size:20px;
}

.main-title-fizic {
font-size: 19px;
line-height: 30px;
margin-top: 15px;
}
.main-title-kilograme {
font-size: 24px;
margin:7px 0 8px 0;
}
.main-title-vergeturi {
font-size: 16px;
}
.main-title-actioneaza {
font-size: 24px;
line-height: 30px;
margin: 20px auto 10px;
}
.main-subtitle-pachet {
font-size: 25px;
line-height: 26px;
}
.main-subtitle-pachet-fibre {
font-size: 29px;
}
.main-subtitle-pachet-note {
font-size: 22px;
}
.main-title-directii {
font-size: 27px;
margin-top: 30px;
}
.main-subtitle-directii {
font-size: 25px;
margin-bottom: 5px;
}
.product-details div {
margin-right: 8px;
}
.product-fibre-title {
font-size: 20px;
margin: 10px auto auto auto;
}
.product-fibre-subtitle {
    font-size: 20px;
    margin: 5px auto 1px auto;
}
.product-fibre-teaser {
font-size: 15px;
margin: auto;
}
.product-fibre-note {
font-size: 17px;
margin: 0 auto 20px;
width: 80%;
}
.tratament-bg ol li {
font-size: 17px;
line-height: 21px;
}
.tratament-title {
font-size: 22px;
letter-spacing: -0.2px;
white-space: nowrap;
margin-top:10px;
margin-bottom:10px;
margin-left:-5px;
}
.tratament-subtitle {
font-size: 24px;
margin-bottom:10px;
line-height: 25px;
}
.tratament-efecte {
font-size: 24px;
margin-bottom:15px;
}
.tratament-sanatate {
font-size: 26px;
line-height: 28px;
margin-bottom: 15px;
}
.tratament-corp {
font-size: 24px;
line-height: 28px;
margin-bottom: 20px;
}
.fibre-avantaje-holder {
padding: 0 15px;
}
.avantaje-farmec ul {
width: 70%;
}
.contact-form {
padding-top: 190px;
}
.contact-form input, .contact-form textarea, .contact-form select {
    font-size: 16px;
    height: 30px;
    padding: 4px 15px;
    margin: 11px 15px;
}
.contact-form select {
    text-align:center;
}
.contact-form textarea {
    height: 70px;
    margin-bottom: 25px;
}
.product-actions-holder .menu_arrow.compozitie {
left: 22%;
}
.product-actions-holder .menu_arrow.administrare {
right: 19%;
}
.tick-green-list li div {
margin-right: 0;
width: 85%;
}
.pachete-avantaje {
padding: 0 10px;
}
.pachete-avantaje .col-xs-8{
width: 63%;
}
.pachete-avantaje .col-xs-4{
width: 36%;
}
.pachete-avantaje ul.leaf li div {
color: #fa9424;
font-size: 15px;
font-weight: 600;
width: 75%;
white-space: nowrap;
line-height: 15px;
padding-left: 0px;
}
.pachete-avantaje ul.leaf {
margin-top: -5px!important;
}
.pachete-avantaje .oldprice-avantaj, .fibre-avantaje .oldprice-avantaj {
    padding-top: 43px;
}
.avantaj-client {
font-size: 17px;
line-height: 18px;
}
.product-actions {
margin: 20px 0 30px 0;
padding: 0 !important;
}
.fibre-avantaje .product-actions {
margin: 5px 0 30px 0;
}
.product-actions .sprite-icons-small-res {
display: inline-block;
margin-right: 5px;
}
.pachete-avantaje .pachet-3luni-title{
font-size: 28px;
margin: 30px 0;
}
.pachete-avantaje .pachet-2luni-title, .pachete-avantaje .pachet-1luna-title{
font-size: 28px;
margin: 30px 0;
}
.pachete-avantaje .pachet-2luni-title, .pachete-avantaje .pachet-1luna-title, .pachete-avantaje .pachet-3luni-title {
white-space: nowrap;
}
.fibre-avantaje ul.leaf li div {
padding-left: 0px;
}
.fibre-avantaje, .fibre-avantaje .col-xs-8 {
padding: 0!important;
}
.fibre-avantaje ul.leaf {
margin: 35px 0 0 !important;
width: 100%;
}
.fibre-avantaje ul.leaf.crema {
margin: 12px 0 0 !important;
}
.fibre-avantaje ul.leaf.comprimate {
margin: 18px 0 0 !important;
}
.brosura-content-holder {
padding-top: 20px;
width: 64%;
}
.brosura-holder {
width: 33%;
}
.gratuit-title {
padding-top: 10px;
}
.gratuit-note {
font-size: 17px;
}

.articole-holder {
font-size: 22px;
line-height: 25px;
}

.title-ff-product {
padding-left: 0px;
}

.product-actions .sprite-icons-small-res.last {
margin-right: 2%;
}

.gratuit-holder {
background-color: #f6ffe6;
padding: 0 15px
}
.fibre-avantaje .avantaj-client {
margin-left: 0px !important;
}

.fibre-avantaje ul.leaf li {
    line-height:22px;
}
.fibre-avantaje ul.leaf li {
    letter-spacing: -1px;
}
.fibre-avantaje ul.leaf {
margin: 35px 0 0 !important;
width: 100%;
}
.fibre-avantaje ul.leaf.comprimate {
margin: 15px 0 0 !important;
width: 100%;
}
.fibre-avantaje ul.leaf.crema{
margin: 15px 0 0 !important;
width: 100%;
}
#video1 {
    width: 260px;
    height: 140px;
}
}