
body {
    background-color: #fff;
    font-family: CentraleSansRnd, sans-serif;
	font-weight: 300;
    font-size:1.2em;
    line-height: 1.8;
    color:#000;
    }

a:hover, a:focus {text-decoration: none;}

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

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
	max-width: 1920px;
	overflow:hidden;
    }
a{
	color:#006db6;
    text-decoration: none;
}

.light{
	transition-duration: 2s;
	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-ms-transition-duration: 2s;
	-o-transition-duration: 2s;
	padding: 0 0 80px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1e5ea+1,f4f6f7+100 */
	background: #fff; /* Old browsers */
}

.light:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1e5ea+1,f4f6f7+100 */
	background: #F4F6F7; /* Old browsers */
}

a:hover {
    text-decoration: none;
}

.padding{
	padding:0;
}


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

.text_1{
	padding:0px 0px 0px 60px;
	color:#000;
	font-size:1.1rem;
}

h4{
	font-weight: 100;
	font-size:3rem;
	text-align: center;
	padding:80px 30px;
	color:#0ec4ff;
	line-height:1.6;
}

.black{
	color:#000;
}


.cta{
    color: #fff;
    background: #fff;
    text-align: center;
    font-size: 1.6rem;
	max-width: 180px;
	font-weight: 300;
    padding: 6px 30px;
	cursor: pointer;
	margin:20px 0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3da6fc+0,3da6fc+100 */
	background: #3da6fc; /* Old browsers */
	background: -moz-linear-gradient(left, #3da6fc 0%, #3da6fc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #3da6fc 0%,#3da6fc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #3da6fc 0%,#3da6fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3da6fc', endColorstr='#3da6fc',GradientType=1 ); /* IE6-9 */
	-webkit-box-shadow: 0px 25px 63px -1px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 25px 63px -1px rgba(0,0,0,0.31);
	box-shadow: 0px 25px 63px -1px rgba(0,0,0,0.31);
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-o-transition-duration: .4s;
}

.cta:hover{
	color:#fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4291d1+1,8bd5f9+100 */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63cbff+1,6bb9f9+100 */
background: #63cbff; /* Old browsers */
background: -moz-linear-gradient(left, #63cbff 1%, #6bb9f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #63cbff 1%,#6bb9f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #63cbff 1%,#6bb9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63cbff', endColorstr='#6bb9f9',GradientType=1 ); /* IE6-9 */
	-webkit-box-shadow: 0px 5px 13px -1px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 5px 13px -1px rgba(0,0,0,0.31);
	box-shadow: 0px 5px 13px -1px rgba(0,0,0,0.31);
}



.cta_6{
	color: #fff;
    text-align: center;
    font-size: 1.6rem;
	max-width: 550px;
	font-weight: 300;
    padding: 8px 35px;
	margin:20px auto;
	cursor: pointer;
    transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-o-transition-duration: .4s;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00136d+1,001b9b+100 */
	background: #00136d; /* Old browsers */
	background: -moz-linear-gradient(left, #00136d 1%, #001b9b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #00136d 1%,#001b9b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #00136d 1%,#001b9b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00136d', endColorstr='#001b9b',GradientType=1 ); /* IE6-9 */
	-webkit-box-shadow: 0px 15px 53px -1px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 15px 53px -1px rgba(0,0,0,0.31);
	box-shadow: 0px 15px 53px -1px rgba(0,0,0,0.31);
}


.cta_6:hover{
	color:#000;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#104277+1,354799+100 */
	background: #fff; /* Old browsers */
	-webkit-box-shadow: 0px 5px 53px -1px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 5px 53px -1px rgba(0,0,0,0.31);
	box-shadow: 0px 5px 53px -1px rgba(0,0,0,0.31);
}

#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_up0d1b.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 */
}

b{
	font-weight: 500;
}

.menu{
	cursor: pointer;
	margin:50px 0;
}

.footer{
	color:#fff;
	font-size:1.3rem;
	text-align:center;
	padding:40px 20px 80px 20px;
	margin-top:50px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0bbbff+1,279de8+100 */
	background: #0bbbff; /* Old browsers */
	background: -moz-linear-gradient(top, #0bbbff 1%, #279de8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0bbbff 1%,#279de8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0bbbff 1%,#279de8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bbbff', endColorstr='#279de8',GradientType=0 ); /* IE6-9 */
}

.image {
	
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-o-transition-duration: .4s;
}

.image: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);
}

.image2 {
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-o-transition-duration: .4s;
}

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



.steps_header{
	color:#fff;
	text-align: center;
	font-size:2rem;
	font-weight: 400;
}

.steps{
	color:#fff;
	padding:30px 0 30px 0;
	font-size:1rem;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2da7fc+0,0fbffe+100 */
background: #2da7fc; /* Old browsers */
background: -moz-linear-gradient(top, #2da7fc 0%, #0fbffe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2da7fc 0%,#0fbffe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2da7fc 0%,#0fbffe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2da7fc', endColorstr='#0fbffe',GradientType=0 ); /* IE6-9 */
	z-index: 9999;
}

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


@media(max-width: 1700px){
	
	
	.text_1 {
		font-size:0.8rem;
	}
}

@media(max-width: 1200px){
	.text_1 {
		padding:0 50px;
	}
	
	.cta{
		font-size: 1.2rem;
		width:150px;
	}
	
}


@media(max-width: 996px){
	
	.center{
		margin: 0px auto;
	}
	
	.image{
		padding:0 40px 40px 40px;
		}
	
	.cta{
		margin: 40px auto;
	}
	
	
	.text_1{
		font-size:1rem;
		padding:0px 60px 60px 60px;
		text-align:left;
	}
	
	
}

@media(max-width: 768px){
	
	
	h4{
		font-size:1.5rem;
		padding: 20px 20px 0 20px;
	}
	
	.text_1{
		font-size:0.8rem;
		padding:0px 40px 40px 40px;
		text-align:left;
	}
    
}


@media(max-width: 576px){
	
	.cta_6{
		font-size: 1em;
		width:280px;
	}
	
	.footer{
		font-size:0.9rem;
	}
	
		.steps_header{
		font-size:1.4rem;
	}


}



