html, body {
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100vh;
}

body {
      font-family: Poppins, Helvetica, Arial, sans-serif;
      font-weight: lighter;
}
.gbdv{margin:0;padding:0;width:100%;height:auto;}
.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.navbar-nav{padding-left: 10px;}
.navbar-brand{
  position: relative;
  background-size: contain;
  width: 175px;height:87px;}
  .centered {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .card-img-top {
    width: 100%;
    object-fit: cover;
}
.card-img-top2 {
    width: 100%;
    object-fit: contain;
    background:#222;
}
.hgplay{
	position:absolute;
	right:10px;
	bottom:0px;
	width:75px;
	height:75px;
	background-image:url('../img/hgplay.png'); background-repeat:no-repeat;
	background-size: 75px 75px;
}

#rmsg{
	width:290px;
	height: 250px;
	padding:10px;
	background-color: transparent;
	position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index:10;

}

#xpage{height:60%;overflow:hidden;z-index:0;}
.cbg{background-repeat:no-repeat; background-size:cover;}
.c3{ background-image:url('../img/3.jpg'); background-repeat:no-repeat; background-size:cover;}

.c33{ background-image:url('../img/33.jpg'); background-repeat:no-repeat; background-size:cover;}
.c34{ background-image:url('../img/34.jpg'); background-repeat:no-repeat; background-size:cover;}


/*old*/
.c32old{ background-image:url('../img/32.jpg'); background-repeat:no-repeat; background-size:cover;}
.c36{ background-image:url('../img/36.jpg');background-position:center; background-repeat:no-repeat; background-size:cover;}
/*old*/

#xpage1{height:65%;overflow:hidden;z-index:0;}
.c41{ background-image:url('../img/41.jpg'); background-repeat:no-repeat; background-size:cover;}
.c42{ background-image:url('../img/20.jpg'); background-repeat:no-repeat; background-size:cover;}
.c43{ background-image:url('../img/18.jpg'); background-repeat:no-repeat; background-size:cover;background-position-x: 25%;background-position-y: 65%;}
.c46{ background-image:url('../img/46.jpg'); background-repeat:no-repeat; background-size:cover;background-position-x: 25%;background-position-y: 65%;}
.c47{ background-image:url('../img/47.jpg'); background-repeat:no-repeat; background-size:cover;background-position-x: 25%;background-position-y: 70%;}
.c48{ background-image:url('../img/48.jpg'); background-repeat:no-repeat; background-size:cover;background-position-x: 25%;background-position-y: 70%;}
.c49{ background-image:url('../img/49.jpg'); background-repeat:no-repeat; background-size:cover;background-position-x: 25%;background-position-y: 50%;}
.c50{ background-image:url('../img/50.jpg'); background-repeat:no-repeat; background-size:cover;background-position-x: 25%;background-position-y: 70%;}
.c51{ background-image:url('../img/51.jpg'); background-repeat:no-repeat; background-size:cover;background-position-x: 25%;background-position-y: 50%;}

#hbr{font-family: Poppins, Helvetica, Arial, sans-serif;font-size: 14px;}
.navbar{padding:0rem;}
.nav-link{font-weight: bold;letter-spacing: -0.5px;}
header {
      width: 100%;
    /*  background: url(https://wallpaper.wiki/wp-content/uploads/2017/05/wallpaper.wiki-Beautiful-Full-HD-Wallpaper-Download-Free-PIC-WPE0010098.jpg) no-repeat 50% 50%;*/
      background-size: cover;
      overflow:hidden;
}
#sechead{
  float: left;
  position: relative;
  width: 100%;
    color: #fff;
    text-align: center;
    margin: 0px;
    margin-top:-200px;
    height: 50px;
    margin-bottom: 0px;
    background: transparent;
    font-weight: bold;
}
.btn {
    white-space:normal !important;
    word-wrap: break-word;
}
#sticky-footer1 {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
}
.carousel-item {

  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.mzicon{float:left;width: 30px;height:30px;color:white;}

a, a:visited {
text-decoration: none;
}

.bgwhite{background: #fff;}
.bggrey{background: #d9d9d9;}

.pic1{
   position: fixed;
   left:0;right:0;top:0;bottom:0;margin:auto;
   z-index:100;   
   width:396px; 
   height:396px;
   border:1px solid #777;
   border-radius: 10px;
   background-image:url('../img/aRATE.jpg');
   background-size: cover;
   cursor: pointer;
   transition: all 1000ms;
   display:none;
}
.pic1c{
	position:absolute;
	right:10px;top:10px;
	width:30px;height:30px;line-height:30px;text-align:center;font-size:25px;font-weight:bold;color:#000;
	background:#f9f9f9;border:1px solid #999;
}
.pic2{
   position: fixed;
   right:0;bottom:0;
   z-index:100;   
   width:200px; 
   height:60px;
   background-image:url('../img/cRw.png');
   background-size: cover;
   cursor: pointer;
   transition: all 1000ms;
   display:none;
}
.pic3{
   position: fixed;
   right:0px;bottom:75px;
   z-index:100;   
   width:70px; 
   height:70px;
   border:1px solid #555;
   border-radius: 10px;
   background:#555;
   background-image:url('../img/whap.png');
   background-size: cover;
   cursor: pointer;
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767px){
 header{height: 50vh;}
  .carousel-item {
    height: 50vh;
    min-height: 150px;
  }
  .rwbr{display: block;}
  #sechead h1{font-size: 12vw;}
  .card-img-top {
    width: 100%;
    height: 35vw;
  }
.card-img-top2 {
    width: 100%;
    height: 45vw;
  }
.hgplay{
	position:absolute;
	right:5px;
	bottom:0px;
	width:50px;
	height:50px;
	background-size: 50px 50px;
}
 .clmx{
	width:96%;margin-left:2%;margin-right:2%;
 }
 .clmz{
	width:48%;margin-left:1%;margin-right:1%;
 }
 .mybdr{border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}
 #conhead{display:block;text-align: left;}

#vzwrap{margin:auto;width:320px;height:200px;} 
.pic1{ width:250px; height:250px; }   
.pic2{ width:160px; height:48px; }  
.pic3{ width:60px;  height:60px; }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  header{height: 80vh;}
  .carousel-item {
    height: 80vh;
    min-height: 200px;
  }
  .rwbr{display: none;}
  #sechead h1{font-size: 10vw;}
  .card-img-top {
    width: 100%;
    height: 25vw;
  }
.card-img-top2 {
    width: 100%;
    height: 35vw;
  }
 .clmx{
	width:48%;margin-left:1%;margin-right:1%;
 }
 .clmz{
	width:31%;margin-left:1%;
 }
 #conhead{display:block;}
#vzwrap{margin:auto;width:540px;height:360px;} 

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  header{height: 100vh;}
  .carousel-item {
    height: 100vh;
    min-height: 350px;
  }
  .rwbr{display: none;}
  #sechead h1{font-size: 7vw;}
  .card-img-top {
    width: 100%;
    height: 15vw;
  }
.card-img-top2 {
    width: 100%;
    height: 25vw;
  }
	.clmx{
	width:48%;margin-left:1%;margin-right:1%;
 }
 .clmz{
	width:31%;margin-left:1%;
 }
 #conhead{display:none;}
#vzwrap{margin:auto;width:540px;height:360px;} 

}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  header{height: 100vh;}
  .carousel-item {
    height: 100vh;
    min-height: 350px;
  }
  .rwbr{display: none;}
  #sechead h1{font-size: 7vw;}
  .card-img-top {
    width: 100%;
    height: 15vw;
  }
.card-img-top2 {
    width: 100%;
    height: 25vw;
  }
    .clmx{
	width:31%;margin-left:1%;
 }
 .clmz{
	width:31%;margin-left:1%;
 }
 #conhead{display:none;}
 
 #vzwrap{margin:auto;width:540px;height:360px;} 
 
}



.form-bg {
    background: rgba(68, 68, 65, 0.77);
    padding: 10px;

}

.form {
    background-color: white !important;
    padding: 10px
}

.form-group {
    margin-bottom: 10px
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.form-control {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #61615e;
    background: transparent;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.hbarpink{background: #ED1C80;}
.hbarpurple{background: #675682;}
.hpink{background:#ED1C80;color:#fff;}
.hpurple{background: #675682;color:#fff;}
/*
button.btn {
    display: block;
    padding: 11px 32px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin: 30px 0px
}*/

.btn-blue {
    background-color: #4285f4;
    color: #fff;
    border: 1px solid #4285f4
}
.pagebx{float:left;position:relative;width:100%;height:54px;letter-spacing:-1px;background:#ED1C80;color:#fff;border-top:2px solid #c21367;border-bottom:2px solid #c21367;}
.prevpg{float:left;position:relative;width:7%;height:50px;}
.nextpg{float:left;position:relative;width:7%;height:50px;}
.prevpg .pgnumbersF,.nextpg .pgnumbersF{float:left;position:relative;width:100%;height:50px;line-height:50px;text-align:center;letter-spacing:-1px;background:#c21367;color:#fff;}
.prevpg .pgnumbers,.nextpg .pgnumbers{float:left;position:relative;width:100%;height:50px;line-height:50px;text-align:center;letter-spacing:-1px;background:#c21367;color:#fff;cursor:pointer;}

.pgnumbx{float:left;position:relative;width:86%;height:50px;background:transparent;}
.pgnumbx .pgnumbers{float:left;position:relative;width:50px;height:50px;line-height:50px;text-align:center;letter-spacing:-1px;color:blue;cursor:pointer;}
.pgnumbx .pgnumbersH{margin:auto;background:yellow;width:50px;height:50px;line-height:50px;text-align:center;letter-spacing:-1px;color:blue;font-weight:bold;text-decoration: underline;cursor:pointer;}

.clmz{cursor:pointer;}