@charset "utf-8";
/* CSS Document */

.logo1
{
width:100%;
}
.z38
{/* color: #000!important; */font-family: serif;}
.bgs2
{
background:#f6f6f6;
}
.mbtm20
{
margin-bottom:5px!important;
}

.pts-50
{
padding-bottom: 50px;
padding-top: 50px;
}
.mbs-30 {
    margin-bottom: 30px;
}
.pbs-50
{padding-top: 70px;padding-bottom: 50px;}
.wt80 li{
	padding-bottom:10px;
	list-style:none;
	/*text-indent: -15px;
	margin-left:-10px;*/
	padding:5px 0 0 0;
	color:#fff;
	font-size: 14px;
	font-weight: normal;
}

.wt81 li{
	padding-bottom:10px;
	list-style:none;
	/*text-indent: -15px;
	margin-left:-10px;*/
	padding:5px 0 0 0;
	color:#333;
	font-size: 15px;
	font-weight: normal;
}
.wt82 li{
	padding-bottom:10px;
	list-style:none;
	text-indent: -13px;
	margin-left: 28px;
	padding:5px 0 0 0;
	color:#333;
	font-size: 15px;
	font-weight: normal;
}

.zm50
{color: #3cbf04;padding:5px 15px 0 0px;font-size:16px;font-weight:normal!important;}

.zm51
{color:#fff;padding: 5px 12px 0 0px;font-size:16px;font-weight:normal!important;}
.zm53
{
color:#3cbf04 ;
padding:5px 5px 0 0px;
font-size:16px;
font-weight:normal!important;
}

.textwidget
{
display:block;
}

#sloganArea h1 {
		font: 300 52px/60px 'Open Sans', sans-serif;
		/* font: 100 56px/60px "Roboto Slab", serif; */
		color: #c0151f;
		text-transform: uppercase;
		/*font-family: 'Roboto Slab', serif;*/
		/* font-family: 'Raleway', sans-serif; */
		font-size: 44px;
		text-align: center;
		margin: 60px 0 15px 0;
		font-weight: 100;
		padding: 0;
	}
	
	
		#sloganArea h2 {
		text-transform: uppercase;
		font-family:Arial, Helvetica, sans-serif;		
		text-align: center;	
		
	}
	
	#sloganArea h2 a
	{
	text-decoration:none;
	color: #000;
	}
		a.button, input.wpcf7-submit {
		color: #fff;
		font: bold 14px/41px "Roboto Slab",serif;
		text-decoration: none;
		text-transform: capitalize;
		padding: 0 21px;
		background: #c0151f;
		margin: 20px 0 0 0;
		display: inline-block;	
		-webkit-transition: background .2s ease-out;
	   -moz-transition: background .2s ease-out;
	    -ms-transition: background .2s ease-out;
	     -o-transition: background .2s ease-out;
	        transition: background .2s ease-out;	
	}	
		a.button:hover, input.wpcf7-submit:hover { background: #4e4e4e; }




#sloganArea { text-align: center; }	
			#sloganArea img { width: auto;  }
			#sloganArea h3 {
				color: #fff;
				font: bold 32px/40px  'Raleway', sans-serif;
				/* font: 300 20px/60px "Roboto Slab", serif; */
				text-transform: uppercase;
				padding: 0 15px;
				margin: 0 0 15px 0;
				text-align: center;
			}
			#sloganArea p {
				font-weight: normal;
				color: #fff;
				padding: 0 15px;
				font-family: 'Open Sans', sans-serif;
			}	
			#sloganArea a { font-weight: normal; text-transform: none; background: #f5bb44; }
				#sloganArea div[id*="text"] .row > .col-md-4 + .col-md-4 a { background: #e98f3d;  } 
				#sloganArea div[id*="text"] .row > .col-md-4 + .col-md-4 + .col-md-4 a { background: #63a158;  } 
				#sloganArea a:hover { background: #fff !important; color: #424242 !important; font-weight: normal; }

			#sloganArea div[id*="text"] { margin-bottom: 40px; }
			#sloganArea div[id*="text"] .row > .col-md-4 {
				padding: 65px 0 75px;
				background: #11c5f1 url(../images/bg_slogan1.jpg) center 0 no-repeat;
				position: relative;
			}	
				#sloganArea div[id*="text"] .row > .col-md-4 + .col-md-4 {
					background: #1c50d5 url(../images/bg_slogan2.jpg) center 0 no-repeat;
				}
				#sloganArea div[id*="text"] .row > .col-md-4 + .col-md-4 + .col-md-4 {
					background: #1c9e18  url(../images/bg_slogan3.jpg) center 0 no-repeat;
				}

				#sloganArea div[id*="text"] .row > .col-md-4:after {
					position: absolute;
					bottom: 0;
					position: absolute;
					content: '';
					width: 0px;
					height: 0px;
					border-style: solid;
					border-width: 0 198px 45px 150px;
					border-color: transparent transparent #ffffff transparent;
					line-height: 0px;
					_border-color: #000000 #000000 #ffffff #000000;
					_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
					left: 0;
				}
				
				#sloganArea {
    text-align: center;
    /* padding-top: 60px; */
    padding-bottom: 60px;
}
	#sloganArea .row
	{
	margin-left: 15px!important;
	margin-right: 0px!important;
	}
		/*  **************************************************/	


@media only screen and (max-width: 1199px) and (min-width: 320px)
{
#sloganArea div[id*="text"] .row > .col-md-4 {

max-width: 258px;

margin: 0 auto 30px;

overflow-x:hidden;
}
}

@media (min-width: 1200px)
{
.row:before, .row:after {
    display: table;
    line-height: 0;
    content: "";
}
}

@media only screen and (min-width: 1200px)
{
#sloganArea div[id*="text"] .row > .col-md-4:after {
    border-width: 0 185px 45px 185px;
}
#sloganArea div[id*="text"] .row > .col-md-4:after {border-width: 20px 170px 45px 198px;}			

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

 #sloganArea h3
{

font-size: 22px;

line-height:30px;
}
#sloganArea .row {
    margin-left: 0px!important;
    margin-right: 0px!important;
}

}

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

{
#sloganArea h1 {

margin: 30px 0 15px 0;
font-weight:normal;
}
.pbs-50 {
    padding-top: 30px!important;
    padding-bottom: 40px!important;
}

.pt-120 {
    padding-top: 60px!important;
	
}
.pb-90 {
    padding-bottom: 30px!important;
}
.pts-50 {
    padding-bottom: 30px;
    padding-top: 30px;
}
.section-title h2, .section-info h2
{
font-size:32px!important;
}
.mb-50 {
    margin-bottom: 10px!important;
}
.mb-40 {
    margin-bottom: 20px!important;
}

.pt-100 {
    padding-top: 50px!important;
}
.pb-70 {
    padding-bottom: 20px!important;
}
}
@media only screen and (max-width: 768px)
{

#sloganArea h1 {
font-size:30px;
line-height:45px;
}
#sloganArea h2
{
font-size:28px;
}
.section-title h2, .section-info h2
{
font-size:32px!important;
}
}

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

#sloganArea h1 {
font-size:25px;
line-height:35px;
}
#sloganArea h2
{
font-size:24px;
line-height:35px;
}
.section-title h2, .section-info h2
{
font-size:30px!important;
}
}

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

#sloganArea h1 {
font-size:25px;
line-height:35px;
}
#sloganArea h2
{
font-size:24px;
line-height:35px;
}
.section-title h2, .section-info h2
{
font-size:28px!important;
}
}

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

#sloganArea h1 {
font-size:25px;
line-height:35px;
}
#sloganArea h2
{
font-size:24px;
line-height:35px;
}
.section-title h2, .section-info h2
{
font-size:28px!important;
}
}

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

#sloganArea h1 {
font-size:25px;
line-height:35px;
}
#sloganArea h2
{
font-size:24px;
line-height:35px;
}
.section-title h2,.section-info h2
{
font-size:28px!important;
}
}