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


@font-face {
    font-family: 'DubaiW 23 Bold';
    src: url('../fonts/sqr721b.woff2') format('woff2'),
         url('../fonts/sqr721b.woff') format('woff');
    font-weight: normal;
    font-style: normal;}


@font-face {
    font-family: 'DubaiW 23 Regular';
    src: url('../fonts/squ721rm.woff2') format('woff2'),
         url('../fonts/squ721rm.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'DubaiW 23 Light';
    src: url('../fonts/webfonts/DubaiW23-Light.woff2') format('woff2'),
         url('../fonts/webfonts/DubaiW23-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DubaiW 23 Bold';
    src: url('../fonts/webfonts/DubaiW23-Bold.woff2') format('woff2'),
         url('../fonts/webfonts/DubaiW23-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DubaiW 23 Regular';
    src: url('../fonts/webfonts/DubaiW23-Regular.woff2') format('woff2'),
         url('../fonts/webfonts/DubaiW23-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*--------------hover------*/


.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:#185a9d;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

.hovereffect:hover{
	cursor:pointer;}

.ser-read{
	color: #069;
	background: #fff;
	padding: 5px 10px;
	font-size: 12px;
	display: table;
	margin: auto;
		margin-top: auto;
	margin-top: 20px;
	}




body {
	font-family: 'DubaiW 23 Regular' !important;
	background:url(images/home-banner.jpg) no-repeat center top;
		}

a:focus, input:focus, textarea:focus, button:focus {
	outline: none !important;}
	
a:active, a:hover {
    outline: 0 none !important;}
	
h1, h2, h3, h4, h5, h6, p {
	-webkit-font-smoothing: antialiased;
	margin:0px;
	padding:0px;}
	
h1{
	text-transform:uppercase;
	}


		
p {
	font-size: 14px;
	line-height: 22px;
	font-weight:300;}
	
ul {
	margin: 0;
	padding: 0;
	list-style: none;}
	
ol {
	padding: 0px;
	list-style-position: inside;}
	
ol, li {
	margin-bottom:0px;
	list-style: none;
	position: relative;}
	
a {
	text-decoration: none;}
	
a:hover {
	text-decoration: none;}



/* -------------------FIXED--Nav-----------*/
.navbar-brand {
    font-size: 24px;
	padding: 1px 0;}

.navbar-container {
    padding:0;}

.navbar.navbar-fixed-top.fixed-theme {
    background-color: #fff;
	border-color: transparent;
	box-shadow: 0 0 5px rgba(0,0,0,.8);}

.navbar-brand.fixed-theme {
    font-size: 18px;}

.navbar-container.fixed-theme {
    padding: 0;}

.navbar-brand.fixed-theme,
.navbar-container.fixed-theme,
.navbar.navbar-fixed-top.fixed-theme,
.navbar-brand,
.navbar-container{
    transition: 0.8s;
    -webkit-transition:  0.8s;}



/*------------100%--width-------------*/

header, .header-top, .top-menu, .banner-sec, .our-success-sec, .our-success-box, .our-success-box-main, .clints-sec, .partners-sec, .map-sec, footer, .copy-right,
.inner-banner-sec, .inner-content-sec, .contact-us, .projects{
	width:100%;
	float:left;}







/* -------------------Custom style-------------*/

.grp-icon img{
	float: right;
	margin-left: 50px;
	margin-bottom: 5px;
	}
	
.grp-icon ul{
	float:left;
	padding-top: 14px;
	padding-left: 67px;
	}
	
.grp-icon ul li{
	float:left;
	margin: 0 10px 0 0;}
	
.top-ph-main{
	margin-left:20px;}
	
.country1, .country2{
	background:url(../images/en.jpg) no-repeat left center;
	float:left;
	padding-left: 28px;}
	
.country2{
	background:url(../images/ar.jpg) no-repeat left center;}

header{
	margin-top:14px;
	background:#fff}	
	
.header-top{
	margin-bottom:0px;}
	
.header-top-in{
	padding:0 50px;}

.logo img{
	margin-top:0px;
	margin-left: -29px;
	margin-bottom: 5px;
	}
	
.ph-top{
	background:url(../images/ph-icon.png) no-repeat left center;
	padding:7px 4px 0 35px;
	color:#444444 !important;
	font-size:14px;
	font-weight:600;}	
	
.mail-top{
	background:url(../images/mail-icon.png) no-repeat left center;
	padding: 6px 4px 0 35px;
	color:#444444 !important;
	font-weight:600;}	
	
.ph-mail{
	margin-top:10px;
	}
	
.ph-mail ul li{
	margin-bottom:15px;
	}
	

	
	
.navbar-fixed-top {
    border-width: 0 0 0px;}
	
.top-menu{
	background:#fff !important;
	padding-top: 0px;;}	
	
.navbar-right{
	background:#536272 !important;}	
	
.navbar-nav > li > a {
    color: #fff;}
	
.menu-lft{
	padding-left: 19px;
    width: 79%;
	}	
	
.top-menu-in {
    background:#135ea9;
}


.menu-rgt{
	padding-right: 22px;
    width: 21%;
	background: #536272 url(../images/menu-bg.png) no-repeat left center !important;}	
	
.menu-rgt li {
    float: right !important;
}
	
.menu-lft li {
    text-transform: uppercase;
    padding-bottom: 10px;
}	
.menu-lft li > a:focus, .menu-lft li > a:hover {
    text-decoration: none;
    /*background-color: #fff !important;
	color:#657381;
	border-top: 4px solid #53627291;*/
}
.menu-lft ul li > a:focus, .menu-lft ul li > a:hover {
    text-decoration: none;
    color: #fff !important;
    background-color: #135ea9 !important;
	border:none !important;
}
.menu-rgt .nav > li > a:focus, .nav > li > a:hover{
	text-decoration: none;
    background-color: transparent !important;}
	
.menu-rgt img:hover{
	opacity:.5;}
	
.top-menu-in li {
    margin-bottom: -11px !important;}

.top-menu-in .navbar-nav > li > a {
    padding-top: 19px;
	font-family: 'DubaiW 23 Bold';
	font-size: 13px;
	padding-left:12px !important;
	padding-right:10px !important;
}


.navbar-right > li > a {
   padding-top: 13px !important;
   padding-bottom: 23px !important;
}


.banner-sec{
	margin-top: -20px;}
	
.carousel-caption h1{
	font-size:31px;
	color:#fff;
	text-shadow:none;
	font-weight:800;
	}

.carousel-caption h2{
	font-size:19px;
	color:#fff;
	text-shadow:none;
	font-weight:300;}

.more-banner {
    background: #fff;
    color: #3172b4;
    font-weight: 700;
    text-shadow: none;
    padding: 10px 27px;
    margin: auto;
        margin-top: auto;
    display: table;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 20px;}
	
.carousel-inner img {
    margin: auto;
    width: 100%;}


.carousel-caption {
    top: 35%;}

.banner-arrow-left{
	background:url(../images/banr-arow-lft.png) no-repeat;
	padding:23px !important;
	position: absolute;
    top: 50%;
	left:50%;}



.banner-arrow-right{
	background:url(../images/banr-arow-rgt.png) no-repeat;
	padding:23px !important;
	position: absolute;
    top: 50%;
	right:50%;}

.service-box{
	width:100%;
	height:304px;
	padding: 0 10px;}

.ser1{
	background:url(../images/ser-1.jpg) no-repeat;
	background-size:cover;}

.ser2{
	background:url(../images/ser-2.jpg) no-repeat;
	background-size:cover;}

.ser3{
	background:url(../images/ser-3.jpg) no-repeat;
	background-size:cover;}

.ser4{
	background:url(../images/ser-4.jpg) no-repeat;
	background-size:cover;}

.ser5{
	background:url(../images/ser-5.jpg) no-repeat;
	background-size:cover;}

.ser6{
	background:url(../images/ser-6.jpg) no-repeat;
	background-size:cover;}

.padding-0{
	padding:0px;}

.ser1 img {
    padding-top: 78px;}
	
.ser2 img {
    padding-top:80px;}
	
.ser3 img {
    padding-top:93px;}
	
.ser4 img {
    padding-top:89px;}
	
.ser5 img {
    padding-top: 112px;}
	
.ser6 img {
    padding-top:96px;}	
	
	
.service-box img {
    margin: auto;
    display: table;}
	
.service-box h2, .service-box h3{
	font-family: 'DubaiW 23 Bold';
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:30px;}
	
.service-box h3{
	margin-top: 26%;}
.overlay h2{
	margin-top: 20%;}

.service-box p{
	text-align:center;
	color:#fff;
	text-transform:capitalize;
	font-size:15px;
	padding: 0 50px;}

.ser-view-more{
	width:100%;
	float:left;
	background:#135ea9;
	padding:25px 0;}

.ser-view-more a{
	margin:auto;
	display:table;
	background:#fff;
	color:#135ea9;
	padding:12px 42px;
	text-transform:uppercase;
	font-weight:600;}
	
.our-success-sec{
	padding:70px 0 0 0;
	text-align:center;}
	
.our-success-sec h2, .clints-sec h2{
	font-size:35px;
	text-transform: uppercase;
	color:#008ed2;
	text-align:center;
	font-family: 'DubaiW 23 Bold';}
	
.our-success-box{
	position:relative;}
	
.arrow-more{
	position: absolute !important;
	bottom: 30px;
	right: 20px;
	width: auto !important;}
	
.our-success-box img{
	width:100%;}	
	
.our-success-box h2{
	font-size:22px;
	text-align:left;
	color:#fff;
	padding: 20px 0 0 30px;
	}
	
.our-success-box p{
	color:#8ccceb !important;
	text-align:left !important;
	margin:0 !important;
	padding-left: 30px;
	font-family: 'DubaiW 23 Regular';
	padding-right: 99px;
	}

.our-success-sec p, .clints-sec h3{
	margin-bottom:50px;
	color:#636f75;
	text-align:center;
	font-family: 'DubaiW 23 Regular';}	
	
.clints-sec h3{
	text-transform:uppercase;
	font-size:19px;
	margin-bottom: 20px;
	font-family: 'DubaiW 23 Regular';
	color:#767b7e;}
	
.clints-sec{
	padding:70px 50px 70px 50px;
	}
	
.clint-box{
	padding:20px;}	
	
.clints-sec .owl-carousel .owl-item img{
	width:auto;
	margin: auto;}
	
	
.owl-nav {
    position: absolute;
    top: 35%;
    width: 100%;}
	
	
.owl-prev {
    background: url(../images/arrow-left.png) no-repeat left center !important;
    width:38px;
    left: -20px;
    height: 38px;
    position: absolute;
}
	
.owl-prev span{
	display:none;}

.owl-next {
    background: url(../images/arrow-right.png) no-repeat left center !important;
    width:38px;
	height:38px;
    position: absolute;
    right: -20px;}
	
.owl-next span{
	display:none;}
	
.partners-sec{
	background:url(../images/partner-bg.jpg) no-repeat fixed;
	padding:70px 0 40px;
	background-size: cover;
	}

.partners-sec img{
	width:70%;}	
	
.partners-in{
	width: 90%;
	margin: auto;
		margin-bottom: auto;
	display: table;
	margin-bottom: 10px;
}
	
.partners-box{
	width: 20%;
    margin-right: -45px;
    padding: 0px 0px 0 0;
    float: left;}	
	
.partners-box-list{
	float: left;
    width: 100%;
    margin-bottom: 25px;
	border: 1px solid rgba(0, 0, 0, 0.19);
	}	
.partners-box-list img {
    margin: auto;
    display: table;
}
	
.partners-sec a {
    margin: auto;
    display: table;
    background: #fff;
    color: #008ed2;
    padding:12px 40px;
    text-transform: uppercase;
    font-weight: 600;
	margin-top: 40px;
}

	
.partners-sec h2{
	font-size:38px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:55px;
	font-family: 'DubaiW 23 Bold';
	}	





footer{
	background:#3a3e42;
	padding:50px 50px 50px;	
	color:#75797e;
	}
	

footer h3{
	text-align: left;
	font-size:22px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom:20px;}
		
footer ul{
	float:left;}

.for-right{
	float:right;}
	
.kerala-real{
	padding-left:15px;}
	
footer ul li{
	font-size: 13px;
	line-height: 23px;
	font-weight:300;}
	
.footer4{
	position:relative;}
	
.footer4 .btm-to-top{
	position:absolute;
	bottom:-44px;
	right:0px;}
	

.paddong-lft{
	padding-left:30px;}
	
.social-mda{
	margin-top:13px;}

.social-mda li{
	float:left;
	margin-right: 10px;	}

.socil p{
	padding:12px 0;}

.copy-right{
	background:#474e55;
	padding:12px 65px;}


.copy-right p{
	font-size:12px !important;
	font-weight:300;
	float: left;}

.copy-right p a{
	color:#8091a3;
	margin-right:10px;
	font-style:italic;}
	
.copy-right h6{
	font-size:12px !important;
	font-weight:300;
	color:#8091a3;
	float:right;}	
	

/*-----------inner--------------*/

.inner-banner-sec{
	margin-top: -20px;}
	
.about-bnr{
	background:url(../images/about-banner.jpg) no-repeat center top;
	padding:120px 0 100px 0;
	}	

.inner-banner-sec h2, .inner-banner-sec h3{
	color:#fff;
	font-family: 'DubaiW 23 Bold';
	text-align: center;
	text-transform: uppercase;
	font-size:45px;
	padding: 0 0 10px 0;}
	
.inner-banner-sec h3{
	font-size:20px;}	

.inner-banner-sec h4{
	font-size:18px;
	text-align: center;
	color:#fff;
	font-weight:600;
	line-height:32px;}	
		
.inner-content-sec {
    padding:75px 50px 0 50px;}
	
.inner-content-sec p{
	font-size:15px;
	font-weight:400;
	color:#46494c;
	line-height:29px;
	}	
	
.mission h2{
	font-family: 'DubaiW 23 Regular' !important;
	text-align: left;
	color:#135ea9;
	text-transform:uppercase;
	font-size:40px;
	}
	
.mission{
	margin-top:60px;
	padding: 0px 0px 0px 47px;
	}
	
.mission-bg{
	background:url(../images/mission.png) no-repeat center left !important;
	padding: 16px 0 0 90px;}
	
.vission{
	background:url(../images/vishion.png) no-repeat bottom left !important;
	padding:11px 0 0 90px;}	

.about-image img{
	width:100%;
	margin-top:-110px;}
	
.about-sec p{
	padding-right:50px;}
	
.abt-clint-sec h2{
	font-size:24px;}	
	
.industries-sec{
	width:100%;
	float:left;
	padding:0px 50px 65px 50px;}	
	
.inner-content-sec h2, .industries-sec h2, #parentVerticalTab h2 {
    font-family: 'DubaiW 23 Bold';
    text-align: left;
    color: #135ea9;
    text-transform: uppercase;
    font-size: 40px;
}	
	

	
.industries-sec h2{
	text-align:center;}

.industries-sec h3{
	text-align:center;
	color:#61676b;
	font-size:13px;
	text-transform:uppercase;
	font-weight:600;
	}

.indutry-in{
	width:100%;
	float:left;
	position:relative;
	margin-bottom: 30px;}
	
.indutry-in img{
	width:100%;}


.indutry-in h4{
	position:absolute;
	bottom:25%;
	font-size:18px;
	text-transform:uppercase;
	color:#fff;
	left:30px;
	font-weight:bold;
	}

.indutry-in p{
	position:absolute;
	bottom:8%;
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	left:30px;
	right:30px;}

.industries-sec-in{
	margin-top:65px;}


.inner-content-sec p{
	padding-bottom:10px;
	padding-top: 10px;}

.contact-us .form-control{
	border:none;
	border-bottom:1px solid #999;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 30px;
	padding: 6px 0px;}

.cont-submit{
	background:#008ed2;
	color:#fff;
	padding:10px 100px;
	border-radius:0;
	border:none;
	text-transform:uppercase;
	margin:auto;
	display:table;
}
	
.cont-submit:hover{
	background:#135ea9;
	color:#fff;}
	

.project-box {
    width: 100%;
    height: 350px;
    padding: 0 10px;
	position: relative;}


.pro1 {
    background: url(../images/pro-1.jpg) no-repeat;
    background-size: cover;
}

.pro2 {
    background: url(../images/pro-2.jpg) no-repeat;
    background-size: cover;
}

.pro3 {
    background: url(../images/pro-3.jpg) no-repeat;
    background-size: cover;
}

.pro4 {
    background: url(../images/pro-4.jpg) no-repeat;
    background-size: cover;
}

.pro5 {
    background: url(../images/pro-5.jpg) no-repeat;
    background-size: cover;
}

.pro6 {
    background: url(../images/pro-6.jpg) no-repeat;
    background-size: cover;
}

.pro7 {
    background: url(../images/pro-7.jpg) no-repeat;
    background-size: cover;
}

.pro8 {
    background: url(../images/pro-8.jpg) no-repeat;
    background-size: cover;
}


.project-box h2{
	font-family: 'DubaiW 23 Bold';
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    font-size:26px;
	padding-left: 40px;
	margin-top: 60px;
	}

.project-box p{
	font-family: 'DubaiW 23 Regular';
	text-align: left;
	color:#fff;
	padding-left: 40px;
	padding-right: 100px;
	font-size:13px;}


.pro-link{
	position:absolute;
	right:30px;
	bottom:30px;}

.pro-banner{
	background:url(../images/pro-banner.png) no-repeat center top;
	/*padding:150px 0;*/}

.pro-banner h3{
	font-size:22px;
	font-family: 'DubaiW 23 Regular';
	text-transform:capitalize;
	}	
	
.service-details{
	width:100%;
	float:left;
	padding:0 50px;}	
	
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 23% !important;
}	
	
	
.resp-vtabs .resp-tabs-container{
	width:77% !important;}	
	
	
.resp-vtabs li.resp-tab-active{
	border:none !important;
	border-left: 4px solid #5AB1D0 !important;
	color:#5AB1D0 !important;}	
	
	
.resp-vtabs .resp-tabs-container{
	border:none !important;}	
	
#container {
    background:#fff;
    padding:22px 0;
    width: 100%;
    float: left;
    margin-top: -35px;
}	
	
.resp-tabs-list li {
    font-weight:400 !important;
	font-size: 16px !important;
	color:#9ea8b2 !important;
	background:#fff !important;}	
	
.tab-in-ul{
	width:100%;
	float:left;
	margin: 18px 0 0 40px;}
	
.tab-in-ul li{
	margin-bottom:10px !important;
	float: left;
	width: 100%;}
	
.tab-in-ul li .material-icons{
	font-size:20px;
	float: left;
	color:#55acf8;}	
	
.tab-in-ul li p {
    float: left;
    margin-top: -4px !important;
    margin-bottom: 5px !important;}	
	
#parentVerticalTab h2{
	color:#3e99e9;}		

.tab-content-in p{
	color:#46494c;
	font-size:15px;
	font-weight:400;
	line-height:29px;
	margin-bottom: 25px;
	}		

.sdh-logo-sec{
	margin-top:20px;}

.mrgin-btm img{
	margin:auto;}

.mega-dropdown h3{
	font-family: 'DubaiW 23 Bold';
    text-align: left;
    color: #3e99e9;
    text-transform: uppercase;
    font-size:17px;

	}

.mega-dropdown h3 a{
    font-family: 'DubaiW 23 Bold';
    text-align: left;
    color: #3e99e9 !important;
    text-transform: uppercase;
    font-size: 17px;
}

.mega-dropdown ul li a{
	font-size:13px !important;
	color:#9ea8b2 !important;}


.mega-dropdown ul li a:hover{
	color:#666 !important;
	background-color: transparent !important;}

.ser-banner{
	    /*background: url(../images/serv-banner.jpg) no-repeat center top;*/
    padding: 150px 0;
}

.ser-banner p{
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:400;}
.contact-us {
    margin-bottom: 20px;
}

.contact-us h2 {
    margin-bottom: 10px;
}

/*Niby*/


/*****************For popup modals******************/
   	.modal-content {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 6px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 40px rgba(0,0,0,.5);
    box-shadow: 0 0 40px rgba(0,0,0,.5);
    color: #000;
    background-color: #fff;
    border: rgba(0,0,0,0);
}
.modal-message .modal-dialog {
    width: 300px;
	margin-top: 266px;
}
.modal-message .modal-body, .modal-message .modal-footer, .modal-message .modal-header, .modal-message .modal-title {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0 20px;
    text-align: center!important;
}

.modal-message .modal-title {
    font-size: 17px;
    color: #737373;
    margin-bottom: 3px;
}

.modal-message .modal-body {
    color: #737373;
}

.modal-message .modal-header {
    color: #fff;
    margin-bottom: 10px;
    padding: 15px 0 8px;
}
.modal-message .modal-header .fa, 
.modal-message .modal-header 
.glyphicon, .modal-message 
.modal-header .typcn, .modal-message .modal-header .wi {
    font-size: 30px;
}

.modal-message .modal-footer {
    margin: 25px 0 20px;
    padding-bottom: 10px;
}

.modal-backdrop.in {
    zoom: 1;
    filter: alpha(opacity=75);
    -webkit-opacity: .75;
    -moz-opacity: .75;
    opacity: .75;
}
.modal-backdrop {
    background-color: #fff;
}
.modal-message.modal-success .modal-header {
    color: #53a93f;
    border-bottom: 3px solid #a0d468;
}

.modal-message.modal-info .modal-header {
    color: #57b5e3;
    border-bottom: 3px solid #57b5e3;
}

.modal-message.modal-danger .modal-header {
    color: #d73d32;
    border-bottom: 3px solid #e46f61;
}

.modal-message.modal-warning .modal-header {
    color: #f4b400;
    border-bottom: 3px solid #ffce55;
}
/*****************For popup modals******************/

/*---------------jojo-----4-10-17------career---*/


.career-bnr{
	background: url(../images/cariar-bnr.jpg) no-repeat center top;
	background-size: cover;
	}
.career-sec{
	width:100%;
	float:left;
	padding:50px;}
	
.career-sec h3{
	font-size:23px;
	color:#818181;
	text-transform:uppercase;
	font-weight:bold;
	margin-top: 30px;}	
	
.apply-now{
	float: left;
	padding: 10px 15px 8px;
	border: 2px solid #135ea9;
	font-size: 15px;
	text-transform: uppercase;
	color: #135ea9 !important;
	font-weight: bold;
	margin-top: 30px;}
	
.career-form-sec{
	background:#f8f8f8;
	padding:50px;}	
	
.career-form-sec .form-control{
	border:none;
	height: 57px;}	
	

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;}

.bootstrap-select > .dropdown-toggle {
    color:#5c6265;}
	
.bootstrap-select .btn-info{
	background: #fff !important;
	border: none;
	height: 57px;
	border-radius: 0;}
	
textarea.form-control {
    height: 150px !important;
}	
	
.career-form-sec p{
	color:#808587;}	
	
.send-btn{
	background: #166bc1;
    background-color: rgb(22, 107, 193);
	color: #fff;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	float: right;
	padding: 14px 44px;
	font-weight: bold;
	font-size: 15px;
	margin-top: 35px;}	
	
.send-btn:hover{
	background:#04417e;
	color:#fff;}	
	
.career-form-sec input[type="file"] {
    display: block;
    width: 100%;
    background: #fff;
    padding: 20px 10px;}	
	
/*career end*/

.dropdown-menu>li>a {
    padding: 12px 32px !important;	
	color: #666 !important;
	font-family: 'DubaiW 23 Regular' !important;
}
/*.submenu li:hover{
	background:#039;
	color:#fff;
}

*/
.mega-dropdown h3{
	line-height: 1.2;
    padding-top: 9px;
	margin-bottom: -9px;
}
.left.carousel-control {
   /* display: none;*/
   background: none;
}
.right.carousel-control {
  /*  display: none;*/
  top: 43%;
  background: none;
}
.mega-dropdown li{
	/*margin-bottom: 0px !important;*/
}
.tab-content-in, .resp-vtabs{
	font-family: 'DubaiW 23 Regular' !important;
	font-size:16px;
}
.tab-content-in ul{
	padding-left:28px;
}
.tab-content-in li{
	list-style-image: url(../images/arrow-pro-li.png);
    padding-bottom: 3px;
}
.contactPageInfo{
	background:#135ea9;
	padding: 25px 35px 13px 35px;
}
.contactPageInfo h3{
	color:#fff;
	font-family: 'DubaiW 23 Regular' !important;
	font-size:18px;
	padding-bottom:10px;
}
.contactPageInfo hr{
	border-color:#fff;
	width:10%;
	margin: 0;
}
.contactPageInfo p{
	margin: 15px 0 15px;
	color:#fff;
	font-size:14px;
	line-height:22px;
	text-align:left;
}
.contactPageInfo p a{
	color:#fff;
}
.contactPageInfo p a:hover{
	color:#ff4c23;
}
.contactPageInfo p:last-child{
	margin-bottom:0;
}
/*.dropdown-menu {
    left: -22px;
}*/
.submenu{
	 left: 0;
}
.footer1, .footer2, .footer3, .footer4, .project-detail-content, .copy-right, .contactPageInfo, .about-1, .dropdown-menu{
	font-family: 'DubaiW 23 Regular' !important;
}
.map-sec{
	background:#3a3e42;
}
.indexpage .overlay h2{
	margin-top: 12% !important;
}
.navbar-fixed-bottom, .navbar-fixed-top {
	position:relative;
}
.und a:hover{
	text-decoration: underline !important;
}
.navbar-collapse{
	border:none !important;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: -7px !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0px !important;
}
#container {
    margin-top: 0;}

.resp-vtabs ul.resp-tabs-list {
    margin-top: -58px !important;
    padding: 25px 0 0 0;
    background: #fff;
	-webkit-box-shadow: 10px 10px 5px -7px rgba(219,212,219,0.65);
-moz-box-shadow: 10px 10px 5px -7px rgba(219,212,219,0.65);
box-shadow: 10px 10px 5px -7px rgba(219,212,219,0.65);
padding-bottom:25px;}

.resp-vtabs li.resp-tab-active{
	border-left: 8px solid #55acf8 !important;
	margin-right: 0px !important;}

.resp-vtabs .resp-tabs-container {
    width: 73% !important;
    float: right !important;
}

/*Niby*/

/*---------------jojo-----26-9-17---------*/

.news-banner{
	background:url(../images/news-bnr.png) no-repeat center top;
	background-size:cover;}

.news-sec{
	width:100%;
	float:left;
	padding:70px 35px 70px 35px;}

.news-image-right{
	position:relative;
	margin-bottom: 21px;
}

.news-image-right img{
	width:100%;}

.date-news{
	position:absolute;
	left:15px;
	bottom:0;
	background:#135ea9;
	padding:20px;}

.date-news h3{
	font-size:57px !important;
	color:#fff !important;
	text-align:center !important;
	font-weight:600 !important;}

.date-news h4{
	font-size:17px;
	color:#fff;
	text-align:center;
	font-weight:300;}

.news-content h3{
	font-size:39px;
	color:#135ea9;
	text-align: left;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom: 5px;
	margin-top:30px;}

.news-sec h6{
	font-size: 16px;
	color: #57616a;
	text-align: left;
	font-weight: 400;
	margin-bottom: 15px;}

.news-sec p{
	font-size: 15px;
	color: #57616a;
	text-align: left;
	font-weight: 400;
	margin-bottom: 15px;
	line-height:28px;}

.news-sec .read-more{
	background:#135ea9;
	color:#fff;
	padding:15px 40px;
	font-size:15px;
	font-weight:600;
	text-transform:uppercase;
	float:left;
	margin-top:10px;	
	}

.news-content{
	padding:0 50px 0 0;}

.pro-detail{
	background:url(../images/pro-dtl.jpg) no-repeat center top;
	background-size:cover;}
	
.project-detail-head{
	width:100%;
	float:left;
	background:#008ed2;
	padding:40px 50px;}


.project-detail-head h2{
	font-family: 'DubaiW 23 Regular' !important;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    font-size:45px;}

.project-detail-right {
    background: #fff;
    width: 100%;
    float: left;
    margin-top: -300px;
	padding:45px 65px;
	-webkit-box-shadow: -5px 0px 5px -3px #dedede;
    box-shadow: -4px 0px 3px -3px #dedede;
	min-height: 700px;}

.project-detail-content{
	padding:50px !important;
	}

.project-detail-content p{
	color:#46494c;
	font-size:15px;}

.project-detail-right ul li a{
	color:#2c2d2e;
	font-size:20px;
	line-height:46px;}
	
.pro-dtail-in{
	margin:25px 0 0 40px;}
	
.pro-dtail-in li{
	margin-bottom:15px;
	float: left;
	background:url(../images/arrow-pro-li.png) no-repeat left top;
	padding-left:20px;
	}
	
.news-img{
	float:right;}	
	
.news-img-div{
	position:relative;
	    float: right;}	
	
.news-img-div .date-news {
	left: 0 !important;
}
.news-img-div .date-news h3{
	margin:0 !important;
}

	
/*----------------jojo---6-10-17------*/	
	
.resp-tabs-project{
	float:right !important}	
	
.resp-tabs-project h4{
	font-family: 'DubaiW 23 Bold';
	font-size: 16px;
	color: #6a7279;
	text-transform: uppercase;
	margin: 0px 0 22px 20px;}	
	
	
.col-lg-6.col-md-6.col-sm-6.col-xs-12.gallery {
    margin-bottom:30px;
}	
	
.col-lg-6.col-md-6.col-sm-6.col-xs-12.gallery img{
	width:100%;}	
	
.project-gallery {
    margin-top: 39px;
    float: left;}	
.about-1 ul {
    padding-left: 28px;
}
.about-1 li {
    list-style-image: url(../images/arrow-pro-li.png);
    padding-bottom: 3px;
}
.about-1 li {
    margin-bottom: 10px !important;
    float: left;
    width: 100%;
}	
	
/*13-Dec*/	
	
/*.menu-lft .dropdown-toggle:hover{
	border-top: 4px solid #53627291;
}
*/	
	
	
	
	
	
	
	
	
	

/*-----------------MEDIA QUERY---------*/

@media (min-width :992px) and (max-width :1200px) {
	
.menu-lft {
    padding-left: 13px !important;}

.top-menu-in .navbar-nav > li > a {
    font-size: 12px;}

.grp-icon img{
	margin-left:0px;}



	}	

@media (min-width :768px) and (max-width :991px) {
	
header {
    margin-top: 0;}
	
.top-menu {
    padding-top: 15px;}

.logo img{
	margin-top:30px;}
	
.grp-icon img {
    float:right;
    width: 50%;}

.grp-icon ul {
    float:right;
    margin-top: 7px;}
	
.menu-rgt{
	background:#536272 !important;}	
	
.top-menu-in .navbar-nav > li > a {
	font-family: 'DubaiW 23 Regular';
    font-size: 11px;
    padding: 5px;
}


.menu-lft {
    padding-left: 15px;
    margin-top: 15px;}
	
.ser1 img, .ser2 img, .ser3 img, .ser4 img, .ser5 img, .ser6 img {
    padding-top: 50px;
}
	
.footer3, .footer4{
	margin-top:30px;}	
	
	
#container{
	padding:0;
	margin-top: 10px;}	
	
.service-details {
    padding: 0 20px;}	
	


#parentVerticalTab h2 {
    font-size: 15px;}	
	
.tab-in-ul {
    width: 100%;
    float: left;
    margin: 18px 0 0 0px;
}	
	
	
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30% !important;}

.resp-vtabs .resp-tabs-container {
    width: 70% !important;}	
	
.mrgin-btm{
	margin-bottom:10px;}	
	

	
	}	

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

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

@media screen and (max-width :768px){
	.resp-vtabs .resp-tabs-container {
    width: 100% !important;}}

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

.tabLike a {
	display: grid;
}
.top-menu-mob {
    padding: 0 15px;
	text-transform: uppercase;}


.top-menu-mob .navbar-toggle {
    position: absolute;
    right: 0;
    top:14px;
	border: none;
	padding: 6px 6px;
	border-radius: 0;
}
	
.top-menu-mob .navbar-default .navbar-toggle .icon-bar {
    background-color:#337ab7;}	
	
.top-menu-mob .navbar-default {
    background-color: transparent;
    border-color: transparent;
	margin-bottom: 0;
}
	
.top-menu-mob .navbar-nav {
    margin: 7.5px -15px;
}
	
header .nav > li > a:focus, header .nav > li > a:hover, header .nav > li > a:active{
	border:none;}
	
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color:#337ab7;
}
	
.navbar-default .navbar-nav > li > a {
   padding-left:10px;
   font-size:14px;
   font-weight:400;
   padding-top: 5px;
padding-bottom: 5px;
}
.navbar-header  
{
	margin-top: 10px;
    margin-bottom: 10px;
}
.banner-sec {
    margin-top:0px;}
   
header {
    margin-top: 0;}   

.navbar-brand img {
    width: 80%;
}
   
.carousel-caption h1 {
    font-size: 11px;
    font-weight:600;
}
   
   
 .carousel-caption {
   top: 27%;
/*   left: 1% !important;
*/   }
	
 .carousel-caption h2 {
    font-size: 12px;}

   
 .more-banner {
    font-weight: 400;
    padding: 3px 11px;
    font-size: 12px;
    margin-top: 10px;}
  
   
  .ser1 img, .ser2 img, .ser3 img, .ser4 img, .ser5 img, .ser6 img {
    padding-top: 60px;}
  
   
 .service-box h2{
	 font-size:23px;}  
   
 .ser-view-more a {
    padding: 7px 16px;}

.our-success-sec {
    padding: 20px 0 0 0;}

.our-success-sec h2, .clints-sec h2 {
    font-size: 23px;}
 
 .our-success-box h2 {
    font-size:15px !important;
    padding: 20px 0 10px 10px;
}

 .partners-box {
    width:100%;}
	
.partners-sec img{
	margin-bottom:10px;}

.clints-sec {
    padding: 30px 50px 30px 50px;
}
 
 
.partners-sec h2 {
    font-size: 20px;
	margin-bottom: 20px;} 
 
.partners-sec{
	padding: 30px 0;} 
 
 
footer {
    padding: 20px;}
 
.paddong-lft {
    padding-left: 0;
padding-top: 0;
}
 
footer h3{
	margin-bottom: 15px;
	margin-top: 25px} 
 
.socil {
    margin-top: 25px;}
	
.copy-right h6{
	float:left;
	margin-top:5px;}
   
 .copy-right {
    padding: 12px 20px;} 
   
 .cont-submit{
	 width:96%;}  
	 
.inner-banner-sec {
    margin-top: 0px;}	 
	 
.inner-banner-sec h2{
	font-size:20px;}	 
	 
.inner-banner-sec h3{
	font-size:15px;}	 
	 
	 
.about-bnr {
    padding:15px;}	
	
.inner-banner-sec h4 {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;}	

.inner-content-sec {
    padding: 15px;}	
	
	
.inner-content-sec h2, .industries-sec h2 {
    font-size: 25px;}	
.about-sec{
	padding-bottom:25px !important;
}
.about-sec p {
    padding-right: 0;
}	

.inner-content-sec p{
	line-height:20px;
	font-size:14px;}	
	
.about-image img {
    width: 100%;
    margin-top:0px;
	margin-bottom:10px;
}	
	
	
.mission {
    margin-top:0px;}	
	
.about-1{
	padding-bottom:20px;
	border-bottom:1px solid #999;
	padding: 0px 20px;
	}	
	 
.mission h2 {
    font-family: 'DubaiW 23 Regular' !important;
    text-align: left !important;
    color: #135ea9 !important;
    text-transform: uppercase !important;
    font-size:20px !important;
	margin:10px !important;
}	 
   
 .mission-bg, .vission {
    background: none !important;
    padding: 0;
}

.clints-sec {
    padding: 30px;} 
	
.industries-sec {
    padding:0 20px ;
}	
	
	
.indutry-in {
    margin-bottom: 15px;}
	
.indutry-in h4 {
    position: absolute;
    bottom: 45%;}
	
.service-details {
    padding: 0 10px;
}	
	
.resp-vtabs .resp-tabs-container {
    width: 100% !important;}	
	
#container{
	padding:0;
	margin-top: 10px;}	
	
#parentVerticalTab h2 {
    font-size: 15px;
}	
		
.tab-content-in p{
	margin-bottom: 10px;}
	
.tab-in-ul {
    margin: 0;
	padding-left: 20px;
	}	
	
.mrgin-btm img{
	margin: auto;
	margin-bottom:10px;}	
	
.mega-dropdown-menu {
    width: 100% !important;
    margin-left: 0 !important;	}
	
	
.carousel-control.right, .left.carousel-control{
	display:none;
}

/*NIby*/	
.overlay h2 {
    margin-top: 11%;
}
.service-box {
    height: 245px;
}
.hovereffect h3{
	margin-top: 23%;
}

/*.hovereffect .overlay{
    height: 100%;	
}
.hovereffect{
    height: 80%;	
}
.service-box h3 {
    margin-top: 15%;	
}
.overlay h2 {
    margin-top: 15%;	
}
*/
.partners-box {
    float: right !important;
}
.tab-content-in {
    padding-top: 22px;
}
.footer1{ width: 100% !important;}
}
@media (min-width :320px) and (max-width :480px) {}	
	
	
	
/*---------------------jojo--27-9-17--------------*/	
	

@media screen and (max-width :767px){
.project-detail-head{
		padding: 15px 5px;}
		
.project-detail-head h2{
	font-size: 20px;}		
		
.project-detail-content {
    padding: 3px 20px !important;}		
		
.project-detail-right {
    margin-top:0px;
    padding: 10px;
    box-shadow: none;}
	
.pro-dtail-in {
    margin: 25px 0 0 0px;}	
	
.project-detail-right ul li a {
    color: #2c2d2e;
    font-size: 16px;
    line-height: 30px;}	
	
.project-detail-right{
	min-height:50px;}
	
.inner-banner-sec {
    margin-top: 8px;}	


}	
	

@media (min-width :768px) and (max-width :991px) {

.project-detail-head {
    padding: 10px;}

.project-detail-head h2{
	font-size:25px;}

.project-detail-content {
    padding: 15px !important;}
	
.project-detail-right {
    margin-top: -110px;
    padding: 10px;
    min-height: 500px;}	
	
.project-detail-right ul li a {
    font-size: 15px;
    line-height: 33px;
}	
	
.clints-sec {
    padding: 30px;
}	
}
	
@media (min-width :992px) and (max-width :1200px) {
.top-menu-in .navbar-nav > li > a {
    padding: 18px 10px !important;
	padding-left: 7px !important;
    padding-right: 8px !important;
    font-size: 11px;
	}

.project-detail-head {
    padding: 30px;}

.project-detail-head h2 {
    font-size: 33px;}

.project-detail-content {
    padding: 23px !important;}
	
	
.project-detail-right {
    margin-top: -200px;
    padding: 20px;
    min-height: 500px;}	
	
.project-detail-right ul li a {
    font-size: 15px;
    line-height: 36px;}	
	
.clints-sec {
    padding: 30px;}	

}
@media (min-width :1201px) and (max-width :1300px) {
	.top-menu-in .navbar-nav > li > a {
    padding-right: 0px !important;
}
}