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

@font-face{  

font-family:LaoUI;
src:url(../fonts/LaoUI.ttf);
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*
font-family: 'Rokkitt', serif;
font-family: 'Lato', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Bevan', cursive;

font-family: 'FontAwesome';
*/

/*------------GOOGLE FONTs families  ---*/

.mainWrapper{ 

width: 100%;
margin:0px auto;
font-family: 'Rokkitt', sans-serif;
    font-size: 18px;
}
 body
 {

font-family: 'Rokkitt', sans-serif !important;
color:#222 !important;
    font-size: 18px !important;
font-weight:normal;
line-height:24px !important;
text-align:justify;
	background:#fff url(../Images/bodybg2.png) repeat 0 0;
 }


a:focus {
    outline: none !important;
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0px !important;
}

a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}

a:-webkit-any-link {
    color: inherit ;
    text-decoration: none !important;
    cursor: auto;
}

.whatsapp-wrapper {
    position: fixed;
    bottom: 80px;
    right: 40px;
    z-index: 999;
    height: 90px;
    width: 90px;
}
 #services, #products, #clients, #careers, #contact, #testimonials{ padding-top:100px;}
#about{
	padding-top:100px;
	background-position:0px !important;
}
#portfolio{
	padding-top:100px;
}
#location{ padding-top:100px;}

/*PORTFOLIO
==============*/
.portfolioContent{
	margin-bottom:50px;
}
.portfolioContent .example-image{
	margin:20px 0;
	border:1px solid #f1f1f1;
	padding:1px;
}

h1
{
	font-family: 'Rokkitt', sans-serif !important;
	font-size:36px !important; 
	font-weight:normal !important;
	padding-left:0px !important;
	margin-bottom:40px !important;
	padding-right:0px; 
	text-shadow:1px 1px 0px rgba(0,0,0,1);
    line-height:72px !important;
    margin-top:0px !important;
    text-align:left;
    position:relative;
    width:32%;
    overflow:hidden;
}



.clear-fix{ clear:both;}

.h1BG{

	
	width:100%;
	height:100%;

}

.h1BGw{

	width:100%;
	height:100%;

}

h2{

font-family: 'Rokkitt', serif !important;
font-size:24px !important;
font-weight:bold;
padding-bottom:10px;
text-shadow:2px 2px 2px rgba(0,0,0,0.5);
letter-spacing:1px;
}

a{    font-size: 18px;}

/*----Back to top code  ---*/

.utop{ 

font-family: 'FontAwesome';
color:#fff !important;
font-size:25px;
padding:0px;
background-color:rgba(0,0,0,0.7);
border-radius:2px;
text-align:center;
line-height:30px;
position:fixed;
bottom:0;
right:0;
z-index:10000;
width:30px;
display:none;

}


.utop:hover{ color:#067dce !important;}

/*--------Ends here ----*/

/*-------Flexcroll Code Starts here------------*/


.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase{
width:7px;
background-color: #ccc;
height:100px !important;
border-radius:1px;
/*box-shadow:0px 0px 5px #000 inset;*/
}
.vscrollerbar{
width: 7px;
background-color: #0482d7;
border-radius:1px;
/*box-shadow:0px 0px 5px #000 inset;*/
}


.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/*----ENDS here---*/

.wow {
   visibility: hidden;
}

/*-------------Top Navigation -----------*/

.navbar-brand>img {
    display: block;
    padding-top: 5px;
}

.topRightMenu{
	position:fixed;
	margin:0px auto;
	width:100%;
	left:85%;
	font-size:12px;
	margin-top:5px;
	z-index:10005 !important;
	color:#57a9e0;
}
.topRightMenu ul
{ 
	list-style:none; 
	margin:0px; 
	padding:0px;
}

.topRightMenu ul li
{ 
	list-style:none; 
	margin:0px; 
	padding:0px; 
	display:inline-block;
	padding:0px;
	color:#57a9e0;
	
}

.topRightMenu ul li a
{
	text-decoration:none; 
	color:#8acaf5;
	display:inline-block;  
	margin:0px; 
	padding:0px 10px;  
	text-transform:uppercase;
	font-size:14px;
} 
a.LocationIcon .fa{font-size:16px;}


a.LocationIcon,
a.testimonialsIcon,
a.blogIcon{ position:relative;}

a.LocationIcon:after,
a.testimonialsIcon:after,
a.blogIcon:after{ position:absolute;
display:block;
background-color:#000;
color:#fff;
padding:3px 5px;
border-radius:0px 0px 3px 3px;
opacity:0;
text-transform:none;
}

a.LocationIcon:after{content:"Location";left:-20px; top:0px;}

a.testimonialsIcon:after{content:"Testimonials";left:-5px; top:0px; min-width:52px;}

a.blogIcon:after{content:"Blog"; left:5px; top:0px;}

a.LocationIcon:hover:after, 
a.testimonialsIcon:hover:after,
a.blogIcon:hover:after{ top:20px; opacity:1;}





a.LocationIcon, 
a.testimonialsIcon,
a.blogIcon,
a.LocationIcon:hover,
a.LocationIcon:hover:after,
a.LocationIcon:after, 
a.testimonialsIcon:after,
a.testimonialsIcon:hover:after,
a.blogIcon:after,
a.blogIcon:hover:after
{

	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
}

.topRightMenu ul li a:hover
{
	text-decoration:none; 
	color:#eee;
	text-shadow:0px 0px 1px #000;
}


.navbar
{

	min-height:50px !important;
	margin-bottom:0px;
	border-bottom:1px solid #444343;
	
	z-index:10000 !important;
	
}

.navbar-fixed-top{top:30px !important; }

.navbar-brand
{
height:auto !important;
padding:0px !important;

}

.navbar-default {
    background-color:rgba(255,255,255, 1) !important;
    border-color: rgba(255,255,255, 1) !important;
    box-shadow:0px 0px 2px rgba(0,0,0,0.6);
}
.navbar-default .navbar-nav>li>a{ color:#01101a !important; 
	margin-left:40px; 
	padding:0px 0px !important; 
	line-height35px;
	height:35px;
font-family: 'Rokkitt', serif;
text-transform:uppercase;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover
{

	background-color:rgba(255,255,255, 0.0) !important;
	color:#067dce !important;

}

.navbar-nav{margin-top:0px !important;}

.navbar-default .navbar-nav>li>a:after,
.navbar-default .navbar-nav>.active>a:after
{
	
	content:"";
	display:block;
	bottom:0px;
	 width:0%;
     height:2px;
	
	opacity:0;
	position:absolute;
	left:50%;
	z-index:2;
	background-color:#000;

	transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
}

.navbar-default .navbar-nav>li>a:before,
.navbar-default .navbar-nav>.active>a:before
{
	
	content:"";
	display:block;
	bottom:0px;
	 width:0%;
     height:2px;
	
	opacity:0;
	position:absolute;
	left:50%;
	z-index:2;
	background-color:#5baee7;
	background-color:#000;

	transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
}

.navbar-default .navbar-nav>li>a:hover{ color:#067dce !important; }

.navbar-default .navbar-nav>li>a:hover:after,
.navbar-default .navbar-nav>.active>a:after,
.navbar-default .navbar-nav>.active>a:focus:after,
.navbar-default .navbar-nav>li>a:hover:before,
.navbar-default .navbar-nav>.active>a:before,
.navbar-default .navbar-nav>.active>a:focus:before
{width:50%;
	opacity:1;

	transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
}

.navbar-default .navbar-nav>li>a:hover:before,
.navbar-default .navbar-nav>.active>a:before,
.navbar-default .navbar-nav>.active>a:focus:before{left:0%;}



.IconMenu{margin-left:00px !important;
position: absolute;
    top: -42px;
    left: 93%;
     }

.IconMenu li{
	line-height: 54px;
    height: 50px;
    color:#81c5fe !important;

}

.IconMenu li a{
	margin:0 10px !important;
}

.IconMenu li a .fa{
	color:#81c5fe !important;
}

.IconMenu li a .fa:hover{
	color:#fe8481 !important;
}

/*--------------SIDE Navigation ------------------*/

.hidddenNav{ display:block;}

.sideNavigation{ 
	position:fixed !important; 
	top:35% !important; 
	left:98% !important;
	width:20px;
	height:auto;
	border-radius:3px !important;
	padding:5px 0px !important;
   background-color: rgba(255,255,255, 1) !important;
    border:1px solid rgba(0,0,0, 0.4) !important;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.8) !important;/* */
}

.sideNavigation .navbar-nav>li>a
{

	margin-left:4px !important;
	height:20px !important;
	font-size:12px !important;
	line-height:20px;
}

.sideNavigation .navbar-nav>li {
    float: none !important;
}


.sideNavigation .navbar-nav>li>a:after,
.sideNavigation .navbar-nav>.active>a:after
{	background-color:#fff !important;

	transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
}

.sideNavigation .navbar-nav>li>a:before,
.sideNavigation .navbar-nav>.active>a:before
{
	background-color:#fff !important;

	transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
}

.navbar-default .navbar-nav>li>a.Iconlocation:after,
.navbar-default .navbar-nav>.active>a.Iconlocation:after,
.navbar-default .navbar-nav>li>a.Icontestimonials:after,
.navbar-default .navbar-nav>.active>a.Icontestimonials:after,
.navbar-default .navbar-nav>li>a.Iconblog:after,
.navbar-default .navbar-nav>.active>a.Iconblog:after
{
	
	
	display:block;
	bottom:0px;
	
     height:30px;
	top:40px;
	opacity:0;
	position:absolute;
	
	z-index:2;
	background-color:#000;
	font-size:14px;
	padding-left:10px;
	line-height:32px;
	color:#fff;

	transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
}



.navbar-default .navbar-nav>li>a.Iconlocation:after,
.navbar-default .navbar-nav>.active>a.Iconlocation:after
{
	
	content:"Location";	
	 width:80px;    
	left:-60px;	
	height:20px;
	line-height:20px;
}

.navbar-default .navbar-nav>li>a.Icontestimonials:after,
.navbar-default .navbar-nav>.active>a.Icontestimonials:after
{
	
	content:"Testimonials";	
	 width:105px;    
	left:-20px;	
	height:20px;
	line-height:20px;
}
.navbar-default .navbar-nav>li>a.Iconblog:after,
.navbar-default .navbar-nav>.active>a.Iconblog:after
{
	content:"Blog";	
	 width:50px;    
	left:20px;	
	height:20px;
	line-height:20px;
}

.navbar-default .navbar-nav>li>a.Iconlocation:before,
.navbar-default .navbar-nav>.active>a.Iconlocation:before,
.navbar-default .navbar-nav>li>a.Icontestimonials:before,
.navbar-default .navbar-nav>.active>a.Icontestimonials:before,
.navbar-default .navbar-nav>li>a.Iconblog:before,
.navbar-default .navbar-nav>.active>a.Iconblog:before
{
	display:none;}
	


.navbar-default .navbar-nav>li>a.Iconlocation:hover:after,
.navbar-default .navbar-nav>.active>a.Iconlocation:after,

.navbar-default .navbar-nav>li>a.Iconlocation:hover:before,
.navbar-default .navbar-nav>.active>a.Iconlocation:before,

.navbar-default .navbar-nav>li>a.Icontestimonials:hover:after,
.navbar-default .navbar-nav>.active>a.Icontestimonials:after,

.navbar-default .navbar-nav>li>a.Icontestimonials:hover:before,
.navbar-default .navbar-nav>.active>a.Icontestimonials:before,

.navbar-default .navbar-nav>li>a.Iconblog:hover:after,
.navbar-default .navbar-nav>.active>a.Iconblog:after,

.navbar-default .navbar-nav>li>a.Iconblog:hover:before,
.navbar-default .navbar-nav>.active>a.Iconblog:before

{
	opacity:1;	
	

	transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
}

.navbar-default .navbar-nav>.active>a.Iconlocation:focus:after,
.navbar-default .navbar-nav>.active>a.Iconlocation:focus:before,
.navbar-default .navbar-nav>.active>a.Icontestimonials:focus:after,
.navbar-default .navbar-nav>.active>a.Icontestimonials:focus:before,
.navbar-default .navbar-nav>.active>a.Iconblog:focus:after,
.navbar-default .navbar-nav>.active>a.Iconblog:focus:before
{ opacity:0;}

/*---- Top slider---*/

.topBGslider{}


.carousel-control.left{position: absolute;    left: -5%;}

.carousel-control.right{position: absolute;    right: -5%;}

.glyphicon{ color:#44a4e9 !important; font-size:42px !important;}


.container-fluid{ padding:0px !important;}

.glyphicon{ color:#fff ;}

.carousel-control{ opacity:0.1;	  }

.carousel-inner h2{ 
	font-size:42px !important;
	font-family: 'Bevan', cursive !important; 
	color:#fff !important;
	margin:0px !important;
}

.carousel-inner h3{ 
	font-size:32px !important ;
   font-family: 'Rokkitt', serif !important; 
	color:#f9da86 !important; 
	
	margin:0px !important;
}

.carousel-caption{
top:40% !important;
left:10% !important;
text-align:left !important;


animation:mycaption 1s ease-in-out;
-webkit-animation:mycaption 1s ease-in-out;
-moz-animation:mycaption 1s ease-in-out;
-o-animation:mycaption 1s ease-in-out;
-ms-animation:mycaption 1s ease-in-out;
}

@keyframes mycaption
{

	0%{left:-50%;opacity:0;}
	100%{left:10%;opacity:1;}
}

@-webkit-keyframes mycaption
{

	0%{top:-40%;}
	100%{top:40%;}
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #8acaf5 !important;
}

.navbar-toggle{ background-color:rgba(255, 255, 255, 0.0) !important;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #000 !important;
}
.navbar-default .navbar-toggle {
    border-color: #8acaf5 !important;
}

.carousel-indicators{ display:none;}



 .carousel-control.left img, .carousel-control.right img{ position:absolute; top:45%;}

/*---Welcome block  -------*/


.WelcomeBG{


	/*width:100%;
	
	background:#fff url(../Images/WelcomeBGwt.jpg) repeat 0 0;
	box-shadow:0px 5px 5px rgba(0,0,0,0.5);*/
	
	
	overflow:hidden;


}

.manBG{background: url(../Images/welcomeman.png)no-repeat right 0 scroll;
	width:100%;
	height:100%;
	
}

.new_image{ margin:40px 0; }

.WelcomeContent{position:relative; padding-bottom:30px;}


.WelcomeContent h1{color:#000;  text-align:left; width:100%; margin-bottom:40px !important;}

.WelcomeContent h1 span{/*color:#067dce;*/ }

.Welcome_R_img{

	padding-left:100px;
}

.WelcomeBG p{color:#333; width:100%; font-size:20px; line-height:30px; text-align:center; }

.welcome_Top
{ 
	/*margin-bottom:0px; 
	padding:10px 0px 0px; 
	background-color:rgba(255, 255, 255, 0.3); 
	border:0px solid #eee;
	min-height:300px;*/
position:relative;

}

a.moveDownBTN{ 
		/*content: "\f063";  
         content: "\f078";*/
   position:absolute;
	font-size:20px;
   font-family: 'FontAwesome';
	border-radius:50%;
	border:1px solid #0683da;
	text-align:center;
	line-height:40px;
	height:40px;
	width:40px;
	left:50%;
	top:94%;
	color:#0683da;
	display:block;
	background:#fff;
	font-weight:normal;
	}

	a.moveDownBTN:hover{ background:#0683da;color:#fff;border:1px solid #0683da;font-weight:normal;}


.welcome_Btm h2
{

	font-size:20px !important;
	text-shadow:none !important;
	 text-align:center;
	 font-weight:normal;
	 color:#fff;

} 

.welcome_Btm p{ text-align:center;font-size:16px; line-height:16px; color:#c4e3fb;}

.visionLink{ 
	padding:10px; 
	cursor:pointer; 	
	margin-top:10px;
	border-radius:2px;
	font-size:18px;
	text-decoration:none;
	display:inline-block;
	position:absolute;
	bottom:30px;
	left:88px;
	color:#fff;
	background:#1499f6; 
	border:1px solid #1499f6;
	z-index:1;
	cursor:pointer;
}

a.visionLink:after{ 

	text-decoration:none;
	width:100%;
	color:#1499f6;
	background:rgba(0,0,0,1); 
	border:1px solid #175f92;
	height:0px;
	display:block;
	content:"";
	position:absolute;
	top:0px; left:0px;
	z-index:-1;
	opacity:0;
}
.visionLink:last-child{
	margin-left:8px;
}
.visionLink:nth-child(3){
	margin-left:8px;
}
a.visionLink:hover:after{ height:100%; opacity:1;}

a.visionLink:after,
a.visionLink:hover:after,
a.visionLink,
a.visionLink:hover
{ 
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
}

a.visionLink:hover{ color:#46b3ff;}

.welcome_Btm{

/* background:#000 url(../Images/visionnewBG.jpg) repeat-x top center fixed;
padding:210px 0px 110px; */
text-align:center;
margin:0px auto 0px;
/* background-size:cover; */
position:relative;

}


.aboutSideImg{ border:12px solid #fff;
box-shadow:1px 2px 1px #ccc, -1px -1px 1px #ccc;}


.welcomeborder{ height:1px; width:100%; border-bottom:1px dotted #888; text-align:center; margin:60px auto 0px;}

.aboutContent_left,
.aboutContent_right{
	float:left;
/* margin-top:20px;
margin-bottom:60px; */
}

.aboutContent_left{ 
width:100%;
margin-right:5%;
padding-right:5%;
}

.aboutContent_right{width:44%;}



/*----Vission NEW Section  ----*/

#vision-box h5,
#quality-box h5,
#strength-box h5,
#strategy-box h5
{ 
	text-align:left; 
	border-bottom:1px dotted; 
	margin-bottom:10px; 
	font-size:20px; 
	color:#337ab7;
}

.visionDIV{ 
text-align:center;
background:rgba(0,05,15,0.8);
border-right:1px solid #264460;
height:300px;
}
.visionDIV:last-child{
	border:none !important;
}

a.IconDiv, a.IconDiv2, a.IconDiv3, a.IconDiv4{ 
width:70px;
height:85px;
overflow:hidden;
position:relative;
left:35%;
display:block;
cursor:pointer;

}



a.IconDiv{  

background: url(../Images/vision.png) no-repeat center -86px scroll;

}

.visionDIV:hover a.IconDiv{  

background: url(../Images/vision.png) no-repeat center 0px scroll;

}

a.IconDiv2{  

background: url(../Images/Strategy.png) no-repeat center -86px scroll;

}

.visionDIV:hover a.IconDiv2{  

background: url(../Images/Strategy.png) no-repeat center 0px scroll;

}

a.IconDiv3{  

background: url(../Images/strength.png) no-repeat center -86px scroll;

}

.visionDIV:hover a.IconDiv3{  

background: url(../Images/strength.png) no-repeat center 0px scroll;

}


a.IconDiv4{  

background: url(../Images/quality.png) no-repeat center -86px scroll;

}

.visionDIV:hover a.IconDiv4{  

background: url(../Images/quality.png) no-repeat center 0px scroll;

}

.boxes{
	width:48%;
	height:270px;
	background:rgba(256,256,256, 1);
	color:#333;
	padding:10px;
	box-sizing:border-box;
	position: absolute;
	top: 15px;
	z-index: 9;
	display:none;
}
.boxes .boxes-text{
	color:#333;
	text-align:justify;
	font-size:18px;
	line-height:20px;
}
.box-close{
	cursor:pointer;
	position:absolute;
	right: 10px;
	bottom: 2px;
}
#strategy-box{
	width:48%;
	height:270px;
	background:rgba(256,256,256, 1);
	color:#333;
	padding:10px;
	box-sizing:border-box;
	position: absolute;
	top: 15px;
	z-index: 9;
	left:15px;
	display:none;
}
#strategy-box .boxes-text{
	color:#333;
	text-align:justify;
	font-size:18px;
	line-height:20px;
}
#strategy-box #box2-close{
	cursor:pointer;
	position:absolute;
	right: 10px;
	bottom: 2px;
}
#strength-box{
	width:48%;
	height:270px;
	background:rgba(256,256,256, 1);
	color:#333;
	padding:10px;
	box-sizing:border-box;
	position: absolute;
	top: 15px;
	z-index: 9;
	left:601px;
	display:none;
}
#strength-box .boxes-text{
	color:#333;
	text-align:justify;
	font-size:18px;
	line-height:20px;
}
#strength-box #box3-close{
	cursor:pointer;
	position:absolute;
	right: 10px;
	bottom: 2px;
}
#quality-box{
	width:48%;
	height:270px;
	background:rgba(256,256,256, 1);
	color:#333;
	padding:10px;
	box-sizing:border-box;
	position: absolute;
	top: 15px;
	z-index: 9;
	left:601px;
	display:none;
}
#quality-box .boxes-text{
	color:#333;
	text-align:justify;
	font-size:18px;
	line-height:20px;
}
#quality-box #box4-close{
	cursor:pointer;
	position:absolute;
	right: 10px;
	bottom: 2px;
}



a.IconDiv, 
a.IconDiv2,
a.IconDiv3,
a.IconDiv4,
.visionDIV:hover,
.visionDIV:hover a.IconDiv3,
.visionDIV:hover a.IconDiv4
{

	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
}




/*----Vission Section  ----*/


.visionSection{
	
	color:#c4e6fd;	
    width:35% !important;
    float:right !important;
   padding:0px !important;
   margin-top:-100px;

}

.visioninr{ border:0px solid #fff;
	margin-bottom:25px;
	 min-height:335px;

	 /*--Flipper---*/

	}

.careerSection .visioninr, 
.careerSection .front_page,
.careerSection .back_page{ height: 250px;min-height:250px;	}


/*Careers page circles styles
======================================*/
.circles{
	margin-left:150px;
	text-align:center;
	position:relative;
	display:block;
	margin-top:15px;
}
.circles h3{
	font-family: 'Rokkitt', sans-serif;
	font-size:18px;
	color:#333;
	text-shadow:0 1px 0 rgba(0,0,0,0.3);
	line-height:92px;
}
.circles .circle1{
	width:100px;
	height:100px;
	background:#fd9fc3;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	position:absolute;
	left:2500px;
	border:5px solid #fd7faf;
	transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	-webkit-transition:all 0.2s linear 0s;
	-ms-transition:all 0.2s linear 0s;
	-o-transition:all 0.2s linear 0s;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.7) inset;
	cursor:pointer;
}
.circles .circle1:hover{
	transform:scale(1.2);
	z-index:99;
	color:#333;
	box-shadow:0 0 5px rgba(0,0,0,0.7);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.7);
	-ms-box-shadow:0 0 5px rgba(0,0,0,0.7);
cursor:pointer;
	border:5px solid #fd9fc3;
}
.circles .circle2{
	width:100px;
	height:100px;
	background:#2cbb8f;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	position:absolute;
	left:225px;
	border:5px solid #23a07a;
	transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	-webkit-transition:all 0.2s linear 0s;
	-ms-transition:all 0.2s linear 0s;
	-o-transition:all 0.2s linear 0s;
cursor:pointer;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.7) inset;
}
.circles .circle2:hover{
	transform:scale(1.2);
	z-index:99;
	color:#333;
	box-shadow:0 0 5px rgba(0,0,0,0.7);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.7);
	-ms-box-shadow:0 0 5px rgba(0,0,0,0.7);
cursor:pointer;
	border:5px solid #2cbb8f;
}
.circles .circle3{
	width:100px;
	height:100px;
	background:#f9e7a9;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	position:absolute;
	left:300px;
	border:5px solid #ebd071;
	transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	-webkit-transition:all 0.2s linear 0s;
	-ms-transition:all 0.2s linear 0s;
	-o-transition:all 0.2s linear 0s;
cursor:pointer;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.7) inset;
}

.circles .circle3:hover{
	transform:scale(1.2);
	z-index:99;
	color:#333;
	box-shadow:0 0 5px rgba(0,0,0,0.7);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.7);
	-ms-box-shadow:0 0 5px rgba(0,0,0,0.7);
cursor:pointer;
	border:5px solid #f9e7a9;

}
.circles .circle4{
	width:100px;
	height:100px;
	background:#fc6668;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	position:absolute;
	left:375px;
	border:5px solid #e14f51;
	transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	-webkit-transition:all 0.2s linear 0s;
	-ms-transition:all 0.2s linear 0s;
	-o-transition:all 0.2s linear 0s;
cursor:pointer;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.7) inset;
}

.circles .circle4:hover{
	transform:scale(1.2);
	z-index:99;
	color:#000;
	box-shadow:0 0 5px rgba(0,0,0,0.7);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.7);
	-ms-box-shadow:0 0 5px rgba(0,0,0,0.7);
cursor:pointer;
	border:5px solid #fc6668;
}
.circles .circle5{
	width:100px;
	height:100px;
	background:#7dfafb ;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	position:absolute;
	left:450px;
	border:5px solid #52d3d5;
	transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	-webkit-transition:all 0.2s linear 0s;
	-ms-transition:all 0.2s linear 0s;
	-o-transition:all 0.2s linear 0s;
cursor:pointer;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.7) inset;
}
.circles .circle5:hover{
	transform:scale(1.2);
	z-index:99;
	color:#000;
	box-shadow:0 0 5px rgba(0,0,0,0.7);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.7);
	-ms-box-shadow:0 0 5px rgba(0,0,0,0.7);
cursor:pointer;
	border:5px solid #7dfafb;
}
/*Careers page circles styles End
======================================*/




.vision_Cont {
 position: relative;
   overflow:hidden;
}

.front_page, .back_page {
   
   overflow:hidden;
	border:1px solid rgba(0,0,0,0.5);
	background:#fff;
color:#666;

 width: 100%;
    height: 335px;	
	padding:10px;
	text-align:justify;
}


.front_page {
	cursor:pointer;
   
   
     -webkit-transition: all 0.8s ease-in-out 0.7s;
   -moz-transition: all 0.8s ease-in-out 0.7s;
   -o-transition: all 0.8s ease-in-out 0.7s;
   -ms-transition: all 0.8s ease-in-out 0.7s;
   transition: all 0.8s ease-in-out 0.7s;
 
}
.back_page {
 
 position: absolute;
     
   -webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
   -o-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.8s ease-in-out 0.5s;
   -moz-transition: all 0.8s ease-in-out 0.5s;
   -o-transition: all 0.8s ease-in-out 0.5s;
   -ms-transition: all 0.8s ease-in-out 0.5s;
   transition: all 0.8s ease-in-out 0.5s;
top:0px;
left:0px;
}


.vision_Cont, .front_page, .back_page {
  /*  width: 99%;
    min-height: 283px;	
	padding:10px;
	text-align:justify;*/
	
}


.vision_Cont:hover .back_page{
  -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
	
}

.vision_Cont:hover .front_page{
  -webkit-transform: translateX(100%);
   -moz-transform: translateX(100%);
   -o-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
	
}


.front_page h2{
 color:#000; 
 border-bottom:1px solid rgba(0,0,0,0.0);
 text-align:center !important; 
 margin:10px 0px 20px;
text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}

.front_page p{text-align:center !important; width: 100%;  
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;}

.front_page a{
 color:rgba(0,0,0,0.6);
  border:1px solid rgba(0,0,0,0.2); 
  padding:10px 20px;
  display:inline-block;
  text-decoration:none !important;

}

.front_page:hover a{ 
	color:#fff; 
	border:1px solid rgba(0,0,0,0.2); 
	background:rgba(0,0,0,0.2); 
	text-decoration:none !important;
	 }

.visionIMG { margin:20px 0px 40px;}

.back_page h2
{
	color:#067dce;
	 margin:0px; 
	 text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	 text-align:center;
	 border-bottom:1px dotted rgba(0,0,0,0.4);
	}

.back_page p {
    color: #000;
    line-height:24px; 
    margin: 0px !important;
    width: 100%;
    padding: 10px;
    text-align:justify;
    font-size:12px;
    line-height:16px;
}


.red_BG{background:rgba(216, 94, 93, 1) !important;}

.green_BG{background:rgba(53, 175, 124, 1) !important;}

.yello_BG{background:rgba(205, 159, 48, 1) !important;}

.blue_BG{background:rgba(12, 193, 212, 1) !important;}

.career_BG{ background-color:#addaf9 !important;}

.career_BG h2{	 margin-bottom:5px !important; }

.careerIMG {    margin-bottom: 0px;}

.career_BG a{
 color:#067dce !important;
  border:1px solid #5eb5f0; 
  padding:5px 20px;
  display:inline-block;
  text-decoration:none !important;

}

.career_BG:hover a{
 color:#fff !important;
  border:1px solid #5eb5f0; 
  padding:5px 20px;
  display:inline-block;
  text-decoration:none !important;
background-color:#5eb5f0 !important;
}

.aboutPopup p{ text-align:justify; font-size:18px; line-height:24px; color:#000;  width:100%;}

.aboutPopup h4{ font-size:24px; color:#3496d8; text-align:left;}

.aboutPopup .modal-footer button {
    background-color: #3496d8;
    border-color: #fff;
    color: #fff;
}

.close{ color:#ff0000 !important; font-size:30px !important;}

.close:hover{ color:#3496d8 !important;}

.aboutPopup .modal-footer button:hover {
    background-color: #cd4a4f;
    border-color: #cd4a4f;
    color: #fff;
}

/*--------------Flip Styles  ends here--------------*/





/*------Services section  ------*/

.servicesSection .col-md-6 {
    width: 45%;
}


.servicesBg{  }


.servicesSection{width:100%;min-height:720px;
background:url(../Images/ServicesPageBG.jpg.jpeg) repeat top left fixed;
}

.servicesSection{padding-bottom:100px;}

.servicesSection h1{	color:#000; width:100% !important; text-align:left; margin-bottom:20px !important;}

.locationSection h1 {	color:#000; width:100% !important; text-align:left; margin-bottom:20px !important;}

.servicesSection h1 small,
.WelcomeContent h1 small,
.clientSection h1 small,
.portfolioSection h1 small,
.testimonialsSection h1 small,
.locationSection h1 small


{	color:#333; 
	font-size:16px;
	margin-left:40px; 
	border-left:1px solid #57a9e0; 
	padding-left:40px; 
	line-height:18px !important; 
	text-align:left;
	text-shadow:none;
	font-family: 'Rokkitt', serif !important;
	position:absolute;
	top:30%;
	display:inline-block;
}
.portfolioSection h1 small{
	color:#ccc; 
	font-size:16px;
	margin-left:40px; 
	border-left:1px solid #fff; 
	padding-left:40px; 
	line-height:18px !important; 
	text-align:left;
	text-shadow:none;
	font-family: 'Rokkitt', serif !important;
	position:absolute;
	top:38%;
	display:inline-block;
	width:100% !important;
}
.portfolioSection h1{
	width:100% !important;
	color:#fff;
}
.servicesSection h1:before{	background-color:#ccc !important; }

.ServicesBlockl, .ServicesBlockr
{
line-height:18px;
background-color:rgba(255,255,255,0.85);
border:2px solid #fff;
color:#666;
font-size:12px;
box-shadow:0px 0px 3px rgba(0,0,0,0.3);
height:120px;

}


.ServicesBlockl
{
margin:10px 100px 20px 0px;


}

.ServicesBlockr
{
margin:10px 0px 20px 0px;


}

.ServicesBlockl h3, .ServicesBlockr h3
{

	font:bold 14px LaoUI;
	margin-bottom:15px;
	color:#000 !important;
}

.ServicesBlockl p, .ServicesBlockr p{margin-bottom:15px;}



.ServicesBlockl a, 
.ServicesBlockl button, 
.ServicesBlockr a, 
.ServicesBlockr button
{ color:#1188d3 !important; 
	font-size:12px; 
	font-style:italic; 
	float:right;
	background-color:rgba(255,255,255,0.0);
	border:1px solid rgba(255,255,255,0.0);
}

.ServicesBlockl a:hover, 
.ServicesBlockr a:hover, 
.ServicesBlockl button:hover, 
.ServicesBlockr button:hover,
.ServicesBlockr button:focus,
.ServicesBlockr a:focus,
.ServicesBlockl button:focus,
.ServicesBlockl a:focus
{ color:#000 !important; 
	text-decoration:none !important;
	 }


.ServicesBlock_Content{float:left; margin:0 20px 0 50px; }

.ServicesBlock_Icon{
text-align:center;
 
padding:20px ; 
position:absolute;

top:11%;
left:-10%;
 border:1px solid #fff;
background:#fff;
border-radius:100%;
box-shadow:2px 0px 3px #aaa;
cursor:pointer;

box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;


}

.ServicesBlock_Icon:hover {background:#000; border:1px solid #000;box-shadow:2px 0px 3px #666 inset;}

.ServicesBlock_Icon img, .ServicesBlock_Icon:hover img{ overflow:hidden;

transition:all 0.5s ease; 
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;

transform:scale(1) rotate(0deg);
	-webkit-transform:scale(1) rotate(0deg);
	-moz-transform:scale(1) rotate(0deg);
	-o-transform:scale(1) rotate(0deg);
	-ms-transform:scale(1) rotate(0deg);
}

.ServicesBlock_Icon img{ 
transform:scale(1) rotate(0deg);
	-webkit-transform:scale(1) rotate(0deg);
	-moz-transform:scale(1) rotate(0deg);
	-o-transform:scale(1) rotate(0deg);
	-ms-transform:scale(1) rotate(0deg);
}

.ServicesBlock_Icon:hover img{ 
	transform:scale(0.9) rotate(-25deg);
	-webkit-transform:scale(0.9) rotate(-25deg);
	-moz-transform:scale(0.9) rotate(-25deg);
	-o-transform:scale(0.9) rotate(-25deg);
	-ms-transform:scale(0.9) rotate(-25deg);


}

.services_content{
	width:100%;
	float:left;
}



.tab-pane h6{ font-size:24px;}

#app_S h3{ color:#e2772f;}

#mbl_S h3{ color:#e2aa4a;}

#mng_S h3{ color:#86ad60;}

#clt_S h3{ color:#d45c5c;}

#cld_S h3{ color:#5292d3;}

#som_S h3{ color:#8343d2;}







/*--New code --*/

.no_pixel{

	margin-top:150px;
	background:transparent url(../Images/no_pixel.png) repeat top left;
	width:365px;
	height:200px;
	overflow:hidden;
}

.list_Services{}

.S_TopBanner{ background:url(../Images/servisesBGtop.png) no-repeat top center ;
width:100%;
height:300px;

}

.S_mainTxt{ color:#ccc; margin:10px auto 40px; width:100%;  text-align:center;}

.servicesNewImg{ margin-top:30px;
width:100%;
text-align:center;
}

.servicesNewImg img{ width:100%;text-align:center;}

.list_Services ul{ list-style:none; padding:0px; margin:0px auto 0px; width:100%;}

.list_Services ul li { 
	display: inline-block;
    padding: 10px 0px;
    margin: 10px;
    width: 169px;
    height: 120px;
	border: 0px solid #aaa;
    border-radius:5px;
    background:rgba(255, 255, 255, 0);
   box-shadow:0px 0px 0px #aaa;

}

/*.leftborder_Stabs{   border-left:1px dotted #888;}*/

.list_Services ul li a{	
	width:176px;
	height:185px;
	color:#fff;
	font-weight:bold;
	position:relative;
	float:left;
	text-align:center;
z-index: 1;

}

.list_Services .nav-tabs>li>a{border-radius:none !important; border:none !important;}

.list_Services ul li a:hover{text-decoration:none !important;}	

.list_Services ul li a.app_S{width:300px;height:108px;padding-top:70px; 
	background:url(../Images/servisesBGapp.png) no-repeat 0px -86px;color:#333 !important; }

.list_Services ul li a.mng_S{width:300px;height:65px;padding-top:70px; 
	background:url(../Images/servisesBGmng.png) no-repeat 0px -86px; color:#333 !important;}

.list_Services ul li a.cld_S{width:300px;height:65px;padding-top:70px;
	background:url(../Images/servisesBGcld.png) no-repeat 0px -86px;color:#333 !important;}

.list_Services ul li a.mbl_S{width:300px;height:65px;padding-top:70px;
	background:url(../Images/servisesBGmbl.png) no-repeat 0px -86px;color:#333 !important;}

.list_Services ul li a.clt_S{width:300px;height:65px;padding-top:70px;
	background:url(../Images/servisesBGclt.png) no-repeat 0px -86px;color:#333 !important;}

.list_Services ul li a.som_S{width:300px;height:65px;padding-top:70px;
	background:url(../Images/servisesBGsom.png) no-repeat 0px -86px;color:#333 !important;}


.list_Services ul li a, 
.list_Services ul li a:hover,

{

transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;

}
.servicesSection .nav-tabs {    border-bottom: 0px solid #fff;}

.servicesSection .nav-tabs>li.active>a, 
.servicesSection .nav-tabs>li.active>a:focus, 
.servicesSection .nav-tabs>li.active>a:hover
{border: 0px solid #fff !important;
 color:#000 !important;
 
}

.servicesSection .nav-tabs>li>a:hover{ 
	border: 0px solid #fff !important;
 color:#000 !important;

}

.servicesSection .nav-tabs>li>a.app_S:hover,
.servicesSection .nav-tabs>li.active>a.app_S, 
.servicesSection .nav-tabs>li.active>a.app_S:focus, 
.servicesSection .nav-tabs>li.active>a.app_S:hover
{
	background:url(../Images/servisesBGapp.png) no-repeat 0px 0px !important;
	color:#da712b !important;
	height:65px;
}

.servicesSection .nav-tabs>li>a.mng_S:hover,
.servicesSection .nav-tabs>li.active>a.mng_S, 
.servicesSection .nav-tabs>li.active>a.mng_S:focus, 
.servicesSection .nav-tabs>li.active>a.mng_S:hover
{
	background:url(../Images/servisesBGmng.png) no-repeat 0px 0px !important;
	color:#86ad60 !important;
}

.servicesSection .nav-tabs>li>a.cld_S:hover,
.servicesSection .nav-tabs>li.active>a.cld_S, 
.servicesSection .nav-tabs>li.active>a.cld_S:focus, 
.servicesSection .nav-tabs>li.active>a.cld_S:hover
{
	background:url(../Images/servisesBGcld.png) no-repeat 0px 0px !important;
	color:#0482d7 !important;
}


.servicesSection .nav-tabs>li>a.mbl_S:hover,
.servicesSection .nav-tabs>li.active>a.mbl_S, 
.servicesSection .nav-tabs>li.active>a.mbl_S:focus, 
.servicesSection .nav-tabs>li.active>a.mbl_S:hover
{
	background:url(../Images/servisesBGmbl.png) no-repeat 0px 0px !important;
	color:#e0ae27 !important;
}



.servicesSection .nav-tabs>li>a.clt_S:hover,
.servicesSection .nav-tabs>li.active>a.clt_S, 
.servicesSection .nav-tabs>li.active>a.clt_S:focus, 
.servicesSection .nav-tabs>li.active>a.clt_S:hover
{
	background:url(../Images/servisesBGclt.png) no-repeat 0px 0px !important;
	color:#c44343 !important;
}



.servicesSection .nav-tabs>li>a.som_S:hover,
.servicesSection .nav-tabs>li.active>a.som_S, 
.servicesSection .nav-tabs>li.active>a.som_S:focus, 
.servicesSection .nav-tabs>li.active>a.som_S:hover
{
	background:url(../Images/servisesBGsom.png) no-repeat 0px 0px !important;
	color:#8343d2 !important;
}


.servicesSection .nav-tabs>li>a.app_S:hover,
.servicesSection .nav-tabs>li.active>a.app_S, 
.servicesSection .nav-tabs>li.active>a.app_S:focus, 
.servicesSection .nav-tabs>li.active>a.app_S:hover,
.list_Services ul li a.app_S,

.servicesSection .nav-tabs>li>a.mng_S:hover,
.servicesSection .nav-tabs>li.active>a.mng_S, 
.servicesSection .nav-tabs>li.active>a.mng_S:focus, 
.servicesSection .nav-tabs>li.active>a.mng_S:hover,
.list_Services ul li a.mng_S,

.servicesSection .nav-tabs>li>a.cld_S:hover,
.servicesSection .nav-tabs>li.active>a.cld_S, 
.servicesSection .nav-tabs>li.active>a.cld_S:focus, 
.servicesSection .nav-tabs>li.active>a.cld_S:hover,
.list_Services ul li a.cld_S,

.servicesSection .nav-tabs>li>a.mbl_S:hover,
.servicesSection .nav-tabs>li.active>a.mbl_S, 
.servicesSection .nav-tabs>li.active>a.mbl_S:focus, 
.servicesSection .nav-tabs>li.active>a.mbl_S:hover,
.list_Services ul li a.mbl_S,

.servicesSection .nav-tabs>li>a.clt_S:hover,
.servicesSection .nav-tabs>li.active>a.clt_S, 
.servicesSection .nav-tabs>li.active>a.clt_S:focus, 
.servicesSection .nav-tabs>li.active>a.clt_S:hover,
.list_Services ul li a.clt_S,

.servicesSection .nav-tabs>li>a.som_S:hover,
.servicesSection .nav-tabs>li.active>a.som_S, 
.servicesSection .nav-tabs>li.active>a.som_S:focus, 
.servicesSection .nav-tabs>li.active>a.som_S:hover,
.list_Services ul li a.som_S
{
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;

}


.servicesSection .tab-content>.tab-pane {
    
    margin: 20px 0px;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #888;
    /*box-shadow: 0px 0px 3px #888;*/
    position:relative;
}

#app_S{box-shadow: 0px 0px 3px #888;}

.tab-pane ul{ width:100%;}

.tab-pane ul li{ 
	width: 50%;
    float: left;
    height: auto;
    padding: 5px 0px;
    margin: 0px;
    border: none;
    text-align: left;
      box-shadow:none !important;
	}

.tabINRcontent{ width:100%;}

.arrowUp1, .arrowUp2, .arrowUp3, .arrowUp4, .arrowUp5, .arrowUp6
{
	position: absolute;
    font-size: 50px;
   
}

.list_Services .arrowUp1 {
    top: -35px;
    left: 7%; 
    color: #da712b;
}

#app_S{
	border: 1px solid #da712b !important;
	float: left;
}


.list_Services .arrowUp2 {
    top: -35px;
    left: 24%; 
    color: #86ad60;
}

#mng_S{
	border: 1px solid #86ad60 !important;
	float: left;
	}


.list_Services .arrowUp3 {
    top: -35px;
    left: 41%; 
    color: #0482d7;
}

#cld_S{
	border: 1px solid #0482d7 !important;
	float: left;
	}


.list_Services .arrowUp4 {
    top: -35px;
    left: 57%; 
    color: #e0ae27;
}

#mbl_S{
	border: 1px solid #e0ae27 !important;
	float: left;
	}


.list_Services .arrowUp5 {
    top: -35px;
    left: 74%; 
    color: #c44343;
}

#clt_S{
	border: 1px solid #c44343 !important;
	float: left;
}


.list_Services .arrowUp6 {
    top: -35px;
    left: 91%; 
    color: #8343d2;
}

#som_S{
	border: 1px solid #8343d2 !important;
	float: left;
	}


/*-------Products Section-----*/


.productsBG{

/*background:#fff url(../Images/productsBG.jpg) no-repeat center 0 fixed;*/
position:relative;
width:100%;
min-height:900px;
box-shadow:0px 0px 10px rgba(0,0,0,0.9);

}
/*.Products_New{ width:40% !important;}*/


.productSection p
{
	/*background-color:rgba(255, 255, 255, 0.6);
	border:1px solid #fff;
	box-shadow:0px 0px 7px rgba(0,0,0,0.3);
	padding:0px 30px 20px !important;margin-top:20px;*/
	color:#ccc;
	font-size:18px;
}

#about h1{
	color:#fff;
}
#about h1 small{
	color:#fff;
}.aboutContent_left{
	color:#fff;
}
.productSection h1{ 
	color:#fff;
	margin-bottom:40px !important;
	 width:100% !important; 
	text-align: left;
    position: relative;
    
	}
.show-more{
	cursor:pointer;
	display:inline-block;
	color:#337ab7;
	font-size:14px;
font-family: 'Rokkitt', serif;
text-transform:uppercase;
}

.show-more:hover{color:#cd4a4f;}

.showMore_btn{
	display:inline-block;
}

.product_Cont
{
 width:100%;
}

.product_Cont p
{
color:#000;
}


.productsIn{
margin:0px 0 10px;
padding:20px;

/*border:1px solid rgba(0,0,0,0.0);
background-color:rgba(255, 255, 255, 0.3);*/
}



.productSection .owl-carousel{ margin-top:20px;}

.item_Image
{
	width:34%;
	float:left;
	margin-bottom:30px;
	
}

.item_Content{

	width:66%;
	float:left;
	color:#000; 
	padding: 30px 30px 15px;
	min-height:230px;
	background:#dfdfdf;
	
}

.productSection .owl-carousel .owl-wrapper-outer{margin-bottom:0px;}

.productSection .owl-theme .owl-controls .owl-buttons div {display:none; }

.productSection .owl-theme .owl-controls .owl-page span
{background-color:#333; opacity:1 !important;}

.productSection .owl-theme .owl-controls .owl-page.active span, 
.productSection .owl-theme .owl-controls.clickable .owl-page:hover span{background-color:#2b8ce7;}

.productSection .owl-theme .owl-controls{margin-bottom:40px; }

.comingsoon{

	
	text-shadow:2px 2px 2px rgba(0,0,0,0.7);
	font-size:20px;
}



/*-------clients Section-----*/


.clientsBG{

/*background:#222 url(../Images/ClientsBG.jpg) no-repeat 0 0 fixed;*/
width:100%;
min-height:700px;
box-shadow:0px 0px 10px rgba(0,0,0,0.7);
}

.clientSection h1{	color:#000; width:100% !important; text-align:left; }

.clientSection h1:before{ background-color:#ccc !important; top:93% !important;}
.clientSection h1:after{ top:93% !important;}

.clientSection .owl-carousel .owl-wrapper-outer{ margin-bottom:100px;}

.clientSection .owl-theme .owl-controls .owl-page.active span, 
.clientSection .owl-theme .owl-controls.clickable .owl-page:hover span
{background-color:#2b8ce7;}

.clientSection .owl-theme .owl-controls .owl-page span
{background-color:#333; opacity:1 !important;}

.owl-carousel .owl-item img
{ 

box-shadow:0px 0px 3px rgba(0,0,0,0.8);
margin:5px 5px 5px 3px;
width:97%;

}

.clientSection .owl-theme .owl-controls {    margin-bottom: 50px;    margin-top: 10px;    text-align: center;}


.clientsContent{

	margin:10px 0px 80px;
}

/*-------careers Section-----*/


.careerBG{
	background:#a02a02 url(../Images/careerBG.jpg) repeat 0 0 fixed;
	/* #fff url(../Images/careerBG2.png) repeat 0 0*/
width:100%;
padding-bottom:60px;
box-shadow:0px 0px 10px rgba(0,0,0,0.7);
}

.careerSection 
{

color:#666;

}


.careerSection h1{ 
	color:#fff; 
	width:100% !important; 
	text-align:left; 
	position:relative;
	margin-bottom:0px !important;

}

.careerSection h1 small,
.productSection h1 small,
.contactSection h1 small{ 
	color:#ccc;  
	font-size:16px; 
	margin-left:40px; 
	padding-left:40px; 
	border-left:1px solid #ccc; 
	line-height:18px !important;
	text-align:left;
	text-shadow:none;
	display:inline-block;
	position:absolute;
	top:35%;

font-family: 'Rokkitt', serif !important;
}



/*---New code--*/

.careerContent{padding:0px 0px 40px; margin-left:6%;}

.careerContent ul{ list-style:none; padding:0px; margin:0px 0px; }

.careerContent ul li{ width:33%; 
	padding:10px 0px 0px; 
	float:left;
	margin-bottom:10px;
	color:#000;
}

.careerContent ul li span{ font-weight:normal; margin-right:10px; display:inline-block; width:auto; color:#067dce;}

.careerHeading{

background-color:#067dce ;
color:#fff !important;

padding:10px !important;
width:100%;


}

.careerHeading span{color:#fff !important;}

.marginTop_Cr{ margin-top:30px;}


.careerContent ul.nav-tabs li {
    float: left !important;
    margin-bottom: -1px;
    display:inline-block !important;
    width:auto !important;
}

.careerContent .nav-tabs>li.active>a, 
.careerContent .nav-tabs>li.active>a:focus, 
.careerContent .nav-tabs>li.active>a:hover,
.careerContent .nav-tabs>li>a:hover
 {
    color: #067dce;
    cursor: default;
    background-color: #fff;
    border: 1px solid #3496d8 !important;
    border-bottom-color: transparent;
}

.careerContent .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0px solid transparent !important;
    border-radius: 0 !important;
    padding: 10px 40px !important;
    background-color: #3496d8;
    border: 1px solid #3496d8 !important;
    color: #000;
}

.careerContent .nav-tabs {
    border-bottom: 0px solid #ddd;
}

.tabInr h2{ color:#d83b34; text-shadow:none;}

.tabInr{ background:#fff; padding:30px; margin:10px 0px; width:94.4%; overflow:hidden;}

.careerContent .tab-pane {
    background: #fff;
    border: 1px solid #fff;
    width: 100%;
    padding: 0px;
    margin: 0px 0px;
    border-radius: 5px;
    min-height: 160px;
    }

    .careerINRcontent{ margin:0px auto;}

    .careerQuotes{ 
    	min-height:130px !important; 
    overflow:hidden;
    padding-left:7% !important;
    	}

/*-------contactus Section-----*/


.contactBG{
background-color:#03224e;
background-image:url(../Images/contactBG.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;
background-size:cover;
width:100%;
min-height:740px;
box-shadow:0px 0px 10px rgba(0,0,0,0.7);
}

.contactSection{ padding-bottom:60px;position:relative;}

.contactSection h1{ color:#fff;margin-bottom:20px !important; width:100% !important; text-align:left;}

.contactSection h1:before{ background-color:#fff !important;}


.txtbox, .selectbox
{

	background-color:rgba(255,255,255,1);
	border:1px solid #fff;
	width:100%;
	height:45px;
	color:#000;
	line-height:45px;
	padding:0px 10px;
	margin-bottom:10px;

}

 .selectbox{padding:10px;background-color:rgba(255,255,255,1);color:#000;}
 
.messagebox
{

	background-color:rgba(255,255,255,1);
	border:1px solid #fff;
	width:100%;
	height:150px;
	color:#000;
	resize:none;
	padding:10px 10px;
	margin-bottom:10px;
}


.submit{
	color:#fff;
	border:1px solid #80b3d6;
	background-color:#3989c0;
	text-align:center;
	width:20%;
	height:45px;
	line-height:45px;
	margin-bottom:50px;
	font-size:20px;
}
.submit:hover{ 
	background-color:#000;
	border:1px solid #255473;
}

.centeredTXT{text-align:center !important;}


.txtbox, .selectbox, .messagebox, .submit{ border-radius:1px;}

.txtbox:focus, 
.selectbox:focus, 
.messagebox:focus, 
.submit:focus
{
	outline:0px !important;
	box-shadow:0px 0px 5px #3989c0;
}

.mapSection{
	background-color:#fff;
	border:1px solid #ccc;
	min-height:494px !important;
	width:100%; 
	padding:10px;
}

.mapImage{ width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}

.ContactAdd
{
	font-size:18px;
	color:#80ccff;
	line-height:24px;
	padding:20px 10px;
	font-weight:normal;

}

.blueTxt{color:#fff; font-size:18px; line-height:18px; font-weight:normal;}

.OfficeAdd{ padding-top:0px; font-size:18px;}

.OfficeAdd h3{  color:#fff; font-size:20px; line-height:24px;}


.OfficeAdd p{ color:#80ccff; font-size:18px;line-height:24px;}

.whiteHeading{  color:#fff; font-size:20px; line-height:24px;}


.contactInfo{ color:#80ccff; 
	
	width:99%; 
	padding:20px 0px;
	border:1px solid #071824; 
	box-shadow:0px 0px 5px rgba(0,0,0,0.8);
	background-color:#011e3d;
	position:absolute;
	z-index:100;
	bottom:-30px;
	text-align:center;
	line-height:20px;

	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	
}

.contactInfo a{color:#80ccff;}

.contactInfo a:hover{color:#e99f36; text-decoration:none;}


.contactInfo .fa{

transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;

transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
}

.contactInfo:hover .fa{color:#fff;

transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;

transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);


}


.contactInfo .fa{color:#e99f36; padding-right:7px;text-shadow:2px 2px 2px rgba(0,0,0,0.8);}

.contactInfo .fa-mobile{font-size:20px;}

 .contactInfo .fa-phone{font-size:18px;}

 .locationSection{

 	padding-bottom:100px;
 	position:relative;
 }

 .g_map{ border: 5px solid #fff;
    padding: 0px !important;
    box-shadow: 0px 0px 5px #888;
    position:relative;
    height:460px;
}

.addressDiv{ 

	position:absolute;
	width:50%;
	top:-50%;
	right:0px;
	opacity:0;
	background:rgba(0, 60, 100, 0.8);
	padding:20px;
	height:450px;
	box-shadow:0px 0px 5px #888;
	

}

.g_map:hover .addressDiv{ display:block; opacity:1; top:0px;}

.g_map,
.addressDiv,
.g_map:hover .addressDiv
{

	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
}

/*------------FOOTER-------------*/


.footerMain{ background-color:#010a17;}

.socialIconsDiv{
	float:right;	
	padding-right:0px !important;
}

.copyrightsDiv
{
color:#64a5d1;
font-size:16px;
padding-top:20px;
}

.copyrightsDiv a
{
color:#067dce;
font-size:16px;
font-style:italic;

margin-right:10px;
}

.copyrightsDiv a:hover{color:#f07f7f; text-decoration:none;}


.footerInner
{

	padding:60px 0px 30px;
}



.socialIconsDiv a{
	border-radius:100%;
	background-color:#010a17;
	width:60px; 
	height:60px;
	text-align:center;
	line-height:60px;
	margin:3px 0px;
	border:1px solid #010a17;	
	box-shadow:0px 0px 5px rgba(0,0,0,0.0);
	display:inline-block;
	float:right;	


}


.socialIconsDiv a:hover
{	
	background-color:#000;	
	border:1px solid #000;
	box-shadow:0px 0px 5px rgba(0,0,0,0.9);
	border-radius:100%;

		}


.socialIconsDiv a .fa{color:#b9e3ff; text-shadow:2px 2px 2px rgba(0,0,0,0.8); font-size:20px;
	
	transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;

transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
}


.socialIconsDiv a:hover .fa
{	
	

transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;


transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);


		}

.socialIconsDiv a:hover .fa-youtube-play{color:#c61b21;}

.socialIconsDiv a:hover .fa-twitter{color:#2caae1;}

.socialIconsDiv a:hover .fa-linkedin{color:#007bb6;}

.socialIconsDiv a:hover .fa-google-plus{color:#dd5044;}

.socialIconsDiv a:hover .fa-facebook{color:#3b579d;}


.socialIconsDiv a:hover .fa-youtube-play, 
.socialIconsDiv a:hover .fa-twitter,
.socialIconsDiv a:hover .fa-facebook,
.socialIconsDiv a:hover .fa-google-plus,
.socialIconsDiv a:hover .fa-linkedin
{
transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
}

.Modalbox_Inner{ height:250px; overflow-y:auto;color:#666;}

.Modalbox_Inner p{ font-size:18px; line-height:24px !important;}

.Modalbox_Inner h3{ color: #067dce !important; margin:25px 0px 5px; font-size:14px; font-weight:600;}

.Modal_Footer {
    padding:10px 15px 10px !important;
    text-align: right;
    border-top: 0px solid #e5e5e5 !important;
}
.Modal_Footer .btn-default {    color: #067dce !important;}

.Modal_Footer .btn-default:hover {
    color: #fff !important;
    background-color: #067dce;
    border-color: #067dce;
}

.ContactForm{ margin-bottom:40px;}

.modal-title{ font-size:24px;}



.contactInfo .col-md-4{ border-right:1px dotted;}




.nobrd_V {
    border-right: medium none !important;
}



/*----PARALLAX STYLES ------*/


.WelcomeBG{	
	 /*background:#fff ;url(../Images/AboutPageBG.jpg) repeat-x left top fixed;*/
	 background:#000 url(../Images/visionnewBG.jpg) left top fixed;
	 overflow:hidden; 
	 min-height: 700px;
	width:100%;
	background-size:cover;
}


.productsBG{
    background:#011d37 url(../Images/ProductsPageBG2.jpg) left top fixed;  
    overflow:hidden; 
    min-height: 700px;
    width:100%;
    background-size:cover;
}

.ClientsBG2{
	background: url(../Images/ClientsBG.png) no-repeat left top fixed ;
	 overflow:hidden; 
	min-height:700px;

}

.PortBG2{
	background: url(../Images/portBG2.jpg) no-repeat left top fixed ;
	 overflow:hidden; 
	min-height:700px;
	background-size:cover;
	background-position:0px !important;
	
	overflow: hidden;
	min-height: 700px;
	background-size: cover;
	margin-bottom: 0px;
}


.CareerNewBG1{
	/*background:#f2e3c4;*/
	background: url(../Images/careersBG.jpg) repeat-x bottom left fixed;
	 overflow:hidden; 
	 min-height:700px;
	 background-size:cover;
	 margin-bottom:0px;
	}

.triangleLeft{
position:absolute;
top:33%;
left:33%;
z-index:100;
}

.triangleLeft .fa{ 
font-size:50px;
color:#dfdfdf;

}


/*------TESTIMONIALS---------*/    

.testimonialsSection h1{ 
	color:#000; 
	font-weight:normal !important; 
	text-shadow:1px 1px 0px rgba(0,0,0,1);
	width:100%;

}

.testimonials{

background:#e6d5bc url(../Images/testimonialsBG.jpg) no-repeat top center fixed;
background-size:cover;
min-height:700px;
}

.tab-pane{

	background:#fff;
	border:1px solid #f39393;
	width:100%;
	padding:30px 60px;
	margin:25px 0px;
	border-radius:5px;
	min-height:160px;
	
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
}

.quotesBottom{
	background:#efefef url(../Images/testimQuotesBtm.png) no-repeat 90% 90% scroll;
	width:30px; 
	height:24px;
	position:absolute;
    bottom: 30px;
    right:30px;
	 }

.quotestop{background:#efefef url(../Images/testimQuotes.png) no-repeat top left scroll;
	 	width:30px; 
	height:24px;
position:absolute;
top:30px;
left:30px;
}

.testimContent p{ margin:0px auto; width:94%;}

.nav-pills>li.active>a, 
.nav-pills>li.active>a:focus, 
.nav-pills>li.active>a:hover,
.nav>li>a:focus, 
.nav>li>a:hover,
.nav-pills>li>a
{
background:rgba(0,0,0,0);
border-radius:50%;
}

.fade{ 

transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
}

.nav-justified{ margin-top:25px;}

.nav-pills>li.active>a, 
.nav-pills>li.active>a:focus, 
.nav-pills>li.active>a:hover, 
.nav>li>a:focus,
.nav>li>a:hover, 
.nav-pills>li>a
{


}

.nav>li>a>img{ 
		 border-radius:50%;
		 display:inline-block;
		 width:100%;
		 
		}

		.nav-justified>li{padding:10px 15px;}

.nav-justified>li>a {
    position: relative !important;
    display: inline-block !important;
    padding: 0px !important;
    border-radius: 50% !important;
    border: 1px solid #c3d5d4;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
    background: #fff;
}
.nav-justified>li>a:after
{

	background:rgba(0,0,0,0.6);
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	border-radius:50%;
	display:block;
	top:0px;
	left:0px;
	opacity:0;

	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);

}

.nav-justified>li>a:hover:after
{	opacity:1;

	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);

}

.nav-justified>li>a:after, 
.nav-justified>li>a:hover:after,
.nav-justified>li>a 
{

	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
}

.testimHoverContent{

	position:absolute;
	z-index:3;
	border-radius:50%;
	color:#87f9f2;
	text-align:center;
	font-style:italic;
	font-size:11px;
	top:25%;
	left:0px;
	display:none;
	width:100%;


}

.testimHoverContent p
{
	color:#87f9f2;
	text-align:center;
	font-style:italic;
	font-size:14px;
}

.testimHoverContent h2{

	font-size:18px !important;
	padding-bottom:10px;
	border-bottom:1px solid rgba(255, 255, 255, 0.5);
	margin:10px;
	font-style:normal;
	color:#fff;
	    text-transform: uppercase;
}

.nav-justified>li>a:hover .testimHoverContent{display:block;}

.marg25D{    margin-top: 25px !important;}
.marg35D{    margin-top: 35px !important;}
.marg20D{    margin-top: 20px !important;}


.nav-justified>li>a:hover .testimHoverContent,
.testimHoverContent
{

	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}

.numberTsm
{ 
	font-size:20px; 
	color:#cd4a4f; 
	
}


.viewAllDiv{ width:100%; padding:0px 0px 100px;text-align:center;}


.viewAllDiv a{ color:#fff;
position:relative;
background-color:#cd4a4f;
border:1px solid #efefef;
text-align:center;
width:185px;
height:52px;
line-height:52px;
display:inline-block;
z-index:1;
text-transform:uppercase;
font-size:18px;
text-shadow:1px 2px 2px rgba(0,0,0,0.5);
}

.viewAllDiv a:after{

	position:absolute;
	content:"";
	display:block;
	z-index:-1;
	width:0px;
	height:52px;
	line-height:52px;
	background-color:#02c7bb;
	border:0px solid #02c7bb;
	top:-1px;
	left:-1px;
	opacity:0px;
}

.viewAllDiv a:hover:after{

	width:185px;
	opacity:1;
}

.viewAllDiv a:after,
.viewAllDiv a:hover:after
{
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	ms-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
}

.testimContent{ position:relative;}

.arrowUp1, 
.arrowUp2, 
.arrowUp3, 
.arrowUp4, 
.arrowUp5
{    
	position: absolute;    
	font-size: 50px;    
	color: #cd5656;
}


.arrowUp1{
    top:-35px;
    left:7%;
}

.arrowUp2{
	top:-35px;
    left:27.5%;
}

.arrowUp3{
	top:-35px;
    left:47.5%;
}

.arrowUp4{
	top:-35px;
    left:67.5%;
}

.arrowUp5{
	top:-35px;
    left:87.5%;
}



/*-------------ENDS-----------*/


.close, .close:focus, .close:hover{ opacity:1 !important;}

.btn{ font-size:18px !important; }



/*----Media queries  ---*/



@media screen and (min-width: 768px){
.modal-dialog {
    width: 600px;
    margin: 100px auto !important;
}
}

/*------Tabs       [ max-width:1024px ]-------*/

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

.list_Services ul li{ width:135px;}

.productSection p{ font-size:16px; line-height:20px;}

.item_Content{min-height: 120px;
    padding: 20px 30px 18px;
height:auto !important;

}

.careerContent .nav-tabs > li > a{padding: 10px 23px !important;}

.careerQuotes{ padding-left: 3% !important;}

.navbar-default .navbar-nav>li>a.Iconblog:after,
.navbar-default .navbar-nav>.active>a.Iconblog:after
{
	
	left:-5px;	
}



.boxes, #strategy-box, #quality-box, #strength-box{ width:98%;}

 #strategy-box, #quality-box, #strength-box{left: 15px;}

 #quality-box, #strength-box, .boxes, #strategy-box{ top: 15px;}


/*========ENDS=======*/
}


/*------Tabs       [ max-width:980px ]-------*/

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

.topBGslider {    padding-top: 8%; background-color:#000;}

	.hidddenNav {    display: none;}

.navbar-right 
{
      margin-right: 0px !important;
}

.navbar-default .navbar-nav > li > a
{ 
	font-size: 16px; 
	margin-left: 10px;
}

.visionDIV {
		border-right: 0px dotted #8ccffe;
		float: left;
		margin: 30px;
		padding:30px !important;
		text-align: center;
		width: 42%;
		background:rgba(0,10,25,0.8);
	}
	
	#quality-box, #strength-box{ top: 56%;}

.boxes, #strategy-box{ top: 45px;}


.nobrd_V{ border-right:none !important;}

.container{ width:95% !important;}

.visionLink{ left:35%;}

.list_Services ul li {    margin: 0;    width: 150px;}

.careerContent .nav-tabs > li > a {
    padding: 10px 20px !important;
}

.careerContent ul li {    margin-bottom: 0;width: 50%;}


.tabInr h2 {    border-bottom: 1px solid;margin-top: 0; padding: 0;}


.contactInfo .col-md-4{ width:32%; float:left; border-right:1px dotted;}

.addressDiv{ width:75%;}


.navbar-right {  margin-right: 0 !important;  }

.ContactForm .col-md-4{ width:50%; float:left;}

/*========ENDS=======*/	
}





/*------Tabs       [ max-width:900px ]-------*/

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

	.topBGslider {    padding-top: 9%; background-color:#000;}

	.list_Services ul li{ width:135px;}

	.navbar-right {  margin-right: 0 !important;  }

	.tabInr{ width:97.4%;}

	.careerContent {     margin-left: 0;}

	.circles{  margin-left: 68px;}

	
.careerSection h1 small, 
.productSection h1 small, 
.contactSection h1 small,
.servicesSection h1 small, 
.WelcomeContent h1 small, 
.clientSection h1 small, 
.portfolioSection h1 small, 
.testimonialsSection h1 small, 
.locationSection h1 small
{ line-height: 12px !important;}



/*========ENDS=======*/	
}


/*------Tabs       [ max-width:800px ]-------*/

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

	.topBGslider {    padding-top: 10%; background-color:#000;}

	/*.carousel-inner > .item > a > img, .carousel-inner > .item > img{ min-height:610px;}*/

	.navbar-default .navbar-nav > li > a{ margin-left:20px;}

.list_Services ul li {    margin: 0;    width: 110px;}

.list_Services .arrowUp1{ left:9%;}

.list_Services .arrowUp3{ left:40%;}

.list_Services .arrowUp4{ left:55%;}

.list_Services .arrowUp5{ left:71%;}

.list_Services .arrowUp6{ left:85%;}



.portfolioSection h1 small,
.careerSection h1 small, 
.productSection h1 small, 
.contactSection h1 small
{ line-height: 16px !important;}

.careerContent .nav-tabs > li > a {
    font-size: 16px;
    padding: 11px !important;
}

.circles{ margin-left:0px;}

.addressDiv { width:80%;}
.contactInfo{ width:100%;}

.careerContent .nav-tabs > li > a { padding: 11px 18px !important;}


.clientSection .owl-carousel .owl-wrapper-outer {    margin-bottom: 30px;}


/*========ENDS=======*/	
}


/*------Tabs       [ max-width:768px ]-------*/

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

	.topBGslider {    padding-top: 10%; background-color:#000;}

	.navbar-default .navbar-nav > li > a::after, 
	.navbar-default .navbar-nav > .active > a::after,
	.navbar-default .navbar-nav > li > a::before, 
	.navbar-default .navbar-nav > .active > a::before
	{height:1px;}
 
.list_Services .arrowUp2{ left:26%;}	

.list_Services .arrowUp3{ left:42%; }

.list_Services .arrowUp4 { left: 58%;}

.list_Services .arrowUp5 { left: 74%;}

.list_Services .arrowUp6 { left: 90%;}


	.welcome_Btm {    padding: 60px 0 60px;}

	
.modal-dialog{ margin:90px 30px !important;}

.IconMenu{ 
	left: 93%;
    margin: 40px 20px 0 0 !important;
    width: 15%;
    top:-80px;
			}

.IconMenu li{ 
	width:auto; 
	float:left;
	}


.navbar-header{

	background-color:rgba(255, 255, 255, 1);
	border-color: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}

.navbar-default{
	background-color: rgba(255, 255, 255, 0) !important;
	border-color: rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
}

.navbar-collapse{

	margin: 0 0 0 67% !important;
    width: 35%;
    background-color:rgba(255, 255, 255, 0.8);
}

.navbar-default .navbar-nav > li > a{
	margin-left: 0;
    text-align: center;
}

.list_Services ul li{ width:110px;}

.WelcomeContent {    padding-bottom: 0;}

a.moveDownBTN{display: none;}


.boxes, #strategy-box, #quality-box, #strength-box{ width:93%;}

 #strategy-box, #quality-box, #strength-box{left: 15px;}

 #quality-box, #strength-box{ top: 54%;}

.boxes, #strategy-box{ top: 25px;}


#portfolio .container-fluid, #portfolio .col-sm-3 {
    float: left;
    overflow: hidden;
    padding: 10px;
    width: 48%;
}

.portfolioContent{ padding-left:30px;}

.socialIconsDiv{ margin-top:30px; float:left;}

.visionDIV {	margin:10px;	width: 46%;}

.visionLink {    left: 30%;}

.arrowUp1, 
.arrowUp2, 
.arrowUp3, 
.arrowUp4, 
.arrowUp5, 
.arrowUp6
{

	font-size:40px;
	top:-28px !important;
}


.navbar-right {  margin-right: 0 !important;  }

.careerContent .nav-tabs > li > a {    padding: 11px 14px !important;}

/*===ENDS===*/
}



/*------Tabs       [ max-width:600px ]-------*/

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

.careerQuotes {    padding-left: 0 !important;margin-left: -12% !important;}

.list_Services ul { margin-left:-35px;}

.list_Services ul li {   width: 88px;}

.list_Services ul li a{    font-size: 16px;}

.list_Services .arrowUp1{ left:1%;}
 
.list_Services .arrowUp2{ left:18%;}	

.list_Services .arrowUp3{ left:35%; }

.list_Services .arrowUp4 { left: 51%;}

.list_Services .arrowUp5 { left: 68%;}

.list_Services .arrowUp6 { left: 84%;}

/*---services Icons  --*/


.list_Services ul li a.app_S{width:120px;height:65px;padding-top:70px; 
	background:url(../Images/servisesBGapp2.png) no-repeat 0px -86px;color:#333 !important; }

.list_Services ul li a.mng_S{width:120px;height:65px;padding-top:70px; 
	background:url(../Images/servisesBGmng2.png) no-repeat 0px -86px; color:#333 !important;}

.list_Services ul li a.cld_S{width:120px;height:65px;padding-top:70px;
	background:url(../Images/servisesBGcld2.png) no-repeat 0px -86px;color:#333 !important;}

.list_Services ul li a.mbl_S{width:120px;height:65px;padding-top:70px;
	background:url(../Images/servisesBGmbl2.png) no-repeat 0px -86px;color:#333 !important;}

.list_Services ul li a.clt_S{width:120px;height:65px;padding-top:70px;
	background:url(../Images/servisesBGclt2.png) no-repeat 0px -86px;color:#333 !important;}

.list_Services ul li a.som_S{width:120px;height:65px;padding-top:70px;
	background:url(../Images/servisesBGsom2.png) no-repeat 0px -86px;color:#333 !important;}



.servicesSection .nav-tabs>li>a.app_S:hover,
.servicesSection .nav-tabs>li.active>a.app_S, 
.servicesSection .nav-tabs>li.active>a.app_S:focus, 
.servicesSection .nav-tabs>li.active>a.app_S:hover
{
	background:url(../Images/servisesBGapp2.png) no-repeat 0px 0px !important;
	color:#da712b !important;
	height:65px;
}

.servicesSection .nav-tabs>li>a.mng_S:hover,
.servicesSection .nav-tabs>li.active>a.mng_S, 
.servicesSection .nav-tabs>li.active>a.mng_S:focus, 
.servicesSection .nav-tabs>li.active>a.mng_S:hover
{
	background:url(../Images/servisesBGmng2.png) no-repeat 0px 0px !important;
	color:#86ad60 !important;
}

.servicesSection .nav-tabs>li>a.cld_S:hover,
.servicesSection .nav-tabs>li.active>a.cld_S, 
.servicesSection .nav-tabs>li.active>a.cld_S:focus, 
.servicesSection .nav-tabs>li.active>a.cld_S:hover
{
	background:url(../Images/servisesBGcld2.png) no-repeat 0px 0px !important;
	color:#0482d7 !important;
}


.servicesSection .nav-tabs>li>a.mbl_S:hover,
.servicesSection .nav-tabs>li.active>a.mbl_S, 
.servicesSection .nav-tabs>li.active>a.mbl_S:focus, 
.servicesSection .nav-tabs>li.active>a.mbl_S:hover
{
	background:url(../Images/servisesBGmbl2.png) no-repeat 0px 0px !important;
	color:#e0ae27 !important;
}



.servicesSection .nav-tabs>li>a.clt_S:hover,
.servicesSection .nav-tabs>li.active>a.clt_S, 
.servicesSection .nav-tabs>li.active>a.clt_S:focus, 
.servicesSection .nav-tabs>li.active>a.clt_S:hover
{
	background:url(../Images/servisesBGclt2.png) no-repeat 0px 0px !important;
	color:#c44343 !important;
}



.servicesSection .nav-tabs>li>a.som_S:hover,
.servicesSection .nav-tabs>li.active>a.som_S, 
.servicesSection .nav-tabs>li.active>a.som_S:focus, 
.servicesSection .nav-tabs>li.active>a.som_S:hover
{
	background:url(../Images/servisesBGsom2.png) no-repeat 0px 0px !important;
	color:#8343d2 !important;
}


.careerContent {    margin-left: 0;    padding: 0;}

.careerContent .nav-tabs > li > a {
    font-size: 14px;
    padding: 5px !important;
}

.tabInr{ width:99.4%; padding:20px;}

.careerContent ul li{ width:95%;}

.contactInfo .col-md-4{ width:100%; border:none !important;}

.ContactForm .col-md-4 {    float: left;    width: 100%;}




/*===ENDS===*/
}

/*---Mobiles        [  max-width:480px  ]----*/

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

	.navbar-right {    margin-right: -10px !important;}

.navbar-nav {    margin: 7.5px -10px !important;}

.navbar-collapse {    margin: 0 0 0 60% !important;    width: 45.5%;}

.IconMenu {    left: 90%;    top: -45px;}

.servicesSection h1 small, 
.WelcomeContent h1 small, 
.clientSection h1 small, 
.portfolioSection h1 small, 
.testimonialsSection h1 small, 
.locationSection h1 small,
.careerSection h1 small, 
.productSection h1 small, 
.contactSection h1 small
{

	display:none;
}

.socialIconsDiv a{ height:55px; line-height:55px; width:55px; float:left;}

.contactInfo .col-md-4 {
    border: medium none !important;
    font-size: 16px !important;
    margin: 5px 0;
    width: 100%;
}

.submit{ width:50%;}

body{ font-size:16px !important;}
/*

.circles .circle1{left: 10px;    top: 0;}

.circles .circle2{ 	left: 10px;    top: 60px;}

.circles .circle3{ 	left: 10px;    top: 125px;}

.circles .circle4{ 	left: 10px;    top: 190px;}

.circles .circle5{ 	left: 10px;    top: 255px;}
*/

.CareerNewBG1 {
    background: rgba(0, 0, 0, 0) url("../Images/careersBG.jpg") repeat fixed left bottom / cover ;
   overflow: visible;
   padding-bottom:60px;
}

.careerQuotes {
   /*margin-top: -35%;
    min-height: 370px !important;
    overflow: visible;*/
    padding-left: 0% !important; 
    margin-left: -46% !important;

}


.addressDiv {
    height: 475px;
    overflow: auto;
    padding-bottom: 100px;
    width: 100%;
}

.OfficeAdd {    padding-bottom: 40px;}

.ContactForm .col-md-4{ width:100%; float:none;}

.topBGslider {    padding-top: 25%; background-color:#000;}

.carousel-control.left img, .carousel-control.right img {    top: 25%;}

.visionDIV {    margin: 10px;    width: 94%;}

#vision-box{ height:340px !important;}

#strategy-box {    height: 380px !important;    top: 25%;}

#strength-box {    height: 420px !important;    top: 50%;}

#quality-box {    height: 350px !important;    top: 75%;}

.list_Services .arrowUp1, .list_Services .arrowUp4 {    left: 3%;}

.list_Services .arrowUp2, .list_Services .arrowUp5 {    left: 37%;}

.list_Services .arrowUp3, .list_Services .arrowUp6 {    left: 70%;}

.overlay .folio-info h3 {
  margin: 5px;
  color: #fff;
  font-size:16px; 
  line-height:14px;
}

.folio-overview a {
  height: 30px !important;
  width: 30px !important;
  line-height: 35px !important;
  margin-top: 10px !important;
}

.carousel-control.left img, .carousel-control.right img{	width:40%;}

.circles h3{line-height:30px; font-size:14px;}

.circles .circle1,
.circles .circle2,
.circles .circle3,
.circles .circle4,
.circles .circle5
{	width:80px;	height:80px;}

.circles .circle2{left:200px;}
.circles .circle3{left:250px;}
.circles .circle4{left:305px;}
.circles .circle5{left:355px;}

#about, 
#portfolio, 
#location, 
#services, 
#products, 
#clients, 
#careers, 
#contact, 
#testimonials
{ padding-top:80px;}

.WelcomeContent h1 {    margin-bottom: 10px !important;}

.servicesSection h1, .portfolioSection h1, .clientSection h1 {    margin-bottom: 0 !important;}

.clientsContent{	margin:0px;}

.ClientsBG2{ min-height:530px;}


/*===ENDS===*/
}