html {
  scroll-behavior: smooth;
}

/*Fonts*/
@font-face {font-family: WesThin; src: url('../font/Wes FY W03 Thin.ttf'); } 
@font-face {font-family: WesReguler; src: url('../font/Wes FY W03 Regular.ttf'); } 
@font-face {font-family: WesMedium; src: url('../font/Wes FY W03 Medium.ttf'); } 
@font-face {font-family: WesBold; src: url('../font/Wes FY W03 Bold.ttf'); } 
@font-face {font-family: WesBlack; src: url('../font/Wes FY W03 Black.ttf'); } 


.WesThin{
	font-family: 'WesThin';
}
.WesReguler{
	font-family: 'WesReguler';
}
.WesMedium{
	font-family: 'WesMedium';
}
.WesBold{
	font-family: 'WesBold';
}
.WesBlack{
    font-family: 'WesBlack';
}


.poppins{font-family: 'Poppins', sans-serif;}

.playfair{font-family: 'Playfair Display', serif;}

.allura{font-family: 'Allura', cursive;}



 
/*Common*/
body {font-family: 'Poppins', sans-serif;font-size: 14px;line-height: 1.42857143;color: #151515;background-color: #fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}


p{
	margin-bottom:0px;
}
 ul{
	padding:0px;
	list-style:none;
	margin:0px;
}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.ls9{letter-spacing:9px;}

.padding0 {padding: 0;}


h1, h2, h3, h4, h5, h6{margin-bottom:0;}


@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;}.xs24 {font-size: 24px;}.xs25 {font-size: 25px;}.xs27 {font-size: 27px;}.xs28 {font-size: 28px;}.xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.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;}.xs56{font-size: 56px;}.xs60 {font-size: 60px;}.xs70 {font-size: 70px;}.xs85 {font-size: 85px;}

.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%;}.xsmt20{margin-top:20%;}
.xsmb1{margin-bottom:1%;}
.xsmb2{margin-bottom:2%;}
.xsmb3{margin-bottom:3%;}
.xsmb4{margin-bottom:4%;}
.xsmb6{margin-bottom:6%;}
.xsmb7{margin-bottom:7%;}
.xsmb8{margin-bottom:8%;}
.xsmb10{margin-bottom:10%;}
.xsmb15{margin-bottom:15%;}
.xsmb0{margin-bottom:0%;}

.xsmt-1{margin-top:-1%;}
.xsmt-3{margin-top:-3%;}
.xsmt-11{margin-top:-11%;}

.mycontainer{width: 90%;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}
.mycontainer2{
	width:100%;    
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

 



}


@media (min-width:768px) {	
.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;}.sm22 {font-size: 22px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm28 {font-size: 28px;}.sm29 {font-size: 29px;}.sm30 {font-size: 30px;}.sm31 {font-size: 31px;}.sm32 {font-size: 32px;}.sm33 {font-size: 33px;}.sm35 {font-size: 35px;}.sm37 {font-size: 37px;}.sm38 {font-size: 38px;}.sm39 {font-size: 39px;}.sm40 {font-size: 40px;}.sm41 {font-size: 41px;}.sm43 {font-size: 43px;}.sm44 {font-size: 44px;}.sm45 {font-size: 45px;}.sm46 {font-size: 46px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.sm51 {font-size: 51px;}.sm55 {font-size: 55px;}.sm60 {font-size: 60px;}.sm70 {font-size: 70px;}.sm80 {font-size: 80px;}.sm100 {font-size: 100px;}.sm130 {font-size: 130px;}

.lmt0{margin-top:0%;}.lmt1{margin-top:1%;}.lmt2{margin-top:2%;}.lmt3{margin-top:3%;}.lmt4{margin-top:4%;}.lmt5{margin-top:5%;}.lmt10{margin-top:10%;}.lmt13{margin-top:13%;}.lmt6{margin-top:6%;}.lmt7{margin-top:7%;}.lmt8{margin-top:8%;}.lmt9{margin-top:9%;}.lmt11{margin-top:11%;}.lmt12{margin-top:12%;}.lmt16{margin-top:16%;}.lmt18{margin-top:18%;}.lmt12{margin-top:12%;}.lmt13{margin-top:13%;}.lmt14{margin-top:14%;}.lmt15{margin-top:15%;}.lmt18{margin-top:18%;}.lmt20{margin-top:20%;}.lmt22{margin-top:22%;}.lmt25{margin-top:25%;}.lmt28{margin-top:28%;}.lmt30{margin-top:30%;}.lmt34{margin-top:34%;}.lmt45{margin-top:45%;}
.lmt-15{margin-top:-14%;}
.lmt-25{margin-top:-25%;}
.lmt-3{margin-top:-3%;}
.lmt-1{margin-top:-1%;}
.lmt-2{margin-top:-2%;}
.lmt-3{margin-top:-3%;}
.lmt-4{margin-top:-4%;}
.lmt-5{margin-top:-5%;}
.lmt-6{margin-top:-6%;}
.lmt-7{margin-top:-7%;}
.lmt-8{margin-top:-8%;}
.lmt-9{margin-top:-9%;}
.lmt-11{margin-top:-11%;}
.lmt-13{margin-top:-13%;}
.lmt-20{margin-top:-20%;}
.lmb0{margin-bottom:0%;}
.lmb1{margin-bottom:1%;}
.lmb2{margin-bottom:2%;}
.lmb7{margin-bottom:7%;}
.lmb10{margin-bottom:10%;}
.lmb15{margin-bottom:15%;}
.lmb30{margin-bottom:30%;}

.lmb-8{margin-bottom:-8%;}
.lmb-4{margin-bottom:-4%;}

.lml-2{margin-left:-2%;}

.pc-right{
	text-align: right;
}

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


.mycontainer{width: 730px;}
.mycontainer2{width:750px;}



}

@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;}.md26 {font-size: 26px;}.md27 {font-size: 27px;}.md28{font-size: 28px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}.md32 {font-size: 32px;}.md33 {font-size: 33px;}.md34 {font-size: 34px;}.md35 {font-size: 35px;}.md36 {font-size: 36px;}.md37 {font-size: 37px;}.md38 {font-size: 38px;}.md39 {font-size: 39px;}.md40{font-size: 40px;}.md41 {font-size: 41px;}.md42 {font-size: 42px;}.md44 {font-size: 44px;}.md45 {font-size: 45px;}.md46 {font-size: 46px;}.md47 {font-size: 47px;}.md48 {font-size: 48px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md52 {font-size: 52px;}.md53 {font-size: 53px;}.md54 {font-size: 54px;}.md55 {font-size: 55px;}.md56 {font-size: 56px;}.md58 {font-size: 58px;}.md66 {font-size: 66px;}.md68 {font-size: 68px;}.md60{font-size: 60px;}.md64{font-size: 64px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md106{font-size: 106px;}.md170 {font-size: 170px;}.md210 {font-size: 240px;}


.mmb0{margin-bottom:0%;}
.mmb3{margin-bottom:3%;}
.mmb5{margin-bottom:5%;}
.mmb7{margin-bottom:7%;}
.mmb8{margin-bottom:8%;}
.mmb11{margin-bottom:11%;}
.mmb12{margin-bottom:12%;}
.mmb14{margin-bottom:14%;}
.mmb15{margin-bottom:15%;}
.mmb16{margin-bottom:16%;}
.mmb20{margin-bottom:20%;}
.mmb28{margin-bottom:28%;}
.mmb35{margin-bottom:35%;}
.mmt0{margin-top:0%;}
.mmt1{margin-top:1%;}
.mmt2{margin-top:2%;}
.mmt3{margin-top:3%;}
.mmt4{margin-top:4%;}
.mmt5{margin-top:5%;}
.mmt6{margin-top:6%;}
.mmt7{margin-top:7%;}
.mmt8{margin-top:8%;}
.mmt10{margin-top:10%;}
.mmt11{margin-top:11%;}
.mmt12{margin-top:12%;}
.mmt13{margin-top:13%;}
.mmt14{margin-top:14%;}
.mmt15{margin-top:15%;}
.mmt18{margin-top:18%;}
.mmt11a{margin-top:11.6%;}
.mmt20{margin-top:20%;}
.mmt28{margin-top:28%;}
.mmt31{margin-top:31%;}
.mmt36{margin-top:36%;}
.mmt-2{margin-top:-2%;}
.mmt-3{margin-top:-3%;}
.mmt-4{margin-top:-4%;}
.mmt-5{margin-top:-5%;}
.mmt-8{margin-top:-8%;}
.mmt-9{margin-top:-9%;}
.mmt-9a{margin-top:-9.5%;}
.mmt-12{margin-top:-12%;}

.mmb-5{margin-bottom:-5%;}
.mmb-6{margin-bottom:-6%;}

.mml-4{margin-left:-4%;}

.mycontainer{width: 880px;}
.mycontainer2{width:922px;}

}

@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 17px;}.2 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}.lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg27 {font-size: 27px;}.lg28 {font-size: 28px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}..lg43 {font-size: 43px;}.lg44 {font-size: 44px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}.lg47 {font-size: 47px;}.lg48 {font-size: 48px;}.lg49 {font-size: 49px;}.lg50 {font-size: 50px;}.lg51 {font-size: 51px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg54 {font-size: 54px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg59 {font-size: 59px;}.lg62 {font-size: 62px;}.lg60{font-size: 60px;}.lg64{font-size: 64px;}.lg68{font-size: 68px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg82 {font-size: 82px;}.lg84 {font-size: 84px;}.lg106 {font-size: 106px;}.lg210 {font-size: 240px;}




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

.lgmb0{margin-bottom:0%;}
.lgmb2{margin-bottom:2%;}
.lgmb3{margin-bottom:3%;}
.lgmb5{margin-bottom:5%;}
.lgmb11{margin-bottom:11%;}
.lgmb12{margin-bottom:12%;}
.lgmb22{margin-bottom:22%;}
.lgmb25{margin-bottom:25%;}

.lgmb-6{margin-bottom:-6%;}


.lgmt5{margin-top:5%;}
.lgmt18{margin-top:18%;}
.lgmt13{margin-top:13%;}
.lgmt15{margin-top:15%;}
.lgmt23{margin-top:23%;}
.lgmt26{margin-top:26%;}
.lgmt29{margin-top:29%;}




}

@media (min-width:1500px){
.xl8 {font-size: 8px;}.xl9 {font-size: 9px;}.xl10 {font-size: 10px;}.xl11 {font-size: 11px;}.xl12 {font-size: 12px;}.xl13 {font-size: 13px;}.xl14 {font-size: 14px;}.xl15 {font-size: 15px;}.xl16 {font-size: 16px;}.xl17 {font-size: 17px;}.xl18 {font-size: 18px;}.xl19 {font-size: 19px;}.xl20 {font-size: 20px;}.xl21 {font-size: 21px;}.xl22 {font-size: 22px;}.xl23 {font-size: 23px;}.xl24 {font-size: 24px;}.xl25 {font-size: 25px;}.xl26 {font-size: 26px;}.xl27 {font-size: 27px;}.xl28 {font-size: 28px;}.xl29 {font-size: 29px;}.xl30 {font-size: 30px;}.xl31 {font-size: 31px;}.xl32 {font-size: 32px;}.xl33 {font-size: 33px;}.xl34 {font-size: 34px;}.xl35 {font-size: 35px;}.xl36 {font-size: 36px;}.xl37 {font-size: 37px;}.xl38 {font-size: 38px;}.xl39 {font-size: 39px;}.xl40{font-size: 40px;}.xl41 {font-size: 41px;}.xl42 {font-size: 42px;}.xl44 {font-size: 43px;}.xl45 {font-size: 45px;}.xl46 {font-size: 46px;}.xl47 {font-size: 47px;}.xl48 {font-size: 48px;}.xl49 {font-size: 49px;}.xl50 {font-size: 50px;}.xl51 {font-size: 51px;}.xl52 {font-size: 52px;}.xl53 {font-size: 53px;}.xl55 {font-size: 55px;}.xl56 {font-size: 56px;}.xl58 {font-size: 58px;}.xl65 {font-size: 65px;}.xl60{font-size: 60px;}.xl75 {font-size: 75px;}.xl70 {font-size: 70px;}.xl80 {font-size: 80px;}.xl87 {font-size: 87px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;}



}

.mycontainer-left{}

.responsive-video {
    padding-bottom: 56.21%;
    overflow: hidden;
    position: relative;
    z-index: 3;	
	box-shadow:0px 19px 40px 0px rgba(0, 0, 0, 0.24);	
}

.video-box-main-out{padding: 0;}
.video-box-main-inn {
    padding: 4% 4.5%;
    border-width: 1px;
    border-color: rgb(255 255 255 / 12%);
    border-style: solid;
    background-color: #704f4047;
    border-radius: 31px;
    max-width: 94%;
    margin: auto;
    /*margin-top: -4%;*/
}

.video-box-main{padding: 0;}
.video-box {
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 15px;
}
.videoBg {
    position: absolute;
    top: -2.5%;
    max-width: 123%;
    left: -9.5%;
}

.autoplayer-subarea-16-by-9 {
    padding-bottom: 56.25%!important;
    border-radius: 0;	
}
.video-box iframe{
    border-radius: 15px;	
}

.demo{padding-bottom: 55.21%;
    overflow: hidden;
    position: relative;
    border: 0px solid #ffffff42;}
.demo-video-out {
    padding: 0 0.4%;
}
.demo-video {
    overflow: hidden;
    margin-top: 5%;
        background-color: rgb(255 255 255 / 10%);
    box-shadow: 0px 32px 38px 0px rgb(0 0 0 / 21%);
    padding: 3.4%;
    border-width: 1px;
    border-color: rgb(255 255 255 / 12%);
    border-style: solid;
    border-radius: 31px;
}

.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%;
}
.autoplayer-area {
    z-index: 2;
}

.gray{color:#546878;}


.mycontainer{margin:auto;}

.italic {
    font-style: italic;
}

.upper{text-transform:uppercase}




/*font-weight*/
.w100{font-weight:100;} .w200{font-weight:200;} .w300{font-weight:300;} .w400{font-weight:400;} .w500{font-weight:500;} .w600{font-weight:600;} .w700{font-weight:700;}
.w800{font-weight:800;} .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%;}.lh145 {line-height: 145%;}.lh150 {line-height: 150%;}.lh160 {line-height: 160%;}.lh170 {line-height: 170%;}.lh180 {line-height: 180%;}.lh190 {line-height: 190%;}.lh200 {line-height: 200%;}.lh210 {line-height: 210%;}.lh220 {line-height: 220%;}.lh230 {line-height: 230%;}


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

.clear {
    clear: both;
}

.text-white{color:#fff;}

.mybutton1 a {
    border-radius: 30px;
    background-image: -webkit-linear-gradient( 180deg, rgba(238,78,0,0.99608) 0%, rgb(238,78,0) 14%, rgb(255,120,0) 100%);
    box-shadow: 0px 15px 43px 0px rgb(0 0 0 / 21%);
    color: #fff;
    display: table;
    padding: 2.5% 6%;
    transition: all 0.5s;
    position: relative;
    margin: auto;
    overflow: hidden;
}
.mybutton1 a:hover {
    background-image: -webkit-linear-gradient( 0deg, #ed4e01, #fc8829);
}

.mybutton1 a span {
    position: relative;
    z-index: 1;
}
.btnBg {
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 0;
    width: 100%;
}
.btnBg1 {
    position: absolute;
    right: 0;
    top: 0;
}
.btnArrow {
    position: relative;
    left: 4%;
}

.videoframe {
    position: relative;
}


.no-thanks-link {
    color: #0d6efd!important;
    text-decoration: none;
}
.no-thanks-link:hover{
	color:#818181;
	text-decoration:underline;
}

.buy {
    transition: 0.5s;
}
.buy:hover {
    transform: scale(1.02);
}


.mybutton a {
    border-radius: 33px;
    background-image: -webkit-linear-gradient( 180deg, rgba(238,78,0,0.99608) 0%, rgb(238,78,0) 14%, rgb(255,120,0) 100%);
    box-shadow: 0px 15px 43px 0px rgba(0, 0, 0, 0.21);
    color: #fff;
    margin: auto;
    transition: 0.5s;
    width: 86%;
    display: inline-grid;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.mybutton a:hover {
    background-image: -webkit-linear-gradient( 180deg, rgb(255,120,0) 0%, rgb(238,78,0) 14%, rgba(238,78,0,0.99608) 100%);
    box-shadow:none;
	transform: scale(1.02);
}
.mybutton-btn{
	padding: 0 0 0% 1%;
	position: relative;
	right: 0;
	float: right;
}
.mybutton-btn1{transition:0.5s;}
.mybutton-btn1:hover{transform: scale(1.02);}
.mybutton-text {
    padding: 35px 0;
    display: inline-block;
    text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.06);
}
.btn-arrow{
    background-color: #d34501;
    float: right;
    padding: 29px 30px;
    border-radius: 0 33px 33px 0;
}

.arrow{
	-webkit-animation: bounceRight 2s infinite;
    animation: bounceRight 2s infinite;
}

.benefit-box2 .mybutton-text, .benefitBg .mybutton-text, .mybutton2 .mybutton-text{
    padding: 29px 0;
}

.btnShadow{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}


/*banner*/

.gradient-text {
    background: linear-gradient(to right, #ff4b56 0%, #f3cd36 110%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-text2 {
    background: linear-gradient(to right, #5043f4 0%, #fd639b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.feature-box{margin-bottom: 3%;}

.feature-box:last-child{margin-bottom: 0%;}



.mybutton-box-out {
    padding: 0 11.3%;
}

.mybutton-box {
    background: url(../images/bg.png) no-repeat center bottom;
    background-size: cover;
    padding: 5% 0 4.4% 0;
    position: relative;
    overflow: hidden;
    border-width: 1px;
    border-color: rgb(37 244 255 / 48%);
    border-style: solid;
    border-radius: 31px;
    box-shadow: 0px 20px 59px 0px rgb(0 0 0 / 42%);
}


.ele1, .ele2{position:absolute;}

.ele2-icon {
    position: absolute;
    bottom: 100%;
    right: 5%;
}


button {
    background: #ffffff1f;
    outline: none!important;
    outline: 0px auto -webkit-focus-ring-color;
    border: 2px solid #ffffff;
    border-radius: 26px;
    padding: 2px 19px;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    margin-top: 2%;
}
button#myBtn2 {
    background: #000;
    outline: none;
    border: 2px solid #ffffff;
    border-radius: 26px;
    padding: 2px 19px;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    margin-top: 2%;
}

/**/


.banner {
    background: url(../images/banner.png) no-repeat center bottom;
    background-size: cover;
    padding: 3.5% 0 4% 0;
    position: relative;
    overflow: hidden;
    z-index: 3;
}
.checklist li {
    background: url(../images/checklist.png) no-repeat left 7px;
    padding-left: 30px;
    padding-right: 1%;
    list-style: none;
    margin-left: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 2px;
    text-align: left;
    display: inline-block;
}
.title1 {
    background-color: rgb(255 255 255 / 6%);
    display: inline-block;
    border-radius: 90px; /* 70*/
    padding: 27.5px 4.9%;
}
/*.title2 {
    background-color: rgb(253, 158, 64);
    display: inline-block;
    padding: 3.5px 1.6%;
    border-radius: 55px;
    z-index: 1;
    position: relative;
}*/

/*section-2*/

.section2 {
    background: url(../images/section2.png) no-repeat center top;
    background-size: cover;
    z-index: 0;
    position: relative;
    padding: 20% 0 5% 0;
    margin-top: -16%;
}
.warning-sign {
    margin: 0 0 10px 0;
}
.section2-pg {
    padding: 0 8% 0 12%;
}
.table-box1 {
    border-radius: 31px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 43px 109px 0px rgb(56 49 145 / 23%);
    padding: 3% 3.5%;
    max-width: 37.3%;
    margin-right: 1.5%;
}
.table-box2 {
    border-radius: 31px;
    background-color: rgb(110, 80, 202);
    box-shadow: 0px 43px 59px 0px rgba(45, 39, 120, 0.23);
    padding: 3% 3% 3% 4%;
    position: relative;
    z-index: 1;
    max-width: 37.3%;
    margin-left: 1.5%;
}
.checklist5 {
    margin-top: 4%;
}
.tag {
    position: absolute;
    right: -2%;
    top: -9px;
}

.checklist2 li {
    background: url(../images/checklist2.png) no-repeat left 32px;
    padding-left: 40px;
    padding-right: 1%;
    list-style: none;
    margin-left: 0px;
    padding-top: 23px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    text-align: left;
    display: block;
}
.checklist3 li {
    background: url(../images/checklist6.png) no-repeat left 32px;
    padding-left: 40px;
    padding-right: 1%;
    list-style: none;
    margin-left: 0px;
    padding-top: 23px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    text-align: left;
    display: block;
}
.checklist4 li {
    background: url(../images/checklist4.png) no-repeat left 12px;
    padding-left: 40px;
    padding-right: 1%;
    list-style: none;
    margin-left: 0px;
    padding-top: 6px;
    padding-bottom: 5px;
    margin-bottom: 0;
    text-align: left;
    display: block;
}
.checklist4 {
    padding: 1.5% 0 0 10%;
}
.checklist4-pg {
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 25px 0;
}
.checklist6-pg {
    border-bottom: 1px solid #d6c8ff;
    padding: 0 0 25px 0;
}
.checklist5 li {
    background: url(../images/checklist5.png) no-repeat left 32px;
    padding-left: 40px;
    padding-right: 1%;
    list-style: none;
    margin-left: 0px;
    padding-top: 23px;
    padding-bottom: 5px;
    margin-bottom: 0;
    text-align: left;
    display: block;
}
.checklist6 li {
    background: url(../images/checklist6.png) no-repeat left 12px;
    padding-left: 40px;
    padding-right: 1%;
    list-style: none;
    margin-left: 0px;
    padding-top: 6px;
    padding-bottom: 5px;
    margin-bottom: 0;
    text-align: left;
    display: block;
}

.checklist6 {
    padding: 1.5% 0 0 10%;
}


/*section3*/

.section3 {
    background: url(../images/section3.png) no-repeat center top;
    background-size: cover;
    padding: 18% 0 14% 0;
    margin-top: -13%;
    overflow: hidden;
    position: relative;
}
.section30-box-out{
    padding: 0 2.5%;
}
.section3-lableBox {
    background-image: -webkit-linear-gradient( 0deg, rgb(228,131,187) 0%, rgb(145,83,244) 100%);
    box-shadow: 0px 30px 35px 0px rgb(172 48 47 / 10%);
    padding: 1.9% 6.4%;
    display: inline-block;
    border-radius: 35px;
    margin-bottom: 5%;
    margin-top: 6%;
    position: relative;
}
.section30-box {
    border-radius: initial;
    padding: 0;
    margin-top: 4%;
    border-width: 1px;
    border-color: rgb(192, 189, 234);
    border-style: solid;
    border-radius: 22px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 22px 51px 0px rgba(118, 63, 162, 0.26);
    position: relative;
}
.testimonial-details {
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 30px 35px 0px rgb(172 48 47 / 10%);
    padding: 5% 7%;
    max-width: 97%;
}
.testibox-img {
    max-width: 14%;
}
.section3-row {
    max-width: 97%;
    margin: auto;
}


/*section4*/

.section4 {
    background: url(../images/section4.png) no-repeat center top;
    background-size: cover;
    padding: 2.5% 0 5.6% 0;
    margin-top: -14%;
    position: relative;
    z-index: 1;
}
.section4-lableBox {
    background: url(../images/section4-lableBox.png) no-repeat center center;
    background-size: contain;
    padding: 2.8% 2% 10.5% 2%;
}
.intro-text {
    margin-top: -4%;
}
.section4-titlebg {
    border-radius: 30px;
    background-color: rgb(255, 216, 3);
    display: inline-block;
    padding: 3px 3.3%;
    text-align: center;
}
.intro {
    margin: 4.5% 0 0 0;
    position: relative;
    z-index: 6;
}

/*section5*/

.section5 {
    background: url(../images/section5.png) no-repeat center top;
    background-size: cover;
    padding: 18% 0 0% 0;
    margin-top: -16%;
    z-index: 1;
    position: relative;
}
.section5-box1 {
    padding: 0 12%;
}
.section5-box2 {
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 30px 35px 0px rgb(172 48 47 / 10%);
    max-width: 87.9%;
    margin: auto;
    padding: 0% 5%;
    position: relative;
}
.section5-row {
    border-bottom: 1px solid rgb(232, 228, 237);
    padding: 6% 0 6% 0;
}
.checklist7 li {
    background: url(../images/checklist7.png) no-repeat left 28px;
    padding-left: 40px;
    padding-right: 1%;
    list-style: none;
    margin-left: 0px;
    padding-top: 23px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    text-align: left;
    display: block;
}
.section5-lableBox {
    background-image: -webkit-linear-gradient( 0deg, rgb(228,131,187) 0%, rgb(145,83,244) 100%);
    box-shadow: 0px 30px 35px 0px rgb(172 48 47 / 10%);
    padding: 1.4% 4.4%;
    display: inline-block;
    border-radius: 35px;
    margin-bottom: 1%;
    margin-top: 5%;
    position: relative;
}
.section5-bottm-text {
    padding: 0 14%;
}
.man5 {
    position: absolute;
    bottom: 3%;
    left: -11.8%;
}

/*section6*/

.section6 {
    background: url(../images/section6.png) no-repeat center top;
    background-size: cover;
    padding: 18% 0 3% 0;
    margin-top: 0;
    z-index: 1;
    position: relative;
}
.section6-box1 {
    padding: 0 15%;
}
.bonus-text {
    padding: 0 3.5%;
}

/*section7*/

.section7 {
    background: url(../images/section7.png) no-repeat center top;
    background-size: cover;
    padding: 14% 0 6.5% 0;
    margin-top: -5%;
    z-index: 1;
    position: relative;
}

/*section8*/

.section8 {
    background: url(../images/section8.png) no-repeat center top;
    background-size: cover;
    padding: 12% 0 8% 0;
    margin-top: -8%;
    z-index: 0;
}
.section8-lableBox {
    background: url(../images/section8-lableBox.png) no-repeat center center;
    background-size: contain;
    padding: 2.2% 2% 6.4% 1%;
}
.feature-title-out {
    border-radius: 30px;
    background-image: -webkit-linear-gradient( 0deg, rgb(64,175,246) 0%, rgb(96,208,237) 51%, rgb(127,241,227) 100%);
    display: inline-block;
    padding: 5px;
    position: relative;
    box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 28%);
    width: 87.2%;
}
.feature-title-inn {
    border-radius: 23px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 21%);
    display: inline-block;
    position: relative;
    padding: 10px 35px 10px 20px;
    width: 100%;
}
.feature-title {
    border-radius: 26px;
    display: inline-block;
    position: relative;
    padding: 6px;
    background-color: #fff;
    width: 100%;
}
.feature-detail2 {
    padding: 0 0 0 6%;
}

.feature2-title-out{
    background-image: -webkit-linear-gradient( 0deg, rgb(95,221,113) 0%, rgb(148,232,124) 51%, rgb(200,242,134) 100%);
}
.feature3-title-out {
    background-image: -webkit-linear-gradient( 0deg, rgb(244,90,145) 0%, rgb(250,123,152) 51%, rgb(255,155,159) 100%);
}
.feature4-title-out{
    background-image: -webkit-linear-gradient( 180deg, rgba(181,100,217,0.99608) 0%, rgb(238,96,156) 100%);
}
.feature5-title-out{
    background-image: -webkit-linear-gradient( 180deg, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%);
}
.feature6-title-out{
    background-image: -webkit-linear-gradient( 0deg, rgb(237,59,75) 0%, rgb(146,59,137) 100%);
}
.feature7-title-out{
    background-image: -webkit-linear-gradient( 0deg, rgb(53,81,164) 0%, rgb(44,142,196) 50%, rgb(49,205,176) 100%);
}
.feature8-title-out{
    background-image: -webkit-linear-gradient( 0deg, rgb(244,90,145) 0%, rgb(250,123,152) 51%, rgb(255,155,159) 100%);
}
.feature9-title-out{
    background-image: -webkit-linear-gradient( 0deg, rgb(250,160,54) 0%, rgb(253,177,87) 51%, rgb(255,193,119) 100%);
}
.feature10-title-out{
    background-image: -webkit-linear-gradient( 0deg, rgb(244,90,145) 0%, rgb(250,123,152) 51%, rgb(255,155,159) 100%);
}

.feature-detail p {
    margin-top: 4%;
    padding: 0 10% 0 2%;
}
.feature-detail2 p {
    margin-top: 4%;
    padding: 0 15% 0 5%;
}
.feature-detail3 p {
    margin-top: 4%;
    padding: 0 16% 0 2%;
}


/*section10*/

.section10 {
    background: url(../images/section10.png) no-repeat center top;
    background-size: cover;
    padding: 10% 0 14% 0;
    margin-top: -8%;
    z-index: 0;
}
.section10-box1 {
    padding: 0 13%;
}
.section10-boxmain {
    max-width: 51.1%;
    box-shadow: 0px 17px 51px 0px rgb(39 33 127 / 22%);
    background: #654bb9;
    padding: 0;
    border-radius: 30px;
}
.section10-box2 {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(101, 75, 185);
    background-color: #fff;
    padding: 8% 3% 0% 3%;
    border-radius: 30px 30px 0 0;
}
.productbox-img2 {
    text-align: -webkit-right;
}
.section10-bg {
    background-color: rgb(101, 75, 185);
    display: inline-block;
    padding: 4px 15px;
    border-radius: 25px;
    margin-top: -20%;
    text-align: center;
}
.shap10 {
    margin-top: -6%;
}
.section10-box3 {
    border-radius: 0 0 30px 30px;
}
.checklist10 li {
    background: url(../images/checklist10.png) no-repeat left 6px;
    padding-left: 40px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0%;
    padding-top: 0px;
    padding-bottom: 5%;
    margin-bottom: 0px;
    text-align: left;
    border-bottom: 1px solid #937be0;
    margin-top: 5%;
}
.section10-box3-inner {
    padding: 0px 6% 10% 6%;
}


/*section-11*/

.section11 {
    background: url(../images/section11.png) no-repeat center top;
    background-size: cover;
    padding: 14% 0 13% 0;
    margin-top: -14%;
    position: relative;
    z-index: 1;
}
.section11-lableBox {
    background: url(../images/section11-lableBox.png) no-repeat center center;
    background-size: contain;
    padding: 0.8% 1% 1.5% 1%;
}


/*section12*/

.section12 {
    background: url(../images/section12.png) no-repeat center top;
    background-size: cover;
    padding: 13% 0 14% 0;
    position: relative;
    margin-top: -11%;
    z-index: 1;
}
.section12-lableBox {
    background: url(../images/section12-lableBox.png) no-repeat center center;
    background-size: contain;
    padding: 0.5% 1.8% 1.5% 2.5%;
}
.section12-box1 {
    border-right: 1px dashed rgb(186, 186, 186);;
}





/*Footer*/

.strip_footer{background: url(../images/footBg.png) no-repeat center top;background-size: cover;background-color:#181415;padding: 3.5% 0 2% 0;}

.copyright-text{text-align:left;}
.copyright-link{text-align:right;color: #989898;}

.strip_footer a {
    color: #989898;
}
.strip_footer a:hover {
    text-decoration: underline;
    color: #bdbdbd;
}

.strip_footer hr {
    border-top: 1px solid rgb(255 255 255 / 5%);
    margin-top: 3%;
    margin-bottom: 2%;
}











/*-----------------------------------------------------------------------------Media*/

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

    
.ele1, .ele3{display:none !important;}
.copyright-text, .copyright-link {
		text-align: center;
	}


}

.ele2 {
    max-width: 15%;
}
}


@media (min-width: 240px){
	
	
	.section10-box2 h4{font-size: 14px;}
	
	
	
	
}

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

    .section10-box2 {
    margin: -9% 0% 0 0%;
    }
}

/*----------------------------------------------991.98px*/

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


.banner {
    padding: 6% 0 4% 0;;
}
.title1 {
    padding: 20px 4.9%;
}
.section2 {
    padding: 15% 0 0% 0;
}
.table-box1 {
    max-width: 45%;
    padding: 5% 3.5%;
}
.table-box2 {
    max-width: 45%;
    padding: 5% 1.5% 5% 4%;
}
.tag {
    max-width: 10%;
    right: -1%;
    top: -2px;
}
.section3 {
    padding: 28% 0 12% 0;
    margin-top: -18%;
}
.testibox-img {
    max-width: 100%;
}
.left3icon {
    max-width: 10%;
}
.section4 {
    padding: 10% 0 12% 0;
    margin-top: -23%;
}
.section4-lableBox {
    padding: 3% 2% 12% 2%;
}
.intro-text {
    margin-top: -6%;
}
.introLogo {
    max-width: 50%;
}
.IntroImage {
    margin: 4.5% 0 -12px 0;
}
.section5 {
    padding: 26% 0 0% 0;
    margin-top: -22%;
}
.section5-box2 {
    max-width: 90%;
    margin-top: 5%!important;
}
.section5-box1 {
    padding: 0 6%;
}
.man5 {
    max-width: 18%;
}
.section5-bottm-text {
    padding: 0 4%;
}
.section6 {
    padding: 10% 0 8% 0;
}
.section6-box1 {
    padding: 0 5%;
}
.section7 {
    padding: 10% 0 6.5% 0;
    margin-top: 0%;
    background-image: none;
    background-color: #29140f;
}
.feature-title-out {
    width: 100%;
}
.feature-detail p {
    padding: 0%;
}
.feature-detail2 p {
    padding: 0%;
}
.feature-detail3 p {
    padding: 0%;
}
.section8 {
    padding: 12% 3% 8% 3%;
    margin-top: 0%;
    text-align: center;
    background-image: none;
    background-color: #f7f9ff;
}
.section10 {
    padding: 12% 0 14% 0;
    margin-top: -10%;
}
.section10-box1 {
    padding: 0 3%;
}
.section10-boxmain {
    max-width: 64%;
    margin-top: 6%;
}
.smily1 {
    left: 7%;
    top: 28%;
    max-width: 12%;
}
.smily2 {
    right: 7%;
    top: 28%;
    max-width: 12%;
}
.section12 {
    margin-top: -15%;
    padding: 18% 0 12% 0;
}
.mybutton a {

}
.mybutton-btn {
    padding: 0;
}
.btn-arrow {
    padding: 16px 18px;
}
.arrow {
    max-width: 70%;
}
.mybutton-text {
    padding: 22px 0;
}




   
}


/*----------------------------------------------991.98px*/


/*----------------------------------------------575.98px*/	

@media (max-width: 575.98px){


.banner {
    padding: 10% 0 5% 0;
    background-color: #0b0405;
    background-image: none;
}
.mybutton-box-out {
    padding: 0 3%;
}
.mybutton-box {
    padding: 6% 3%;
}
.section2 {
    padding: 10% 0 5% 0;
    background-color: #fafafc;
    background-image: none;
    margin: 0;
}
.tag {
    max-width: 15%;
    right: 0%;
    top: -13px;
}
.table-box1 {
    max-width: 94%;
    padding: 8% 4%;
    margin: auto;
    margin-bottom: 8%;
}
.table-box2 {
    max-width: 94%;
    padding: 8% 4%;
    margin: auto;
}
.megaLogo {
    max-width: 85%;
}
.section3 {
    padding: 10% 0 10% 0;
    margin-top: 0%;
    background-color: #fff4ee;
    background-image: none;
}
.section3-lableBox {
    padding: 4% 4%;
    background-color: #9656f0;
    background-image: none;
}
.testimonial-details {
    padding: 8% 8%;
    max-width: 100%;
    margin-top: 8%;
}
.section4 {
    padding: 10% 0 10% 0;
    margin-top: -0%;
    background-color: #0c0206;
    background-image: none;
}
.IntroImage {
    margin: 8% 0 0 0;
}
.introLogo {
    max-width: 70%;
    margin-bottom: 3%;
}
.section4-lableBox {
    padding: 4% 4%;
    background-color: #fd4d4f;
    background-image: none;
}
.intro-text {
    margin-top: 3%;
}
.section5 {
    padding: 10% 0 6% 0;
    margin-top: 0%;
    background-image: none;
    background-color: #f7f5ff;
}
.section5-box1 {
    padding: 0 3%;
    text-align: center;
}
.section5-lableBox {
    background-image: none;
    background-color: #9656f0;
    padding: 5% 4%;
}
.section5-box2 {
    max-width: 100%;
    margin-top: 8%!important;
}
.section5img {
    margin-top: 8%;
    margin-bottom: 4%;
}
.section6 {
    padding: 10% 0 8% 0;
    background-image: none;
    background-color: #fff;
    text-align: center;
}
.bonus1Title {
    max-width: 60%;
}
.bonusimg {
    margin-top: 5%;
    margin-bottom: 5%;
}
.man5 {
    display: none!important;
}
.arrow {
    max-width: 15%;
}
.arrow1 {
    max-width: 15%;
}

.section8-lableBox {
    padding: 3% 3%;
    background-color: #ed6c0f;
    background-image: none;
    text-align: center;
    margin-bottom: 5%;
}
.feature-detail {
    text-align: center;
}
.feature {
    margin-top: 5%;
}
.feature-detail2 {
    padding: 0 0 0 0%;
}
.feature-detail2 p {
    margin-top: 4%;
    padding: 0 3%;
}
.section10 {
    padding: 12% 0 14% 0;
    margin-top: 0%;
    background-image: none;
    background-color: #f1eeff;
}
.section10-boxmain {
    max-width: 94%;
    margin-top: 10%;
}
.section10-bg {
    padding: 3.5px 20px;
}
.section10Logo {
    max-width: 60%;
}
.section11 {
    padding: 12% 0 10% 0;
    background-image: none;
    background-color: #1a0202;
    text-align: center;
    margin-top: 0;
}
.section11-lableBox {
    padding: 2% 3%;
    background-image: none;
    background-color: #6e50ca;
}
.section12img1 {
    margin-top: 6%;
}
.section12 {
    padding: 10% 0 14% 0;
    background-image: none;
    background-color: #f2eeff;
    margin-top: 0;
}
.section12-lableBox {
    padding: 2% 3%;
    background-image: none;
    background-color: #6e50ca;
    margin-bottom: 2%;
}
.steve {
    margin-top: 5%;
}
.name {
    max-width: 35%;
}
.smily1 {
    left: 3%;
    top: 25%;
    max-width: 13%;
}
.smily2 {
    right: 3%;
    top: 25%;
    max-width: 13%;
}
.btn-arrow {
    padding: 26px 5px;
    margin-top: 0%;
}
.arrow {
    max-width: 30%;
}
.mybutton-text {
    padding: 27px 0;
}


.mybutton a {
    width: 100%;
}
.btn-arrow {
    padding: 16px 0px;
}
.mybutton-text {
    padding: 18px 0;
}

}





/*----------------------------------------------575.98px*/  

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


}
@media (min-width: 480px){


.gift-box {
    max-width: 100%;
    bottom: 28%;
    right: 75%;
}

.mybutton-box-out {
    padding: 0;
}

	
}

@media only screen and (min-width: 768px) {


.gift-box {
    max-width: 100%;
    bottom: 28%;
    right: 75%;
}
	
	
}


@media only screen and (min-width: 800px) {
	
}


@media only screen and (min-width: 860px) {
		
	
}

@media only screen and (min-width: 892px) {
	
}

@media only screen and (min-width: 992px) {


.mycontainer-left, .mycontainer-right{max-width:962px;}
}


@media only screen and (min-width: 1000px) {
	
	
}

@media only screen and (min-width: 1100px) {	

	.gift-box {
    max-width: 100%;
    bottom: 28%;
    right: 75%;
}

}



@media only screen and (min-width: 1200px) {
	
	.mycontainer-left, .mycontainer-right{max-width:1163px;}


.gift-box {
    max-width: 100%;
    bottom: 28%;
    right: 75%;
}

}


@media (min-width:1300px) {
	.mycontainer{width: 1120px;}
	.mycontainer2{width:1180px;}	
	.ex{background-color:blue}
	
	.mycontainer-left, .mycontainer-right{max-width:1250px;}
	

.gift-box {
    max-width: 100%;
    bottom: 28%;
    right: 75%;
}

.mybutton-box-out {
    padding: 0 11.3%;
}


}

@media (min-width:1400px) {
	.mycontainer{width: 1160px;}
	.mycontainer2{width:1219px;;}
	.ex{background-color:silver}

	.mycontainer-left, .mycontainer-right{max-width:1298px;}
	


.gift-box {
    max-width: 100%;
    bottom: 28%;
    right: 75%;
}

}

@media (min-width:1500px) {
	.mycontainer{width: 1310px;}
	.mycontainer2{width:1219px;}
	.ex{background-color:pink}

	.mycontainer-left, .mycontainer-right{max-width:1363px;}

.gift-box {
    max-width: 100%;
    bottom: 28%;
    right: 75%;
}

}	


@media (min-width:1600px){
	.mycontainer{width: 1310px;}


.gift-box {
    max-width: 100%;
    bottom: 28%;
    right: 75%;
}


}

@media (min-width:1700px){
	.mycontainer{width: 1380px;}


.gift-box {
    max-width: 100%;
    bottom: 29%;
    right: 77%;
}


}	

@media (min-width:1800px){
	.mycontainer{width: 1470px;}


.gift-box {
    max-width: 100%;
    bottom: 28%;
    right: 75%;
}

	
}
@media (min-width:1900px){
	.mycontainer-left, .mycontainer-right{max-width:1363px;}
	.mycontainer{width: 1508px;}
	.mycontainer2{width:1324px;}
	.mainvideo {
		position: absolute;
		width: 441px; 
		top: 20px;
		left: 104px;
	}


.gift-box {
    max-width: 100%;
    bottom: 28%;
    right: 75%;
}
	
}



@media (min-width:2000px){
	.ex{background-color:black}
  
}

	
.mt0{margin-top:0%;}.mt1{margin-top:1%;}.mt2{margin-top:2%;}.mt3{margin-top:3%;}.mt4{margin-top:4%;}.mt5{margin-top:5%;}.mt6{margin-top:6%;}.mt7{margin-top:7%;}
.mt8{margin-top:8%;}.mt9{margin-top:9%;}.mt10{margin-top:10%;}.mt11{margin-top:11%;}.mt12{margin-top:12%;}.mt13{margin-top:13%;}.mt14{margin-top:14%;}.mt15{margin-top:15%;}.mt17{margin-top:17%;}.mt20{margin-top:20%;}.mt22{margin-top:22%;}.mt26{margin-top:26%;}.mt28{margin-top:28%;}.mtm14{margin-top:-14%;}.mtm4{margin-top:-4%;}.mtm1{margin-top:-1%;}.mtm2{margin-top:-2%;}.mtm3{margin-top:-3%;}.mtm6{margin-top:-6%;}.mtm8{margin-top:-8%;}.mtm9{margin-top:-9%;}.mtm20{margin-top:-20%;}.mtm12{margin-top:-12px;}.mtm40{margin-top:-40px;}

header {
    /*background-image: -webkit-linear-gradient( 0deg, rgba(116,106,249,0.99608) 0%, rgb(231,72,75) 100%);*/
	background:#d32f2f;
    padding: 10px 10px;
}
.timerbar{background:rgba(0,0,0, 0.8); color:#fff; padding:0; width:100%; position:fixed; bottom:0; left:0; z-index:999;}