body {
    font-family: 'CentraleSansRnd', sans-serif;
	font-weight: 200;
    font-size:1.2em;
    line-height: 1.8;
	color:#000;
    }
	
a {color:black;text-decoration:none}
a:hover, a:focus {color:black;text-decoration:none}


figure{
	margin:0;
	text-align: center;
}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
	max-width: 2560px;
	overflow:hidden;
    }

a:hover {
    text-decoration: none;
}

.padding{
	padding:0;
}

small{
	font-size:2rem;
	font-weight: 200;
}
small2{
	font-size:1.3rem;
	font-weight: 200;
}

.mover{
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-o-transition-duration: .4s;
	-webkit-box-shadow: inset 0px 0px 0px 4px rgba(0,177,236,0);
	-moz-box-shadow: inset 0px 0px 0px 4px rgba(0,177,236,0);
	box-shadow: inset 0px 0px 0px 4px rgba(0,177,236,0);
}

.mover:hover{
	-webkit-box-shadow: inset 0px 0px 99px 4px rgba(0,177,236,.1);
	-moz-box-shadow: inset 0px 0px 99px 4px rgba(0,177,236,.1);
	box-shadow: inset 0px 0px 99px 4px rgba(0,177,236,.1);
}


hr{
	border-top:1px dotted #ccc;
	margin:0;
	z-index: 999;
}


h1{
	margin:40px 0;
	font-size:3rem;
	font-weight: 200;
	text-align: center;
}

h3{
	color:#00137f;
	margin:0 auto;
	padding:20px 20px 20px 20px;
	font-size:2.5rem;
	font-weight: 100;
	text-align: center;
	line-height: 1;
}

h4:hover{
	color:#00b0ec;
}

h4{
	z-index:999;
	font-weight:200;
	font-size:1.7rem;
	line-height:1;
	padding:40px 0 10px 0;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-o-transition-duration: .4s;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
	text-align:left;
    }

.img_2{
	margin:0 auto;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-o-transition-duration: .4s;
}

.img_2:hover{
	transform: scale(0.9, 0.9);
	-webkit-transform: scale(0.9, 0.9);
	-moz-transform: scale(0.9, 0.9);
	-ms-transform: scale(0.9, 0.9);
	-o-transform: scale(0.9, 0.9);
}

.copy{
	margin:0 auto;
	border:none;
	text-align:center;
	color:#fff;
	cursor:pointer;
	padding:8px;
	width:150px;
	height:40px;
	margin:10px auto 10px auto;
	background: #00b0ec;
}

input{
	border:none;
	width:80px;
}

.cta_2{
    color: #fff;
    text-align: center;
	font-weight: 400;
    font-size: 1.2em;
	width: 200px;
    padding: 10px 5px;
    margin: 0px auto 30px auto;
	cursor: pointer;
	background: #001784;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0092e5+1,00cff3+100 */
	border:2px solid #001784;
    -webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;	
}


.cta_2:hover{
	color:#001784;
    background: #fff;
	border:2px solid #001784;
}

.cta_2_{
	background: #00b0ec;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0092e5+1,00cff3+100 */
	border:2px solid #00b0ec;
}

.cta_3{
    color: #fff;
    text-align: center;
	font-weight: 400;
    font-size: 1.2em;
	width: 550px;
    padding: 10px 5px;
    margin: 90px auto 10px auto;
	cursor: pointer;
	background: #001784;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0092e5+1,00cff3+100 */
	border:2px solid #001784;
    -webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
	
}


.cta_3:hover{
	color:#001784;
    background: #fff;
	border:2px solid #001784;
}

.grey{
	background: #f4f4f4;
}

.footer{
	padding:70px 20px;
	font-size:1rem;
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    width:40px;
    height:40px;
    background: url('../img/arrow_upea03.png???');
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-o-transition-duration: .4s;
}

#myBtn:hover {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
    background-color: #555; /* Add a dark-grey background on hover */
}



.steps_header{
	letter-spacing: 1px;
	text-align: center;
	font-size:2rem;
	min-height:80px;
}

.steps{
	margin:0px 0px 60px 0;
	padding:60px 0;
	font-size:1rem;

	
}


.step{
	padding:30px ;
	text-align:center;
}

.step img{
	margin:0 0 20px 0;
}

.footer2{
	padding:40px;
	background:#e6e6e6;
	color:#848484;
	font-size:1rem;
}

.sm-icon{
	cursor:pointer;
	margin:0 5px 0 5px;
	float:right;
	text-align:right;
	}

.sm-icons p{
	text-align:right;
}

ul{
	padding:20px;
}

@media(max-width: 992px){
	ul{
		padding:50px;
	}
	
	small{
		font-size:1.5rem;
	}
	
	h1{
		font-size:2rem;
	}
	
	.float-left{
		float:none !important;
		margin:0 auto;
	}
}

@media(max-width: 768px){
	
		.footer2{
		text-align:center;
	}
	
	.sm-icons p{
		text-align:center;
	}
    
	.sm-icon{
		float:none;
	}
	
	.cta_3{
		width:300px;
	}
	
}

@media(max-width: 576px){
	
	p{
		font-size:.8rem;
	}
}