@charset "utf-8";
/* STEPS MODULE CSS */

/*===============================
  BEGIN STEPS AREA
  ===============================*/

.steps-module-main-container {
	height: auto;
    position: relative;
    border-radius: 0px 0px 0px 0px;
    max-width: 100%;
    background-image: linear-gradient(to top, rgba(216,233,243,0), rgba(216,233,243,1));
}

.steps-module-row-1-container {padding:20px 20px 0px 20px;max-width:720px;margin:0 auto;}
.steps-module-row-2-container {padding:0px 30px 0px 30px;max-width:720px;margin:0 auto;margin-bottom:60px;}

.steps-module-l-col-heading {position: relative;max-width:100%;margin: 30px 0px 30px 0px;}
.steps-module-l-col-heading h2 {font-size:34px;font-weight:300;position: relative; top:0px; left:0px;}
.steps-module-l-col-heading h2:before {
    content: '';
    width: 40px;
    height: 2px;
    background: #FFC72C;
    position: relative;
    top: -12px;
    display: block;
}

.steps-module-r-col-image {width: 100%;height:auto;border-radius: 20px 20px 20px 20px;overflow: hidden;z-index: 2;position: relative;top:0px;clear: both;margin:0 auto;}
.steps-module-r-col-image img {width: 100%;height: auto;}

.steps-module-steps-1 {position: relative;max-width:100%;margin-right:100px;margin-bottom:40px;}
.steps-module-steps-2 {position: relative;max-width:100%;margin-right:100px;margin-bottom:40px;}
.steps-module-steps-3 {position: relative;max-width:100%;}

.steps-module-steps-bkg {position: absolute;top: 20px;left: -55px;}
.steps-module-steps-bkg p {
	font-size:230px;
	font-weight:700;
	padding:70px 0px;
}




.steps-module-steps-content {position:relative;top:40px; height:auto;min-height:180px;}
.steps-module-steps-content h3 {font-size:16px;font-weight:500;text-transform: uppercase;margin-bottom: 0px;padding-bottom: 15px;}
.steps-module-steps-content h4 {font-size:26px;font-weight:700;margin-bottom: 0px;padding-bottom: 10px;}
.steps-module-steps-content p {font-size:18px;font-weight:300;line-height:27px;padding-bottom: 0px;margin:0px;}
	.steps-module-steps-content a {
		display: inline-block;
		font-size: 16px;
		font-weight: 500;
		position: relative;
		bottom: 0px;
		margin-top: 15px;
	}
		.steps-module-steps-content a.cta-primary {
			padding: 10px 20px 10px 20px;
		}
			.btn-primary-yellow {margin: 0 auto;display: flex;}

/*===============================
  END STEPS AREA
  ===============================*/


@media (min-width: 320px) {

	
}
@media (min-width: 375px) {
	
}

@media (min-width: 576px) {
		
/*===============================
  BEGIN STEPS AREA
  ===============================*/	
	
	.steps-module-l-col-heading {max-width:100%;}

/*===============================
  END STEPS AREA
  ===============================*/

}		

@media (min-width: 768px) {
		
}
	
@media (min-width: 992px) {

/*===============================
  BEGIN STEPS AREA
  ===============================*/
.steps-module-main-container {margin-top:40px;}
.steps-module-row-1-container {padding:0px 0px 0px 20px;max-width:970px;}
.steps-module-row-2-container {padding:0px 20px 0px 20px;max-width: 970px;margin: 0 auto;margin-bottom:100px;}
		
.steps-module-l-col-heading {position: relative;max-width: 100%;margin:0px;}
.steps-module-l-col-heading h2 {font-size:34px;font-weight:300;top:100px;left:0px;max-width: 450px;}
		
.steps-module-r-col-image {width: 475px;height: 312px;position: relative;top:-50px;margin:0;}
.steps-module-r-col-image img {width: 475px;height: 312px;}
.steps-module-steps-1 {max-width: 280px;margin-right: 40px;}
.steps-module-steps-2 {max-width: 280px;margin-right: 40px;}
.steps-module-steps-3 {max-width: 280px;margin-right: 0px;}
	.steps-module-steps-content a {
		display: inline-block;
		font-size: 16px;
		font-weight: 500;
		position: relative;
		bottom: 0px;
		margin-top: 0px;
	}
	.steps-module-steps-1 p {
		min-height: 110px;
		max-width: 320px;
	}

	.steps-module-steps-2 p {
		min-height: 110px;
		max-width: 320px;
	}
.btn-primary-yellow {margin: 0;display: flex;}

/*===============================
  END STEPS AREA
  ===============================*/
		
}

@media (min-width: 1200px) {

/*===============================
  BEGIN STEPS AREA
  ===============================*/		
.steps-module-main-container {max-width: 97%;border-radius: 0px 20px 0px 0px;background-image: linear-gradient(to left, rgba(216,233,243,.1), rgba(216,233,243,1));}
.steps-module-row-1-container {max-width: 1100px;}
.steps-module-row-2-container {max-width: 1100px;}
.steps-module-steps-1 {max-width: 320px;margin-right: 40px;}
.steps-module-steps-2 {max-width: 320px;margin-right: 40px;}
.steps-module-steps-3 {max-width: 320px;margin-right: 0px;}
.steps-module-steps-bkg {left: -80px;}

/*===============================
  END STEPS AREA
  ===============================*/	
	
}

@media (min-width: 1440px) {
/*===============================
  BEGIN STEPS AREA
  ===============================*/	
	.steps-module-row-1-container {padding: 0px 0px 0px 150px;max-width: 100%;}
	.steps-module-row-2-container {padding:0px;padding-left:150px;max-width: 100%;margin:0px 0px 100px 0px;}
	
	.steps-module-r-col-image {width: 544px;height: 312px;position: relative;top:-50px;margin:0;}
	.steps-module-r-col-image img {width: 544px;height: 312px;}
	
	.steps-module-steps-1 {max-width: 320px;margin-right: 100px;}
	.steps-module-steps-2 {max-width: 320px;margin-right: 100px;}
	.steps-module-steps-3 {max-width: 320px;margin-right: 0px;}
	
/*===============================
  END STEPS AREA
  ===============================*/	
	
}
@media (min-width: 1441px) {

}

@media (min-width: 1500px) {

}

@media (min-width: 1650px) {

}