*{
	margin:0;padding:0;
}
 @font-face {
	font-family: 'Conv_American Captain';
	src: url('../fonts/American Captain.eot');
	src: local('☺'), url('../fonts/American Captain.woff') format('woff'), url('../fonts/American Captain.ttf') format('truetype'), url('../fonts/American Captain.svg') format('svg');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Conv_hellodenverdisplayregular_v1.6';
	src: url('../fonts/hellodenverdisplayregular_v1.6.eot');
	src: local('☺'), url('../fonts/hellodenverdisplayregular_v1.6.woff') format('woff'), url('../fonts/hellodenverdisplayregular_v1.6.ttf') format('truetype'), url('../fonts/hellodenverdisplayregular_v1.6.svg') format('svg');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}

	html, body {overflow-x:hidden !important;}




body.home{
    background:url('../img/map.png');
}
body{
	font-family: 'Poppins', sans-serif;
	font-size:1.25rem;
	
	position:relative;
}
.home { width:100%;height:100%;float:left; position:relative}
body.home:after {
    content: '';
    position: absolute;
    background: url('../img/map.png');
    top: 69vh;
    left: 0;
    width: 100%;
    height: 70%;
    z-index:2;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Conv_American Captain';
}

h1{font-size: 4rem;}
h2{font-size: 3.5rem;}
h3{font-size: 3rem;}
h4{font-size: 2.5rem;}
h5{font-size: 2rem;}
h6{font-size: 1.5rem;}



/*sidebar css****/
.loader { background:url(../img/loader-back.jpg)!important; background-size:cover;height: 100vh;}

.txt1, .txt2, .txt3{
	position:relative;
	
}
.txt1 {
transform: rotate( 
348deg
 );
    margin: 89px 0 0;
    letter-spacing: 20px;
}
.txt1 {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 0;
    font-size:111px;
    color: rgba(255,255,255,0.0);
	font-family: 'Conv_American Captain';
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: white;
}
.txt2{
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 141px;
    font-family: 'Conv_American Captain';
    transform: rotate( 
348deg
 );
    position: absolute;
    color: #fff;
    top: 165px;
    letter-spacing: 21px;
    left: 127px;
}


.txt3{transform: rotate( 
349deg
 );
    position: absolute;
    top: 321px;
    left: 57%;
    letter-spacing: 15px;}
.txt3 {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 0;
    font-size: 111px;
    color: rgba(255,255,255,0.0);
    font-family: 'Conv_American Captain';
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    position: absolute;
    top: 276px;
}
.BottomLogo{position:relative;}

 .BottomLogo img{  position: fixed;
    bottom: 65px;
 left: 46%;}








.menu-container {
  z-index: 99999999;
  position: absolute;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  height: 100vh;
  width: 100%;
  pointer-events: none;
  
}

.menu {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100vh;
  width: 100vw;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(-100%);
  transition: transform 0.5s;
  transition-delay: 0.5s;
  visibility: hidden;
  background:url(../img/menu-bg.png);
  background-size:cover;
}



.menu-sliders {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: flex 0.45s;
}
.menu-sliders:nth-child(2) {
  flex: 1 0 100%;
  background: transparent;
}
.menu-sliders:nth-child(odd) {
  background: rgb(10 8 45);
}
.left-part {
  background:url(../img/first-menu-bg.png) !important;
  background-size: cover !important;
}

.right-part {
  background:url(../img/second-menu-bg.png) !important;
  background-size: cover !important;
}




.plus-btn-pos {
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 999999999999
}

.plus-btn {
  width: 60px;
  height: 80px;
  border-radius: 40px;
  position: relative;
  cursor: pointer;
}


body.menu-open .menu-sliders:nth-child(2) {
  flex: 0 0 0%;
}
body.menu-open .menu {
  transform: translateY(0%);
  visibility: visible;
  pointer-events: all;
}
body.menu-open .plus-btn .r1 {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
body.menu-open .plus-btn .r2 {
  transform: translateX(-50%) translateY(-50%) rotate(-135deg);
}


/****sidebar csss****/

/* .fixed img.img-fluid {height: 70px;} */

header.col-md-12.fixed .jwel {top: -20px;}
header.col-md-12.fixed .music { top: 40px;}


header.col-md-12.fixed {
   position: fixed;
	z-index: 1000;
	height: 90px;
  width: 100%; 
  -webkit-transition: all .7s;
    transition: all .7s;
	padding-top:10px;
}
ul.social.ban2 li:hover {
    color: #fcb330;
	cursor:pointer;
}


header.col-md-12.fixed.black{
	position:fixed;
	top:0;
	transition: all .7s;
	width:100%;
	z-index: 99;
 
}


header.col-md-12.fixed.blue{
  position:fixed;
  top:0;
  background:rgb(10 8 45);
  width:100%;
  height:130px;
}









.action{
	color:#fcb330;
}

.menu-bg {
   width:6%;
    padding: 15px 15px;
    border-radius: 20px 0px 20px 0px;
    margin-top: 15px;margin: 0;
}

.menu-bg {-webkit-transition: -webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
.menu-bg:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg);}




.overlay {
  height: 100vh;
  width: 0;
  position: fixed;
     z-index: 999999999999999;
  top: 0;
  left: 0;
  background: url('../img/menu-bg.png') no-repeat;
  overflow-x: hidden;
  background-size:cover;
  transition: 0.5s;
}
img.top-lg {
    width: 80%;
    top: -100px;
    position: relative;
    left: 70px;
    /* margin-bottom: 90px; */
    box-sizing: border-box;
	z-index:8;
}
img.btm-lg {
    width: 100%;
    max-width: 250px;
    position: absolute;
    bottom: -130px;
    right: 60px;
}
.overlay-content {
  position: relative;
  top: 25%;
  float:left;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.closebtn {
    position: absolute;
    top: -10px;
    right: 30px;
    font-size: 60px;
    color: #fff;
    text-decoration: none;
}
.closebtn:hover {
    color: #fff;
    text-decoration: none;
}
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}



@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}
a.self-act {
    color: #000;
    font-size: 20px;
    text-decoration: underline;
	left: 35%;
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    /* top: 0; */
    bottom: 50%;
}
ul.social.ban2{
    position: absolute;
    top: -10px;
   right: 40px;
   z-index:9;
}
ul.social.ban2 li {
    display: block;
    background: transparent;
    margin: 30px 0px;
}
ul.site-menu {
    list-style: none;
    font-family: 'Conv_American Captain';
}

ul.site-menu li {
    width: 38%;
    float: left;
    text-align: left;
    margin-left: 4%;
    line-height: 140px;
}
ul.site-menu li a {
    font-size: 60px;
	    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
	    color: rgba(255,255,255,0.0);

}

ul.site-menu li a.active{ color: rgba(255,255,255,1);}
ul.site-menu li a:hover {
    color: #fff !important;
    text-decoration: none !important;
    -webkit-text-stroke-width: 0 !important;
}


.slider {
   /* background: url(../img/banner.png);*/
    width: 100%;
    height: 100vh;
	max-height:940px;
	overflow:hidden;
    background-size: 100% 100%;position: relative;
	
}
.home-slide:before {
	content:'';
	position:absolute;
	top:0px;
	right:0;
   background: linear-gradient(180deg, rgba(2,0,36,1) 3%, rgba(12,36,91,0.70) 21%);
	max-height:940px;

    width: 100%;
    height: 100%;
    background-size: contain;
	    z-index: 2;
}
.home-slide:after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url(../img/banner-end3.svg) no-repeat;
    width: 104%;
    height: 300px;
    background-size: 107% 101%;
    z-index: 2;
}
.info.shape2{z-index:3;}
#over{
	position: absolute;
    top: 0;
    z-index: 2;
    left: 110px;
}


.shape {
  /*  background: url(../img/shape.png);*/
    width: 100%;
   /* height: 100%;*/
	padding: 30px 0px 150px 0px;
    background-size: 100% 100%;
}.shape2 {
    background: url(../img/shape2.webp);
    width: 100%;
    /*height: 100%;*/
    background-size: 100% 100%;
    float: left;
    position: relative;
    padding-bottom: 90px;
}ul.social.ban {
    position: absolute;
    top: 170px;
    z-index: 2;
    font-size: 28px;
    left: 20px;
}
ul.social.ban li {
    display: block;
    background: transparent;
    margin: 30px 0px;
}
.line{
	font-size: 220px;
    color: rgba(255,255,255,0.0);
    top: 150px;
   font-family: 'Conv_hellodenverdisplayregular_v1.6';
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
	opacity:0.1
}
.line1{transform: rotate(90deg); position: absolute; left: -119px;}
.line2{transform: rotate(-90deg); position: absolute; right: -119px; z-index:404}
span.shape3 {
    position: relative;
    width: 400px;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.shape3:after {
    content: "";
    background: url(../img/ft-map.png);
    width: 400px;
    height: 400px;
    background-size: 100% 100%;
    float: left;
    position: absolute;
    left: 0px;
    z-index: 0;
    top: 130px;
}
span.shape3 img {
    position: relative;
    z-index: 1;height:560px;
}
.sub-title{
	width: 80%;
    margin-top: -80px;
}
header.col-md-12.fixed {
    position: absolute;
    /*border-bottom: 1px solid #ccc;*/    z-index: 22;
}

.after:after{
	 content: "";
    position: absolute;
    background: rgba(255,179,48,0.25);
    width: 160px;
    height: 160px;
    right: -60px;
    bottom: -60px;
    border-radius: 100%;
}
.before:before {
    content: "";
    position: absolute;
    background: rgba(255,179,48,0.25);
    width: 160px;
    height: 160px;
    left: -180px;
    top: -140px;
    border-radius: 100%;
	z-index: 4;
}
.self-link:hover{color: #fcb330;}
.self-link{
	color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 100;
    float: right;
    margin-right: 140px;
    margin-top: 15px;
}
ul.social li {
	cursor:pointer;
	transition: 0.5s ease-in-out;
}
ul.social li:hover {
    transform: scale(1.15);
	transition: 0.5s ease-in-out;
}
.icn.right:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 100px;
    right: 100px;
	left:unset !important;
    /*background: url(../img/orange.png);*/
    top: -25px;
    z-index: -10;
    background-size: contain;
    background-repeat: no-repeat;
}




.dot:before {
    content: "";
    position: absolute;
    /* background: rgba(255,179,48,0.25); */
    width: 400px;
    height: 100%;
    left: -160px;
    background: url(../img/dot.png);
    bottom: -200px;
    border-radius: 0;
    z-index: -10;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}
.dot-r:after {
    content: "";
    position: absolute;
    background: rgba(255,179,48,0.25);
    width: 91%;
    height: 60%;
    right: 0px;
    background: url(../img/dot.png);
    bottom: 0;
    border-radius: 0;
    z-index: -10;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5;
}
.patren:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    bottom: 110px;
    border-radius: 0;
    z-index: -10;
    background-size: contain;
    background-repeat: no-repeat;
    opacity:1;
}
.patren2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 120%;
    right: 0px;
    bottom: -100px;
    border-radius: 0;
    z-index: -10;
    background-size: contain;
    background-repeat: no-repeat;
    opacity:1;
}
.icn:after {
    content: "";
    position: absolute;
    width:30px;
    height: 100px;
    left: 0px;
   /* background: url(../img/orange.png);*/
    top: 15px;
    z-index: -10;
    background-size: contain;
    background-repeat: no-repeat;
}
.info {
    position: relative;
    float: left;
    width: 100%;
	
}
.boy{
	max-width:85%;
	width: 85%;
    position: relative;
    top: 120px;
}
.push-bottom {
	margin-top:130px;
}
.bring-top {
    position: relative;
    z-index: 2;
}

ul.logo {
    list-style: none;
    padding: 0;
    display: inline-block;
}
ul.logo li {
list-style-type: none;
    position: relative;
    float: left;
    width: 27.85714285714286%;
    padding: 0 0 32.16760145166612% 0;
}
.logo li:nth-child(2) {
  margin: 0 1%;
}
.logo li:nth-child(3n+2) {
  margin: 0 1%;
}

.logo li:nth-child(6n+4), .logo li:nth-child(6n+5), .logo li:nth-child(6n+6) {
    margin-top: -6.9285714285%;
    margin-bottom: -6.9285714285%;
    
}



.logo li:nth-child(6n+4) { 
    margin-left: 0.5%;
}


.footer{
	/* background:url(../img/bg.png); */
	width:100%;
	min-height:900px;
	float:left;
	background-size:100% 100%;
	
}
.txt{
	position:relative;
	
}

.txt:before {
    content: 'SPORTSMANSHIP';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    font-size: 220px;
    color: rgba(255,255,255,0.0);
    top: 150px;
	font-family: 'Conv_American Captain';
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: white;
}
ul.social {
    color: #fff;
    list-style: none;
    display: inline;
    position: relative;
    top: 51px;
}
ul.social li {
    display: inline-block;
    text-align: right;
    background: #fcb330;
    width: 50px;
    height: 50px;
    border-radius: 15px 0px 15px 0px;
    margin-right: 15px;
    text-align: center;
    line-height: 50px;
}ul.social li a{color:#fff;font-size:14px}

ul.ft-menu {
    color: #fff;
    list-style: none;
    display: inline;
}
ul.ft-menu li {display: inline-block; text-align:right}
ul.ft-menu li a{color:#fff;font-size:14px}
.f-14{ font-size:14px}
.bdr-top{
	border-top:1px solid #3a3a3a;
	padding-top:20px;
}
img.put-grl {
    position: absolute;
    z-index: 4;
    top: -160px;
    width: 80%;
}
.push-top {
    margin-top: -120px;
}





.round-box{
	background:#20145f;
	width:100%;
	min-height:600px;
	border-radius:25px;
	margin-top:50px;
}
form.row .form-control {
    background: transparent;
    border-bottom: 1px solid #fff !important;
    border: none;
    border-radius: 0;
    padding: 0 0 20px 9px;
    color: #fff;
}
button.btn-line {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    padding: 12px 30px;
    border-radius: 50px;
}
.custom-control-label::before { background-color: #100450; border: none;}

img.img-fluid.fly {
    position: absolute;
    right: 0;
    bottom: -500px;
    width: 30%;
    z-index: 2;
    right: -140px;
}


.fly2{
	position: absolute;
    top: 550px;
    right: 0;
    z-index: 1;
    max-width: 90% !important;
}

.ele {
    position: absolute;
    z-index: -3;
    right: 90px;
    width: 70%;
    top: 30px;
}
.box{
	position: relative;
    top: -90px;
}


.individual-slider{    background: url(../img/faclity.png);
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-size: 100% 100%;}


.individual .txt:before {
    content: 'TEAMWORK';
    letter-spacing: 4rem;
}
button.btn-yellow {
    background: #fcb330;
    color: #000;
    padding: 10px 40px;
    border: none;
    border-radius: 40px;
}

.testimonial-item {
    background: #fff;
    box-shadow: -2px 6px 10px -2px #ccc;
    padding: 2rem;
    float: left;
    width: 100%;
}
.test-img { width: 100%; float: left; height: 60px;}
.test-img img { width: 130px !important; float: left; position: absolute; top: -60px; left: 20px;}
.owl-carousel .owl-stage-outer { padding: 60px 20px 20px 20px;margin: 0 -20px;}
p.comments { min-height: 210px;direction: ltr;}
.l-head{ font-size:130px;color: rgba(255,255,255,0.0); font-family: 'Conv_American Captain'; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white;}
.slide-head h1 { font-size: 130px;}
.sub-title{ position:relative; display:none;}
.sub-title:after { position: absolute; content: ''; width: 50px; height: 2px; background: #fff; left: 210px; top: 15px;}





/*Contact us Page Css*/

.contact-slider{background: url(../img/contact.png);
    width: 100%;
    height: 100vh;
	overflow:hidden;
    background-size: 100% 100%;}
.circle-area {
    width: 860px;
    height: 860px;
    background: url(../img/contact/bg.png);
    border-radius: 50%;
    position: relative;
    left: -150px;
    padding-left: 110px;
    padding-top: 110px;
    overflow: hidden;
    background-color: #000;
    background-attachment: fixed;
    background-position: 0;    z-index: 1;
}
.f-16{font-size:16px;}
.cnt-form { padding-right: 60px; padding-left: 30px;}

.cnt-form textarea{ resize:none;}

.strip {
    background: #2e1858;
    padding: 30px 20px 15px 30px;
    float: left;
    width: 100%;
    margin: 0 0 30px -160px;
    border-radius: 10px;
}
.add{ position:relative; transition: 0.5s ease-in-out;}
.mail{ position:relative; transition: 0.5s ease-in-out;}
.number{ position:relative; transition: 0.5s ease-in-out;}
.add:hover{ transform:scale(1.15); transition: 0.5s ease-in-out;}
.mail:hover{ transform:scale(1.15); transition: 0.5s ease-in-out;}
.number:hover{ transform:scale(1.15); transition: 0.5s ease-in-out;}

.add:after {
    position: absolute;
    content: '';
    background: url(../img/contact/1.png) no-repeat;
    width: 120px;
    height: 120px;
    right: -80px;
    top: 20px;
    z-index: 2;
    background-size: contain;
}
.add:after:hover{
	transform:rotate(180deg)
}

.mail:after {
    position: absolute;
    content: '';
    background: url(../img/contact/2.png) no-repeat;
    width: 80px;
    height: 90px;
    right: -48px;
    top: 20px;
    z-index: 2;
    background-size: contain;
}

.number:after {
    position: absolute;
    content: '';
    background: url(../img/contact/3.png) no-repeat;
    width: 90px;
    height: 100px;
    right: -50px;
    top: 20px;
    z-index: 2;
    background-size: contain;
}

.contact .txt:before {
    content: 'FRIENDSHIP';
    letter-spacing: 3rem;
}

/*Contact us Page Css*/





/* Login/Signup Page Css*/

.loginsignup-slider{    background: url(../img/login-signup.png);
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-size: 100% 100%;}


.circle-area.bg-n{
    width: 860px;
    height: 860px;
    background: url(../img/signup/bg.png);
    border-radius: 50%;
    position: relative;
    left: -150px;
    padding-left: 110px;
    padding-top: 110px;
    overflow: hidden;
    background-color: #000;
    background-attachment: fixed;
    background-position: 0;
    float: left;

}
a.act {
    color: #fff;
    font-size: 14px;
    text-align: right;
    width: 100%;
    float: right;
    margin: 0px 50px 0px 10px;
    position: relative;
    top: -18px;
}
.signup2 .txt:before {
    content: 'FRIENDSHIP';
    letter-spacing: 3rem;
}

.signup-slider{background: url(../img/signup1.png);
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-size: 100% 100%;}


.signup2-slider{background: url(../img/signup2.png);
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-size: 100% 100%;}


.login .txt:before {
    content: 'DETERMINATION';
    letter-spacing: 1rem;
}

form {
    position: relative;
    z-index: 2;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border:none;
    outline: 0;
    box-shadow: none;
}

img.fly3 {
    position: absolute;
    top: 550px;
    right: 240px;
    z-index: 1;
    max-width: 70% !important;
    width: 40%;
    transform: rotate(17deg);
}
.blue-circle.text-center {
    background: #251b56;
    width: 700px;
    height: 700px;
    border-radius: 50%;
    float: left;
    position: relative;
    left: -200px;
    border: 20px solid #fff;
}
.cc{
    position: absolute;
    top: -400px;
    left: -400px;
    width: 40%;
}

/*Css on 16Mar*/

ul.social.ban {
	left:unset;
    font-size: 35px;
    right: 20px;
}
ul.social.ban li {
    margin: 40px 0px;
}
.no-border{
	border:none;
	background:transparent !important;
}p.card-text.mb-0 {
    font-size: 16px;
}
.card-body small{font-size:70%;}
time.pos {
    position: absolute;
    background: rgba(0,0,0,0.7);
    right: 15px;
    padding: 0 15px;
    top: 15px;
    border-radius: 7px;
    color: #fff;
    z-index: 3;
    font-size: 13px;
}
.card-img-top:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 2;
}
.card-img-top {
    border-radius: 15px;
    overflow: hidden;
    float: left;
    width: 100%;
    position: relative;
}
.highlight{
	color:#fcb330 !important;
}
.play.w-100 {
    position: relative;
}
.set-to{
    position: absolute;
    z-index: 2;
    bottom: 0;

}
.video-player {
    float: left;
    width: 100%;
	 min-height: 700px;
}
.video-player img{
    max-width: 98%;
    height: auto;
}
.video-player:after {
    content: '';
    position: absolute;
    background: url(../img/watch/frame.png);
    width: 102%;
    height: 100%;
    left: 0px;
    z-index: 2;
	top:-20px;
    background-size: contain;
    background-repeat: no-repeat;
}
.blue-circle.text-center.text-white:before {
    content: '';
    background: url(../img/signup/cut.png) no-repeat;
    width: 270px;
    height: 270px;
    position: absolute;
    top: -120px;
    right: -30px;
    z-index: -8;
    background-size: contain;
}
.playbtn {
    width: 100px;
    height: 100px;
    z-index: 55;
    position: absolute;
    border-radius: 100%;
    margin: auto;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 210px;
    color: #fff;
    line-height: 100px;
    font-size: 34px;
	border: 1px solid #fff;
}
.play img.img-fluid.pull-left {
 
    left: -150px;
    width: 290px;
    z-index: 22;
    bottom: 160px;
}

.play img.img-fluid.pull-right {

    right: -150px;
    width: 290px;
    z-index: 22;
    bottom: 160px;
}


.bg-solid{
	background:#150838;
}
.small .video-player img {
    max-width: 100%;
    height: auto;
    margin: -11px -2px -3px -11px;
}
.small .video-player:after { width: 97%;}
 .video-player { float: left; width: 100%; min-height: 470px;}
.small img.img-fluid.pull-right {
    position: absolute;
    right: -145px;
    width: 290px;
    z-index: 22;
    bottom: -120px;
}.big{    min-height: 700px;}

.tt{
	left: -100px;
    position: relative;    z-index: 2;
}
.board{
	background: url(../img/watch/board.png) no-repeat;
    width: 280px;
    height: 200px;
    background-size: contain;
    position: absolute;
    bottom: -110px;
    left: 90px;
    padding-top: 32px;
}.sidebar {
    background: #150838;
    width: 80%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0px;
}
ul.link-item {
    position: relative;
    top: 100px;
    color: #fff;
    list-style: none;
}
ul.link-item li {
    padding-left: 40px;
    line-height: 80px;
}
ul.link-item li a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
ul.link-item li a img{width:40px; margin-right:15px;    object-fit: none;}
li.active {
    padding-left: 20px !important;
	background:#0b0226;
}
li.active a img {
    width: 70px !important;
    object-fit: contain !important;
}
.dog{
	position: absolute;
    bottom: 0;
    left: 130px;
}
.dropdown-menu {left: -50px;}
.dropdown-toggle::after {
    color: #fff;
}

.box-area {
    box-shadow: -1px 3px 11px 1px #e5e5e5;
    padding: 30px 20px;
	border-radius:45px;
	min-height:320px;
	width:92%;background: #fff;
}
.box-area .icn {
    position: absolute;
    top: -60px;
    width: 100px;    left: -20px;
}
img.age{
	height: 270px;
    object-fit: contain;
	margin-bottom:40px;
}
span.count {
    background: #fff;
    box-shadow: 1px 1px 11px 1px #e5e5e5;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    text-align: center;
    line-height: 105px;
    font-size: 50px;
    font-family: 'Conv_American Captain';
    color: #b0adad;
    margin-right: 30px;
	display:block;
}
.arr{
position: absolute;
    left: 110px;
    top: 160px;
    width: 140px;
}
.arr2 {
    position: absolute;
    left: 100px;
    top: 330px;
    width: 120px;z-index: -1;
}

.playbtn2 {
    width: 80px;
    height: 80px;
    z-index: 55;
    position: absolute;
    border-radius: 100%;
    margin: auto;
    display: block;
    left: 0;
    right: 0;
    top: 190px;
    bottom: 210px;
    color: #fff;
    line-height: 86px;
    font-size: 24px;
    text-align: center;
	border: 1px solid #fff;
}

.on-se{
	position: relative;
    left: 0;
    width: 100% !important;
    object-fit: cover;
    height: 480px !important;
}



.modal { background: rgba(0,0,0,0.95);}

	#slider { height: 80vh ;}
	#slider2 { height: 80vh ;}

   

       


@media (max-width: 1500px){
body:after { top: 57vh;}
	.slider { max-height: 750px;}
	.home-slide:before {max-height: 750px;}
	img.put-grl { top: 10px;z-index:21}
	.shape2 .img-fluid { max-width: 80%; height: auto; width: 60%;}
	.push-top { margin-top: -90px;}
	ul.site-menu li a { font-size: 50px;}
	ul.social li { margin-right: 9px;}
	.bl ue-circle.text-center { width: 610px; height: 610px;z-index:2}
	.cc  { position: absolute; top: -300px; left: -220px;width: 62%;}
	.vide o-player {float: left; width: 100%; min-height: 390px;}
	.big.video-player {
    float: left;
    width: 100%;
    min-height: 470px  ;
}
	.board {
    width: 190px; 
    height: 200px;
    bottom: -100px;
    left: 60px;
    padding-top: 2 7px;
}p.comments { min-height: 240px;}
	center.board h3 { font-size: 25px;}
	.video-player i mg { max-width: 100%; height: auto;}
	.p-0.col-md-4 img { width: 230px;}
	.home-slide:after {
    bottom: -59px;
    background-size: 104%;}
	.shape2.info {z-index: 3;}
	.fly2 {top: 640px; max-width: 40% !important;}
	.cnt-form { padding-right: 170px; padding-left: 60px;}
}

.panel-default {
    border-color: #ddd;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.panel-default>.panel-heading {
    color: #fff;
    background-color: #240c62;
    border-color: #ddd;
	position:relative;
}
a.act-btn {
    border: 1px solid #fff;
    color: #fff;
    padding: 6px 20px;
    font-size: 15px;
    text-decoration: none;
    border-radius: 23px;
    position: absolute;
    right: 8px;
    top: 8px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}.panel-body {
    padding: 2rem;
}
.panel-body small {
    opacity: 0.5;
    font-size: 70%;
}
.updt label {
    font-size: 12px;
    color: #999;
}

.updt .form-control {
    border-bottom: 1px solid #ccc !important;
    border: none;
    border-radius: 0;
}.dark {
    background: #240c62;
    border: navajowhite;
    padding: 15px 30px;
    border-radius: 35px;
}
.dgg{
	position: relative;
    top: -160px;
    width: 50%;
}

.media-left {
    background: #040a4f;
    padding: 20px;
    border-radius: 50%;
    margin-right: 19px;width: 72px;
    height: 72px;
}

span.inf.pl-4 {position:relative;}
span.inf.pl-4:after {
    content: '';
    position: absolute;
    width: 180px;
    height: 2px;
    background: #1e1e5f;
    bottom: -12px;
    left: 10px;
}
span.badge.primary{background: #1e1e5f !important;color:#fff;} 
span.badge {
    background: #ccc;
    margin: 40px 10px 0 10px;
    padding: 21px 30px 4px 30px;
    border-radius: 50px;
}
span.green {
    background: #046a25;
    color: #fff;
    width: 100px;
    height: 100px;
    display: inline-block;
    font-size: 50px;
    border-radius: 50%;
    line-height: 100px;
    margin-bottom: 14px;
}
/*.jwel {
    position: absolute;
    right: 20px;
    width: 50px;
    z-index: 11;
    top: 0px;
}*/
.jwel {
    right: 0px;
    width: 70px;
    z-index: 11;
}
.set-grl{ top: 150px; width: 450px;left: 100px;position: relative;}
.jwel {-webkit-transition: -webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
/*.jwel:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg);}*/

.video .modal-content { background:transparent; border: none;}
.video .modal-header { border-bottom: none;}
.video button.close {
    color: #fff;
    opacity: 1;
    border: 1px solid;
    padding: 5px 10px;
    top: 21px;
    position: relative;
}
.ct-area {
    background: url(../img/pop/9.png);
    background-size: cover;
    padding: 30px 50px;
}
@media screen and (max-width: 1900px) and (min-width: 1651px) {
	.home-slide:after {bottom: -20px;
    background-size: 108% 100%;}
	#slider {height: 55vh;}
	#slider2 {height: 65vh;}
}
@media screen and (max-width: 14990px) and (min-width: 1441px) {
	
	.set-grl { top: 60px; width: 400px; left: 50px; position: relative;}
}
@media screen and (max-width: 1650px) and (min-width: 1501px) {
		#slider {height: 55vh;}
		#slider2 {height: 64vh;}
		.home-slide:after {bottom: -30px;}
		.slider { max-height: 810px;}
}
@media (min-width: 1500px)


{
	.set-grl {
    top: 60px;
    width: 400px;
    left: 50px;
    position: relative;
}
	
	
	
	.playbtn {
    bottom: 40%;}
	
	.container-lg{
		max-width: 89% !important;
	}
	img.img-fluid.fly { bottom: -383px !important;}
	.fly2 {top: 640px; max-width: 40% !important;}
	.tt { left: 70px;    z-index: 2;}
	.blue-circle.text-center { left: -230px;    z-index: 1;}
}

.clos {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 20px;
    top: 20px;
    background: #fff;
    padding: 10px 13px 10px 13px;
    border-radius: 50%;
    line-height: 20px;
	display:none;
	z-index:2;
}
.for {
    left: 15px;
}




@media screen and (max-width: 1400px) and (min-width: 1300px) {
	body.home:after {top: 64vh;}	
	#slider { height: 55vh ;}
	#slider2 { height: 55vh ;}
}
@media screen and (max-width: 1500px) and (min-width: 1441px) {
	#slider { height: 55vh;}
	#slider2 { height: 55vh;}
	.home-slide:after { bottom: -69px;background-size: 108%;}
	body.home:after { top: 40vh;}
.on-se {
    height: 430px !important;
}
}



@media screen and (max-width: 810px) and (min-width:768px) {
	html body #smm .video-player img { max-width: 180px !important;}
}
@media screen and (max-width: 899px) and (min-width:768px) {
	.navbar-nav img.rounded-circle {
    width: 50px;
    height: 50px;
}
	.sidebar { width: 96%;}
	ul.link-item li { padding-left: 20px; line-height: 70px;}
	ul.link-item li a { font-size: 12px;}
	li.active a img { width: 40px !important;}
	.own-txt { text-align: center;}
	/***2.4.2021 css loginsignup page****/
		.tt { display:none;}
        .blue-circle.text-center {top: 37em; z-index: 9999;left: -420px;top: 40em;}
        .circle-area.bg-n {left: 39px; width: 700px;height: 700px;}
        .shape2 {margin-top: 28em;}
		
	/***2.4.2021 css loginsignup page****/
	
.slider { max-height: 550px !important;}
	.home-slide:after { bottom: -5px; background-size: 105%; height: 125px;}
	.home-slide:before { max-height: 400px;}
	.playbtn {bottom: 280px;}
	#slider2 { height: 50vh;}
	.strip { margin: 0 0 30px -60px; z-index: 2;}
	.cnt-form { padding-right: 60px; padding-left: 10px;}
}
@media screen and (max-width: 600px) and (min-width: 576px) {
	html body #smm .video-player img { max-width: 180px !important;}
	.board { width: 167px !important;}
}
@media screen and (max-width: 767px) and (min-width: 576px) {
	.navbar-nav img.rounded-circle {
    width: 50px;
    height: 50px;
}
	/***2.4.2021 css loginsignup page****/
			.tt {display:none;}

			
	/***2.4.2021 css loginsignup page****/
	
	.form-group.pl-0.pr-5 {
    padding-left: 3rem !important;
    padding-right: 0 !important;
}
	img.put-grl{display:none}
	.ct-area { background-size: contain; padding: 10px 30px; background-repeat: no-repeat;}
	body.home:after { top: 20vh;}
	ul.social.ban li {margin: 10px 0px;}
	ul.social.ban { top: 100px;}
	html body .site-menu img.icn.mb-5 { width: 70px;}
	.slider { max-height: 330px !important;}
	.home-slide:after { bottom: -35px; background-size: 105%; height: 125px;}
	.home-slide:before { max-height: 400px;}
	#slider2 {
    height: 480px;
}
	.playbtn {bottom: 180px;}
	.for-mb-t {height: 30vh !important;}
	.for-mb-b {height: 70vh !important;}
	.overlay-content { top: 0%;}
	html body .play .video-player img { height: 310px!important;}
	.cnt-form { padding-right: 0; padding-left: 0; float: left; width: 100%; margin-left: -9%;}
}
@media screen and (max-width: 390px) and (min-width: 320px) {
	#smm .video-player { min-height: 400px !important;}
	footer ul.social { width: 47% !important;}
	html body #smm .video-player img { height: 12rem!important;}
	html body .video-player img { height: 14rem !important;}
	.home-slide:after { bottom: 4px; background-size: 114%; height: 109px;}
}
@media screen and (max-width: 479px) and (min-width: 360px) {
	span.shape3 { width: 350px;}
}
@media screen and (max-width: 420px) and (min-width: 391px) {
	html body #smm .video-player img { height: 14rem!important;}
	#smm .video-player { min-height: 400px !important;}
		footer ul.social { width: 40% !important;}
		.home-slide:after { bottom: 0px; background-size: 114%; height: 109px;}

	html body .video-player img { height: 14.5rem !important;}
}
@media screen and (max-width: 479px) and (min-width: 421px) {
	#smm .video-player { min-height: 440px !important;}
	footer ul.social { width: 40% !important;    text-align: center;}
	.home-slide:before {
    max-height: 295px !important;
}
	.home-slide:after {bottom: -35px;
    background-size: 104%;
    height: 109px;}
	html body .video-player img { height: 16.5rem !important;}
}
@media screen and (max-width: 767px) and (min-width: 320px) {
	.sidebar {display: none;}.own-txt {
    text-align: center;
}
	a.act-btn {
    top: 3px;
}
	.overlay-navigation .top-lg{display:none}
	.for-mb-t{display:none !important}
	.clos{ display:block}
	footer ul.social { display: block; width: 30%; margin: 0 auto; top: 20px;}
	
	.overlay-content { top: 0%; /*height: 500px; overflow-y: scroll;*/overflow-x:hidden;}
}
@media screen and (max-width: 479px) and (min-width: 320px) {
	
	h3 {font-size: 2.5rem;}
	.home-slide:before { max-height: 240px;}
	.fixed img.img-fluid {
    height: 60px;
    position: relative;
    z-index: 99;
}
	html body .slider { max-height: 300px;}
	/*.home-slide:after { bottom: -6px; background-size: 104%; height: 80px;}*/
	html body .fr-mb { padding: 70% 0 0 0 !important; object-fit: cover !important;}
	.shape3:after { width: 350px; height: 350px;}
	html body img.img-fluid.fly {
    bottom: -275px;
    width: 40%;
    z-index: 5;
    right: 10px;
}
}
@media screen and (max-width: 575px) and (min-width: 320px) {
	.bdr-top{
		border:none !important
	}
	.slider ul.social.ban,.contact-slider ul.social.ban, .individual-slider ul.social.ban, .signup-slider ul.social.ban, .signup2-slider ul.social.ban, .loginsignup-slider ul.social.ban{display:none;}
	.slider.home-slide ul.social.ban{display:none;} 
	
	#smm .video-player {min-height: 540px; margin-bottom: 50px; padding-bottom: 10px;}
	#smm .playbtn{bottom:300px}
	.dgg { display: none;}
	.board { bottom: -80px;left: 30%;}
}
@media screen and (max-width: 575px) and (min-width: 480px) {
	footer ul.social { width: 40% !important; text-align: center;}
	html body img.img-fluid.fly {
    bottom: -405px;
    width: 40%;
    z-index: 5;
    right: 10px;
}
	.home-slide:before { max-height: 325px;}
	html body .slider { max-height: 300px;}
	.home-slide:after { bottom: -13px; background-size: 104%; height: 90px;}
	html body .fr-mb { padding: 72% 0 0 0 !important; object-fit:cover !important;}
}
@media screen and (max-width: 575px) and (min-width: 320px) {
	footer ul.social li {width: 30px !important; height: 30px !important; margin-right: 0px;line-height: 25px; margin-bottom: 15px !important; border-radius: 6px 0px 6px 0px !important;}
	/*header.col-md-12.fixed.black.d-none {
    display: block !important;
    z-index: 9;
    background: rgba(10, 8, 45, 1) !important;
}*/


.txt:before{display:none;}
.for { top: -10px; left: 15px;position:fixed !important}

.mobile-logo-header {
    position: absolute;
    z-index: 99999;
    max-width: 200px;
    width: 200px;
    top: 15px;
    left: 20px;
}
.mobile-logo-header img {
    width: 159px;
}
.clos img#closeUlNextElement {
    margin-top: -4px !important;
}
.facility_signup img.img-fluid.fly {
    display: none;
}
	.loading-text img{width:145px !important}
	/***2.4.2021 css loginsignup page****/
		.overlay-content ul.social{display:none;}
	.tt {display:none;}
    .circle-area.bg-n {left: 14px;padding: 0;padding: 0; border-radius: 60px;height:100%;left: 0;  margin-bottom: 36px;width: 100%;}
	.circle-area.bg-n .mt-5, .my-5 {margin-top: 1rem !important;}
	.blue-circle.text-center {width: 100%;left: 0;border-radius: 60px;top: 5em;
    height: 563px;}
    .blue-circle.text-center.text-white:before {content: '';width: 172px;height: 172x;z-index: 1;}
    button.btn-line{margin-bottom: 9px;padding: 12px 25px;width: 100%;}
	.f-14 {text-align: center;}
	ul.ft-menu { text-align: center!important;width: 100%;    display: inline-block;}
	.dog_img {margin-top: 104px;}
    .circle-area.bg-n .cnt-form{padding-left: 22px;}
     button.btn-yellow {margin: auto; width: 100%; max-width: 208px; text-align: center!important; display: block;margin-bottom: 133px;}

	/***2.4.2021 css loginsignup page****/
	
	
	/*contact page css 2.4.2021*/
	
	.cnt-form {padding-right: 22px;padding-left: 73px;}
	.strip {    margin: 0 0 30px -40px;}	
    .circle-area { border-radius: 60px;left: -50px; padding-left: 0; padding-top: 110px;width:100%;margin-bottom: 36px;}
.sub-title { width: 80%; margin-top: 20px !important;}
	.form-group.pl-0.pr-0 { padding-left: 3rem !important; padding-right: 0 !important;}
	.form-group.pl-0.pr-5 { padding-left: 3rem !important; padding-right: 0 !important;}
	html body .cnt-form .form-group {  padding-left: 0 !important; padding-right: 0 !important;}
	.set-grl { width: 300px;}
	.box-area .icn {left: 10px;}
	
	body p{font-size:15px;}
	.l-head { font-size: 35px;}
	h1 {
    font-size: 2rem;
}
	#slider2 { height: 200px;}
	.slide-head h1 { font-size: 36px;}
	img.btm-lg { display: none;}
	.site-menu img.icn.mb-5 { height: 50px !important;}
	ul.site-menu { top: 0px;width: 230px;
    margin: 0 auto;}
	ul.site-menu li a { font-size: 39px;}
	ul.site-menu li {width: 100%;float: left;
    text-align: left;
    margin-left: 0;
    line-height: 80px;
}
.site-menu img.icn.mb-5 {
    width: 40px !important;
    /* width: 40px; */
    height: 40px!important;
    /* object-fit: contain; */
    object-position: center center;
    margin-right: 10px;
}

	.for-mb-t {height: 200px!important;}
	.for-mb-b {height: 590px !important;overflow: scroll;}
	.self-link { margin-right: 80px; font-size: 14px; margin-top: 20px;}
	img.put-grl {display:none}
	.ct-area { padding: 0px 20px; background-repeat: no-repeat; background: #fff; border-radius: 40px;}
	.txt:before { font-size: 40px; z-index: 1;letter-spacing: 10px !important;}
span.shape3 img {
    position: relative;
    z-index: 1;
    height: auto;
    width: 250px;
    height: 460px;
    object-fit: contain;
    object-position: center center;
}
	.contact-slider,
	
	.individual-slider,
	.signup-slider,
	.signup2-slider,
	.loginsignup-slider {height: 340px;}
	.signup-slider #slider2,
	.signup2-slider #slider2,
	.loginsignup-slider #slider2 { height: 68vh;    top: 10px;
    position: relative;}
	#slider { height: 36vh;}	
	
	
	#over { top: 80px; z-index: 2; left: 0;}
	.for-sm { position: absolute; right: 0;}
	.after:after { right: 10px;}
	.push-top { margin-top: -10px;}
	.shape2 .p-0.offset-md-2.col-md-4.col-4.col-sm-4.offset-sm-2 { margin-left: 16.666667%;}
	.home-slide img.img-fluid.on-m { top: -20px;}
	.home-slide .sub-title { margin-top: -20px !important;}
	img.img-fluid.on-m { width: 80%; position: relative; top: 20px;}
	.line {display: none;}
	ul.social.ban li {margin: 10px 0px;height: 30px;}
	ul.social.ban { top: 63px;}
	ul.social li i { font-size:15px;}
	
}




@media screen and (max-width: 899px) and (min-width: 576px) {
	
	
	#smm .video-player { height: 170px !important; min-height: auto !important;}
	.board { width: 190px; height: 200px; top: 160px; left: 10px; padding-top: 27px;}
	html body #smm .video-player img { height: 110px!important; width: 220px !important; object-fit: cover; max-width: 190px;}
	div#sett { margin-top: 20px;}
	#smm .playbtn{display:none;}
	
	
	img.img-fluid.fly { bottom: -240px; width: 30%; z-index: 2; right: 10px;}
	#slider { height: 36vh;}	
	html body .fr-mb {
    padding: 60% 0 0 0 !important; object-fit:cover !important;
}
	.f-16 {font-size: 11px;}
	.cnt-form .mt-5.col-md-12.col-sm-12 { margin-top: 0 !important;}
	
	.circle-area {width: 580px;    height: 580px;}
	.after:after { right: -10px;}
	.set-grl { top: 10px; width: 310px; left: 30px;}
	.box-area {min-height: 240px;}
	body{font-size:14px;}
	h3 {font-size: 2rem;}
	.play img.img-fluid.pull-left, 
	.play img.img-fluid.pull-right {width: 150px;}
	html body .video-player img { height: 200px!important;}
	ul.site-menu li a { font-size: 30px;}
	
	
	.md-33{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	h1 {
		font-size: 3rem;
	}
	.l-head,
	.slide-head h1 { font-size: 50px;}
	img.img-fluid.sub-title.d-block { margin-top: -10px !important;}
	.fixed img.img-fluid { height: auto;}
	.self-link { margin-right: 90px;}
	.contact-slider,
	.signup-slider,
	.loginsignup-slider,
	.signup2-slider,
	.individual-slider { height: 70vh;}
    .individual-slider {  margin-top: 100px;}
	.p-0.col-md-4 img { width: 130px;}
	.txt:before { font-size: 5em; letter-spacing: 0 !important;}
	.shape3:after { width: 330px;height: 330px;left: 30px;}
	ul.social li { width: 30px; height: 30px; margin-right: 0px; line-height: 25px;margin-bottom: 15px;border-radius:6px 0px 6px 0px;}
	ul.social li i{font-size:12px}
	.push-top { margin-top: -20px;}
	
}
@media screen and (max-width:768px) {
    .individual-slider { height: 50vh;}
}
@media screen and (max-width: 1023px) and (min-width: 900px) {
	.panel-body p {
    word-break: break-all;
    font-size: 10px;
}
	#smm .video-player { height: 170px !important; min-height: auto !important;}
	.board { width: 190px; height: 200px; top: 160px; left: 10px; padding-top: 27px;}
	html body #smm .video-player img { height: 115px!important;}
	div#sett { margin-top: 20px;}
	#smm .playbtn{display:none;}
	.navbar-nav img.rounded-circle {
    width: 50px;
    height: 50px;
}
ul.link-item li a img {
    width: 35px;
    margin-right: 9px;
    object-fit: contain;
    height: 22px;
}
	ul.link-item li { padding-left: 20px;}
	ul.link-item li a { font-size: 13px;}
	li.active a img { width: 45px !important;height:40px !important}
	.sidebar { width: 100%;}
	.blue-circle.text-center.text-white:before {
    content: '';
    width: 190px;
    height: 210px;
    position: absolute;
    top: -160px;
    right: 20px;
    z-index: -8;
    background-size: contain;
}

	img.img-fluid.fly { bottom: -240px !important;}
	button.btn-line { padding: 12px 14px !important;}
	.pd-self { width: 60%; padding-right: 0 !important;}
	.cnt-form { padding-right: 232px;}
	.strip { margin: 0 0 30px -70px; z-index: 2;}
	p.comments { min-height: 150px;}
	h1 { font-size: 3rem;}
	body { font-size: 0.95rem;}
	.box-area p {font-size:14px}
	.set-grl { top: 70px; width: 290px; left: 0px; position: relative;}
	.shape3:after { width: 350px; height: 350px;}
	.slide-head h1 {font-size: 90px;}
	#slider2 { height: 43vh;}
	ul.site-menu li a { font-size: 36px; letter-spacing: 3px;}
	.self-link { margin-right: 80px;}
	body:after {top: 39vh !important;}
	.after:after {    right: -20px; }
	.txt:before { font-size: 150px; letter-spacing: 0px !important;}
	.footer h3 { word-spacing: 5px; font-size: 2rem;}
	.container-lg{ max-width: 90%;}
	.fixed img.img-fluid { object-fit: contain;}
	.p-0.col-md-4 img { width: 170px;}
	.push-top { margin-top: -60px;}
	ul.social li { width: 40px; height: 40px; line-height: 40px;margin-right:0}
	#slider { height: 45vh;}
	.slider {max-height: 580px !important;}
	.home-slide:before { max-height: 550px;}
	.home-slide:after { bottom: -5px; background-size: 105%; height: 165px;}
	body html .slider .fr-mb {padding: 80.25% ​0 0 0 !important;}
	img.img-fluid.sub-title.d-block { margin-top: -10px !important;}
	ul.social.ban { font-size: 25px; top: 100px;}
	html body .video-player img { height: 270px!important;}
	.md-33 { -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%;}
	.playbtn2 { width: 50px; height: 50px; top: 200px; line-height: 56px;}
	.play img.img-fluid.pull-left ,
	.play img.img-fluid.pull-right { width: 200px;}
	.set-to { bottom: 70px;}
	.l-head { font-size: 90px;}
	.contact-slider,
	.signup-slider,
	.loginsignup-slider,
	.signup2-slider,
	.individual-slider { height: 75vh;}
    .individual-slider {  margin-top: 100px;}
	.tt{display:none;}
	.blue-circle.text-center { width: 540px; height: 540px; left: -180px; z-index: 2;}
	
}
@media screen and (max-width: 980px) and (min-width: 900px) {
	html body .video-player img { height: 245px!important;}
	
	html body .home-slide:after { bottom: -20px;}
	ul.social li { width: 35px; height: 35px; line-height: 35px; margin-right: 0;}
	ul.social li i { font-size: 16px;}
}

@media screen and (max-width: 1199px) and (min-width: 1024px) {
	
	ul.link-item > li > a  > img { width: 30px; height:25px; object-fit: contain;}
	ul.link-item li { padding-left: 20px;}
	.playbtn { width: 60px; height: 60px; bottom: 200px;line-height: 60px; font-size: 24px;}
	.video-player { min-height: 310px;}
	.sidebar { width: 90%;}
	.signup-slider,
	.signup2-slider,
	.loginsignup-slider,
	.contact-slider {height: 700px;}
	img.img-fluid.fly { bottom: -280px;right: -30px;}
	form.row.mt-5.pt-5.cnt-form { width: 80%;}
	button.btn-line.f-16{ width: 50%; margin: 0px 33% 20px;}
	button.btn-line.f-16.mr-3 { width: 50%; margin: 0px 18% 20px;}
	.tt { width: 54%; left: 70px;}
	.mb-30 { width: 120px;}
	.strip { z-index: 1;left: 80px;}
	body .box-area { min-height:270px;}
	body { font-size: 1rem;}
	html body .set-grl { top: 30px; width: 370px; left: 10px;}
	p.comments { font-size: 16px;}
	.slide-head h1 {font-size: 90px;}
	.l-head {font-size: 90px;}
	.fixed img.img-fluid {object-fit: contain;}
	html body .txt:before { font-size: 11rem; letter-spacing: 0rem !important;}
	.self-link { margin-right: 90px;}
	ul.social li { width: 45px; height: 45px; margin-right: 2px;}
	.p-0.col-md-4 img { width: 190px;}
	.push-top { margin-top: -75px;}
	.home-slide:after { bottom: -126px !important; background-size: 114%;}
	.slider { max-height: 600px;}
	.slider #slider { height: 45vh;}
	.slider #slider2 { height: 65vh;}
	.individual-slider { height: 700px;}
	.watch .video-player img { height: 280px!important;}
	
	
}
@media screen and (max-width: 1440px) and (min-width: 1024px) {
	.tt { width: 80%; left: -10px;}
	.strip { z-index: 1;}
	.box-area { min-height:320px;}
	.set-grl { top: 60px; width: 400px;left: 50px; position: relative;	}
	.txt:before { letter-spacing: 2rem !important;}
	.info2{background: linear-gradient(360deg, rgb(255 255 255) 0%, rgb(246 243 243) 100%) !important;}
	/*body.home:after{ display:none}*/
	.after:after { right: -20px;}
	#slider {height: 55vh;}
	#slider2 {height: 61vh;}
	.slide-head h1 { font-size: 100px;}
	.l-head { font-size: 100px;}
	img.top-lg {top: -70px !important;}
	img.btm-lg {bottom: -100px  !important;;}
	.home-slide:after { bottom: -80px;background-size: 110%;}
	.playbtn2 { width: 60px; height: 60px; line-height: 60px;top: 0; bottom: 0;}
	.logo-set {     transform: rotate(306deg); position: absolute; right: 75px !important; top: 23rem; width: 700px !important; opacity: 0.40; object-fit: cover;}
	.txt2 { font-size: 80px; position: absolute; top: 150px; left: 128px;}
	.txt3 { z-index: 0; font-size: 80px;top: 217px;left: 45%;}
	.txt1 { font-size: 80px;}
}

@media screen and (max-width: 1501px) and (min-width: 1024px) {
	.playbtn2 { width: 60px; height: 60px; line-height: 60px;top: 0; bottom: 0;}
}

.txt-sml p {
    color: #fff;
    font-size: 14px;
    font-weight: 100;
}
 
.open-overlay {
    top: -25px;
}

.txt1{animation: slideInLeft 4s;}
.txt2,.txt3{
animation: slideInRight 4s;

}
.BottomLogo img{
animation: slideOutUp 4s infinite;
}
ul.social.ban li:hover {
    color: #fcb330;cursor:pointer;
}
	
	
	button.btn-line:hover {
    transform: scale(1.15);
    transition: 0.5s ease-in-out;
}


.footer h3 {
    word-spacing: 10px;
}
a.self-act { display: none;}
a#closeUlNextElement { display: block; position: unset; text-align: center; text-decoration: none;}
a.login_btn{display:none;}
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0px 1000px transparent inset; /* Change the color to your own background color */
    -webkit-text-fill-color: white;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;/*your box-shadow*/
    -webkit-text-fill-color: white;
}

ul.link-item li a img.profile {
    border-radius: 50%;
}

/*********For autofill issue ************************/

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset; 
  transition: background-color 8.64e+10s ease-in-out 0s;
  background: transparent !important;
  background-color: transparent !important;

}
@keyframes fade {
    from {background-color:transparent}
    to {background-color:transparent}
}

/*********For autofill issue end************************/
ul.social.ban li a {
    color: #fff !important;
    font-size: 35px !important;
}



.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
    margin-bottom: 0;
    margin-right: 9px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider1 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider1:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider1 {
  background-color: #240c62;
}

input:focus + .slider1 {
  box-shadow: 0 0 1px #240c62;
}

input:checked + .slider1:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider1.round {
  border-radius: 34px;
}

.slider1.round:before {
  border-radius: 50%;
}
label#billing_preference-error {
    position: absolute;
    top: 33px;
    width: 222px;
    left: 24px;
}
@media (min-width:992px){
    .billing_optional{
        margin-left: -30px; margin-top: 32px;
    }
}
@media (max-width:500px){
    h4.text-white.billing_optional {
        margin-left: 14px;
        margin-top: 42px;
    }
    label#billing_preference-error {
        margin-top: 15px;
    }
}
@media (max-width:882px){
   .w-100 .col-md-3.col-sm-6,.w-100 .col-md-6.col-sm-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.placeholder-text::placeholder {
    color: white;
    opacity: 1;
}
img.top-lg {
	width: 50% !important;
}a.acc-btn {
    background: #f18900;
    padding: 18px 12px;
    margin: 40px auto;
    display: block;
    width: 180px;
    border-radius: 70px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    line-height: 23px;
}

/* html body header.col-md-12.fixed.black.sticky {
    background: rgb(11 21 80 / 92%) !important;
} */
html body header.col-md-12.fixed.black.sticky {
    background: rgb(76 3 112) !important;
}

body.login-bg-img {
    background: #8200b3 !important;
}.contact_pop {
    background-color: #8200b3 !important;
}