@keyframes spinning {
  from { transform: rotate(0deg) }
  to { transform: rotate(360deg) }
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
}


.imgBox{
  width:60%;
  margin-left:20%;
  display:block;
  float:left;
  cursor:pointer;
}

.imgBox:hover{
  opacity:.5;
}

#subscribe3Png{
  width:8%;
  margin: 50px 46% 50px 46%;
  width:15%;
  display:block;
  cursor: pointer;
}

#subscribe3Png:hover{
  opacity:.8;
}

.headerLinks{
  text-decoration:none;
  color:#000;
  font-size:14px;
  margin:10px 1% 10px 1%;
  float:left;
  text-decoration:none;
}
.headerLinks:hover{
  color:#e62a00;
  text-decoration:none;
}

.headerLinks1{
  text-decoration:none;
  color:#fff;
  font-size:14px;
  margin:10px 1% 10px 1%;
  float:left;
  text-decoration:none;
}
.headerLinks1:hover{
  color:#e62a00;
  text-decoration:none;
}


.videoContainer{
  width:40%;
  margin:auto;
  position: relative;
  display:block;
  float:left;
}

.videoContainer0{
  width:98%;
  margin:50px 1% 1px 1%;
  height:350px;
  vertical-align:middle;
  position: relative;
  display:block;
  float:left;
}

.regularLink{
  color:#f53d00;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  margin-top:80px;
  width:100%;
  float:left;
  cursor:pointer;
}

.regularLink:hover{
  color:grey;
}

.pageDetail{
  width:98%;
  Height:90%;
  position:fixed;
  top:100px;
  left:1%;
  background:#d9dbde;
  overflow: scroll;
}


.closeButton {
  background-color: red;
  border:none;
  border-radius: 2px;
  font-size: 14px;
  color: #fff;
  padding: 4px;
  width: 20%;
  height: 25px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
  margin:50px 40% 50px 40%;
}
.closeButton:hover {
  opacity: .5;
  text-decoration: none;
}

.closeBtn{
  padding:5px;
  margin-top:-3px;
  color: #fff;
  float: right;
  background-color: #ff0000;
  cursor: pointer;
  border-radius: 3px;
  font-size:16px;
  margin-right:50px;
}
.closeBtn:hover{
  opacity: .5;
}

.registerForm{
  width:40%;
  margin-left:30%;
  margin-top:100px;
}

.indexInput12Label{
  height: 30px;
  margin-top: 5px;
  font-size:11px;
  width:25%;
  text-align:right;
}

.indexInput12{
  width:50%;
  margin-right:25%;
  height: 30px;
  cursor: default;
  font-size:13px;
  float:right;
  border:none;
  Background:lightgrey;
}

.indexInput12:hover{
  Background-color:#c5ccd6;
}


.rowDiv{
  background:#fff;
  width:24%;
  margin-left:.7%;
  margin-top:40px;;
  height:200px;
  float:left;
  display:block;
  position:relative;
  z-index:9000;
}

.header9{
  display:block;
  height:240px;
  float:left;
  position:relative;
  width:100%;
  background:#fff;
}
.header9 h1{
  font-weight:bold;
  font-size:60px;
  font-family: 'Brush Script MT', cursive; font-stretch: 100%;
  text-align:center;
  width:100%;
  margin-top:120px;
  color:#024f9c;
}
.header9 p{
  font-size:20px;
  font-weight:bold;
  color:#000;
  text-align:center;
  width:100%;
}

.infoContainer{
  display:block;
  background:#fff;
  width:100%;
  height:auto;
  margin-top:-170px;
  float:left;
  z-index:9;
  position:relative;
}

.resendCode{
  float:right;
  margin-top: 5px;
  margin-bottom:15px;
  width:20%;
  color:#000;
  font-size:9px;
  font-weight: bold;
  border:none;
  background:lightgreen;
  border-radius: 8px;

}
.resendCode:hover{
  background:green;
}

.resendCode1{
  float:right;
  margin-top: 5px;
  margin-bottom:15px;
  width:20%;
  color:#000;
  font-size:9px;
  font-weight: bold;
  border:none;
  background:lightgreen;
  border-radius: 8px;
  position: relative;
  animation: myfirst 5s 2;
  animation-direction: alternate-reverse;
}
.resendCode1:hover{
  background:green;
}

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

  .header9 h1{
    font-size:40px;
  }
  .header9 p{
    font-size:16px;
  }
  .infoContainer{
    margin-top:0px;
  }
}

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

  .infoContainer{
    margin-top:-10px;
  }
}





@media only screen and (max-width: 600px) {
  .videoContainer{
    width:98%;
  }

  .indexInput12Label{
    width:40%;
  }

  .indexInput12{
    width:60%;
    margin-right:0%;
  }
  .rowDiv{
    float:none;
    width:98%;
    margin-left:1%;
  }

}



@media screen and (max-width: 435px) {
  .registerForm{
    width:84%;
    margin-left:5%;
  }
}