*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	overflow-x: hidden;
	font-size:14px;
	background-color:#ffffff;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:100;
	line-height:30px;
	color:#000000;
	-webkit-font-smoothing: antialiased;
	letter-spacing:0.01em;
}
hr {
	border:0;
	border-bottom:1px solid #000000;
	height:1px;
	padding:0;
	margin:0 0 20px 0;
}

.hr {
	border:0;
	border-bottom:1px solid #ffffff;
	height:1px;
	padding:0;
	margin:0;
}

.hr-black {
	border:0;
	border-bottom:1px solid #000;
	padding:0;
	margin:0;
}

@font-face {
font-family: 'Cambria Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Cambria Bold Italic'), url('CAMBRIAZ_1.woff') format('woff');
}


@font-face {
font-family: 'Cambria Italic';
font-style: normal;
font-weight: normal;
src: local('Cambria Italic'), url('CAMBRIAI_1.woff') format('woff');
}


@font-face {
font-family: 'Cambria Bold';
font-style: normal;
font-weight: normal;
src: local('Cambria Bold'), url('CAMBRIAB_1.woff') format('woff');
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size: 40px;
	padding-bottom: 0px;
	margin-bottom: 3px;
	color: #000;
	text-align: center;
	}
h3{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size:25px;
	padding-bottom: 0px;
	margin-bottom: 3px;
	color: #232323;
	font-weight:bold;
	text-align:center;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px  !important;
	padding-bottom: 0px;
	margin-bottom: 3px;
	color: #156aad;
	font-weight:bold;
}
h2{
	text-transform: uppercase;
	font-size:34px;	
	padding-bottom: 0px;
	margin-bottom: 3px;
	color: #484848;
	font-weight:bold;
	text-align: center;
	width: 100%;
	}
#normal_txt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-bottom: 0px;
	line-height:18px;
	color: #000000;
	}
#wrapper {
	height: auto;
	width: 100%;
}
#navbar {
	background-color: #c9c9c9;
	width: 100%;
	-webkit-box-shadow: 2px 2px 9px rgba(50, 50, 50, 0.26);
	-moz-box-shadow:    2px 2px 9px rgba(50, 50, 50, 0.26);
	box-shadow:         2px 2px 9px rgba(50, 50, 50, 0.26);
	position: fixed;
	z-index: 9999;
	border-bottom:solid 1px #c9c9c9;
	clear:both;
	background-color:#156aad;
	top: 0;
	
	background: -webkit-linear-gradient(90deg,#156aad,#000000, #000000); /* For Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(90deg,#156aad,#000000, #000000); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(90deg,#156aad,#000000, #000000); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(90deg,#156aad,#000000, #156aad); /* Standard syntax */
}
#navbar ul {
	float: left;
	list-style-type: none;
	margin:5px 20px 5px 20px;
}

#navbar li{
	float: left;
	list-style-type: none;
}
#navbar li a:link , #navbar li a:visited {
	text-decoration:none;
	color:#000000;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: none;
	font-weight: bold;
	padding:2px 10px;
	border-right:solid 1px #3b3732;
}

#navbar li a:hover {
	color:#CCC;
}
#navbar li a.last {
	border:none;
}

@keyframes blink {
to { color: #ffffff; }
}

.my-element {
color: #156aad;
font-weight:bold;
animation: blink 1s steps(10, start) infinite;
}
.bwWrapper {
	position:relative;
	display:block;
/*	clear: both;*/
	margin-right: auto;
	margin-left: auto;
}
.mayk {
	float: left;
/*	height: 200px;*/
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 0 20px;
	background-color:#156aad;
	clear:both;
}
.mayk p {
	color: #ffffff;
	font-size: 16px;
}

.logo {
	background-image: url(../images/3A_logo.png);
	background-repeat: no-repeat;
	display: block;
	height: 119px;
	width: 282px;
	margin-top: 23px;
	margin-left: 0px;
	float: left;
	background-position: left center;
}
#banner {
	float: left;
	height: 480px;
	width: 100%;
/*	margin-top: -50px;*/
	background-image: url(../images/bg-slide.jpg);
	background-repeat: repeat;
	background-color: #FCFCFC;
	background-attachment: fixed;
}
/***************************
 SOCIAL ICONS
****************************/
#social_c {
	float: left;
	height: 82px;
	width: 200px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #dcdcdc;
	background-color: #a4a4a9;
	
}
#social_ico {
	float: right;
	height: 70px;
	width: 200px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #474747;
	padding:0px 0 0 20px;
	margin-top:10px;
	color:#232323;
	margin-right:20px;
	
}
#social_ico a:link, #social_ico a:visited {
	text-decoration:none;
	color:#156aad;
}
#social_ico a:hover {
	text-decoration:underlined;
	color:#2E3192;
}
#social-top {
	width:150px;
	float:right;
}
.fb,.tw,.yt,.pr
{
	float: left;
	height: 20px;
	width: 20px;
	display: block;
	line-height: 20px;
	text-align: left;
	font-size: 14px;
	color: #5C5C5C;
	margin:5px;
	
/*	-webkit-transition: background-color 900ms ease;
	-moz-transition: background-color 900ms ease;
	-ms-transition: background-color 900ms ease;
	-o-transition: background-color 900ms ease;
	transition: background-color 900ms ease;
	*/
}
/*.fb{
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #dcdcdc;
}

.yt{
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #dcdcdc;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #dcdcdc;
	}
.pr{
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #dcdcdc;
}*/

.fb:hover,.tw:hover,.yt:hover,.pr:hover{
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
.fb:hover { background-color:#3b5998; color:#FFF;}
.tw:hover { background-color:#00c0f7; color:#FFF;}
.yt:hover { background-color:#2c2c2c; color:#FFF;}
.pr:hover { background-color:#cb2027; color:#FFF;}

/***************************
 WORK SECTION
****************************/

#works {
	clear: both;
	width: 100.6%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
#works h2 {
	font-weight:bold;
}
.project-thumb-client {
	width: auto;
	height: auto;
	font-size: 24px;
	text-align: left;
	color: #FFF;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 28px;
	padding-top: 5px;
}
.project-thumb-task {
	width: 100%;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	padding-left: 5px;
	float: left;
	text-transform: uppercase;
	padding-top: 5px;
}
.more {
	float: left;
	height: 33px;
	width: 100%;
	display: block;
	/*background-image: url(../images/more_bg.png);*/
	background-repeat: repeat-x;
	text-decoration:none;
	margin-top: 20px;
}
.more:hover {
	background-image: url(../images/more_bg.png);
	}
#more_text {
	background-image: url(../images/more-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	height: 35px;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 30px;
	line-height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}

.blue { background-color:#1972b3;}
.violet_light { background-color:#694d7f;}
.green { background-color:#4d7f66;}
.orange { background-color:#af531e;}
.yellow { background-color:#9d802f;}
.violet { background-color:#3a2e9e;}
.yellow_gray { background-color:#9d802f;}
.red { background-color:#156aad;}
.gray { background-color:#565656;}


/***************************
 SERVICES SECTION
****************************/
#service_wrapper {
	background-color: #efefef;
	width: 100%;
	clear: both;
	padding-top: 30px;
	padding-bottom: 24px;
}
#services {
	height: auto;
	width: 100%;
	clear: both;
	
}

/***************************
 CLIENTS SECTION
****************************/
#clients {
	clear: both;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:50px;
}
#client_name {
	clear: both;
	height: 40px;
	width: 100%;
	text-align: center;
	line-height: 20px;
	color: #333;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #e8e8e8;
	padding-top: 15px;
}

#clients table {
	text-align: center;
}

#clients table img {

	
}
/*Blck & white effectFor Scroll bar */
.bwWrapper {
	position:relative;
	display:block;
}



/* For Scroll bar */

::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
background-color:#fbfbfb;
border-left: solid thin #e3e1e1;
} 
::-webkit-scrollbar-thumb {
background-color: #CCCCCC;
}
/*::-webkit-scrollbar-thumb:hover {
background-color: #666666;
}*/


/***************************
 TESTIMONIAL SECTION
****************************/

#testi_wrapper {
	clear: both;
	width: 100%;
	
	
	
}
#testi {
	clear: both;
	width: 982px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	padding-top: 10px;
}
#person_box {
	float: left;
	height: 450px;
	width: 238px;
	background-color: #F0F0F0;
}
#person_box img{
	float: left;
	}
#testi_content {
	width: 90%;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: center;
	height: 140px;
}
#excla_icon {
	text-align: center;
	float: left;
	height: 40px;
	width: 230px;
	font-family: Verdana, Geneva, sans-serif;
}
#quot_icon {
	float: left;
	width: 100%;
	text-align: center;
	background-image: url(../images/quotation_icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
}
#testi_name {
	clear: both;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	color: #333;
}
#testi_location {
	clear: both;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 12px;
	color: #333;
	margin-top: 5px;
}
#testi_more {
	float: left;
	height: 30px;
	width: 982px;
	background-image: url(../images/more_bg.png);
	background-repeat: repeat-x;
}
#test_pr {
	float: left;
	height: 35px;
	width: 86px;
	background-image: url(../images/prev.png);
	background-repeat: no-repeat;
	background-position: center center;
 -webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
#test_nex {
	float: right;
	height: 35px;
	width: 86px;
	background-image: url(../images/next.png);
	background-repeat: no-repeat;
	background-position: center center;
		  -webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
#test_nex:hover, #test_pr:hover  { background-color:#FC0;}
/***************************
 CONTACT SECTION
****************************/
#contact_wrapper {
	clear: both;
	width: 100%;
	float: left;
	padding-top: 30px;
	position: relative;
	background: -webkit-linear-gradient(#3f2c0f, #170f05); /* For Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(#3f2c0f, #170f05); /* For Opera 11.1 to 12.0 */
 	background: -moz-linear-gradient(#3f2c0f, #170f05); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(#000000, #000000); /* Standard syntax */
	border-top:1px solid #c9c9c9;
}

#contact {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#contact p {
	font-size:12px;
	color:#c9c9c9;
}
#call_us_box {
	float: left;
	height: 110px;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 50px;
	background-color: #fed24d;
}
#call_us {
	height: 53px;
	width: 300px;
	font-size: 25px;
	color: #FFF;
	background-image: url(../images/contact_icon.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	background-position: 0px center;
	margin-left: 40px;
	margin-top: 30px;
	float: left;
	line-height: 25px;
}
#contact_numb {
	color: #1F1F1F;
	width:100%;
	float: left;
	font-weight: bold;
}
#mail_us {
	background-image: url(../images/mail-icon.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: right;
	height: 53px;
	width: 400px;
	margin-top: 30px;
	font-size: 25px;
	color: #FFF;
	padding-right: 70px;
	text-align: right;
	margin-right: 40px;
	line-height: 25px;
}
#contact_mail {
	color: #1F1F1F;
	width:100%;
	float: right;
	font-weight: bold;
}
.form_cols_first {
	float: left;
	height: auto;
	width: 300px;
}
.form_cols_first input , .form_cols_first textarea {
	float: left;
	width: 300px;
	background-color: #c9c9c9;
	border: thin none #E9E9E9;
	height: 40px;
	padding: 2%;
	font-size:13px;
	margin-bottom:12px;
	color:#000000;
	
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";       /* IE 8 */
filter: alpha(opacity=60);  /* IE 5-7 */
-moz-opacity: 0.6;          /* Netscape */
-khtml-opacity: 0.6;        /* Safari 1.x */
opacity: 0.6;               /* Good browsers */
}
.form_cols_first textarea  {
	height: 150px;
}

.form_cols_first input:focus, .form_cols_last textarea:focus , .form_cols_first textarea:focus{
	background-color:black;
	outline: none;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #FED24D;
	color:#fff;
	}
.form_cols_last {
	float: left;
	height: auto;
	width: 300px;
	margin-left:50px;
	}
.form_cols_last textarea {
	float: left;
	width: 300px;
	background-color:#eeeeee;
	border: thin none #E9E9E9;
	height: 50px;
	padding-left: 10px;
	padding-top:10px;
	font-size:13px;
	margin-bottom:15px;
	height:174px;

	color:#000000;
}
.footer-latest {
	width:300px;
	float:left;
	margin-left:50px;
	height:auto;
}
.footer-latest span {
	font-weight:bold;
	margin-bottom:10px;
	color:#fff;
	display:block;
}
.footer-latest p {
	line-height:16px;
}
.footer-latest img {
/*	border:4px solid #fff;*/
	float:left;
	margin-right:15px;
}
.latest1 {
	width:100%;
	margin-bottom:20px;
	float:left;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
}
.send_btn {
	color: #FFF;
	background-color: #2e2d2d;
	height: 45px;
	width: 202px;
	text-transform: uppercase;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	margin-top: 15px;
		-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.icon-mail {
	background-image: url(../images/mail_icon_small.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 14px;
	width: 19px;
	margin-left: 0px;
	background-position: center center;
	margin-top: 4px;


}
.icon-career {
	background-image: url(../images/career.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 23px;
	width: 21px;
	margin-left: 20px;
	background-position: center center;
	position: absolute;
	margin-top: -4px;
	margin-right: 20px;


}
.send_btn:hover {
	-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
background-color:#890B05;

	 }

#social_wrapper {
	height: 113px;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 40px;
	background-image: url(../images/social_bg.jpg) !important;
	background-repeat: repeat;
	background-position: center bottom;
	background-attachment: fixed;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 36px;
	color: #FFF;
	margin-top: 1px;
}
#social_wrapper_home {
	height: 113px;
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	margin-top: 40px;

background-color: rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.5);
color: rgba(0, 0, 0, 0.5);
}

#prefooter {
	clear:both;
	text-align:center;
	padding:40px 0;
	background-color:#000000;
	min-height:90px;
	margin-top:30px;
	border-bottom:1px solid #000000;
}
#prefooter p {
	color:#c9c9c9;
	padding:0;
	margin:0;
}
#prefooter p span{
	color:#fff;
}

#footer_border{
	height: 1px;
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	margin-top: 40px;
	background:#fff;
}
#footer {
	clear: both;
	float: left;
	height: 120px; 
	width: 100%;
	background: -webkit-linear-gradient(90deg,#156aad,#000000, #156aad); /* For Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(90deg#156aad,#000000, #156aad); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(90deg,#156aad,#000000, #156aad); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(90deg,#156aad,#000000, #156aad); /* Standard syntax */
}
#footer a:link, #footer a:visited {
	color:inherit;
}
#footer-contact {
	color:#fff;
	font-size:1 em;
}
#footer-contact a:link, #footer-contact a:visited{
	color:#156aad;
}

.footer_cols_left, .footer_cols_right {
	height: auto;
	width: 45%;
}
.footer_cols_left {
	float: left;
	margin-left:2%;
}
.footer_cols_right {
	float: right;
	text-align:right;
	margin-right:2%;
}
.footer_cols_right img {
	margin-top:15px;
}
footer_cols_center {
	width:100%;
	text-align:center;
}
#copy {
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	color: #156aad;
	text-transform: uppercase;
	text-align:center;
/*	float:left;*/
}
#copy img{ margin-bottom:8px;}
.social_icon {
	display: block;
	float: left;
	width: 90px;
	text-align: center;
	color: #FFF;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}

#social_wrapper article { background: url("../404.html") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
#social {
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	font-size: 46px;
	text-shadow: black 1px  1px 3px;
	margin-top: 30px;
}
.social_icon:hover{
 color: #ffd75c;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;

	}
#vpb_mailer_response {
	width: 100%;
	height: auto;
	font-size: 12px;
	color: #FFF;
	float: left;
	margin-bottom: 30px;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px solid #c9c9c9;
	padding-bottom:10px;
}
/*Error Message Style*/
.info {
	background-color: #904245;
	font-size: 13px;
	color: #c9c9c9;
	text-align: center;
	padding: 10px;
	float: left;
	width: 100%;
}
.info_success { background-color:#4d7f66;font-size: 13px;
	color: #FFF;
	text-align: center;
	padding: 10px;
	float: left;
	width: 100%;
	}

#folio {
	float: left;
	width: 100%;
	margin-bottom: 2px;
	background-color: #c9c9c9;
	background-image: url(../404.html);
	background-repeat: no-repeat;
	background-position: center center;	
}


#Grid .mix{
	opacity: 0;
	display: none;
	
	
	
	
}

.hovercontent h1 {
  color: white;
  font-size: 1.3em;
  margin-top: 30%;
}
.hovercontent h3 {
  color: #a1a1a1;
  font-weight: 100;
}
.thecenter {
	text-align:center;
}

.hoveritem {
  
  font-size: 12px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.hoveritem img {
  position: relative;
  z-index: 4;
  max-width: 100%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  /* This is what was making it slow! booooooo */
  
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.2s ease-out;
  -moz-transition: opacity 0.3s ease-out, -moz-transform 0.2s ease-out;
  -o-transition: opacity 0.3s ease-out, -o-transform 0.2s ease-out;
  transition: opacity 0.3s ease-out, transform 0.2s ease-out;
 


}
.hoveritem .link {
  display: block;
  height: 100%;
}
.hovercontent {
  position: absolute;
  z-index: 5;
  font-family: "Helvetica", Arial, sans-serif;
  text-align: center;
  width: 100%;
  height: 100%;
  background: #222222;
  background: rgba(0,0,0,0.7);
  opacity:0;
  line-height: 24px;
  /*filter: alpha(opacity=0);*/
 /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
  -moz-transform: scale3d(1.3, 1.3, 1) translate3d(0, 10%, 0);
  -o-transform: scale3d(1.3, 1.3, 1) translate3d(0, 10%, 0);
  -webkit-transform: scale3d(1.3, 1.3, 1) translate3d(0, 10%, 0);
  transform: scale3d(1.3, 1.3, 1) translate3d(0,10%,0);
  
  -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, -moz-transform 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out, -o-transform 0.2s ease-out;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}

.hoveritem .link:hover {
}
.hoveritem .link:hover .hovercontent {
  opacity: 1;
/*  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
  -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0,0,0);
}
#inner_container {
	clear: both;
	width: 982px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 90px;
}
#proj-nav {
	background-image: url(../images/more_bg.png);
	background-repeat: repeat-x;
	float: left;
	height: 33px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}
#inner_container h3{
	font-size: 20px;
	text-transform: uppercase;
	color: #333;
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}
#proj-desc {
	font-size: 13px;
	color: #000000;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	
}
.prev,.next,.back {
	float: left;
	height: 33px;
	width: 86px;
	text-align: center;
	display: block;
	padding-top: 7px;
	  -webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
#proj-nav a:hover  { background-color:#FC3;} 
.back {
	margin-left:auto;
	margin-right:auto;
	float: none;

}
.next {
	float: right;

}
.works_inner_table {
	margin-bottom: 20px;
}
.roles {
	background-image: url(../images/bullet.png);
	padding-left: 25px;
	background-repeat: no-repeat;
	font-size: 13px;
	text-transform: uppercase;
	margin-right: 15px;
	color: #000000;
	margin-left: 15px;
}
#work_stage {
	background-color: #f4f4f4;
	padding-top: 30px;
	padding-bottom: 40px;
	text-transform: uppercase;
	font-size: 20px;
	color: #000000;
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
	clear: both;
}
.stage_title {
	font-size: 18px;
	font-weight: bold;
	color: #999;
	margin-bottom: 25px;
}
.work_cc{
	clear: both;
	width: 870px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
/*box-shadow: 1px 1px 50px 5px rgba(0,0,0,0.18); */

	
}
.check_work {
	clear: both;
	width: 870px;
	margin-top: 5px;
	min-height:650px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}
.fb_container_gap {
	float: left;
	height: 10px;
	width: 100%;
	
	}
#boxes {
	float: left;
	height: auto;
	width: 982px;
	margin-top: 40px;
	box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.07);
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFF;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFF;
	position: relative;
	margin-bottom: -90px;
}




.count {
	float: left;
	height: 63px;
	width: 200px;
	margin-top: 20px;
	font-family: 'Lato', sans-serif;
	font-size: 46px;
	font-weight: normal;
	margin-left: 30px;
}
.box_content {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
	float: left;
	width: 200px;
	font-weight: bold;
	color: #494949;
	font-size: 17px;
}
.item {
	float: left;
	height: 210px;
	width: 245px;
	background-image: url(../images/box_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #c9c9c9;
}
#ppol_tb_box {
	float: left;
	width: 100%;
	clear: both;
	background-image: url(../images/pool-table.jpg);
	background-repeat: repeat;
	/* background-size:100% 100%;  */
	min-height:350px;
	padding-top: 170px;
	background-attachment: fixed;
	background-position: center;
}
#ppol_container {
	width: 982px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}




.digit_c {
	height: 38px;
	width: 38px;
	margin-top: 20px;
	background-color: #abd5d1;
	text-align: center;
	line-height: 38px;
	font-size: 24px;
	font-weight: bold;
	float: right;
	margin-right: 15px;
	border-radius: 50%;
}
.ppol_content {
	float: left;
	width: 380px;
	display: block;
	margin-top: 15px;
	color: #D0E8E6;
	font-size: 17px;
	font-weight: bold;
}


.ppol_item {
	float: left;
	height: 80px;
	width: 470px;
		
}
#befor_apply {
	float: left;
	height: 220px;
	width: 100%;
	margin-top:50px;
	background-color: rgba(0, 0, 0, 0.6);
	background: rgba(0, 0, 0, 0.6);
	color: rgba(0, 0, 0, 0.6);
}
.link_button {
	height: 122px;
	width: 122px;
	border-radius: 50%;
	font-size: 14px;
	line-height: 122px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.1);
	margin-right: 40px;
	-webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
	display: block;
	text-decoration:none;
	margin-left: 40px;

}
.link_button:hover { background-color:#E7C60C}
#while_apply {
	clear: both;
	width: 982px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	text-align: center;
	

}
#while_apply p{
	font-size: 17px;
	color: #333;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 50px;
}
#points_c {
	padding: 30px;
	clear: both;
	font-size: 17px;
	font-weight: bold;
	color: #333;
	box-shadow: 1px 1px 20px 10px rgba(221,221,221,0.39);
	height: 170px;
	text-align: left;
}
#points_c li {
	margin:0px;
	padding:0px;
	list-style:none;
	width: 100%;
	float: left;
	text-decoration:none;
}
.yellow_star {
	color: #efd608;
	font-size: 56px;
	font-weight: bolder;
	float: left;
	margin-right: 10px;
	height: 30px;
	line-height: 46px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.yellow_star:hover { cursor: context-menu;}
.blue_star {
	font-size: 56px;
	color: #01d3f8;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin-right: 10px;
	display: block;
	height: 30px;
	line-height: 46px;
	text-decoration:none;
}
.blue_star:hover { cursor: context-menu;}

::-moz-selection { background: #ffb7b7; /* Firefox */}
::-selection { background: #ffb7b7; /* Firefox */}
::-webkit-selection{ background: #ffb7b7;}
::-ms-selection{  background: #ffb7b7;}
#send_form {
	background-color: #eeeeee;
	height: auto;
	width: 100%;
	clear: both;
	float: left;
	background-image: url(../images/CAR.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}
.field_c {
	float: left;
	height: 41px;
	width: 100%;
	margin-bottom: 14px;
}

#career_form_c {
	width: 982px;
	margin-right: auto;
	margin-left: auto;
	height: 500px;
}
.field_c input{
	background-color: #e4e4e4;
	height: 41px;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left:15px;
	font-size:13px;	
	outline:none;
}
.field_c input:focus, #field_c textarea:focus {
	background-color:#000000;
	outline: none;
	color:#FFF;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #FED24D;
	}
.field_c textarea{
	background-color: #e4e4e4;
	height: 41px;
	width: 300px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left:15px;
	font-size:13px;	
	outline:none;
	height:110px;
	padding-top:10px;
}

/*Upload button Style*/
.vasplusfile_adds{
	font-size:13px;
	text-align:left;
	color:#000000;
	border:1px none #ccc;
	height:41px;
	cursor: default;
	width:485px;
	float:left;
	margin-top: 68px;
	line-height: 41px;
	padding-left: 15px;
	background-color: #E4E4E4;
	background-image: url(../images/choose_bt.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.vasplusfile_adds:hover{
	background-color:#D3D3D3;
}


/*--------------------------client page css---------*/
.clients-bx img { border:none;}
.clients-bx{
	width:245px;
	height:148px;
	float:left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #e7e6e4;
	border-right-color: #e7e6e4;
	border-bottom-color: #e7e6e4;
	border-left-color: #e7e6e4;
}
.client-tb {
	margin:auto;
	height:148px;
}
.clients-bx td {
	text-align:center;
}

img.grayscale {
/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
/*filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {
/*filter: none;*/
-webkit-filter: grayscale(0%);
}
svg image {
transition: all .6s ease;
}
svg image:hover {
opacity: 0;
cursor:pointer;
}



img.half-grayscale {
/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.5\'/></filter></svg>#grayscale");*/ /* Firefox 10+ */
/*filter: gray alpha(opacity=50); /* IE6-9 */
-webkit-filter: grayscale(50%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.half-grayscale:hover {
/*filter: none;*/
-webkit-filter: grayscale(0%);
}

#clients-inner{
clear: both;
width: 982px;
height:auto;
margin-right: auto;
margin-left: auto;
padding-bottom:50px;
}
#works_inner_container {
	float: left;
	margin-top: 100px;
	width: 100%;
}
#works_b {
	clear: both;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#img_1 {
	float: left;
	height: 650px;
	width: 541px;
	margin-right: 5px;
	background-color: #BBB;
}
#img_2 {
	float: right;
	width: 324px;
	height: 323px;
	background-color: #BBB;
}
#img_3 {
	float: right;
	width: 324px;
	height: 322px;
	background-color: #BBB;
	margin-top: 5px;
}
.view-proj-icon {
	text-align: left;
	position: absolute;
	left: 230px;
	font-size: 12px;
	text-transform: uppercase;
	background-image: url(../images/arrow_icon.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	height: 28px;
	line-height: 28px;
	bottom: 15px;
}
figcaption p{ line-height:18px;}
.space {
	float: left;
	height: 90px;
	width: 100%;
}
.device {
  width: 100%;
  height: 500px;
  padding: 30px 40px;
  border-radius: 20px;
  background: #111;
  border: 3px solid white;
  margin: 5px auto;
  position: relative;
  box-shadow: 0px 0px 5px #000;
}
.device .arrow-left {
  background: url(../404.html) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .arrow-right {
  background: url(../404.html) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.swiper-container {
	height:480px;
	width: 100%;
	text-align: center;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #c9c9c9;
}
#banner_txt {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	font-size: 36px;
	color: #333;
	text-transform: uppercase;
	margin-top: 110px;
}
#banner_txt span{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -18px;
}
.first_row {
	font-size: 3em;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -7px;
}
.seco_row {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	letter-spacing: -6px;
	line-height: 40px;
	}
.third_row {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -3px;
	}
.blue_c{ color:#0f7bc0;}
.green_c{color:#6fb838;}
.yellow_c{color:#f8b416;}
.red_c{color:#156aad !important;}
.darkred_c{color:#b41f24;}
.con-form-c { width:100%; float:left; text-align:left;}
.con-form-c img  { border:none;}
.contact-tb-a { width:982px;}
.contact-tb-a img  { border:none;}

/*#######################################################*/

.gear, .gear h1{
	background:url(../images/bg-gear.jpg) repeat fixed;
	color:#fff;
}
.full1000 {
	width:1000px;
	height:auto;
	margin:auto;
}
.full1000-justify {
	width:1000px;
	height:auto;
	margin:auto;
	text-align:justify;
}
.pic-floatright {
	float:right;
	padding-left:10px;
}
.pic-floatleft {
	float:left;
	margin-right:10px;
	border:solid 1px #ffffff;
}
.clear-fixed {

	clear:both;
}

.my-italic {
	font-style:italic;
	font-size:.8em;
}

.my-bold {
	font-weight:bold;
}

/*****FOLIO*****/
   .wrap {
      overflow: hidden;
       margin:0px;
    }

    .box {
	float: left;
	position: relative;
	width: 20%;
	background-color: #ecf0f1;
	background-image: url(images/work_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
    }

    .boxInner {
       left: 0px;
       right: 0px;
       top: 0px;
       bottom: 0px;
       overflow: hidden;
    }

    .boxInner img {
       width: 100%;
    }

  

    body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
       margin-bottom: 0;
    }

    @media only screen and (max-width : 480px) {
       /* Smartphone view: 1 tile */

       .box {
          width: 100%;
       }
    }

    @media only screen and (max-width : 650px) and (min-width : 481px) {
       /* Tablet view: 2 tiles */
       .box {
          width: 50%;
       }

    }

    @media only screen and (max-width : 1050px) and (min-width : 651px) {
       /* Small desktop / ipad view: 3 tiles */
       .box {
          width:20%;        
       }
    }

    @media only screen and (max-width : 1290px) and (min-width : 1051px) {

       /* Medium desktop: 4 tiles */

       .box {
          width: 20%;
       }
    }
/*****FOLIO END*****/

.navigation02 { 
background-repeat:no-repeat;
background-position:0 bottom;
width:1000px;
z-index:9998;
margin:0 auto;
}

.navigation-wrapper {
	float:left; 
	width:100%; 
	height:155px;
	background: -webkit-linear-gradient(#4b4b4b,#000000, #000000); /* For Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(#4b4b4b,#000000, #000000); /* For Opera 11.1 to 12.0 */
 	background: -moz-linear-gradient(#4b4b4b,#000000, #000000); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(#061D2F,#ffffff, #ffffff); /* Standard syntax */
	border-bottom:solid 1px #c9c9c9;
	padding-top:10px;
}

.opacity-img a:hover{
	opacity:0.4;
	filter:alpha(opacity=40);
}

.backtotop {
	margin-left:50%;
	margin-right:50%;
	margin-top:10px;
}

.services-cont-subbox {
    width:100%;
    float: left;
	margin:10px auto;
	padding:2px 0px;
	/*background-image: url(../images/more_bg.png); background-repeat:repeat-x repeat-y;*/
	text-transform:uppercase;
	
	background: -webkit-linear-gradient(90deg,#000000,#156aad, #000000); /* For Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(90deg,#000000,#156aad, #000000); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(90deg,#000000,#156aad, #000000); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(90deg,#000000,#156aad, #000000); /* Standard syntax */
}

h4.services-cont-subbox,  h4.services-cont-subbox a{
	color:#ffffff;
}
h4.services-cont-subbox a:hover{
	color:#000;
}

.services-imgbox{
/*	width:496px;
	height:188px;*/
	float:left;
	}
	
.services-normrl-contbox{
	width:470px;
	height: auto;
	min-height:187px;
	float: right;
	text-align:justify;
	font-size:15px;
	font-family: 'Cabin', sans-serif;
	line-height:19px;
	color:#000;
	}
.services-inside-box .services-normrl-contbox ul li {
	font-size:.8em;
	line-height: 1.8em;
	padding-left:20px;
	list-style-position: inherit;
	background:url(../images/bullet.png) left 2px no-repeat;
	display: inherit; !important
	list-style:circle; !important
}	

.items {
	float:left;
	clear:both;
}

.inside_services-cont-box {
/*	float:left;*/
}
.inside_services-cont-box h4 {
	text-align:center;
	text-transform:uppercase;
}
#countrydivcontainer .inside_services-cont-box p {
	line-height:1.5em;
	font-size:0.9em;
}

#inside-service_effectbox ul li {
	list-style: disc;
	color:#ffffff;
	font-size:16px;
	margin:0;
	margin-bottom:3px;
}
#inside-service_effectbox ul li ul {
	margin-top:15px;
}

#inside-service_effectboxul li li{
	list-style: disc;
	color:#c8c8c8;
	margin-left:40px;
	font-size:0.9em;
}


#inside-service_effectbox{
	width:982px;
	margin-left:auto;
	margin-right:auto;
	height:120px;
	}
.inside-service_effect{
	width:240px;
	height:95px;
	float:left;
/*	margin-top:45px;*/
/*	margin-left:33px;*/
	}
.inside-service_effect img{
	border:none;
	margin-left:60px;
	}
	
.inside-service_effect a {
	text-align:center;
/*	font-weight:bold;*/
	color:#1A1A1A;
	text-decoration:none;
	line-height:16px;
	text-align:center;
}


.project_table table {
  border-collapse: collapse;
  color:#C6C6C6;
}
.project_table  td, th {
  width: auto;
  height: 3em;
  border: 1px solid #6f6f6f;
  text-align: center;
  padding:3px;
  text-align:center !important;
}
.project_table th {
  background:#C6C6C6;
  border-color: #6f6f6f;
  font-weight:bold !important;
  color:#000000;
}
.right-wide {
	float:left;
	width:615px;
	padding: 0 0px;
	text-align:justify;
}
.center {
	text-align: center;
	margin: 0 auto;
}

.white {
	color:#ffffff !important;
}

.white ul{
	list-style: square outside url(../images/bullet.png);
	font-size:15px;
	line-height:25px;
}
.white ul li{
	margin-left:20px;
}
.white ul li li{
	margin-left:40px;
	list-style: square outside url(../images/bullet2.png);
}