.innerpage {}
.innerpagewhite{ background:#FFF;}
.innerpage #header{z-index:999 !important;}
.innertoparea{}
.innerpage .container {
    padding-top: 0px;
    padding-bottom: 0px;
}

/*.innerpage .copyright .container {
    padding: 5px;
}*/
.innerbanner{ width:100%; background:url(../img/innerpage/innerbanner.jpg) center top no-repeat;
background-size:cover; height:440px;
position:relative;
top:0;
text-align:center;
}

.innerbanner .pagetitle{
	font-size:50px;
    letter-spacing: 2px;
    margin-bottom: 25px;
	color:#FFF;
	font-weight:700;
	margin-top:0px;
	position:relative;
	padding-top:180px;
	}
.innerbanner .pagetitle:after{
	content:'';
	position:relative;
	display:block;
	width:100px;
	height:3px;
	background:#FFF;
	margin:0 auto;
	bottom:-5px;
	
	}	
.innerbanner p{ font-size:17px; color:#FFF;}	

.innerbanner .pagetitle{font-family: Raleway,sans-serif;}

.abouttop{ padding-top:40px; padding-bottom:30px;}
.innerpage h2 {
    font-size: 35px;
    letter-spacing: 2px;
    margin-bottom: 20px;
	color:#30275b;
	font-weight:700;
	line-height:1.3em;
}


.innerpage #section2:after{ display:none;}
.innerpage .abouttop#section2{ position:relative;}
.innerpage .abouttop#section2:after{
    height: 100%;
    content: "";
    background: url(../img/pattern.png) repeat;
    width: 340px;
    left: 6%;
    top: 0;
    position: absolute;
    z-index: -1;
	display:block;

}
.innerpage h2 small {
    text-transform: uppercase;
    color: #1f95d3;
    margin-bottom: .8em;
    display: inline-block;
    font-weight: 700;
    font-size: .4em;
    font-weight: 600;
    letter-spacing: 4px;
}
.aboutlefttop { padding-left:130px; padding-bottom:40px;}
.aboutlefttop .text{ font-size:14px;
color:#4d4d4d;
text-transform:uppercase;
font-weight:700;
margin-top:25px;
letter-spacing:0.1em;}

.aboutlefttop .text span{ 
color:#30275b;
font-size:33px;
display:block;
font-weight:800;}
.aboutsection2{ padding:55px 50px;
background:#1f95d3;
color:#FFF;


}

.missionvision {
    position: relative;
    padding-left: 150px;
    padding-top: 25px;
}
.missionvision .title{ font-size:19px;
font-weight:700;
text-transform:uppercase;
letter-spacing:0.1em;
margin-bottom:11px;
}
.missionvision p{font-family: 'Roboto Slab',serif; font-weight:300;
line-height:1.6em;}

.missionvision span{
width:128px;
height:116px;
position:absolute;
left:0;
top:0;	
	}
	
.missionvision span.mission{
background:url(../img/innerpage/mission.png) left top no-repeat;
background-size:contain;	
	
	}	
.missionvision span.vision{
background:url(../img/innerpage/vision.png) left top no-repeat;
background-size:contain;	
	
	}		
	
.leadershiparea{ text-align:center; padding:30px 0; background:#FFF;}
.leadershiparea h3{ font-size:32px; color:#30275b; position:relative;
font-weight:800; }

.leadershiparea h3:after{
	content: '';
    position: relative;
    width: 70px;
    height: 3px;
    background: #1f95d3;
    left: 0;
    bottom: -6px;
    display: block;
	margin:0 auto;}

.leadershipslide{ text-align:left; padding-top:40px;}
.leadershipslide .teamname{ font-size:19px;
color:#1e1e1e;
text-transform:uppercase;
position:relative;
font-weight:700;
letter-spacing:0.1em;
margin-top:40px;
}

.leadershipslide .teamname span{
display:block;
font-weight:400;}

.leadershipslide p{ margin-top:20px;
line-height:1.7em;
padding-right:10%;}

.leadershipslide .teamname span,.leadershipslide p{font-family: 'Roboto Slab',serif; font-size:15px;}

.leadershipslide .teamname:after,.producttitle:after,.projects li .cards .textbox .title:after,.contact .title:after
{content: '';
    position: relative;
    width: 49px;
    height: 3px;
    background: #1f95d3;
    left: 0;
    bottom: -10px;
    display: block;
   	}
	
.leadershipslide .desi{ text-transform:uppercase;
font-size:16px;
color:#1e1e1e;
line-height:1.5em;
margin-top:35px;
font-weight:700;
display:block;}	
	

.leadershiparea .owl-dots{text-align:center;}
.leadershiparea .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 3px 4px;
    background: #cfcfcf;
	border:none;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.leadershiparea .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.leadershiparea .owl-dots .owl-dot.active span,  .leadershiparea .owl-dots .owl-dot:hover span {
    background: #1f95d3;
	
}

.servicepage{ background:#FFF;}
.servicetext .title,.producttitle,.projects li .cards .textbox .title{
font-size: 32px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    color: #30275b;
    font-weight: 800;
    line-height: 1.3em;	
	margin-top:30px;
	}

.servicetext.set-1{ padding-top:55px; padding-left:30px;}
.servicetext.set-2{padding-top:50px; padding-right:30px;}

.products{ background:#FFF;}
.products ul{ padding:0; margin:0;}
.products li{ list-style:none; display:inline-block;
width:100%;
padding:50px 0;
border-bottom:1px solid #d0d0d0; }
.products li:last-child{ border-bottom:none;}

.producttitle{ position:relative; margin-top:0;}
.products p{ line-height:1.6em;}

.projects{}
.projects ul{ padding:50px 0; margin:0 -12px;}
.projects li{ list-style:none; display:inline-block;
float:left;
width:33.33%;
padding:12px;
}
.projects li .cards {
    min-height: 470px;
}
.projects li .cards img{ width:100%;}
.projects li .cards .textbox{ background:#FFF;
padding:15px;
padding-left:0;
display:block;
min-height:130px;}

.projects li .cards .textbox .title{ font-size:18px; margin-top:0; margin-bottom:16px; letter-spacing:normal;}
.projects li .cards .textbox .title:after{bottom: -6px;}

.clients ul,.contact{ padding:50px 0; margin:0;}
.clients li{list-style:none; display:inline-block;
float:left;
width:20%;
padding:5px;}

.clients li .box{ border:1px solid #CCC;
display:block;
text-align:center;}
.clients li .box img{ display: inline-block; width:100%;}

.contact .title {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 20px;
	    color: #30275b;
    font-weight: 800;
	
}
.contact .title:after{bottom: -5px;}	
.contact p{ line-height:1.9em;}
.contact p span {
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 9px;
    font-weight: 700;
    display: block;
}	

.contact p a{ color:#494949;}
.contact p a:hover{ color:#1f95d3;}
.formmain{ padding-top:30px;}	
.contactforms .form {
	width: 100%;
}

.contactforms .form-control, .contactforms .form-control2 {
	border-radius: 0px;
	background: #FFF;
	margin-top: 4px;
	border:none;
	border: 1px solid #000;
	padding:15px;
	font-weight: 400;
	font-size: 13px;
	color: #797979;
	border-radius:0px;
	    box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
outline:none !important;
}
.contactforms .form-control {
	width: 100%;
	height: 45px;
	margin-bottom: 18px;
}
.contactforms .form-control2 {
	width: 100%;
	height: 80px;
	resize:none;
}
.contactforms .submit {
	display:block;
	
}
.contactforms .submit .btn {

    font-size: 18px;
    color: #000000;
   letter-spacing: 0.3em;
    padding:6px 50px 5px 50px;
    border: 2px solid #1f95d3;
    margin-top: 20px;
    display: inline-block;
	background:none;
	border-radius:0px;
	transition-duration:0.5s;
}
.contactforms .submit .btn:hover{ background:#1f95d3; color:#FFFFFF;}
.contactforms .form-group {
	margin-bottom: 5px;
}	

.enquiryformarea{ padding:20px 20%;}

.contactforms .form2 .form-control, .contactforms .form2 .form-control2{ padding:10px;}
.contactforms .form2 .form-control2 {
    height: 140px;
}

.aboutlefttop .text,.innerpage h2,.aboutsection2,.leadershiparea h3,.leadershipslide .teamname,.leadershipslide .desi,.servicetext .title,.producttitle,.projects li .cards .textbox .title,.contact .title{font-family: Raleway,sans-serif;}

.innerpage #section2 .relative img{ height:auto;}

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

@media (max-width: 1199px) { 

.projects li .cards .textbox{ min-height:140px;}
.projects li .cards {
    min-height: 430px;
}
 }

@media (max-width: 991px) { 
.innerbanner .pagetitle{ padding-top:80px;}
.leadershipslide .teamname{ margin-top:0;}
.servicetext.set-1{ padding-top:15px; padding-left:10px;}
.servicetext.set-2{padding-top:10px; padding-right:10px;}
.projects li{ width:50%;}
.aboutlefttop {
    padding-left: 80px;
}
.projects li .cards {
    min-height: 452px;
}
}

@media (max-width: 767px) { 
/*.leadershipslide{ text-align:center;}*/
.aboutlefttop{ padding-left:0;}
.leadershipslide{text-align:center;}
.ldrimg{padding:0 20% 0;}
.innerpage .abouttop#section2:after{ display:none;}
.aboutlefttop .text:first-child{ margin-top:0;}
.leadershipslide .teamname:after,.leadershiparea .owl-dots{ display:none !important;}
.leadershipslide .desi{ margin-top:12px;}
.leadershipslide .teamname{ margin-top:12px;}
.innerbanner{ height:auto; padding:0 0 50px 0;}
.leadershipslide p{ padding:0;}
/*.copyright,.copyright .text-right{ text-align:center;}*/
.innerbanner .pagetitle{ font-size:40px;}
.innerbanner p{ padding:0 5%;}

.servicepage{ text-align:center; padding-bottom:30px;}
.serviceimg{ display:inline-block;}
.servicetext.set-1,.servicetext.set-2{ padding:0;}
.servicetext .title{ margin-top:-30px;}

.products li{ text-align:center;}
.producttitle:after,.contact .title:after{ display:block; margin:0 auto;}
.clients li{ width:25%;}
.projects ul,.clients ul{ padding-bottom:20px;}

.contact{ text-align:center; }

}

@media (max-width: 575px) {

.innerpage h2{ font-size:25px;}
.missionvision{ padding-left:0; padding-top:100px;}	
.missionvision span {
    width: 100px;
    height: 88px;
}
.missionvision.vn{ margin-top:30px;}
.aboutsection2 {
    padding:30px;
    background: #1f95d3;
    color: #FFF;
}	
.aboutlefttop {
    padding-left:0px;
    padding-bottom:20px;
	text-align:center;
}
.abouttop {
    padding-top: 10px;
    padding-bottom: 20px;
}
.serviceimg{ padding:0 6%;}
.producttitle{ font-size:28px;}
.projects li .cards .textbox .title{ font-size:14px;}
.projects li .cards .textbox{ font-size:13px;}

.enquiryformarea {
    padding: 0px 5%;
}

.leadershipslide p{ display:none;}
.leadershipslide .teamname{ font-size:15px; letter-spacing:0;}
.leadershipslide .teamname span, .leadershipslide p{ font-size:14px;}
.leadershipslide .desi{ font-size:14px;
margin-top:5px;}
.owl-carousel .owl-item img{ padding-right:20px;}
.projects li .cards {
    min-height: 360px;
}
.projects li .cards .textbox{ padding-bottom:0;}

}



@media screen and (max-width: 380px){
.leadershipslide{ padding-top:15px;}	
	
.navbar-brand {
    padding: 0;
    height: 65px !important;
}
.innerbanner {
    padding-bottom:20px;
}

.innerbanner .pagetitle{ font-size:28px; padding-top:30px;}	
.innerbanner .pagetitle:after{ width:50px;}
.innerbanner p{ font-size:14px;}
.aboutlefttop .text span{ font-size:20px;}
.aboutlefttop .text{ font-size:13px; margin-top:10px;}
#section2 p,.missionvision p{ font-size:14px;}
.innerpage h2{ font-size:18px; margin-bottom:8px;}
.innerpage h2 small{ font-size:12px; margin-top:4px;}
.missionvision .title{ font-size:17px;
margin-bottom:8px;}

#section2 .btn-profile {
    margin: 6% 0 4% 0;
    padding-left: 48px;
    padding-top: 10px;
    padding-bottom: 10px;
   font-size:14px;
}
.servicetext .title,.producttitle,.leadershiparea h3{ font-size:20px; margin-bottom:10px;}
.leadershiparea h3{ margin-top:0;}
.servicetext p,.products p{ font-size:14px;}
.products li{ padding:20px 0;}
.projects li { width:100%;}
.projects li .cards .textbox{ min-height:0;}
.clients li{ width:33.33%;}

.projects ul,.clients ul,.contact{ padding:25px 0 20px 0;}
.contact .title{ font-size:18px; margin-bottom:9px;}
.contactforms .form-control {
    height: 40px;
    margin-bottom: 12px;
}
.formmain {
    padding-top: 20px;
}
.contactforms .submit .btn{ font-size:16px;
margin-top:8px;}

.enquiryformarea {
    padding: 0px;
}
.projects li { width:100%;}
.projects li .cards {
    min-height:0px;
}
.projects ul{ padding-bottom:10px;}
}