* {
    outline: none;
}

body {
    margin: 0px;
    background: #ffffff;
    font-family: 'Yantramanav', sans-serif;
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

a,
a:hover {
    text-decoration: none;
}

p {
    margin: 0 0 2px;
}

.form-control:focus {
    border-color: #e0e0e0;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 2px rgb(255, 255, 255)0;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 2px rgb(175, 45, 28);
}

a:hover,
a:focus {
    color: #f4d69f;
    text-decoration: none;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    background-color: #000000;
}


/*====================popup form======================*/

.popup-left {
    background: rgba(0, 0, 0, 0.69);
    padding: 23px 42px 12px 42px;
    border-radius: 12px 0 0 12px;
}

.popup-left h3 {
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #ffcb2f;
    text-transform: uppercase;
    margin-top: 32px;
}

.popup-left span {
    display: block;
    margin-top: 0px;
    margin-bottom: 8px;
    position: relative;
}

.popup-left span i {
    font-size: 10px;
    color: #ffcb2f;
}

.popup-left span:before {
    position: absolute;
    content: "";
    width: 185px;
    height: 1px;
    background: #ffcb2f;
    left: 50%;
    margin-left: -92px;
    bottom: 9px;
}

.popup-left span:after {
    position: absolute;
    content: "";
    width: 40px;
    height: 3px;
    background: #ffcb2f;
    left: 50%;
    margin-left: -20px;
    bottom: 8px;
}

.popup-left .loginbut {
    background: #ffcb2f;
    color: #211f1d;
    display: block;
    border-radius: 12px;
    height: 46px;
    line-height: 42px;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    border: 2px solid #bf9003;
    text-shadow: 0px 0px 1px #fff;
    margin-bottom: 10px;
}

.popup-left .loginbut:hover {
    background: #d4a826;
    color: #e0e0e0;
    border: 2px solid #ffcb2f;
    text-shadow: 0px 0px 1px #AF8407;
}

.popup-left .need-help {
    color: #fff;
    padding: 10px;
}

.popup-left .need-help:hover {
    color: #fff000;
}

.popup-left .online-text {
    background: #ffcb2f;
    display: block;
    height: 40px;
    color: #0e0d0c;
    font-size: 22px;
    line-height: 40px;
    margin: 14px -42px 0 -42px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #ab8209;
}

.popup-left .online-text:hover {
    color: #F71418;
}

.popup-right {
    background: url(../img/img.html)no-repeat 0px 0px;
    background-size: cover;
    padding: 2em;
    min-height: 465px;
    border-radius: 0 12px 12px 0px;
}

.close {
    float: right;
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #E7C61A;
    filter: alpha(opacity=20);
    opacity: 1.2;
    margin-top: -30px;
    margin-right: -20px;
}

.col-center {
    float: none;
    margin: 0 auto;
}

.order-page h2 {
    margin: 0 0 20px;
}


/*=====================popup form====================*/

header {
    background: #000000;
    padding: 10px 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.navbar-inverse {
    background-color: #000;
    border-color: #080808;
}

.navbar-inverse .navbar-nav>li>a {
    color: #ca1e23;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 12px 14px;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
}

.language-change {
    right: 0px;
    top: 150px;
    position: fixed;
    z-index: 9;
}

.language-change div {
    font-size: 18px;
    margin-top: 9px;
    color: #d13a36;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 5px;
}


/*=====================================End of Menu css ========================================*/

.section-1 {
    background: url(../img/banner-img.jpg)top center no-repeat rgba(0, 0, 0, 0.7);
    min-height: 595px;
    background-size: cover;
}

.section-1 .logo-bg {
    /*background: linear-gradient(to bottom, rgba(8,9,15,1) 0%, rgba(8,9,15,1) 49%, rgba(0,20,110,1) 77%, rgba(0,20,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08090f', endColorstr='#00146e', GradientType=0 );*/
    text-align: center;
    padding: 28px 0;
    margin: 0px -16px 20px -16px;
}

.section-1 .buy-bg {
    background: #000000;
    padding: 14px;
    margin: 0px -16px 0px -16px;
}

.section-1 .buy-bg h3 {
    font-size: 35px;
    color: #e0e0e0;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.profile-circle.clint-imges img {
    margin: unset;
}

.section-1 .buy-bg span {
    font-size: 29px;
    color: #d13a36;
    display: block;
}

.section-1 .stock-bg {
    /*background:#ad41447d; */
    padding: 14px;
    margin: 0px -16px 0px -16px;
}

.section-1 .stock-bg h6 {
    font-size: 19px;
    color: #e0e0e0;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 1px 1px 0px #ca1e23;
    padding-bottom: 5px;
}

.section-1 .stock-bg .text-box {
    margin: 4px 0 0 0;
}

.section-1 .stock-bg .text-box h1 {
    font-size: 86px;
    float: left;
    color: #e0e0e0;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 1px 1px 0px #ca1e23;
    margin-top: -11px;
}

.section-1 .stock-bg .text-box .text-depart {
    margin-left: 5px;
}

.section-1 .stock-bg .text-box .text-depart h4 {
    font-size: 26px;
    color: #e0e0e0;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 1px 1px 0px #ca1e23;
    line-height: 1;
}

.section-1 .stock-bg .text-box .text-depart h4 span {
    font-size: 46px;
    display: block;
}

.section-1 .offer-bg {
    /* background: linear-gradient(to bottom, rgb(87, 36, 42) 0%, rgb(180, 35, 47) 49%, rgb(127, 35, 44) 77%, rgb(105, 35, 43) 85%);*/
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000b14', endColorstr='#07355b', GradientType=0);
    padding: 14px;
    margin: 0px -16px 0px -16px;
}

.section-1 .offer-bg h4 {
    display: none;
    font-size: 19px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    text-align: left;
}

.section-1 .offer-bg h4 span {
    font-size: 14px;
    display: block;
    border-bottom: 1px solid #042e50;
    margin-bottom: 8px;
    padding-bottom: 5px;
}

.section-1 .offer-bg h3 {
    font-size: 42px;
    color: #e0e0e0;
    text-transform: uppercase;
    font-weight: 800;
    position: absolute;
}

.section-1 .offer-bg h3 span {
    font-size: 50px;
}

.section-1 .offer-bg img {
    margin-left: 20px;
    margin-top: -105px;
}

.section-1 .clock-bg {
    background: #0c050d;
    padding: 22px 14px;
    text-align: center;
    margin: 32px 0 0 0;
    border: 2px solid #ffffff26;
}

.section-1 .clock-bg h5 {
    font-family: 'Khula', sans-serif;
    font-size: 25px;
    color: #ca1e1c;
    font-weight: 600;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 30px;
}

.section-1 .clock-bg .myButton {
    background-color: #24262b;
    border-radius: 8px;
    border: 3px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #e0e0e0;
    font-size: 30px;
    padding: 4px 9px;
    text-decoration: none;
    text-shadow: 0px 2px 0px #242e40;
    font-family: 'Khula', sans-serif;
    margin: 7px 10px 7px 5px;
    font-weight: 800;
}

.section-1 .clock-bg .myButton span {
    border-left: 1px solid #484848;
    padding-left: 0px;
}

.section-1 .clock-bg .point {
    color: #e0e0e0;
    text-transform: uppercase;
    font-size: 10px;
    margin: 0px 11px 0 20px;
    text-shadow: 1px 1px 1px #000;
}

.section-1 .head-bg {
    background: #ad4144;
    padding: 10px 20px;
    margin-top: 39px;
    color: #fff;
}

.section-1 .head-bg h3 {
    font-size: 31px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: 800;
}

.section-1 .head-bg h3 span {
    font-size: 40px;
    display: block;
}

.section-1 .form-bg {
    background: #592228;
    padding: 10px 20px 10px 20px;
}


/*===============new add=======*/

.section-1 .form-bg h5 {
    font-size: 24px;
    text-transform: uppercase;
    color: #d13a36;
    text-align: center;
    font-weight: 800;
    margin-bottom: 5px;
}


/*===============new add=======*/

.section-1 .form-bg h3 {
    font-size: 41px;
    text-transform: uppercase;
    color: #e0e0e0;
    text-align: center;
    font-weight: 800;
    padding-bottom: 14px;
    padding-top: 5px;
}

.form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #868686;
    background-color: #fff;
    background-image: none;
    border: 1px solid #000000;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    font-family: 'Khula', sans-serif;
    margin-bottom: 0;
    font-weight: 500;
}

.section-1 .form-bg .ordernow {
    background: #ca1e23;
    text-align: center;
}

select.input-sm {
    height: 36px;
    line-height: 30px;
}

.section-1 .form-bg .submit {
    background: #ca1e23;
    display: inline-block;
    color: #e0e0e0;
    font-size: 25px;
    line-height: 1.2;
    margin: 6px 0 0 0;
    font-weight: 600;
    text-transform: uppercase;
    border: 0;
    padding: 10px 5px;
    width: 100%;
    border-radius: 14px;
}


/*==============================End of banner css====================================*/

.section-2 {
    background: #000000;
    padding: 12px;
}
.section-2 .container>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.section-2 h2 {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
}

.section-2 h4 {
    font-size: 32px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
}

.section-2 h4 span {
    font-size: 39px;
    display: block;
}

.section-2 h3 {
    font-size: 35px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
}

.section-2 h3 span {
    font-size: 35px;
    display: block;
}


/*==============================End of point css====================================*/

.section-3 {
    background: url(../img/package-bg.html)top center no-repeat rgba(0, 0, 0, 0.7);
    min-height: 859px;
    background-size: cover;
    padding: 40px 0 10px 0;
}

.section-3 .heading {
    color: #e0e0e0;
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 0px 40px 10px;
}

.section-3 .package-1 {
    background: url(../img/pack1.html)right center no-repeat rgba(0, 0, 0, 0.7);
    min-height: 237px;
    background-size: cover;
}

.section-3 .package-1 h2 {
    color: #000000;
    font-size: 34px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 173px;
    padding-left: 21px;
}

.section-3 .package-1 h2 span {
    font-size: 11px;
    display: block;
}

.section-3 .package-2 {
    background: url(../img/pack2.html)right center no-repeat rgba(0, 0, 0, 0.7);
    min-height: 237px;
    background-size: cover;
    border-radius: 10px 10px 0 0;
}

.section-3 .package-2 h2 {
    color: #000000;
    font-size: 34px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 174px;
    padding-left: 21px;
}

.section-3 .package-2 h2 span {
    font-size: 11px;
    display: block;
}

.section-3 .ab-bg {
    background: #013e70;
    padding: 5px 30px 0px 30px;
    border-radius: 0 0 10px 10px;
}

.section-3 .ab-bg .day-box {
    margin: 6px 0 14px 0;
}

.section-3 .ab-bg .day-box .day {
    float: left;
    font-size: 60px;
    color: #edc57d;
    margin: -11px 11px 0px 0px;
    font-weight: bold;
}

.section-3 .ab-bg .day-box .day-text-box {
    margin-left: 5px;
}

.section-3 .ab-bg .day-box .day-text-box h3 {
    font-size: 36px;
    text-transform: uppercase;
    color: #edc57d;
    font-weight: bold;
}

.section-3 .ab-bg .day-box .day-text-box h3 span {
    font-size: 20px;
    display: block;
    font-weight: 400;
}

.section-3 .ab-bg .choose-text {
    font-size: 14px;
    color: #e0e0e0;
    font-family: 'Khula', sans-serif;
    font-weight: normal;
    padding-bottom: 10px;
}

.section-3 .ab-bg ul li {
    font-family: 'Khula', sans-serif;
    font-size: 17px;
    font-weight: bold;
    list-style: none;
    color: #e0e0e0;
    text-transform: uppercase;
    padding: 15px 0;
}

.section-3 .ab-bg h2 {
    font-size: 33px;
    font-weight: bold;
    list-style: none;
    color: #e0e0e0;
    text-transform: uppercase;
    line-height: 1;
}

.section-3 .ab-bg h2 span {
    font-size: 16px;
    display: block;
    font-weight: 400;
    text-decoration: line-through;
    color: #90a1af;
}

.section-3 .ab-bg .buy-now {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 144, 255, 1)), color-stop(28%, rgba(17, 144, 255, 1)), color-stop(66%, rgba(130, 197, 255, 1)), color-stop(81%, rgba(130, 197, 255, 1)), to(rgba(17, 144, 255, 1)));
    background: linear-gradient(to bottom, rgba(17, 144, 255, 1) 0%, rgba(17, 144, 255, 1) 28%, rgba(130, 197, 255, 1) 66%, rgba(130, 197, 255, 1) 81%, rgba(17, 144, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1190ff', endColorstr='#1190ff', GradientType=0);
    display: block;
    font-size: 36px;
    color: #000000;
    text-align: center;
    border-radius: 18px 18px 0 0;
    line-height: 60px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #c3e2fd;
    font-weight: 700;
    margin-top: 8px;
}

.section-3 .rating-bg {
    text-align: center;
    padding: 8px 0;
}

.section-3 .rating-bg h6 {
    font-size: 16px;
    font-weight: 600;
    color: #e0e0e0;
    text-transform: uppercase;
}

.section-3 .rating-bg i.fa {
    font-size: 16px;
    color: #edc57d;
    text-transform: uppercase;
}

.section-3 .rating-bg small {
    color: #6a6b7b;
    font-size: 11px;
    font-family: 'Khula', sans-serif;
    text-align: center;
}

.section-3 .sign-bg {
    padding: 37px 0 0 0;
}

.section-3 .sign-bg h4 {
    font-size: 22px;
    font-weight: 600;
    color: #edc57d;
    text-transform: uppercase;
}

.section-3 .sign-bg p {
    font-family: 'Khula', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #e0e0e0;
    padding: 8px;
    line-height: 1.4;
}

.section-3 .sign-bg ul li {
    font-family: 'Khula', sans-serif;
    font-size: 16px;
    font-weight: normal;
    list-style: none;
    color: #e0e0e0;
    padding: 8px 0;
}

.section-3 ul.newlist,
.section3 ul.newlist li {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.section-3 ul.newlist {
    margin-left: 20px;
}

.section-3 ul.newlist li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-weight: normal;
    padding-right: 10px;
    float: left;
    height: 30px;
}

.section-3 ul.newlist li {
    font-size: 16px;
    color: #e0e0e0;
    line-height: 1.2;
    font-family: 'Khula', sans-serif;
    font-weight: normal;
}

.section-3 ul.newlist li em {
    color: #000;
}


/*==============================End of packages css====================================*/

.section-4 {
    background: url(../img/formula-bg.jpg)top center no-repeat rgba(0, 0, 0, 0.7);
    min-height: 820px;
    background-size: cover;
    padding: 22px 0 10px 0;
}

.section-4 .privacy-iconbox {
    text-align: center;
}

.section-4 .privacy-iconbox i.fa {
    font-size: 56px;
    color: #ca1e23;
}

.section-4 .privacy-textbox {
    background: #d13a36 top center repeat-y;
    padding: 28px;
    border-radius: 10px;
    margin-top: 5px;
    border-right: 1px solid #d13a36;
}

.section-4 .privacy-textbox h4 {
    font-size: 22px;
    color: #e0e0e0;
    font-weight: 600;
    text-transform: uppercase;
}

.section-4 .privacy-textbox p {
    color: #e0e0e0;
    font-size: 14.2px;
    font-family: 'Khula', sans-serif;
    font-weight: 500;
    line-height: 1.3;
    padding: 5px 0 0 0;
}

.section-4 .work-bg {
    padding: 10px 0 0 0;
}

.section-4 .work-bg .contain-box {
    padding: 20px 0 0 0px
}

.section-4 .work-bg .contain-box h3 {
    font-size: 24px;
    color: #d13a36;
    font-weight: 800;
    text-transform: uppercase;
}

.section-4 .work-bg .contain-box p {
    font-family: 'Khula', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #e0e0e0;
    padding: 8px 0 0px 0px;
}

.section-4 .work-bg .contain-box .stripe {
    padding: 30px 0 0 33px;
    ;
}

.section-4 .work-bg .contain-box .stripe .stripe-iconn {
    float: left;
    font-size: 8px;
    color: #e0e0e0;
}

.section-4 .work-bg .contain-box .stripe .stripe-text {
    margin-left: 20px;
    font-family: 'Khula', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #e0e0e0;
    padding-top: 0px;
    line-height: 1.2;
}

.section-4 .work-bg h6 {
    background: #ca1e23;
    font-size: 12.4px;
    font-weight: bold;
    text-transform: uppercase;
    color: #e0e0e0;
    padding: 12px 3px;
    text-align: center;
    margin-top: 24px;
}

.section-4 .work-bg .time-bg {
    background: #ca1e234f;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    text-align: center;
}

.section-4 .work-bg .img-bg {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.img-responsive {
    margin: 0 auto;
}

.section-4 .work-bg .img-bg img {
    margin: 23px 0 0 4px;
}

.section-4 .work-bg .order-bt {
    background: #ca1e23;
    display: block;
    font-size: 26px;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px #ca1e23;
    border-radius: 8px;
    padding: 10px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 700;
}


/*==============================End of formula css====================================*/

.section-5 {
    background: url(../img/gleater-img.jpg) repeat-x;
    padding: 18px 0;
}

.section-5 h2 {
    font-size: 41px;
    color: #000000;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    font-weight: 800;
}

.section-5 h2 span {
    font-size: 22px;
    display: block;
}


/*==============================End of secret-delivery css====================================*/

.section-6 {
    background: url(../img/bg-6.html)top center no-repeat rgba(0, 0, 0, 0.7);
    min-height: 674px;
    background-size: cover;
    padding: 80px 0 10px 0;
}

.section-6 h2 {
    font-size: 54px;
    color: #d13a36;
    text-transform: uppercase;
    font-weight: 600;
}

.section-6 h2 span {
    color: #d13a36;
}

.section-6 .box {
    margin-top: 80px;
}

.section-6 .box h3 {
    font-size: 40px;
    color: #d13a36;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    padding-top: 15px 0 6px 0;
}

.section-6 .box h3 span {
    font-size: 26px;
    color: #7184ad;
    display: block;
}

.section-6 .box small {
    font-family: 'Khula', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #7184ad;
}

.section-6 .box .gap {
    padding: 7px;
}

.section-6 .box h4 {
    font-size: 26px;
    color: #d13a36;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.1;
    padding: 18px 0 6px 0;
    ;
}

.section-6 .box h4 span {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    display: block;
}

.section-6 .box .percent {
    padding: 0;
}

.section-6 .box .percent .percent-iconn {
    float: left;
    font-size: 66px;
    color: #7184ad;
}

.section-6 .box .percent .percent-text {
    font-weight: bold;
    font-size: 33px;
    color: #7184ad;
    padding-top: 13px;
    line-height: 1.2;
}

.section-6 .box .percent .percent-text span {
    font-weight: 400;
    font-size: 26px;
    display: block
}

.section-6 .box .stripe2 {
    padding: 10px 0;
}

.section-6 .box .stripe2 .stripe2-iconn {
    float: left;
    font-size: 22px;
    color: #e0e0e0;
}

.section-6 .box .stripe2 .stripe2-text {
    margin-left: 47px;
    font-family: 'Khula', sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #e0e0e0;
    padding-top: 7px;
    line-height: 1.2;
}

.section-6 .box h5 {
    font-size: 32px;
    color: #d13a36;
    font-weight: 800;
    text-transform: uppercase;
    display: inline-block;
    padding-bottom: 4px;
}

.section-6 .box .compalin-text {
    font-family: 'Khula', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #e0e0e0;
    padding-top: 50px;
}

.section-6 .box p {
    font-family: 'Khula', sans-serif;
    font-size: 16px;
    color: #e0e0e0;
    font-weight: normal;
    padding-top: 20px;
}


/*==============================End of penis css====================================*/

.section-7 {
    background: url(../img/comperision-bg.jpg)top center no-repeat rgba(0, 0, 0, 0.7);
    min-height: 578px;
    background-size: cover;
    padding: 2px 0 10px 0;
}

.section-7 .comperision-head {
    padding: 40px 0 80px 0;
    text-align: center;
}

.section-7 .comperision-head h2 {
    font-weight: 600;
    color: #e0e0e0;
    font-size: 37px;
    text-align: center;
    text-transform: uppercase;
}

.section-7 .comperision-head h3 {
    font-weight: 600;
    color: #6f6e6e;
    font-size: 27px;
    text-align: center;
    text-transform: uppercase;
}

.section-7 .comperision-head h3 span {
    color: #d13a36;
}

.section-7 .safe-bg {
    text-align: right;
}

.section-7 .safe-bg p {
    font-family: 'Khula', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #e0e0e0;
    color: #fff!important;
}

.section-7 .diffirence-bg {
    background: rgba(0, 0, 0, 0.34);
    border-radius: 14px;
    padding: 24px;
}

.section-7 .diffirence-bg .other-section1 {
    padding: 0;
}

.section-7 .diffirence-bg .other-section1 h2 {
    font-size: 25px;
    font-weight: 600;
    color: #656466;
    text-transform: uppercase;
}

.section-7 .diffirence-bg .other-section1 p {
    font-family: 'Khula', sans-serif;
    font-weight: 800;
    font-size: 16px;
    color: #656466;
}

.section-7 .diffirence-bg .other-section1 p span {
    font-size: 12px;
}

.section-7 .diffirence-bg .makeling-section1 {
    padding: 0;
}

.section-7 .diffirence-bg .makeling-section1 h2 {
    font-size: 25px;
    font-weight: 600;
    color: #d13a36;
    text-transform: uppercase;
}

.section-7 .diffirence-bg .makeling-section1 p {
    font-family: 'Khula', sans-serif;
    font-weight: 800;
    font-size: 16px;
    color: #d13a36;
}
.section-7 .wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.section-7 .btn,.buy-now {
    display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 221, 0, 1)), color-stop(59%, rgba(255, 140, 0, 1)), to(rgba(255, 140, 0, 1)));
    background: linear-gradient(to bottom, rgba(255, 221, 0, 1) 0%, rgba(255, 140, 0, 1) 59%, rgba(255, 140, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffdd00', endColorstr='#ff8c00', GradientType=0);
    font-size: 20px;
    color: #000000;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    text-shadow: 1px 1px 1px #F7E43B;
    border-radius: 10px 10px 0 0;
    line-height: 1.2;
    margin-top: 12px;
    padding: 15px 5px;
}


/*==============================End of comperision bg css====================================*/

.section-8 {
    background: #000000;
    padding: 20px 0 20px 0;
}

.section-8 h5 {
    font-family: 'Khula', sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #e0e0e0;
    padding: 10px 0;
    font-style: italic;
    text-transform: uppercase;
}

.section-8 h6 {
    font-family: 'Khula', sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: #d13a36;
    padding: 5px 0;
    font-style: italic;
}

.section-8 h4 {
    margin-bottom: -107px;
    margin-left: 193px;
    margin-top: 27px;
    font-family: 'Khula', sans-serif;
    font-size: 20px;
    color: #d13a36;
    font-weight: 600;
    font-style: italic;
    min-height: 44px;
}

blockquote {
    padding: 10px 50px;
    margin: 0 0 20px;
    font-size: 14px;
    border-left: 5px solid rgba(238, 238, 238, 0);
    font-family: 'Khula', sans-serif;
    font-weight: normal;
    color: #e0e0e0;
}

.section-8 .fa-4x {
    font-size: 20px;
    margin-left: -26px;
}

.section-8 .gaping {
    margin-top: 24px;
}

.carousel-indicators {
    bottom: -8px;
}


/*==============================End of client bg css====================================*/

.section-9 {
    background: #000000;
    padding: 20px 0 20px 0;
}

.section-9 h3 {
    font-family: 'Khula', sans-serif;
    font-weight: 600;
    font-size: 37px;
    color: #d13a36;
    padding: 10px 0 70px 0;
    font-style: italic;
    text-align: center;
    line-height: 60px;
}

.section-9 h3 small {
    font-size: 16px;
    display: block;
    font-weight: normal;
    color: #e0e0e0;
}

.section-9 .sec-1 {
    background: url(../img/img1.png) top center no-repeat;
    min-height: 470px;
    background-size: cover;
    border: 15px solid #a2a2a2;
    text-align: center;
    padding: 42px 4px 0 4px;
}

.section-9 .sec-2 {
    background: url(../img/img2.png) top center no-repeat;
    min-height: 470px;
    background-size: cover;
    border: 15px solid #a2a2a2;
    text-align: center;
    padding: 42px 4px 0 4px;
}

.section-9 .sec-3 {
    background: url(../img/img3.png) top center no-repeat;
    min-height: 470px;
    background-size: cover;
    border: 15px solid #a2a2a2;
    text-align: center;
    padding: 42px 4px 0 4px;
}

.section-9 p {
    font-family: 'Khula', sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #e0e0e0;
    padding: 24px 0 10px 0;
    font-style: italic;
    text-align: center;
    line-height: 1.3;
}


/*==============================End of before after bg css====================================*/

.section-10 {
    background: url(../img/making-formula-bg.jpg)top center no-repeat rgba(0, 0, 0, 0.7);
    min-height: 618px;
    background-size: cover;
    padding: 18px 0 15px 0;
}

.section-10 h2 {
    font-size: 34px;
    font-weight: 600;
    color: #d13a36;
    padding: 36px 0 10px 0;
    text-transform: uppercase;
}

.section-10 .making {
    padding: 0;
}

.section-10 .making p {
    font-family: 'Khula', sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #e0e0e0;
    padding: 6px 0;
}

.section-10 .ingredient-bg {
    padding: 15px 0;
}

.section-10 .ingredient-bg p {
    font-family: 'Khula', sans-serif;
    font-weight: bolder;
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
    padding: 12px 0;
    text-transform: uppercase;
}

.section-10 .ingredient-bg p span {
    font-size: 14px;
    display: block;
    text-transform: none;
    font-weight: 400;
}

.section-10 .ingredient-bg small {
    font-family: 'Khula', sans-serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 1;
    color: #404040;
    padding: 10px 0;
}


/*==============================End of making formula bg css====================================*/

.section-11 {
    background: #000000;
    padding: 50px 0 20px 0;
}

.section-11 img {
    margin: 50px auto;
}

.section-11 h2 {
    font-size: 38px;
    font-weight: 600;
    color: #d13a36;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.section-11 p {
    font-family: 'Khula', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #e0e0e0;
    padding: 2px 0;
}

.section-11 p strong {
    font-size: 18px;
    font-weight: 600;
}

.section-11 h4 {
    font-family: 'Khula', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #d13a36;
    text-transform: uppercase;
    padding-top: 18px;
}


/*==============================End of graph chart bg css====================================*/

footer {
    background: #000204;
    padding: 30px;
    font-family: 'Khula', sans-serif;
}

footer .links {
    margin-bottom: 0px;
}

footer .links a {
    color: #d13a36;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
}

footer p {
    color: #56565a;
    padding: 5px 10px;
}


/*======================End Order Complete page section================*/

.bg1 {
    font-family: 'Lato', sans-serif;
    background: rgba(80, 183, 4, 0.06);
    padding: 15px;
}

.bg1 .boldi {
    font-weight: 600;
    font-size: 16px;
}

.bg1 .bottom h3 {
    background: #02183a;
    display: inline-block;
    text-transform: uppercase;
    font-size: 24px;
    color: #fff;
    line-height: 44px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    margin-left: -15px;
    border-radius: 0 20px 20px 0;
    border-top: 2px solid #e22121;
    border-bottom: 2px solid #e21b1b;
    margin-bottom: 10px;
}

.contact-bg {
    padding: 70px 0;
}

.contact-bg .contact-form2 {
    background: #f3f3f3;
    padding: 32px 0;
    border-bottom: 3px solid #e0dede;
    border-top: 3px solid #e0dede;
    border-left: 3px solid #e0dede;
}

.contact-bg .contact-form2 h4 {
    background: #f4d69f;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 300;
}

.contact-bg .contact-form2 p {
    font-family: 'Khula', sans-serif;
    font-size: 14px;
    padding: 10px;
    line-height: 1;
}

.contact-bg .contact-form {
    background: #e0dede;
    padding: 35px 20px 65px 20px;
}

.contact-bg .contact-form h1 {
    background: #000000;
    padding: 10px;
    margin: -20px;
    text-transform: uppercase;
    color: #f4d69f;
}

.contact-bg .contact-form h2 {
    margin: 36px 0 15px 0;
    font-size: 21px;
}

.contact-bg .contact-form .button {
    border: 0;
    text-transform: uppercase;
}


/*=================contact page css end=====================*/

.selet-button {
    width: 218px;
    height: 45px;
    text-transform: uppercase;
    line-height: 32px;
    font-size: 18px;
}

.check {
    opacity: 0.5;
    color: #996;
}

.typee {
    border-radius: 6px;
    border: 1px solid #d4d1d1;
    height: 43px;
}

.btn-button1 {
    -webkit-box-shadow: inset 0px 1px 0px 0px #c93022;
            box-shadow: inset 0px 1px 0px 0px #c93022;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fc0d11), to(#e40c0f));
    background: linear-gradient(to bottom, #fc0d11 5%, #e40c0f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b', GradientType=0);
    background-color: #74ad5a;
    border-radius: 5px;
    border: 1px solid #fc0d11;
    display: inline-block;
    cursor: pointer;
    color: #e0e0e0;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
    text-decoration: none;
}

.phone__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form-control.input-areacode {
    padding: 5px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
}


/*=================cart page css end=====================*/

.order-page {
    padding: 25px;
}

.order-page .process-step .btn:focus {
    outline: none
}

.order-page .process {
    display: table;
    width: 100%;
    position: relative;
    padding-bottom: 34px;
}

.order-page .process-row {
    display: table-row
}

.order-page .process-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important
}

.order-page .process-row:before {
    top: 40px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0
}

.order-page .process-step {
    display: table-cell;
    text-align: center;
    position: relative
}

.order-page .process-step p {
    margin-top: 4px
}

.order-page .btn-circle {
    width: 80px;
    height: 80px;
    text-align: center;
    font-size: 12px;
    border-radius: 50%
}

.btn-info {
    color: #fff;
    background-color: #ea3929;
    border-color: #9e1b0f;
}

.process p {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #ca0b12;
    border-color: #fb1b24;
}

.order-page .point-bg {
    background: #ececec;
    border-top: 1px solid #000000;
    padding: 0px 10px 0px 0px;
    margin-top: 3px;
}

.order-page .point-bg h3 {
    background: #000000;
    font-weight: bold;
    font-size: 28px;
    color: #f4d69f;
    padding: 12px 20px;
    display: inline-block;
}

.order-page .point-bg h4 {
    font-size: 20px;
    color: #000000;
    text-transform: uppercase;
    line-height: 54px;
}

.order-page .point-bg .user-id {
    font-size: 18px;
    color: #696767;
    font-weight: normal;
    line-height: 54px;
}

.order-page .point-bg .user-name {
    font-size: 18px;
    color: #000;
    text-transform: capitalize;
    padding-top: 8px;
}

.order-page .point-bg .user-name span {
    color: #615f5f;
}

.order-page .point-bg small {
    font-weight: normal;
    color: #4f4e4e;
    font-size: 14px;
}

.order-page .point-bg a {
    font-size: 18px;
    color: #656363;
}

.order-page .point-bg .pay-text {
    font-size: 18px;
    padding: 11px 0;
}

.order-page .point-bg .iimg {
    padding: 5px 0;
}

.order-page .order-product {
    background: #000000;
    color: #f4d69f;
    text-transform: uppercase;
}

.order-page .price-tag {
    font-size: 16px;
    font-weight: normal;
}

.order-page .price-tag span {
    font-size: 12px;
    display: block;
    font-weight: normal;
}

.order-page .table-bg {
    background: #ececec;
}

.order-page .table-bg:hover {
    background: #f9f9f9;
}

.order-page .table-bg2 {
    background: #d6d4d4;
}

.order-page .table-bg3 {
    background: #e0dede;
}

.order-page .estimated-text {
    font-size: 19px;
    color: #000000;
    text-transform: uppercase;
    padding: 8px;
}

.order-page .estimated-text span {
    font-size: 26px;
    font-weight: 800;
    padding-left: 10px;
}

.order-page .break {
    padding: 2px;
}

.order-page .bor {
    border-bottom: 1px solid #c2c2c2;
}

.order-page .point-bg2 {
    background: #e2e2e2;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #c2c2c2;
    padding: 15px;
}

.order-page .point-bg2 h4 {
    font-size: 22px;
    color: #343333;
    line-height: 1.3;
}

.order-page .point-bg2 h4 span {
    font-weight: normal;
    color: #4b0901;
    display: block;
    font-size: 16px;
}

.btn-breadcrumb .btn:first-child {
    padding: 6px 6px 6px 10px;
}

.btn-breadcrumb .btn {
    padding: 6px 13px 6px 24px;
}

.btn-breadcrumb .btn.btn-success:not(:last-child):before {
    border-left: 10px solid #4cae4c;
}

.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}

.btn-breadcrumb .btn.btn-success:not(:last-child):after {
    border-left: 10px solid #5cb85c;
}

.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
}

.btn-button1 {
    -webkit-box-shadow: inset 0px 1px 0px 0px #000000;
            box-shadow: inset 0px 1px 0px 0px #000000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #000000), to(#5d5d5d));
    background: linear-gradient(to bottom, #000000 5%, #5d5d5d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b', GradientType=0);
    background-color: #74ad5a;
    border-radius: 5px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #e0e0e0;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
    text-decoration: none;
}

.btn-button1:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #464444), to(#130e0e));
    background: linear-gradient(to bottom, #464444 5%, #130e0e 100%);
}

.order-page .my-account-bg {
    background: #f3f2f2;
    padding: 20px;
    border-radius: 3px;
    border-top: 2px solid #f4d69f;
    border-left: 1px solid #f4d69f;
    border-right: 1px solid #f4d69f;
    margin-top: 8px;
}

.order-page .my-account-bg .order-id {
    color: #F8080C;
}

.order-page .my-account-bg h4 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    color: #343333;
}

.order-page .my-account-bg .month-text {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    color: #6A6767;
}

.order-page .my-account-bg .order-book {
    font-family: 'Khula', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: #000000;
    margin-top: 30px;
}

.order-page .my-account-bg .esti-total {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000000;
}

.order-page .my-account-bg .esti-total-1 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000000;
    margin-top: 10px;
    line-height: 1;
}

.order-page .my-account-bg .esti-total-1 small {
    display: block;
    font-size: 14px;
    font-weight: normal;
}

.order-page .my-account-bg .ship-text {
    background: #000000;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
    border-bottom: 2px solid #f4d69f;
    padding: 10px;
    color: #f4d69f;
}

.order-page .place {
    margin-top: 6px;
}


/*========================cart pages css end=========================*/

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #1d297e;
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.scroll-top-wrapper:hover {
    background-color: #101b67;
}

.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1.0;
}

.scroll-top-wrapper i.fa {
    line-height: inherit;
}


/*================ scroller top end================ */


/*================ sidenavi wrapper================ */

#sideNavi,
.side-navi-item,
.side-navi-data,
.side-navi-tab {
    margin: 0;
    padding: 0;
}

#sideNavi {
    position: fixed;
    right: 168px;
    top: 25%;
    z-index: 3;
}


/* items */

.side-navi-item {
    position: absolute;
    left: 0px;
    display: inline-block;
    width: 170px;
    height: 168px;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: left top 0;
            transform-origin: left top 0;
    color: #fff;
    background: url(../img/delivery.png) no-repeat;
    /* background: blue; */
    cursor: pointer;
}

.side-navi-item.item1 {
    top: 80px;
}

.side-navi-item.active,
.side-navi-item:hover {
    background: url(../img/delivery.png) no-repeat;
    /* background: gray; */
}

.side-navi-item>div {
    padding-top: 15px;
    text-align: center;
}


/* data wrapper */

.side-navi-data {
    position: absolute;
    top: 0;
    left: 168px;
    width: 650px;
    height: auto;
    background-color: #e5e5e5;
}


/* tab wrapper */

.side-navi-tab {
    display: none;
}

.side-navi-tab.active {
    display: inline-block;
}

.side-navi-tab>div {
    padding: 30px;
}

.fixed-button {
    display: none;
}

@media (max-width: 928px) {
    .side-navi-item {
        background: none;
        /* background: blue; */
        width: 0px;
    }
    .carousel-indicators {
        bottom: -8px;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 8px 8px;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
    }
    .section-1 .offer-bg h3 {
        font-size: 30px;
        right: 30px;
    }
    .hidee {
        display: run-in;
    }
    .section-1 .logo-bg {
        margin: 0px 0px 20px 0px;
    }
    .section-1 .buy-bg {
        margin: 0px 0px 0px 0px;
    }
    .section-1 .stock-bg {
        margin: 0px 0px 0px 0px;
    }
    .section-1 .offer-bg {
        margin: 0px 0px 0px 0px;
    }
    .section-1 .clock-bg {
        margin: 0px 0px 0px 0px;
    }
    .section-1 .offer-bg h3 span {
        font-size: 30px;
    }
    .section-1 .stock-bg h6 {
        font-size: 26px;
    }
    .section-2 h4 {
        font-size: 28px;
    }
    .section-2 h4 span {
        font-size: 34px;
    }
    .section-2 h3 {
        font-size: 31px;
    }
    .section-2 h3 span {
        font-size: 33px;
    }
    .section-3 .package-1 {
        background: url(../img/tab-img1.html)top center no-repeat rgba(0, 0, 0, 0.7);
        min-height: 421px;
    }
    .section-3 .package-2 {
        background: url(../img/tab-img2.html)top center no-repeat rgba(0, 0, 0, 0.7);
        min-height: 421px;
    }
    .section-3 .package-1 h2 {
        font-size: 58px;
        padding-left: 21px;
        line-height: 1.3;
        padding-top: 280px;
    }
    .section-3 .package-1 h2 span {
        font-size: 20px;
    }
    .section-3 .package-2 h2 {
        font-size: 58px;
        padding-left: 21px;
        line-height: 1.3;
        padding-top: 280px;
    }
    .section-3 .package-2 h2 span {
        font-size: 20px;
    }
    .section-6 {
        padding: 137px 0 10px 0;
    }
    .section-4 .privacy-textbox {
        background: rgba(27, 50, 104, 0.86);
    }
    .section-4 .work-bg .img-bg img {
        margin: 0 auto;
    }
    .section-4 .work-bg h6 {
        font-size: 17px;
    }
    .section-4 .work-bg .time-bg {
        text-align: -webkit-center;
    }
    .section-6 .box h5 {
        margin-top: 13px;
    }
    .section-7 .comperision-head h2 {
        font-size: 33px;
    }
    .section-7 .safe-bg p {
        font-size: 14px;
    }
    .section-7 .diffirence-bg .makeling-section1 h2 {
        font-size: 24px;
    }
    .section-7 .diffirence-bg .makeling-section1 p {
        font-size: 15px;
    }
    .section-7 .btn {
        font-size: 21px;
    }
    .section-8 h6 {
        text-align: center;
    }
    .section-8 .client-img {
        margin: 0 auto;
    }
    .section-8 h4 {
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 0px;
    }
    .section-11 img {
        margin: 0px auto;
    }
    .section-9 .sec-1 {
        margin-bottom: 10px;
    }
    .section-9 .sec-2 {
        margin-bottom: 10px;
    }
}

@media(max-width:400px) {
    .hidee {
        display: none !important;
    }
    .header {
        display: none;
    }
}

@media(max-width:768px) {
    .section-7 .safe-bg {
        text-align: center;
        margin-top: 0px;
        font-size: 18px;
    }
    .section-7 .comperision-head {
        padding: 0px 0 0px 0;
    }
    .clint-imges {
        margin: auto 30%;
    }
    .header {
        display: none;
    }
    .section-1 {
        background: url(../img/banner-img-mob.jpg)top center no-repeat rgba(0, 0, 0, 0.7);
        min-height: 595px;
        background-size: cover;
    }
    .fixed-button {
        display: flex;
        position: fixed;
        bottom: 0px;
        background: #000;
        -webkit-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear;
        z-index: 1000;
    }
    .fixed-button .buy-now {
        margin: 10px auto;
    }
    .fixed-button.disabled {
        opacity: 0;
        pointer-events: none;
    }
    footer {
        margin-bottom: 100px;
    }
    .hide-mob {
        display: none;
    }
    .section-5 h2 span {
        font-size: 16px;
        display: block;
    }
    .section-5 h2 {
        font-size: 25px;
    }
    .section-6 {
        background: url(../img/banner-img-mob.jpg)top center no-repeat rgba(0, 0, 0, 0.7);
        min-height: 674px;
        background-size: cover;
        padding: 30px 0 10px 0;
    }
    .section-6 .box {
        margin-top: 10px;
    }
    .section-4 .privacy-textbox {
        background: #592228 top center repeat-y;
        border: none;
        /* border-right: 1px solid #d13a36; */
    }
    .section-4 .work-bg .contain-box {
        padding: 20px;
        background: #000;
    }
    .section-4 .work-bg .img-bg {
        margin: 25px;
    }
    .section-7 .comperision-head h2 {
        font-weight: 400;
        text-align: left;
    }
    .section-7 .safe-bg {
        text-align: left;
        margin-top: 0px;
        font-size: 18px;
        padding: 20px 0;
    }
    .section-7 .diffirence-bg .other-section1 p {
        font-family: 'Khula', sans-serif;
        font-weight: 400;
        font-size: 16px;
    }
    .section-9 h3 {
        font-family: 'Khula', sans-serif;
        font-weight: 400;
        font-size: 25px;
        color: #d13a36;
        padding: 10px 0 20px 0;
        font-style: italic;
        text-align: left;
        line-height: 50px;
    }
    .section-9 h3 small {
        line-height: 30px;
    }
    .section-9 p {
        text-align: justify;
    }
}

@media(max-width:360px) {
    .language-change {
        left: 0px;
        top: 9px;
        position: absolute;
        z-index: 9;
    }
    .language-change div {
        font-size: 18px;
        margin-top: 9px;
        color: #f7941d;
        background-color: #fff;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        padding: 5px;
        width: 132px;
    }
    .side-navi-item {
        background: none;
        /* background: blue; */
        width: 0px;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 8px 8px;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
    }
    .hidee {
        display: none !important;
    }
    .section-1 .buy-bg h3 {
        font-size: 26px;
    }
    .section-1 .buy-bg span {
        font-size: 23px;
    }
    .section-1 .stock-bg .text-box h1 {
        font-size: 68px;
    }
    .section-1 .stock-bg .text-box .text-depart h4 {
        font-size: 20px;
    }
    .section-1 .stock-bg .text-box .text-depart h4 span {
        font-size: 34px;
    }
    .section-1 .logo-bg {
        margin: 0px 0px 0px 0px;
    }
    .section-1 .buy-bg {
        margin: 0px 0px 0px 0px;
    }
    .section-1 .stock-bg {
        margin: 0px 0px 0px 0px;
    }
    .section-1 .form-bg h5 {
        font-size: 17px;
    }
    .section-1 .offer-bg {
        margin: 0px 0px 0px 0px;
    }
    /*===============new add=======*/
    .section-1 .offer-bg h4 {
        display: initial;
        font-size: 19px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 800;
        text-align: left;
    }
    .section-1 .offer-bg h4 span {
        font-size: 14px;
        display: block;
        border-bottom: 1px solid #042e50;
        margin-bottom: 8px;
        padding-bottom: 5px;
    }
    /*===============new add=======*/
    .section-1 .clock-bg {
        margin: 0px 0px 0px 0px;
    }
    .section-1 .clock-bg .myButton {
        font-size: 20px;
    }
    .section-1 .clock-bg .point {
        margin: 0px 13px 0 14px;
    }
    .section-1 .head-bg {
        padding: 10px 10px;
    }
    .section-1 .head-bg h3 {
        font-size: 25px;
    }
    .section-1 .head-bg h3 span {
        font-size: 32px;
    }
    .section-2 h4 {
        font-size: 24px;
        margin-top: 5px;
    }
    .section-2 h4 span {
        font-size: 30px;
    }
    .section-2 h3 {
        font-size: 32px;
        margin-top: 5px;
    }
    .section-2 h3 span {
        font-size: 32px;
    }
    .section-3 .ab-bg {
        padding: 12px 30px 0px 30px;
    }
    .section-3 .package-1 {
        background: url(../img/360x200-1.html)top center no-repeat rgba(0, 0, 0, 0.7);
        min-height: 200px;
    }
    .section-3 .package-1 h2 {
        font-size: 26px;
        padding-top: 130px;
    }
    .section-3 .package-1 h2 span {
        font-size: 14px;
    }
    .section-3 .package-2 h2 span {
        font-size: 15px;
    }
    .section-3 .package-2 {
        background: url(../img/360x200-2.html)top center no-repeat rgba(0, 0, 0, 0.7);
        min-height: 200px;
    }
    .section-3 .package-2 h2 {
        font-size: 25px;
        padding-top: 128px;
        padding-left: 17px;
    }
    .section-3 .ab-bg ul li {
        font-size: 14px;
        padding: 9px 0;
    }
    .section-3 .ab-bg .day-box .day {
        font-size: 45px;
    }
    .section-3 .ab-bg .day-box .day-text-box h3 {
        font-size: 26px;
    }
    .section-3 .ab-bg .day-box .day-text-box h3 span {
        font-size: 15px;
    }
    .section-4 .privacy-iconbox i.fa {
        display: none;
    }
    .section-4 .privacy-textbox {
        background: rgba(27, 50, 104, 0.86);
    }
    .section-4 .work-bg h6 {
        margin-top: 4px;
    }
    .section-4 .privacy-textbox h4 {
        margin-top: 20px;
    }
    .section-5 h2 {
        font-size: 30px;
    }
    .section-5 h2 span {
        font-size: 15px;
    }
    .section-6 {
        background: #100e0b;
        padding: 23px 0 10px 0;
    }
    .section-6 h2 {
        font-size: 32px;
    }
    .section-6 .box h3 {
        font-size: 30px;
        line-height: 1.3;
    }
    .section-6 .box {
        margin-top: 40px;
    }
    .section-6 .box h4 {
        font-size: 20px;
    }
    .section-6 .box h4 span {
        font-size: 16px;
    }
    .section-6 .box h5 {
        font-size: 24px;
        padding-bottom: 4px;
        margin-top: 10px;
    }
    .section-6 .box .stripe2 .stripe2-iconn {
        font-size: 16px;
    }
    .section-6 .box .stripe2 .stripe2-text {
        font-size: 15px;
        margin-left: 31px;
        padding-top: 1px;
        line-height: 1.2;
    }
    .section-7 .comperision-head h2 {
        font-size: 26px;
    }
    .section-7 .comperision-head {
        padding: 40px 0 20px 0;
    }
    .section-7 .safe-bg {
        text-align: left;
    }
    .section-8 h5 {
        font-size: 17px;
        padding: 4px 0;
    }
    .section-8 h4 {
        margin-bottom: 0px;
        margin-left: 0px;
        margin-top: 14px;
        font-size: 16px;
    }
    .section-9 h3 {
        font-size: 29px;
        padding: 10px 0 40px 0;
        line-height: 40px;
    }
    .section-9 .sec-1 {
        margin-bottom: 10px;
    }
    .section-9 .sec-2 {
        margin-bottom: 10px;
    }
    .section-10 h2 {
        font-size: 26px;
        padding: 0px 0 10px 0;
    }
    .section-11 h2 {
        font-size: 25px;
    }
    .section-11 p strong {
        font-size: 16px;
        font-weight: 600;
    }
    .section-11 h4 {
        font-size: 20px;
    }
    .section-11 img {
        margin: 0 auto;
    }
    footer .links a {
        font-size: 13px;
        padding: 0px;
    }
}

@media(max-width:320px) {
    .side-navi-item {
        background: none;
        /* background: blue; */
        width: 0px;
    }
    .section-3 .package-1 {
        background: url(../img/320-img1.html)top center no-repeat rgba(0, 0, 0, 0.7);
        min-height: 200px;
        width: 290px;
    }
    .section-3 .package-2 {
        background: url(../img/320-img.html)top center no-repeat rgba(0, 0, 0, 0.7);
        min-height: 208px;
        width: 290px;
    }
    /*===============new add=======*/
    .section-1 .offer-bg h4 {
        display: initial;
        font-size: 19px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 800;
        text-align: left;
    }
    .section-1 .offer-bg h4 span {
        font-size: 14px;
        display: block;
        border-bottom: 1px solid #042e50;
        margin-bottom: 8px;
        padding-bottom: 5px;
    }
    /*===============new add=======*/
}

@media(max-width:1024px) {
    .track-order {
        display: none;
        position: fixed;
        right: 0px;
        top: 495px;
        z-index: 10;
    }
}

.section-1 .offer-bg img {
    margin-left: 6px;
    margin-top: -87px;
}

.section-1 .offer-bg h2 {
    font-size: 26px;
}

.section-1 .form-bg h3 {
    font-size: 26px;
}

.shop-tracking-status .form-horizontal {
    margin-bottom: 50px
}

.shop-tracking-status .order-status {
    margin: 75px 0px;
    position: relative;
}

.shop-tracking-status .order-status-timeline {
    height: 12px;
    border: 1px solid #aaa;
    border-radius: 7px;
    background: #eee;
    -webkit-box-shadow: 0px 0px 5px 0px #C2C2C2 inset;
            box-shadow: 0px 0px 5px 0px #C2C2C2 inset
}

.shop-tracking-status .order-status-timeline .order-status-timeline-completion {
    height: 8px;
    margin: 1px;
    border-radius: 7px;
    background: #cf7400;
    width: 0px
}

.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c1 {
    width: 22%
}

.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c2 {
    width: 46%
}

.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c3 {
    width: 70%
}

.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c4 {
    width: 100%
}

.shop-tracking-status .image-order-status {
    border: 1px solid #ddd;
    padding: 7px;
    -webkit-box-shadow: 0px 0px 10px 0px #999;
            box-shadow: 0px 0px 10px 0px #999;
    background-color: #fdfdfd;
    position: absolute;
    margin-top: -35px
}

.shop-tracking-status .image-order-status.disabled {
    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}

.shop-tracking-status .image-order-status.active {
    -webkit-box-shadow: 0px 0px 10px 0px #cf7400;
            box-shadow: 0px 0px 10px 0px #cf7400
}

.shop-tracking-status .image-order-status.active .status {
    color: #cf7400;
    text-shadow: 0px 0px 1px #777
}

.shop-tracking-status .image-order-status .icon {
    height: 40px;
    width: 40px;
    background-size: contain;
    background-position: no-repeat
}

.shop-tracking-status .image-order-status .status {
    position: absolute;
    text-shadow: 1px 1px #eee;
    color: #333;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    width: 180px;
    top: -50px;
    left: 50px
}

.shop-tracking-status .image-order-status .status:before {
    font-family: FontAwesome;
    content: "\f053";
    padding-right: 5px
}

.shop-tracking-status .image-order-status-new {
    left: 0
}

.shop-tracking-status .image-order-status-new .icon {
    background-image: url(../img/accepted.png);
}

.shop-tracking-status .image-order-status-active {
    left: 22%
}

.shop-tracking-status .image-order-status-active .icon {
    background-image: url(../img/progress.png);
}

.shop-tracking-status .image-order-status-intransit {
    left: 45%
}

.shop-tracking-status .image-order-status-intransit .icon {
    background-image: url(../img/shipped.png);
}

.shop-tracking-status .image-order-status-delivered {
    left: 70%
}

.shop-tracking-status .image-order-status-delivered .icon {
    background-image: url(../img/delivered.png);
}

.shop-tracking-status .image-order-status-delivered .status {
    top: 85px;
    left: -180px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    text-align: right
}

.shop-tracking-status .image-order-status-delivered .status:before {
    display: none
}

.shop-tracking-status .image-order-status-delivered .status:after {
    font-family: FontAwesome;
    content: "\f054";
    padding-left: 5px;
    vertical-align: middle
}

.shop-tracking-status .image-order-status-completed {
    right: 0px
}

.shop-tracking-status .image-order-status-completed .icon {
    background-image: url(../img/completed.png);
}

.shop-tracking-status .image-order-status-completed .status {
    top: 85px;
    left: -180px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    text-align: right
}

.shop-tracking-status .image-order-status-completed .status:before {
    display: none
}

.shop-tracking-status .image-order-status-completed .status:after {
    font-family: FontAwesome;
    content: "\f054";
    padding-left: 5px;
    vertical-align: middle
}

.track-order {
    position: fixed;
    right: 0px;
    top: 495px;
    z-index: 10;
}

.section-6 {
    background: url()top center no-repeat rgba(0, 0, 0) !important;
}

.section-1 .stock-bg .text-box h1 {
    font-size: 70px !important;
}

body {
    background: #000000 !important;
}

.es-list {
    top: 381px;
    width: 350px;
    display: none;
    left: 26px !important;
}

.footer {
    background: #000204 !important;
    color: #fff!important;
}

.old-price {
    position: absolute;
    color: red;
    text-decoration: line-through;
    font-size: 45px;
    bottom: 58px;
    left: 9px;
}

.new-price {
    position: absolute;
    color: yellow;
    font-size: 45px;
    bottom: 10px;
    left: 24px;
}
form .input-wrapper label {
    display: none;
    pointer-events: none;
  }
  
  form .input-wrapper {
    position: relative;
    margin: 0 auto 20px;
  }
  
  form .input-wrapper .error {
    border: 1px solid red!important;
    padding-top: 6px!important;
  }
  
  form .input-wrapper .error+label {
    width: 100%;
    height: 100%;
    color: red;
    display: block !important;
    font-size: 11px;
    line-height: 17px;
    position: absolute;
    top: 0;
    left: 10px;
    text-align: left!important;
  }
  
  form .input-wrapper .error+label:before,
  form .input-wrapper .error+label:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    width: 3px;
    height: 21px;
    background-color: red
  }
  
  form .input-wrapper .error+label:before {
    -webkit-transform: translate(0, -50%) rotate(135deg);
    transform: translate(0, -50%) rotate(135deg)
  }
  
  form .input-wrapper .error+label:after {
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg)
  }
 @media (max-width:991px) {
    .bottle-bg {
        margin-top: 20px;
    }
    .form-wrap {
        max-width: 480px;
        width: 100%;
        margin: 0 auto;
    }
    .section-11 .wrapper{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .buy-now {
        margin: 20px auto;
    }
 }

.section-1 .stock-bg .text-box .text-depart {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.section-1 .stock-bg .text-box .text-depart>p {
    font-size: 30px;
    text-decoration: line-through;
    color: red;
    width: 50%;
}
.section-1 .stock-bg .text-box .text-depart>div {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section-1 .stock-bg .text-box .text-depart>div>p {
    font-size: 36px;
    color: white;
}
.section-1 .stock-bg .text-box .text-depart>div>span {
    color: #a0a0a0;
}
.section-1 .stock-bg .text-box .text-depart>div>br {
}