@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);


@font-face {
	font-family: 'Conv_tt0375m_';
	src: url('../fonts/tt0375m_.eot');
	src: local('☺'), url('../fonts/tt0375m_.woff') format('woff'), url('../fonts/tt0375m_.ttf') format('truetype'), url('../fonts/tt0375m_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
a{-moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in; text-transform:capitalize !important;}



*{padding:0; margin:0;}
body{font-size:13px; color:#737476; background:#fff; overflow-x: hidden; font-family: 'Open Sans', sans-serif; width:100%;margin:0; padding:0;}

.wrapper{ width:93%; margin:0 auto; padding:0;}

header{ float:left; width:100%; margin:0; padding:0;}
.logo{ width:35%; float:left; margin:0;}
.navigation{ width:65%; float:left;  margin:0; }

.slideshow{ width:100%; float:left;}
.slideshow img{width:100%; margin:0 auto;}
.welcomearea{ width:100%; text-align:center; float:left; margin:0; padding:35px 0 15px}
.welcomearea h1{ font-size:36px; line-height:40px;font-family: 'Open Sans', sans-serif; font-weight:lighter; color:#a9252a; padding:0 0 20px;}
.welcomearea h1 span{ color:#000;}
.welcomearea p{ color:#454545; font-size:16px; line-height:25px;font-family: 'Open Sans', sans-serif; font-weight:lighter;  width:60%; margin:20px auto}

.prgrph{ width:45% !important; margin:20px auto}

.prsnlwsh{ width:100% !important; margin:20px auto; }
.welcomearea .jstify{text-align:justify !important;}
.welcomearea b{ text-transform:uppercase}

#orangearea{ width:100%; float:left; background:#a9252a; padding:35px 0; text-align:center}

.orangearea{ width:100%; float:left;}
.infobox{ width:31%; float:left; margin:0 1%; color:#fff;}
.infobox h2{font-family: 'Open Sans', sans-serif; font-weight:lighter; line-height:30px; font-size:24px; margin-bottom:25px;}
.infobox p{font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:14px; line-height:22px;}
.whatwedo{ width:100%; float:left; padding:30px 0 0; text-align:center}
.imgarea{ width:50%; float:left}
.imgarea2{ width:40%; float:left}
.imgarea2 img{width:60% !important; margin:0 auto 30px;}
.imginfo{ width:50%; float:left; text-align:left; padding:30px 0 0;}
.imginfo h2{font-family: 'Open Sans', sans-serif; font-weight:lighter; line-height:36px; font-size:36px; color:#a9252a;}
.imginfo h2 span{color:#000;}
.imginfo p{font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:14px; line-height:22px; color:#454545; margin:20px 0; padding:0;}
.imginfo a{font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:13px; color:#fff; text-decoration:none; margin:20px 0; padding:6px 12px; background:#a9252a; /*border-left:4px solid #000;*/}
.imginfo a:hover{ background:#000;color:#fff;/*border-left:4px solid #a9252a;*/}


#researcharea{ width:100%; float:left; background:linear-gradient(
      rgba(0, 0, 0, 0.6), 
      rgba(0, 0, 0, 0.6)
    ), url(../images/researchbg.jpg) no-repeat center; min-height:300px; padding:0 0; margin:0; text-align:center;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.researcharea{ width:100%; float:left; padding:50px 0}
.researcharea h2{font-family: 'Open Sans', sans-serif; font-weight:normal; color:#fff; line-height:42px; font-size:48px;}
.researcharea h2 span{font-family: 'Open Sans', sans-serif;font-size:24px; font-weight:normal;color:#fff;}
.researcharea p{font-family: 'Open Sans', sans-serif; color:#fff; line-height:26px; font-size:19px; width:80%; margin:20px auto 30px; font-weight:lighter;}
.researcharea a{ background:url(../images/anchrbg.png) no-repeat center; padding:20px 50px;font-family: 'Open Sans', sans-serif;color:#000; text-decoration:none; font-size:17px;}
.researcharea a:hover{ color:#a9252a;}

.boxarea{ width:100%; float:left; padding:0; margin:0}

/*box1*/
.box1{  width:33.27%; float:left;background:linear-gradient(
      rgba(169, 37, 42, 0.5), 
      rgba(169, 37, 42, 0.5)
    ), url(../images/box1bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.05% .03%
}
.box1 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:43px; margin:58px 20px 0;}
.box1 h2 span{ color:#ef8929}
.box1 p{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:17px; line-height:30px; margin:10px 20px 30px; }
.box1 a{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:16px; line-height:30px; margin:0 20px; padding:10px 20px; text-transform:uppercase; text-decoration:none; background:#ef8929; }
  
.box1:hover{background:linear-gradient(
      rgba(0, 0, 0, 0.5), 
      rgba(0, 0, 0, 0.5)
    ), url(../images/box1bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; float:left;}
.box1 a:hover{ background:#000; }
/*box1*/

/*box2*/
.box2{  width:33.27%; float:left;background:linear-gradient(
      rgba(0, 0, 0, 0.6), 
      rgba(0, 0, 0, 0.6)
    ), url(../images/box2bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.05% .03%
}
.box2 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:43px; margin:58px 20px 0;}
.box2 h2 span{ color:#ef8929}
.box2 p{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:17px; line-height:30px; margin:10px 20px 30px; }
.box2 a{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:16px; line-height:30px; margin:0 20px; padding:10px 20px; text-transform:uppercase; text-decoration:none; background:#ef8929; }
  
.box2:hover{background:linear-gradient(
      rgba(0, 0, 0, 0.8), 
      rgba(0, 0, 0, 0.8)
    ), url(../images/box2bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;float:left;}
.box2 a:hover{ background:#000; }
/*box2*/

/*box3*/
.box3{  width:33.27%; float:left;background:linear-gradient(
      rgba(239, 137, 41, 0.4), 
      rgba(239, 137, 41, 0.4)
    ), url(../images/box3bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.05% .03%
}
.box3 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:43px; margin:58px 20px 0;}
.box3 h2 span{ color:#ef8929}
.box3 p{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:17px; line-height:30px; margin:10px 20px 30px; }
.box3 a{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:16px; line-height:30px; margin:0 20px; padding:10px 20px; text-transform:uppercase; text-decoration:none; background:#ef8929; }
  
.box3:hover{background:linear-gradient(
      rgba(0, 0, 0, 0.5), 
      rgba(0, 0, 0, 0.5)
    ), url(../images/box3bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; float:left;}
.box3 a:hover{ background:#000; }
/*box3*/

/*box4*/
.box4{  width:33.27%; float:left;background:linear-gradient(
      rgba(0, 0, 0, 0.6), 
      rgba(0, 0, 0, 0.6)
    ), url(../images/box4bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.05% .03%
}
.box4 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:43px; margin:58px 20px 0;}
.box4 h2 span{ color:#ef8929}
.box4 p{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:17px; line-height:30px; margin:10px 20px 30px; }
.box4 a{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:16px; line-height:30px; margin:0 20px; padding:10px 20px; text-transform:uppercase; text-decoration:none; background:#ef8929; }
  
.box4:hover{background:linear-gradient(
      rgba(0, 0, 0, 0.8), 
      rgba(0, 0, 0, 0.8)
    ), url(../images/box4bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; float:left;}
.box4 a:hover{ background:#000; }
/*box4*/


/*box5*/
.box5{  width:33.27%; float:left;background:linear-gradient(
      rgba(239, 137, 41, 0.4), 
      rgba(239, 137, 41, 0.4)
    ), url(../images/box5bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.05% .03%;
  
}
.box5 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:43px; margin:58px 20px 0;}
.box5 h2 span{ color:#ef8929}
.box5 p{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:17px; line-height:30px; margin:10px 20px 30px; }
.box5 a{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:16px; line-height:30px; margin:0 20px; padding:10px 20px; text-transform:uppercase; text-decoration:none; background:#ef8929; }
  
.box5:hover{background:linear-gradient(
      rgba(0, 0, 0, 0.3), 
      rgba(0, 0, 0, 0.3)
    ), url(../images/box5bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; float:left;}
.box5 a:hover{ background:#000; }
/*box5*/

/*box6*/
.box6{  width:33.27%; float:left;background:linear-gradient(
      rgba(169, 37, 42, 0.3), 
      rgba(169, 37, 42, 0.3)
    ), url(../images/box6bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.05% .03%
}
.box6 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:43px; margin:58px 20px 0; text-transform:uppercase;}
.box6 h2 span{ color:#ef8929}
.box6 p{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:17px; line-height:30px; margin:10px 20px 30px; }
.box6 a{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:16px; line-height:30px; margin:0 20px; padding:10px 20px; text-transform:uppercase; text-decoration:none; background:#ef8929; }
  
.box6:hover{background:linear-gradient(
      rgba(0, 0, 0, 0.5), 
      rgba(0, 0, 0, 0.5)
    ), url(../images/box6bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  float:left;}
.box6 a:hover{ background:#000; }
/*box6*/


/*black area*/
#blackarea{ width:100%; float:left; background:#000; padding:50px 0; margin-top:2px; text-align:center}

.blackarea{ width:70%; margin:0 auto;}
.contact{ float:right}
#link{ float:left}


footer{ width:100%; float:left;}
.footer{ width:100%; float:left;}
.footerbox1{ width:25%; float:left; padding:25px 15px; min-height:240px}
.footerbox{ width:20%; float:left; padding:25px 15px; min-height:240px}
.footerbox4{ width:20%; float:left; padding:25px 15px;min-height:240px}
.footer h3{ color:#000;font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:20px; text-align:left; line-height:30px; margin-bottom:10px;}
.footer p{ color:#727272;font-family: 'Open Sans', sans-serif; font-weight: lighter; font-size:13px; line-height:20px;}
.footerbox ul{list-style:none;}
.footerbox ul li a{color:#727272;font-family: 'Open Sans', sans-serif; font-weight: lighter; font-size:13px; line-height:24px; text-decoration:none;}
.footerbox ul li a:hover{ color:#000;}



/*our company*/
#whatwedo0{ width:100%; float:left; background:#a9252a; padding:0px}

#ourcompany{ width:100%; float:left; background:#a9252a; padding:5px 0 30px}
.whatwedo0{ width:100%; float:left; padding:0; text-align:center}
.imginfo0{ width:45%; float:left; text-align:left; padding:30px 2.5% 0;}
.imginfo0 h2{font-family: 'Open Sans', sans-serif; font-weight:lighter; line-height:36px; font-size:36px; color:#fff;}
.imginfo0 h2 span{color:#000;}
.imginfo0 p{font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:14px; line-height:22px; color:#fff; margin:20px 0; padding:0;}

#carousel a{ margin:0!important; width:25%}
strong{ color:#ef8929 ;}
.prsnlwsh a{ text-decoration:none;}

/*ckc connect*/
.contactform{ width:100%; text-align:center; float:left; margin:0; padding:35px 0 15px}
.contactform h1{ font-size:36px; line-height:40px;font-family: 'Open Sans', sans-serif; font-weight:lighter; color:#a9252a; padding:0 0 20px;  }
.contactform h1 span{ color:#000;}
.contactform p{ color:#454545; font-size:16px; line-height:25px;font-family: 'Open Sans', sans-serif; font-weight:lighter;  width:99%; margin:20px auto}

.iconbox{ width:23%; float:left; margin:3% 1%;}
.iconbox img{ width:33%; margin:0 auto;}
.iconbox h3{ color:#fff; font-size:30px;font-family: 'Open Sans', sans-serif; font-weight:lighter;}
.iconbox p{color:#fff; font-size:16px;font-family: 'Open Sans', sans-serif; font-weight:lighter; line-height:25px;}


		.gallery2 {
			width:75%; margin:0px auto;
			
			
		}
		.gallery2 img{float:left; padding:10px; margin-bottom:30px}


		.gallery {
			width:72%; margin:0px auto;
			
			
		}
		
		
		.gallery div {
			float: left;
			padding: 0 10px 10px 0;
		}
		.gallery div:nth-child(6n) {
			padding-right: 0;
		}
		.gallery a,
		.gallery img {
			float: left;
		}




/*contact*/
.text-center{ text-align:center;}

.error {
  margin:6px 6px;
	display: none;
  color: #ff4b64;  
}

#ajaxsuccess {
  font-size: 15px;
	width: 100%;
	display: none;
  clear: both;
  color: #0fa2d5;
  margin:0px;
}

.contact-form .btn {
  float:left;
  margin-top:10px;
}


#feedback-page{
	text-align:center;
}

#form-main{
	width:100%;
	float:left;
	padding-top:0px;
}

#form-div {
	background-color:rgba(72,72,72,0.1);
	padding-left:35px;
	padding-right:35px;
	padding-top:35px;
	padding-bottom:50px;
	width: 42%;
	float: left;
  margin-top:30px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

#map {
	/*background-color:rgba(72,72,72,0.1);*/
	padding-left:0;
	padding-right:25px;
	padding-top:0;
	padding-bottom:0;
	width: 42%;
	float: left;
  margin-top:30px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  margin-left:3%;
}

#contactadrs {
	background-color:rgba(72,72,72,0.1);
	padding-left:25px;
	padding-right:25px;
	width: 42%;
	float: left;
  margin-top:30px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  margin-left:3%;
  text-align:left;
}


.feedback-input {
	color:#3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 54px;
	margin-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus{
	background: #fff;
	box-shadow: 0;
	border: 3px solid #a9252a;
	color: #a9252a;
	outline: none;
  padding: 13px 13px 13px 54px;
}

.focused{
	color:#30aed6;
	border:#30aed6 solid 3px;
}

/* Icons ---------------------------------- */
#name{
	background-image: url(../images/nameicon.jpg);
	background-size:  20px 20px;
  background-position: 21px 12px;
	background-repeat: no-repeat;
}

#name:focus{
	background-image: url(../images/nameicon.jpg);
	background-size:  20px 20px;
  background-position: 21px 12px;
	background-repeat: no-repeat;
}

#phone{
	background-image: url(../images/phoneicon.jpg);
	background-size:  20px 20px;
  background-position: 21px 12px;
	background-repeat: no-repeat;
}

#phone:focus{
	background-image: url(../images/phoneicon.jpg);
	background-size:  20px 20px;
  background-position: 21px 12px;
	background-repeat: no-repeat;
}
#address{
	background-image: url(../images/addressicon.jpg);
	background-size:  20px 20px;
  background-position: 21px 12px;
	background-repeat: no-repeat;
}

#address:focus{
	background-image: url(../images/addressicon.jpg);
	background-size:  20px 20px;
  background-position: 21px 12px;
	background-repeat: no-repeat;
}
#email{
	background-image: url(../images/emailicon.jpg);
	background-size:  20px 20px;
  background-position: 21px 12px;
	background-repeat: no-repeat;
}

#email:focus{
	background-image:  url(../images/emailicon.jpg);
	background-size:  20px 20px;
  background-position: 21px 12px;
	background-repeat: no-repeat;
}

#comment{
	background-image: url(../images/commenticon.jpg);
	background-size: 20px 20px;
	background-position: 21px 12px;
	background-repeat: no-repeat;
}

textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:white;
}

#button-blue{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 100%;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #a9252a;
	color:white;
	font-size:24px;
	padding-top:22px;
	padding-bottom:22px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}

#button-blue:hover{
	background-color: rgba(239,137,41,100);
	color: #000;
}
	
.submit:hover {
	color: #a9252a;
}
	
.ease {
	width: 0px;
	height: 74px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease{
  width:100%;
  background-color:white;
}

@media only screen and (max-width: 580px) {
	#form-div{
		left: 3%;
		margin-right: 3%;
		width: 88%;
		margin-left: 0;
		padding-left: 3%;
		padding-right: 3%;
	}
}



img, img.scale-with-grid { outline: 0; max-width: 100%; height: auto;}


@media (min-width: 981px) and (max-width:1200px){
	
	.wrapper{ width:96%; margin:0 auto;}
.infobox{ width:30%; float:left; margin:0 1.2%; color:#fff;}
	.logo{ width:23%; float:left; margin:0; }
.navigation{ width:77%; float:left;  margin:0;}

.box1 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:36px; margin:30px 20px 0;}
.box2 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:36px; margin:30px 20px 0;}
.box3 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:36px; margin:30px 20px 0;}
.box4 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:36px; margin:30px 20px 0;}
.box5 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:36px; margin:30px 20px 0;}
.box6 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:36px; margin:30px 20px 0;}
.footerbox1{ width:30%; float:left; padding:25px 1%;}
.footerbox{ width:16%; float:left; padding:25px 1%}
.footerbox4{ width:30%; float:left; padding:25px 1%}


.prsnlwsh{ width:100% !important; margin:20px auto}

	.gallery {
			width:100% !important;
			
			
		}
		
		.imginfo a{ margin-bottom:15px; float:left}
.infobox h2 { font-size:20px !important;}
}




@media (min-width: 768px) and (max-width:980px){
.infobox h2 { font-size:16px !important; font-weight:normal;}

.prgrph{ width:70% !important;}
/*.welcomearea p{ width:70% !important;}
*/	.wrapper{ width:96%; margin:0 auto;}
	.logo{ width:18%; float:left; margin:10px 2% 0 0;text-align:center}
.navigation{ width:80%; float:left;  margin:0 0 0 0%;}
.infobox{ width:30%; float:left; margin:0 1.2%; color:#fff;}
.imginfo{  padding:0 0 20px;}
.box1{  width:49.8%; float:left;background:linear-gradient(
      rgba(169, 37, 42, 0.5), 
      rgba(169, 37, 42, 0.5)
    ), url(../images/box1bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.1% .06%; padding:0;
}
.box1 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:43px; margin:40px 20px 0;}


.box2{  width:49.8%; float:left;background:linear-gradient(
      rgba(0, 0, 0, 0.6), 
      rgba(0, 0, 0, 0.6)
    ), url(../images/box2bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.1% .06%; padding:0;
}
.box2 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:43px; margin:40px 20px 0;}

.box3{  width:49.8%; float:left;background:linear-gradient(
       rgba(239, 137, 41, 0.4), 
      rgba(239, 137, 41, 0.4)
    ), url(../images/box3bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.1% .06%; padding:0;
}
.box3 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:43px; margin:40px 20px 0;}

.box4{  width:49.8%; float:left;background:linear-gradient(
      rgba(0, 0, 0, 0.6), 
      rgba(0, 0, 0, 0.6)
    ), url(../images/box4bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.1% .06%; padding:0;
}
.box4 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:43px; margin:40px 20px 0;}


.box5{  width:49.8%; float:left;background:linear-gradient(
       rgba(239, 137, 41, 0.6), 
      rgba(239, 137, 41, 0.6)
    ), url(../images/box5bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.1% .06%; padding:0;
}
.box5 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:43px; margin:40px 20px 0;}

.box6{  width:49.8%; float:left;background:linear-gradient(
      rgba(169, 37, 42, 0.5), 
      rgba(169, 37, 42, 0.5)
    ), url(../images/box6bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.1% .06%; padding:0;
}
.box6 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:43px; margin:40px 20px 0;}

.prsnlwsh{ width:100% !important; margin:20px auto}


.footerbox1{ width:45%; float:left; padding:25px 2.5%;}
.footerbox{ width:45%; float:left; padding:25px 2.5%}
.footerbox4{ width:45%; float:left; padding:25px 2.5%}
.iconbox{ width:48%; float:left; margin:3% 1%;}
.gallery {
			width:100% !important;	}
			
			
		
		#form-div{ margin:20px 0; width:40%; padding:5%;}
		 #map{margin:20px 0 20px 5% !important; width:40%; padding: 2.5%; }
		 #contactadrs{margin:20px 0 20px 5% !important; width:40%; padding:0 2.5%; }
}




@media (min-width: 850px) and (max-width:980px){
.footerbox1{ width:31%; float:left; padding:25px 1%;}
.footerbox{ width:16%; float:left; padding:25px 1%}
.footerbox4{ width:31%; float:left; padding:25px 1%}

	}

@media (min-width: 481px) and (max-width:767px){

	.wrapper{ width:96%; margin:0 auto;}
	.logo{ width:100%; float:left; margin:0;text-align:center}
.navigation{ width:100%; float:left;  margin:0;}
.infobox{ width:98%; float:left; margin:0 1% 0; padding:3% 0; border-bottom:1px solid #7e1216; color:#fff;}
.imgarea{ width:100%; text-align:center; float:none}
.imginfo{ width:100%; text-align:center; float:none; padding:20px 0;}
.imginfo0{ width:100%; text-align:center; float:none; padding:20px 0;}

.welcomearea p{ width:100%; }
.box1{  width:49.8%; float:left;background:linear-gradient(
      rgba(169, 37, 42, 0.5), 
      rgba(169, 37, 42, 0.5)
    ), url(../images/box1bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.1% .05%; padding:0;
}
.box1 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:35px; margin:20px 20px 0;}

.box2{  width:49.8%; float:left;background:linear-gradient(
      rgba(0, 0, 0, 0.6), 
      rgba(0, 0, 0, 0.6)
    ), url(../images/box2bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.1% .05%; padding:0;
}
.box2 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:35px; margin:20px 20px 0;}

.box3{  width:49.8%; float:left;background:linear-gradient(
      rgba(239, 137, 41, 0.4), 
      rgba(239, 137, 41, 0.4)
    ), url(../images/box3bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.1% .05%; padding:0;
}
.box3 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:35px; margin:20px 20px 0;}

.box4{  width:49.8%; float:left;background:linear-gradient(
      rgba(0, 0, 0, 0.6), 
      rgba(0, 0, 0, 0.6)
    ), url(../images/box4bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.1% .05%; padding:0;
}
.box4 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:35px; margin:20px 20px 0;}

.box5{  width:49.8%; float:left;background:linear-gradient(
      rgba(239, 137, 41, 0.6), 
      rgba(239, 137, 41, 0.6)
    ), url(../images/box5bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.1% .05%; padding:0;
}
.box5 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:35px; margin:20px 20px 0;}


.box6{  width:49.8%; float:left;background:linear-gradient(
      rgba(169, 37, 42, 0.5), 
      rgba(169, 37, 42, 0.5)
    ), url(../images/box6bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.1% .05%; padding:0;
}
.box6 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:35px; margin:20px 20px 0;}
.footerbox1{ width:45%; float:left; padding:25px 2.5%; min-height:310px;}
.footerbox{ width:45%; float:left; padding:40px 2.5%; min-height:310px;}
.footerbox4{ width:45%; float:left; padding:25px 2.5%; min-height:310px;}
.researcharea p{ width:100%; }

.prgrph{ width:100% !important;}
.iconbox{ width:48%; float:left; margin:3% 1%;}


.gallery {
			width:100% !important;
			
			
		}
	
		
		#form-div{ margin:20px 0; width:90%; padding:5%;}
		 #map{margin:20px 0; width:90%; padding:5%;}
		 #contactadrs{margin:20px 0; width:90%; padding:5%;}
		 .imgarea2{ width:100%; float:left}
.imgarea2 img{width:60% !important; margin:0 auto 30px;}

}


@media (min-width: 320px) and (max-width:480px){
.wrapper{ width:90% !important; margin:0 auto; text-align:center !important}
.logo{ width:100% !important;   margin:0; text-align:center !important}
.navigation{ width:100%; float:left;  margin:0;}
.infobox{ width:100%; float:left; margin:0 0; color:#fff;}
.welcomearea p{ width:100%; }
.prgrph{ width:100% !important;}
.imginfo0{ width:100%; text-align:center; float:none; padding:20px 0;}
.infobox{ width:98%; float:left; margin:0 1% 0; padding:3% 0; border-bottom:1px solid #7e1216; color:#fff;}
.imgarea{ width:100%; text-align:center; float:none}
.imginfo{ width:100%; text-align:center; float:none; padding:20px 0;}
.researcharea p{ width:100%; }

.imgarea2{ width:100%; float:left}
.imgarea2 img{width:60% !important; margin:0 auto 30px;}
.researcharea h2{ font-size:25px; line-height:30px;}
.researcharea p{ font-size:16px; line-height:23px;}
.box1{  width:100%; float:left;background:linear-gradient(
      rgba(169, 37, 42, 0.5), 
      rgba(169, 37, 42, 0.5)
    ), url(../images/box1bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.2% 0; padding:0;
}
.box1 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:35px; margin:35px 20px 0;}

.box2{  width:100%; float:left;background:linear-gradient(
      rgba(0, 0, 0, 0.6), 
      rgba(0, 0; 0, 0.6)
    ), url(../images/box2bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.2% 0; padding:0;
}
.box2 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:35px; margin:35px 20px 0;}

.box3{  width:100%; float:left;background:linear-gradient(
      rgba(239, 137, 41, 0.4), 
      rgba(239, 137, 41, 0.4)
    ), url(../images/box3bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.2% 0; padding:0;
}
.box3 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:35px; margin:35px 20px 0;}

.box4{  width:100%; float:left;background:linear-gradient(
      rgba(0, 0, 0, 0.6), 
      rgba(0, 0; 0, 0.6)
    ), url(../images/box4bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.2% 0; padding:0;
}
.box4 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:35px; margin:35px 20px 0;}

.box5{  width:100%; float:left;background:linear-gradient(
      rgba(239, 137, 41, 0.6), 
      rgba(239, 137, 41, 0.6)
    ), url(../images/box5bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.2% 0; padding:0;
}
.box5 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:35px; margin:35px 20px 0;}


.box6{  width:100%; float:left;background:linear-gradient(
      rgba(169, 37, 42, 0.5), 
      rgba(169, 37, 42, 0.5)
    ), url(../images/box6bg.jpg) no-repeat center; min-height:350px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin:.2% 0; padding:0;
}
.box6 h2{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:35px; margin:35px 20px 0;}
.footer h3{ text-align:center !important}

.contact{ float:left; margin: 0 0; width:50%}
#link{ float:left; margin:0 0 10px; width:50%}

.blackarea{ width:100%; margin:0 auto; text-align:center; }


.footerbox1{ width:100%; float:left; padding:25px 0;}
.footerbox{ width:100%; float:left; padding:25px 0}
.footerbox4{ width:100%; float:left; padding:25px 0}
.iconbox{ width:98%; float:left; margin:3% 1%;}


.gallery {width:100%; margin:20px auto;	
		}
.gallery img {width:40% !important; float:left;
			
		}
		
		#form-div{ margin:20px 0; width:90%; padding:5%;}
		 #map{margin:20px 0; width:90%; padding:5%;}
		 #contactadrs{margin:20px 0; width:90%; padding:5%;}
		 .banner img{ height:130px;}
}

#flexiselDemo3 li{ width:25.95%; margin:0 .025% !important; padding:0 !important;}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}


.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
	margin:0 !important;
	padding:0 !important;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.png) no-repeat;
}

.footerbox1 p .sociallink a img{ margin-top:10px !important;-moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in}

.footerbox1 p .sociallink a img:hover{ opacity:.5;}