@font-face {
    font-family: 'Chunkfive';
    src: url('../fonts/Chunkfive.otf');
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.ttf');
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/OpenSans-Light.ttf');
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'Raleway-Bold';
    src: url('../fonts/Raleway-Bold.ttf');
}

@font-face {
    font-family: 'Raleway-Light';
    src: url('../fonts/Raleway-Light.ttf');
}

@font-face {
    font-family: 'Raleway-Regular';
    src: url('../fonts/Raleway-Regular.ttf');
}

header .nav-item a {
    color: #000 !important;
    /*text-transform: uppercase;*/
    font-family: "Raleway-Regular";
    font-size: 14px;
    padding: 0px 15px !important;
    border-right: 1px solid #000;
}

header .nav-item:last-child a {
    border-right: 0px solid #000;
}

header .navbar {
    background-color: #fff !important;
}

header .navbar-inverse .navbar-toggler {
    margin-top: 10px;
}

header .navbar-nav {
    margin: auto !important;
    padding-left: 86px !important;
}

.header-main {
    background-color: #fff;
    padding: 10px 0px;
    position: fixed;
    z-index: 1000;
    width: 100%;
    left: 0;
    top: 0;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.header-order-btn {
    background-color: #7fb800;
    color: #fff;
    font-weight: bold;
}

.header-order-btn:hover {
    color: #fff;
}

.btn.btn-square {
    border-radius: 0;
}

header .col-md-2 {
    padding-top: 12px;
}

/*//////////////////////////////////////////////2nd next section*/
.banner-board {
    /*background: url("../images/grad_2.jpg") top center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: contain;*/
    margin-top: 148px;
    padding-bottom: 32px;
    /*background-position:center;*/
    /*background-color: #151515;*/
}

.banner-board h1 {
    font-family: "Raleway-Bold";
    text-transform: uppercase;
    font-size: 43px;
    color: #7fb800;
}

.banner-board h1 span {
    font-size: 50px;
}

.banner-board p {
    font-family: "Raleway-Regular";
    font-size: 18px;
}

.banner-board .col-md-6:first-child {
    margin-top: 33px;
}

.banner-board .col-md-6:first-child ul {
    text-decoration: none;
    list-style: none;
    padding-left: 0px;
}

.banner-board .col-md-6:first-child ul li {
    font-family: "Raleway-Regular";
    font-size: 19px;
    margin-bottom: 10px;
}

.banner-board .col-md-6:first-child ul li:nth-of-type(1) {
    background: url("../images/icon1.png") no-repeat left center;
    padding-left: 42px;
}

.banner-board .col-md-6:first-child ul li:nth-of-type(2) {
    background: url("../images/icon2.png") no-repeat left center;
    padding-left: 42px;
}

.banner-board .col-md-6:first-child ul li:nth-of-type(3) {
    background: url("../images/icon3.png") no-repeat left center;
    padding-left: 42px;
}

/*//////////////////////////////////////////////3rd next section order-your-supply*/

.order-your-supply {
    background: #0076a3;
    padding: 20px 0px 7px;
}

.order-your-supply p {
    color: #fff;
    font-family: "Raleway-Bold";
    font-size: 26px;

}

/*//////////////////////////////////////////////next section weight-gain-formula*/
.weight-gain-formula {
    padding: 43px 0px 31px;
}

.weight-gain-formula h1 {
    text-align: center;
    font-family: "Raleway-Bold";
    font-size: 32px;
    font-weight: bolder;
    text-transform: uppercase;
}

.weight-gain-formula p {
    text-align: center;
    font-family: "Raleway-Regular";
    font-size: 18px;
}

/*//////////////////////////////////////////////next section carvings*/
.carvings {
    background: #e6e6eb;
    padding: 27px 0px 17px;

}

.carvings h1 {
    font-family: "Raleway-Light";
    font-size: 42px;
    color: #fff;
    text-align: center;

}

/*//////////////////////////////////////////////next section right-detox*/

.right-detox {
    padding: 22px 0px 31px;
}

.right-detox h1 {
    text-align: center;
    font-family: "Raleway-Bold";
    font-size: 32px;
    font-weight: bolder;
    margin-top: 10px;
    margin-bottom: 24px;
}

.right-detox p {
    text-align: center;
    font-family: "Raleway-Regular";
    font-size: 18px;
    margin-bottom: 45px;
}

.right-detox ul {
    text-decoration: none;
    list-style: none;
    padding-left: 0px;
}

.right-detox ul li {
    font-family: "Raleway-Bold";
    font-size: 18px;
    margin-bottom: 24px;
    width: 30%;
    float: left;
}

.right-detox li:nth-of-type(1) {
    background: url("../images/icon_reduce_weight.png") no-repeat left center;
    padding-left: 66px;
    margin-left: 5%;
    width: 36%;
}

.right-detox li:nth-of-type(2) {
    background: url("../images/icon_avoid_pricey.png") no-repeat left center;
    padding-left: 66px;
    width: 38%;
    /*text-align: center;*/
}

.right-detox li:nth-of-type(3) {
    background: url("../images/icon_quality_ingredients.png") no-repeat left center;
    padding-left: 66px;
    width: 20%;
}

.right-detox li:nth-of-type(4) {
    background: url("../images/icon_60_caps.png") no-repeat left center;
    padding-left: 66px;
    margin-left: 5%;
    width: 36%;
}

.right-detox li:nth-of-type(5) {
    background: url("../images/icon_quality_ingredients.png") no-repeat left center;
    padding-left: 66px;
    width: 38%;
}

.right-detox li:nth-of-type(6) {
    background: url("../images/icon_100_natural.png") no-repeat left center;
    padding-left: 66px;
    width: 20%;
}

.right-detox li:nth-of-type(7) {
    background: url("../images/icon_money_back.png") no-repeat left center;
    padding-left: 66px;
    margin-left: 5%;
    width: 36%;
}

.right-detox li:nth-of-type(8) {
    background: url("../images/icon_metabolism.png") no-repeat left center;
    padding-left: 66px;
    width: 38%;
}

.right-detox li:nth-of-type(9) {
    background: url("../images/icon_energy.png") no-repeat left center;
    padding-left: 66px;
    width: 20%;
}

/*//////////////////////////////////////////////next section how-it-works*/
.how-it-works {
    background: #19afef;
    padding: 27px 0px 17px;
    color: #fff;
    text-align: center;
}

.how-it-works h1 {
    font-family: "Raleway-Bold";
    font-size: 32px;
}

.how-it-works p {
    font-family: "Raleway-Regular";
    font-size: 18px;
    padding: 20px 10%;

}

.yellow-cart {
    width: 140px;
    height: 140px;
    border-radius: 76px;
    background: #ffda44;
    position: absolute;
    top: 219px;
    left: 498px;
    padding-top: 12px;
}

.yellow-cart:hover {
    border: 5px solid #fff;
}

.men {
    background: url("../images/fat_slim.png") no-repeat center center;
    height: 257px;
    margin-bottom: 39px;
}

.burning {
    background: url("../images/icon_burn_fat.png") no-repeat top center;
    width: 16%;
    font-family: "Raleway-Bold";
    font-size: 18px;
    color: #fff;
    padding-top: 114px;
    float: left;
}

.arrow {
    background: url("../images/arrow.png") no-repeat center center;
    width: 12%;
    height: 159px;
    float: left;
}

.breaks {
    background: url("../images/icon_fat_tissue.png") no-repeat top center;
    width: 16%;
    font-family: "Raleway-Bold";
    font-size: 18px;
    color: #fff;
    padding-top: 114px;
    float: left;
}

.preserves {
    background: url("../images/icon_muscle.png") no-repeat top center;
    width: 16%;
    font-family: "Raleway-Bold";
    font-size: 18px;
    color: #fff;
    padding-top: 114px;
    float: left;
}

.prevents {
    background: url("../images/icon_shield.png") no-repeat top center;
    width: 16%;
    font-family: "Raleway-Bold";
    font-size: 18px;
    color: #fff;
    padding-top: 114px;
    float: left;
}

.s3-round {
    width: 100px;
    height: 100px;
    margin: auto;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
}

.s3-hover:hover {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    animation: s3-rotate 5s infinite linear, s3-opacity 5s infinite;
}

.s3-transition {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

@-webkit-keyframes s3-rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes s3-opacity {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0.2;
    }
    50% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.7;
    }
    100% {
        opacity: 0.1;
    }
}

.s3-dotted {
    width: 100px;
    height: 100px;
    margin: auto;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    border: dotted 5px black;
}

.s3-dotted:hover {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    animation: s3-rotate 5s infinite linear, s3-opacity 5s infinite;
}

.s3-dotted:hover {
    border: dotted 5px white;
}

.s3-dashed {
    width: 150px;
    height: 150px;
    margin: auto;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    border: dashed 5px black;
}

.s3-dashed:hover {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    animation: s3-rotate 5s infinite linear, s3-opacity 5s infinite;
}

.s3-dashed:hover {
    border: dashed 5px white;
}

/*//////////////////////////////////////////////next section ingredients*/
.ingredients {
    padding: 22px 0px 31px;
}

.ingredients h1 {
    text-align: center;
    font-family: "Raleway-Bold";
    font-size: 32px;
    font-weight: bolder;
    margin-top: 10px;
    margin-bottom: 24px;
}

.ingredients p {
    text-align: center;
    font-family: "Raleway-Regular";
    font-size: 18px;
    margin-bottom: 45px;
}

.green-p {
    color: #7fb800;
    font-family: "Raleway-Bold";
    font-size: 32px;
    font-weight: bold;
}

.ingredients-details .col-md-3 {
    font-family: "Raleway-Bold";
    font-size: 18px;
    color: #000;
    padding-top: 232px;
    text-align: center;
}

.nigella {
    background: url("../images/ingredient_1.png") no-repeat top center;
}

.citrullus {
    background: url("../images/ingredient_2.png") no-repeat top center;
}

.fennel {
    background: url("../images/ingredient_3.png") no-repeat top center;
}

.ammi {
    background: url("../images/ingredient_4.png") no-repeat top center;
}

/*//////////////////////////////////////////////next section real-people*/
.real-people {
    padding: 22px 0px 31px;
    background: #f0f0f0;
}

.real-people h1 {
    text-align: center;
    font-family: "Raleway-Bold";
    font-size: 32px;
    font-weight: bolder;
    margin-top: 10px;
    margin-bottom: 24px;
}

.real-people p {
    text-align: center;
    font-family: "Raleway-Regular";
    font-size: 16px;
    margin-bottom: 45px;
}

.people .col-md-4 {
    background: #fff;
    padding: 0px;
    margin: 0px 4px;
    max-width: 32.50%;
}

.people .col-md-4 h1 {
    font-family: "OpenSans-Bold";
    font-size: 16px;
    text-align: left;
    color: #7fb800;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-left: 10px;
}

.people .col-md-4 img:nth-of-type(2) {
    margin-left: 10px;
}

.people .col-md-4 p {
    margin-bottom: 14px;
    margin-top: 10px;
    text-align: left;
    margin-left: 10px;
}

.real-people-name {
    float: right;
    font-family: "Raleway-Bold";
    font-size: 16px;
    color: #37b5f0;
    margin-bottom: 5px;
    margin-right: 10px;
}

.people .col-md-4:nth-of-type(3) p, .people .col-md-4:nth-of-type(1) p {
    margin-bottom: 40px;
}

.people .col-md-12 {
    text-align: center;
    padding: 30px 0px 0px;
}

.border-radius-30 {
    border-radius: 30px;
}

.padding-17 {
    padding: 17px;
}

/*//////////////////////////////////////////////next section about-right-detox*/
.about-right-detox {
    padding: 30px 0px 50px;
    background-color: #000;
    text-align: center;
}

.about-right-detox .container > h1 {
    font-family: "Raleway-Light";
    font-size: 42px;
    color: #fff;
    margin-bottom: 29px;
}

.about-right-detox .container > p {
    font-family: "Raleway-Bold";
    font-size: 24px;
    color: #fff;
    margin-bottom: 35px;
}

.video_wrapper {
    width: 263px;
    height: 465px;
    margin: 0 auto;
    position: relative;
    background-color: #000;
}

.video_wrapper_full {
    /*padding-top: 315px;*/
}

.videoIframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 465px;
    background-color: transparent;
}

.videoPoster {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 465px;
    background-image: url("../images/vid_1.png");
    background-size: 100%;
    border: none;
    text-indent: -999em;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 800ms, height 0s;
    -moz-transition: opacity 800ms, height 0s;
    transition: opacity 800ms, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

.about-right-detox .container .row .col-md-3:nth-of-type(2) .videoPoster {
    background-image: url("../images/vid_2.png");
    background-size: 100%;
}

.about-right-detox .container .row .col-md-3:nth-of-type(3) .videoPoster {
    background-image: url("../images/vid_3.png");
    background-size: 100%;
}

.about-right-detox .container .row .col-md-3:nth-of-type(4) .videoPoster {
    background-image: url("../images/vid_4.png");
    background-size: 100%;
}

.videoPoster:hover {
    cursor: pointer;
}

.videoPoster:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    border: 5px solid #fff;
    border-radius: 100%;
    -webkit-transition: border-color 300ms;
    -moz-transition: border-color 300ms;
    transition: border-color 300ms;
}

.videoPoster:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -20px 0 0 -10px;
    border-left: 40px solid #fff;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    -webkit-transition: border-color 300ms;
    -moz-transition: border-color 300ms;
    transition: border-color 300ms;
}

.videoPoster:hover:before, .videoPoster:focus:before {
    border-color: #f00;
}

.videoPoster:hover:after, .videoPoster:focus:after {
    border-left-color: #f00;
}

.videoWrapperActive .videoPoster {
    opacity: 0;
    height: 0;
    -webkit-transition-delay: 0s, 800ms;
    -moz-transition-delay: 0s, 800ms;
    transition-delay: 0s, 800ms;
}

/*//////////////////////////////////////////////next section package-selection*/
.package-selection {
    padding: 30px 0px;
    background-color: #19afef;
    text-align: center;
}

.package-selection .container > h1 {
    font-family: "Raleway-Light";
    font-size: 42px;
    color: #fff;
}

.package-selection .container > p {
    font-family: "Raleway-Bold";
    font-size: 24px;
    color: #fff;
    margin-bottom: 35px;
}

.package1 {
    border: 1px solid #c2c2c2;
    font-family: "Open Sans";
    padding: 15px 0px 21px 0px;
    text-align: center;
    margin-left: 4%;
    background: #fff;
    z-index: 200;

    /*-moz-box-shadow:    0px 0px 31px 4px #ccc;*/
    /*-webkit-box-shadow: 0px 0px 31px 4px #ccc;*/
    /*box-shadow:         0px 0px 31px 4px #ccc;*/

}

.package1 h3 {
    font-weight: bold;
    font-size: 26px;
    color: #7fb800;
    text-transform: uppercase;
    text-align: left;
    padding-left: 20px;
}

.package1 p {
    font-size: 16px;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 20px;
    font-family: Raleway-Regular;
}

.package1 p:nth-of-type(2) {
    margin-bottom: 40px;
}

.package1 p:nth-of-type(3) {
    font-size: 50px;
    font-family: "Open Sans Light";
    text-align: center;
    color: #000;
    padding-left: 0px;
    margin-top: -10px;
}

.package2 {
    border: 1px solid #c2c2c2;
    font-family: "Open Sans";
    padding: 15px 0px 21px 0px;
    text-align: center;
    background: #fff;

}

.package2 h3 {
    font-weight: bold;
    font-size: 26px;
    color: #7fb800;
    text-transform: uppercase;
    text-align: left;
    padding-left: 20px;
}

.package2 p {
    font-size: 16px;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 20px;
    font-family: Raleway-Regular;
}

.package2 p:nth-of-type(2) {
    margin-bottom: 40px;
}

.package2 p:nth-of-type(3) {
    /*font-size: 32px;*/
    /*font-weight: bold;*/
    font-size: 50px;
    font-family: "Open Sans Light";
    text-align: center;
    color: #c2c2c2;
    margin-top: 17px;
    margin-top: -10px;
}

/*.package1 .buy-now-div{*/
/*text-align: center;*/
/*}*/
.package1 > div:nth-of-type(1), .package1 > div:nth-of-type(2), .package2 > div:nth-of-type(1), .package2 > div:nth-of-type(2) {
    font-size: 14px;
    font-family: "OpenSans-Regular";
    color: #b7b7b7;
    margin-top: 10px;
    text-decoration: line-through;
}

.package1 > div:nth-of-type(2), .package2 > div:nth-of-type(2) {
    margin-top: -10px;
    margin-bottom: 10px;
    text-decoration: none;
}

.package2 > div:nth-of-type(1) {
    margin-top: 22px;
}

.package1 .buy-now-div {
    padding: 7px 54px 9px;
    background-color: #c2c2c2;
    color: #fff;
    font-size: 18px;
    font-family: "OpenSans-Bold";
    font-weight: bold;
    margin-top: 10px;
    width: 50%;
    border-radius: 5px;
    margin: auto;
    margin-bottom: 20px;
    text-decoration: none;
}

.package2 .buy-now-div {

    padding: 7px 54px 9px;
    background-color: #c2c2c2;
    color: #fff;
    font-size: 18px;
    font-family: "OpenSans-Bold";
    font-weight: bold;
    margin-top: 10px;
    width: 50%;
    border-radius: 5px;
    margin: auto;
    margin-bottom: 20px;
    text-decoration: none;
}

.active-package {
    -moz-box-shadow: 0px 0px 31px 4px gray;
    -webkit-box-shadow: 0px 0px 31px 4px gray;
    box-shadow: 0px 0px 31px 4px gray;
}

.active-package .buy-now-div {
    background-color: #7fb800;

}

.active-package p:nth-of-type(3) {
    color: #7fb800;
}

.leaf-jar {
    background: url(../images/leaves.png) no-repeat;
    height: 254px;
    position: absolute;
    /* border-bottom: 0; */
    width: 251px;
    bottom: 0px;
    z-index: 100;
    left: -55px;
}

/*//////////////////////////////////////////////next section footer-block*/
.footer-block h3 {
    color: #666666;
    text-align: center;
    font-size: 32px;
    margin-bottom: 29px;
    font-weight: 400;
}

.social-block {
    text-align: center;
}

.social-block ul {
    list-style: none;
    text-align: center;
    padding: 0;
}

.social-block ul li {
    display: inline-block;
    padding: 0 3px;
}

.social-block ul li a {
    color: #464646;
    text-decoration: none;
    text-transform: uppercase;
}

.footer-block {
    padding: 30px 0px;
    background-color: #f5f5f5;
}

.footer-menu {
    padding: 15px 0 9px;
    text-align: center;
    color: #000;
}

.footer-menu ul {
    list-style: none;
    text-align: center;
    padding: 0;
    margin-bottom: 4px;
}

.footer-menu ul li {
    display: inline-block;
    padding: 0 15px;
    border-right: 1px solid #000;

}

.footer-menu ul li:last-child {
    border-right: 0px solid #000;
}

.footer-menu ul li a {
    color: #464646;
    text-decoration: none;
    text-transform: uppercase;
    font-family: OpenSans-Bold;
    font-size: 14px;
}

.footer-block p {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
}

#form-order label.error {
    color: #ff0000;
    font-size: 12px;
}

/*////////////////////////////////////////////////////////////////// new setion footer-fixed*/
.footer-fixed {
    background: #c90000;
    padding: 20px 0px 0px;
    font-family: Chunkfive;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 200;
    display: none;
}

.footer-fixed h1 {

    font-size: 39px;
    color: #ffffff;
    text-transform: uppercase;
}

.footer-fixed p {
    font-size: 18px;
    color: #ffffff;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
/*/////////////////////////////////pop up*/
.popup-wrapper {
    width: 100%;
    height: 100%;
    display: none;
    overflow: scroll;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, .9)
}

.popup-wrapper .popup {
    max-width: 900px;
    display: none;
    padding: 0 0 50px;
    position: relative;
    top: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.popup-wrapper .popup .popup-inner {
    padding: 34px 50px 43px;
    -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .15);
    background: #fff;
}

.popup-wrapper .popup#popup-terms .popup-inner {
    padding-top: 40px;
}

.popup-wrapper .popup .close-popup-link {
    width: 24px;
    height: 24px;
    display: block;
    opacity: 0.3;
    position: absolute;
    top: 15px;
    right: 15px;
}

.popup-wrapper .popup .close-popup-link:before {
    content: '';
    width: 31px;
    height: 2px;
    display: block;
    position: absolute;
    left: -3px;
    top: 11px;
    background: #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup-wrapper .popup .close-popup-link:after {
    content: '';
    width: 31px;
    height: 2px;
    display: block;
    position: absolute;
    left: -3px;
    top: 11px;
    background: #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-wrapper .popup h2 {
    color: #222;
    padding: 0 0 26px;
}

.popup-wrapper .popup#popup-terms h2 {
    font-size: 26px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    padding: 0 0 30px;
}

.popup-wrapper .popup h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 10px;
}

.popup-wrapper .popup p {
    padding: 0 0 11px;
}

.popup-wrapper .popup .form-popup {
    padding: 13px 0 17px;
}

.popup-wrapper .popup .form-popup .form-box {
    padding: 0 0 10px;
}

.popup-wrapper .popup .form-popup .form-box label {
    width: 150px;
    display: block;
    float: left;
    line-height: 32px;
}

.popup-wrapper .popup .form-popup .form-box select, .popup-wrapper .popup .form-popup .form-box input[type="text"], .popup-wrapper .popup .form-popup .form-box input[type="email"] {
    width: 50%;
}

.popup-wrapper .popup .form-popup .form-box .error-message {
    height: auto;
    font-size: 13px;
    color: #ee4c29;
    line-height: 14px;
    padding: 3px 4px 0 4px;
    position: relative;
    right: 0;
    top: 0;
    background: none;
}

.popup-wrapper .popup .form-popup .form-box .error-message:after {
    display: none;
}

.popup-wrapper .popup .form-popup .button.large {
    padding: 15px 32px 15px 67px;
}

.popup-wrapper .popup footer {
    text-align: center;
    padding: 25px 0 0 0;
    margin: 8px 0 0 0;
    border-top: 1px solid #eee;
}

.popup-wrapper .popup footer .close-popup-link {
    width: auto;
    height: 38px;
    display: inline-block;
    font-size: 16px;
    line-height: 36px;
    opacity: 1;
    padding: 0 25px;
    position: relative;
    top: 0;
    right: 0;
}

.popup-wrapper .popup footer .close-popup-link:before, .popup-wrapper .popup footer .close-popup-link:after {
    display: none;
}

.popup-wrapper .popup#popup-declined .close-popup-link {
    top: 10px;
    right: 10px;
}

.popup-wrapper .popup#popup-declined .popup-inner {
    position: relative;
}

.popup-wrapper .popup#popup-declined h2 {
    text-align: center;
    padding: 0 0 34px;
}

.popup-wrapper .popup#popup-declined .reason {
    text-align: center;
    padding: 14px 100px 19px;
    margin: 0 0 29px;
    border: 2px solid #ff5a00;
    border-radius: 5px;
}

.popup-wrapper .popup#popup-declined .reason h3 {
    color: #ff5a00;
    padding: 0;
}

.popup-wrapper .popup#popup-declined ul {
    padding: 0 0 6px 30px;
}

.popup-wrapper .popup#popup-declined .form-popup .form-box input[type="text"] {
    width: 300px;
}

.popup-wrapper .popup#popup-declined .form-popup .form-box select, .popup-wrapper .popup#popup-declined .form-popup .form-box-cvv input[type="text"] {
    width: 100px;
}

.popup-wrapper .popup#popup-declined .form-popup .form-box-cvv .cvv-link {
    font-size: 12px;
    line-height: 32px;
    margin: 0 0 0 5px;
}

.popup-wrapper .popup#popup-declined .form-popup .form-box-cvv .cvv-image {
    display: none;
    padding: 10px 0 0 150px;
}

.popup-wrapper .popup#popup-declined .form-popup .form-box-cvv .cvv-image img {
    width: 203px;
}

.popup-wrapper .popup#popup-declined .form-popup .button {
    width: 203px;
    margin: 0 0 0 150px;
}

.popup-wrapper .popup#popup-declined .lock {
    height: 30px;
    font-size: 11px;
    color: #999;
    line-height: 14px;
    text-align: right;
    padding: 1px 33px 0 0;
    position: absolute;
    right: 45px;
    bottom: 10px;
    background: url("../images/icon-lock.png") no-repeat 100% 0;
    background-size: auto 30px;
}

.popup-wrapper .popup#popup-declined .tip {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.popup-wrapper .popup#popup-declined .tip .icon {
    width: 30px;
    height: 30px;
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    position: relative;
    border-radius: 20px;
    background: #42A147;
}

.popup-wrapper .popup#popup-declined .tip .text {
    width: 370px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
    display: none;
    text-align: right;
    padding: 11px 15px 12px;
    position: absolute;
    top: 45px;
    right: -10px;
    border-radius: 5px;
    background: #42A147;
}

.popup-wrapper .popup#popup-declined .tip .text:before {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    right: 17px;
    top: -10px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #42A147;
}

.popup-wrapper .popup#popup-declined .tip:hover .text, .popup-wrapper .popup#popup-declined .tip:focus .text {
    display: block;
}

.popup-banner-wrapper {
    width: 100%;
    overflow: scroll;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1100;
    background: rgba(0, 0, 0, 0.9);
}

.popup-banner-wrapper .popup-banner {
    width: 600px;
    margin: 0 0 0 -300px;
    position: absolute;
    left: 50%;
    top: 50px;
}

.popup-banner-wrapper .popup-banner .popup-inner {
    padding: 5px;
    border-radius: 5px;
    background: #fff;
}

.popup-banner-wrapper .popup-banner a {
    color: #52585d;
    text-decoration: none;
}

.popup-banner-wrapper header {
    height: 70px;
    font-size: 44px;
    font-weight: bold;
    color: #fff;
    line-height: 68px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px 5px 0 0;
    background: #50A854;
}

.popup-banner-wrapper .banner1 header {
    background: #50A854;
}

.popup-banner-wrapper .banner2 header {
    letter-spacing: -1px;
    background: #872A57;
}

.popup-banner-wrapper .banner3 header {
    letter-spacing: -2px;
    background: #F97C23;
}

.popup-banner-wrapper .banner4 header {
    background: #1a8cc6;
}

.popup-banner-wrapper .popup-banner-content {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 0 0 5px 5px;
}

.popup-banner-wrapper .banner1 .popup-banner-content .inner {
    display: block;
    padding: 41px 90px 41px 202px;
    position: relative;
    z-index: 10;
}

.popup-banner-wrapper .banner1 .popup-banner-content .woman-image {
    height: 100%;
    position: absolute;
    top: 0;
    right: -110px;
    z-index: 9;
}

.popup-banner-wrapper .banner2 .popup-banner-content .inner {
    display: block;
    padding: 30px 90px 30px 202px;
    position: relative;
    z-index: 10;
}

.popup-banner-wrapper .banner2 .popup-banner-content .woman-image {
    height: 100%;
    position: absolute;
    top: 0;
    right: -25px;
    z-index: 9;
}

.popup-banner-wrapper .banner3 .popup-banner-content .inner {
    display: block;
    padding: 40px 90px 40px 202px;
    position: relative;
    z-index: 10;
}

.popup-banner-wrapper .banner3 .popup-banner-content .woman-image {
    height: 100%;
    position: absolute;
    top: 0;
    right: -35px;
    z-index: 9;
}

.popup-banner-wrapper .banner4 .popup-banner-content {
    padding: 20px 0 12px 19px;
    background: #fff url("../images/popup-banner4-bg.jpg") no-repeat right -50px top 0;
    background-size: auto 307px;
}

.popup-banner-wrapper .banner1 .product-image, .popup-banner-wrapper .banner2 .product-image, .popup-banner-wrapper .banner3 .product-image {
    width: 140px;
    position: absolute;
    top: 9px;
    left: 51px;
    z-index: 1200;
}

.popup-banner-wrapper .banner1 .product-image.smaller, .popup-banner-wrapper .banner2 .product-image.smaller, .popup-banner-wrapper .banner3 .product-image.smaller {
    width: 120px;
    position: absolute;
    top: 28px;
    left: 8px;
    z-index: 1199;
}

.popup-banner-wrapper .banner4 .product-image {
    width: 150px;
}

.popup-banner-wrapper .moneyback-image {
    width: 80px;
    position: absolute;
    left: 15px;
    bottom: 15px;
}

.popup-banner-wrapper .banner4 .popup-banner-info {
    width: 421px;
    display: block;
    padding: 15px 0 0 20px;
}

.popup-banner-wrapper .banner1 .title, .popup-banner-wrapper .banner2 .title {
    display: block;
    font-size: 28px;
    font-weight: 800;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: -2px;
    padding: 0 0 19px;
}

.popup-banner-wrapper .banner3 .title {
    display: block;
    font-size: 36px;
    font-weight: 800;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: -2px;
    padding: 0 0 10px;
}

.popup-banner-wrapper .banner4 .title {
    display: block;
    font-size: 38px;
    font-weight: 800;
    line-height: 38px;
    letter-spacing: -1px;
    padding: 0 100px 0 0;
}

.popup-banner-wrapper .banner4 .title span {
    font-size: 52px;
    color: #ee216b;
}

.popup-banner-wrapper .banner1 .list {
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: -1px;
    padding: 0 0 6px;
}

.popup-banner-wrapper .banner2 .text {
    display: block;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
    text-transform: uppercase;
    padding: 0 0 21px;
}

.popup-banner-wrapper .banner2 .text b, .popup-banner-wrapper .banner3 .text b {
    color: #50A854;
}

.popup-banner-wrapper .banner3 .text {
    display: block;
    font-size: 22px;
    letter-spacing: -1px;
    padding: 3px 0 23px;
}

.popup-banner-wrapper .banner4 .text {
    display: block;
    font-size: 24px;
    padding: 18px 0 23px;
}

.popup-banner-wrapper .banner1 .button {
    width: 230px;
    margin-top: 16px;
}

.popup-banner-wrapper .banner2 .button, .popup-banner-wrapper .banner3 .button {
    width: 230px;
}

.popup-banner-wrapper .banner1 .button b, .popup-banner-wrapper .banner2 .button b, .popup-banner-wrapper .banner3 .button b {
    display: block;
    font-size: 14px;
    line-height: 16px;
    padding: 6px 0 0 0;
}

.popup-banner-wrapper .banner4 .button {
    width: 250px;
}

.popup-video-wrapper {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.75);
}

.popup-video-wrapper video {
    width: 960px;
    height: 540px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1100;
}

.popup-video-wrapper .close-link {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 30px;
    position: fixed;
    top: 10px;
    right: 10px;
}

.popup-video-wrapper .close-link:before {
    content: '';
    width: 1px;
    height: 24px;
    display: block;
    position: absolute;
    left: 12px;
    top: 0;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup-video-wrapper .close-link:after {
    content: '';
    width: 1px;
    height: 24px;
    display: block;
    position: absolute;
    left: 12px;
    top: 0;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-loading-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1100;
    background: rgba(0, 0, 0, 0.9);
}

.popup-loading-wrapper .popup-loading-inner {
    width: 400px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.popup-loading-wrapper .popup-loading-inner header {
    font-size: 24px;
    padding: 0 0 24px;
}

.popup-loading-wrapper .popup-loading-inner header span {
    display: block;
    font-size: 18px;
    color: #999;
    padding: 0 0 4px;
}

.popup-loading-wrapper .popup-loading-inner .lock-image {
    width: 70px;
    margin: 0 auto 12px;
}

.popup-loading-wrapper .popup-loading-inner .loading-image {
    width: 70px;
    height: 70px;
    margin: auto;
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

.popup-inner header {
    background-color: #fff;
}
/*////////////////////////////////////////////////// Responsive*/
@media (max-width: 480px) {
    .footer-fixed {
        display: none;
    }

    .navbar-inverse .navbar-toggler {
        border-color: black !important;
    }

    .header-main .col-md-2 {
        display: none;
    }

    .header-main .col-md-10 img {
        width: 100px;
    }

    header .navbar-nav {
        margin: auto !important;
        padding-left: 0px !important;
        padding-top: 20px;
    }
    header .nav-item a{
        border: none;
        padding: 5px 15px !important;
    }
    .banner-board{
        margin-top: 78px;
    }
    .right-detox ul li{
        font-size: 14px;

    }
    .right-detox li:nth-of-type(1), .right-detox li:nth-of-type(4), .right-detox li:nth-of-type(7) {
        padding-left: 66px;
        margin-left: 5%;
        width: 35%;
        margin-right: 5%;
    }
    .right-detox li:nth-of-type(2), .right-detox li:nth-of-type(5), .right-detox li:nth-of-type(8) {
        padding-left: 66px;
        margin-left: 5%;
        width: 35%;
        margin-right: 5%;
    }
    .right-detox li:nth-of-type(3), .right-detox li:nth-of-type(6), .right-detox li:nth-of-type(9) {
        padding-left: 66px;
        margin-left: 5%;
        width: 35%;
        margin-right: 5%;
    }
    .men{
        height: 137px;
        margin-bottom: 39px;
        /* width: 100%; */
        background-size: 100%;
    }
    .right-detox .container div:nth-of-type(2){
        height: 379px !important;
    }
    .burning, .breaks, .preserves, .prevents{
        background-size: 100%;
        font-size: 11px;
        padding-top: 97px;
    }
    .arrow {
        width: 12%;
        height: 58px;
        background-size: 100%;
    }
    .people .col-md-4{
        max-width: 100%;
        margin-bottom: 10px;;
    }
    .header-order-btn {
        background-color: #7fb800;
        color: #fff;
        font-weight: bold;
        width: 98%;
        font-size: 11px;
        margin: 0px 1%;
    }
    .about-right-detox .col-md-3{
        margin-bottom: 10px;
    }
    .package1{
        margin-bottom: 10px;
    }
    .package1, .package2 {
        margin: 0px 4%;
        width: 92%;
    }
    .leaf-jar{
        display: none;
    }

}