@charset "utf-8";
/* Header Two Column Multi Color Bars CSS */

.header-2-main-container {position: relative;height: auto;min-height:auto;padding: 0px 20px 0px 20px;}
.header-2-inner-container {position: relative;min-height:auto;height:auto;padding: 0px 0px 0px 0px;}
.header-2-l-col {position:relative;left:0px;max-width:100%;}
.header-2-l-col h1 {font-size:38px;font-weight:300;line-height:50px;}
.header-2-l-col h1 span {font-weight:700;}
.header-2-r-col {position:relative;top:20px;left:0px;max-width:100%;margin-bottom: 0px;}
.header-2-r-col h2 {font-size:16px;font-weight:500;line-height: 27px;text-transform: uppercase;margin-bottom: 20px;}
.header-2-r-col p {font-size:18px;font-weight:300;line-height:27px;padding-bottom: 20px;}
		
@media (min-width: 320px) {
	
}

@media (min-width: 375px) {

	
}

@media (min-width: 576px) {
.header-2-main-container {padding: 0px 0px 20px 0px;}
.header-2-l-col h1 {font-size: 36px;}	
}		

@media (min-width: 768px) {
		
}
	
@media (min-width: 992px) {
.header-2-main-container {position: relative;height: auto;padding: 0px 0px 0px 0px;}
.header-2-inner-container {min-height: 240px;padding: 60px 0px 60px 0px;}
.header-2-l-col {left:0px; max-width:580px;}
.header-2-l-col h1 {font-size:50px;line-height:60px;}
.header-2-l-col h1 span {font-weight:700;}
.header-2-r-col {top:10px;left:0px;max-width: 560px;}
.header-2-r-col h2 {font-size:16px;font-weight:500;line-height:24px;text-transform: uppercase;margin-bottom: 10px;}
.header-2-r-col p {font-size:20px;line-height:30px;margin-bottom: 0px;}
}

@media (min-width: 1200px) {
.header-2-l-col {left:30px;}
.header-2-r-col {left:60px;top:20px;}
.header-2-l-col h1 {font-size:65px;line-height:80px;}
	.header-2-gradient-1 {
		display: block;
		height: 30%;
		width: 32px;
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 0;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(bottom, rgba(135,206,250,0), rgba(135,206,250,.7));
		background-image: -o-linear-gradient(bottom, rgba(135,206,250,0), rgba(135,206,250,.7));
		background-image: linear-gradient(to top, rgba(135,206,250,0), rgba(135,206,250,.7));
	}
	.header-2-gradient-2 {
		display: none;
		height: 65%;
		width: 82px;
		position: absolute;
		left: 15px;
		bottom: 0px;
		z-index: 0;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(9,44,86,0), rgba(9,44,86,.6));
		background-image: -o-linear-gradient(bottom, rgba(9,44,86,0), rgba(9,44,86,.6));
		background-image: linear-gradient(to top, rgba(9,44,86,0), rgba(9,44,86,.6));
	}

	.header-2-gradient-3 {
		display: block;
		height: 40%;
		width: 90px;
		position: absolute;
		right: 15px;
		bottom: 0px;
		z-index: 0;
		border-radius: 10px;
		background-image: -webkit-linear-gradient(bottom, rgba(218,145,0,0), rgba(218,145,0,.9));
		background-image: -o-linear-gradient(bottom, rgba(218,145,0,0), rgba(218,145,0,.9));
		background-image: linear-gradient(to top, rgba(218,145,0,0), rgba(218,145,0,.9));
	}
	.header-2-gradient-4 {
		display: block;
		height: 90%;
		width: 70px;
		position: absolute;
		right: 0px;
		bottom: 0px;
		z-index: 0;
		border-radius: 15px 0px 15px 15px;
		background-image: -webkit-linear-gradient(bottom, rgba(135,206,250,0), rgba(135,206,250,.7));
		background-image: -o-linear-gradient(bottom, rgba(135,206,250,0), rgba(135,206,250,.7));
		background-image: linear-gradient(to top, rgba(135,206,250,0), rgba(135,206,250,.7));
	}
}

@media (min-width: 1440px) {
.header-2-l-col {left:130px;}
.header-2-r-col {left:180px;}
	.header-2-gradient-2 {
		display: block;
	}

}
@media (min-width: 1441px) {
.header-2-gradient-4 {width: 82px;border-radius:15px;}	
}

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

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