/*custom styling*/
body {
    overflow-x: hidden;
}
.sub-head {
    font-size: 32px;
}
.head {
    font-size: 60px;
}
.margin-top-minus {
    margin-top: -30px;
}

.bg-it-green {
    background-color: #c204cd;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
}

.bg-it-green {
    background-color: #c204cd;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
}

.bg-it-dark {
    background-color: #000;
    padding-left: 10px;
    padding-right: 10px;
    color: #c204cd;
}

main {
    background-color:#000000;
    background: url(../images/header-bg.jpg);
    background-attachment: fixed;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
main .sub-wrapper {
    background-color: #feea29;
    display: block;
    margin: auto;
    width: 64%;
    margin-top: 12px;
}
main .vsl {
    margin: auto;
    width: 95%;
    margin-top: 30px;
    border: 1px solid #262626;
    border-radius: 10px;
}
main .rating-gfx {
    position: absolute;
    left: -10rem;
    top: -24rem;
    width: 16rem;
}
main .laugh-gfx {
    position: absolute;
    top: -22rem;
    left: 28rem;
    width: 23rem;
}

/*========= EXIT POPUP =========*/

#Popup {
    background: url(img/header2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
}

#exitpopup_wrap .text-small2 {
    font-size: 15px;
}
#exitpopup_wrap .pop-button {
    display: block;
    margin: auto;
    width: 100%;
    background-color: #ff0000;
    color: white;
    font-size: 25px;
    font-weight: 900;
    border-radius: 10px;
    padding: 014px;
    margin-top: 20px;
}
#exitpopup_wrap .pop-button:hover {
    background-color: #ef3737;
    text-decoration: none;
}
#exitpopup_wrap, #exitpopup_wrap2 { position: fixed; width: 100%;  height: 100%; z-index: 99999; top: 0; left: 0;}
#exitpopup {
    position: relative;
    z-index: 9999999;
    color: #494949;
    font-size: 14px;
    padding: 40px;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 0 20px #000;
    background-color: #fff;
    width: 64%;
    display: block;
    margin: auto;
}
#exitpopup:after { content:""; display:block;  clear:both;}
#exitpopup p{text-align:center;}
#exitpopup a.close, #exitpopup a.close2, #bio_ep_close{opacity:0.5;position: absolute; top: 0; right: -10px; color: #fff; font-weight: 900; width: 38px; height: 38px; background: #2e2d2b; border-radius: 50%; line-height: 25px; font-size: 34px; text-align: center; border: 3px solid #fff; cursor: pointer; display: block;}
#exitpopup form input[name="name"], #exitpopup form input[name="email"] { box-sizing: border-box; padding: 15px 30px;  border: 1px solid #c4c6ca; border-radius: 0px; font-size: 18px; vertical-align:bottom; margin:0 auto; margin-bottom:10px; width:324px;}
#exitpopup form input[type="email"] {background-repeat:no-repeat; background-position: center left; padding-left: 60px; min-width:400px; text-align: left; float:left;}
#exitpopup form input[type="submit"]{background:#ff4e18;width:324px;border:0 none;font-size:20px;color:#fff;font-weight:900;font-family: 'Lato', sans-serif;border-radius:8px;padding-top:15px;padding-bottom:15px;}
#exitpopup form input[type="submit"]:hover{cursor:pointer;}
#exitpopup .pull-left{position: absolute;bottom: 25px;left: 0;width:100%;z-index:0;}
#exitpopup .privacy{ clear:both; padding:10px 0;}
#exitpopup #after{  text-align: center; font-size: 20px; line-height: normal; color: #900; width:50%; float:right;}
#bio_ep #exitpopup{margin-top:0;}
.popup-head {
    font-size: 127px;
}

@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 767px) {}


#section1 {
    background: url(../images/bg2.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section2a {
    background: url(../images/wave-1.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section2b {
    background: url(../images/wave-2.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section2c {
    background: url(../images/wave-3.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section2 {
    background: url(../images/wave-1.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section2 {
    background-color: #;
    background: url(../images/new1.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section3 {
    background: url(../images/bgnew1.png);
    background-color: #F8F9FF;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section4 {
    background: url(../images/bg3.png);
    background-color: #141414;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section5 {
    background: url(../images/bgnew1.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;    
}
#section6 {
    background: url(../images/bgnew2.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section7 {
    background-color: #000000;
    background: url(../images/bg5.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center; 
}
#section8 {
    background-color:#000000;
    background: url(../images/bg4.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section9 {
    background: url(../images/bg12.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;    
}
#section10 {
    background-color:#000000;
    background: url(../images/bgnew4.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section11 {
    background: url(../images/bg7.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section12 {
    background-color:#000000;
    background: url(../images/wave-bg4.gif);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section13 {
    background: url(../images/bgnew6.png);
    background-color:#fff;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section14 {
    background: url(../images/bg7.png);
    background-color:#f8f9ff;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section15 {
    background: url(../images/bg-8.png);
    background-color:#000;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section16 {
    background: url(../images/bg11.png);
    background-color:#fff;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section17   {
    background: url(../images/bgnew7.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section18   {
    background: url(../images/bgnew8.png);
    background-color:#fff;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section19   {
    background-color:#1e1e1e;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#section20   {
    background-color:#1e1e1e;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
    

}
    ul .list {
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 40px;
    font-size: 20px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
}
ul .list1 {
    background-image: url(../images/no-4.png);
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 40px;
    font-size: 20px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
}
ul .list2 {
    background-image: url(../images/no-5.png);
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 40px;
    font-size: 20px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
}
ul .list4 {
    background-image: url(../images/number-1.png);
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 40px;
    font-size: 20px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
}
ul .list5 {
    background-image: url(../images/number-2.png);
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 40px;
    font-size: 20px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
}
ul .list6 {
    background-image: url(../images/number-3.png);
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 40px;
    font-size: 20px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
}
ul .list7 {
    background-image: url(../images/number-4.png);
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 40px;
    font-size: 20px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
}
ul {
padding-left: 0;
}
#button-section1 {
     background: url(../images/4.png);
    background-color:#415aff;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
#button-section .aff-button {
    background-color: #2321A2;
    color: #ffff;
    padding: 30px;
    display: block;
    margin: auto;
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    border-radius: 4px;
    margin-top: 27px;
    width: 55%;

#btn { 
    background-color: #2321A2;
    color: #ffff;
    padding: 30px;
    display: block;
    margin: auto;
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    border-radius: 4px;
    margin-top: 27px;
    width: 55%;

}

}
#button-section .aff-button:hover {
    text-decoration: none;
    background-color: #ffff;
    color: #2321A2;
    transition: 0.4s;
    border: 3px solid #2321A2;
}
@-webkit-keyframes rocking{
    0% {transform: rotate(0deg);}
    25% {transform: rotate(0deg);}
    50% {transform: rotate(2deg);}
    75% {transform: rotate(-2deg);}
    100% {transform: rotate(0deg);}
}
.rocking-button{
    animation: rocking 2s infinite;
    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition: .2s;
}
.p-bottom {
padding-bottom: 0px;
}

.zoom {
  background-color: ;
  transition: transform .2s; / Animation /
  width: 1000px;
  height: px;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.1); / (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) /
}


@media (max-width: 767px){
  .header-buy-button{ margin-bottom: 0px!important; }
  .ask{ top: 0px!important; }
  .fast-action-contents .col-md-5, .fast-action-contents .col-md-7 { margin: 15px 0; }

  .for-mobile{
    font-size: 26px !important;
 }
 .for-mobile1{
    font-size: 26px !important;
 }
 .for-mobile1a{
    font-size: 22px !important;
 }
 .for-mobile1b{
    font-size: 32px !important;
    width: 330px;
 }
 .for-mobile1c{
    font-size: 16px !important;
 }
 .for-mobile2{
    font-size: 32px !important;
 }

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

 .for-mobile4{
    font-size: 32px !important;
}
 .for-mobile5{
    font-size: 36px !important;
 }
 .for-mobile6{
    font-size: 36px !important;
 }
 .for-mobile7{
    font-size: 32px !important;
 }
.for-mobile8{
    font-size: 36px !important;
 }
 .for-mobile9{
    font-size: 30px !important;
 }
 .for-mobile10{
    font-size: 30px !important;
 }

.for-mobile11{
    font-size: 30px !important;
 }
 .for-mobile12{
    font-size: 24px !important;
 }

 .for-mobile13{
    font-size: 36px !important;
 }
 .for-mobile14{
    font-size: 36px !important;
 }
 .for-mobile15{
    font-size: 36px !important;
 }
 .for-mobile16{
    font-size: 32px !important;
 }
 .for-mobile17{
    font-size: 32px !important;
 }
 .for-mobile18{
    font-size: 30px !important;
 }
 .for-mobile19{
    font-size: 30px !important;
 }
 .for-mobile20{
    font-size: 16px !important;
 }
 .for-mobile21{
    font-size: 32px !important;
 }
 }
 .for-mobile22{
    font-size: 32px !important;
    width: 600px;
 }


.flex {
    display: flex;
    justify-content: space-between;
}
