body{
    position:relative;
    overflow-x:hidden;
}

/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/*****Content*****/

@media (max-width:900px){
    .content,.contentSmall,.contentSmaller{
        position:relative;
        margin:0px auto;
        width:90%;
    }
    .section{
        padding:30px 0px !important;
    }
}
@media (min-width:900px){
    .content{
        position:relative;
        margin:0px auto;
        width:85%
    }
    .contentSmall{
        position:relative;
        margin:0px auto;
        width:55%
    }
    .contentSmaller{
        position:relative;
        margin:0px auto;
        width:45%;
    }
    .section{
        padding:60px 0px !important;
    }
}

/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/**Header**/

#header{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    padding:25px 0px;
    z-index:999;
    background:rgba(255,255,255,0.98);
}
#header .logo{
    float:left;
    width:300px;
    height:75px;
    background:url("../images/logo.png") center no-repeat;
    background-size:cover;
}
#header .burger{
    float:right;
    width:50px;
    height:41px;
    margin-top:17px;
    background:url("../images/burger.png") center no-repeat;
    background-size:cover;
}
@media(max-width:900px){
    #header .logo{
        width:200px;
        height:50px;
    }
    #header .burger{
        width:30px;
        height:25px;
        margin-top:25px;
    }
}

#menu{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    padding-top:150px;
    padding-right:12%;
    background:#888888;
    /* background:rgba(0,0,0,0.5); */
    z-index:999;   
}
#menu #burger-close{
    position:absolute;
    top:35px;
    right:7.5%;
    width:60px;
    height:60px;
    background:url("../images/burger-close.png") center no-repeat;
    background-size:cover;
    z-index:999;   
}
@media(max-width:900px){
    #menu #burger-close{
        top:50px;
        right:5%;
        width:30px;
        height:30px;
    }
}

#socialMedia{
    position:fixed;
    top:20%;
    right:15px;
    width:50px;
    height:200px;
    z-index:999;
}


/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/**Footer**/

.horizontalLine{
    position:relative;
    width:100%;
    height:80px;
}

#footer{
    position:relative;
    width:100%;
    padding:100px 0px;
}

/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/**Home**/

#home{
    position:relative;
    width:100%;
}
#home #section1{
    position:relative;
    width:100% !important;
    padding-bottom:100px !important;
    background:#E88731;
}
#home #section1 #slide1{
    width:100%;
    height:920px;
    background:#FFF url("../images/banners/home.jpg") center -80px no-repeat;
    background-size:contain;
}
#home #section1 #slide1 .gif{
    position: absolute;
    right:-50%;
    top:calc(50% - 250px);
    width:800px;
    height:600px;
}
@media(max-width:1800px){
    #home #section1 #slide1{
        height:880px;
        background:#FFF url("../images/banners/home.jpg") center -30px no-repeat;
        background-size:contain;
    }   
    #home #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 250px);
        width:700px;
        height:530px;
    }
}
@media(max-width:1600px){
    #home #section1 #slide1{
        height:800px;
        background:#FFF url("../images/banners/home.jpg") center -30px no-repeat;
        background-size:contain;
    }   
    #home #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 250px);
        width:650px;
        height:490px;
    }
}
@media(max-width:1450px){
    #home #section1 #slide1{
        height:710px;
        background:#FFF url("../images/banners/home.jpg") center -30px no-repeat;
        background-size:contain;
    }   
    #home #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 250px);
        width:600px;
        height:450px;
    }
}
@media(max-width:1300px){
    #home #section1 #slide1{
        height:650px;
        background:#FFF url("../images/banners/home.jpg") center -20px no-repeat;
        background-size:contain;
    }  
    #home #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 250px);
        width:530px;
        height:420px;
    }
}
#home #section1 #slide1 #contactBtn{
    position:absolute;
    left:7%;
    bottom:10%;
}
@media(max-width:900px){
    #home #section1{
        padding-bottom:50px !important;
    }
    #home #section1 #slide1{
        width:100%;
        height:650px !important;
        background:#FFF url("../images/banners-mobile/home.jpg") center no-repeat;
        background-size:contain;
    }
    #home #section1 #slide1 .gif{
        display: none !important;
    }
}

@media(max-width:900px){
    #home #section2{
        margin-bottom:20px;
    }
    #home #section2 .text{
        margin-top:30px;
    }
    #home #section2 .greyBox{
        position:absolute;
        top:110px;
        right:10%;
        width:80%;
        height:52%;
        background:#E8E4EA;
        z-index:-1;
    }
}

@media(min-width:900px){
    #home #section2{
        margin-bottom:200px;
    }
    #home #section2 .text{
        float:left;
        width:70%;
        margin-top:300px;
    }
    #home #section2 .image{
        float:right;
        width:30%;
    }
    #home #section2 .greyBox{
        position:absolute;
        top:220px;
        right:0px;
        width:65%;
        height:80%;
        background:#E8E4EA;
        z-index:-1;
    }
}

#home #section4 .box{
    height:530px;
    padding:20px 30px 40px 30px;
    border-radius: 15px;
}
@media(max-width:900px){
    #home #section4 .box{
        height:auto;
    }   
}

#home #section5{
    margin-top:60px;
    margin-bottom:150px;
}
@media(max-width:900px){
    #home #section5{
        margin-top:40px;
        margin-bottom:60px;
    }
}
#home #section5 .box{
    position: absolute;
    top:-50px;
    left:20%;
    width:60%;
    height:calc(100% + 150px);
}


/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/**Why Inheso**/

#whyInheso{
    position:relative;
    width:100%;
}
#whyInheso #section1{
    position:relative;
    width:100% !important;
    padding-bottom:100px !important;
    background:#00ADA8;
}
#whyInheso #section1 #slide1{
    width:100%;
    height:920px;
    background:url("../images/banners/whyInheso.jpg") left no-repeat;
    background-size:contain;
}
#whyInheso #section1 #slide1 .gif{
    position: absolute;
    right:-50%;
    top:calc(50% - 250px);
    width:700px;
    height:700px;
}
@media(max-width:1800px){
    #whyInheso #section1 #slide1{
        height:880px;
        background:#FFF url("../images/banners/whyInheso.jpg") left no-repeat;
        background-size:contain;
    }   
    #whyInheso #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 200px);
        width:600px;
        height:600px;
    }
}
@media(max-width:1600px){
    #whyInheso #section1 #slide1{
        height:800px;
        background:#FFF url("../images/banners/whyInheso.jpg") left no-repeat;
        background-size:contain;
    }   
    #whyInheso #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 180px);
        width:500px;
        height:500px;
    }
}
@media(max-width:1450px){
    #whyInheso #section1 #slide1{
        height:710px;
        background:#FFF url("../images/banners/whyInheso.jpg") left no-repeat;
        background-size:contain;
    }   
    #whyInheso #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 170px);
        width:450px;
        height:450px;
    }
}
@media(max-width:1300px){
    #whyInheso #section1 #slide1{
        height:650px;
        background:#FFF url("../images/banners/whyInheso.jpg") left no-repeat;
        background-size:contain;
    }   
    #whyInheso #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 150px);
        width:400px;
        height:400px;
    }
}
#whyInheso #section1 #slide1 #contactBtn{
    position:absolute;
    left:7%;
    bottom:10%;
}
@media(max-width:900px){
    #whyInheso #section1{
        padding-bottom:50px !important;
    }
    #whyInheso #section1 #slide1{
        width:100%;
        height:650px !important;
        background:#FFF url("../images/banners-mobile/whyInheso.jpg") center no-repeat;
        background-size:contain;
    }
    #whyInheso #section1 #slide1 .gif{
        display: none !important;
    }
}

#whyInheso #section2 .box{
    height:660px;
    padding:40px 30px 40px 30px;
    border-radius: 15px;
    background:#E8E4EA;
}
@media(max-width:900px){
    #whyInheso #section2 .box{
        height:auto;
    }   
}

#whyInheso #section2 .box .image{
    position:relative;
    margin:0px auto;
    width:180px;
    height:180px;
    border-radius:50%;
    background:#FFF;
}

#whyInheso #section4 .number{
    position:absolute;
    top:-15px;
    left:-130px;
    width:100px;
    height:50px;
}


/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/**Supplements**/

#supplements{
    position:relative;
    width:100%;
}
#supplements #section1{
    position:relative;
    width:100% !important;
    padding-bottom:100px !important;
    background:#D7325A;
}
#supplements #section1 #slide1{
    width:100%;
    height:920px;
    background:url("../images/banners/supplements.jpg") left no-repeat;
    background-size:contain;
}
#supplements #section1 #slide1 .gif{
    position: absolute;
    right:-50%;
    top:calc(50% - 220px);
    width:550px;
    height:550px;
}
@media(max-width:1800px){
    #supplements #section1 #slide1{
        height:880px;
        background:#FFF url("../images/banners/supplements.jpg") left no-repeat;
        background-size:contain;
    }   
    #supplements #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 220px);
        width:500px;
        height:500px;
    }
}
@media(max-width:1600px){
    #supplements #section1 #slide1{
        height:800px;
        background:#FFF url("../images/banners/supplements.jpg") left no-repeat;
        background-size:contain;
    }   
    #supplements #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 170px);
        width:430px;
        height:430px;
    }
}
@media(max-width:1450px){
    #supplements #section1 #slide1{
        height:710px;
        background:#FFF url("../images/banners/supplements.jpg") left no-repeat;
        background-size:contain;
    }   
    #supplements #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 150px);
        width:380px;
        height:380px;
    }
}
@media(max-width:1300px){
    #supplements #section1 #slide1{
        height:650px;
        background:#FFF url("../images/banners/supplements.jpg") left no-repeat;
        background-size:contain;
    }   
    #supplements #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 120px);
        width:350px;
        height:350px;
    }
}
#supplements #section1 #slide1 #contactBtn{
    position:absolute;
    left:7%;
    bottom:10%;
}
@media(max-width:900px){
    #supplements #section1{
        padding-bottom:50px !important;
    }
    #supplements #section1 #slide1{
        width:100%;
        height:650px !important;
        background:#FFF url("../images/banners-mobile/supplements.jpg") center no-repeat;
        background-size:contain;
    }
    #supplements #section1 #slide1 .gif{
        display: none !important;
    }
}

#supplements #section3 .box{
    height:380px;
    padding:40px 30px 40px 30px;
    border-radius: 15px;
    background:#E8E4EA;
}
#supplements #section3 .box .image{
    position:relative;
    margin:0px auto;
    width:180px;
    height:180px;
    border-radius:50%;
    background:#FFF;
}

@media(max-width:900px){
    #supplements #section2 .box{
        height:auto;
    }   
}


/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/**Bottling**/

#bottling{
    position:relative;
    width:100%;
}
#bottling #section1{
    position:relative;
    width:100% !important;
    padding-bottom:100px !important;
    background:#D7325A;
}
#bottling #section1 #slide1{
    width:100%;
    height:920px;
    background:#FFF url("../images/banners/bottling.jpg") left no-repeat;
    background-size:contain;
}
#bottling #section1 #slide1 .gif{
    position: absolute;
    right:0px;
    bottom:0px;
    width:900px;
    height:680px;
    background:url("../images/gif/bottling.png") center no-repeat;
    background-size:cover;
}
@media(max-width:1800px){
    #bottling #section1 #slide1{
        height:880px;
        background:#FFF url("../images/banners/bottling.jpg") left no-repeat;
        background-size:contain;
    }   
    #bottling #section1 #slide1 .gif{
        position: absolute;
        right:0px;
        bottom:0px;
        width:850px;
        height:640px;
        background:url("../images/gif/bottling.png") center no-repeat;
        background-size:cover;
    }
}
@media(max-width:1600px){
    #bottling #section1 #slide1{
        height:800px;
        background:#FFF url("../images/banners/bottling.jpg") left no-repeat;
        background-size:contain;
    }   
    #bottling #section1 #slide1 .gif{
        position: absolute;
        right:0px;
        bottom:0px;
        width:800px;
        height:600px;
        background:url("../images/gif/bottling.png") center no-repeat;
        background-size:cover;
    }
}
@media(max-width:1450px){
    #bottling #section1 #slide1{
        height:770px;
        background:#FFF url("../images/banners/bottling.jpg") left no-repeat;
        background-size:contain;
    }   
    #bottling #section1 #slide1 .gif{
        position: absolute;
        right:0px;
        bottom:0px;
        width:750px;
        height:570px;
        background:url("../images/gif/bottling.png") center no-repeat;
        background-size:cover;
    }
}
@media(max-width:1300px){
    #bottling #section1 #slide1{
        height:720px;
        background:#FFF url("../images/banners/bottling.jpg") left  no-repeat;
        background-size:contain;
    }   
    #bottling #section1 #slide1 .gif{
        position: absolute;
        right:0px;
        bottom:0px;
        width:700px;
        height:550px;
        background:url("../images/gif/bottling.png") center no-repeat;
        background-size:cover;
    }
}
#bottling #section1 #slide1 #contactBtn{
    position:absolute;
    left:7%;
    bottom:10%;
}
@media(max-width:900px){
    #bottling #section1{
        padding-bottom:50px !important;
    }
    #bottling #section1 #slide1{
        width:100%;
        height:650px !important;
        background:#FFF url("../images/banners-mobile/bottling.jpg") center no-repeat;
        background-size:contain;
    }
    #bottling #section1 #slide1 .gif{
        display: none !important;
    }
}

#bottling #section3 .box{
    height:250px;
    padding:40px 30px 40px 30px;
    border-radius: 15px;
    background:#E8E4EA;
}

#bottling #section5 .box{
    height:350px;
    padding:20px;
    border-radius: 15px;
    background:#FFF;
}

#bottling #section6 .box{
    height:300px;
    padding:20px;
    border-radius: 15px;
    background:#FFF;
}
@media(max-width:900px){
    #bottling #section2 .box,#bottling #section5 .box,#bottling #section6 .box{
        height:auto;
    }   
}



/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/**Bulk Wholesale**/

#bulkWholesale{
    position:relative;
    width:100%;
}
#bulkWholesale #section1{
    position:relative;
    width:100% !important;
    height:auto !important;
    padding-bottom:100px !important;
    background:#D7325A;
    overflow: hidden !important;
}
#bulkWholesale #section1 #slide1{
    width:100%;
    height:920px;
    background:#FFF url("../images/banners/bulkWholesale.jpg") left no-repeat;
    background-size:contain;
}
#bulkWholesale #section1 #slide1 .gif{
    position: absolute;
    right:0px;
    bottom:0px;
    width:800px;
    height:600px;
    background:url("../images/gif/bulkWholesale.png") center no-repeat;
    background-size:cover;
}
@media(max-width:1800px){
    #bulkWholesale #section1 #slide1{
        height:880px;
        background:#FFF url("../images/banners/bulkWholesale.jpg") left no-repeat;
        background-size:contain;
    }  
    #bulkWholesale #section1 #slide1 .gif{
        position: absolute;
        right:0px;
        bottom:0px;
        width:700px;
        height:530px;
        background:url("../images/gif/bulkWholesale.png") center no-repeat;
        background-size:cover;
    } 
}
@media(max-width:1600px){
    #bulkWholesale #section1 #slide1{
        height:800px;
        background:#FFF url("../images/banners/bulkWholesale.jpg") left no-repeat;
        background-size:contain;
    }   
    #bulkWholesale #section1 #slide1 .gif{
        position: absolute;
        right:0px;
        bottom:0px;
        width:600px;
        height:450px;
        background:url("../images/gif/bulkWholesale.png") center no-repeat;
        background-size:cover;
    } 
}
@media(max-width:1450px){
    #bulkWholesale #section1 #slide1{
        height:720px;
        background:#FFF url("../images/banners/bulkWholesale.jpg") left no-repeat;
        background-size:contain;
    }   
    #bulkWholesale #section1 #slide1 .gif{
        position: absolute;
        right:0px;
        bottom:0px;
        width:550px;
        height:420px;
        background:url("../images/gif/bulkWholesale.png") center no-repeat;
        background-size:cover;
    } 
}
@media(max-width:1300px){
    #bulkWholesale #section1 #slide1{
        height:670px;
        background:#FFF url("../images/banners/bulkWholesale.jpg") left no-repeat;
        background-size:contain;
    }  
    #bulkWholesale #section1 #slide1 .gif{
        position: absolute;
        right:0px;
        bottom:0px;
        width:500px;
        height:375px;
        background:url("../images/gif/bulkWholesale.png") center no-repeat;
        background-size:cover;
    }  
}
#bulkWholesale #section1 #slide1 #contactBtn{
    position:absolute;
    left:7%;
    bottom:10%;
}
@media(max-width:900px){
    #bulkWholesale #section1{
        padding-bottom:50px !important;
    }
    #bulkWholesale #section1 #slide1{
        width:100%;
        height:650px !important;
        background:#FFF url("../images/banners-mobile/bulkWholesale.jpg") center no-repeat;
        background-size:contain;
    }
    #bulkWholesale #section1 #slide1 .gif{
        display: none !important;
    }
}

#bulkWholesale #section3 .box{
    height:380px;
    padding:40px 20px 40px 20px;
    border-radius: 15px;
    background:#E8E4EA;
}

@media(max-width:900px){
    #bulkWholesale #section2 .box{
        height:auto;
    }   
}



/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/**On Demand**/

#onDemand{
    position:relative;
    width:100%;
}
#onDemand #section1{
    position:relative;
    width:100% !important;
    padding-bottom:100px !important;
    background:#D7325A;
}
#onDemand #section1 #slide1{
    width:100%;
    height:920px;
    background:#FFF url("../images/banners/onDemand.jpg") left no-repeat;
    background-size:contain;
}
#onDemand #section1 #slide1 .gif{
    position: absolute;
    right:0px;
    bottom:0px;
    width:900px;
    height:680px;
    background:url("../images/gif/onDemand.png") center no-repeat;
    background-size:cover;
}
@media(max-width:1800px){
    #onDemand #section1 #slide1{
        height:880px;
        background:#FFF url("../images/banners/onDemand.jpg") left no-repeat;
        background-size:contain;
    }   
    #onDemand #section1 #slide1 .gif{
        position: absolute;
        right:0px;
        bottom:0px;
        width:800px;
        height:640px;
        background:url("../images/gif/onDemand.png") center no-repeat;
        background-size:cover;
    }
}
@media(max-width:1600px){
    #onDemand #section1 #slide1{
        height:800px;
        background:#FFF url("../images/banners/onDemand.jpg") left no-repeat;
        background-size:contain;
    }   
    #onDemand #section1 #slide1 .gif{
        position: absolute;
        right:0px;
        bottom:0px;
        width:750px;
        height:570px;
        background:url("../images/gif/onDemand.png") center no-repeat;
        background-size:cover;
    }
}
@media(max-width:1450px){
    #onDemand #section1 #slide1{
        height:750px;
        background:#FFF url("../images/banners/onDemand.jpg") left no-repeat;
        background-size:contain;
    }   
    #onDemand #section1 #slide1 .gif{
        position: absolute;
        right:0px;
        bottom:0px;
        width:700px;
        height:550px;
        background:url("../images/gif/onDemand.png") center no-repeat;
        background-size:cover;
    }
}
@media(max-width:1300px){
    #onDemand #section1 #slide1{
        height:700px;
        background:#FFF url("../images/banners/onDemand.jpg") left no-repeat;
        background-size:contain;
    } 
    #onDemand #section1 #slide1 .gif{
        position: absolute;
        right:0px;
        bottom:0px;
        width:650px;
        height:490px;
        background:url("../images/gif/onDemand.png") center no-repeat;
        background-size:cover;
    }  
}
#onDemand #section1 #slide1 #contactBtn{
    position:absolute;
    left:7%;
    bottom:10%;
}

@media(max-width:900px){
    #onDemand #section1{
        padding-bottom:50px !important;
    }
    #onDemand #section1 #slide1{
        width:100%;
        height:650px !important;
        background:#FFF url("../images/banners-mobile/onDemand.jpg") center no-repeat;
        background-size:contain;
    }
    #onDemand #section1 #slide1 .gif{
        display: none !important;
    }
}


/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/**Create Your Own**/

#createOwn{
    position:relative;
    width:100%;
}
#createOwn #section1{
    position:relative;
    width:100% !important;
    padding-bottom:100px !important;
    background:#4BB748;
}
#createOwn #section1 #slide1{
    width:100%;
    height:920px;
    background:url("../images/banners/createOwn.jpg") left no-repeat;
    background-size:contain;
}
#createOwn #section1 #slide1 .gif{
    position: absolute;
    right:-50%;
    top:calc(50% - 150px);
    width:600px;
    height:400px;
}

@media(max-width:1800px){
    #createOwn #section1 #slide1{
        height:880px;
        background:#FFF url("../images/banners/createOwn.jpg") left no-repeat;
        background-size:contain;
    }   
    #createOwn #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 120px);
        width:550px;
        height:365px;
    }
}
@media(max-width:1600px){
    #createOwn #section1 #slide1{
        height:800px;
        background:#FFF url("../images/banners/createOwn.jpg") left no-repeat;
        background-size:contain;
    }   
    #createOwn #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 100px);
        width:500px;
        height:333px;
    }
}
@media(max-width:1450px){
    #createOwn #section1 #slide1{
        height:750px;
        background:#FFF url("../images/banners/createOwn.jpg") left no-repeat;
        background-size:contain;
    }   
    #createOwn #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 80px);
        width:450px;
        height:300px;
    }
}
@media(max-width:1300px){
    #createOwn #section1 #slide1{
        height:700px;
        background:#FFF url("../images/banners/createOwn.jpg") left no-repeat;
        background-size:contain;
    }   
    #createOwn #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 60px);
        width:400px;
        height:266px;
    }
}
@media(max-width:900px){
    #createOwn #section1{
        padding-bottom:50px !important;
    }
    #createOwn #section1 #slide1{
        width:100%;
        height:650px !important;
        background:#FFF url("../images/banners-mobile/createOwn.jpg") center no-repeat;
        background-size:contain;
    }
    #createOwn #section1 #slide1 .gif{
        display: none !important;
    }
}

#createOwn #section3 .box{
    height:400px;
    padding:40px 30px 40px 30px;
    border-radius: 15px;
    background:#E8E4EA;
}

@media(max-width:900px){
    #createOwn #section2 .box{
        height:auto;
    }   
}


/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/**Create Your Own**/

#contactus{
    position:relative;
    width:100%;
}
#contactus #section1{
    position:relative;
    width:100% !important;
    padding-bottom:100px !important;
    background:#00ADA8;
}
#contactus #section1 #slide1{
    width:100%;
    height:920px;
    background:url("../images/banners/contactus.jpg") left no-repeat;
    background-size:cover;
}
#contactus #section1 #slide1 .gif{
    position: absolute;
    right:-50%;
    top:calc(50% - 250px);
    width:400px;
    height:606px;
}
@media(max-width:1800px){
    #contactus #section1 #slide1{
        height:880px;
        background:#FFF url("../images/banners/contactus.jpg") left no-repeat;
        background-size:contain;
    }   
    #contactus #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 230px);
        width:370px;
        height:560px;
    }
}
@media(max-width:1600px){
    #contactus #section1 #slide1{
        height:800px;
        background:#FFF url("../images/banners/contactus.jpg") left no-repeat;
        background-size:contain;
    } 
    #contactus #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 200px);
        width:330px;
        height:500px;
    }  
}
@media(max-width:1450px){
    #contactus #section1 #slide1{
        height:750px;
        background:#FFF url("../images/banners/contactus.jpg") left no-repeat;
        background-size:contain;
    }   
    #contactus #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 180px);
        width:300px;
        height:455px;
    }   
}
@media(max-width:1300px){
    #contactus #section1 #slide1{
        height:700px;
        background:#FFF url("../images/banners/contactus.jpg") left no-repeat;
        background-size:contain;
    } 
    #contactus #section1 #slide1 .gif{
        position: absolute;
        right:-50%;
        top:calc(50% - 160px);
        width:270px;
        height:410px;
    }   
}
@media(max-width:900px){
    #contactus #section1{
        padding-bottom:50px !important;
    }
    #contactus #section1 #slide1{
        width:100%;
        height:650px !important;
        background:#FFF url("../images/banners-mobile/contactus.jpg") center no-repeat;
        background-size:contain;
    }
    #contactus #section1 #slide1 .gif{
        display: none !important;
    }
}

#contactus #section2 input[type="text"]{
    width:100%;
    border:0px;
    outline:none;
    padding:15px 20px;
    border-radius:20px;
    background:#FFF;
}
#contactus #section2 textarea{
    width:100%;
    height:150px;
    border:0px;
    outline:none;
    padding:15px 20px;
    border-radius:20px;
    resize:none;
    background:#FFF;
}

#contactus #section2 input[type="button"]{
    width:30%;
    border:0px;
    outline:none;
    padding:15px 20px;
    border-radius:30px;
    color:#FFF;
    background:#00ADA8;
}
#contactus #section2 input[type="button"]:hover{
    background:#888888;
}



/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/**Swiper Bullets**/

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border:1px solid #2D2C2F;
    background: #FFF;
}
.swiper-pagination-bullet:hover{
    width: 15px;
    height: 15px;
    border:1px solid #2D2C2F;
    background: #2D2C2F;
}
.swiper-pagination-bullet-active {
    background:#2D2C2F;
}