@-ms-viewport {

	width: device-width;

}



@import url('../fonts/stylesheet.css');



* {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	margin: 0px ;

	padding: 0px ;

	-webkit-font-smoothing: antialiased;

	color: #333333;

	font-family: 'roboto_condensedregular';

}



h2{

	font-size: 50px;

	color: #02bdb5;

	line-height: 57px;

	font-family: 'robotobold';

}



h3{

	font-size: 30px;

    font-family: 'robotoregular';

    margin-bottom: 20px;

}



h5{

	font-size: 20px;

    font-family: 'robotoregular';

    background-color: yellow;

    display: inline-block;

    padding: 5px;

    margin-bottom: 35px;

}





p{

	font-size: 17px;

    font-family: 'robotoregular';

    line-height: 24px;

    margin-bottom: 25px;

}



a{

	color: #003cff;

    font-family: 'robotoregular';

}



.underline{

	text-decoration: underline;

}



.bold{

	font-family: 'robotobold';

}



.red{

	color: #c71b17;

}



header{

	background-color: #c1f1ef;

	text-align: center;

}



.clearfix{

	clear: both;

}



header h1{

	font-size: 25px;

	font-family: 'robotomedium';

	color: #f3002a;

	text-align: center;

	margin-top: 0;

}



header .img-responsive{

	margin: 0 auto;

}



header .container .row{

	padding: 20px 0;

}






section.main .container .row{

	background-color: white;

	padding: 30px 50px 75px 50px;

	text-align: center;

}



.fb-like, .fb-like span, .fb-like.fb_iframe_widget span iframe {

    width: 100% !important;

}



.fb_iframe_widget,

.fb_iframe_widget span,

.fb_iframe_widget iframe{

	width: 100% !important;

	height: auto !important;

	min-height: 275px;

}



.fb-like-box{

	margin-bottom: 50px;

}



footer{

	background-color: white;

}



footer .container .row{

	padding: 40px 0 35px 0;

}



footer .container .row p,

footer .container .row p a{

	text-transform: uppercase;

	color: black;

	text-align: center;

	font-size: 16px;

	font-family: "robotoregular";

}



footer .container .row p a{

	margin: 0px 10px;

}



footer .container .row p.small{

	font-size: 12px;

	color: #016661;

}









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



	p{

		font-size: 15px;

		line-height: 20px;

		margin-bottom: 15px;

	}



	footer .container .row{

		padding: 20px 0;

	}



	footer .container .row p, footer .container .row p a{

		font-size: 12px;

		margin-bottom: 5px;

	}



}



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

	section.main .container .row{

		padding: 20px 30px 45px 30px;

	}



	h2{

		font-size: 40px;

		line-height: 45px;

	}



	h3{

		font-size: 25px;

		margin-bottom: 10px;

	}



	h5{

		font-size: 17px;

	}

}





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



	section.main .container .row{

		padding: 10px;

	}



	.col-md-12{

		padding: 0;

	}



	h2{

		font-size: 30px;

		line-height: 34px;

	}



	h3{

		font-size: 20px;

		margin-bottom: 10px;

	}



	h5{

		font-size: 15px;

	}





	.fb-like-box{

		margin-bottom: 25px;

	}



	header .img-responsive{

		width: 90%;

	}



}
section.step3 .container {
background-color: #e3e3e3; 
}
section.step3 .container .row .col-md-5{padding-left:45px;}
.button {
width: 100%;
text-align: center;
display: block;
padding: 10px 0;
font-size: 33px;
font-family: "arial";
font-style: italic;
font-weight: bold;
color: white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #2eb434;
-moz-box-shadow: inset 0 -4px 0 rgba(188,40,14,.3);
-webkit-box-shadow: inset 0 -4px 0 rgba(188,40,14,.3);
box-shadow: inset 0 -4px 0 rgba(188,40,14,.3);
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IwIiB3aWR0aD0iMjc1IiBoZWlnaHQ9IjY2IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.25) -25%, rgba(255,255,255,.25) 125%);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.25) -25%, rgba(255,255,255,.25) 125%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.25) -25%, rgba(255,255,255,.25) 125%);
background-image: linear-gradient(bottom, rgba(0,0,0,.25) -25%, rgba(255,255,255,.25) 125%);
}
.button:hover {
opacity: 0.8;
color: white;
}
.arrow{width:100%;}
img {vertical-align:middle;}
img{border:0;}
section.step3 .container {padding:0px!important;}