#box2m .mfeatured h3,
#box2m .mfeatured h4,
#box5m .featurem h2,
#box7 .row div h3,
#box9m .formtop h2,
.beforeform,
.box3features div h3,
.box3features div h4,
.box4features div h3,
.chartleft p,
.charttip p,
.close,
.comparison>div h3,
.controls div,
.form-box1 div:nth-of-type(1) p:nth-of-type(1),
.form-box1 div:nth-of-type(1) p:nth-of-type(3),
.form-box1 div:nth-of-type(2) p,
.formtop h2 span:nth-of-type(1),
.getfreebottle h3,
.inputcontainer p,
.threeBoxes>div h3 {
    text-transform: uppercase
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section {
    display: block
}

fieldset,
hr {
    border: 0;
    padding: 0
}

.cf:after,
.cf:before,
header:after {
    content: " "
}

.mainform,
img {
    max-width: 100%
}

.all_langs,
.chartfooter p,
.formtop h2,
.threeBoxes>div {
    text-align: center
}

#popup4 ul.dash,
ol,
ul {
    list-style: none
}

.cf:after,
.ddcommon .clear,
.ddcommon .ddChild li {
    clear: both
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

* {
    outline: 0!important;
    box-sizing: border-box
}

body {
    line-height: 1;
    font-size: .625em;
    font-family: Oswald
}

blockquote,
q {
    quotes: none
}

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

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

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

fieldset {
    margin: 0
}

textarea {
    resize: vertical
}

.hidden {
    display: none!important
}

.cf:after,
.cf:before {
    display: table
}

img {
    height: auto
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    *,
    :after,
    :before {
        background: 0 0!important;
        color: #000!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    pre {
        white-space: pre-wrap!important
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

a,
a:visited {
    text-decoration: none;
    color: #fff
}

.footermenu a:hover,
.formfeature span,
.specialpack span.dontwait {
    text-decoration: underline
}

.wrap {
    width: 1170px;
    margin: 0 auto;
    padding: 0 15px
}

#box1,
#box2,
#box3,
#box4,
#box5,
#box7 {
    overflow: hidden
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    padding-top: 9px;
    background: url(../img/topbar.png) top center no-repeat, rgba(0, 0, 0, .5);
    z-index: 9
}

header:after {
    display: block;
    height: 22px;
    width: 100%;
    background: url(../img/headershadow.png) center no-repeat;
    position: absolute
}

.logo {
    padding-top: 7px;
    float: left
}

.main-nav ul {
    float: right;
    margin-top: 30px
}

.feature div:nth-of-type(2),
.features {
    float: left
}

.main-nav ul>li {
    display: inline-block;
    margin-right: 20px;
    color: #fff;
    font-weight: 500
}

.main-nav ul>li:last-of-type {
    margin-right: 0
}

.main-nav ul>li>a {
    border-radius: 3px;
    background: rgba(255, 255, 255, .1);
    padding: 11px 29px;
    color: #fff;
    font-size: 1.8em;
    display: block;
    transition: .3s
}

.main-nav ul>li>a:hover {
    background: rgba(255, 255, 255, .2)
}

.main-nav .buybtn {
    color: #5ecc1b
}

.lang_selector {
    border-radius: 3px;
    background: url(../img/arrow.png) 92px center no-repeat, rgba(255, 255, 255, .1);
    color: #fff;
    font-size: 1.2em;
    position: relative;
    top: -4px;
    cursor: pointer
}

.lang_dropdown {
    padding: 13px 57px 13px 20px
}

.lang_dropdown .current_lang {
    position: relative;
    font-weight: 600
}

.lang_dropdown .current_lang img {
    margin-right: 3px;
    width: 18px;
    height: 18px
}

.all_langs {
    position: absolute;
    background: rgba(0, 0, 0, .7);
    top: 47px;
    width: 135px;
    padding: 5px;
    z-index: 3;
    left: 0;
    display: none
}

#box1 .heading1 span,
.all_langs a,
.btn1 {
    display: inline-block
}

.current_lang span {
    position: relative;
    top: 2px;
    margin-left:6px;
}

.all_langs a {
    width: 15%;
    margin: 5px
}

.btn1 {
    transition: .5s;
    border-radius: 4px;
    box-shadow: 0 13px 30px rgba(0, 0, 0, .8);
    font-size: 2.5em;
    font-weight: 700;
    color: #163d00;
    height: 60px;
    padding: 16px 28px;
    background: #72f410;
    background: -moz-linear-gradient(top, #72f410 0, #4eee06 100%);
    background: -webkit-linear-gradient(top, #72f410 0, #4eee06 100%);
    background: linear-gradient(to bottom, #72f410 0, #4eee06 100%);
}

.btn1:hover {
    background: #1ac90e;
    background: radial-gradient(ellipse at center, #1ac90e 0, #4eee06 100%);
}

#box1 {
    background: url(../img/box1.jpg) top center no-repeat, #211336;
    padding-top: 158px;
    padding-bottom: 140px
}

#box1 .heading1 {
    font-size: 6em;
    font-weight: 600;
    color: #fff
}

#box1 .heading1 span {
    color: #eeb01c;
    border-bottom: 3px solid #eeb01c;
    margin-bottom: 2px;
    padding-bottom: 8px
}

#box1 .wrap {
    position: relative
}

#box1 .wrap>img {
    position: absolute;
    top: 126px;
    right: 360px;
    animation: rotateimg 8s infinite
}

@keyframes rotateimg {
    0%,
    100%,
    40%,
    60% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(8deg)
    }
}

.features .feature {
    margin-top: 37px
}

.features .feature:nth-of-type(1) {
    margin-top: 69px
}

.feature div:nth-of-type(1) {
    float: left;
    width: 83px
}

.feature div:nth-of-type(2) p {
    font-size: 2.3em;
    font-weight: 300;
    color: #fff;
    line-height: 29px;
    position: relative;
    top: -7px
}

.feature div:nth-of-type(2) span {
    font-weight: 500;
    color: #eeb01c
}

.mainform {
    float: right;
    width: 342px;
    position: relative;
    z-index: 2
}

.formtop {
    background: url(../img/formtop.png) center no-repeat;
    height: 149px;
    padding-top: 13px
}

.formtop h2 {
    font-size: 2.2em;
    color: #fff;
    line-height: 36px;
    font-weight: 400
}

.formtop h2 span:nth-of-type(1) {
    font-size: 1.34em;
    color: #5ecc1b;
    text-decoration: underline;
    font-weight: 600
}

.formtop h2 span:nth-of-type(2) {
    font-weight: 300
}

.formbottom {
    background: url(../img/formbottom.png) top no-repeat, #ef541e;
    padding-top: 27px;
    padding-bottom: 25px
}

.formbottom input,
.formbottom select {
    width: 282px;
    height: 51px;
    border: 0;
    background: #fff;
    box-shadow: 2px 0 2px rgba(0, 0, 0, .1);
    border-radius: 5px;
    font-family: Open sans;
    font-size: 1.5em;
    display: block;
    text-indent: 17px;
    margin-bottom: 10px
}

.formbottom select {
    color: #686868;
    text-indent: 9px
}

.formbottom input:focus {
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, .4);
    outline: 0!important
}

.formfeature {
    width: 262px;
    margin: 0 auto 12px;
    color: #f1fceb;
    font-family: Oswald;
    font-size: 1.45em;
    font-weight: 400
}

.formfeature img {
    margin-right: 8px;
    position: relative;
    top: -2px
}

.formfeature span {
    color: #ffd163;
    font-weight: 600
}

.threeBoxes {
    margin-top: 90px;
    display: flex
}

.threeBoxes>div {
    padding: 40px 40px 90px;
    position: relative;
    flex: 1;
    border-radius: 4px;
    float: left;
    margin-right: 20px;
    background: #48335d;
    background: -moz-linear-gradient(top, #48335d 0, #37254c 100%);
    background: -webkit-linear-gradient(top, #48335d 0, #37254c 100%);
    background: linear-gradient(to bottom, #48335d 0, #37254c 100%);
}



.threeBoxes>div h3 {
    color: #efb11f;
    font-weight: 600;
    font-size: 3em;
    margin-bottom: 28px
}

.threeBoxes>div p {
    color: #dccced;
    font-size: 1.4em;
    font-weight: 300;
    font-family: Open Sans;
    margin-bottom: 25px;
    line-height: 22px
}

.threeBoxes>div .btn2 {
    position: absolute;
    bottom: 40px;
    min-width: 150px;
    height: 41px;
    padding-top: 12px;
    color: #fff;
    font-weight: 600;
    font-size: 1.6em;
    border-radius: 4px;
    background: -moz-linear-gradient(top, #745c8c 0, #503a69 100%);
    background: -webkit-linear-gradient(top, #745c8c 0, #503a69 100%);
    background: linear-gradient(to bottom, #745c8c 0, #503a69 100%);
    display: block;
    left: 50%;
    margin-left: -75px
}

.chartwrapper,
.select {
    position: relative;
    overflow: hidden
}

#packagenumber,
.select {
    display: inline-block
}

.threeBoxes2 div {
    width: 234px
}

.select {
    cursor: pointer;
    color: #000;
    height: 51px;
    margin: 0 auto;
    font-family: Open sans;
    font-weight: 600;
    background: url(../img/submitarrow.png) right no-repeat #fff;
    z-index: 5;
    border-radius: 5px;
    width: 100%;
    max-width: 348px;
    border: 1px solid #d6d6ce;
    box-shadow: inset 0 2px 2px 0 rgba(214, 214, 206, .3)
}

.select select {
    background: 0 0;
    width: 105%;
    padding: 5px 5px 5px 18px;
    font-size: 15px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 51px;
    -webkit-appearance: none;
    color: #888
}

.mainform .select select {
    text-indent: 8px
}

.formbottom .submitbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: .3s;
    cursor: pointer;
    margin: 19px auto 20px;
    color: #163c00;
    text-indent: 0;
    background: #69f30c;
    font-weight: 700;
    font-family: Oswald;
    font-size: 27px;
    height: 80px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .7);
    box-shadow: 0 13px 30px rgba(0, 0, 0, .8)
}

#box5 .heading2,
.controls div,
.getfreebottle h3 {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

.formbottom .submitbtn:hover {
    background: #1AC90E
}

#box2 {
    background: #211336
}

.chartwrapper {
    height: 500px;
    top: 135px;
    margin: 0 0 0 auto;
    width: 1520px
}

.chart {
    height: 382px;
    width: 3443px;
    position: absolute;
    left: 0;
    background: url(../img/chart.png) top left no-repeat;
    bottom: 38px
}

.chartleft {
    position: relative
}

.chartleft p {
    position: absolute;
    top: 31px;
    left: 55px;
    color: #fff;
    font-size: 1.5em;
    font-weight: 600
}

.faces {
    position: relative;
    z-index: 3;
    top: 2px;
    left: -15px
}

.controls,
.days,
.graylines,
.graylines>div {
    position: absolute
}

.chartfooter {
    background: #2d1c47;
    padding-top: 150px;
    padding-bottom: 125px
}

.chartfooter p {
    font-size: 1.4em;
    color: #655184;
    font-family: Open sans
}

.charttip p,
.controls div,
.days,
.heading2 {
    color: #fff;
    font-weight: 600
}

.graylines {
    height: 100%;
    margin-left: 70px;
    top: -60px;
    width: 100%;
    z-index: 1
}

.graylines>div {
    height: 1px;
    width: 100%;
    background: rgba(67, 61, 91, .8)
}

.graylines>div:nth-of-type(1) {
    top: 0
}

.graylines>div:nth-of-type(2) {
    top: 217px
}

.graylines>div:nth-of-type(3) {
    top: 420px
}

.days {
    font-size: 1.5em;
    bottom: -32px;
    left: 115px;
    width: 2944px
}

.days span {
    margin-right: 47px
}

.controls {
    top: 0;
    left: 400px;
    z-index: 3
}

.controls div {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: #745c8c;
    background: -moz-linear-gradient(top, #745c8c 0, #503a69 100%);
    background: -webkit-linear-gradient(top, #745c8c 0, #503a69 100%);
    background: linear-gradient(to bottom, #745c8c 0, #503a69 100%);
    font-size: 1.6em;
    border-radius: 4px;
    min-width: 160px;
    padding: 10px 50px 13px 20px;
    cursor: pointer;
    text-align: left;
    float: left
}

.controls div:nth-of-type(2) {
    padding: 10px 20px 13px 50px;
    text-align: right;
    margin-left: 10px
}

#box7 .row>div,
#box7 .row>div>div,
.box3features>div,
.box4features .row>div,
.box4features .row>div>div,
.box4lastp,
.box6feature,
.btnwrap,
.charttip p,
.fullspec,
.getfreebottle .btn1,
.getfreebottle h3,
.getfreebottle p,
.heading2,
.heading3,
.penigunfacts,
.reg h1,
.specialpack {
    text-align: center
}

#box3,
#box4 {
    padding-bottom: 90px
}

.controls div:nth-of-type(1) img {
    margin-right: 12px;
    position: relative;
    top: -1px
}

.controls div:nth-of-type(2) img {
    margin-left: 12px;
    transform: rotate(180deg);
    position: relative;
    top: -1px
}

.charttip {
    position: absolute
}

.tips {
    position: relative;
    z-index: 9
}

.charttip .chartbuble {
    width: 20px;
    height: 20px;
    background: #ee4b1e;
    border-radius: 50%;
    transition: 1s
}

.charttip.tip1 {
    top: 244px;
    left: 152px
}

.charttip.tip2 {
    left: 526px;
    top: 169px
}

.charttip.tip3 {
    left: 780px;
    top: 58px
}

.charttip.tip4 {
    left: 1090px;
    top: 152px
}

.charttip.tip5 {
    left: 1285px;
    top: 46px
}

.charttip.tip6 {
    left: 1822px;
    top: 214px
}

.charttip.tip7 {
    left: 2218px;
    top: 44px
}

.charttip.tip8 {
    left: 2863px;
    top: 195px
}

.charttip p {
    font-size: 2.5em;
    position: absolute;
    opacity: 0;
    transition: 1s
}

.charttip.tip1 p {
    top: -61px;
    left: -44px
}

.charttip:hover .chartbuble {
    background: #fff
}

.charttip:hover p {
    opacity: 1
}

.heading2 {
    font-size: 6em
}

.heading3 {
    color: #eeb01c;
    font-size: 4em;
    margin-top: 20px;
    font-weight: 300
}

#box3 {
    background: #2d1c47
}

.box3features>div {
    float: left;
    width: 33%
}

.box3features>div:nth-of-type(1) {
    position: relative;
    left: -300px;
    transition: 2s
}

.box3features>div:nth-of-type(3) {
    position: relative;
    right: -300px;
    transition: 2s
}

.box3features>div>div {
    width: 308px;
    margin: 0 auto
}

.box3features div h3 {
    font-size: 4em;
    color: #fff;
    font-weight: 600;
    margin: 30px 0 10px
}

.box3features div h4 {
    font-size: 2em;
    color: #efb11f;
    font-weight: 300;
    margin-bottom: 35px
}

.box3features div p {
    font-size: 1.5em;
    color: #dccced;
    font-family: Open Sans;
    font-weight: 300
}

.freesample>div:nth-of-type(1) {
    float: left;
    font-size: 2.4em;
    font-weight: 500;
    color: #43330e;
    margin-top: 20px
}

.freesample>div:nth-of-type(2) {
    float: left;
    font-size: 2.5em;
    font-weight: 600;
    color: #fff;
    margin-top: 20px
}

.freesample>.btn1 {
    margin: 0 40px 0 35px;
    float: left
}

.specialpack {
    color: #efb11e;
    font-family: Caveat, cursive;
    font-weight: 400;
    font-size: 3em;
    margin-top: 40px
}

.specialpack strong {
    font-weight: 700;
    color: #fff;
    font-size: 1.3em
}

.specialpack span.dontwait {
    color: #5ac21c
}

.quanitychange {
    animation: quanitychange 2s
}

@keyframes quanitychange {
    30% {
        transform: scale(2.4) rotate(6deg)
    }
    55% {
        transform: scale(2.4) rotate(-16deg)
    }
    80% {
        transform: scale(1) rotate(0)
    }
}

#box4 {
    background: url(../img/box4.jpg) top center no-repeat, #160e23;
    padding-top: 100px
}

.box4features .row>div {
    float: left;
    width: 33%
}

.box4features .row>div>div {
    width: 305px;
    margin: 0 auto;
    line-height: 1.3
}

.box4features div h3 {
    font-size: 2.5em;
    color: #efb11f;
    font-weight: 600;
    margin: 26px auto 25px
}

.box4features div p {
    line-height: 1.4;
    font-size: 1.5em;
    color: #a99ac0;
    font-family: Open Sans;
    font-weight: 300
}

.box4lastp {
    padding: 50px 0;
    line-height: 1
}

.box4lastp span:nth-of-type(1) {
    color: #efb11e;
    font-size: 5em;
    font-family: Caveat
}

.box4lastp span:nth-of-type(2) {
    color: #fff;
    font-family: Caveat;
    font-wight: 700;
}

.box4lastp span:nth-of-type(3) {
    color: #5ac21c;
    font-size: 3em;
    font-family: Caveat
}

#box7 .row div p,
.box6feature p,
.fullspec {
    font-family: Open Sans
}

#box4 .row {
    margin-top: 60px
}

.fullspec {
    color: #413a4d;
    font-size: 1.3em;
    margin: 55px auto 100px;
    width: 920px;
    max-width: 100%
}

#box4 .btn1 {
    margin: 42px auto 0;
    padding: 16px 50px
}

.icons {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto
}

#box5 {
    background: url(../img/box5.jpg) top center no-repeat, #efb21f;
    padding: 100px 0
}

#box5 .heading3 {
    color: #623d8f;
    width: 900px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 64px
}

#box5 .heading3:nth-of-type(2) {
    margin-bottom: 41px
}

#box5 .btn1 {
    padding: 16px 60px
}

.comparison>div {
    width: 555px;
    max-width: 48%;
    float: left;
    border-radius: 5px;
    height: 770px;
    margin-bottom: 80px;
    padding-top: 290px;
    padding-left: 80px
}

.comparison>div h3 {
    font-size: 4em;
    font-weight: 600;
    margin-bottom: 38px
}

.comparison>div:nth-of-type(1) h3 {
    color: #43330e
}

.comparison>div:nth-of-type(2) h3 {
    color: #fff
}

.comparison>div:nth-of-type(1) {
    background: url(../img/comp1.jpg) no-repeat;
    background-size: cover
}

.comparison>div:nth-of-type(2) {
    float: right;
    background: url(../img/comp2.jpg) no-repeat;
    background-size: cover
}

.comparison>div>div img {
    float: left;
    margin-right: 20px
}

.comparison>div>div ul {
    float: left;
    margin-top: 5px
}

.comparison>div>div ul li {
    margin-bottom: 33px;
    font-weight: 300;
    font-size: 2em;
    color: #43330e
}

.comparison>div>div ul li:nth-of-type(2),
.comparison>div>div ul li:nth-of-type(3) {
    margin-bottom: 27px
}

.comparison>div>div ul li:nth-of-type(5) {
    margin-bottom: 37px
}

.comparison>div:nth-of-type(2)>div ul li {
    color: #fff
}

.comparison strong {
    font-weight: 700
}

#box6 {
    background: url(../img/box6.jpg) top center no-repeat, #160e23;
    position: relative;
    padding-bottom: 88px
}

.box6top {
    position: relative;
    top: -10px
}

.box6top>img {
    float: left
}

.box6top>h2 {
    padding-top: 240px;
    float: left;
    padding-left: 114px;
    font-size: 5em;
    font-weight: 600;
    color: #fff
}

.box6top>h2 span {
    font-size: .66em;
    color: #eeb01c;
    font-weight: 300
}

.box6features {
    margin-bottom: 31px
}

.box6feature {
    transition: 4s;
    border-radius: 4px;
    float: left;
    padding: 58px 46px;
    width: 360px;
    max-width: 100%;
    height: 260px;
    background: #47335d;
    background: -moz-linear-gradient(top, #47335d 0, #37254c 100%);
    background: -webkit-linear-gradient(top, #47335d 0, #37254c 100%);
    background: linear-gradient(to bottom, #47335d 0, #37254c 100%);
}

.box6feature:nth-of-type(2) {
    margin: 0 28px
}

.box6feature h2 {
    color: #efb11f;
    font-size: 2.8em;
    font-weight: 600;
    margin-bottom: 28px
}

.box6feature p {
    color: #dccced;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.3
}

.freesample {
    background: url(../img/getfree.png);
    width: 100%;
    height: 100px;
    margin-top: 70px;
    padding: 20px 0 0 35px
}

#box6 .freesample>div:nth-of-type(1) {
    float: left;
    font-size: 2.3em;
    font-weight: 500;
    color: #43330e;
    margin-top: 20px
}

#box6 .freesample>.btn1 {
    font-size: 2.5em;
    margin: 0 30px 0 35px;
    float: left
}

#box7 {
    background: url(../img/box7.jpg) top center no-repeat;
    position: relative;
    padding-top: 113px
}

#box7 .heading3 {
    margin-bottom: 80px;
    font-size: 4em;
    font-weight: 300
}

#box7 .row {
    margin-bottom: 60px
}

#box7 .row>div {
    float: left;
    width: 33%
}

#box7 .row>div>div {
    width: 375px;
    margin: 0 auto;
    line-height: 1.3
}

#box7 .row:nth-of-type(1) div:nth-of-type(1) img {
    position: relative;
    left: 29px
}

#box7 .row:nth-of-type(2) div:nth-of-type(2) img {
    position: relative;
    left: 22px
}

#box7 .row div h3 {
    font-size: 2.5em;
    color: #efb11f;
    font-weight: 600;
    margin: 26px auto 25px
}

#box7 .row div p {
    line-height: 1.4;
    font-size: 1.5em;
    color: #a99ac0;
    font-weight: 300;
    width: 295px;
    margin: 0 auto
}

.getpenigun {
    background: url(../img/box7img.jpg) no-repeat;
    background-size: cover;
    width: 1140px;
    height: 535px;
    max-width: 100%;
    margin-bottom: 160px
}

.getpenigun>div {
    float: left
}

.getpenigun>div:nth-of-type(1) {
    padding: 97px 54px 0 84px
}

.getpenigun>div:nth-of-type(1) p:nth-of-type(1) {
    font-size: 6em;
    font-weight: 600;
    color: #fff;
    margin-bottom: 37px
}

.getpenigun>div:nth-of-type(1) p:nth-of-type(1) span {
    color: #efb21f
}

.getpenigun>div:nth-of-type(1) p:nth-of-type(2) {
    color: #fff;
    font-weight: 300;
    font-size: 2.5em;
    margin-bottom: 43px
}

.getpenigun>div:nth-of-type(1) .btn1 {
    padding: 33px 50px;
    height: auto
}

.getpenigun>div:nth-of-type(2) img {
    position: relative;
    top: 105px
}

.getpenigun>div:nth-of-type(3) {
    padding-left: 48px;
    padding-top: 90px
}

.getpenigun>div:nth-of-type(3) img {
    float: left
}

.getpenigun>div:nth-of-type(3) ul {
    float: left;
    padding-left: 18px
}

.getpenigun>div:nth-of-type(3) ul li {
    font-size: 1.8em;
    color: #fff;
    font-weight: 300;
    margin-bottom: 38px
}

.getpenigun>div:nth-of-type(3) ul li:nth-of-type(3) {
    margin-bottom: 30px
}

.getpenigun>div:nth-of-type(3) ul li span {
    color: #eeae16;
    font-weight: 500
}

footer {
    background: url(../img/end.jpg) bottom center no-repeat;
    padding-bottom: 53px
}

.footerlogo {
    float: left
}

.footer-nav {
    float: right;
    padding-top: 38px
}

.footer-nav ul li {
    float: left;
    font-size: 2em;
    margin-left: 30px;
    font-weight: 300
}

.footernote p,
.penigunfacts h4,
.penigunfacts ul li {
    font-size: 1.2em;
    color: #a99ac0
}

.footer-nav ul li:last-of-type a {
    color: #5ecc1b
}

.footernote {
    margin-top: 45px
}

.footernote p {
    font-weight: 300;
    font-family: Open sans;
    line-height: 1.3
}

.penigunfacts {
    margin-top: 36px;
    font-family: Open sans
}

.penigunfacts h4 {
    font-weight: 600
}

.penigunfacts ul {
    margin: 6px auto 0;
    display: inline-block
}

.penigunfacts ul li {
    float: left
}

.penigunfacts ul li a {
    color: #a99ac0
}

.penigunfacts ul li:after {
    content: "|";
    margin: 0 8px
}

.penigunfacts ul li:last-of-type:after {
    content: none
}

.getfreebottle {
    width: 360px;
    height: 493px;
    background: url(../img/freebottle.jpg) center no-repeat;
    float: right;
    z-index: 2;
    position: relative;
    border-radius: 4px;
    padding-top: 35px
}

.getfreebottle p {
    color: #60487a;
    font-size: 3em;
    width: 282px;
    margin: 0 auto;
    line-height: 36px;
    max-width:100%;
}

.getfreebottle h3 {
    color: #fff;
    font-size: 5em;
    font-weight: 600;
    width: 285px;
    margin: 30px auto 34px
}

.message>div p,
.popup .btn1 {
    text-shadow: 0 1px 1px rgba(255, 255, 255, .7)
}

.getfreebottle .btn1 {
    height: auto;
    width: 285px;
    margin: 0 auto;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px
}

.getfreebottle .formfeature:nth-of-type(1) {
    margin-top: 33px
}

.bottomform {
    background: url(../img/bottomform.jpg) no-repeat;
    width: 1140px;
    max-width: 100%;
    margin-bottom: 50px
}

.bottomform>div {
    float: left
}

.bottomform>div:nth-of-type(1) {
    padding: 97px 54px 0 84px;
    width: 465px;
    max-width: 100%
}

.bottomform>div:nth-of-type(1) p:nth-of-type(1) {
    font-size: 6em;
    font-weight: 600;
    color: #fff;
    margin-bottom: 37px
}

.bottomform>div:nth-of-type(1) p:nth-of-type(1) span {
    color: #efb21f
}

.bottomform>div:nth-of-type(1) p:nth-of-type(2) {
    color: #fff;
    font-weight: 300;
    font-size: 2.5em;
    margin-bottom: 43px
}

.bottomform>div:nth-of-type(1) img {
    float: left
}

.bottomform>div:nth-of-type(1) ul {
    float: left;
    padding-left: 18px;
    line-height: 1.2
}

.bottomform>div:nth-of-type(1) ul li {
    font-size: 1.8em;
    color: #fff;
    font-weight: 300;
    margin-bottom: 38px
}

.bottomform>div:nth-of-type(1) ul li:nth-of-type(3) {
    margin-bottom: 13px
}

.bottomform>div:nth-of-type(1) ul li span {
    color: #eeae16;
    font-weight: 500
}

.bottomform>div:nth-of-type(2) {
    float: left;
    padding-top: 160px
}

.bottomform>div:nth-of-type(3) {
    position: relative;
    top: 41px
}

.bottomform>div:nth-of-type(3) .formbottom {
    padding-bottom: 7px
}

.formbottom {
    padding-left: 30px;
    padding-right: 30px
}

.formbottom .inputwrapper {
    position: relative
}

#box7.box7formbottom {
    background: url(../img/box7formbottom.jpg) top center no-repeat;
    background-size: cover
}

.popupoverlay {
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.popup,
.popupreg {
    background: url(../img/popup.jpg);
    width: 950px;
    height: 490px;
    position: relative;
    max-width: 100%
}

.popupreg {
    overflow-y: scroll
}

#popup1,
#popup2,
#popup3,
#popup4 {
    font-family: 'Open Sans', sans-serif;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

#popup4 ul.dash {
    margin-left: 0;
    padding-left: 1em
}

#popup4 ul.dash>li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em
}

.reg h1 {
    margin-bottom: 15px;
    font-size: 20px
}

.reg .complaintform p {
    margin-bottom: 0;
    margin-top: 3px
}

.reg .afterheading {
    font-size: 14px;
    margin-top: 2px
}

.reg .lastheading {
    margin-bottom: 0
}

.reg .subtittle {
    display: inline;
    font-weight: 700
}

.reg {
    color: #fff;
    font-size: 13px;
    line-height: 2;
    padding: 40px
}

.reg ol {
    list-style-type: decimal;
    padding-left: 30px
}

#popup1.popupvisible,
#popup2.popupvisible,
#popup3.popupvisible,
#popup4.popupvisible {
    display: flex;
    opacity: 1;
    transition: .5s;
    animation: popupshow 1s
}

@keyframes popupshow {
    0% {
        opacity: 0
    }
    30% {
        transform: scale(1.1)
    }
    60% {
        transform: scale(1)
    }
    100% {
        opacity: 1
    }
}

.reg a {
    color: #5fc50f
}

#popup1>div>div,
#popup3>div>div {
    padding-left: 66px;
    background: url(../img/popup2.png) 347px 88px no-repeat;
    height: 100%
}

#popup2>div>div {
    padding-left: 87px;
    background: url(../img/popup1.png) 431px 87px no-repeat;
    height: 100%
}

.popupflex>div h2 {
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 26px;
    padding-top: 72px
}

.popupflex>div>p:nth-of-type(1) {
    color: #fff;
    font-size: 3.5em;
    line-height: 45px;
}

.popupflex>div>p:nth-of-type(1) span {
    color: #edad16
}

.popupflex>div>div {
    margin-top: 46px
}

.popupflex>div>div p:first-of-type {
    color: #fff;
    font-size: 30px;
    line-height: 35px
}

.popupflex>div>div p:first-of-type span {
    color: #edad16
}

.popup .popupprice {
    margin-top: 35px
}

.popup .popupprice p {
    color: #edad16;
    font-size: 20px;
    margin-top: 10px
}

.popup .popupprice p:first-of-type {
    color: #5ef209;
    font-size: 50px;
    font-weight: 500;
    margin-top: 0
}

.popupflex {
    position: relative
}

.userdata {
    color: #010101;
    font-size: 22px;
    font-family: Shadows Into Light;
    position: absolute;
    top: 154px;
    width: 206px;
    padding-right: 5px;
    text-align: left;
    transform: rotate(5deg);
    right: 0
}

.popup .btnwrap {
    margin-top: 35px;
    text-align: center;
    width: 100%
}

.close,
.packageright>div:nth-of-type(1)>div:nth-of-type(2) {
    text-align: right
}

.popup .btn1 {
    padding: 22px 55px;
    height: auto;
    color: #163c00;
    font-size: 2.7em;
    font-weight: 700
}

.popup.envelope {
    background: url(../img/popupevnelope.jpg);
    width: 810px;
    max-width: 100%;
    height: 520px;
    position: relative;
    font-family: Oswald
}

.close {
    display: block;
    position: absolute;
    z-index: 15;
    top: 5px;
    right: 15px;
    padding: 10px 0;
    font-weight: 700;
    font-size: 1.5em;
    cursor: pointer;
    color: #ddd
}

#popup4 .close {
    position: sticky;
    position: -webkit-sticky;
    right: 0;
    padding-right: 15px
}

.messages {
    position: fixed;
    left: 20px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    z-index: 99;
    align-items: flex-start
}

.message>div {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    margin-bottom: 15px
}

.message>div div:nth-of-type(1) {
    width: 40px;
    text-align: center;
    margin-right: 10px
}

.message>div p {
    color: #4b3508;
    font-size: 1.5em;
    line-height: 1.316
}

#box10m .btn1,
#box11m div div>.btn1,
#box9m .formbottom .submitbtn {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

.message.cart>div {
    background: rgba(241, 189, 48, 1);
    background: -moz-linear-gradient(top, rgba(241, 189, 48, 1) 0, rgba(234, 162, 23, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(241, 189, 48, 1) 0, rgba(234, 162, 23, 1) 100%);
    background: linear-gradient(to bottom, rgba(241, 189, 48, 1) 0, rgba(234, 162, 23, 1) 100%);
}

.message.cart>div div:nth-of-type(1) {
    width: 42px;
    height: 37px;
    background: url(../img/cart.png)
}

.message.bell>div {
    background: rgba(110, 243, 14, 1);
    background: -moz-linear-gradient(top, rgba(110, 243, 14, 1) 0, rgba(73, 237, 6, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(110, 243, 14, 1) 0, rgba(73, 237, 6, 1) 100%);
    background: linear-gradient(to bottom, rgba(110, 243, 14, 1) 0, rgba(73, 237, 6, 1) 100%);
}

.message.bell p {
    color: #163c00
}

.message.bell>div div:nth-of-type(1) {
    width: 42px;
    height: 38px;
    background: url(../img/bell.png)
}

.wiggle {
    animation: wiggle 1.5s
}

.opacity {
    animation: opacity 2s;
    opacity: 1
}

.box3features>div:nth-of-type(1).middle {
    left: 0
}

.box3features>div:nth-of-type(3).middle {
    right: 0
}

@keyframes wiggle {
    0%,
    100%,
    40% {
        transform: rotate(0)
    }
    55% {
        transform: rotate(4deg)
    }
    75% {
        transform: rotate(-4deg)
    }
}

@keyframes opacity {
    0%,
    10% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.indexm .tablet {
    display: none
}

#box1m {
    background: url(../images/mobile/mbg1.jpg) no-repeat, #472b33;
    background-size: cover;
    padding: 20px 20px 41px;
    text-align: center
}

#box1m .mlogo {
    width: 129px;
    float: left;
    margin-right: 60px
}

#box1m .lang_dropdown {
    padding: 12px
}

#box1m .lang_selector {
    width: 88px;
    float: left;
    height: 40px;
    margin-top: 20px;
    background-position: 68px center
}

#box2m,
#box6m {
    background: #2d1c47
}

#box1m .all_langs {
    left: -48px
}

#box1m .btn1 {
    font-size: 2.5em;
    height: auto;
    margin-top: 20px
}

#box1m h1 {
    font-size: 3em;
    color: #fff;
    font-weight: 600;
    padding-top: 32px
}

#box1m h1 span {
    color: #eeb01c;
    border-bottom: 2px solid #cd9622;
    padding-bottom: 3px;
    margin-bottom: 8px;
    display: inline-block
}

#box1m .flexbox1 div>p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    padding-top: 25px;
    padding-bottom: 23px;
    line-height: 1.4
}

.specialformula {
    padding-top: 16px
}

#box3m,
#box4m {
    padding: 49px 0 40px 18px
}

.specialformula img {
    float: left
}

.specialformula p {
    float: left;
    color: #dccced;
    text-align: left;
    font-size: 1.4em;
    font-weight: 300;
    font-family: Open Sans;
    max-width: 240px;
    margin-left: 8px
}

#box2m h2,
#box5m,
#box7m>div {
    text-align: center
}

#box2m {
    padding: 48px 20px 13px
}

#box2m h2 {
    color: #eeb01c;
    font-size: 3em;
    font-weight: 600;
    padding-bottom: 25px
}

#box2m .mfeatured h3 {
    color: #fff;
    font-size: 2.4em;
    font-weight: 600;
    margin-bottom: 5px
}

#box2m .mfeatured h4 {
    color: #efb11f;
    font-size: 1.6em;
    font-weight: 300
}

#box2m .mfeatured>div>div {
    float: left
}

#box2m .mfeatured>div>img {
    float: right
}

#box2m .mfeatured p {
    color: #dccced;
    font-size: 1.4em;
    font-weight: 300;
    font-family: Open sans;
    line-height: 18px
}

#box2m .mfeatured {
    margin-bottom: 28px
}

#box3m {
    background: url(../images/mobile/penisnormal.png) top center no-repeat, #f7c44a;
    background-size: cover
}

#box3m h2,
#box4m h2 {
    color: #43330e;
    font-weight: 600;
    font-size: 3em
}

#box3m ul,
#box4m ul {
    margin-top: 38px
}

#box3m li,
#box4m li {
    margin-bottom: 9px;
    color: #43330e;
    font-weight: 300;
    font-size: 1.6em
}

#box4m h2,
#box4m li,
#box5m>h2 {
    color: #fff
}

#box4m li strong,
#box5m h3 {
    font-weight: 600
}

#box3m li:before,
#box4m li:before {
    content: "•";
    margin-right: 4px
}

#box4m {
    background: url(../images/mobile/penisafter.png) top center no-repeat, #704e96;
    background-size: cover
}

#box5m {
    background: url(../images/mobile/mbg5.jpg) top center no-repeat, #160e23;
    background-size: cover;
    padding: 50px 20px 38px
}

#box5m>h2 {
    font-size: 2em;
    margin-bottom: 18px
}

#box5m .featurem,
#box5m h3 {
    margin-bottom: 30px
}

#box5m h3 {
    font-size: 4em;
    color: #eeb01c;
    line-height: 45px
}

#box5m .featurem img {
    margin-bottom: 10px;
    max-width: 50px
}

#box5m .featurem h2 {
    color: #efb11f;
    font-weight: 600;
    font-size: 2em;
    margin-bottom: 20px
}

#box5m .featurem p {
    color: #a99ac0;
    font-weight: 300;
    font-size: 1.4em;
    line-height: 18px;
    font-family: Open sans
}

#box5m>img {
    margin-bottom: 19px
}

#box5m>p {
    color: #efb21f;
    font-size: 1.3em;
    font-family: Open Sans
}

#box6m {
    padding: 47px 20px
}

#box6m p {
    color: #a99ac0;
    font-size: 1.4em;
    font-family: Open sans;
    font-style: italic;
    font-weight: 300
}

#box6m p:nth-of-type(2) {
    padding: 42px 0
}

#box6m p span {
    display: block;
    font-size: 16px;
    font-weight: 800
}

.lack,
.menum {
    display: flex
}

#box7m>div li,
#box7m>div p {
    font-weight: 300;
    color: #000
}

#box7m {
    padding: 10px;
    background: #f7c44a
}

#box7m>div {
    border-radius: 5px;
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 26px 20px
}

#box7m>div img {
    margin-bottom: 26px
}

#box7m>div p {
    font-size: 2em;
    margin-bottom: 28px
}

#box7m>div ul {
    text-align: left;
    padding-left: 8px
}

#box10m,
#box11m {
    text-align: center
}

#box7m>div li {
    position: relative;
    font-size: 1.6em;
    margin-bottom: 11px
}

#box7m>div li strong {
    font-weight: 600
}

#box7m>div li:before {
    content: "•";
    position: absolute;
    left: -8px
}

#box8m {
    background: #2d1c47;
    padding: 45px 17px 5px
}

#box9m .formbottom,
#box9m .formtop {
    background-size: cover
}

#box8m ul li {
    color: #fff;
    font-weight: 300;
    font-size: 2em;
    margin-bottom: 30px
}

#box8m ul {
    list-style-image: url(../images/mobile/tick.png);
    padding-left: 30px
}

#box9m .formtop {
    height: auto;
    padding-bottom: 20px
}

#box9m .formbottom .submitbtn {
    color: #163c00;
}

#box9m .mainform {
    float: none;
    width: 100%
}

#box9m .formtop h2 {
    color: #5ecc1b;
    font-size: 2.5em;
    line-height: 1.1
}

#box10m {
    background: #2d1c47;
    padding: 40px 17px
}

#box10m>img {
    margin-bottom: 10px
}

#box10m p {
    color: #efb21f;
    font-size: 1.3em;
    font-family: Open Sans;
    margin-bottom: 40px;
    line-height: 19px
}

.lackcontainer h2,
.lackcontainer>p {
    font-family: Oswald;
    text-transform: uppercase
}

#box10m h3 {
    color: #5ecc1b;
    font-weight: 600;
    font-size: 2.5em;
    margin-bottom: 15px
}

#box10m .btn1 {
    margin-bottom: 21px;
    width: 100%;
    padding: 25px 0;
    height: auto
}

#box11m {
    background: #160e23;
    padding: 40px 17px
}

#box11m div div>p {
    padding-bottom: 20px;
    color: #eeb01c;
    font-size: 2.5em
}

#box11m div div>p img {
    margin-right: 15px
}

#box11m div div>h3 {
    padding-top: 34px;
    font-weight: 600;
    font-size: 3em;
    color: #fff;
    margin-bottom: 22px;
    line-height: 35px
}

#box11m div div>.btn1 {
    margin-bottom: 31px;
    width: 100%;
    padding: 25px 0;
    height: auto
}

#box11m div div>.specialpack {
    margin-top: 0
}

#box12m {
    background: #0f0a18;
    padding: 47px 20px 30px
}

#box12m .penigunfacts {
    margin-top: 0;
    margin-bottom: 29px
}

.checkoutfooter {
    background: #170d26;
    padding: 28px 20px
}

.menum {
    justify-content: space-around;
    font-size: 1.6em;
    font-weight: 300;
    padding: 0 25px
}

.footernote p {
    margin-bottom: 15px;
    text-align: justify
}

#box12m .penigunfacts ul {
    padding-left: 25px
}

#box12m .penigunfacts ul li {
    margin-bottom: 4px
}

#box12m .penigunfacts ul li:nth-of-type(4):after {
    content: ' '
}

#box9m .dd .ddTitle .ddTitleText {
    text-align: center
}

#box9m .formbottom .select,
#box9m .formbottom input,
#box9m .phonewrapper {
    max-width: 100%;
    width: 100%
}

.lack {
    background: url(../images/checkout/bg.jpg) top center;
    min-height: 100vh;
    background-size: cover;
    justify-content: center;
    align-items: center
}

.lackcontainer {
    background: #fff;
    width: 750px;
    border-radius: 8px;
    border: 5px solid #e79f3c;
    max-width: 100%;
    padding: 30px 20px
}

.lackcontainer h2 {
    font-size: 35px;
    text-align: center;
    font-weight: 700
}

.lackcontainer>p {
    font-size: 20px;
    text-align: center;
    margin-top: 15px
}

.lackcontainer .flexcontainer {
    justify-content: space-between
}

.lackcontainer .flexcontainer div:first-of-type {
    flex: 5;
    padding-top: 25px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.lackcontainer .flexcontainer div:first-of-type p {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 27px
}

.lackcontainer .flexcontainer div:last-of-type {
    align-self: flex-start;
    flex: 4
}

@media(min-width:1171px) {
    .mobileonly {
        display: none!important
    }
    header {
        position: relative;
        position: -webkit-sticky
    }
    #box1 {
        position: relative;
        top: -100px;
        margin-bottom: -100px
    }
}

@media(max-width:1170px) {
    #box1,
    #box2,
    #box3,
    #box4,
    #box5,
    #box6,
    #box7 {
        width: 1170px
    }
    .wrap {
        overflow: hidden
    }
    .radiodiv .mobilebtn .btn1 {color: #fff;}
}

.inputcontainer {
    display: flex;
    position: relative;
    margin-left: 8px;
}

.inputcontainer p {
    padding-top: 6px;
    color: #000014;
    font-size: 1.2em;
    width: 100%;
    align-items: center;
    min-height: 26px;
    margin-left: 28px;
    line-height: 1.2;
    justify-content: space-between
}

.inputcontainer input {
    width: unset;
    height: unset
}

@media (min-width:1950px) {
    #box1,
    #box2,
    #box3,
    #box4,
    #box5,
    #box6,
    #box7 {
        background-size: cover
    }
    #box2 {
        height: 950px;
        position: relative
    }
    .chartfooter {
        position: absolute;
        bottom: 0;
        width: 100%
    }
    .chartwrapper {
        position: absolute;
        height: 500px;
        top: 295px;
        overflow: hidden;
        margin: 0 0 0 20%;
        width: 80%;
        z-index: 2
    }
    #box2 .heading2 {
        margin-top: 30px
    }
}

.checkoutnew {
    background: url(../images/checkout/bg.jpg) top center;
    background-size: 100% 100%
}

.checkoutnew header {
    background: url(../images/checkout/topbar.png) top center no-repeat;
    background-size: cover;
    min-height: 73px;
    padding-top: 0;
    position: static
}

.checkoutnew header::after {
    display: none
}

.checkoutnew header .wrap {
    min-height: 55px;
    display: flex;
    justify-content: center;
    align-items: center
}

.checkoutnew header p {
    text-align: center;
    font-family: Open sans;
    font-size: 1.5em;
    color: #fff
}

.checkoutnew header p span {
    text-align: center;
    font-size: 1.7em;
    font-family: Oswald;
    font-weight: 500;
    margin-right: 18px;
    position: relative;
    top: 4px
}

.checkoutcert {
    background: url(../images/checkout/cert.png) no-repeat;
    background-size: cover;
    width: 106px;
    height: 106px
}

.checkoutcert p {
    color: #9b7827;
    width: 63px;
    text-align: center;
    font-size: 9px;
    position: relative;
    top: 27px;
    transform: rotate(-4deg);
    left: 19px
}

#countdownTimer,
.beforeform,
h1.checkoutheading {
    color: #fff;
    font-family: Oswald
}

h1.checkoutheading {
    font-weight: 600;
    font-size: 3.5em;
    text-align: center
}

.timer {
    width: 298px;
    height: 90px;
    background: url(../images/checkout/timer.png) no-repeat;
    float: left
}

#countdownTimer {
    display: block;
    font-size: 6.5em;
    font-weight: 600;
    text-shadow: 1px 1px 2px #5f4106;
    padding-top: 7px;
    padding-left: 21px;
    letter-spacing: 42px
}

#countdownTimer .colon {
    font-size: .5em;
    position: relative;
    letter-spacing: 0;
    left: -20px;
    top: -14px
}

.newzero {
    letter-spacing: 33px
}

.checkoutcert {
    float: right;
    position: relative;
    top: -17px
}

.checkouttop {
    width: 550px;
    max-width: 100%;
    margin: 0 auto;
    padding: 50px 0 13px 90px
}

.newcheckoutmain {
    display: flex;
    justify-content: space-between;
    padding-top: 40px
}

.newcheckoutmain .rightbox {
    width: 427px;
    max-width: 100%
}

.beforeform {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 19px
}

.beforeform span {
    color: #fb1b1b
}

.form-box1 {
    height: 101px;
    position: relative;
    background: url(../images/checkout/formtop.png) no-repeat;
    display: flex
}

.form-box1 div:nth-of-type(1) {
    height: 121px;
    top: -10.5px;
    margin-left: 22px;
    width: 137px;
    position: relative;
    background: url(../images/checkout/formspecial.png) no-repeat;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.deliveryicons,
.form-box1 div:nth-of-type(2),
.form-box3 .radiodiv {
    align-items: center;
    display: flex
}

.form-box1 div:nth-of-type(1) p:nth-of-type(1) {
    font-size: 1.2em;
    font-family: Oswald;
    color: #fff;
    font-weight: 600
}

.form-box1 div:nth-of-type(1) p:nth-of-type(2) {
    font-size: 5em;
    font-family: Oswald;
    color: #fff;
    font-weight: 500
}

.form-box1 div:nth-of-type(1) p:nth-of-type(3) {
    font-size: 1.2em;
    font-family: Oswald;
    color: #fff;
    font-weight: 600;
    line-height: 1.2
}

.form-box1 div:nth-of-type(2) p {
    font-size: 2.7em;
    padding-left: 21px;
    font-family: Oswald;
    color: #000014;
    font-weight: 500;
    line-height: 1.2
}

.form-box1 div:nth-of-type(2) p span {
    color: #83428e
}

.form-box2 .inputwrapper>label,
.form-box2>h3 {
    color: #000;
    font-family: Oswald;
    text-transform: uppercase
}

.form-box2 {
    background: #fcfbf2;
    padding: 48px 0 0 35px
}

.form-box2>h3 {
    font-size: 2.5em;
    font-weight: 600
}

.form-box2 .inputwrapper>label {
    font-size: 1.4em;
    display: block;
    margin-top: 17px;
    margin-bottom: 6px
}

.form-box2 .inputwrapper>label span {
    color: #fb1919
}

.form-box2 .inputwrapper>input {
    z-index: 555;
    position: relative;
    padding-top: 3px;
    font-family: Open Sans;
    background: #fff;
    width: 100%;
    max-width: 348px;
    border: 1px solid #d6d6ce;
    box-shadow: inset 0 2px 2px 0 rgba(214, 214, 206, .3);
    height: 50px;
    border-radius: 5px;
    padding-left: 22px;
    font-size: 1.6em;
    color: #000014
}

.form-box2 .inputwrapper {
    position: relative
}

#voucherwrap {
    border: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e1d9;
    padding-top: 4px
}

#voucherwrap .tooltip {
    bottom: 50px;
    z-index: 5
}

#voucher.has-success {
    background: #e9f7de
}

#voucher.has-error {
    background: #fcebeb
}

.inputwrapper.has-success input {
    background: url(../img/correct.png) 95% 20px no-repeat, #e9f7de
}

.inputwrapper.has-error input {
    background: url(../img/error.png) 95% 20px no-repeat, #fcebeb
}

.inputwrapper span.help-block {
    display: none
}

.has-error span.help-block.form-error {
    display: block;
    font-family: Open sans;
    font-size: 11px;
    position: absolute;
    left: 104%;
    width: 80%;
    background: #f14141;
    border-radius: 5px;
    padding: 8px;
    text-align: center;
    top: 40%;
    color: #fff
}

.tooltipcontent,
.tooltipcontent p {
    font-family: Open sans;
    background: #e3d8f0
}

span.help-block.form-error:before {
    content: '';
    display: block;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #f14141;
    position: absolute;
    top: 7px;
    left: -7px;
    width: 0;
    height: 0
}

.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px
}

.tooltip {
    left: 50%;
    margin-left: -52.5px;
    position: absolute;
    bottom: 21px;
    padding-bottom: 33px;
    width: 450px
}

.tooltipcontent {
    position: relative;
    padding: 19px;
    width: 100%;
    display: none;
    z-index: 999;
}

.tooltipcontent:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(227, 216, 240, 0);
    border-top-color: #e3d8f0;
    border-width: 14px;
    margin-left: -14px
}

.checkmark:after,
.footerlinks li::after {
    content: ""
}

.tooltipcontent p {
    color: #180d28;
    font-size: 1.4em;
    line-height: 1.2
}

.tooltipbtn {
    width: 15px;
    height: 15px;
    background: #623d8f;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 1.4;
    left: 50%;
    margin-left: -7.5px;
    position: absolute;
    bottom: 0;
    cursor: pointer
}

.form-box3 {
    background: #fcfbf2;
    padding: 20px 26px;
    border-bottom: 1px solid #e2e1d9
}

.form-box3>h3 {
    color: #000;
    font-size: 2.5em;
    font-family: Oswald;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 18px
}

.radio-group {
    position: relative
}

.form-box3 .radiodiv {
    border: 2px solid transparent;
    width: 100%;
    height: 54px;
    border-radius: 7px;
    margin-bottom: 7px;
    padding-left: 16px;
    padding-right: 16px;
    cursor: pointer
}

.form-box3 .radiodiv.selected {
    border: 2px solid #60f209
}

.radiocircle {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: 1px solid #d6d6ce;
    background: #fff
}

.selected .radiocircle>div {
    width: 70%;
    height: 70%;
    border-radius: 50%;
    margin: 16% 0 0 15%;
    background: #64f20a
}

.deliveryfee p {
    color: #000014;
    font-size: 1.5em;
    padding-left: 9px
}

.deliveryfee p:nth-of-type(1) {
    text-transform: uppercase
}

.deliveryfee p:nth-of-type(2) {
    margin-top: 4px
}

.deliveryfee p:nth-of-type(2) span:nth-of-type(1) {
    color: #666;
    text-decoration: line-through;
    margin-right: 6px
}

.deliveryfee p:nth-of-type(2) span:nth-of-type(2) {
    color: #ff0808
}

.form-box3 .radiodiv>div:last-child {
    margin-left: auto
}

.form-box4 {
    background: #fcfbf2;
    padding: 20px 37px 12px;
    border-bottom: 1px solid #e2e1d9
}

.checkmark,
.inputcontainer:hover input~.checkmark {
    background-color: #fff
}

.deliveryicons img {
    margin: 0 2px
}

.form-box4 .inputcontainer {
    display: flex;
    position: relative;
    margin-left: 8px;
    justify-content: center;
    margin-bottom: 10px;
}

.form-box4 .inputcontainer p {
    color: #000014;
    font-size: 1.3em;
    max-width: 300px;
    align-items: center;
    padding-top: 6px;
    margin-right: 5px;
    text-transform: uppercase;
    line-height: 1.2;
    width:unset;
}

.inputcontainer p a {
    color: #000014;
    text-decoration: underline
}

.checkmark {
    position: absolute;
    top: 0;
    height: 27px;
    width: 27px;
    border: 1px solid #d6d6ce;
    display: block
}

.inputcontainer input:checked~.checkmark {
    background: url(../img/correct.png) center center no-repeat, #fff
}

.checkmark:after {
    position: absolute;
    display: none
}

.inputcontainer input:checked~.checkmark:after {
    display: block
}

.form-box4 .submitbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #3db307;
    transition: .3s;
    cursor: pointer;
    margin: 27px auto 20px;
    color: #163c00;
    text-indent: 0;
    background: #69f30c;
    font-weight: 700;
    font-family: Oswald;
    font-size: 27px;
    height: 80px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .7);
    box-shadow: 0 13px 30px rgba(0, 0, 0, .4);
    width: 100%;
    border-radius: 5px
}

.form-box4 .submitbtn:hover {
    background: #1AC90E
}

.checkcert {
    display: flex;
    justify-content: space-around
}

.underform {
    padding: 21px 0 70px;
    display: flex;
    justify-content: center
}

.underform span {
    font-size: 1.3em;
    font-weight: 500;
    color: #fff;
    position: relative;
    top: 2px;
    margin-left: 9px
}

.flexcontainer {
    display: flex
}

.newcheckoutmain .leftbox {
    width: 683px;
    max-width: 100%
}

.newcheckoutmain .leftbox>div {
    background: #fcfbf2;
    padding: 30px 30px 1px
}

.leftbox .radiodiv {
    border: 5px solid transparent;
    width: 100%;
    border-radius: 7px;
    display: flex;
    cursor: pointer;
    position: relative;
    margin-bottom: 53px
}

.leftbox .radiodiv.selected {
    border: 5px solid #71f410;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .6)
}

.leftbox .radiodiv>.flexcontainer {
    border: 1px solid #ccc;
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.leftbox .radiodiv.selected>.flexcontainer {
    border: 1px solid transparent;
    width: 100%;
    height: 100%
}

.leftbox .radiocircle {
    margin: 0 0 15px 12px;
    background: #ededed
}

.leftbox .radiodiv .flexcontainer>div:nth-of-type(1) {
    background: #fff;
    width: 228px;
    padding-top: 15px;
    position: relative;
    border-radius: 5px 0 0 5px
}

.leftbox .radiodiv .flexcontainer>div:nth-of-type(1) .discount {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -20px;
    right: -38px;
    width: 92px;
    height: 91px;
    background: url(../images/checkout/discount.png) no-repeat;
    background-size: cover
}

.leftbox .radiodiv .flexcontainer>div:nth-of-type(1) .discount p {
    color: #182e05;
    font-weight: 500;
    text-shadow: 0 2px 2px #fff;
    transform: rotate(6deg)
}

.leftbox .radiodiv .flexcontainer>div:nth-of-type(1) .discount p:nth-of-type(1) {
    font-size: 2.7em;
    margin-bottom: 2px
}

.leftbox .radiodiv .flexcontainer>div:nth-of-type(1) .discount p:nth-of-type(1) sup {
    font-size: .6em
}

.leftbox .radiodiv .flexcontainer>div:nth-of-type(1) .discount p:nth-of-type(2) {
    text-transform: uppercase;
    font-size: 1.1em
}

.leftbox .bottle {
    display: flex;
    justify-content: center;
    align-items: center
}

.leftbox .radiodiv .flexcontainer>div:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.packageright>div:nth-of-type(1),
.packageright>div:nth-of-type(2) {
    min-height: 92px;
    justify-content: space-between;
    border-bottom: 1px solid #e3decf
}

.packageright {
    border-left: 1px solid #e3decf;
    border-radius: 0 5px 5px 0
}

.packageright>div:nth-of-type(1) {
    border-radius: 0 5px 0 0;
    background: #fdf7e7;
    padding-left: 50px;
    padding-right: 32px;
    display: flex;
    align-items: center
}

.packageright>div:nth-of-type(1)>div:nth-of-type(1) {
    display: flex
}

.packageright>div:nth-of-type(1)>div:nth-of-type(1) p:nth-of-type(1) {
    color: #1b0f2c;
    font-size: 3.5em;
    font-weight: 600
}

.packageright>div:nth-of-type(1)>div:nth-of-type(1) p:nth-of-type(2) {
    text-transform: uppercase;
    color: #1b0f2c;
    font-size: 1.6em;
    font-weight: 600;
    padding: 8px 14px;
    margin-left: 10px;
    border-radius: 5px;
    background: #f1bd30;
    background: -moz-linear-gradient(top, #f1bd30 0, #eba217 100%);
    background: -webkit-linear-gradient(top, #f1bd30 0, #eba217 100%);
    background: linear-gradient(to bottom, #f1bd30 0, #eba217 100%);
}

.packageright>div.avibility,
.packageright>div:nth-of-type(2),
.packageright>div:nth-of-type(3) {
    padding-left: 30px;
    padding-right: 32px;
    display: flex
}

.packageright>div:nth-of-type(1)>div:nth-of-type(2) p:nth-of-type(1) {
    color: #8f8f8f;
    font-size: 1.7em;
    text-decoration: line-through;
    margin-bottom: 6px
}

.packageright>div:nth-of-type(1)>div:nth-of-type(2) p:nth-of-type(2) {
    color: #623d8f;
    font-size: 3.5em;
    font-weight: 600
}

.packageright>div:nth-of-type(2) {
    background: #fdf7e7;
    align-items: center
}

.packageright>div:nth-of-type(2) div:nth-of-type(1) p {
    color: #000014;
    font-size: 2em;
    line-height: 1.2
}

.packageright>div:nth-of-type(2) div:nth-of-type(1) p:nth-of-type(1) {
    font-weight: 700
}

.packageright>div:nth-of-type(2) div:nth-of-type(2) p {
    color: #000014;
    font-size: 2em
}

.packageright>div:nth-of-type(2) div:nth-of-type(2) p span {
    font-size: 1.5em;
    color: #623d8f
}

.packageright>div:nth-of-type(3) {
    background: #fbf0d2;
    min-height: 42px;
    border-bottom: 1px solid #e3decf;
    justify-content: space-between;
    align-items: center
}

.packageright>div:nth-of-type(3) p {
    color: #5e4474;
    font-size: 1.6em
}

.packageright>div:nth-of-type(3) p img {
    margin-right: 7px
}

.packageright>div.avibility {
    border-radius: 0 0 5px;
    background: #fff;
    min-height: 102px;
    justify-content: flex-start;
    align-items: center
}

.packageright>div.avibility>div:nth-of-type(1)>p {
    color: #000014;
    font-size: 1.3em;
    margin-bottom: 7px
}

.packageright>div.avibility>div:nth-of-type(2)>div:nth-of-type(1) {
    display: flex
}

.packageright>div.avibility>div:nth-of-type(2) {
    padding-left: 20px
}

.packageright>div.avibility>div:nth-of-type(2) p {
    font-weight: 700;
    font-size: 1.3em;
    margin-bottom: 7px
}

.stockline {
    border: 1px solid #fff;
    border-radius: 2px;
    background: #e1dbe8;
    padding: 1px;
    width: 42px;
    height: 12px;
    margin-left: 12px
}

.stockline>div {
    background: #fff;
    height: 8px;
    border-radius: 3px 0 0 3px;
    width: 20%
}

.lowstock {
    border: 1px solid #fa0d2e
}

.lowstock>div {
    background: #fa0d2e;
    width: 20%
}

.mediumstock {
    border: 1px solid #eba418
}

.mediumstock>div {
    background: #eba418;
    width: 50%
}

.highstock {
    border: 1px solid #5fc50f
}

.highstock>div {
    background: #5fc50f;
    width: 80%
}

.sellouthigh {
    color: #ef2424
}

.selloutmedium {
    color: #efb11e
}

.selloutlow {
    color: #5fc50f
}

.packagetitle {
    position: absolute;
    height: 40px;
    bottom: -15px;
    min-width: 270px;
    left: 50%;
    display: flex;
    margin-left: -135px;
    background: #60477a;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 1.6em;
    border-radius: 3px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    text-transform: uppercase
}

.ddcommon,
.footerlinks li,
.formbottom {
    position: relative
}

.packagetitle img {
    display: none;
    margin-right: 20px;
    width: 20px
}

.radiodiv.selected .packagetitle img {
    display: inline
}

.radiodiv.selected .packagetitle {
    background: #71f410;
    background: -moz-linear-gradient(top, #71f410 0, #4dee06 100%);
    background: -webkit-linear-gradient(top, #71f410 0, #4dee06 100%);
    background: linear-gradient(to bottom, #71f410 0, #4dee06 100%);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .6);
    color: #163c00;
    font-weight: 700;
    font-size: 1.7em;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .7)
}

.newcheckoutfooter {
    background: #2e1d48;
    padding: 38px 0 28px;
    text-align: center
}

.newcheckoutfooter p:nth-of-type(1) {
    font-size: 1.6em;
    color: #fff;
    margin: 13px 0 25px
}

.newcheckoutfooter p:nth-of-type(2) {
    font-size: 1.6em;
    color: #fff;
    margin-bottom: 28px
}

.newcheckoutfooter p:nth-of-type(3) {
    font-size: 1.3em;
    color: #6e5d88;
    font-family: Open Sans;
    padding: 0 10% 48px
}

.newcheckoutfooter .stars img {
    margin: 0 6px
}

.checkoutmcert,
.mobile,
.tablet {
    display: none
}

.form-box4 .subtotal {
    padding-bottom: 17px
}

.form-box4 .subtotal>span:nth-of-type(1) {
    font-size: 1.6em;
    color: #000;
    text-transform: uppercase
}

.form-box4 .subtotal p {
    display: inline;
    font-size: 2.5em;
    color: #623d8f;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 6px
}

.checkoutnew .inputwrapper {
    width: 348px;
    max-width: 100%
}

.checkoutnew .tooltipbtn,
.checkoutnew .tooltipcontent::after {
    left: 55%
}

.emptyparagraf {
    margin-bottom: 0!important
}

.footerlinks {
    display: flex;
    justify-content: center;
    margin: 15px 0
}

.footerlinks li {
    text-transform: uppercase;
    margin: 0 10px;
    font-size: 15px
}

.footerlinks li::after {
    height: 6px;
    width: 6px;
    background: #fff;
    position: absolute;
    top: 5px;
    left: -13px;
    border-radius: 50%
}

.footerlinks li:first-of-type::after {
    display: none
}

.footerlinks li a:hover {
    text-decoration: underline
}

.deliveryfee.cod p:nth-of-type(2) span:nth-of-type(1) {
    color: #ff0808;
    text-decoration: none
}

@media (max-width:1640px) {
    .tooltip {
        left: 0
    }
    .checkoutnew .tooltipbtn,
    .checkoutnew .tooltipcontent::after,
    .tooltipbtn,
    .tooltipcontent:after {
        left: 94%
    }
    .has-error span.help-block.form-error {
        left: unset;
        right: 104%
    }
    span.help-block.form-error::before {
        left: unset;
        right: -7px;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 0 solid #f14141;
        border-left: 7px solid #f14141
    }
}

@media (max-width:1170px) {
    .indexm .inputcontainer {
        margin-left: 0
    }
    .inputcontainer p {
        padding-top: 6px;
        display: block;
        margin-left: 24px
    }
    .indexm .inputcontainer .has-error span.help-block.form-error {
        position: absolute;
        top: 32px
    }
    .indexm .inputcontainer .has-error+p {
        margin-bottom: 10px
    }
    .popupreg {
        background-size: 100% 100%
    }
    .has-error span.help-block.form-error {
        position: static;
        width: 100%;
        color: red;
        background: 0 0;
        border: none;
        padding: 8px;
        text-align: center;
        top: 40%
    }
    span.help-block.form-error:before {
        display: none
    }
    .indexm .has-error span.help-block.form-error {
        background: rgba(255, 255, 255, .4);
        padding: 3px;
        position: relative;
        top: -5px;
        right: 0;
        left: unset
    }
    .checkoutnew .wrap,
    .wrapmobile {
        width: 768px;
        margin: 0 auto
    }
    .checkoutnew .wrap {
        padding: 0 9px;
        overflow: unset
    }
    .tablet {
        display: block
    }
    .checkoutcert {
        display: none
    }
    .wrapmobile {
        display: flex;
        padding-top: 28px;
        padding-left: 29px
    }
    .checkcert,
    .form-box2>h3,
    .onlydesktop,
    .packageright>div:nth-of-type(2) div:nth-of-type(2) p:nth-of-type(2),
    .rightbox .underform {
        display: none
    }
    .checkouttop {
        order: 3
    }
    .wrapmobile .tablet {
        width: 127px
    }
    .wrapmobile h1.checkoutheading {
        width: 260px;
        text-align: right;
        font-size: 2.5em;
        padding-left: 60px;
        line-height: 1.4;
        padding-top: 17px
    }
    .wrapmobile .checkouttop {
        width: 300px;
        padding: 0
    }
    .beforeform {
        padding-top: 47px;
        margin-bottom: 38px
    }
    .checkoutnew header p {
        font-size: 1.2em
    }
    .checkoutnew header p span {
        font-size: 1em;
        font-family: Open sans;
        margin-right: 0;
        top: 0
    }
    .checkoutnew header {
        min-height: 46px
    }
    .newcheckoutmain .leftbox>div {
        padding: 11px 11px 1px
    }
    .newcheckoutmain .leftbox {
        width: 419px
    }
    .leftbox .radiodiv .flexcontainer>div:nth-of-type(1) .discount {
        top: -46px;
        right: -230px
    }
    .packageright>div:nth-of-type(1) {
        background: #fff;
        min-height: 66px;
        justify-content: flex-start;
        padding-left: 19px
    }
    .packageright>div:nth-of-type(1)>div:nth-of-type(1) p:nth-of-type(1) {
        font-size: 3em
    }
    .packageright>div:nth-of-type(1)>div:nth-of-type(1) p:nth-of-type(2) {
        font-size: 1.4em;
        padding: 6px 7px
    }
    .leftbox .radiodiv .flexcontainer>div:nth-of-type(1) {
        width: 171px
    }
    .leftbox .radiodiv .flexcontainer>div:nth-of-type(2) {
        width: 215px
    }
    .pricediscount {
        text-align: center;
        margin-top: 32px
    }
    .pricediscount p:nth-of-type(1) {
        color: #8f8f8f;
        font-size: 1.7em;
        text-decoration: line-through;
        margin-bottom: 6px
    }
    .pricediscount p:nth-of-type(2) {
        color: #623d8f;
        font-size: 3em;
        font-weight: 600
    }
    .leftbox .bottle {
        padding: 0 15px
    }
    .newcheckoutmain .rightbox {
        width: 324px;
        padding-top: 39px
    }
    .packageright>div:nth-of-type(2) {
        flex-direction: column;
        text-align: center;
        justify-content: center
    }
    .packageright>div:nth-of-type(2) div:nth-of-type(1) p:nth-of-type(2) {
        margin-bottom: 8px
    }
    .packageright>div:nth-of-type(2) div:nth-of-type(1) p,
    .packageright>div:nth-of-type(2) div:nth-of-type(2) p {
        font-size: 1.6em
    }
    .packageright>div:nth-of-type(2) div:nth-of-type(2) p span {
        font-size: 1em
    }

    .packageright>div:nth-of-type(3) {
        min-height: 60px;
        flex-direction: column;
        justify-content: center
    }
    .packageright>div.avibility>div:nth-of-type(1)>p,
    .packageright>div.avibility>div:nth-of-type(2) p {
        font-size: 1.2em
    }
    .packageright>div.avibility {
        padding-left: 20px;
        padding-right: 16px;
        font-family: Open Sans
    }
    .packageright>div.avibility>div:nth-of-type(2) {
        padding-left: 7px
    }
    .stockline {
        background: #fff;
        margin-top: 5px;
        margin-left: 7px
    }
    .form-box1 div:nth-of-type(1) p:nth-of-type(2) {
        font-size: 3em
    }
    .form-box1 div:nth-of-type(1) {
        width: 103px;
        height: 91px
    }
    .form-box1 div:nth-of-type(2) p {
        font-size: 2em
    }
    .form-box1 {
        height: 71px
    }
    .form-box2 {
        padding: 5px 19px
    }
    .form-box2 .inputwrapper.hastooltip>.select,
    .form-box2 .inputwrapper.hastooltip>input {
        width: 86%
    }
    .tooltip {
        left: -33%
    }
    .form-box3 {
        padding: 20px 8px
    }
    .deliveryfee p {
        font-size: 1.4em
    }
    .form-box3 .radiodiv:nth-of-type(1)>div:last-child {
        max-width: 80px
    }
    .form-box3 .radiodiv:nth-of-type(2)>div:last-child {
        max-width: 140px
    }
    .tablet .underform {
        text-transform: uppercase;
        padding: 0 0 15px;
        text-align: center
    }
    .tablet .underform:first-child {
        padding-top: 28px
    }
    .tablet .underform:last-child {
        padding-bottom: 34px
    }
    .footernote {
        margin-top: 27px
    }
    .has-error:before {
        right: 0
    }
    .setmobile .messages {
        top: 0;
        bottom: unset!important;
        left: 0;
        width: 100%
    }
    .setmobile .messages>div {
        width: 100%
    }
    .message.cart>div,
    .setmobile .message.bell>div {
        justify-content: center
    }
    .setmobile .inputcontainer .has-error .form-error {
        display: block!important;
        position: absolute!important;
        bottom: -60%!important;
        right: 0!important;
        top: unset!important
    }

    .checkoutnew .inputcontainer .has-error span.help-block.form-error {
        right: 0;
        text-align: right;
        top: 10px;
        position: absolute;
    }


}

@media (max-width:768px) {
    .form-box2>h3 {
        display: inline-block
    }
    .beforeform.mobile,
    .hide {
        display: none!important
    }
    .form-box1 {
        display: none
    }
    .newcheckoutmain .rightbox {
        border-top: 3px solid #ddd;
        padding-top: 0
    }
    .mobile.buttonflex {
        padding: 50px 10px 20px;
        justify-content: space-around;
        display: flex!important;
        background: #fcfbf2;
        color: #83428e;
        text-decoration: underline
    }
    .buttonflex div {
        cursor: pointer!important;
        display: inline-block
    }
    .specialformula {
        display: flex;
        width: 350px;
        margin: 0 auto;
        max-width: 100%
    }
    .specialformula img {
        max-width: 26px;
        min-width: 26px;
        align-self: flex-start
    }
    .specialformula p {
        flex-grow: 1;
        max-width: unset
    }
    .form-box2 .inputwrapper>input,
    .tooltip {
        max-width: 100%
    }
    .mflexcontainer.flexbox1 div:last-of-type {
        width: 350px;
        margin: 0 auto;
        max-width: 100%
    }
    .mobile {
        display: block!important
    }
    .notmobile {
        display: none!important
    }
    .checkoutnew .wrap,
    .wrapmobile {
        width: 98%;
        margin: 0 auto
    }
    .checkoutnew header {
        background: rgba(0, 0, 0, .4)
    }
    .topbar {
        padding-bottom: 5px
    }
    .wrapmobile {
        flex-direction: column;
        padding: 10px 0;
        justify-content: center
    }
    .wrapmobile .tablet {
        margin: 0 auto
    }
    .wrapmobile .checkouttop {
        order: unset;
        margin-top: 20px;
        width: 218px
    }
    .timer {
        width: 218px;
        height: 70px;
        background-size: 100% 100%;
        margin: 0 auto;
        display: block
    }
    .leftbox .radiodiv .flexcontainer>div:nth-of-type(1),
    .leftbox .radiodiv .flexcontainer>div:nth-of-type(2),
    .newcheckoutmain .leftbox,
    .newcheckoutmain .rightbox,
    .newcheckoutmain.wrap {
        width: 100%
    }
    #countdownTimer {
        font-size: 4.5em;
        letter-spacing: 32px;
        padding-left: 16px;
        padding-top: 10px
    }
    #countdownTimer .colon {
        left: -16px
    }
    .newzero {
        letter-spacing: 26px
    }
    .wrapmobile h1.checkoutheading {
        font-size: 1.8em;
        width: 100%;
        padding-left: 0;
        text-align: center
    }
    .checkoutmcert {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #f1bc2e;
        font-size: 1.6em;
        padding: 15px 0
    }
    .checkoutmcert span {
        margin-left: 5px
    }
    .beforeform {
        display: none
    }
    .mobilebox1,
    .mobilebox1 .mobile div,
    .packageright>div:nth-of-type(2)>div {
        display: flex
    }
    .newcheckoutmain.wrap {
        padding: 0;
        flex-direction: column
    }
    .leftbox .radiodiv>.flexcontainer {
        flex-direction: column
    }
    .mobilebox1 {
        justify-content: space-between;
        align-items: center;
        padding: 0 18px
    }
    .mobilebox1 .mobile div p:nth-of-type(1) {
        color: #1b0f2c;
        font-size: 2.5em;
        font-weight: 600
    }
    .mobilebox1 .mobile div p:nth-of-type(2) {
        text-transform: uppercase;
        color: #1b0f2c;
        font-size: 1.4em;
        padding: 6px 7px;
        font-weight: 600;
        margin-left: 10px;
        border-radius: 5px;
        background: #f1bd30;
        background: -moz-linear-gradient(top, #f1bd30 0, #eba217 100%);
        background: -webkit-linear-gradient(top, #f1bd30 0, #eba217 100%);
        background: linear-gradient(to bottom, #f1bd30 0, #eba217 100%);
    }
    .pricediscount {
        margin-top: 0;
        text-align: right;
        position: relative;
        top: -13px
    }
    .leftbox .bottle {
        padding: 0 68px
    }
    .leftbox .radiodiv .flexcontainer>div:nth-of-type(1) .discount {
        top: -17px;
        right: -9%
    }
    .newcheckoutmain .leftbox>div {
        overflow: hidden
    }
    .packageright>div:nth-of-type(2) {
        padding-left: 1%;
        padding-right: 1%;
        height: 67px
    }
    .packageright>div:nth-of-type(2)>div p:nth-of-type(2) {
        margin-left: 5px
    }
    .packageright>div:nth-of-type(3) p {
        font-size: 1.4em
    }
    .packageright>div:nth-of-type(3) div:nth-of-type(2) {
        margin-left: 15px
    }
    .packageright>div:nth-of-type(3) {
        flex-direction: row;
        padding-left: 1%;
        padding-right: 1%
    }
    .stockline {
        margin-top: 0
    }
    .packageright>div.avibility>div:nth-of-type(2) {
        padding-left: 15px
    }
    .beforeform.tablet {
        display: none
    }
    .beforeform.mobile {
        margin-bottom: 55px;
        text-align: center;
        padding: 0 45px
    }
    .tooltip {
        right: 0;
        left: unset
    }
    .checkoutnew .select {
        max-width: unset
    }
    .checkoutnew {
        background-size: auto
    }
    .emptyparagraf {
        margin-bottom: 30px!important
    }
    .form-box1 {
        background-size: cover
    }
    .checkoutnew .inputwrapper {
        margin: 0 auto
    }
    .mobilebtn {
        margin: 10px auto 40px;
        width: 80%
    }
    .mobilebtn .btn1 {
        display: block;
        text-align: center;
        transition: none;
        background: #60477a;
    }
    .selected .mobilebtn .btn1 {
        color: #163d00;
        background: #72f410;
        background: -moz-linear-gradient(top, #72f410 0, #4eee06 100%);
        background: -webkit-linear-gradient(top, #72f410 0, #4eee06 100%);
        background: linear-gradient(to bottom, #72f410 0, #4eee06 100%);
    }
}

@media(max-width:460px) {
    .lackcontainer .flexcontainer,
    .mobile.buttonflex {
        flex-direction: column
    }
    .mobile.buttonflex .btn1:first-of-type {
        max-width: 100%;
        margin-bottom: 20px
    }
    .mobile.buttonflex .btn1 {
        max-width: 100%
    }
}

.formbottom .select {
    max-width: 282px;
    margin: 0 auto 10px;
    display: block
}

.borderRadiusTp {
    border-radius: 5px 0 0 5px
}

.ddcommon {
    zoom: 1;
    display: inline-block;
    display: inline;
    cursor: default
}

.ddcommon ul {
    padding: 0;
    margin: 0
}

.ddcommon ul li {
    list-style-type: none
}

.borderRadiusTp ul li:last-child {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-bottom: 0 none #c3c3c3
}

.ddcommon .disabled img,
.ddcommon .disabled span,
.ddcommon.disabledAll {
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: .5;
    -moz-opacity: .5;
    color: #999
}

.ddcommon .shadow {
    -moz-box-shadow: 5px 5px 5px -5px #888;
    -webkit-box-shadow: 5px 5px 5px -5px #888;
    box-shadow: 5px 5px 5px -5px #888
}

.ddcommon input.text {
    color: #7e7e7e;
    padding: 0;
    position: absolute;
    background: #fff;
    display: block;
    width: 98%;
    height: 98%;
    left: 2px;
    top: 0;
    border: none
}

.ddOutOfVision {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1
}

.borderRadius .shadow {
    -moz-box-shadow: 5px 5px 5px -5px #888;
    -webkit-box-shadow: 5px 5px 5px -5px #888;
    box-shadow: 5px 5px 5px -5px #888
}

.borderRadiusBtm .shadow {
    -moz-box-shadow: -5px -5px 5px -5px #888;
    -webkit-box-shadow: -5px -5px 5px -5px #888;
    box-shadow: -5px -5px 5px -5px #888
}

.borderRadius .border,
.borderRadiusTp .border {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

.borderRadiusBtm .border {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

img.fnone {
    float: none!important
}

.ddcommon .divider {
    width: 0;
    height: 100%;
    position: absolute
}

.ddcommon .ddArrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 4px
}

.ddcommon .ddArrow:hover {
    background-position: 0 100%
}

.ddcommon .ddTitle {
    height: 51px;
    padding: 0;
    position: relative;
    display: inline-block;
    width: 100%
}

.ddcommon .ddTitle .ddTitleText,
.ddcommon .ddTitle .description {
    display: block
}

.ddcommon .ddTitle .ddTitleText .ddTitleText {
    padding: 0
}

.ddcommon .ddTitle .ddTitleText img {
    position: relative;
    vertical-align: middle;
    float: left
}

.ddcommon .ddChild {
    position: absolute;
    display: none;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    zoom: 1;
    z-index: 9999
}

.ddcommon .ddChild li .description {
    display: block
}

.ddcommon .ddChild li img {
    border: 0;
    position: relative;
    vertical-align: middle;
    float: left
}

.ddcommon .ddChild li.optgroup {
    padding: 0
}

.ddcommon .ddChild li.optgroup .optgroupTitle {
    padding: 0 5px;
    font-weight: 700;
    font-style: italic
}

.ddcommon .ddChild li.optgroup ul li {
    padding: 5px 5px 5px 15px
}

.ddcommon .noBorderTop {
    border-top: none 0!important;
    padding: 0;
    margin: 0
}

.dd .ddTitle {
    color: #000;
    background: #fff
}

.dd .ddTitle .ddTitleText {
    padding: 17px 5px 4px;
    font-size: 1.4em
}

.dd .ddTitle .ddTitleText .ddTitleText {
    padding: 0
}

.dd .ddTitle .description {
    font-size: 12px;
    color: #666
}

.dd .ddTitle .ddTitleText img {
    padding-right: 5px;
    width: 25px
}

.dd .ddChild {
    border: 1px solid #c3c3c3;
    background-color: #fff;
    left: -1px
}

.dd .ddChild li {
    padding: 5px;
    background-color: #fff;
    font-size: 1.2em
}

.ddlabel {
    position: relative;
    top: 2px
}

.dd .ddChild li img {
    padding: 0 6px 0 0;
    width: 25px
}

.dd .ddChild li.optgroup {
    padding: 0
}

.dd .ddChild li.optgroup .optgroupTitle {
    padding: 0 5px;
    font-weight: 700;
    font-style: italic
}

.dd .ddChild li.optgroup ul li {
    padding: 5px 5px 5px 15px
}

.dd .ddChild li.selected {
    background-color: #fff;
    color: #000
}

.dd {
    flex: 1;
    border-right: 1px solid #ddd;
    width: 65px!important;
    height: 51px
}

.phonewrapper {
    width: 282px;
    display: flex;
    height: 51px;
    margin: 0 auto 10px
}

.phonewrapper input {
    width: 217px;
    flex: 3;
    float: right;
    border-radius: 0 5px 5px 0
}

@media (min-width:768px) {
    #box1m .btn1,
    #box3m {
        position: relative
    }
    #box10m h3,
    #box3m h2,
    #box4m h2 {
        text-transform: uppercase
    }
    .indexm .tablet {
        display: block
    }
    .indexm {
        background: url(../img/maint.jpg) center top no-repeat, center top #211336;
        background-size: 100% auto
    }
    #box1m {
        width: 768px;
        margin: 0 auto;
        padding: 20px 40px 40px;
        background: 0 0
    }
    #box1m .lang_selector {
        float: right;
        margin-right: 20px
    }
    .mflexcontainer {
        display: flex
    }
    #box1m .mflexcontainer {
        justify-content: space-between;
        padding: 40px 20px 0
    }
    #box1m .mflexcontainer>div:nth-of-type(1) {
        max-width: 408px;
        text-align: left
    }
    #box1m .reverseflex {
        flex-direction: column-reverse;
        padding-top: 0
    }
    #box1m .btn1 {
        max-width: 365px;
        top: -70px
    }
    #box1m .specialformula {
        display: flex;
        width: 100%;
        max-width: 100%!important
    }
    #box1m .specialformula img {
        width: 26px;
        display: block;
        flex: 1;
        min-width: 26px
    }
    #box1m .specialformula p {
        max-width: unset;
        flex-grow: 1
    }
    .flexbox2,
    .flexbox5 {
        justify-content: space-between;
        margin: 0 auto
    }
    .flexbox2 {
        padding: 0 20px;
        width: 768px
    }
    .flexbox2>div:nth-of-type(1) {
        width: 374px
    }
    .flexbox2>div:nth-of-type(2) {
        width: 340px
    }
    #box2m .mfeatured>div>img {
        transform: scale(1.2);
        position: relative;
        top: -6px
    }
    #box2m h2 {
        text-align: left
    }
    .flexbox5 .tablet,
    .footernote p {
        text-align: center
    }
    #box2m .mfeatured p {
        line-height: 1.6
    }
    #box3m:after {
        content: "";
        display: block;
        height: 38px;
        background: url(../img/bigarrow.png);
        position: absolute;
        width: 100%;
        bottom: -38px;
        z-index: 23;
        left: 0
    }
    .flexbox3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        max-width: 768px;
        margin: 0 auto
    }
    #box10m h3 br,
    #box12m .penigunfacts {
        display: none
    }
    .flexbox3>div {
        width: 275px
    }
    .flexbox4 {
        flex-direction: row-reverse;
        width: 768px;
        padding: 0 20px 20px;
        justify-content: space-between;
        margin: 0 auto
    }
    .flexbox4>div:nth-of-type(2) {
        width: 374px
    }
    .flexbox4>div:nth-of-type(1) {
        width: 343px
    }
    #box6m {
        background: #2d1c47;
        padding: 35px
    }
    #box6m p {
        line-height: 1.5
    }
    .flexbox5 {
        width: 768px;
        padding: 0 20px
    }
    .flexbox5>div:nth-of-type(1) {
        width: 374px
    }
    .flexbox5>div:nth-of-type(2) {
        width: 343px
    }
    #box8m ul {
        width: 278px;
        margin: 0 auto;
        line-height: 1.4
    }
    .flexbox5 .tablet {
        padding-top: 80px
    }
    .flexbox5 .tablet p {
        color: #efb21f;
        font-size: 1.3em;
        font-family: Open Sans;
        max-width: 290px;
        margin: 15px auto 0;
        line-height: 1.3
    }
    #box10m .btn1 {
        max-width: 280px;
        color: #163c00;
        margin-top: 15px
    }
    .flexbox6 {
        width: 768px;
        margin: 0 auto;
        padding: 0 20px;
        justify-content: space-between
    }
    .flexbox6>div:nth-of-type(1) {
        width: 374px;
        padding-top: 60px;
        background: #160e23;
        margin:0 auto;
    }
    .flexbox6>div:nth-of-type(2) {
        width: 341px;
        background: #6e4c97;
        background: -moz-linear-gradient(top, #6e4c97 0, #6e4c97 100%);
        background: -webkit-linear-gradient(top, #6e4c97 0, #6e4c97 100%);
        background: linear-gradient(to bottom, #6e4c97 0, #6e4c97 100%);
        padding-bottom: 28px
    }
    #box11m,
    #box12m {
        background: #211336
    }
    .penigunfacts {
        width: 242px;
        margin: 35px auto 0
    }
    #box11m div div>h3 {
        font-weight: 500;
        max-width: 255px;
        margin: 0 auto;
        text-align: center;
        line-height: 1.2
    }
    #box11m div div>.btn1 {
        max-width: 283px;
        margin-top: 26px
    }
    #box11m .specialpack {
        padding-bottom: 20px;
    }
    #box11m .specialpack strong {
        font-size: 1em
    }
}

#ouibounce-modal {
    font-family: 'Open Sans', sans-serif;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

#ouibounce-modal .underlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer;
    animation: fadein .5s
}


#ouibounce-modal h2 {
    font-size: 4em;
    color: #1b1324;
    text-align: center;
    font-weight: 600;
    line-height: 54px;
    font-family: Oswald;
    max-width: 360px;
    margin: 0 auto
}

#ouibounce-modal .modal-body>p {
    font-size: 3.5em;
    color: #6c4d8d;
    text-align: center;
    font-family: Caveat;
    max-width: 360px;
    margin: 0 auto;
    padding-top: 20px
}

#ouibounce-modal form {
    position: relative;
    margin: 0 auto;
}

#ouibounce-modal form .inputwrapper input {
    width: 100%;
    max-width: 100%;
    border: 1px solid #d3d3cb;
    height: 50px;
    border-radius: 5px;
    font-size: 1.5rem;
    padding: 14px 23px
}

#ouibounce-modal form .select {
    max-width: 100%
}

#ouibounce-modal .select select {
    padding: 14px 23px
}

#ouibounce-modal form .inputcontainer {
    position: relative;
    display: flex;
    align-items: center;
    height: 27px
}

#ouibounce-modal form .inputcontainer p {
    color: #000014;
    font-size: 13px;
    margin-left: 18px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 700
}

#ouibounce-modal .inputwrapper {
    margin-bottom: 9px;
    position: relative
}

#ouiclose {
    display: inline-block;
    font-size: 38px;
    font-weight: 900;
    transform: rotate(45deg);
    position: absolute;
    right: 13px;
    top: 0;
    font-family: Oswald;
    cursor: pointer
}

#ouibounce-modal form .submitbtn {
    border-radius: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    border: 1px solid #3db307;
    cursor: pointer;
    margin: 19px auto 0;
    color: #163c00;
    background: #69f30c;
    font-weight: 700;
    font-family: Oswald;
    font-size: 27px;
    height: 80px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .7);
    box-shadow: 0 13px 30px rgba(0, 0, 0, .8)
}

#ouibounce-modal form .inputwrapper input[type=submit]:hover {
    background: #1AC90E
}

@keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes popin {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    85% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}


.bottomform > div:nth-of-type(1) ul {max-width: 285px;}

/* lang de homepage */
.lang_de .getfreebottle p {width: 250px;line-height: 32px;font-size: 2.6em;}
.lang_de #box6 .freesample > .btn1 {font-size: 2.3em;}
.lang_de .comparison > div:nth-of-type(2) h3 br {display: none}
.lang_de .comparison > div:nth-of-type(2) h3 {padding-right: 10px;}
.lang_de .bottomform > div:nth-of-type(1) p:nth-of-type(1) {font-size: 5em;}
.lang_de .comparison > div > div ul li {font-size: 18px;}
.lang_de .bottomform > div:nth-of-type(1) ul li:nth-of-type(3) {margin-bottom: 32px;}
.lang_de .formtop h2 {font-size: 2em; line-height: 28px;}

/* lang de checkout */
.lang_de .form-box1 div:nth-of-type(2) p br {display: none;}
.lang_de .form-box1 div:nth-of-type(1) p:nth-of-type(1) {font-size: 1em;}
.lang_de .form-box1 div:nth-of-type(2) p {font-size: 2.6em;}
.lang_de .leftbox .radiodiv .flexcontainer > div:nth-of-type(1) .discount p:nth-of-type(2) {font-size: 0.8em;}
.lang_de .formbottom .submitbtn {font-size: 24px;}
.lang_de .packageright > div.avibility > div:nth-of-type(1) > p, .packageright > div.avibility > div:nth-of-type(2) p {font-size:1em; }
.lang_de .packageright > div:nth-of-type(2) div:nth-of-type(1) p, .lang_de .packageright > div:nth-of-type(2) div:nth-of-type(2) p {font-size:1.5em;}
@media(max-width: 1170px){
    .wrapmobile .beforeform.tablet {display: none;}
    .lang_de .form-box1 div:nth-of-type(2) p {
        font-size: 1.5em;
    }
}

/* lang hu homepage */
.lang_hu .getfreebottle p {width: 250px;line-height: 27px;font-size: 2.2em;}
.lang_hu .comparison > div > div ul li {margin-bottom: 32px; font-size: 1.8em;}
.lang_hu .comparison > div > div ul li:nth-last-of-type(2) {margin-bottom: 41px;}
.lang_hu  #box6 .freesample > div:nth-of-type(1) {font-size: 2em;}
.lang_hu  #box6 .freesample > .btn1 {font-size: 2em;}
.lang_hu .formtop h2 {font-size: 2em; line-height: 29px; }
.lang_hu .bottomform > div:nth-of-type(1) ul li {font-size: 1.5em; margin-bottom: 43px;}
.lang_hu .bottomform > div:nth-of-type(1) ul li:nth-of-type(3) {margin-bottom: 27px;}
.lang_hu .formbottom .submitbtn {text-align: center;font-size: 25px;}
.lang_hu .popupflex > div > p:nth-of-type(1){font-size: 3em;}
/* lang hu checkout */
.lang_hu .form-box1 div:nth-of-type(2) p {
    font-size: 2.5em;
}
.packageright > div:nth-of-type(1) > div:nth-of-type(2) p:nth-of-type(2) {
    font-size:2.4em
}
.packageright > div:nth-of-type(1) > div:nth-of-type(1) p:nth-of-type(2) {
    font-size: 1.3em;
}
@media(max-width: 1170px){
    .lang_hu .form-box1 div:nth-of-type(2) p {
        font-size: 1.5em;
    }
    .lang_hu .form-box4 .submitbtn {
        text-align: center;
    }
}

/* lang it homepage */
.lang_it .formfeature { font-size: 1.35em; }
.lang_it .comparison > div > div ul li {font-size: 1.6em;margin-bottom: 36px;}
.lang_it #box6 .freesample > div:nth-of-type(1) {font-size: 1.7em;}
.lang_it #box6 .freesample > .btn1 {font-size: 2em;}
.lang_it .packageright > div:nth-of-type(1) > div:nth-of-type(1) p:nth-of-type(2) {font-size: 1.3em;}
.lang_it .bottomform > div:nth-of-type(1) ul li {margin-bottom: 29px;}
/* lang it checkout */
.lang_it .form-box1 div:nth-of-type(2) p {font-size: 2em;}
@media(max-width: 1170px){
    .lang_it .form-box1 div:nth-of-type(2) p {font-size: 1.4em;}
    .lang_it .packageright > div:nth-of-type(3) p {font-size: 1.4em;}
    .lang_it .form-box4 .submitbtn {text-align: center;}
    .lang_it .radiodiv .mobilebtn .btn1 {text-align: center; font-size:2em; color:#fff;}
}

/* lang fr homepage */
.lang_fr .btn1 {
    font-size: 20px;
    text-align: center;
}
.lang_fr .comparison > div > div ul li:nth-of-type(1) {margin-bottom: 38px;}
.lang_fr .comparison > div > div ul li {margin-bottom: 36px; font-size: 1.6em;}
.lang_fr #box6 .freesample > div:nth-of-type(1) { font-size: 2em; }
.lang_fr #box6 .freesample > .btn1 { font-size: 2em; }
.lang_fr .bottomform > div:nth-of-type(1) ul li {font-size: 1.5em;  }
.lang_fr .bottomform > div:nth-of-type(1) ul li:nth-of-type(3) {
    margin-bottom: 39px;
}
/* lang fr checkout */

.lang_fr .form-box1 div:nth-of-type(2) p {font-size: 2.4em;}
.lang_fr .btn1 {font-size: 2em;}
.lang_fr .form-box4 .submitbtn { font-size: 21px;}

@media(max-width: 1170px){
    .lang_fr .form-box1 div:nth-of-type(2) p {font-size:1.8em;}
}

/* lang en */
.lang_us #box6 .freesample > div:nth-of-type(1), .lang_gb  #box6 .freesample > div:nth-of-type(1){
    font-size: 1.8em;
}

.lang_us #box6 .freesample > .btn1 , .lang_gb  #box6 .freesample > .btn1 { font-size:2.3em;}
.lang_us .bottomform > div:nth-of-type(1) p:nth-of-type(1), .lang_gb  .bottomform > div:nth-of-type(1) p:nth-of-type(1){font-size: 5em;}
.lang_us .formtop h2, .lang_gb .formtop h2 {font-size: 1.9em;}



.packageright > div:nth-of-type(2) div:nth-of-type(2) {
    min-width: 123px;
}


/* Popup */

.newpopup {text-align: center;}
.newpopup .newpopup_checkbox {
    position:absolute;
    opacity:0
}
.newpopup .newpopup_checkbox+label {
    position:relative;
    padding:0;
    cursor:pointer
}
.newpopup .newpopup_checkbox+label::before {
    content:'';
    display:inline-block;
    width:1.5em;
    height:1.5em;
    margin-right:1em;
    vertical-align:middle;
    background:#fff;
    border:solid 2px #efb21f;
    transition:background-color ease-out 0.3s
}
.newpopup .newpopup_checkbox:hover+label::before {
    background:#efb21f
}
.newpopup .newpopup_checkbox:focus+label::before {
    box-shadow:0 0 0 3px rgba(119,119,119,0.12)
}
.newpopup .newpopup_checkbox:checked+label::before {
    background:#efb21f
}
.newpopup .newpopup_checkbox:disabled+label {
    color:#aaa;
    cursor:auto
}
.newpopup .newpopup_checkbox:disabled+label::before {
    background:#ddd;
    box-shadow:none
}
.newpopup .newpopup_checkbox:checked+label:after {
    content:'';
    position:absolute;
    left:0.35em;
    top:0.65em;
    width:2px;
    height:2px;
    background:#fff;
    box-shadow:2px 0 0 #fff,4px 0 0 #fff,4px -2px 0 #fff,4px -4px 0 #fff,4px -6px 0 #fff,4px -8px 0 #fff;
    transform:rotate(45deg)
}


.newpopup_popup-trigger {
    position:fixed;
    top:5rem;
    left:0;
    width:10rem;
    height:5rem;
    border-right:dotted 3px #2da199;
    background:#efb21f;
    font-size:1.8rem;
    color:#fff;
    transform:translateX(-65%);
    transition:transform ease-out 0.3s
}
.newpopup_popup-trigger:hover {
    transform:translateX(0);
    cursor:pointer
}
.hidden.newpopup_popup-trigger {
    display:none
}
.popup-promo-wrapper {
    position:relative;
    height:100%;
    text-align:center;
    text-transform:uppercase;
    font-weight:600
}
.popup-promo {
    position:absolute;
    height:100%;
    top:0;
    left:0;
    padding:0.3rem;
    text-align:center
}
.popup-promo:first-child {
    width:65%;
    top:0;
    left:0;
    font-size:1.6rem
}
.popup-promo:last-child {
    width:35%;
    top:0;
    left:65%;
    font-size:1.4rem
}
.popup-promo-wrapper>p,
.popup-promo>p {
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.newpopup_popup-trigger::after {
    content:"";
    position:absolute;
    top:0;
    left:calc(100% + 3px);
    height:100%;
    border:solid 1rem transparent;
    border-left-color:#efb21f
}
.newpopup_tr {
    top:50%;
    left:auto;
    right:0;
    border-right:none;
    border-left:dotted 3px #2da199;
    transform:translate(65%, -50%)
}
@media only screen and (max-width: 767px) {
    .newpopup_tr {
        transform:translate(95%, -50%)
    }
}
.newpopup_tr:hover {
    transform:translate(0, -50%);
    cursor:pointer
}
.newpopup_tr::after {
    left:auto;
    right:calc(100% + 3px);
    border-left-color:transparent;
    border-right-color:#efb21f
}
.newpopup_tr .popup-promo:first-child {
    width:35%;
    top:0;
    left:0;
    font-size:1.4rem
}
.newpopup_tr .popup-promo:last-child {
    width:65%;
    top:0;
    left:35%;
    font-size:1.6rem
}
.newpopup .newpopup_popup{
    position:relative;
    padding:3rem 0 1rem;
    background-size:cover;
    background:#fff;
    color:#1A535C;
    border-radius:12px;

}
.newpopup .thanks{
    text-align:right
}
.thanks p {    margin-bottom:0.5rem;
    font-size:1.5rem;
    line-height:1;
    text-transform: inherit;}
.newpopup .newpopup_main {
    position:relative;
    padding:1rem;
    z-index:1
}

.newpopup .newpopup__c-footer {
    position:relative;
    padding:0 1rem;
    z-index:1
}

.newpopup_main h1 {font-weight: bold; margin-bottom:0.5rem;
    font-size:1.5rem;
    line-height:1;
    text-transform: inherit;}
.bigbold {  margin-bottom:0.5rem;

    line-height:1;
    text-transform: inherit;font-size:4rem;
    font-weight:bold}


.newpopup .newpopup_close {
    position:absolute;
    display:inline-block;
    top:0;
    right:0;
    width:3rem;
    height:3rem;
    text-align:center;
    font-size:2rem;
    line-height:3rem;
    color:#1A535C;
    opacity:0.5;
    transition:color ease-out 0.2s;
    z-index:1;
    transform: rotate(45deg);
    font-weight: bold;
}
.newpopup .newpopup_close:hover{
    color:#257784;
    cursor:pointer
}
.newpopup .newpopup_close>i {
    font-size:inherit;
    line-height:inherit
}

.newpopup .popuplogo {
    position:absolute;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:3rem;
    left:1rem;
    top:.5rem;
    background: rgba(33,19,54,0.6);
    padding: 5px;
}

.newpopup .newpopup_popup {
    background:#fff
}

.newpopup .newpopup_block_h {
    display:none
}
.newpopup .newpopup_block_v {
    display:block
}

.newpopup .newpopup__tx-error {
    margin:0.5rem auto;
    color:#F71735
}
.newpopup .timer {
    font-size:2rem;
    font-weight:600
}
.newpopup .timer-box {
    margin:0 0.3rem;
    padding:0.2rem 0.5rem;
    background:#eee;
}

.newpopup_main .timer {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    float:none;
    margin:0.5rem auto;
    background: none;
}

#countdownTimer2{
    background: #ddd;
    padding: 5px;
    width: 85px;
}
#countdownTimer2 div {
    display: inline-block;
    position: relative;
    top: -4px;
}
@media(max-width:768px){
    .newpopup_main .timer{
        text-align: center;
        margin: 0 auto;
        height: 51px;
        width: 145px;
    }

    #countdownTimer2 div {
        font-size: 35px;
        top:0;
    }
}


.newpopup .highlight {
    color:#efb21f
}
.newpopup button {
    height:auto;
    padding:0.5rem 1rem;
    border:none;
    background:#efb21f;
    font-size:1.5rem;
    line-height:1.5em;
    color:#fff;
    border-radius:4px;
    transition:background-color ease-out 0.2s;
    outline:none;
    display:block;
    margin:0.5rem auto 0;
    width:75%
}
.newpopup button:hover {
    background-color:#f9ba21;
    cursor:pointer;
}



.newpopup .newpopup_hclose,
.newpopup .agreement-rm {
    padding:0 0.5em;
    color:#efb21f
}

.newpopup .inputwrapper {
    position:relative;
    display:block;
    width:75%;
    margin:0 auto 0.5rem;
    min-height:1em
}
.newpopup .agreement-fld {
    min-height:1em;
    text-align:left;
    font-size:0.8rem;
    color:#AAA;
    position: relative;
    display: block;
    width: 75%;
    margin: 0 auto 0.5rem;
}
.newpopup .popupinput {
    height:auto;
    margin:0;
    padding:0.5rem 1rem;
    text-align:center;
    font-size:1.5rem;
    line-height:1.5em;
    border-radius:4px;
    letter-spacing:0.1em;
    color:#1A535C;
    outline:none;
    font-weight: bold;
}
.newpopup .popupinput {
    display:block;
    width:100%;
    border:solid 2px #ddd;
    transition:border-color ease-out 0.2s
}
.newpopup .popupinput:hover,
.newpopup .popupinput:focus,
.newpopup .popupinput:active {
    border-color:#efb21f
}

.newpopup .newpopup_checkbox {
    margin:0
}
.newpopup .newpopup_ad {
    display:block;
    padding-top:0.2rem
}
.newpopup .hidden.newpopup_ad {
    display:none
}
.newpopup::placeholder {
    color:#444;
}
.newpopup_overlay {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    overflow:auto;
    background:rgba(0,0,0,0.5);
    z-index:10000001
}
.newpopup__overlay.hidden {
    display:none
}
.newpopup_popup {
    position:relative;
    width:600px;
    max-width:100%;
    margin:0 auto;
    background:#fff;
    color:#212121;
    line-height:1.5;
    transform-style:preserve-3d
}
.newpopup_container {
    position:relative;
    left:50%;
    top:50%;
    max-width:100%;
    max-height:100%;
    padding:12px;
    transform:translate3d(-50%, -50%, 0);
    overflow-x:hidden;
    overflow-y:auto
}


/* POPUP */
.getpenigun > div:nth-of-type(1) {max-width: 420px;}
.getpenigun > div:nth-of-type(1) .btn1 {text-align: center}
.getpenigun > div:nth-of-type(2) img {position: absolute; top:unset;}
.getpenigun > div:nth-of-type(3) {
    position: relative;
    padding-top: 90px;
    float: right;
    padding-right: 45px;}

a.btn1 {color: #163c00;}


.overlay_loader {position:fixed; z-index:100000;background:rgba(0,0,0,0.7); width:100vw; height:100vh; top:0; left:0;}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #382e60;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position:fixed; top:50%; left:50%; margin-left:-60px; margin-top:-60px;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.lang_es #box6 .freesample > div:nth-of-type(1) {
    font-size: 2em;
}
.lang_es #box6 .freesample > .btn1 {font-size: 2em;}
.lang_es .bottomform > div:nth-of-type(1) p:nth-of-type(1) {
    font-size: 4em;
}
.lang_es .bottomform > div:nth-of-type(1) ul li {
    font-size: 1.7em;
}
.lang_es .bottomform > div:nth-of-type(1) ul li {
    margin-bottom: 33px;
}

.lang_nl #box6 .freesample > div:nth-of-type(1) {
    font-size: 1.8em;
}
.lang_nl #box6 .freesample > .btn1 {
    font-size: 1.8em;
}

.lang_nl .formtop h2 {font-size: 2em;}

.lang_gr #box1 .heading1 {
    font-size:50px;
}
.lang_gr .getfreebottle h3 {
    font-size: 4em;
}
.lang_gr .heading2 {font-size:5em;}
.lang_gr .freesample > div:nth-of-type(1) {font-size:18px;}
.lang_gr .btn1 {font-size:2em;}
.lang_gr .freesample > div:nth-of-type(2) {font-size:18px;}
.lang_gr .comparison > div h3 {font-size:3em;}
.lang_gr .comparison > div > div ul {max-width: 380px;}
.lang_gr .comparison > div > div ul li {font-size:15px;}
.lang_gr .comparison > div:nth-of-type(2) > div ul li {
    margin-bottom: 36px;
}
.lang_gr .comparison > div:nth-of-type(2) > div ul li:nth-of-type(1){
    margin-bottom: 18px;

}
.lang_gr .box6top > h2 {font-size: 3em;}
.lang_gr #box6 .freesample > .btn1 {
    margin: 20px auto;
}
.lang_gr .formtop h2 {
    font-size: 1.8em;
    color: #fff;
    line-height: 23px;
    font-weight: 400;
}
.lang_gr .bottomform > div:nth-of-type(1) ul li {
    font-size: 1.6em;
}
.lang_gr .bottomform > div:nth-of-type(1) p:nth-of-type(1) {
    font-size: 4em;
}
.lang_gr .formbottom .submitbtn {
    font-size:22px;
}
.lang_gr .packageright > div:nth-of-type(3) p {
    font-size: 1.5em;
}


.lang_gr  #box1m .flexbox1 div > p {
    font-size: 17px;
}

.lang_pt .comparison > div > div ul { width: 385px; max-width:100%;}
.lang_pt #box6 .freesample > div:nth-of-type(1) {font-size: 1.6em;}
.lang_pt #box6 .freesample > .btn1 {font-size: 2em;}
.lang_pt .bottomform > div:nth-of-type(1) ul li {font-size: 1.5em;}
.lang_pt .bottomform > div:nth-of-type(1) ul li:nth-of-type(3) {margin-bottom:24px;}
.lang_pt .formbottom .submitbtn {font-size: 24px;}

@media (max-width: 1170px) {
    .lang_es .form-box1 div:nth-of-type(2) p {
        font-size: 2em;
    }
    .lang_es .packageright > div:nth-of-type(3) p {
        font-size: 1.3em;
    }
    .lang_nl .form-box1 div:nth-of-type(2) p{
        font-size: 2em;
    }
    .lang_nl .wrapmobile h1.checkoutheading {
        font-size: 2em;
    }

    .lang_gr .wrapmobile h1.checkoutheading {
        font-size: 2em;
    }

    .lang_gr .form-box1 div:nth-of-type(2) p {
        font-size:18px;
    }
    .lang_gr .packageright > div:nth-of-type(3) p{
        font-size: 1.3em;
    }
    .lang_gr .form-box4 .submitbtn {
        text-align: center;
    }


    /*lang_pt*/
    .lang_pt .form-box1 div:nth-of-type(2) p {
        font-size: 1.7em;
    }

    .lang_pt .packageright > div:nth-of-type(3) p {
        font-size: 1.4em;
    }
    .lang_pt .form-box4 .submitbtn {font-size: 22px;}


}
@media (max-width: 768px) {
    .lang_gr .mobilebtn .btn1 {
        font-size: 22px;
    }
    .lang_gr .footerlinks li {
        font-size:12px;
    }
}

#trPopup {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    font-family: "Lato", sans-serif;
    display: none;
    z-index: 11;
    color: #000;
}

#trPopup .overlay {
    z-index: 2;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: fadein 1.5s;
}

#trPopup .popupwrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    animation: popin 1s;
    transition: 1s;
    position: relative;
}

#trPopup .popupmain {
    max-width: 100%;
    background: #ffffff;
    position: relative;
    z-index: 3;
    padding: 50px 80px;
    transition: 2s;
}

#trPopup .popupmain .flexcontainer {
    display: flex;
}

#trPopup .popupmain .close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 35px;
    font-weight: bold;
    transform: rotate(45deg);
    cursor: pointer;
    z-index: 3;
}

#trPopup .popupmain h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
    color: #00b02a;
    margin-bottom: 35px;
}

#trPopup .popupmain p {
    font-size: 25px;
    margin-bottom: 35px;
}

#trPopup .popupmain p:first-of-type {
    font-size: 30px;
    font-weight: bold;
}

#trPopup .popupmain p:last-of-type {
    font-size: 18px;
}

#trPopup .popupmain .popupcontent {
    text-align: center;
}

#trPopup .popupmain .flexcontainer > div:nth-of-type(1) {
    max-width: 550px;
}

#trPopup .popupmain .discount {
    background: #ff9b47;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 45px;
    font-weight: bold;
    position: absolute;
    top: -5px;
    left: -5px;
}

#trPopup .popupmain .flexcontainer > div:nth-of-type(2) {
    position: relative;
    margin-top: 65px;
}

#trPopup .popupmain .flexcontainer a {
    width: 350px;
    max-width: 100%;
    padding: 20px 10px;
    color: #ffffff;
    font-weight: bold;
    border-radius: 14px;
    display: block;
    background: #00b02a;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    margin: 0 auto;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes popin {
    0% {
        transform: scale(0);
        opacity: 0;
        top: -1000px;
        left: -1000px;
    }
    85% {
        transform: scale(1.05);
        opacity: 1;
        left: 0;
        top: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@media (max-width: 768px) {
    /*iphone fix*/
    #trPopup {
        width: 100% !important;
        overflow: hidden !important;
    }
}

.popupcontent.err .tt{
    color: #dc2c2c !important;
}

.popupcontent.err a{
    background: grey !important;
}