@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
body{
	font-family: 'Raleway', sans-serif;
	color: #404040;
	background-color: #FCFCFC;
	overflow-x: hidden;
	  box-sizing : border-box;

}

h1{
	color: #FFF;
	font-weight: bold;
}

h2{
	color: #56a3a5;	
}

h3{
}



.lead-title{
	padding: 15px;
	border-bottom: 1px solid #404040;
}

.lead-list{
	padding: 15px;	
}

.footer a {
	color: #FCFCFC;
}
.footer{
	padding: 15px;
	width: 100%;
	margin: 0px;
	background-color: #56a3a5;
	color: #FCFCFC;
	position: absolute;
	bottom: 0px;
}

.footer-copyright{
	text-align: center;
}

.card-view{


	border: #333 1px solid;
	padding: 15px;

	margin: 0 auto;
	background-color: #76B6B8;
	color: #FCFCFC;
	top:50px;
	position: absolute;
    left: 20px;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}

.contain {
	height: 100%;
}

.inner-contain{
	width: 80%;
}

.rotate-right{
	position: absolute;
  transform: rotate(30deg) scale(0.8);
  transition: 1s;
  margin-left: 400px;
  cursor: e-resize;
  opacity: 0;
  z-index: 10;
 }

 .rotate-left{
 	position: absolute;
  transform: rotate(-30deg) scale(0.8);
  transition: 1s;
  margin-left: -400px;
  cursor: e-resize;
  opacity: 0;
  z-index: 10;
 }

 .menu-btm{
 	bottom: 0px;
 	position: absolute;
 }

 .btn-btm{
 	height: 150px;
 	border-radius: 250px;
 }

 .btn-chk{
 	background-color: #FE9B91;
 	border-color: #D9756B;
 }

 .btn-chk:hover{
 	background-color: #D9756B;
 	border-color: #D9756B;
 }
  .btn-chk:active {
 	background-color: #D96559;
 	border-color: #D96559;
 }



.btn-chk:focus  {
	background-color: #D96559;
	border-color: #D96559;
}

.left-hidden{
  opacity: 0;


}

.right-hidden{
  opacity: 0;

}

.screen{
	background-color: #000;
	 background: rgba(45,45,45, 0.5);
	width: 100%;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
}

.screen-contain{

	color: #FFF;

}

.btn-primary{
	color:#FFF;
}

.btn-primary:hover{
	color:#FFF;
}


.btn-primary:active{
	color:#FFF;
}

.btn-primary:focus{
	color:#FFF;
}

.pass{
	color: #333;
	width: 100%;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;

	background-color: #FFF;	
}

.card{
	width: 100%;
}

.card-parent{
	width: 300px;
}

.media{
	padding: 20px;
	border-radius: 20px;
	margin: 5px;
	background-color: #fff;

}