/*

Theme Name: INTEGRITY

Theme URI: 

Author: the Gensofts team

Author URI: http://gensofts.net

*/







*{margin:0px; padding:0px; box-sizing:border-box; outline:none;}



*:after, *:before{box-sizing:border-box;}



body{color:#75787b; font-size:15px; font-family: 'ralewayregular';}



h1, h2, h3, h4, h5, h6, p, span, label, ul, ol{font-weight:normal;}



ul, ol{list-style:none; margin:0px; padding:0px;}



a{color:#82995F; text-decoration:none;} 
a:hover{text-decoration:none; color:#38491C;}



a img{outline:none; border:0px;}

img{max-width:100%; height:auto;}



.clear{clear:both;}

input[type="submit"], button{-moz-appearance:none; -webkit-appearance:none; appearance:none; cursor:pointer;}



/*******************************************************/



.container{width:1170px; margin:0 auto;}





/* Header-Start */



.header{float:left; width:100%; background:#161616; height:82px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position:fixed; z-index:101;}

.header.sticky{height:62px;}

.header.sticky .logodiv img{width:135px;}

.header.sticky .menudiv{padding:20px 0 0;}



.logodiv{float:left; width:209px; margin-left:-56px; margin-top:14px;}

.menudiv{float:left; width:961px; text-align:right; padding:33px 0 0;}

.menudiv li{display:inline; margin-left:67px;}

.menudiv li a{color:#fff; font-size:15px; text-transform:uppercase;}

.menudiv li a:hover, .menudiv li.active a{color:#82995f;}



/* Header-End */





/* Banner-Start */



.bannerdiv{float:left; width:100%; position:relative; text-align:center; margin-top: 81px;}

.bannerdiv img{width:100%;}



.banContent{width:100%; position:absolute; top:0px; left:0px; padding:169px 0 0;}

.banContent h1{color:#fff; font-size:56px; font-family: 'roboto_slabbold'; line-height:70px; text-transform:uppercase;}

.banContent h2{color:#fff; font-size:24px; font-family: 'ralewaymedium'; line-height:40px;}



.innerbanner .banContent{padding:83px 0 0;}



/* Banner-End */





/* Middle-Start */



.section-1{float:left; width:100%; padding:131px 0 78px;}

.section-1 h2{color:#002554; font-size:36px; font-family: 'roboto_slabregular'; line-height:35px; text-align:center; background:url(images/line-1.jpg) no-repeat center bottom; padding-bottom:18px;}



.section-1 ul{float:left; width:100%; margin:53px 0 0; text-align:left;}

.section-1 li{float:left; width:370px; margin-right:29px; border:1px solid #e5e5e5; border-bottom:1px solid #002554; min-height:336px; vertical-align:top; padding:31px 20px;}

.section-1 li p{line-height:26px;}

.section-1 li h2{margin:0 0 12px; line-height:26px; text-align:left; color:#002554; font-size:24px; background:none; padding:0px;}



.section-1 li:last-child{margin-right:0px;}

.section-1 li:first-child{border:0px; background:#002554; color:#fff;}



.section-1 li:first-child h2{color:#fff;}





.section-2{float:left; width:100%; background:#f1f1f0; padding:131px 0 0; min-height:614px; text-align:center;}

.section-2 h2{color:#002554; font-size:36px; font-family: 'roboto_slabregular'; line-height:35px; text-align:center; background:url(images/line-1.jpg) no-repeat center bottom; padding-bottom:18px; margin:0 0 28px;}



.section-2 p{color:#75787b; font-size:16px; line-height:28px; padding:0 0 28px;}

.section-2 .readmore{display:inline-block; width:121px; height:35px; line-height:35px; text-align:center; background:#0083c6; font-size:14px; color:#fff; border-radius:2px; transition:all 0.4s;}

.section-2 .readmore:hover{background:#173760;}





.aboutInteg {
  background: rgba(0, 0, 0, 0) url("images/base-banner.jpg") no-repeat scroll center top / 100% 100%;
  color: #fff;
  float: left;
  height: 680px;
  padding: 131px 0 0;
  text-align: center;
  width: 100%;
}

.aboutInteg h2{font-size:36px; font-family: 'roboto_slabregular'; line-height:35px; background:url(images/line-2.jpg) no-repeat center bottom; padding-bottom:18px; margin:0 0 48px;}



.boxDiv{float:left; width:48%; background:#0083c6; margin-right:30px; min-height:448px; padding:38px 0 0;}

.boxDiv:last-child{margin-right:0px;}

.boxDiv p{line-height:24px; font-family: 'ralewaymedium'; padding:0 22px;}

.boxDiv h3{font-size:28px; font-family: 'roboto_slabbold'; line-height:28px; background:url(images/double-line.png) no-repeat center top; padding:17px 0;}

.boxDiv .readmore{display:inline-block; width:121px; height:35px; line-height:35px; text-align:center; background:#17395F; color:#fff; font-size:14px; border-radius:2px; transition:all 0.4s; margin:14px 0 0;}

.boxDiv .readmore:hover{background:#fff; color:#000;}

.boxDiv .imgbox{display:inline-block; height:113px;}





.section-3{float:left; width:100%; padding:128px 0 139px;}

.section-3 h2{color:#002554; font-size:36px; font-family: 'roboto_slabregular'; line-height:35px; background:url(images/line-1.jpg) no-repeat left bottom; padding-bottom:18px; margin:0 0 28px;}

.section-3 p{font-size:18px; line-height:36px; padding:0 0 36px;}

.section-3 img{float:right; margin-left:80px;}

.section-3 .request{display:inline-block; width:256px; height:45px; line-height:45px; border-radius:3px; background:#0083c6; color:#fff; font-size:16px; text-align:center; font-family: 'ralewaymedium'; font-size:16px; transition:all 0.4s;}

.section-3 .request:hover{background:#173760;}





.contactDiv{float:left; width:100%; background:#f1f1f0; padding:131px 0 110px;}

.contactDiv h2{color:#002554; font-size:36px; font-family: 'roboto_slabregular'; line-height:35px; background:url(images/line-1.jpg) no-repeat center bottom; padding-bottom:18px; margin:0 0 29px; text-align:center;}



.formDiv{float:left; width:555px;}

.formDiv li{float:left; width:100%; margin:0 0 20px;}

.formDiv li.half{width:48%;}

.formDiv li.half:nth-child(2n){float:right;}



.formDiv input[type="text"],

.formDiv input[type="tel"],

.formDiv input[type="email"]{

	width:100%; 

	border:1px solid #d8d8d8;

	border-radius:3px;

	height:48px;

	line-height:48px;

	padding:0 20px;

	font-size:15px;

	color:#2e2e2e;

	font-family: 'ralewayregular';	

}

.formDiv textarea{

	width:100%; 

	border:1px solid #d8d8d8;

	border-radius:3px;

	height:109px;

	padding:20px;

	font-size:15px;

	color:#2e2e2e;

	font-family: 'ralewayregular';	

	resize:none;

}

.formDiv input[type="submit"]{

	width:100%;

	height:47px;

	line-height:47px;

	background:#0083c6;

	font-size:18px;	

	font-family: 'ralewaymedium';

	border-radius:3px;

	border:0px;

	color:#fff;

	transition:all 0.4s;

	cursor:pointer;

}

.formDiv input[type="submit"]:hover{background:#173760;}



.address{float:right; width:555px;}

.address li{float:left; width:100%; border-top:1px solid #d8d8d8; padding:23px 0; color:#75787b; font-size:16px; font-family: 'ralewayregular';}

.address li img{float:left; margin-right:10px;}

.address h3{color:#002554; font-size:20px; font-family: 'roboto_slabregular'; margin:0 0 14px;}

.address a{color:#75787b;}

.address a:hover{text-decoration:underline;}





.middle{float:left; width:100%; padding:75px 0;}



.indexes li{float:left; width:31.33%; height:411px; border:1px solid #e5e5e5; border-bottom:2px solid #002554; margin-right:25px; padding:40px 20px 0;}

.indexes li:last-child{margin-right:0px;}

.indexes li:nth-of-type(1){display:none;}

.indexes .imgbox{text-align:center; display:inline-block; width:100%; margin:0 0 28px;}

.indexes h3{color:#002554; font-size:24px; font-family: 'roboto_slabregular'; line-height:32px; margin:0 0 11px;}

.indexes p{line-height:24px; font-size:15px;}




.indexes .readmore{display:inline-block; width:121px; height:35px; line-height:35px; text-align:center; background:#17395F; color:#fff; font-size:14px; border-radius:2px; transition:all 0.4s; margin:35px 0 0;}

.indexes .readmore:hover{background:#82995F; color:#fff;}



/* Middle-End */





/* Footer-Start */



.footer{float:left; width:100%; background:#161616; padding:24px 0; text-align:center;}

.footer ul{margin:20px 0 26px;}

.footer li{display:inline; padding:0 32px; background:url(images/small-line.gif) no-repeat right center;}

.footer li:last-child{background:none;}

.footer a{color:#fff; font-size:14px; text-transform:uppercase;}

.footer a:hover{color:#82995f;}

.footer p{color:#fff; font-size:14px;}

.footer p a{text-transform:inherit;}



/* Footer-End */



div.wpcf7-validation-errors,
span.wpcf7-not-valid-tip,
div.wpcf7-mail-sent-ok{float:left; width:100%; font-size:13px;}
div.wpcf7-response-output{margin-top:0px; margin-bottom:0px;}



/****************** Responsive Css Start *******************/



@media(max-width:1170px){

	.container{width:98%; padding:0 2%;}

	.logodiv{margin-left:0px;}

	.menudiv{width:80%;}	

	.section-1 li{width:31%; min-height: 362px;}

	.section-1 li h2{font-size:20px;}

	.section-2{padding-top:84px; min-height:inherit; padding-bottom:35px;}

	.section-3{padding-top:98px;}

	.formDiv, .address{width:48%;}

}



@media(max-width:1112px){

	.menudiv {width: 77%;}

	.menudiv li a{font-size:14px;}

	.menudiv li{margin-left:51px;}

	.banContent{padding-top:109px;}

	.banContent h1{font-size:39px; line-height:49px;}

	.section-1 li {min-height: inherit; width: 100%; margin:0 0 15px;}

	.boxDiv h3{font-size:24px; line-height:24px;}

	.boxDiv p{font-size:14px;}

	.section-3{text-align:center; padding-bottom:35px;}

	.section-3 img{float:none; margin:0;}

	.section-3 h2{background-position:center bottom;}

}



@media(max-width:980px){

	.menudiv{display:none;}

	.header.sticky {height: 82px;}

	.header.sticky .logodiv img {width: inherit;}

	.aboutInteg{background:#1A3C62; height:inherit; padding-bottom:35px;}

	.boxDiv {margin: 0 0 15px; min-height: inherit; padding: 38px 0; width: 100%;}

	.section-3 h2{font-size:30px; line-height:30px;}

	.section-3 p{font-size:15px; line-height:30px;}

	.formDiv, .address {width: 100%;}

	.indexes li{margin-bottom:25px; width: 46.33%;}

	.banContent h1 {font-size: 30px; line-height: 31px;}

	.innerbanner .banContent {padding: 65px 0 0;}
	.section-1, .section-2{padding-top:110px;}

}

@media(max-width:730px){
	.indexes li {height: inherit; margin: 0 0 25px; padding: 20px; text-align: center; width: 100%;}
}

@media(max-width:680px){

	.banContent h1 {font-size: 26px; line-height: 32px;}

	.banContent h2{font-size:19px; line-height:25px;}

	.banContent {padding-top: 79px;}

	.logodiv {margin-top: 23px; width: 136px;}

	.aboutInteg h2{font-size:28px; line-height:31px; margin:0 0 35px;}

	.footer li {display: inline-block; margin: 0 0 17px;}

	.footer ul{margin-bottom:8px;}

	.innerbanner .banContent {padding: 39px 0 0;}

	

}



@media(max-width:480px){

	.banContent h1 {font-size: 17px; line-height: 24px;}

	.banContent h2 {font-size: 14px; line-height: 18px;}

	.banContent {padding-top: 38px;}

	.section-1 h2, .section-2 h2, .aboutInteg h2 {font-size: 25px; line-height: 24px; padding-bottom: 14px;}

	.section-1 ul{margin:33px 0 0;}

	.section-1 li p{font-size:14px;}

	.section-1{padding-top:100px; padding-bottom:38px;}

	.section-2 p{font-size:14px;}

	.formDiv li.half{width:100%;}

	.contactDiv{padding-bottom:30px;}

	.footer ul{margin:25px 0;}

	.footer li{display:block; background:none;}
	.innerbanner .banContent {padding: 25px 0 0;}
	.banContent h1 {font-size: 20px; line-height: 24px;}

}

@media(max-width:350px){
	.innerbanner .banContent {padding: 16px 0 0;}
	.banContent h1 {font-size: 17px; line-height: 20px;}
	.middle.indexes{padding-top:35px;}
}



/****************** Responsive Css End *******************/