/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{color:#000;background:#FFF;height: 100%;-webkit-text-size-adjust: none;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* FONTS */
@font-face {
    font-family: 'lato';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lato-bold-webfont.woff2') format('woff2'),
    url('../fonts/lato-bold-webfont.woff') format('woff'),
    url('../fonts/lato-bold-webfont.ttf') format('truetype'),
    url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lato-regular-webfont.woff2') format('woff2'),
    url('../fonts/lato-regular-webfont.woff') format('woff'),
    url('../fonts/lato-regular-webfont.ttf') format('truetype'),
    url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lato-light-webfont.woff2') format('woff2'),
    url('../fonts/lato-light-webfont.woff') format('woff'),
    url('../fonts/lato-light-webfont.ttf') format('truetype'),
    url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('../fonts/lato-black-webfont.eot');
    src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lato-black-webfont.woff2') format('woff2'),
    url('../fonts/lato-black-webfont.woff') format('woff'),
    url('../fonts/lato-black-webfont.ttf') format('truetype'),
    url('../fonts/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'ptsans';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PTS55F-webfont.woff') format('woff'),
    url('../fonts/PTS55F-webfont.ttf') format('truetype'),
    url('../fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* GENERAL */

body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;

    font-family: lato, sans-serif;
}

body{height:100%;}

a {text-decoration: none;}

a:hover {text-decoration: none;}
.clear{clear: both; height: 0;}
.inner{width: 1200px; height: 100%;margin: 0 auto;padding: 0px 10px;}

header{
    height: 85px;
    width: 100%;
    border-bottom: 6px #fd9827 solid;
}

a#logo{
    display: block;
    width: 150px;
    height: 100%;
    background: url(../img/logo.png) no-repeat center / 100%;
    float: left;
}

nav{
    float: right;
    height: 100%;
}
nav a{
    font-weight: 500;
    text-transform: uppercase;
    color: #767676;
    font-size: 16px;
    padding: 28px 15px;
    display: block;
    float: left;
}
nav a:hover, nav a.active{
    box-shadow: inset 0px -80px 0px 0px #fd9827;
    -webkit-box-shadow: inset 0px -80px 0px 0px #fd9827;
    color: #FFF;
}
.subhead{
    background: rgba(52, 208, 196, 0.8);
    width: 100%;
    position: absolute;
    z-index: 2;
}
.subhead .comanda{
    color: #FFF;
    padding: 14px 0px 14px 35px;
    background: url(../img/phone_round.png) no-repeat center left / auto 50%;
    font-weight: 300;
    display: inline-block;
}
.subhead .comanda span{
    background: url(../img/bullet_white.png) no-repeat center left / auto 40%;
    padding: 0px 15px 0px 27px;
}
.subhead .comanda span:first-child{
    background: none;
    padding-left: 16px;
}
.subhead a{
    color: #FFF;
    border: 1px #FFF solid;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 8px;
    float: right;
}
.subhead a:hover{
    background: #FFF;
    color: rgba(52, 208, 196, 1);
}
#slider{
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 0;
}
#slider .slide .inner{
    padding: 80px 40px 0px;

}
#slider .slide.active{
    opacity: 1;
}
#slider .slide{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
}
#slider .title{

}
#slider .subtitle{

}
section.content #controls .control{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px #FFF solid;
    display: inline-block;
    margin-left: 25px;
    cursor: pointer;
}
section.content #controls .control.active{
    background: #fff;
}
section.content #controls{
    position: relative;

    bottom: 0;
    width: auto;
    text-align: right;
    float: right;
}
#slider #controls .inner{
    padding: 0px 40px;

}
section.content #over_slider h1{
    font-weight: 600;
    font-size: 38px;
    text-transform: uppercase;
}
section.content #over_slider h2{
    font-weight: 500;
    font-size: 22px;
    text-align: right;
}
section.content{
    z-index: 1;
    position: relative;
}
section.content .inner{
    padding: 70px 40px 0px;
    position: relative;
}
section.content #over_slider{
    color: #FFF;
    width: 90%;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}
section.content #over_slider .over_slider{
    opacity: 0;
    top: 0;
    position: absolute;
}
section.content #over_slider .over_slider.active{
    opacity: 1;
    position: relative;
}
section.content .pack.slider{
    width: 100%;
    position: relative;
}
section.content .pack.slider .pack_container img{
    width: 100%;
}
section.content .pack.slider .pack_container{
    width: 45%;
    position: relative;
    float: left;
    z-index: 2;
    margin-top: 7%;
}
section.content .pack.slider .order_container{
    color: #FFF;
    font-weight: 500;
    font-size: 17px;
    margin-left: 0px;
    width: 55%;
    float: left;
    margin-top: 17%;
    position: relative;
    margin-left: -3px;
    z-index: 1;
}
section.content .pack.slider .order_container .icn_call{
    position: absolute;
    background-color: #34d0c4;
    width: 50px;
    height: 40px;
    text-align: center;
    padding: 5px 0px 4px;
}
section.content .pack.slider .order_container .icn_call img{
    height: 25px;
}
section.content .pack.slider .order_container .call{
    text-transform: uppercase;
    background: #fd9827;
    padding: 0 20px 0 65px;
    height: 40px;
    line-height: 40px;
    border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    text-align: center;
}
section.content .pack.slider .order_container .info{
    text-align: right;
    padding: 10px 5px 0px 0px;
}
section.content .left{
    width: 73%;
    float: left;
}
section.content .right{
    float:right;
}
section.content .right.ctrl{
    width: 40%;
    right: 40px;
    bottom: 100px;
    position: absolute;
}

section.content .inside{
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(40%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#ffffff',GradientType=0 );
    padding: 90px 50px 0px;
}
section.content .inside h2{
    background-color: #ff9600;
    color: #FFF;
    font-weight: 500;
    font-size: 18px;
    padding: 5px 15px;
    display: inline-block;
    margin-bottom: 10px;
}
section.content .inside p{
    color: #767676;
    font-size: 18px;
    font-family: ptsans;
    line-height: 30px;
    padding: 40px 20px 0px 30%;
}
section.content .inside .left p{background: url(../img/icon-hp-left.png) no-repeat left 60px / 120px;}
section.content .inside .right p{background: url(../img/icon-hp-right.png) no-repeat left 60px / 120px;padding-top: 10px;}
section.content .inside .left{
    width: 50%;
    float: left;
}
section.content .inside .right{
    width: 50%;
    float: right;
}
section.content .inner.inside{
    background: none;
    padding: 0px;
    width: 1200px;
    top: -50px;
}
section.content .inner.icons{
    padding: 0px 0px 130px;
    text-align: center;
}
section.content .inner.icons span{
    padding: 150px 0px 0px;
    display: inline-block;
    width: 240px;
    margin: 0px 40px;
    color: #767676;
    font-size: 18px;
}
section.content .inner.icons span.icon-1{
    background: url(../img/ico-1.png) no-repeat center 25px / 100px;
}
section.content .inner.icons span.icon-2{
    background: url(../img/ico-2.png) no-repeat top center / 110px;
}
section.content .inner.icons span.icon-3{
    background: url(../img/ico-3.png) no-repeat center 27px / 100px;
}
section.content .inner.rec{
    padding: 35px 40px 30px;
}
section.content .inner.rec .right{
    width: 30%;
    text-align: left;
}
section.content .inner.rec .left{
    width: 40%;
    text-align: left;
}
section.content .inner.rec .mid img{
    width: 100%;
}
section.content .inner.rec .mid{
    width: 22%;
    float: left;
    top: -100px;
    position: relative;
}
section.content .inner.rec h2{
    color: #ff9600;
    font-weight: 500;
    font-size: 22px;
    text-transform: uppercase;
    padding-bottom: 70px;
}
section.content .inner.rec ul{
    color: #767676;
    font-family: ptsans;
    font-size: 18px;
}
section.content .inner.rec ul li{
    padding-bottom: 20px;
    padding-left: 25px;
    background: url(../img/bullet_blue.png) no-repeat left 9px / 10px;
}
section.content.rec, section.content.forma{
    box-shadow: inset 0px 100px 0px 0px #f8f4ea;
    -webkit-box-shadow: inset 0px 100px 0px 0px #f8f4ea;
    text-align: center;
}

section.content.forma .inner.forma{
    padding: 0px;
}

section.content .inner.forma .left{
    width: 50%;
}
section.content .inner.forma .right{
    width: 50%;
}
section.content .inner.forma div p:first-child{
    color: #ff9600;
    padding-top: 40px;
}
section.content .inner.forma div p{
    color: #767676;
    width: 30%;
    display: block;
    float: left;
    font-size: 18px;
    font-family: ptsans;
    padding-top: 15px;
    text-align: left;
}
section.content .inner.forma img{
    width: 30%;
    float: left;
    margin: 0 5%;
    max-width: 120px;
    top: -10px;
    position: relative;
}
a#call{
    margin: 50px 0px 80px;
    display: inline-block;
    color: #FFF;
    font-weight: normal;
    background-color: #fd9827;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    padding: 10px 35px 12px 35px;
    font-size: 18px;
    position: relative;
    text-align: center;
}

section.content.orange_stripe.special{display:none;}
a#call:hover{
    padding-right: 35px;
    padding-left: 35px;
    background-color: #FF8700;
}

a#call span.arrow{
    background: url(../img/arrow.png) no-repeat center / 15px #34d0c4;
    width: 50px;
    height: 52px;
    position: absolute;
    border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    top: 0;
    right: 0;
    box-shadow: -10px 0px 15px -7px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -10px 0px 15px -7px rgba(0, 0, 0, 0.2);
}

footer {
    background: url("../img/footer-bg.jpg") repeat-x;
    width: 100%;
    border-top: 3px solid #34d0c4;
    background-size: cover;
}

#delivery {
    text-align: center;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    width: 50%;
    margin: 20px auto;
    background-color: rgba(0, 0, 0, 0.4);
}

#disclaimer {
    background: #EBE6E0;
    background: rgba(255, 255, 255, 0.8);
    color: #485140;
    margin-bottom: 25px;
    padding: 15px 30px;
    display: table;
}

#disclaimer > div {
    /* display: table-cell; */
    vertical-align: middle;
}

.disc-text {
    color: #767676;
    font-size: 14px;
    line-height: 20px;
    /* max-width: 260px; */
    /* padding: 0px 10px; */
    width: 100%;
}

.disc-icons {
    /* max-width: 845px; */
    width: 100%;
}

#number-qty {
    max-width: 50px;
}

.disc-icons span {
    color: #767676;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
}

.disc-icons-wrap {
    display: table;
}

.disc-icons-wrap a {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}

.disc-icons-wrap img {
    display: block;
    width: 100%;
}

.disc-icons-wrap a:hover {
    text-decoration: none;
}

footer small {
    display: block;
    color: #fff;
    font-size: 12px;
    padding-bottom: 30px;
}

.distributor {
    padding: 0 10px;
}

.distributor > div.fl,
.distributor > div.fr {
    margin-bottom: 10px;
}

.distributor a,
.distributor .fr {
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
}

.distributor .fl {
    color: #fff;
    font-size: 12px;
}
.fl{float:left;}
.fr{float:right;}
#delivery img{
    width: 20px;
}
section.page.top{
    height: 510px;
    overflow: hidden;
    background: url(../img/page-top-bg.jpg) no-repeat center top / cover;
}
section.page.top .inner:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 210px;
    z-index: 1;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#ffffff',GradientType=0 );
}
section.page.top .inner{
    padding-top: 130px;
    padding-bottom: 30px;
}
section.page.top img{
    width: 100%;
}
section.page.top .left{
    width: 40%;
    height: 100%;
    text-align: center;
    z-index: 2;
    position: relative;
    margin-top: 50px;
}
section.page.top .left.small-margin {
    margin-top: 25px;
}
section.page.top .right{
    width: 55%;
    z-index: 2;
    position: relative;
}
section.page.top p{
    font-family: ptsans;
    font-weight: bold;
    color: #393939;
    line-height: 32px;
    font-size: 18px;
}
section.page.top b{
    color: #fd9728;
}
section.page.top h1{
    color: #FFF;
    font-size: 48px;
    font-weight: 600;
    padding: 25px 0px 90px;
    /* text-transform: uppercase; */
}
section.content.orange_stripe h2{
    color: #FFF;
    font-weight: 500;
    font-size: 22px;
}
section.content.orange_stripe{
    background-color: #ff9600;
    box-shadow: 0px -10px 20px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px -10px 20px 0px rgba(0, 0, 0, 0.05);
}
section.content.beige{
    background-color: #f8f4e9;
}
section.content.about .inner{padding: 50px 10px;}
section.content.about .sulfat{background: url(../img/sulfat.png) no-repeat center left / 190px;}
section.content.about .msm{background: url(../img/msm.png) no-repeat center left / 190px;}
section.content.about .colagen{background: url(../img/colagen.png) no-repeat center left / 190px;}
section.content.about .pulbere{background: url(../img/pulbere.png) no-repeat center left / 190px;}
section.content.about .turmeric{background: url(../img/turmeric.png) no-repeat center left / 190px;padding: 100px 10px;}
section.content.about .ghimbir{background: url(../img/ghimbir.png) no-repeat center left / 190px;padding: 100px 10px;}
section.content.about .boswellia{background: url(../img/boswellia.png) no-repeat center left / 190px;padding: 100px 10px;}
section.content.about .vitamina{background: url(../img/vitamina.png) no-repeat center left / 190px;padding: 120px 10px;}

section.content.about .inner h3{
    font-size: 20px;
    font-weight: 500;
    color: #464646;
    padding-bottom: 25px;
    padding-left: 20%;
}
section.content.about .inner p{
    padding-left: 20%;
    color: #767676;
    font-family: ptsans;
    line-height: 32px;
    font-size: 18px;
}
section.content.about .inner img{display:none;}
section.content.heading{}
section.content.heading .inner{
    padding: 20px 10px;
}
section.content.heading .inner h3{
    color: #ff9403;   font-size: 18px;
    font-weight: 500;
}

section.content.efecte{}
section.content.efecte .inner{
    padding: 20px 10px;
}
section.content.efecte .inner ul.third.special{
    width: 20%;
    float: right;
    padding-right: 0px;
}
section.content.efecte .inner ul.third{
    width: 40%;
    float: left;
    color: #464646;
    padding-right: 50px;
}
section.content.efecte .inner ul.third li.first{
    font-size: 20px;
    font-weight: 500;
    font-style: italic;
    font-family: lato;
    padding: 0px 0px 15px;
    background: none;
}
section.content.efecte .inner ul.third li{
    font-size: 18px;
    font-family: ptsans;
    padding-bottom: 20px;   padding-left: 25px;   background: url(../img/bullet_blue.png) no-repeat left 9px / 10px;
}

section.content.info{
    background-color: #f8f4e9;
}
section.content.info .inner{
    padding: 20px 10px 20px 80px;
    background: url(../img/info.png) no-repeat center left / 60px;
}
section.content.info .inner p{
    font-size: 18px;
    color: #464646;
    font-family: ptsans;
}
section.content.info .inner p a, section.content.page.top a, section.content.about.delivery a, .order-page a, section.content.thanks .inner a, section.content.actiune.continut .inner a{
    color: #34d0c4;
    text-decoration: underline;
    font-weight: 500;
    font-family: lato;
    font-size: 18px;
    -webkit-transition: 150ms ease all;
    transition: 150ms ease all;
}
section.content.info .inner p a:hover, section.content.page.top a:hover, section.content.about.delivery a:hover, .order-page a:hover, section.content.thanks .inner a:hover, section.content.actiune.continut .inner a:hover{
    /* text-decoration: none; */
    color: #FF9403;
}
section.content.page.top.comanda h1{
    padding-bottom: 100px;
    text-transform: uppercase;
}
section.content.about.delivery .inner{
    padding: 60px 40px;
}
section.content.about.delivery h3{
    padding: 0px 0px 10px;
}
section.content.about.delivery p{
    padding: 0px;
}

section.content.about.delivery i{
    color: #a9a9a9;
    font-size: 16px;
    font-family: ptsans;
    padding-top: 20px;
    display: block;
}
section.content.page.top.oferte .inner:after{
    display: none;
}
section.content.page.top.oferte .inner{
    padding: 80px 0px 0px;
}
section.content.page.top.oferte .inner .left{
    width: 32%;
}
section.content.page.top.oferte .inner .right{
    width: 66%;
}
section.content.page.top.oferte .inner h1{
    padding: 90px 0px 0px;
}
section.content.page.top.oferte .inner img{
    width: 100%;
    height: auto;
}
section.content.orange_stripe.oferte .half.special h2:first-child{
    float: left;
    line-height: 62px;
}
section.content.orange_stripe.oferte .half.special h2:last-child{
    float: left;
    width: 370px;
    margin-left: 5px;
}
section.content.orange_stripe.oferte .half.special h2{
    display: inline-block;
    text-align: left;
}
section.content.orange_stripe.oferte .half{
    width: 50%;
    float: left;
    text-align: left;
}

section.content.orange_stripe.oferte .third{
    width: 33%;
    float: left;
    text-align: left;
}

section.content.orange_stripe.oferte .third b{
    background-color: #FFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #ff9600;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
}

section.content.orange_stripe.oferte .half b{
    background-color: #FFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #ff9600;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
}
section.content.oferte .inner{
    padding: 70px 40px;
}
section.content.oferte .inner .half.celadrin img{
    width: 80%;
    margin-left: 5px;
}

section.content.oferte .inner .third {
    float: left;
    width: 30%;
    margin-right: 5%;
}

@media screen and (min-width: 1023px) {
    section.content.oferte .inner .third:nth-child(3n) {
        margin-right: 0;
    }
    section.content.oferte .inner .third:nth-child(3n):after {
        content: "";
        display: block;
        clear: both;
    }
}


section.content.oferte .inner .half{
    float: left;
    width: 50%;

}

section.content.oferte .inner .half-C{
    float: left;
    width: 40%;
    margin-right:110px;
}
section.content.oferte .inner .half-C img{
    float: left;
    width: 80%;
}

section.content.oferte .inner .third img{
    float: left;
    width: 70%;
}

section.content.oferte .inner .third .det{
    width: 75%;
    float: left;
}

section.content.oferte .inner .half-C .det{
    width: 100%;
    float: left;
}

section.content.oferte .inner h2 {
    color: #ff9600;
    font-size: 24px;
    font-weight: 700;
}
section.content.oferte .inner .third h3{
    color: #ff9600;
    font-size: 28px;
    font-weight: 500;
    padding: 0 0 10px;
}

section.content.oferte .inner .half-C h3{
    color: #ff9600;
    font-size: 28px;
    font-weight: 500;
    padding: 0 0 10px;
}

section.content.oferte .inner .third h4{
    color: #767676;
    font-weight: 500;
    text-decoration: line-through;
    font-size: 18px;
    padding: 0px 0px 10px;
}

section.content.oferte .inner .half-C h4{
    color: #767676;
    font-weight: 500;
    text-decoration: line-through;
    font-size: 18px;
    padding: 0px 0px 10px;
}

section.content.oferte .inner .third.free{
    background: url(../img/livrare.png) no-repeat right 60px / 75px;
}

section.content.oferte .inner .half-C.free{
    background: url(../img/livrare.png) no-repeat right 60px / 80px;
}

section.content.oferte .inner .third p{
    color: #767676;
    font-size: 18px;
}
section.content.oferte .inner .half p{
    color: #767676;
    font-size: 18px;
}
section.content.oferte .inner .half a#call span{
    height: 49px;
}
section.content.oferte .inner .half a#call{
    margin: 30px 0px;
    font-weight: 400;
    font-size: 18px;
}
section.content.orange_stripe .inner{padding: 10px 40px;}
section.content.page.top.contact{height:auto;}
section.content.page.top.contact .inner{padding-left:10px; padding-right: 10px;}
section.content.page.top.contact .inner:after{display: none;}
section.content.page.top.contact h1{padding: 15px 0px 30px;}

section.content.orange_stripe.contact h2{
    font-size: 20px;
    line-height: 50px;
}
section.content.beige.contact{}
section.content.beige.contact .inner{
    padding: 40px 10px;
}
section.content.beige.contact .left{
    color: #767676;
    width: 45%;
}
section.content.beige.contact .right{
    width: 53%;
    height: 420px;
}
section.content.beige.contact p{
    font-family: ptsans;
    font-size: 18px;
    line-height: 30px;
}
section.content.beige.contact b{}


#contact-form-wrap h2 {
    font-size: 18px;
    color: #352c2c;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 40px;
}

#contact-form-wrap {
    padding: 40px 0;
}

#contact_form label span,
.mandatory {
    color: #ff9403;
}

#contact_form label {
    color: #767676;
    display: inline-block;
    float: left;
    height: 45px;
    line-height: 45px;
    margin: 0 0 15px 0px;
    position: relative;
    width: 240px;
    font-size: 20px;
    font-family: ptsans;
}

#contact_form input[type="text"], #contact_form input[type="email"], #contact_form input[type="tel"], #contact_form textarea {
    border: 1px solid #767676;
    display: inline-block;
    float: left;
    height: 45px;
    line-height: 45px;
    margin: 0 0 25px;
    padding: 0 5px;
    width: 450px;
}

#contact_form textarea {
    height: 140px;
    line-height: 20px;
    padding: 5px;
    width: 670px;
}

#contact_form label b {
    background: #e55d5d;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    left: 100%;
    line-height: 20px;
    padding: 0 5px;
    position: absolute;
    top: -19px;
    width: 100%;
    display: none;
}
section.content.form.contact .inner{
    padding: 70px 10px;
}

.btn {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 25px 80px;
    display: inline-block;
    margin: 15px 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.send-btn:hover {
    background-color: #FF8903;
    background-position: 285px center;
}

.send-btn {
    padding: 25px 120px 25px 60px;
    overflow: hidden;
    background: url(../img/arrow.png) no-repeat 310px center / 15px #ff9403;
    color: #fff !important;
    font-weight: 300;
    font-size: 20px;
    width: 350px;
    margin: 0px 0px 0px 240px;
    text-decoration: none !important;
}

.send-btn:before {
    left: auto;
    right: 10px;
    z-index: 2;
}

.send-btn:after {
    width: 30%;
    height: 200%;
    background: rgba(255,255,255,0.1);
    z-index: 1;
    right: 0;
    top: 0;
    margin: -5px 0 0 -5px;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
}

.send-btn:hover:after {
    width: 40%;
}
section.content.orange_stripe.contact .inner{
    padding: 10px;
}

.send-small {
    padding: 15px 100px 15px 0px;
    margin: 15px 0;
}


#order .col {
    float: left;
    width: 30%;
}

#middle-col {
    margin: 0 5%;
}

.no-bg .background-content {
    background: none;
}

h6 {
    color: #767676;
    font-size: 20px;
    margin-bottom: 15px;
    position: relative;
    text-align: left;
    text-transform: none;
    font-weight: 500;
}

h6:after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    left: 0;
    bottom: -4px;
}

.order-page {
    padding-top: 10px;
}

#order label b {
    background: #e55d5d;
    color: #fff;
    display: none;
    font-size: 12px;
    font-weight: 400;
    height: 25px;
    line-height: 20px;
    padding: 3px 5px 0px;
    position: absolute;
    right: 0;
    top: 0;
}

#order input[type="text"],
#order input[type="email"],
#order input[type="tel"],
#order input[type="number"],
#order select,
#order textarea,
#uniform-order-county {
    padding: 0 5px;
}

#order label.for-radio b, #order label.for-checkbox b {
    position: static;
    width: 100%;
}

#order label {
    display: block;
    font-size: 18px;
    margin: 0 0 5px;
    position: relative;
    width: 100%;
    font-weight: 300;
}

.product-quantity .product-box-wrap input[type="number"],
.product-quantity .order-qty-label,
.product-quantity .select-prod {
    float: left;
    line-height: 25px;
    margin: 0px 5px 0 0;
    text-align: center;
    width: 55px;
    color: #868686;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 0px 5px 10px !important;
}

.product-box-wrap label .checker span {
    margin-top: 30px;
}

.product-box-wrap img {
    float: left;
    width: 35%;
}

.product-box-wrap {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.main .product-quantity .product-box-wrap .multiplier,.product-quantity .product-box-wrap .order-qty-label, .product-quantity .product-box-wrap #number-qty, #order .product-quantity .product-box-wrap label[for="number-qty"] {
    float: none;
    display: inline;
}

.multiplier,
.order-prod-price {
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 25px 15px 0 15px;
    text-align: left;
    color: #868686;
    font-size: 20px;
    font-weight: 300;
}

#order-summary li,
#order label {
    color: #767676;
}

.order-summary-total,
.order-summary-label {
    height: 50px;
    line-height: 50px;
    background: #f8f4e9;
    padding: 0 10px;
    font-size: 20px;
    color: #767676;
    font-weight: 300;
}

.order-summary-total .small {
    font-size: 16px;
    font-weight: normal;
}
.order-summary-total .small span { float: right; }

.old-price {
    /*color: #ce5f5f;*/
    margin-right: 5px;
}

.order-summary-label {
    background: none;
}

.free-delivery {
    margin-top: 25px;
    color: #767676;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
}

ul.order-summary li:before {
    content: none;
}

.delivery-price {
    font-size: 13px;
}

.order-page input[type="text"],
.order-page input[type="email"],
.order-page #phone-number,
.order-page select {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #b2b2b2;
    background: none;
    color: #767676;
    margin-bottom: 15px;
}

#order #phone-number {
    margin-bottom: 40px;
}

#order-address {
    margin-bottom: 15px;
}

.order-page textarea {
    height: 90px;
    padding: 5px;
    resize: none;
    width: 100%;
}

.order-page h6,
#order label.terms-label2,
.order-summary-total {
    margin-bottom: 20px;
}

.delivery-adress-title {
    margin-top: 0px;
}

.delivery-info,
.order-page #middle-col label[for="order-payment2"] {
    margin-bottom: 50px;
}

.delivery-info li {
    font-size: 14px;
    padding-bottom: 5px;
    color: #767676;
    font-weight: 300;
    background: url(../img/disc.png) no-repeat left center / 6px;
    padding-left: 15px;
}

.order-page .btn-order {
    width: 220px;
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
    font-size: 14px;
}

.order-page .btn-order:after {
    display: none;
}

.product-name {
    font-size: 18px;
    color: #767676;
    margin-bottom: 10px;
}
section.content.orange_stripe.order .inner{
    padding: 0px 10px;
}
section.content.orange_stripe.order .inner .third{
    width: 33.33333%;
    float: left;
    text-align: center;
    color: #FFF;
    font-weight: 500;
    font-size: 22px;
    padding: 20px 0px;
}
section.content.orange_stripe.order .inner .third.active{
    box-shadow: inset 0px -5px 0px 0px #34d0c4;
    -webkit-box-shadow: inset 0px -5px 0px 0px #34d0c4;
}
.send-btn.btn.order{margin: 0px;}
section.content.order .inner{
    padding: 40px 10px;
}
span.order-qty-label{
    text-align: left !important;
}
.product-box-wrap img.special{
    width: 45%;
}
.product-name span{
    font-weight: 600;
}
.product-name b{
    color: #ff9403;
}
.product-name p{
    font-weight: 300;
}
.product-quantity .select-prod.special{
    margin: 16px 20px 0px 0px;
    float: right;
}
.product-quantity .select-prod{
    width: auto;
    margin: 34px 0px 0px;
}
.order-prod-price.special{
    margin-top: 10px;
    margin-right: 25px;
    float: right;
}
.order-summary-total{
    font-weight: 600;
    padding: 10px 10px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-summary-total .order_total_price {
    background: none;
    border: none;
    text-align: right;
    width: 75px;
}

.for-radio input{
    margin: 0px 10px 0px 0px;
    width: auto;
    height: 15px;
}
.for-radio span{
    font-size: 18px;
    position: relative;
    display: inline-block;
}
.product-box-wrap.special.last{
    border-bottom:0px;
}
.delivery-info{
    margin-bottom: 0px;
}
.delivery-info ul{}

.delivery-info ul li{}
.product-box-wrap.special{
    padding-bottom: 30px;
    margin-bottom: 30px;
}


.company-form {
    margin-top: 20px;
    height: 0px;
    padding: 0;
    margin: 0;
}

.order-page .send-btn {
    font-weight: 300;
    width: 100%;
    padding: 25px 110px 25px 30px;
}
.order-page .send-btn:hover {
    background-position-x: 86%;
}
.order-page .send-btn:hover:after {
    width: 33%;
}
.company-form.active{
    height: 454px;
    margin-top: 20px;
    padding-top: 10px;
}
section.content.page.top.contact.thanks .inner{
    padding-top: 80px;
    padding-bottom: 30px;
}
section.content.page.top.contact.thanks h1{
    text-align: center;
}
section.content.thanks .inner{
    padding: 70px 40px;
    text-align: center;
}
section.content.thanks .inner a{font-size: 25px;}
section.content.thanks .inner p{
    color: #767676;
    font-size: 25px;
    font-family: ptsans;
}

section.content.orange_stripe.actiune h2{
    font-size: 20px;
    padding-bottom: 4px;
}
section.content.actiune .inner{
    padding: 10px;
}
section.content.actiune.inside .inner{
    padding: 40px 10px 20px;
}
section.content.actiune.continut .inner{
    padding: 30px 10px;
}

section.content.actiune.continut .inner p{
    color: #464646;
    font-family: ptsans;
    font-size: 18px;
    line-height: 36px;
}
section.content.actiune .inner ul{
    color: #464646;   font-family: ptsans;   font-size: 18px;
}
section.content.actiune .inner ul li{
    padding-bottom: 20px;   padding-left: 25px;   background: url(../img/bullet_blue.png) no-repeat left 9px / 10px;
}
section.content.actiune.beige h3{
    color: #464646;
    font-size: 20px;
    font-weight: 500;
}
.tg  {border-collapse:collapse;border-spacing:0;border-color: #767676;margin-bottom: 20px;}
.tg td{font-size:16px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-size:16px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-rd2y{font-size:16px;color: #767676;}
.tg .tg-t103{font-weight:bold;font-size:18px;color: #464645;}
span.submenu{
    display: block;
    float: left;
    position: relative;
}

span.submenu .subitem {  }


div.hidden{
    position: absolute;
    top: 100%;
    border-top: 6px #fd9827 solid;
    z-index: 3;
    width: 220px;
    display: none;
}
div.hidden.testimonials { width: 180px; }
div.hidden a {
    text-align: left;
    background: rgba(255, 255, 255, 0.85);
    padding: 20px 15px;
    height: 56px;
    overflow: hidden;
    transition: ease all 200ms;
    box-shadow: inset 0px 0px 0px 0px #fd9827;
    -webkit-box-shadow: inset 0px 0px 0px 0px #fd9827;
    font-size: 14px;
    width: 100%;
}
div.hidden a:hover{
    box-shadow: inset 0px 56px 0px 0px #fd9827;
    -webkit-box-shadow: inset 0px 56px 0px 0px #fd9827;
}

span.submenu:hover div.hidden {
    display: block;
}

section.content.actiune.continut.termeni p{line-height: 22px; font-size: 16px;}
#menu_mob{
    display: none;
    color: #FFF;
    float: right;
    text-transform: uppercase;
    font-weight: 200;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 15px 5px 35px;
    top: 6px;
    position: relative;
    cursor: pointer;
    background-color: #fd9827;
    background-image: url(../img/menu.svg), url(../img/close.svg);
    background-position: 10px center, 100px center;
    background-size: 24px, 20px;
    background-repeat: no-repeat;
}
#header_placeholder{display:none;height: 50px;}
#comanda{display:none;float: right;background-color: rgba(52, 208, 196, 1);color: #FFF;text-transform: uppercase;   font-weight: 200;border-radius: 5px;   -webkit-border-radius: 5px;   padding: 5px 15px 5px 35px;   top: 6px;margin-left: 10px;position: relative;cursor: pointer;background-image: url(../img/shop.svg), url(../img/close.svg);   background-position: 10px center, 140px center;   background-size: 18px, 20px;   background-repeat: no-repeat;}
.overlay{display:none;}
.content.oferte.mobile{display:none;}
.fb-like{
    z-index: 1;
    padding-left: 10px;
    float: left;
    width: 65%;
    display: block !important;
    bottom: 15px;
    position: absolute !important;
    right: 0;
}

a#call:hover span.arrow{
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 70px;
}
.subhead span a{background:none; color:#FFF;padding:0px;float:none;border:none;}
.subhead span a:hover{background:none; color:#FFF; border:none;}
section.content .pack.slider .order_container .call a{color:#FFF;}

/* ------------ */
/* TESTIMONIALS */
/* ------------ */
.testimonial-item {
    border: 3px solid #fd9827;
    padding: 1.5rem 2rem;
    font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 3rem;
    margin-right: 5rem;
    text-align: justify;
    border-radius: 10px;
    background: #fff;
}

.testimonial-item:nth-child(2n) {
    border-color: #34D0C4;
    margin-left: 5rem;
    margin-right: 0;
}

.testimonial-item h3 {
    margin-top: 1rem;
    text-align: right;
}

.pages {
    text-align: center;
    padding: 1rem;
}

.pages a,
.pages b {
    display: inline-block;
    padding: .5rem 1rem;
    background: #fd9827;
    color: #fff;
    margin: 0 .3rem;
    font-size: 1.3rem;
    font-family: 'Economica', sans-serif;
}

.pages a:hover {
    background: #34D0C4;
    text-decoration: none;
}

.pages b {
    font-weight: normal;
    background: #fd9827;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}


#video-testimonials .the-video {
    margin: 0 10% 3rem 10%;
}

#video-testimonials .the-video h2 {
    margin-top: 1rem;
    margin-bottom: .75rem;
    text-transform: none;
    font-size: 1.25rem;
    font-weight: 500;
}

.the-list .video-testimonial-item {
    width: 23.5%;
    margin: 0 0 1.5rem 2%;
    display: block;
    float: left;
    color: #464646;
}
.the-list .video-testimonial-item:nth-child(4n) {
    margin-left: 0;
}

.the-list .video-testimonial-item h3 {
    font-size: 1rem;
    line-height: 1.2;
}

@media (max-width: 767.98px) {
    #video-testimonials .the-video {
        margin: 0 0 2.5rem;
    }

    .the-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .the-list .video-testimonial-item {
        width: 48%;
        margin: 0 0 1.5rem;
        float: none;
    }
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.img-fluid {
    width: 100%;
}


@media all and (min-width:1201px){
    section.page.top.oferte{height: 380px;}
    section.content.page.top.oferte .inner .left{  width: 28%;}
    section.content.page.top.oferte .inner h1{  padding: 70px 0px 0px}
    section.content.page.top.oferte .inner{padding: 40px 0px 0px;}
}
@media all and (max-width: 1200px) {
    .inner{width: 100%;}
    section.content #over_slider .over_slider{width: 470px;}
    section.content #over_slider h1{font-size: 30px;}
    section.content #over_slider h2{font-size: 18px;}
    section.content .pack.slider .order_container{  font-size: 14px;}
    section.content .inner.inside{width: 100%}
    section.content .inside p{  font-size: 16px;line-height: 28px;}
    section.content .inner.rec ul{  font-size: 16px;}
    section.content .inner.rec ul li{  padding-bottom: 15px;}
    section.content.forma .inner.forma{  padding: 0px 20px;}
    section.content .inner.forma div p:first-child{  padding-top: 40px;}
    section.content .inner.forma div p{padding-top: 21px;  font-size: 15px;}
    #delivery{width: 100%;}
    a#call span.arrow{  height: 50px;}
    a#call{  font-size: 16px;}
    section.content .inside{background:#FFF;}
    section.content .inner{padding: 70px 10px 0px;}
    section.page.top h1{  padding: 32px 0px 90px;  font-size: 44px;}
    section.page.top p{  line-height: 30px;  font-size: 14px;}
    section.content.orange_stripe h2, section.content.orange_stripe.actiune h2{font-size: 18px;}
    section.content.about .sulfat{background: none; padding:0px;}
    section.content.about .msm{background: none; padding:0px;}
    section.content.about .colagen{background: none; padding:0px;}
    section.content.about .pulbere{background: none; padding:0px;}
    section.content.about .turmeric{background: none; padding:0px;}
    section.content.about .ghimbir{background: none; padding:0px;}
    section.content.about .boswellia{background: none; padding:0px;}
    section.content.about .vitamina{background: none; padding:0px;}
    section.content.about .inner img{display:block;  width: 25%;  float: left;}
    section.content.about .inner h3{width: 72%;  padding-left:0px; float: right;}
    section.content.about .inner p{  padding-left: 0;  float: right;  width: 72%;}
    section.content.about .inner{padding: 40px 10px !important}
    section.content.heading .inner, section.content.efecte .inner{padding: 20px;}
    section.content.info .inner{  background-position-x: 20px;  padding: 20px 10px 20px 100px;}
    section.content.page.top.contact h1{  padding: 15px 0px 20px;}
    section.content.page.top.comanda p{ font-size: 17px;}
    section.content.about.delivery .inner{
        padding: 40px 20px !important;
    }
    section.content.about.delivery .inner p{
        float: none;
        width: 100%;
    }
    section.content.orange_stripe .inner { padding: 10px 20px;}
    section.content.about.delivery .inner h3{
        float: none;
        width: 100%;
    }
    section.page.top.oferte{height:auto}
    section.page.top.oferte h1{
        font-size: 38px;
    }
    section.content.page.top.oferte .inner{  padding: 40px 0px 0px;}
    section.content.oferte .inner{  padding: 50px 40px;}
    section.content.oferte.orange_stripe .inner{  padding: 10px 40px;}
    section.content.orange_stripe.oferte .half.special h2:last-child{
        width: 330px;
        padding: 5px 0px 0px;
    }
    section.content.oferte .inner .half img{
        width: 31%;
    }
    section.content.orange_stripe.contact h2{
        font-size: 17px;

    }
    #middle-col{  margin: 0 2%;}
    #order .col{width: 32%;}
    .multiplier, .order-prod-price{
        margin: 85px 15px 0 15px;
    }
    .send-btn{  background: url(../img/arrow.png) no-repeat 90% center / 15px #ff9403;}
    a#logo {width: 110px;}

    section.content.thanks .inner p{font-size:16px}
    section.content.thanks .inner{padding:30px 10px}


}
@media all and (max-width: 1023px){
    nav {
        position: absolute;
        float: none;
        background-color: #FFF;
        z-index: 10;
        width: 100%;
        left: 0;
        top: 50px;
        height: 0;
        border: none;
        overflow: hidden;
        transition: ease all 200ms;
        -webkit-transition: ease all 200ms;
    }
    nav a{
        padding: 10px;
        display: block;
        float: none;
        width: 100%;
        font-size: 13px;
    }
    span.submenu{
        display: block;
        float: none;
        position: relative;
    }
    div.hidden {
        position: relative;
        top: 0;
        border-top: none;
        z-index: auto;
        width: 100%;
        display: block;
    }
    div.hidden.testimonials { width: auto; }
    div.hidden a {
        padding: 10px;
        overflow: hidden;
        box-shadow: none;
        -webkit-box-shadow: none;
        height: auto;
        background: #FFF;
        text-align: left;
        text-indent: 20px;
    }
    div.hidden a:hover {
        box-shadow: inset 0px -80px 0px 0px #fd9827;
        -webkit-box-shadow: inset 0px -80px 0px 0px #fd9827;
    }
    span.submenu:hover div.hidden a{
        height: auto;
        padding: 10px;
    }
    header{
        height: 50px;
        position: fixed;
        z-index: 10;
        background-color: #FFF;
    }
    a#logo {
        width: 70px;
    }
    nav.toggled {
        height: 445px;
        border-bottom: 6px #fd9827 solid;
    }
    #menu_mob{
        display:block;
    }
    #header_placeholder{display:block;}
    #menu_mob.toggled{
        background-position: -40px center, 73px center;
        padding: 5px 35px 5px 15px;
    }

    .subhead span a{background:none; color:rgba(52, 208, 196, 1);padding:0px;float:none;}
    .subhead span a:hover{background:none; color:rgba(52, 208, 196, 1);}
    section.content.page.top.contact.thanks .inner{padding:10px;}
    .subhead{bottom: -300px;position: fixed;-webkit-transition: ease all 200ms;transition: ease all 200ms;background: none;}
    section.content #over_slider h1{  font-size: 30px; text-align:center;}
    section.content #over_slider h2{font-size: 18px; text-align:center;}
    section.content #over_slider .over_slider{width:100%;}
    section.content #over_slider{  margin-bottom: 20px;}
    section.content .left{width:100%;}
    section.content .inner{  padding: 10px 10px 0px;}
    #slider .slide{  background-size: contain;}
    section.content .inside{background:#FFF;}
    section.content .pack.slider .order_container{
        font-size: 12px;
    }

    section.content .inside .left p, section.content .inside .right p{
        background-size: 80px;
        font-size: 14px;
        padding: 120px 20px 0px 20px;
        background-position: center 20px;
        text-align: justify;
        line-height: 26px;
    }
    section.content .inside{
        padding-top: 70px;
        padding: 70px 10px 10px;
    }
    section.content .inside h2{
        font-size: 16px;
        width:100%;
    }
    section.content .inner.icons span{
        font-size: 14px;
        width: 30%;
        margin: 0px 1%;
    }

    section.content.rec, section.content.forma{box-shadow:none; -webkit-box-shadow:none;}
    section.content .inner.rec .left, section.content .inner.rec .right{
        width: 100%;
        box-shadow: inset 0px 45px 0px 0px #f8f4ea;
        -webkit-box-shadow: inset 0px 45px 0px 0px #f8f4ea;
        margin-bottom: 20px;
    }
    section.content .inner.rec h2{
        padding: 10px;
        margin-bottom: 20px;
        font-size: 18px;
    }
    section.content .inner.rec{
        padding: 35px 10px 0px;
    }

    section.content.forma .inner.forma{padding: 30px 10px;background-color: #f8f4ea;}
    section.content .inner.forma div p:first-child{
        width: 100%;
        text-align: center;
        display: block;

        padding-top: 0px;
    }
    section.content .inner.forma img{
        top: 10px;
        width: 90px;
        margin: 0 auto;
        display: block;
        float: none;
    }
    section.content .inner.forma .left, section.content .inner.forma .right{padding:0px 20px}
    section.content .inner.rec ul{  padding-left: 10px;}
    section.content .inner.rec .mid{display:none;}
    section.content .inner.icons{  padding: 0px 0px 30px;}
    section.content .inner.forma div p{width:100%; text-align: center;}
    a#call{
        font-size: 16px;
       
        margin: 20px auto;
    }
    a#call span.arrow{  height: 66px;}
    #disclaimer > div{
        width: 100%;
        display: block;
        max-width: none;
        padding: 20px 0px;
    }
    #disclaimer > div{
        width: 100%;
        display: block;
    }
    .distributor > div.fl, .distributor > div.fr{float: left;}
    #comanda{display:block;}
    #comanda.toggled{
        background-position: -40px center, 105px center;   padding: 5px 35px 5px 15px;
    }
    .subhead.toggled{
        bottom: 0px;
        z-index: 9;
        padding: 0px 0px 10px;
    }
    .subhead .comanda{
        width: 100%;
        text-align: center;
        background: rgba(255, 255, 255, 0.95);
        padding: 15px 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px;

        color: rgba(52, 208, 196, 1);

        font-weight: 400;
    }
    .subhead .comanda span{
        width: 100%;
        display: block;
        background: none;
        padding: 7px 0px;
        font-weight: 400;
    }
    .subhead .comanda span:first-child{padding-top: 20px;padding-left: 0px;}
    .subhead a{
        background-color: rgba(253, 152, 39, 0.95);
        border-radius: 0px;
        -webkit-border-radius: 0px;
        border: 0px;
        width: 100%;
        text-align: center;
        padding: 15px 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        text-transform: uppercase;
        color: #FFF;
    }
    .overlay{
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 8;
    }
    .overlay.toggled{
        display:block;
    }
    .subhead a:hover{
        background-color: rgba(253, 152, 39, 0.95);
        color:#FFF;
    }

    section.page.top .inner:after{
        background: #FFFFFF;
    }
    section.page.top .inner{  padding: 0px 10px 10px;}
    section.page.top img{
        height: auto;
        width: 100%;
    }
    section.page.top h1{  font-size: 30px;  padding-bottom: 50px;}
    section.content.efecte .inner ul.third li{
        font-size: 16px;
        padding-bottom: 10px;
    }
    section.content.efecte .inner ul.third{
        width: 100%;
        float: none;
        padding-bottom: 10px;
        padding-right: 0px;
    }
    section.content.efecte .inner ul.third.special{
        width: 100%;
        float: none;
    }
    section.content.info .inner p a, section.content.page.top a, section.content.about.delivery a, .order-page a, section.content.thanks .inner a, section.content.actiune.continut .inner a{
        font-size:16px;
    }
    section.content.info .inner p{font-size:15px;}
    section.content.about .inner p{
        font-size: 16px;
        line-height: 28px;
    }
    section.page.top{height:auto;}
    section.content.page.top.contact h1{padding: 25px 0px 20px;}

    section.content.page.top.comanda p{
        line-height: 30px;
        font-size: 14px;
    }
    section.content.page.top.comanda h1{
        font-size: 30px;
        padding-bottom: 13%;
        padding-top: 8%;
    }
    section.page.top.comanda .inner:after{height: 170px;}
    section.content.page.top.oferte .inner{  padding-top: 0px;}
    section.content.page.top.oferte .inner h1{
        font-size: 3.8vw;
        padding-top: 7vw;
    }
    
    section.content.oferte .inner .third{width:100%;}
    section.content.oferte .inner .half{width:100%;}
    section.content.oferte .inner .half-C{width:100%;}
    section.content.oferte .inner{padding: 20px 10px;}
    
    section.content.oferte .inner .third{
        width: 100%;
        max-width: 570px;
        margin: 0 auto;
        float: none;
    }

    section.content.oferte .inner .third + .third,
    section.content.oferte .inner .clear + .third {
        margin-top: 45px;
        padding-top: 45px;
        border-top: 1px solid #ff9600;
    }
    
    section.content.oferte .inner .half{
        width: 100%;
        max-width: 570px;
        margin: 0 auto;
        float: none;
    }
    
    section.content.oferte .inner .half-C{
        width: 100%;
        max-width: 570px;
        margin: 0 auto;
        float: none;
    }
    
    .content.oferte.mobile{display:block;}
    section.content.orange_stripe.order .inner .third{font-size:18px;}
    section.content.order .inner{padding-top:20px;}
    .product-box-wrap, .product-box-wrap.special{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    
    .content.oferte.mobile{display:block;}
    section.content.orange_stripe.order .inner .half{font-size:18px;}
    section.content.order .inner{padding-top:20px;}
    .product-box-wrap, .product-box-wrap.special{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    
    .content.oferte.mobile{display:block;}
    section.content.orange_stripe.order .inner .half-C{font-size:18px;}
    section.content.order .inner{padding-top:20px;}
    .product-box-wrap, .product-box-wrap.special{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    

    
    .product-name p{  font-size: 16px;}
    .main .product-quantity .product-box-wrap .multiplier{
        margin: 85px 10px 0px 5px;
    }
    #order input[type="number"]{
        width: 50px;
        padding-left: 12px !important;
        font-size: 16px;
        margin-right: 0px;
    }
    .product-quantity .product-box-wrap .order-qty-label{  font-size: 16px;}
    .multiplier, .order-prod-price{font-size: 16px;}
    .col h6, .order-summary-total{  font-size: 18px;}
    .for-radio span, #order label{font-size:15px;}
    .delivery-info li { font-size: 12px; }
    #order label.terms-label2{ font-size: 16px;}
    .company-form.active{height:412px;}
    .order-page input[type="text"], .order-page input[type="email"], .order-page #phone-number, .order-page select{margin-bottom:10px;}
    section.content.beige.contact p{font-size:16px;}
    section.content.beige.contact .left{
        width: 100%;
        float: right;
        display: inline-block;
        margin-bottom: 20px;
    }
    section.content.beige.contact .right{width:100%;}
    section.content.beige.contact .inner, section.content.form.contact .inner{padding:20px 10px;}
    section.content.orange_stripe.contact h2{
        font-size: 16px;
        line-height: normal;
    }
    #contact_form label {
        color: #767676;
        display: inline-block;
        float: left;
        height: auto;
        line-height: normal;
        margin: 0 0 0px 0px;
        position: relative;
        width: 100%;
        font-size: 14px;
        font-family: ptsans;
    }
    #contact_form label {
        color: #767676;
        display: inline-block;
        float: left;
        height: auto;
        line-height: normal;
        margin: 0 0 0px 0px;
        position: relative;
        width: 100%;
        font-size: 14px;
        font-family: ptsans;
    }
    #contact_form input[type="text"], #contact_form input[type="email"], #contact_form input[type="tel"], #contact_form textarea {
        width: 100%;  margin: 0 0 15px;
    }
    #contact_form textarea {
        width: 100%;
    }
    #contact_form label b {
        height: 20px;
        right: 0px;
        top: 0px;

        left: initial;
        width: auto;
    }
    section.content.form.contact .send-btn{
        margin-left: 0px;
        width: 300px;
        margin: 0 auto;
        float: none;
        display: block;
    }
    section.content.form.contact .send-btn:hover{  background-position: 265px center;}
    .fb-like{width: calc(100% - 120px);}

}
@media all and (max-width: 767px){
    section.content.orange_stripe.order .inner .third{width:100%}
    section.content.orange_stripe.order .inner .third:nth-child(2), section.content.orange_stripe.order .inner .third:nth-child(3){display:none}
    #order .col{width:100%;}
    .product-box-wrap img{width:100px;}
    .product-box-wrap img.special{width:140px;}
    #middle-col{margin:0}
    section.content.orange_stripe.order .inner .third.active{box-shadow:none; -webkit-box-shadow:none;}
    section.content.orange_stripe.special{
        display:block;
        float: left;
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-bottom: 20px;
    }
    .product-box-wrap.special.last{margin-bottom:0px;}
}
@media all and (max-width: 610px){
    section.content.about .inner p{  width: 100%;}
    section.content.about .inner h3{
        width: 100%;
        text-align: center;
    }
    section.content.about .inner img{
        margin: 0px auto 20px;
        width: 200px;
        float: none;
    }
    section.page.top{background:none}
    section.page.top .inner{  padding: 0px 0px 10px;}
    section.page.top .left{display: none;}
    section.page.top .right, section.content.page.top.oferte .inner .right{width:100%;}
    section.page.top h1, section.content.page.top.oferte .inner h1{
        background: url(../img/page-top-bg.jpg) no-repeat center top / cover;
        padding: 15px 10px;
        font-size:18px;
    }
    section.page.top p{
        padding: 10px 10px 0px;
    }
    .disc-icons-wrap a{
        display: block;
        padding: 0 10px;
        float: left;
        width: 50%;
        height: 60px;
        padding: 0;
        text-align: center;
    }
    .disc-icons-wrap img{
        display: inline;
        width: auto;
        height: 100%;
    }
    section.content.page.top.contact{background:url(../img/page-top-bg.jpg) no-repeat center top / cover}
    section.content.actiune .inner ul li{
        font-size: 16px;
        padding-bottom: 10px;
    }
    section.content.actiune.continut .inner p{
        font-size:16px;
        line-height: 26px;
    }
    section.content.actiune.beige h3{
        font-size: 18px;
    }
    .tg .tg-t103{font-size: 16px;}
    section.content.page.top.comanda h1{  padding: 15px 10px;}
    section.content.about.delivery .inner h3{text-align: left;}
    section.content.orange_stripe.oferte .half b{
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    section.content.orange_stripe h2, section.content.orange_stripe.actiune h2{font-size:16px;}
    section.content.oferte.orange_stripe .inner{padding:10px;}
    section.content.oferte .inner .half h3{
        font-size: 6vw;
        padding: 7vw 0px 10px;
    }
    section.content.oferte .inner .half h4{font-size:16px}
    section.content.oferte .inner .half img{  width: 40%;}
    section.content.oferte .inner .half .det{  width: 58%;}
    section.content.oferte .inner .half p{font-size: 14px;}
    section.content.oferte .inner .half a#call{
        font-size: 16px;

        padding-left: 10px;
        padding-right: 40px;
        text-align: center;
    }
    section.content.oferte .inner .half a#call span{
        height: 44px;
        width: 40px;
        background-size: 12px;
    }
    section.content.oferte .inner .half.free{background-size:60px;}
    section.content.orange_stripe.oferte .half.special h2:last-child{width:auto}

    #slider .slide {background-size: cover;height: 280px;}
    section.content #over_slider h1{  font-size: 18px;}
    section.content #over_slider h2{font-size: 12px;font-weight: 300;}
    section.content #over_slider{  margin-bottom: 10px;}
    section.content #controls .control{
        margin-left: 20px;
        width: 10px;
        height: 10px;
    }

    section.content .pack.slider .order_container .call span { display: none; }

    section.content .right.ctrl {
        right: 70px;
        bottom: 70px;
    }
    section.content .inside .left, section.content .inside .right{  width: 100%;}
    section.content .inside .left p, section.content .inside .right p{  padding: 160px 10px 10px 10px;  background-size: 110px;}
    section.content .inner.icons span{width: 45%;}
    section.content .inner.icons {
        padding: 0px 0px 0px;
        top: -30px;
    }
    section.content .inner.rec h2{  font-size: 16px;}
    section.content.forma a#call{
        width: 300px;
        font-size: 12px;
    }
    section.content.forma a#call span.arrow{  height: 73px;}

}

@media all and (max-width: 448px){
    section.content .pack.slider .order_container { margin-top: 7%; }
}

@media all and (max-width: 360px){
    #menu_mob{
        background-image: none;
        padding: 5px 15px;
    }
    #comanda{
        background: rgba(52, 208, 196, 1);
        padding: 5px 15px;
    }
    #menu_mob.toggled, #comanda.toggled{padding:5px 15px;}
}
@media all and (max-height: 448px){
    #slider .slide{background-size:cover;}
}
@media all and (min-width: 1024px) and (max-width: 1200px){

    nav a {padding: 29px 15px;  font-size: 14px;}
    nav .submenu .subitem { font-size: 12px; }

}

.order-processing {
    background: url('../img/icon_loading.gif') no-repeat left center;
    background-size: 20px 20px;
    padding-left: 25px;
    line-height: 20px;
}

.cookie-policy {
  background: #ee4423;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  display: none;
    z-index: 999;
}
.cookie-policy .wrapper p {
  font-size: 0.9rem;
  margin: 0.75rem 0;
  display: inline-block;
  padding-right: 85px;
  position: relative;
}
.cookie-policy button {
  color: #000;
  position: absolute;
  right: 10px;
  top: -3px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 1.5rem;
  margin: 0;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
  text-shadow: 1px 1px 0px #fff;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #d6d6d6 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #d6d6d6 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #d6d6d6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#d6d6d6",GradientType=0 );
}
.cookie-policy button:hover {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #b1b1b1 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #b1b1b1 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #b1b1b1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#b1b1b1",GradientType=0 );
}
.cookie-policy button:active {
  background: #b1b1b1;
  background: -moz-linear-gradient(top, #b1b1b1 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #b1b1b1 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #b1b1b1 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b1b1b1", endColorstr="#ffffff",GradientType=0 );
}
.cookie-policy a {
  color: #cccccc;
}

.prod-order-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.prod-order-wrap img.special {
    max-width: 100px;
}

.prod-order-wrap .order-prod-price {
    margin-top: 0;
    height: auto;
    flex-grow: 1;
    flex-shrink: 0;
    text-align: center;
}

#order .prod-order-wrap label {
    display: flex;
    justify-content: center;
}
.prod-order-wrap label input.select-prod {
    margin: 0;
}

#cardDescription {
    padding: 5px 10px;
    border: 1px solid #ff9600;
    background: #fff8ef;
    font-size: 14px;
    text-align: center;
}