/*Preloader css*/


   /* Header */
/*Preloader css*/      
#loading{
	  background-color:#155263;
 ;
          height: 100%;
          width: 100%;
           position: fixed;
           z-index: 1;
           margin-top: 0px;
           top: 0px;
          z-index: 90;
	   display:flex;
	  align-items: center;
	  justify-content: center;
}
  

.loader{
	-webkit-perspective:700px;
	perspective: 700px;
}

.loader>span{
	font-size: 60px;
	font-family: "franklin gothic medium",sans-serif;
	display: inline-block;
	animation:flip 2.6s infinite linear;
	transform-origin:0 70%;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
}

@keyframes flip{
	35%{
		transform: rotateX(360deg);
	}
	100%{
		transform: rotatex(360deg);
	}
}


.loader>span:nth-child(even){
	color: lightyellow;

}

.loader>span:nth-child(2){
	animation-delay: 0.3s;
}

.loader>span:nth-child(3){
	animation-delay: 0.6s;
}

.loader>span:nth-child(4){
	animation-delay: 0.9s;
}

.loader>span:nth-child(5){
	animation-delay: 1.2s;
}

.loader>span:nth-child(6){
	animation-delay: 1.5s
}

.loader>span:nth-child(7){
	animation-delay: 1.8s
}   
 
.loader>span:nth-child(8){
	animation-delay: 2.1s
}   
    

   /*End off Preloader*/


 
.mybtn {
  appearance: none;
    -webkit-appearance: none;
  font-family: sans-serif;
  cursor: pointer;
  padding: 15px;
  min-width: 100px;
  border: 0px;
    -webkit-transition: background-color 75ms linear;
    -ms-transition: background-color 75ms linear;
     -transition: background-color 75ms linear;
}

.mybtn:focus, .mybtn.focus {
  outline: 0;
}
 
.mybtn-round-2 {
  border-radius: 25px;
}

 
.mybtn-success {
  background:  hsl(250, 75%, 50%,0.5);
  color: #ffffff;
}

.mybtn-success:hover {
  background:  #1796db;
  color: #ffffff;
}