body {
    font-family: 'Roboto', sans-serif;
}

.fs26 {
    font-size: 26px;
}

.popular-item-descr-2 p {
    margin-top: 8px;
    font-size: 16px;
    color: #818a91;
}

.cl1 {
    height: 26px;
    /* width: 74%; */
    background-color: gainsboro;
}

.popular-item-img-re {
    width: 100%;
    position: relative;
}

.popular-item-descr p {
    margin-top: 8px;
    font-size: 22px;
    color: #e62424;
    /*color: #818a91;*/
}

.input-mini {
    width: 150%;
    height: 150%;
}

.pb4 {
    padding-bottom: 4%;
}

.mpt {
    margin-left: -16%;
    padding-top: 9%;
}

.mt7 {
    margin-top: 7%;
}

.banner1 {
    background: #2a7a42;
    background-size: cover;
    padding: 5% 0 0% 0;
    background-position: 50% 0;
}

.checker {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    margin: -2px 0% 13% 0%;
    padding: 0;
    position: relative;
    width: 18px;
    height: 19px;
    margin-right: 14px;
}

.p4 {
    padding-top: 4%;
}

.d {
    margin-left: -37px;
    margin-top: 10px;
}

.mt_top {
    margin-top: -30%;
}

.ig {
    width: 40%;
    padding-top: 1%;
}

.w85 {
    width: 85%;
}

.mt-20 {
    margin-top: -20%;
}

.bl {
    color: #65e0c3;
}

.yellow4 {
    color: #ccdd66;
}

.md34 {
    font-size: 34px;
    <div class="banner12"> <div class="container"> <div class="text-center"> <p class="md30 sm20 xs18 lh120 w600"> Make Horoscopes In Any of These Languages </p> <div class="bdrlinee"></div> </div> <div class="text-center mt5"> <img src="~/Content/ChildHor/lang2.png" class="img-responsive center-block width25" /> </div> </div> </div>
}

.header-menu ul li a {
    position: relative;
    padding-left: 50px;
    padding-right: 40px;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    -webkit-transition: .5s;
    transition: .5s;
}

footer {
    width: 100%;
    float: left;
    background: #ececec;
    padding: 25px 0;
}

.wt31 {
    width: 31%;
}

.fs18 {
    font-size: 18px;
}

.footer-strip p {
    width: 100%;
    float: left;
    text-align: center;
    color: #FFF;
    font-weight: 600;
    padding: 10px 0;
    margin: 0;
}

.footer-link ul li a {
    font-size: 18px;
    font-weight: 300;
    color: #09031d;
}

.boxtop {
    background-color: white;
    border-radius: 12px;
    padding: 1% 0% 3px 0%;
    margin-right: 71px;
}

.mt4 {
    margin-top: 4%;
}

.eb {
    margin-bottom: -273px;
}

.lh33 {
    line-height: 33px;
}

.fs35 {
    font-size: 35px;
}

.fs31 {
    font-size: 31px;
}

.fs20 {
    font-size: 20px;
}

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,200,400,300,600,700);
/*Fonts*/


.montserrat {
    font-family: Montserrat;
}

.opensans {
    font-family: open sans;
}

.lato {
    font-family: lato;
}

.w45 {
    width: 35%;
}

.w20 {
    width: 20%;
}

.gap1 {
    margin-left: 1%;
    margin-right: 1%;
}

.fz24 {
    font-size: 24px !important;
}

.fz25 {
    font-size: 25px !important;
}

.fz42 {
    font-size: 42px !important;
    color: #fff338 !important;
}

.fz30 {
    font-size: 30px !important;
}


.bg4 {
    background-image: url('../../jvimg/bg4.png');
}

.pdright10 {
    padding-right: 10px;
}

.fz40 {
    font-size: 40px !important;
    text-align: center;
}


.bgcolour {
    background: url('../../jvimg/inputbg.png') no-repeat center center;
    background-size: cover;
    padding: 1% 0 2% 0;
    position: relative;
}

.pragraph p {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 40px;
}

.prizebgline {
    margin-top: 2px;
    height: 1px;
    background: #d4d4d4;
}

.contestouter {
    background: #fff;
    padding: 15px 7px;
    border: 1px solid #e2e5ea;
    border-radius: 6px;
    display: table;
    margin: auto;
}

.contestinner1 {
    background: #313b4a;
    padding: 2% 6%;
    display: inline;
    margin: auto;
    border-radius: 4px;
}

.contestinner2 {
    background: #2cbc65;
    padding: 1% 25px;
    display: inline;
    margin: auto;
    border-radius: 4px;
}

.ls-1 {
    letter-spacing: -0.5px;
}

.ls-2 {
    letter-spacing: -1px;
}
/*Common*/



@media (min-width:240px) {
    .xs8 {
        font-size: 8px;
    }

    .xs9 {
        font-size: 9px;
    }

    .xs10 {
        font-size: 10px;
    }

    .xs11 {
        font-size: 11px;
    }

    .xs12 {
        font-size: 12px;
    }

    .xs13 {
        font-size: 13px;
    }

    .xs14 {
        font-size: 14px;
    }

    .xs15 {
        font-size: 15px;
    }

    .xs16 {
        font-size: 16px;
    }

    .xs17 {
        font-size: 17px;
    }

    .xs18 {
        font-size: 18px;
    }

    .xs19 {
        font-size: 19px;
    }

    .xs20 {
        font-size: 20px;
    }

    .xs21 {
        font-size: 21px;
    }

    .xs22 {
        font-size: 22px;
    }

    .xs23 {
        font-size: 23px;
    }

    .xs25 {
        font-size: 25px;
    }

    .xs27 {
        font-size: 27px;
    }

    .xs29 {
        font-size: 29px;
    }

    .xs31 {
        font-size: 31px;
    }

    .xs33 {
        font-size: 33px;
    }

    .xs35 {
        font-size: 35px;
    }

    .xs37 {
        font-size: 37px;
    }

    .xs39 {
        font-size: 39px;
    }

    .xs40 {
        font-size: 40px;
    }

    .xs41 {
        font-size: 41px;
    }

    .xs43 {
        font-size: 43px;
    }

    .xs45 {
        font-size: 45px;
    }

    .xs47 {
        font-size: 47px;
    }

    .xs49 {
        font-size: 49px;
    }

    .xs51 {
        font-size: 51px;
    }

    .xs70 {
        font-size: 70px;
    }

    .xs70 {
        font-size: 70px;
    }

    .xs80 {
        font-size: 80px;
    }

    .mt-viral {
        margin-top: 2%;
    }

    .mobclear {
        clear: none;
    }

    .mobile-center {
        text-align: center;
    }

    .xsmt0 {
        margin-top: 0%;
    }

    .xsmt1 {
        margin-top: 1%;
    }

    .xsmt2 {
        margin-top: 2%;
    }

    .xsmt3 {
        margin-top: 3%;
    }

    .xsmt4 {
        margin-top: 4%;
    }

    .xsmt5 {
        margin-top: 5%;
    }

    .xsmt6 {
        margin-top: 6%;
    }

    .xsmt8 {
        margin-top: 8%;
    }

    .xsmt13 {
        margin-top: 13%;
    }

    .xsmb1 {
        margin-bottom: 1%;
    }

    .xsmb2 {
        margin-bottom: 2%;
    }

    .xsmb0 {
        margin-bottom: 0%;
    }

    .timerbg {
        background: #35455c none;
        background-size: cover;
        padding: 1% 0 2% 0;
    }

    .fbbg {
        background: #e9e9e9 none;
        background-size: cover;
        padding: 3% 0;
    }

    .mycontainer {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .paddingmob0 {
        padding: 0 15px;
    }

    .datebox {
        background: rgba(0,0,0,0.4);
        padding: 6px;
        border-radius: 12px;
        display: block;
        margin: 4% auto 0 auto;
        width: 90%;
    }

    .demovideo {
        position: static;
        width: 100%;
        top: 20px;
        left: 85px;
    }

    .lappy {
        position: relative;
        right: 0;
        margin-top: 20px;
    }

    .mobileleftright {
        text-align: left;
    }

    .mobilecenterright {
        text-align: center;
    }

    .mobilecenter {
        text-align: center;
    }

    .navbar-default {
        background-color: #fff;
        border-color: #e7e7e7;
        margin-top: 0px;
        padding-bottom: 0;
    }

    .mroto3 {
        margin: auto;
    }

    .mroto4 {
        margin: auto;
    }

    .mroto5 {
        margin: auto;
    }

    .bgvideo {
        background-image: none;
    }

    .mrauto {
        margin-top: auto !important;
    }
}

@media (min-width:768px) {
    .navbar-default {
        background-color: transparent;
        border-color: #e7e7e7;
        margin-top: 0px;
        padding-bottom: 0;
    }

    .paddingmob0 {
        padding: 0;
    }

    .mobileleftright {
        text-align: right;
    }

    .mobilecenterright {
        text-align: right;
    }

    .mobilecenter {
        text-align: left;
    }

    .lmt-7 {
        margin-top: -7.5%;
    }

    .white {
        color: #fff;
    }





    .fbbg {
        background: #e9e9e9 url('../../jvimg/fbbg.png') no-repeat right center;
        background-size: cover;
        padding: 3% 0;
    }

    .timerbg {
        background: #35455c url('../../jvimg/timerbg.png') no-repeat left center;
        background-size: cover;
        padding: 1% 0 2% 0;
    }

    .sm8 {
        font-size: 8px;
    }

    .sm9 {
        font-size: 9px;
    }

    .sm10 {
        font-size: 10px;
    }

    .sm11 {
        font-size: 11px;
    }

    .sm12 {
        font-size: 12px;
    }

    .sm13 {
        font-size: 13px;
    }

    .sm14 {
        font-size: 14px;
    }

    .sm15 {
        font-size: 15px;
    }

    .sm16 {
        font-size: 16px;
    }

    .sm17 {
        font-size: 17px;
    }

    .sm18 {
        font-size: 18px;
    }

    .sm19 {
        font-size: 19px;
    }

    .sm20 {
        font-size: 20px;
    }

    .sm21 {
        font-size: 21px;
    }

    .sm23 {
        font-size: 23px;
    }

    .sm25 {
        font-size: 25px;
    }

    .sm27 {
        font-size: 27px;
    }

    .sm29 {
        font-size: 29px;
    }

    .sm31 {
        font-size: 31px;
    }

    .sm33 {
        font-size: 33px;
    }

    .sm35 {
        font-size: 35px;
    }

    .sm37 {
        font-size: 37px;
    }

    .sm39 {
        font-size: 39px;
    }

    .sm41 {
        font-size: 41px;
    }

    .sm43 {
        font-size: 43px;
    }

    .sm45 {
        font-size: 45px;
    }

    .sm47 {
        font-size: 47px;
    }

    .sm49 {
        font-size: 49px;
    }

    .sm51 {
        font-size: 51px;
    }

    .sm60 {
        font-size: 60px;
    }

    .sm70 {
        font-size: 70px;
    }

    .sm100 {
        font-size: 100px;
    }

    .sm130 {
        font-size: 130px;
    }

    .mt-viral {
        margin-top: 20%;
    }

    .mobclear {
        clear: both;
    }

    .mobile-center {
        text-align: left;
    }

    .lmt0 {
        margin-top: 0%;
    }

    .lmt1 {
        margin-top: 1%;
    }

    .lmt2 {
        margin-top: 2%;
    }

    .lmt3 {
        margin-top: 3%;
    }

    .lmt4 {
        margin-top: 4%;
    }

    .lmt5 {
        margin-top: 5%;
    }

    .lmt13 {
        margin-top: 13%;
    }

    .lmt5 {
        margin-top: 5%;
    }

    .lmt6 {
        margin-top: 6%;
    }

    .lmt8 {
        margin-top: 8%;
    }

    .lmt10 {
        margin-top: 10%;
    }

    .lmt-5 {
        margin-top: -5%;
    }

    .lmb1 {
        margin-bottom: 1%;
    }

    .lmb2 {
        margin-bottom: 2%;
    }

    .absimage {
        position: relative;
        top: 50px;
    }

    .mycontainer {
        width: 750px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .center {
        text-align: center !important;
    }

    .lappy {
        position: relative;
        right: 0;
        bottom: -70px;
    }

    .demovideo {
        position: absolute;
        width: 534px;
        height: 335px;
        top: 24px;
        left: 95px;
    }
}

@media (min-width:992px) {
    .md8 {
        font-size: 8px;
    }

    .md9 {
        font-size: 9px;
    }

    .md10 {
        font-size: 10px;
    }

    .md11 {
        font-size: 11px;
    }

    .md12 {
        font-size: 12px;
    }

    .md13 {
        font-size: 13px;
    }

    .md14 {
        font-size: 14px;
    }

    .md15 {
        font-size: 15px;
    }

    .md16 {
        font-size: 16px;
    }

    .md17 {
        font-size: 17px;
    }

    .md18 {
        font-size: 18px;
    }

    .md19 {
        font-size: 19px;
    }

    .md20 {
        font-size: 20px;
    }

    .md21 {
        font-size: 21px;
    }

    .md22 {
        font-size: 22px;
    }

    .md23 {
        font-size: 23px;
    }

    .md24 {
        font-size: 24px;
    }

    .md25 {
        font-size: 25px;
    }

    .md27 {
        font-size: 27px;
    }

    .md29 {
        font-size: 29px;
    }

    .md30 {
        font-size: 30px;
    }

    .md31 {
        font-size: 31px;
    }

    .md32 {
        font-size: 32px;
    }

    .md33 {
        font-size: 33px;
    }

    .md35 {
        font-size: 35px;
    }

    .md36 {
        font-size: 36px;
    }

    .md37 {
        font-size: 37px;
    }

    .md38 {
        font-size: 38px;
    }

    .md39 {
        font-size: 39px;
    }

    .md41 {
        font-size: 41px;
    }

    .md43 {
        font-size: 43px;
    }

    .md45 {
        font-size: 45px;
    }

    .md47 {
        font-size: 47px;
    }

    .md49 {
        font-size: 49px;
    }

    .md50 {
        font-size: 50px;
    }

    .md51 {
        font-size: 51px;
    }

    .md53 {
        font-size: 53px;
    }

    .md55 {
        font-size: 55px;
    }

    .md65 {
        font-size: 65px;
    }

    .md60 {
        font-size: 60px;
    }

    .md75 {
        font-size: 75px;
    }

    .md70 {
        font-size: 70px;
    }

    .md80 {
        font-size: 80px;
    }

    .md170 {
        font-size: 170px;
    }

    .absimage {
        position: absolute;
        top: 70px;
    }

    .mycontainer {
        width: 970px;
    }

    .lappy {
        position: relative;
        right: -30px;
        bottom: -50px;
    }

    .demovideo {
        position: absolute;
        width: 431px;
        height: 269px;
        top: 28px;
        left: 83px;
    }
}

@media (min-width:1300px) {
    .demovideo {
        position: absolute;
        width: 73%;
        height: 330px;
        top: 35px;
        left: 99px;
    }
}

@media (min-width:1200px) {
    .mycontainer {
        width: 1170px;
    }


    .lappy {
        position: relative;
        right: -5px;
        bottom: -40px;
    }

    .demovideo {
        position: absolute;
        width: 76%;
        height: 432px;
        top: 26px;
        left: 113px;
    }
}




.datebox {
    background: rgba(0,0,0,0.4);
    padding: 1% 0 3% 0;
    border-radius: 16px;
    display: block;
    margin: 8% auto 0 auto;
    width: 90%;
}

.lappysection {
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 3%;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    border: 5px solid #b7b7b7;
    border-radius: 10px;
}

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

.clear {
    clear: both;
}

.w300 {
    font-weight: 300;
}

.w500 {
    font-weight: 500;
}

.wth60 {
    width: 60%;
}

.w600 {
    font-weight: 600;
}

.w700 {
    font-weight: 700;
}

.w900 {
    font-weight: 900;
}

.lh0 {
    line-height: 0%;
}

.lh50 {
    line-height: 50%;
}

.lh60 {
    line-height: 60%;
}

.lh70 {
    line-height: 70%;
}

.lh80 {
    line-height: 80%;
}

.lh90 {
    line-height: 90%;
}

.lh100 {
    line-height: 100%;
}

.lh110 {
    line-height: 110%;
}

.lh120 {
    line-height: 120%;
}

.lh130 {
    line-height: 130%;
}

.lh140 {
    line-height: 140%;
}

.lh150 {
    line-height: 150%;
}

.lh160 {
    line-height: 160%;
}

.lh170 {
    line-height: 170%;
}

.lh180 {
    line-height: 180%;
}

.lh190 {
    line-height: 190%;
}

.lh200 {
    line-height: 200%;
}

.lh230 {
    line-height: 230%;
}

.ov {
    background-color: lavender;
    font-family: Arial;
    color: #08071d;
    padding-top: 10px;
}



.brush {
    background: #b8236f;
    padding: 0 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

.orange {
    color: #f39c12;
}



.videobox {
    background: #fff;
    padding: 1.5%;
    width: 100%;
    float: left;
    border-radius: 12px;
}

.mb0 {
    margin-bottom: 0%;
}

.responsive-demo-video {
    overflow: hidden;
}

.mt_60 {
    margin-top: -60px;
}

hr.testihr {
    height: 1px;
    border: 0;
    background: #d8d8d8;
}

.black {
    color: #0d0d0e;
}

.black1 {
    color: #505252;
}

.black2 {
    color: #2e3f48;
}

.black3 {
    color: #394351;
}

.greycolor {
    color: #515151;
}

.gray1 {
    color: #4d4d4d;
}

.gray {
    color: #8d8d8d;
}

.lightblack {
    color: #5b5b5b;
}

.red {
    color: #f02b2b;
}

.red1 {
    color: #ff595f;
}

.red2 {
    color: #f5872d;
}

.green {
    color: #a7f109;
}

.yellow {
    color: #ffff00;
}

.pinkbox {
    border-radius: 7px;
    padding: 18px 2% 14px 2%;
    display: table;
    margin: auto;
}


.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.padding0 {
    padding: 0;
}

.paddingr0 {
    padding-right: 0;
}

.padding5 {
    padding: 0 8px;
}

.testiimg {
    border: 2px solid #e6e6e6;
    border-radius: 300px;
}

.testicolor {
    color: #7c8892;
}

.testicolormain {
    color: #56626c;
}

.testiname {
    color: #5c5c5c;
}

.testides {
    color: #9d9d9d;
}

.testibg {
    border: 1px solid #fea342;
    border-radius: 300px;
    background: #fff;
    padding: 4%;
    display: table;
    margin: auto;
}

    .testibg img {
        border-radius: 300px;
    }

.testibox {
    background: #ff8622;
    border-radius: 70px 0 70px 0;
    padding: 3% 3% 8% 3%;
}

.mt-testi {
    margin-top: -60px;
}

.uppercase {
    text-transform: uppercase;
}

.download {
    margin-top: -56px;
}

.download1 {
    background: #27333d;
    padding: 3% 5% 1% 5%;
}

.download2 {
    background: #f38c12;
    padding: 2%;
    border-radius: 0 0 15px 15px;
}

.cl1 {
    height: 26px;
    /* width: 74%; */
    background-color: gainsboro;
}

.ml50 {
    margin-left: 50px;
}
/*List*/
.introlist li {
    background: url('../../jvimg/logo1.png') no-repeat 1% 22%;
    /*padding-left: 50px;*/
    list-style: none;
    margin-bottom: 30px;
    color: #2e3f48 !important;
}

.introlist1 li {
    background: url('../../jvimg/right.png') no-repeat 1% 22%;
    padding-left: 50px;
    list-style: none;
    margin-bottom: 27px;
    color: #2e3f48 !important;
}


.boostbg {
    background: #27345f url('../../jvimg/layerimg2.png') no-repeat center center;
    background-size: cover;
    background-position: 50% 0%;
    position: relative;
}

.pdbottom30 {
    padding-bottom: 50px;
}

.bluebg {
    background: #fff url('../../jvimg/bluebg.png') no-repeat center center;
    background-size: cover;
    background-position: 50% 0%;
    padding: 6% 0 8% 0;
}

.redbg {
    background: #ffffff url('../../jvimg/redbg.png') no-repeat center center;
    background-size: cover;
    background-position: 50% 0%;
    padding: 0px 2px 30px;
}

.bluestrip {
    background: #192133;
    background-size: cover;
    padding: 2%;
}

.secondbg {
    background: #fff url(../../jvimg/bg3.png) no-repeat center center;
    background-size: cover;
    padding: 3% 0 9% 0;
    /* background-position: 50% 0; */
}

.mt_430 {
    margin-top: -320px;
    width: 42%;
}
/*Sections*/
.brr {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.blr {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.banner5 {
    background: #044016;
    /*background-color: #dfefef;*/
    padding: 3% 0 2% 0;
    background-position: 50% 0;
    margin-top: 50px;
}

.width25 {
    width: 25%;
}

.mg {
    width: 74%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.w95 {
    width: 95%;
}

.banner6 {
    background-color: #f5f0f0;
    padding: 2% 0 4% 0;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.bdrline {
    border-bottom: 1px solid #4d4d4d;
    margin: 0 auto;
    width: 20%;
}

.bdrlinee {
    border-bottom: 1px solid #4d4d4d;
    margin: 0 auto;
    width: 10%;
}

.bdrlineee {
    border-bottom: 1px solid darkgray;
    margin: 0 auto;
    width: 20%;
}

.banner0 {
    background-image: url(../../Content/ChildHor/bg5.png);
    padding: 2% 0 3% 0;
    background-position: 50% 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.underline {
    border-bottom: 1px solid currentColor;
    padding-bottom: 14px;
    text-decoration: none;
}

.underline--blue {
    border-bottom-color: red;
    padding-bottom: 3px;
}

.underline--dotted {
    border-bottom: 3px red dashed;
}

.banner12 {
    background: #b6edf2;
    padding: 5% 0 4% 0;
    background-position: 50% 0;
}

.banner7 {
    background: #124a24;
    padding: 4% 0 3% 0;
    background-position: 50% 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.mt86 {
    width: 94%;
}

.w33 {
    width: 33%;
}


.bg8 {
    background: url(../../oto1img/bg8.png) no-repeat center center;
    background-size: cover;
    padding: 1% 0 2% 0;
    background-position: 50% 0;
}

/*.subbanner {background:#f3f2f5 ; padding:0% 0 3% 0;}*/


@media(min-width:768px) {
    .boostbg {
        background: #fff url('../../jvimg/boostbg.png') no-repeat center center;
        background-position: 50% 0%;
        background-size: cover;
        padding: 10% 0 3% 0;
    }

    .infobg {
        background: url(../../jvimg/bg5.png) no-repeat center center;
        background-size: cover;
        padding: 1% 0 3% 0;
    }
}

.pd10 {
    padding: 10px;
}

.prizebg {
    background: #f8f8f8;
    padding: 0 0 4% 0
}

.proofbg {
    background: #fff url('../../jvimg/pushbg.png') no-repeat center center;
    background-size: cover;
    padding: 7% 0 15% 0;
    background-position: 50% 0%;
}

.greybg {
    background: #292a3c;
    padding: 7% 0 3% 0;
}

.mr50 {
    margin-right: 50%;
}

.mr5 {
    margin-right: 10%;
}

.ml5 {
    margin-left: 10%;
}

.subbanner1 {
    background: #1a1726;
    background-size: cover;
    padding: 3% 0;
}

.mlauto {
    margin-left: auto;
}



.footerbg {
    background: #ffffff;
    padding: 2% 0;
}

.f2block {
    background: #f2f2f2;
    padding: 1% 0 3% 0;
}









.header1 {
    font-family: Lato;
    width: 100%;
    float: left;
    position: fixed;
    z-index: 10;
}

.header {
    padding: 15px 0;
    background: #fff;
    color: #55616e;
}

    .header a {
        color: #fff;
    }

        .header a:hover {
            color: #fff;
        }

.themecolor {
    color: #35455c;
}

.toplinks {
    padding: 1%;
    background-color: #05345c;
    float: right;
    margin-right: 5%;
}



.fixed {
    position: fixed;
    top: 0;
    height: 100px;
    z-index: 1;
}

nav {
    position: static;
    bottom: 0;
    width: 100%;
    height: auto;
    background: #36354f;
}

.nav li a {
    color: #55616e !important;
    font-weight: 300;
}

.features hr {
    border: none;
    height: 2px;
    color: #d7d7d7; /* old IE */
    background-color: #d7d7d7; /* Modern Browsers */
}

.prizebg hr {
    border: none;
    height: 1px;
    color: #8bc53f; /* old IE */
    background-color: #8bc53f; /* Modern Browsers */
}

.mt17 {
    margin-top: 17%;
}

.spcl {
    color: black;
    font-weight: 700;
}

.mt18 {
    margin-top: 18%;
}

.mt1 {
    margin-top: 1%;
}

.mt2 {
    margin-top: 2%;
}

.mt3 {
    margin-top: 3%;
}

.mt4 {
    margin-top: 4%;
}

.mt5 {
    margin-top: 5%;
}

.mt6 {
    margin-top: 6%;
}

.mt8 {
    margin-top: 8%;
}

.mt10 {
    margin-top: 10%;
}

.mt12 {
    margin-top: 15%;
}

.mt-14 {
    margin-top: -14%;
}

.mt-4 {
    margin-top: -4%;
}

.boxes {
    padding: 10px 0 10px 0;
    margin-bottom: 20px;
    color: white;
    background-color: #22613e;
    border: 2px solid white;
    border-radius: 100px;
    width: 80%;
}

.mt-1 {
    margin-top: -1%;
}

.mt-3 {
    margin-top: -3%;
}

.mt-10 {
    margin-top: -10%;
}

.strip_footer {
    width: 100%;
    height: auto;
    background: #141920;
    padding: 1.3% 0;
}

.footerbg a {
    color: #ffffff;
    font-weight: 300;
}

    .footerbg a.active {
        color: #ffffff;
        font-weight: 600;
    }

.pink {
    color: #c8005c;
}

.pink1 {
    color: #e6078d;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    padding: 12px 15px 8px 10px;
    background-color: transparent;
    font-weight: 700;
}


.navbar-default .navbar-nav > li > a:hover {
    color: #f10003;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: #fff !important;
}

    .navbar-default .navbar-nav > li > a:hover {
        text-decoration: none;
        color: white !important;
        background-color: #fff;
    }

.navbar-default .navbar-nav > li:hover {
    text-decoration: none;
    background-color: #65bba2;
    border-radius: 31px;
}

@media (min-width: 768px) {


    .respen {
        margin-bottom: 20px;
    }
    /*.introlist {
        text-align: center;
    }*/
    .navbar-nav > li > a {
        padding: 1px 18px;
        /*border-right: 1px solid #c8005c;*/
        border-radius: 0;
    }

        .navbar-nav > li > a.last {
            padding: 1px 20px;
            border-right: 0px solid #c8005c;
            border-radius: 0;
        }
}


@media(max-width:767px) {
    .navbar-toggle {
        margin-right: 0;
        border-radius: 4px;
        margin-top: -30px;
        margin-bottom: 0;
    }

    .navbar {
        padding-top: 30px;
        min-height: 34px;
    }

    .navbar-default {
        display: table-caption;
    }
}

@media(min-width:768px) {

    .navbar-toggle {
        margin-right: 0;
        border-radius: 4px;
        margin-top: -30px;
        margin-bottom: 0;
    }

    .navbar {
        padding-top: 12px;
        min-height: 34px;
    }

    .navbar-default {
        display: block;
    }
}

.lato {
    font-family: lato;
}

.subscribezone input[type="text"], .subscribezone input[type="email"], .subscribezone input[type="password"] {
    background: #f8f6f6;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 12px;
    width: 100%;
    border: 0;
}

.subscribezone input[type="submit"], .subscribezone input[type="reset"] {
    background: #00dc95;
    border-bottom: 3px solid #02835b;
    font-size: 20px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #fff;
    font-weight: 400;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 8px;
    width: 100%;
}

    .subscribezone input[type="submit"]:hover, .subscribezone input[type="reset"]:hover {
        background: #01ca89;
    }

.afflink a {
    background: #ff2c4f;
    border-bottom: 3px solid #b3102c;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 12px 16px;
    width: 100%;
    color: #fff;
    display: block;
    text-align: center;
}

    .afflink a:hover {
        background: #ec163a;
        text-decoration: none;
    }

.white {
    color: white;
}


.redbox {
    background: #c52762;
    border-radius: 50px;
    padding: 1% 3%;
    display: table;
    margin: 0 auto 1% auto;
}


.jvs img {
    border-bottom: 5px solid #00dc95;
}

.mytextarea {
    width: 100%;
    background: #5e5f61;
    color: #fff;
    height: auto;
    min-height: 300px;
}

.mybutton {
    background: #ff2c4f;
    color: #fff;
    border-radius: 4px 4px 0 0;
}

.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none;
}

.table-borderless > tbody > tr > td {
    padding: 0px 12px !important;
}

.table-borderless {
    margin-bottom: 10px;
}

.grey {
    color: #b7b7b7;
    font-weight: 700;
}

.abcdbox {
    border: 1px dotted #74787a;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 4px;
    display: inline-block;
}


.timebox {
    display: inline-block;
    margin: 0 5px;
    width: 44px;
    height: auto;
    padding: 2% 0;
    color: white;
}

.timerbg1 .timebox {
    display: inline-block;
    margin: 0 5px;
    width: 68px;
    height: 68px;
    padding: 6% 0;
    border: 1px solid #fff;
    border-radius: 80px;
    -webkit-border-radius: 80px;
}

.lightblock {
    background: #f2f2f2;
    padding: 2% 0;
    border-bottom: 1px solid #e3e3e3;
}



@media(min-width:240px) {
    .datebox sup {
        top: -2.5em;
    }
}

@media(min-width:768px) {
    .datebox sup {
        top: -3.8em;
    }
}

@media(min-width:992px) {
    .datebox sup {
        top: -4.8em;
    }
}

.timerbox {
    background: #092a4b;
    padding: 12px 5px 15px 5px;
    border-radius: 40px;
    display: -webkit-box;
    margin: auto;
    width: 90%;
}

.contestbox {
    background: #ff2c68;
    padding: 20px 4%;
    display: table;
    margin: 2% auto 0 auto;
    border-radius: 25px;
    border: 2px solid #fff;
}

.myposition {
    position: relative;
    right: -30px;
    z-index: 2;
}

.myclear {
    width: 100%;
    float: left;
}


.navbar-default {
    border-color: #e7e7e7;
    margin-top: 0px;
    padding-bottom: 0;
}

@media(max-width:767px) {
    .navbar-default {
        margin-top: 10px;
        border-radius: 6px;
        background-color: #fff !important;
    }
}

.launchbox {
    background: #4391cb;
    padding: 3% 3% 1% 3%;
    border-radius: 15px;
    float: left;
}

    .launchbox sup {
        top: -5.5em;
    }

.myshadow {
    text-shadow: 4px 0px 10px #3b69aa;
}





.aweberform input[type="text"], .aweberform input[type="email"], .aweberform input[type="password"], .aweberform input[type="tel"], .aweberform input[type="url"] {
    width: 100%;
    margin-top: 4px;
    height: 42px;
    background: #fff;
    /*border-radius: 30px;*/
    font-size: 16px;
    /*margin: 0 0 0 17%;*/
    border: 1px solid #959595;
}

.skybg {
    background: #ecf5f3;
    width: 60%;
    margin: 0 auto;
    padding: 10px 0 54px;
    border-radius: 2px;
}

.aweberform input[type="submit"], .aweberform input[type="reset"].aweberform input[type="button"] {
    width: 100%;
    background: #00a99d;
    color: #fff;
    margin: 3px 0% 0px 0;
    height: 44px;
    font-size: 22px;
    border: 0;
    display: block;
    /*border-radius: 28px;*/
    /* border: 2px solid #0077a5; */
}


.jvlink a {
    /*background: #ff3338;*/
    background: url(/Content/jvimg/buttonbg.png) no-repeat center center;
    background-position: 50% 0%;
    background-size: cover;
    display: block;
    padding: 4%;
    text-align: center;
    color: white;
}

.jvlink1 a {
    background: #2e6186;
    width: 100%;
    display: block;
    padding: 3.5%;
    text-align: center;
    color: #fff;
}

    .jvlink1 a:hover {
        text-decoration: none;
        background: #3b759e;
    }

.commentbox {
    position: relative;
}

.commenthere {
    position: absolute;
    top: 60px;
    right: -80px;
}

.response {
    border-bottom: 3px solid #f74b77;
}

.launchbox1 {
    background: rgba(63,46,72,0.5);
    padding: 3%;
    border-radius: 10px;
    float: left;
}

.launchbox2 {
    background: rgba(240,83,81,0.5);
    padding: 3%;
    border-radius: 10px;
    float: left;
}

.deskbg a {
    color: #2f373d;
}

    .deskbg a:hover {
        color: #2f373d;
        text-decoration: none;
    }

.nav-pills a {
    font-size: 15px !important;
}

.spinner img {
    border-radius: 50%;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

    .spinner img:hover {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }



.mt390 {
    margin-top: 390px;
}

.panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0 5px;
}

.panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
}

.panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}

    .with-nav-tabs.panel-default .nav-tabs > .open > a,
    .with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-default .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
        color: #777;
        background-color: #ddd;
        border-color: transparent;
    }

.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}

    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #777;
    }

        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #ddd;
        }

    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #555;
    }
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}

    .with-nav-tabs.panel-primary .nav-tabs > .open > a,
    .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
        color: #fff;
        background-color: #3071a9;
        border-color: transparent;
    }

.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #ffffff;
    background-color: #fff;
    border-color: #428bca;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}

    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #fff;
    }

        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #3071a9;
        }

    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        background-color: #4a9fe9;
    }
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
    color: #3c763d;
}

    .with-nav-tabs.panel-success .nav-tabs > .open > a,
    .with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-success .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-success .nav-tabs > li > a:focus {
        color: #3c763d;
        background-color: #d6e9c6;
        border-color: transparent;
    }

.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
    color: #3c763d;
    background-color: #fff;
    border-color: #d6e9c6;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #3c763d;
    }

        .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #d6e9c6;
        }

    .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #3c763d;
    }
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
    color: #31708f;
}

    .with-nav-tabs.panel-info .nav-tabs > .open > a,
    .with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-info .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-info .nav-tabs > li > a:focus {
        color: #31708f;
        background-color: #bce8f1;
        border-color: transparent;
    }

.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
    color: #31708f;
    background-color: #fff;
    border-color: #bce8f1;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #31708f;
    }

        .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #bce8f1;
        }

    .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #31708f;
    }
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
    color: #8a6d3b;
}

    .with-nav-tabs.panel-warning .nav-tabs > .open > a,
    .with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
        color: #8a6d3b;
        background-color: #faebcc;
        border-color: transparent;
    }

.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
    color: #8a6d3b;
    background-color: #fff;
    border-color: #faebcc;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #8a6d3b;
    }

        .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #faebcc;
        }

    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #8a6d3b;
    }

.white1 {
    color: white !important;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
    color: #a94442;
}

    .with-nav-tabs.panel-danger .nav-tabs > .open > a,
    .with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
        color: #a94442;
        background-color: #ebccd1;
        border-color: transparent;
    }

.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
    color: #a94442;
    background-color: #fff;
    border-color: #ebccd1;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}

    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #a94442; /* normal text color */
    }

        .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #ebccd1; /* hover bg color */
        }

    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        color: #fff; /* active text color */
        background-color: #a94442; /* active bg color */
    }


.borderbottom {
    border-bottom: 5px solid #fff;
}

.actionhead:before {
    width: 16px;
    content: " ";
    background-image: url('../../jvimg/actleft.png');
    position: absolute;
    left: -16px;
    top: -6px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background: #cfe6ff;
    margin: 2px 2px;
}

.seperator {
    margin-top: 0%;
    z-index: 0;
    margin-left: 6%;
}

.seperatorimg {
    z-index: 1;
}

.mt50 {
    margin-top: 50px !important;
}

.mt20 {
    margin-top: 25%;
}

.boxing {
    background-color: #00663a;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    width: 220px;
    padding-top: 19px;
    margin-top: -2px;
    margin-bottom: 10px;
    padding-bottom: 9px;
}

.boxing2 {
    background-color: #00663a;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    width: 220px;
    padding-top: 0px;
    margin-top: -2px;
    margin-bottom: 8px;
    padding-bottom: 1px;
}

.mt40 {
    margin-top: 40px;
}

.md42 {
    font-size: 42px;
}

.mt30 {
    margin-top: 30px;
}

.yellow1 {
    color: #ffd43f;
}

.yellow2 {
    color: #f7902a;
}

.mt7 {
    margin-top: 7%;
}

.md40 {
    font-size: 40px;
}

.mt-90 {
    margin-top: -90%;
}

.lh100 {
    line-height: 100px;
}

.mt15 {
    margin-top: 15%;
}

.pt5 {
    padding-top: 10%;
}

.pt2 {
    padding-top: 2%;
}

.pt24 {
    padding-top: 24%;
}

.mt-5 {
    margin-top: -5%;
}

.ml17 {
    margin-left: 17%;
}

.ml-15 {
    margin-left: -15%;
}

.ml10 {
    margin-left: 10%;
}

.mt-7 {
    margin-top: -7%;
}

.mc {
    margin: 0 auto;
}

.ml8 {
    margin-left: 8%;
}

.ml-3 {
    margin-left: -3%;
}

.introlist {
    padding: 0;
}



.banner2 {
    background-color: white;
    background-size: cover;
    padding: 15% 0 5% 0;
    background-position: 50% 0;
}

.banner8 {
    background-color: #dfefef;
    padding: 2% 0 3% 0;
    background-position: 50% 0;
}

.textimg {
    margin-top: -159px;
    margin-left: 93px;
}

.textwrap {
    background-color: #00663a;
    padding: 23px 23px 23px;
    border: 1px solid;
}

.textwrap1 {
    background-color: #00663a;
    padding: 23px 23px 23px;
    border: 1px solid;
}

.wrap {
    background-color: white;
    padding: 18px 47px 19px;
    border: 1px solid black;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.wrap2 {
    background-color: white;
    padding: 18px 47px 19px;
    border: 1px solid black;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.textwrap3 {
    background-color: #00663a;
    padding: 0px 23px 11px;
    border: 1px solid;
}

.textimg1 {
    margin-top: -171px;
}

.textimg2 {
    margin-top: -180px;
    margin-left: 91px;
}

.certbg {
    background: url(../../oto1img/certbg.png) no-repeat center center;
    background-size: cover;
    padding: 2% 0 5% 0;
    background-position: 50% 0;
}

.pt {
    padding-top: 2%;
}

.banner3 {
    background: #a7f2d8;
    padding: 2% 0 4% 0;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
}


.bb {
    background-color: #00663a;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    padding: 18px;
    margin: -2% 8% 0% 8%;
}

.bb2 {
    background-color: #00663a;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    padding: 1%;
    margin: -1% 8% 0% 8%
}

.bb3 {
    background-color: #00663a;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    padding: 1%;
    margin: -1% 8% 0% 8%
}

.bg {
    background-color: #00663a;
    border-color: #00663a;
    padding: 1px;
}

.banner4 {
    background:#fff;
    background-size: cover;
    padding: 2% 0 0% 0;
    background-position: 50% 0;
}

.w {
    width: 80%;
}

.ntm {
    margin-top: -28px;
    margin-right: 0px;
}

.boxbg {
    background: url(../../jvimg/boxbg.png) no-repeat center center;
    background-size: cover;
    padding: 1% 0 3% 0;
    background-position: 50% 0;
}

.boderbox {
    background: url(../../jvimg/boderbox.png) no-repeat center center;
    padding: 2% 0px 4% 1px;
    background-position: 50% 0;
}

.demobg {
    background: url(../../jvimg/demobg.png) no-repeat center center;
    padding: 2% 0px 4% 1px;
    background-size: cover;
    background-position: 50% 0;
}

.contestbg {
    background: url(../../jvimg/bg4.png) no-repeat center center;
    padding: 6% 0px 4% 0px;
    background-size: cover;
    background-position: 50% 0;
}

.leaderboadbg {
    background: url(../../jvimg/leadbg.png) no-repeat center center;
    padding: 2% 0px 3% 1px;
    background-size: cover;
    background-position: 50% 0;
}

.funnelbg {
    background: #f3f0f0;
    padding: 2px 0 51px 1px;
}

.contact a {
    text-decoration: none;
    color: #000;
    font-size: 25px;
}

.wrap {
    width: 80%;
    margin: 0 auto;
}

.w89 {
    width: 89%;
}

@media only screen and (min-width: 310px) and (max-width:640px) {
    .mt-20 {
        margin-top: -27%;
    }
}



@media only screen and (min-width: 370px) and (max-width:568px) {
    .mt-20 {
        margin-top: -27%;
    }
}

@media only screen and (min-width: 411px) and (max-width:823px) {
    .mt-20 {
        margin-top: -26%;
    }
}

@media only screen and (min-width: 375px) and (max-width:812px) {
    .mt-20 {
        margin-top: -27%;
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .mt-20 {
        margin-top: -23%;
    }
}

@media only screen and (min-width:1024px) and (max-width:1270px) {
    .wrap {
        background-color: white;
        padding: 18px 31px 19px;
        border: 1px solid black;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .wrap2 {
        background-color: white;
        padding: 18px 30px 19px;
        border: 1px solid black;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .textwrap {
        background-color: forestgreen;
        padding: 9px 0px 0px;
        border: 1px solid;
    }

    .textwrap1 {
        background-color: forestgreen;
        padding: 24px 32px 22px;
        border: 1px solid;
    }
}


@media only screen and (min-width: 0px) and (max-width: 1200px) {
    .introlist3 {
        text-align: center;
    }

    .mt-20 {
    }

    .w33 {
        width: 100%;
    }

    .underline {
        border-bottom: 1px solid currentColor;
        padding-bottom: 4px;
        text-decoration: none;
    }



    .eb {
        margin-bottom: -39px;
    }
}

.resblock {
    display: none;
}

.respen {
    display: block !important;
}

.width80 {
    margin-left: 0 !important;
}

.boderbox {
    background: #fff;
    padding: 2% 0px 4% 1px;
    border: 2px solid #fe71c5;
}

.wrap {
    width: 100%;
}

.md40 {
    font-size: 40px;
}

.secondbg {
    background: #fff url(../../jvimg/bg3.png) no-repeat center center;
    background-size: cover;
    padding: 8% 0 24% 0;
    /* background-position: 50% 0; */
}

.w45 {
    width: 100%;
}

.w20 {
    width: 100%;
}

.mt150 {
    margin-top: 150px;
}

.rmt22 {
    margin-top: 22%;
}

.mt_430 {
    margin-top: 10%;
    width: 100%;
}





.introlist {
    padding-left: 15px;
}

.lappy1 {
    bottom: 20px;
    top: 30px;
    margin-top: 20px;
}

.skybg {
    width: 100%;
}

.xs39 {
    font-size: 20px;
}

.testibg1 {
    background: white;
    border-radius: 10px;
    padding: 8% 2% 0% 3%;
    height: 352px;
    box-shadow: -6px 6px 15px 2px #aaaaaa;
    margin-bottom: 20px;
}

.rp1 {
    padding: 2%;
}

.demovideo2 {
    position: absolute;
    width: 269px;
    height: 153px;
    top: 13px;
    left: 46px;
}

/*.demovideo {
        position: absolute;
        width: 137px;
        height: 86px;
        top: 9px;
        left: 26px;
    }*/

/*.resmt30{margin-top:40px;}*/
.pt50 {
    padding: 0 !important;
}

.aweberform input[type="text"], .aweberform input[type="email"], .aweberform input[type="password"], .aweberform input[type="tel"], .aweberform input[type="url"] .input {
    width: 90%;
    margin: 0 auto;
}

.aweberform input[type="submit"], .aweberform input[type="reset"].aweberform input[type="button"] {
    width: 86%;
    margin: 0 auto;
}

.boostbg {
    background: #b98c01
}

.xs35 {
    font-size: 25px;
}



.mt_80 {
    margin-top: 0 !important;
}

.jvlink a {
    font-size: 20px;
}

.bluebgimg {
    background: #834fb2 !important;
}

.xs39 {
    font-size: 15px;
}

.pd5 {
    padding: 5%;
}

.col-xs-9 {
    width: 100%;
}

.mr50 {
    margin-right: 0%;
}

.mt-90 {
    margin-top: 0%;
}

.col-xs-6 {
    width: 70%;
}

.ml17 {
    margin-left: 0%;
}

}







.pt50 {
    padding-top: 60px;
}




@media (min-width:1500px) {
    .mycontainer {
        width: 1470px;
        margin: 0 auto;
    }
}

.lappysection {
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 3%;
}

.responsive-video {
    padding-bottom: 56.21%;
    overflow: hidden;
}

.responsive-video1 {
    position: relative;
    padding-bottom: 61%;
    overflow: hidden;
}

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

.clear {
    clear: both;
}


.mainvideo {
    position: relative;
    margin-top: 20px;
    /*border: 5px solid;*/
    border-radius: 5px;
    background-repeat: no-repeat;
    height: 390px;
    width: 582px;
}

.mainvideo1 {
    position: relative;
    margin-top: 20px;
    border: 5px solid #000000;
    border-radius: 5px;
    background-repeat: no-repeat;
}

.mainvideo2 {
    position: relative;
    margin-top: 20px;
    border: 5px solid #acacac;
    border-radius: 5px;
    background-repeat: no-repeat;
}

.bgvideo {
    background-image: url(/Content/jvimg/laptop.png);
}

.blue {
    color: #332765 !important;
}

.bgblue {
    background: #834fb2;
}




.mt_80 {
    margin-top: -80px;
}

.conainterwarp {
    width: 80%;
    margin: 0 auto;
}

.conainterwarp1 {
    width: 70%;
    margin: 0 auto;
}



.bluebgimg {
    background: #fff url(../../jvimg/bluebgimg.png) no-repeat center center;
    background-position: 50% 0%;
    background-size: cover;
    padding: 3% 0 5% 0;
}

.whitebdr {
    border-bottom: 1px solid #fff;
    width: 20%;
    margin: 0 auto;
}

.bluebdr {
    border-bottom: 1px solid #4a1a7e;
    width: 20%;
    margin: 0 auto;
}

.vdbdr {
    border: 3px solid #4a1a7e;
}

.funnelbg {
}

.hdingbg {
    background: #e7c5ef;
    padding: 8px 15px;
}

.inputwrap {
    background: #fff url(../../jvimg/inputwrap.png) no-repeat center center;
    background-position: 50% 0%;
    background-size: cover;
    padding: 3% 0 5% 0;
}


.automates {
    background: #fff url(../../jvimg/automates.png) no-repeat center center;
    background-position: 50% 0%;
    background-size: cover;
    padding: 1% 0 3% 0;
}


.bdrright {
    border-right: 1px solid #000;
}

.pic {
    width: 90%;
    margin: 0 auto;
}

.margineNav {
    /*margin: 2% 0% 0% -13%;*/
    margin: 0% -3% 0% -7%;
}

.bgwhite {
    background-color: white;
    margin: -9% 0 0 0;
}

.margineHead {
    margin: 14% 0px 0px 8%;
}

.margineWrld {
    margin: 14% 0% 0% -31%;
}

.marginrMem {
    margin: 0% 0% 0% -20%;
}

.mrfirst {
    margin: 0% 1% 3% -10%;
}

.marginepara1 {
    margin: 4% 9% 0px -9%;
}

.marginepara2 {
    margin: 13% 0% 0% 0%;
    line-height: 140%;
}

.marginepara3 {
    margin: 13% 0% 0% 0%;
    line-height: 140%;
}

.mrh1 {
    margin: 0% 0% 0% 26%;
    line-height: 140%;
}

.mrth1 {
    margin: 1% 16% 6% 0%
}

.mrplay {
    margin: 3% 9% 5% 6%;
    line-height: 140%;
}

.p1 {
    /*margin: 0% 32% 0 0;*/
    line-height: 140%;
}

.para1 {
    margin: 3% 0% 2% 0%;
    font-size: 22px;
}

.mrfe {
    margin: 4% 0% 0% -17%;
}

.mrv1 {
    margin: 15px 26% auto auto;
}

.marpara {
    line-height: 150%;
}

.mrdiv {
    margin: 0% 0% 3% 1%;
}

.pad120 {
    padding: 0 0 0 27%;
    line-height: 120%;
}

.mrp2 {
    margin: 0% 0% 0% -6%;
}

.mrimg {
    margin: 5% 0% 6% 0%;
}

.bgnav {
    background-image: url(/Content/jvimg/conImg.png);
    background-repeat: no-repeat;
    padding: 4% 6% 6% 6%;
    margin: -4% 0% 0% 0%;
}

.liMr {
    margin: -9% 0% 0% 90% !important;
}

.imgmr {
    margin: 0% 26% 2% 0%;
}

.paddiv {
    padding: 2% 0% 0% 25%;
}

.marh {
    padding: 0 10% 2% 0%;
}

.mroto3 {
    margin: 8% 0% 2% 51%;
}

.mroto5 {
    margin: 8% 0% 3% 51%;
}

.mroto4 {
    margin: 0% 0% 1% -10%;
}

.mrfooter {
    margin: 17% 22% 6% 0%;
}

.mrlogo {
    margin: 8% 0% 0% 5%;
}

.mainvid {
    margin: 4% 19% 17% 14%;
    padding: 0% 1% 7% 0;
}

.mb5 {
    margin-bottom: 5%;
}
/*.img-responsive2, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: none;
    height: auto;
    margin-left:-66px;
        
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: none;
    height: auto
}*/

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {

    /*.img-responsive2, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        display: block;
        max-width: none;
        height: auto;
        margin-left: -66px;
    }

    .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        display: block;
        max-width: 100%;
        height: auto
    }*/

    .bgvideo {
        background-image: none;
    }

    .width100 {
        width: 100%;
    }

    .mroto3 {
        margin: 0% 0% 0% 0%;
    }

    .mroto4 {
        margin: 0% 0% 0% 0%;
    }

    .mroto5 {
        margin: 0% 0% 0% 0%;
    }

    .imghide {
        display: none;
    }
}

.fb65 {
    width: 65px;
}

.width80 {
    width: 83%;
}

.width90 {
    width: 91%;
}

.width81 {
    width: 80%;
}

.width107 {
    width: 107%
}

.width88 {
    width: 88%;
}

.width113 {
    width: 113%
}

.width85 {
    width: 88%;
}

.marginLeft15 {
    margin-left: 15%;
}

.margn-32 {
    margin: 0% 0% 1% -32%;
}

.mrimg {
    margin: 0% 13% 0% -14%;
}


.respen {
    display: none;
}

.buybutton a {
    background: #ff595f;
    padding: 2% 9% 2% 9%;
    color: #fff;
    display: table;
    margin: auto;
    border-radius: 45px;
    box-shadow: 0px 3px 22px 2px #595050;
}

.testibox {
    position: relative;
    float: left;
    background: #2d3643;
    padding: 2.5% 4%;
    border-width: 2px;
    border-style: ridge;
    border-color: #8e939a;
    border-image: initial;
    border-radius: 15px;
}

.whitebox {
    background: #f87171;
    border-radius: 6px;
    padding: 5% 10% 10% 10%;
    margin-bottom: 20px;
    /*width: 95%;*/
    margin: 0 auto;
}

.whitebox1 {
    background: #394351;
    border-radius: 6px;
    padding: 5% 10% 10% 10%;
    margin-bottom: 20px;
    margin: 0 auto;
}

ul {
    list-style: none;
}

a {
    color: #ffffff;
}

.ml25 {
    margin-left: 25%;
}

/* Footer CSS */
.footer-link ul {
    width: 100%;
    display: block;
    padding: 10px 0;
}

    .footer-link ul li {
        border-bottom: 1px solid #cec7c7;
        padding: 10px 0;
        color: #a2a2a2;
        font-size: 17px;
    }

.footer-logo {
    width: 100%;
    float: left;
}



.mt19 {
    margin-top: 19%;
}
/* End Footer */

.whiteboxtext {
    background: #ff9c00;
    border-radius: 22px;
    padding: 1% 5%;
    display: table;
    margin: auto;
    /*border: 1px dashed white;*/
}

.buybutton a:hover {
    background: #ad595e;
    text-decoration: none;
}



.mt13 {
    margin-top: 13%;
}

.testibg1 {
    background: white;
    border-radius: 10px;
    padding: 8% 2% 0% 3%;
    height: 352px;
    box-shadow: -6px 6px 15px 2px #aaaaaa;
}

.whitebg {
    /*background: url(../jvimg/whitespace.png) no-repeat center center;*/
    background: #fff;
    background-size: cover;
    padding: 5% 0 5% 2%;
    background-position: 50% 0;
}

.whitebg2 {
    background: #fff;
    background-size: cover;
    padding: 5% 0 5% 2%;
    background-position: 50% 0;
    border: 2px solid #079788;
}

.marketingbg {
    background: #fff url(../../jvimg/marketingareabg.png) no-repeat center center;
    background-size: cover;
    padding: 2% 0 2% 0;
    background-position: 50% 0;
    margin: 0 0 -12% 0;
}

.mt16 {
    margin-top: 16%;
}

.mt47 {
    margin-top: 47%;
}

.border {
    border: 1px solid #4d4d4d;
    padding: 2% 2% 2% 2%;
    border-radius: 7px;
}

.width100 {
    width: 100%;
}

.beats ul li {
    font-size: 20px;
    color: black;
    margin-bottom: 10px;
    width: 100%;
    margin: 6px 0;
    /* padding-left: 45px; */
    background: url(/Content/oto1img/liarrow.png) no-repeat;
    padding: 0% 0% 1% 5%;
    line-height: 120%;
}

.hsbg {
    background-color: #273746;
}

.ml13 {
    margin-left: 13%;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {

    .beats ul li {
        font-size: 12px;
        color: black;
        margin-bottom: 10px;
        width: 100%;
        margin: 6px 0;
        padding-left: 45px;
        background: url(/Content/oto3img/liarrow.png) no-repeat 0% 50%;
    }
}

.mt14 {
    margin-top: 14%;
}
/*tribox*/

.tri-right-black.btm-left-in:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 79%;
    right: auto;
    top: auto;
    bottom: -33px;
    border: 20px solid;
    border-color: #00aeef transparent transparent;
}

.talk-bubble-black {
    margin: 40px;
    display: inline-block;
    position: relative;
    width: 40%;
    height: auto;
    background-color: #00aeef;
    /*left: 2%;*/
    padding-bottom: 2%;
}

.talk-bubble-green {
    margin: 40px;
    display: inline-block;
    position: relative;
    width: 97%;
    height: auto;
    background-color: #3cb878;
    /* left: -7%; */
    padding-bottom: 2%;
    right: 8%;
}

.tri-right-green.btm-left-in:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 46%;
    right: auto;
    top: auto;
    bottom: -33px;
    border: 20px solid;
    border-color: #3cb878 transparent transparent;
}

.dash {
    text-decoration: line-through;
}

.mr6 {
    margin-right: 6%;
}

@media (min-width:240px) and (max-width:568px) {
    .talk-bubble {
        margin: 29px;
        width: 234px;
    }

    .talk-bubble-black {
        margin: 19px;
        width: 240px;
    }

    .talk-bubble-green {
        margin: 19px;
        width: 240px;
    }

    .tri-right-black.btm-left-in:after {
        left: 104px;
    }

    .tri-right-green.btm-left-in:after {
        left: 104px;
    }

    .mt23 {
        margin-top: 13%;
    }

    .mt24 {
        margin-top: 13%;
    }

    .pl13 {
        padding-left: 2%;
    }

    .pl10 {
        padding-left: 0;
    }
}

.wd9 {
    width: 9%;
}

.ml2 {
    margin-left: 2%;
}

.ye {
    color: #fffc94;
}

.mr3 {
    margin-right: 3px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) {


    .ml13 {
        margin-left: 0%;
    }

    .text-position {
        position: absolute;
        top: 63% !important;
        font-size: 31px !important;
        left: 33% !important;
        font-weight: 900;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    .demovideo {
        position: absolute;
        width: 98%;
        height: 92%;
        top: 2px;
        left: 9px;
    }

    .md33 {
        font-size: 28px;
    }

    .bb {
        background-color: #00663a;
        border-bottom-left-radius: 14px;
        border-bottom-right-radius: 14px;
        padding: 18px;
        margin: -2% 0% 0% 0%;
    }

    .bb2 {
        background-color: #00663a;
        border-bottom-left-radius: 14px;
        border-bottom-right-radius: 14px;
        padding: 1%;
        margin: -1% 0% 0% 0%;
    }

    .bb3 {
        background-color: #00663a;
        border-bottom-left-radius: 14px;
        border-bottom-right-radius: 14px;
        padding: 2%;
        margin: -1% 0% 0% 0%;
    }

    .md19 {
        font-size: 18px;
    }
}

.width50 {
    width: 50%;
}

.p0 {
    padding-left: 0px;
    padding-right: 0px;
}

.box1 {
    background-color: white;
    padding: 2% 3% 1% 3%;
    width: 83%;
    border-radius: 7px;
    box-shadow: 0px 0px 0px 2px black;
}


.box2 {
    background-color: forestgreen;
    padding: 2% 3% 1% 3%;
    width: 83%;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 2px black;
}

.img1 {
    width: 46%;
}


.div1 {
    width: 607px;
    height: 119px;
    border: 1px solid black;
    align-content: center;
    text-align: center;
    border-top-right-radius: 73px;
    border-bottom-right-radius: 73px;
    background-color: white;
    margin-left: 195px;
    margin-top: -132px;
    padding-top: 19px;
    padding-bottom: 8px;
}

.div2 {
    width: 584px;
    height: 130px;
    border: 1px solid black;
    align-content: center;
    text-align: center;
    border-top-left-radius: 73px;
    border-bottom-left-radius: 73px;
    background-color: white;
    margin-top: 34px;
    padding-top: 25px;
    padding-bottom: 8px;
}

.img2 {
    height: 143px;
}

#p1 {
    font-size: 18px;
    margin-left: 35px;
    padding-top: 10px;
}

.img3 {
    margin-left: 184px;
    margin-top: -145px;
}

#p4 {
    height: 146px;
}

#img4 {
    height: 178px;
    margin-left: -11px;
    margin-top: -41px;
    width: 143px;
}


.div3 {
    width: 457px;
    height: 205px;
    border: 1px solid black;
}

#sect3 {
    height: 175px;
    width: 143px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.top {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 25px;
    padding-top: 25px;
    padding-bottom: 15px;
    align-content: center;
}


.div4 {
    width: 562px;
    height: 130px;
    border: 1px solid black;
    align-content: center;
    text-align: center;
    background-color: white;
    margin-top: 34px;
    padding-top: 12px;
    padding-bottom: 8px;
}

#sect4 {
    height: 300px;
    width: 350px;
    background-color: lavender;
}

#p2 {
    font-size: 18px;
    margin-left: 50px;
    text-align: left;
}

#p3 {
    font-size: 18px;
}

#p8 {
    height: 144px;
    margin-left: -541px;
    margin-top: -155px
}


@media screen and (max-width: 600px) {



    #p8 {
        height: 137px;
        margin-left: 0px;
        margin-top: 6px;
    }

    #p2 {
        font-size: 11px;
        margin-left: -4px;
        text-align: center;
    }

    #p3 {
        font-size: 11px;
        padding-top: 10px;
    }

    .div1 {
        width: 356px;
        height: 99px;
        border: 1px solid black;
        align-content: center;
        text-align: center;
        border-top-right-radius: 73px;
        border-bottom-right-radius: 73px;
        background-color: white;
        margin-left: 17px;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 8px;
    }

    .div2 {
        margin-left: 17px;
        width: 352px;
        height: 102px;
        border: 1px solid black;
        align-content: center;
        text-align: center;
        border-top-left-radius: 73px;
        border-bottom-left-radius: 73px;
        background-color: white;
        margin-top: 31px;
        padding-top: 16px;
        padding-bottom: 8px;
    }

    .img2 {
        margin-left: 113px;
        height: 143px;
    }

    #p1 {
        font-size: 11px;
        margin-left: -1px;
        padding-top: 21px;
    }

    .img3 {
        margin-left: 23px;
        margin-top: 0px;
    }

    #p4 {
        height: 146px;
    }

    #img4 {
        height: 163px;
        margin-left: 140px;
        margin-top: -14px;
        width: 131px;
    }


    .div3 {
        width: 457px;
        height: 205px;
        border: 1px solid black;
    }

    #sect3 {
        height: 175px;
        width: 143px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .top {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 25px;
        padding-top: 25px;
        padding-bottom: 15px;
        align-content: center;
    }


    .div4 {
        width: 562px;
        height: 130px;
        border: 1px solid black;
        align-content: center;
        text-align: center;
        background-color: white;
        margin-top: 34px;
        padding-top: 12px;
        padding-bottom: 8px;
    }

    #sect4 {
        height: 300px;
        width: 350px;
        background-color: lavender;
    }
}

@media only screen and (device-width: 768px) {
    .div2 {
        width: 584px;
        height: 122px;
        border: 1px solid black;
        align-content: center;
        text-align: center;
        border-top-left-radius: 73px;
        border-bottom-left-radius: 73px;
        background-color: white;
        margin-top: 34px;
        padding-top: 25px;
        padding-bottom: 8px;
        margin-left: 71px;
    }

    .div1 {
        width: 580px;
        height: 130px;
        border: 1px solid black;
        align-content: center;
        text-align: center;
        border-top-right-radius: 73px;
        border-bottom-right-radius: 73px;
        background-color: white;
        margin-left: 160px;
        margin-top: -132px;
        padding-top: -16px;
        padding-bottom: 8px
    }

    .img2 {
        margin-left: 69px;
        height: 143px;
    }


    .img3 {
        margin-left: 540px;
        margin-top: -145px;
    }


    #img4 {
        height: 185px;
        margin-left: 81px;
        margin-top: -14px;
        width: 121px;
    }

    #p8 {
        height: 144px;
        margin-left: 492px;
        margin-top: -145px
    }
}
.text-position {
    position: absolute;
    top: 58%;
    font-size: 40px;
    left: 34%;
    font-weight: 900;
}