@charset "utf-8";
embed, img, object, video {
	max-width:100%
}
.brand, .ie6 img {
	width:100%
}
#vlb1lightbox{
	position:absolute;
	top:20px;
	left:0;
	width:100%;
	z-index:200;
	text-align:center;
	color:#FFFFFF;
	line-height:0;
	padding-top: 20px;
	margin-top:-180px;
}
#vlb1prevLinkImg{
	top:35%;
	margin-top:-25px; 
	height: 50px;
	width: 31px;
	position:absolute;
	z-index:20;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	background-position: 0 0;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	}
#vlb1nextLinkImg{
	top:35%;
	margin-top:-25px; 
	height: 50px;
	width: 31px;
	position:absolute;
	z-index:20;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	background-position: 100% 0;
	background:none;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	
	}
.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 74%;
    min-height: 700px;
    border-radius:0px 4px 4px 0px;
    clear: none;
	
}
#vlb1outerImageContainer{
	overflow:visible;
	margin-bottom: 5px;
	width:350px;
	height:auto;
	margin-top:-100px;
}
#vlb1imageContainer{
	height:550px;
	width:auto !important;
	min-height:630px !important;
	margin:0 auto;
	overflow:hidden;
	background-color:#fff;
	position:relative;
	font-size:0;/* ie fix - big info bar*/
}

#vlb1imageContainer img{
	display: block;
	opacity: 1;
	position: relative !important;
	width:auto !important;
	height: 250px !important;
	left: 0px;
	margin: 10px auto !important;
}
.container {
	margin-left:auto;
	margin-right:auto;
	width:87.36%;
	padding-left:1.82%;
	padding-right:1.82%
}
.main {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
	position:relative;
	z-index:0
}
header {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	display:block;
	position:relative;
	z-index:-2
}
.logo {
	float:left;
	width:92%;
	height:auto;
	margin:0 0 20px;
	padding:0 4%;
	display:block;
	position:relative
}
.tagline{
	float:right;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
	display:block;
	color:#55C5D0;
	font-family:Grobold;
	font-size:16px;
	line-height:24px;	
}
.tagline span{
	text-indent:10%;
	float:left;
	width:100%;
}
.social {
	float:left;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	display:block;
	position:relative;
	z-index:-1;
}
.social a {
	float:left;
	margin:0 0 0 10px;
	width:16%
}
.dl-menuwrapper {
	width:88%;
	max-width:300px;
	float:left;
	position:relative;
	-webkit-perspective:1000px;
	-moz-perspective:1000px;
	perspective:1000px;
	-webkit-perspective-origin:50% 200%;
	-moz-perspective-origin:50% 200%;
	perspective-origin:50% 200%;
	top:0;
	display:block;
	left:20px;
	z-index:0;
	margin:0 0 5px 0;
}
nav {
	float:left;
	width:30%;
	height:auto;
	margin:0 5px 0 0;
	padding:0;
	display:none;
	position:relative;
	clear:right
}
nav ul {
	margin:0;
	padding:0
}
nav ul li {
	float:left
}
nav ul li a {
	background:url(../images/nav.png);
	height:40px;
	margin:0 0 0 20px;
	line-height:40px;
	float:left;
	position:relative;
	width:160px;
	text-align:center
}
.selected {
	background:url(../images/nav-768-active.png);
	height:22px;
	width:120px;
	color:#54C5D0;
}
.slider {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	display:block;
	position:relative;
	z-index:-3
}
#toPopup {
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	background:none repeat scroll 0 0 #FFF;
	border:10px solid #ccc;
	border-radius:3px;
	color:#333;
	display:block;
	font-size:14px;
	margin:0 auto;
	position:relative;
	top:20%;
	width:70%;
	z-index:101;
	min-height:670px
}
.callbacks img {
	display:block;
	position:relative;
	z-index:1;
	width:100%;
	border:0
}
.call_img img {
	height:auto
}
.slider_brand {
	height:500px
}
#slider4-pager li {
	float:left;
	list-style:none
}
#slider4-pager li img {
	float:left;
	width:50px;
	height:50px
}
#slider4-pager {
	float:none;
	width:70%;
	height:auto;
	position:relative;
	display:none;
	margin:0 auto
}
.slide-out-div {
	padding:10px 20px;
	width:250px;
	background:#fff;
	border:1px solid #818285;
	z-index:0;
	position:relative
}
.slide-out-div h3 {
	margin:0 0 10px
}
.slide {
	width:100%
}
.about {
	float:left;
	width:90%;
	height:auto;
	margin:0;
	padding:24% 5% 10px 5%;
	display:block;
	position:relative;
	background:#f6f5f5;
	border-radius:100px 0;
	min-height:400px;
	z-index:-3;
	-webkit-animation:fadein 2s;
	-moz-animation:fadein 2s;
	-ms-animation:fadein 2s;
	-o-animation:fadein 2s;
	animation:fadein 2s
}
.resp-tab-content {
    display: none;
    padding: 6%;
	float:left;
	background:#fff;
	width:88%;
	margin: 0 0 60px 0;
}
@keyframes fadein {
from {
opacity:.5
}
to {
	opacity:1
}
}
@-moz-keyframes fadein {
from {
opacity:.5
}
to {
	opacity:1
}
}
@-webkit-keyframes fadein {
from {
opacity:.5
}
to {
	opacity:1
}
}
@-ms-keyframes fadein {
from {
opacity:.5
}
to {
	opacity:1
}
}
@-o-keyframes fadein {
from {
opacity:.5
}
to {
	opacity:1
}
}
.about h3 {
	color:#F58220;
	margin:10px 0 0
}
.img {
	text-align:center;
	position:relative;
	z-index:1
}
.about_row {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px;
	padding:0;
	display:block;
	position:relative
}
.about_left {
	float:left;
	width:96%;
	height:auto;
	margin:0;
	padding:0 2%;
	display:block;
	position:relative
}
.about_right {
	float:right;
	width:100%;
	height:auto;
	margin:10px 0;
	padding:0;
	display:block;
	position:relative
}
.about_left2 {
	float:left;
	width:96%;
	height:auto;
	margin:10px 2%;
	padding:0;
	display:block;
	position:relative
}
.about_right2 {
	float:right;
	width:96%;
	height:auto;
	margin:0;
	padding:0 2%;
	display:block;
	position:relative
}
.mis_vis_content, .mis_vis_img, .usp {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	display:block;
	position:relative
}
.mis_vis_img img{
	float:left;
	width:100%;
}
.usp_top {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px
}
.usp_top img {
	float:left;
	width:100%;
	height:auto;
	margin:5px 0;
	padding:0;
	display:block;
	position:relative;
	border-right:1px solid #f3f3f3
}
.usp_top p {
	float:right;
	width:100%
}
.ul_main {
	margin:0;
	float:left
}
.ul_main li {
	color:#686868
}
.ul_sub {
	margin:10px 0 0 4%;
	float:left
}
.ul_sub li {
	color:#686868
}
.watermark {
	float:left;
	width:18%;
	height:auto;
	margin:0;
	padding:0;
	display:block;
	position:absolute;
	bottom:2%;
	left:0
}
.bm {
	float:left;
	width:80%;
	height:auto;
	margin:0;
	padding:10%;
	display:block;
	position:relative;
	background:#f6f5f5;
	z-index:-3;
	border-radius:100px 0;
	-webkit-animation:fadein 2s;
	-moz-animation:fadein 2s;
	-ms-animation:fadein 2s;
	-o-animation:fadein 2s;
	animation:fadein 2s
}
.bxslider {
	float:none;
	margin:0 0 0 -60px
}
.bm h3 {
	color:#F58220;
	margin:10px 0 2%
}
.bm_top {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px;
	padding:0;
	display:block;
	position:relative
}
.bm_top img {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	display:block;
	position:relative
}
.bm_top p {
	float:right;
	width:100%;
	height:auto;
	margin:0 0 10px;
	padding:0;
	display:block;
	position:relative
}
.bm_bottom {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px;
	padding:0;
	display:block;
	position:relative
}


.bp {
    float: left;
    width: 90%;
    height: auto;
    margin: 0px;
    padding: 4% 5%;
    display: block;
    position: relative;
    background: none repeat scroll 0% 0% #F6F5F5;
    border-radius: 100px 0px;
    animation: 2s ease 0s normal none 1 fadein;
	z-index:-3;
}

.bp h3 {
	color:#F58220;
	margin:10px 0 2%
}
.isotope-item {
	width:80%;
	float:left;
	text-align:center;
	margin:0 10% 10px
}
.isotope {
	-webkit-transition-property:height, width;
	-moz-transition-property:height, width;
	-ms-transition-property:height, width;
	-o-transition-property:height, width;
	transition-property:height, width;
	float:left;
	width:100%;
	height:auto!important;
	min-height:500px;
	background:#FFF;
	border:1px solid #e3e3e3;
	position:relative;
	z-index:1;
	margin:0 0 -1px
}
.portfolioFilter {
	margin-bottom:0;
	float:left;
	width:100%;
	height:auto
}
.portfolioFilter a {
	color:#666;
	text-decoration:none;
	float:left;
	width:24%;
	margin:0;
	height:50px;
	line-height:60px;
	position:relative;
	z-index:2;
	padding:0
}
.portfolioFilter a img {
	width:70%;
	padding:0 15%
}
.portfolioFilter a.current {
	font-weight:700;
	background:#FFF 10px 10px;
	border:1px solid #e3e3e3;
	border-radius:25px 25px 0 0;
	border-bottom:none
}
.careers {
	float:left;
	width:80%;
	height:auto;
	margin:0;
	padding:10%;
	display:block;
	position:relative;
	background:#f6f5f5;
	z-index:-2;
	border-radius:100px 0;
	-webkit-animation:fadein 2s;
	-moz-animation:fadein 2s;
	-ms-animation:fadein 2s;
	-o-animation:fadein 2s;
	animation:fadein 2s
}
.careers h3 {
	color:#F58220;
	margin:10px 0 0
}
.car_form {
	float:left;
	width:96%;
	height:auto;
	margin:20px 2% 0;
	padding:0;
	display:block;
	position:relative
}
.cr_form_row {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px;
	padding:0;
	display:block;
	position:relative
}
.cr_label {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px;
	padding:0;
	display:block;
	position:relative
}
.cr_field {
	float:left;
	width:90%;
	height:auto;
	margin:0;
	padding:0;
	display:block;
	position:relative
}
.cr_field input[type=text], input[type=email], select {
	width:90%;
	height:40px;
	border:none;
	color:#999
}
.cr_field textarea {
	width:60%;
	height:80px;
	border:none;
	color:#999
}
.cr_field input[type=submit] {
	background:#F58220;
	color:#FFF;
	border:none;
	width:auto;
	padding:6px 20px
}
.contact {
	float:left;
	width:80%;
	height:auto;
	margin:0;
	padding:10%;
	display:block;
	position:relative;
	background:#f6f5f5;
	z-index:-2;
	border-radius:100px 0;
	-webkit-animation:fadein 2s;
	-moz-animation:fadein 2s;
	-ms-animation:fadein 2s;
	-o-animation:fadein 2s;
	animation:fadein 2s
}
.contact h3 {
	color:#F58220;
	margin:10px 0 0
}
.address {
	float:left;
	width:96%;
	height:auto;
	margin:0;
	padding:0 2%;
	display:block;
	position:relative
}
.form {
	float:right;
	width:96%;
	height:auto;
	margin:20px 0 0;
	padding:0 2%;
	position:relative
}
.fields {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px;
	padding:0;
	display:block;
	position:relative
}
.fields input[type=text], input[type=email] {
	width:90%;
	height:40px;
	border:none;
	color:#999
}
.fields textarea {
	width:90%;
	height:80px;
	border:none;
	color:#999
}
.fields input[type=submit] {
	background:#F58220;
	color:#FFF;
	border:none;
	width:auto;
	padding:6px 20px
}
.contact iframe {
	float:left;
	width:100%;
	height:300px;
	margin:0;
	padding:10px 0 0;
	display:block;
	position:relative;
	border:0
}
.marquee {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 0;
	padding:0;
	display:block;
	position:relative;
	overflow:hidden
}
.bxslider {
	width:94%;
	margin:0 auto;
}
.bxslider li {
	float:left;
	width:92%
}
.bxslider li img {
	margin:0 auto;
	height:300px;
	width:auto!important
}
.footer_links {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	display:block;
	position:relative;
	text-align:right;
	color:#f58220;
	line-height:50px;
	z-index:-3
}
.footer_links a {
	margin:0 20px
}
@media only screen and (min-width:481px) {
#vlb1lightbox{
	position:absolute;
	top:20px;
	left:0;
	width:100%;
	z-index:200;
	text-align:center;
	color:#FFFFFF;
	line-height:0;
	padding-top: 20px;
	margin-top:0;
}	
#vlb1prevLinkImg{
	top:35%;
	margin-top:-25px; 
	height: 50px;
	width: 31px;
	position:absolute;
	z-index:20;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	background-position: 0 0;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	}
#vlb1nextLinkImg{
	top:35%;
	margin-top:-25px; 
	height: 50px;
	width: 31px;
	position:absolute;
	z-index:20;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	background-position: 100% 0;
	background:none;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	
	}
.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 74%;
    min-height: 700px;
    border-radius:0px 4px 4px 0px;
    clear: none;
}	
#vlb1outerImageContainer{
	overflow:visible;
	margin-bottom: 5px;
	width:700px;
	height:auto;
}	
#vlb1imageContainer{
	width:auto !important;
	min-height:400px !important;
	margin:0 auto;
	overflow:hidden;
	background-color:#fff;
	position:relative;
	font-size:0;/* ie fix - big info bar*/
}
#vlb1imageContainer img{
	display: block;
	opacity: 1;
	position: relative !important;
	width:auto !important;
	height: 250px !important;
	left: 0px;
	margin: 10px auto !important;
}	
.container {
width:90.675%;
padding-left:1.1625%;
padding-right:1.1625%
}
.main {
clear:both;
float:left;
margin-left:0;
width:100%;
display:block;
position:relative;
z-index:0
}
header {
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative;
z-index:-2
}
.logo {
float:left;
width:40%;
height:auto;
margin:20px 0;
padding:0;
display:block;
position:relative
}
.tagline{
	float:right;
	width:52%;
	height:auto;
	margin:30px 0 0 0;
	padding:0;
	position:relative;
	display:block;
	color:#55C5D0;
	font-family:Grobold;
	font-size:18px;
	line-height:24px;	
}
.tagline span{
	text-indent:20%;
	float:left;
	width:100%;
}
.social {
float:left;
width:auto;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.social a {
float:left;
margin:0 0 0 10px;
width:16%
}
.dl-menuwrapper {
width:100%;
max-width:300px;
float:left;
position:relative;
-webkit-perspective:1000px;
-moz-perspective:1000px;
perspective:1000px;
-webkit-perspective-origin:50% 200%;
-moz-perspective-origin:50% 200%;
perspective-origin:50% 200%;
top:-40px;
display:none
}
nav {
float:right;
width:auto;
height:auto;
margin:0;
padding:0;
display:block;
position:relative;
clear:right
}
nav ul {
margin:0;
padding:0
}
nav ul li {
float:left
}
nav ul li a {
background:url(../images/nav-768.png);
height:22px;
margin:0 0 0 5px;
line-height:22px;
float:left;
position:relative;
width:120px;
text-align:center;
font-size:12px
}
.slider {
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
#toPopup {
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
background:none repeat scroll 0 0 #FFF;
border:10px solid #ccc;
border-radius:3px;
color:#333;
display:block;
font-size:14px;
margin:0 auto;
position:relative;
top:20%;
width:70%;
z-index:101;
min-height:480px
}
div#popup_content {
margin:4px 0;
padding:0 5% 20px;
position:absolute;
width:90%;
overflow-y:auto;
overflow-x:none;
min-height:540px
}
.callbacks img {
display:block;
position:relative;
z-index:1;
width:100%;
border:0;
margin:0 auto
}
.call_img img {
height:220px
}
.slider_brand {
height:500px
}
#slider4-pager li {
float:left;
list-style:none
}
#slider4-pager li img {
float:left;
width:50px;
height:50px
}
#slider4-pager {
float:none;
width:70%;
height:auto;
position:relative;
display:none;
margin:0 auto
}
.slide-out-div {
padding:10px 20px;
width:250px;
background:#fff;
border:1px solid #818285;
z-index:0;
position:relative
}
.slide-out-div h3 {
margin:0 0 10px
}
.slide {
width:100%
}
.about {
float:left;
width:90%;
height:auto;
margin:0;
padding:4% 5%;
display:block;
position:relative;
background:#f6f5f5;
border-radius:100px 0;
min-height:400px;
-webkit-animation:fadein 2s;
-moz-animation:fadein 2s;
-ms-animation:fadein 2s;
-o-animation:fadein 2s;
animation:fadein 2s
}
@keyframes fadein {
from {
opacity:.5
}
to {
opacity:1
}
}
@-moz-keyframes fadein {
from {
opacity:.5
}
to {
opacity:1
}
}
@-webkit-keyframes fadein {
from {
opacity:.5
}
to {
opacity:1
}
}
@-ms-keyframes fadein {
from {
opacity:.5
}
to {
opacity:1
}
}
@-o-keyframes fadein {
from {
opacity:.5
}
to {
opacity:1
}
}
.about h3 {
color:#F58220;
margin:10px 0 0
}
.img {
text-align:center;
position:relative;
z-index:1
}
.about_row {
float:left;
width:100%;
height:auto;
margin:0 0 20px;
padding:0;
display:block;
position:relative
}
.about_left {
float:left;
width:66%;
height:auto;
margin:0;
padding:0 2%;
display:block;
position:relative
}
.about_right {
float:right;
width:30%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.about_left2 {
float:left;
width:30%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.about_right2 {
float:right;
width:66%;
height:auto;
margin:0;
padding:0 2%;
display:block;
position:relative
}
.mis_vis_content, .mis_vis_img, .usp {
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.mis_vis_img img{
	float:left;
	width:100%;
}
.usp_top {
float:left;
width:100%;
height:auto;
margin:0 0 20px
}
.usp_top img {
float:left;
width:46%;
height:auto;
margin:0;
padding:0 2% 0 0;
display:block;
position:relative;
border-right:1px solid #f3f3f3
}
.usp_top p {
float:right;
width:50%
}
.ul_main {
margin:0;
float:left
}
.ul_main li {
color:#686868
}
.ul_sub {
margin:10px 0 0 4%;
float:left
}
.ul_sub li {
color:#686868
}
.watermark {
float:left;
width:18%;
height:auto;
margin:0;
padding:0;
display:block;
position:absolute;
bottom:2%;
left:0
}
.bm {
float:left;
width:90%;
height:auto;
margin:0;
padding:4% 5%;
display:block;
position:relative;
background:#f6f5f5;
border-radius:100px 0;
-webkit-animation:fadein 2s;
-moz-animation:fadein 2s;
-ms-animation:fadein 2s;
-o-animation:fadein 2s;
animation:fadein 2s
}
.bm h3 {
color:#F58220;
margin:10px 0 2%
}
.bm_top {
float:left;
width:100%;
height:auto;
margin:0 0 10px;
padding:0;
display:block;
position:relative
}
.bm_top img {
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.bm_top p {
float:right;
width:100%;
height:auto;
margin:0 0 15px;
padding:0;
display:block;
position:relative
}
.bm_bottom {
float:left;
width:100%;
height:auto;
margin:0 0 10px;
padding:0;
display:block;
position:relative
}
.bp {
float:left;
width:90%;
height:auto;
margin:0;
padding:4% 5%;
display:block;
position:relative;
background:#f6f5f5;
border-radius:100px 0;
-webkit-animation:fadein 2s;
-moz-animation:fadein 2s;
-ms-animation:fadein 2s;
-o-animation:fadein 2s;
animation:fadein 2s
}
.bp h3 {
color:#F58220;
margin:10px 0 2%
}
.isotope-item {
width:45%;
float:left;
text-align:center;
margin:0 0 10px
}
.isotope {
-webkit-transition-property:height, width;
-moz-transition-property:height, width;
-ms-transition-property:height, width;
-o-transition-property:height, width;
transition-property:height, width;
float:left;
width:79%;
height:auto!important;
min-height:500px;
background:#FFF;
border:1px solid #e3e3e3;
position:relative;
z-index:1;
margin:0 0 -1px
}
.portfolioFilter {
margin-bottom:10px;
float:left;
width:20%;
height:auto
}
.portfolioFilter a {
color:#666;
text-decoration:none;
float:left;
width:60%;
margin:0 0 10px;
height:100px;
line-height:100px;
position:relative;
z-index:2;
padding:0 20%
}
.portfolioFilter a.current {
font-weight:700;
background:url(../images/watermark_tab.png) no-repeat #FFF 10px 10px;
border:1px solid #e3e3e3;
border-radius:25px 0 0 25px;
border-right:none
}
.careers {
float:left;
width:90%;
height:auto;
margin:0;
padding:5%;
display:block;
position:relative;
background:#f6f5f5;
border-radius:100px 0;
-webkit-animation:fadein 2s;
-moz-animation:fadein 2s;
-ms-animation:fadein 2s;
-o-animation:fadein 2s;
animation:fadein 2s
}
.careers h3 {
color:#F58220;
margin:10px 0 0
}
.car_form {
float:left;
width:90%;
height:auto;
margin:20px 0 0;
padding:0;
display:block;
position:relative
}
.cr_form_row {
float:left;
width:100%;
height:auto;
margin:0 0 20px;
padding:0;
display:block;
position:relative
}
.cr_field, .cr_label {
float:left;
width:50%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.cr_field input[type=text], input[type=email], select {
width:80%;
height:40px;
border:none;
color:#999
}
.cr_field textarea {
width:80%;
height:80px;
border:none;
color:#999
}
.cr_field input[type=submit] {
background:#F58220;
color:#FFF;
border:none;
width:auto;
padding:6px 20px
}
.contact {
float:left;
width:90%;
height:auto;
margin:0;
padding:5%;
display:block;
position:relative;
background:#f6f5f5;
border-radius:100px 0;
-webkit-animation:fadein 2s;
-moz-animation:fadein 2s;
-ms-animation:fadein 2s;
-o-animation:fadein 2s;
animation:fadein 2s
}
.contact h3 {
color:#F58220;
margin:10px 0 0
}
.address {
float:left;
width:46%;
height:auto;
margin:0;
padding:0 2%;
display:block;
position:relative;
background:url(../images/shadow.png) right center no-repeat
}
.form {
float:right;
width:46%;
height:auto;
margin:0;
padding:0 0 0 4%;
position:relative
}
.fields {
float:left;
width:100%;
height:auto;
margin:0 0 20px;
padding:0;
display:block;
position:relative
}
.fields input[type=text], input[type=email] {
width:80%;
height:40px;
border:none;
color:#999
}
.fields textarea {
width:80%;
height:80px;
border:none;
color:#999
}
.fields input[type=submit] {
background:#F58220;
color:#FFF;
border:none;
width:auto;
padding:6px 20px
}
.contact iframe {
float:left;
width:100%;
height:300px;
margin:0;
padding:10px 0 0;
display:block;
position:relative;
border:0
}
.marquee {
float:left;
width:100%;
height:auto;
margin:20px 0 0;
padding:0;
display:block;
position:relative;
overflow:hidden
}
.bxslider {
width:94%
}
.bxslider li {
float:left;
width:92%
}
.bxslider li img {
margin:0 auto;
height:300px;
width:auto!important
}
.footer_links {
float:right;
width:50%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative;
text-align:right;
color:#f58220;
line-height:50px;
z-index:0
}
.footer_links a {
margin:0 20px
}
}
@media only screen and (min-width:769px) {
#vlb1lightbox{
	position:absolute;
	top:20px;
	left:0;
	width:100%;
	z-index:200;
	text-align:center;
	color:#FFFFFF;
	line-height:0;
	padding-top: 20px;
	margin-top:0;
}
#vlb1prevLinkImg{
	top:35%;
	margin-top:-25px; 
	height: 50px;
	width: 31px;
	position:absolute;
	z-index:20;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	background-position: 0 0;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	}
#vlb1nextLinkImg{
	top:35%;
	margin-top:-25px; 
	height: 50px;
	width: 31px;
	position:absolute;
	z-index:20;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	background-position: 100% 0;
	background:none;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	
	}	
.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 40%;
    min-height: 700px;
    border-radius:0px 4px 4px 0px;
    clear: none;
}	
#vlb1outerImageContainer{
	overflow:visible;
	margin-bottom: 5px;
	width:700px;
	height:auto;
}	
#vlb1imageContainer{
	width:auto !important;
	min-height:480px !important;
	margin:0 auto;
	overflow:hidden;
	background-color:#fff;
	position:relative;
	font-size:0;/* ie fix - big info bar*/
}

#vlb1imageContainer img{
	display: block;
	opacity: 1;
	position: relative !important;
	width:auto !important;
	height: 250px !important;
	left: 0px;
	margin: 10px auto !important;
}	
.container {
width:82%;
max-width:1232px;
padding-left:.9%;
padding-right:.9%;
margin:auto
}
.main {
clear:both;
float:left;
margin-left:0;
width:100%;
display:block;
position:relative;
z-index:0
}
header {
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative;
z-index:-2
}
.logo {
float:left;
width:29%;
height:auto;
margin:20px 0 10px;
padding:0;
display:block;
position:relative
}
.tagline{
	float:right;
	width:52%;
	height:auto;
	margin:30px 0 0 0;
	padding:0;
	position:relative;
	display:block;
	color:#55C5D0;
	font-family:Grobold;
	font-size:22px;
	line-height:24px;	
}
.tagline span{
	text-indent:30%;
	float:left;
	width:100%;
}
.social {
float:right;
width:auto;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.social a {
float:left;
margin:0 0 0 10px;
width:16%
}
.dl-menuwrapper {
width:100%;
max-width:300px;
float:left;
position:relative;
-webkit-perspective:1000px;
-moz-perspective:1000px;
perspective:1000px;
-webkit-perspective-origin:50% 200%;
-moz-perspective-origin:50% 200%;
perspective-origin:50% 200%;
top:-40px;
display:none
}
nav {
float:right;
width:auto;
height:auto;
margin:0;
padding:0;
display:block;
position:relative;
clear:right;
z-index:-1
}
nav ul {
margin:0;
padding:0
}
nav ul li {
float:left
}
nav ul li a {
background:url(../images/nav-768.png);
height:22px;
margin:0 0 0 7px;
line-height:22px;
float:left;
position:relative;
width:120px;
text-align:center;
font-size:12px
}
.selected {
background:url(../images/nav-768-active.png);
height:22px;
width:120px;
color:#54C5D0;
display:block
}
.slider {
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
#toPopup {
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
background:none repeat scroll 0 0 #FFF;
border:10px solid #ccc;
border-radius:3px;
color:#333;
display:block;
font-size:14px;
margin:-200px auto 0;
position:relative;
width:70%;
z-index:101;
min-height:500px
}
div#popup_content {
margin:4px 0;
padding:0 5% 20px;
position:absolute;
width:90%;
overflow-y:auto;
overflow-x:none;
min-height:540px
}
.callbacks img {
display:block;
position:relative;
z-index:1;
border:0;
margin:0 auto;
width:100%
}
.call_img img {
width:auto!important;
height:250px
}
.slider_brand {
height:500px
}
#slider4-pager li {
float:left;
list-style:none;
margin:0 20px 0 0
}
#slider4-pager li img {
float:left;
width:50px;
height:50px
}
#slider4-pager {
float:none;
width:56%;
height:auto;
position:relative;
display:block;
margin:0 auto
}
.slide-out-div {
padding:10px 20px;
width:250px;
background:#fff;
border:1px solid #818285;
z-index:0;
position:relative
}
.slide-out-div h3 {
margin:0 0 10px
}
.slide {
width:100%
}
.about {
float:left;
width:90%;
height:auto;
margin:0;
padding:4% 5%;
display:block;
position:relative;
background:#f6f5f5;
border-radius:100px 0;
min-height:400px;
-webkit-animation:fadein 2s;
-moz-animation:fadein 2s;
-ms-animation:fadein 2s;
-o-animation:fadein 2s;
animation:fadein 2s
}
.resp-tab-content {
    display: none;
    padding: 2%;
	float:left;
	background:#fff;
	width:96%;
	margin: 0 0 60px 0;
}
@keyframes fadein {
from {
opacity:.5
}
to {
opacity:1
}
}
@-moz-keyframes fadein {
from {
opacity:.5
}
to {
opacity:1
}
}
@-webkit-keyframes fadein {
from {
opacity:.5
}
to {
opacity:1
}
}
@-ms-keyframes fadein {
from {
opacity:.5
}
to {
opacity:1
}
}
@-o-keyframes fadein {
from {
opacity:.5
}
to {
opacity:1
}
}
.about h3 {
color:#F58220;
margin:10px 0 0
}
.img {
text-align:center;
position:relative;
z-index:1
}
.about_row {
float:left;
width:100%;
height:auto;
margin:10px 0;
padding:0;
display:block;
position:relative
}
.margin_top1, .margin_top2 {
margin-top:2%
}
.margin_top3 {
margin-top:4%
}
.margin_top4 {
margin-top:8%
}
.gradient {
float:left;
width:100%;
height:1px;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(237, 237, 237, 1) 30%, rgba(232, 232, 232, 1) 50%, rgba(237, 237, 237, 1) 70%, rgba(255, 255, 255, 1) 100%);
background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(30%, rgba(237, 237, 237, 1)), color-stop(50%, rgba(232, 232, 232, 1)), color-stop(70%, rgba(237, 237, 237, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background:-webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(237, 237, 237, 1) 30%, rgba(232, 232, 232, 1) 50%, rgba(237, 237, 237, 1) 70%, rgba(255, 255, 255, 1) 100%);
background:-o-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(237, 237, 237, 1) 30%, rgba(232, 232, 232, 1) 50%, rgba(237, 237, 237, 1) 70%, rgba(255, 255, 255, 1) 100%);
background:-ms-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(237, 237, 237, 1) 30%, rgba(232, 232, 232, 1) 50%, rgba(237, 237, 237, 1) 70%, rgba(255, 255, 255, 1) 100%);
background:linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(237, 237, 237, 1) 30%, rgba(232, 232, 232, 1) 50%, rgba(237, 237, 237, 1) 70%, rgba(255, 255, 255, 1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1)
}
.about_left {
float:left;
width:66%;
height:auto;
margin:0;
padding:0 2%;
display:block;
position:relative
}
.about_right {
float:right;
width:30%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.about_left2 {
float:left;
width:30%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.about_right2 {
float:right;
width:66%;
height:auto;
margin:0;
padding:0 2%;
display:block;
position:relative
}
.mis_vis_content, .mis_vis_img, .usp {
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.usp_top {
float:left;
width:100%;
height:auto;
margin:0 0 20px
}
.usp_top img {
float:left;
width:46%;
height:auto;
margin:0;
padding:0 2% 0 0;
display:block;
position:relative;
border-right:1px solid #f3f3f3
}
.usp_top p {
float:right;
width:50%
}
.ul_main {
margin:0;
float:left
}
.ul_main li {
color:#686868
}
.ul_sub {
margin:10px 0 0 4%;
float:left
}
.ul_sub li {
color:#686868
}
.watermark {
float:left;
width:18%;
height:auto;
margin:0;
padding:0;
display:block;
position:absolute;
bottom:2%;
left:0;
z-index:-1
}
.bm {
float:left;
width:90%;
height:auto;
margin:0;
padding:4% 5%;
display:block;
position:relative;
background:#f6f5f5;
border-radius:100px 0;
-webkit-animation:fadein 2s;
-moz-animation:fadein 2s;
-ms-animation:fadein 2s;
-o-animation:fadein 2s;
animation:fadein 2s
}
.bm h3 {
color:#F58220;
margin:10px 0 2%
}
.bm_top {
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.bm_top img {
float:left;
width:40%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.bm_top p {
float:right;
width:58%;
height:auto;
margin:0 0 15px;
padding:0;
display:block;
position:relative
}
.bm_bottom {
float:left;
width:100%;
height:auto;
margin:0 0 10px;
padding:0;
display:block;
position:relative
}
.bp {
float:left;
width:90%;
height:auto;
margin:0;
padding:4% 5%;
display:block;
position:relative;
background:#f6f5f5;
border-radius:100px 0;
-webkit-animation:fadein 2s;
-moz-animation:fadein 2s;
-ms-animation:fadein 2s;
-o-animation:fadein 2s;
animation:fadein 2s
}
.bp h3 {
color:#F58220;
margin:10px 0 2%;
position:relative
}
.h3 {
color:#F58220;
margin:10px 0 2%;
position:relative;
top:88px
}
.bp p {
margin:10px 0 2%;
position:relative;
top:88px
}
.isotope-item {
width:33%;
float:left;
text-align:center
}
.isotope {
-webkit-transition-property:height, width;
-moz-transition-property:height, width;
-ms-transition-property:height, width;
-o-transition-property:height, width;
transition-property:height, width;
float:left;
width:79%;
height:auto!important;
min-height:500px;
background:#FFF;
border:1px solid #e3e3e3;
position:relative;
z-index:1;
margin:0 0 -1px
}
.portfolioFilter {
margin-bottom:10px;
float:left;
width:20%;
height:auto
}
.portfolioFilter a {
color:#666;
text-decoration:none;
float:left;
width:60%;
margin:0 0 10px;
height:100px;
line-height:100px;
position:relative;
z-index:2;
padding:0 20%
}
.portfolioFilter a.current {
font-weight:700;
background:url(../images/watermark_tab.png) no-repeat #FFF 10px 10px;
border:1px solid #e3e3e3;
border-radius:25px 0 0 25px;
border-right:none
}
.careers {
float:left;
width:90%;
height:auto;
margin:0;
padding:5%;
display:block;
position:relative;
background:#f6f5f5;
border-radius:100px 0;
-webkit-animation:fadein 2s;
-moz-animation:fadein 2s;
-ms-animation:fadein 2s;
-o-animation:fadein 2s;
animation:fadein 2s
}
.careers h3 {
color:#F58220;
margin:10px 0 0
}
.car_form {
float:left;
width:60%;
height:auto;
margin:20px 0 0;
padding:0;
display:block;
position:relative
}
.cr_form_row {
float:left;
width:100%;
height:auto;
margin:0 0 20px;
padding:0;
display:block;
position:relative
}
.cr_field, .cr_label {
float:left;
width:50%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.cr_field input[type=text], input[type=email], select {
width:60%;
height:40px;
border:none;
color:#999
}
.cr_field textarea {
width:60%;
height:80px;
border:none;
color:#999
}
.cr_field input[type=submit] {
background:#F58220;
color:#FFF;
border:none;
width:auto;
padding:6px 20px
}
.contact {
float:left;
width:90%;
height:auto;
margin:0;
padding:5%;
display:block;
position:relative;
background:#f6f5f5;
border-radius:100px 0;
-webkit-animation:fadein 2s;
-moz-animation:fadein 2s;
-ms-animation:fadein 2s;
-o-animation:fadein 2s;
animation:fadein 2s
}
.contact h3 {
color:#F58220;
margin:10px 0 0
}
.address {
float:left;
width:46%;
height:auto;
margin:0;
padding:0 2%;
display:block;
position:relative;
background:url(../images/shadow.png) right center no-repeat
}
.form {
float:right;
width:46%;
height:auto;
margin:0;
padding:0 0 0 4%;
position:relative
}
.fields {
float:left;
width:100%;
height:auto;
margin:0 0 20px;
padding:0;
display:block;
position:relative
}
.fields input[type=text], input[type=email] {
width:50%;
height:40px;
border:none;
color:#999
}
.fields textarea {
width:50%;
height:80px;
border:none;
color:#999
}
.fields input[type=submit] {
background:#F58220;
color:#FFF;
border:none;
width:auto;
padding:6px 20px
}
.contact iframe {
float:left;
width:100%;
height:300px;
margin:0;
padding:10px 0 0;
display:block;
position:relative;
border:0
}
.marquee {
float:left;
width:100%;
height:auto;
margin:20px 0 0;
padding:0;
display:block;
position:relative;
overflow:hidden
}
.bxslider {
width:94%
}
.bxslider li {
float:left;
width:92%
}
.bxslider li img {
margin:0 auto;
height:300px;
width:auto!important
}
.footer_links {
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative;
text-align:right;
color:#f58220;
line-height:50px;
font-weight:700;
z-index:0
}
.footer_links a {
margin:0 20px
}
}
@media only screen and (min-width:901px) {
#vlb1lightbox{
	position:absolute;
	top:20px;
	left:0;
	width:100%;
	z-index:200;
	text-align:center;
	color:#FFFFFF;
	line-height:0;
	padding-top: 20px;
	margin-top:0;
}
#vlb1prevLinkImg{
	top:35%;
	margin-top:-25px; 
	height: 50px;
	width: 31px;
	position:absolute;
	z-index:20;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	background-position: 0 0;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	}
#vlb1nextLinkImg{
	top:35%;
	margin-top:-25px; 
	height: 50px;
	width: 31px;
	position:absolute;
	z-index:20;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	background-position: 100% 0;
	background:none;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	
	}	
.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 74%;
    min-height: 700px;
    border-radius:0px 4px 4px 0px;
    clear: none;
}	

#vlb1outerImageContainer{
	overflow:visible;
	margin:0 auto;
	margin-bottom: 5px;
	width:900px;
	height:auto;
}	
#vlb1imageContainer{
	width:auto !important;
	min-height:500px !important;
	margin:0 auto;
	overflow:hidden;
	background-color:#fff;
	position:relative;
	font-size:0;/* ie fix - big info bar*/
}

#vlb1imageContainer img{
	display: block;
	opacity: 1;
	position: relative !important;
	width:auto !important;
	height: 250px !important;
	left: 0px;
	margin: 10px auto !important;
}	
.container {
width:82%;
max-width:1232px;
padding-left:.9%;
padding-right:.9%;
margin:auto
}
.main {
clear:both;
float:left;
margin-left:0;
width:100%;
display:block;
position:relative;
z-index:0
}
header {
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative;
z-index:-3
}
.logo {
float:left;
width:29%;
height:auto;
margin:20px 0 10px;
padding:0;
display:block;
position:relative
}
.tagline{
	float:right;
	width:52%;
	height:auto;
	margin:30px 0 0 0;
	padding:0;
	position:relative;
	display:block;
	color:#55C5D0;
	font-family:Grobold;
	font-size:22px;
	line-height:24px;	
}
.tagline span{
	text-indent:30%;
	float:left;
	width:100%;
}
.social {
float:left;
width:auto;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.social a {
float:left;
margin:0 0 0 10px;
width:16%
}
.dl-menuwrapper {
width:100%;
max-width:300px;
float:left;
position:relative;
-webkit-perspective:1000px;
-moz-perspective:1000px;
perspective:1000px;
-webkit-perspective-origin:50% 200%;
-moz-perspective-origin:50% 200%;
perspective-origin:50% 200%;
top:-40px;
display:none
}
nav {
float:right;
width:auto;
height:auto;
margin:0;
padding:0;
display:block;
position:relative;
clear:right;
z-index:-1
}
nav ul {
margin:0;
padding:0
}
nav ul li {
float:left
}
nav ul li a {
background:url(../images/nav.png);
height:30px;
margin:0 0 0 7px;
line-height:30px;
float:left;
position:relative;
width:160px;
text-align:center;
font-size:14px
}
.selected {
background:url(../images/nav_active.png);
height:30px;
width:160px;
color:#54C5D0;
display:block
}
.slider {
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
#toPopup {
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
background:none repeat scroll 0 0 #FFF;
border:10px solid #ccc;
border-radius:3px;
color:#333;
display:block;
font-size:14px;
margin:-200px auto 0;
position:relative;
width:70%;
z-index:101;
min-height:580px
}
div#popup_content {
margin:4px 0;
padding:0 5% 20px;
position:absolute;
width:90%;
overflow-y:auto;
overflow-x:none;
min-height:540px
}
.callbacks img {
display:block;
position:relative;
z-index:1;
border:0;
margin:0 auto;
width:100%
}
.call_img img {
width:auto!important;
height:250px
}
.slider_brand {
height:500px
}
#slider4-pager li {
float:left;
list-style:none;
margin:0 20px 0 0
}
#slider4-pager li img {
float:left;
width:50px;
height:50px
}
#slider4-pager {
float:none;
width:56%;
height:auto;
position:relative;
display:block;
margin:0 auto
}
.slide-out-div {
padding:10px 20px;
width:250px;
background:#fff;
border:1px solid #818285;
z-index:0;
position:relative
}
.slide-out-div h3 {
margin:0 0 10px
}
.slide {
width:100%
}
.about {
float:left;
width:90%;
height:auto;
margin:0;
padding:4% 5%;
display:block;
position:relative;
background:#f6f5f5;
border-radius:100px 0;
min-height:400px;
-webkit-animation:fadein 2s;
-moz-animation:fadein 2s;
-ms-animation:fadein 2s;
-o-animation:fadein 2s;
animation:fadein 2s
}
.resp-tab-content {
    display: none;
    padding: 2%;
	float:left;
	background:#fff;
	width:96%;
	margin: 0 0 60px 0;
}
@keyframes fadein {
from {
opacity:.5
}
to {
opacity:1
}
}
@-moz-keyframes fadein {
from {
opacity:.5
}
to {
opacity:1
}
}
@-webkit-keyframes fadein {
from {
opacity:.5
}
to {
opacity:1
}
}
@-ms-keyframes fadein {
from {
opacity:.5
}
to {
opacity:1
}
}
@-o-keyframes fadein {
from {
opacity:.5
}
to {
opacity:1
}
}
.about h3 {
color:#F58220;
margin:10px 0 0
}
.img {
text-align:center;
position:relative;
z-index:1
}
.about_row {
float:left;
width:100%;
height:auto;
margin:10px 0;
padding:0;
display:block;
position:relative
}
.margin_top1, .margin_top2 {
margin-top:2%
}
.margin_top3 {
margin-top:4%
}
.margin_top4 {
margin-top:8%
}
.gradient {
float:left;
width:100%;
height:1px;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(237, 237, 237, 1) 30%, rgba(232, 232, 232, 1) 50%, rgba(237, 237, 237, 1) 70%, rgba(255, 255, 255, 1) 100%);
background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(30%, rgba(237, 237, 237, 1)), color-stop(50%, rgba(232, 232, 232, 1)), color-stop(70%, rgba(237, 237, 237, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background:-webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(237, 237, 237, 1) 30%, rgba(232, 232, 232, 1) 50%, rgba(237, 237, 237, 1) 70%, rgba(255, 255, 255, 1) 100%);
background:-o-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(237, 237, 237, 1) 30%, rgba(232, 232, 232, 1) 50%, rgba(237, 237, 237, 1) 70%, rgba(255, 255, 255, 1) 100%);
background:-ms-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(237, 237, 237, 1) 30%, rgba(232, 232, 232, 1) 50%, rgba(237, 237, 237, 1) 70%, rgba(255, 255, 255, 1) 100%);
background:linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(237, 237, 237, 1) 30%, rgba(232, 232, 232, 1) 50%, rgba(237, 237, 237, 1) 70%, rgba(255, 255, 255, 1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1)
}
.about_left {
float:left;
width:66%;
height:auto;
margin:0;
padding:0 2%;
display:block;
position:relative
}
.about_right {
float:right;
width:30%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.about_left2 {
float:left;
width:30%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.about_right2 {
float:right;
width:66%;
height:auto;
margin:0;
padding:0 2%;
display:block;
position:relative
}
.mis_vis_content, .mis_vis_img, .usp {
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.mis_vis_img{
	float:left;
	width:100%;
}
.usp_top {
float:left;
width:100%;
height:auto;
margin:0 0 20px
}
.usp_top img {
float:left;
width:46%;
height:auto;
margin:0;
padding:0 2% 0 0;
display:block;
position:relative;
border-right:1px solid #f3f3f3
}
.usp_top p {
float:right;
width:50%
}
.ul_main {
margin:0;
float:left
}
.ul_main li {
color:#686868
}
.ul_sub {
margin:10px 0 0 4%;
float:left
}
.ul_sub li {
color:#686868
}
.watermark {
float:left;
width:18%;
height:auto;
margin:0;
padding:0;
display:block;
position:absolute;
bottom:2%;
left:0;
z-index:-1
}
.bm {
float:left;
width:90%;
height:auto;
margin:0;
padding:4% 5%;
display:block;
position:relative;
background:#f6f5f5;
border-radius:100px 0;
-webkit-animation:fadein 2s;
-moz-animation:fadein 2s;
-ms-animation:fadein 2s;
-o-animation:fadein 2s;
animation:fadein 2s
}
.bm h3 {
color:#F58220;
margin:10px 0 2%
}
.bm_top {
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.bm_top img {
float:left;
width:40%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.bm_top p {
float:right;
width:58%;
height:auto;
margin:0 0 15px;
padding:0;
display:block;
position:relative
}
.bm_bottom {
float:left;
width:100%;
height:auto;
margin:0 0 10px;
padding:0;
display:block;
position:relative
}
.bp {
float:left;
width:90%;
height:auto;
margin:0;
padding:4% 5%;
display:block;
position:relative;
background:#f6f5f5;
border-radius:100px 0;
-webkit-animation:fadein 2s;
-moz-animation:fadein 2s;
-ms-animation:fadein 2s;
-o-animation:fadein 2s;
animation:fadein 2s
}
.bp h3 {
color:#F58220;
margin:10px 0 2%;
position:relative
}
.h3 {
color:#F58220;
margin:10px 0 2%;
position:relative;
top:88px
}
.bp p {
margin:10px 0 2%;
position:relative;
top:88px
}
.isotope-item {
width:33%;
float:left;
text-align:center
}
.isotope {
-webkit-transition-property:height, width;
-moz-transition-property:height, width;
-ms-transition-property:height, width;
-o-transition-property:height, width;
transition-property:height, width;
float:left;
width:79%;
height:auto!important;
min-height:500px;
background:#FFF;
border:1px solid #e3e3e3;
position:relative;
z-index:1;
margin:0 0 -1px
}
.portfolioFilter {
margin-bottom:10px;
float:left;
width:20%;
height:auto
}
.portfolioFilter a {
color:#666;
text-decoration:none;
float:left;
width:60%;
margin:0 0 10px;
height:100px;
line-height:100px;
position:relative;
z-index:2;
padding:0 20%
}
.portfolioFilter a.current {
font-weight:700;
background:url(../images/watermark_tab.png) no-repeat #FFF 10px 10px;
border:1px solid #e3e3e3;
border-radius:25px 0 0 25px;
border-right:none
}
.careers {
float:left;
width:90%;
height:auto;
margin:0;
padding:5%;
display:block;
position:relative;
background:#f6f5f5;
border-radius:100px 0;
-webkit-animation:fadein 2s;
-moz-animation:fadein 2s;
-ms-animation:fadein 2s;
-o-animation:fadein 2s;
animation:fadein 2s
}
.careers h3 {
color:#F58220;
margin:10px 0 0
}
.car_form {
float:left;
width:60%;
height:auto;
margin:20px 0 0;
padding:0;
display:block;
position:relative
}
.cr_form_row {
float:left;
width:100%;
height:auto;
margin:0 0 20px;
padding:0;
display:block;
position:relative
}
.cr_field, .cr_label {
float:left;
width:50%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative
}
.cr_field input[type=text], input[type=email], select {
width:60%;
height:40px;
border:none;
color:#999
}
.cr_field textarea {
width:60%;
height:80px;
border:none;
color:#999
}
.cr_field input[type=submit] {
background:#F58220;
color:#FFF;
border:none;
width:auto;
padding:6px 20px
}
.contact {
float:left;
width:90%;
height:auto;
margin:0;
padding:5%;
display:block;
position:relative;
background:#f6f5f5;
border-radius:100px 0;
-webkit-animation:fadein 2s;
-moz-animation:fadein 2s;
-ms-animation:fadein 2s;
-o-animation:fadein 2s;
animation:fadein 2s
}
.contact h3 {
color:#F58220;
margin:10px 0 0
}
.address {
float:left;
width:46%;
height:auto;
margin:0;
padding:0 2%;
display:block;
position:relative;
background:url(../images/shadow.png) right center no-repeat
}
.form {
float:right;
width:46%;
height:auto;
margin:0;
padding:0 0 0 4%;
position:relative
}
.fields {
float:left;
width:100%;
height:auto;
margin:0 0 20px;
padding:0;
display:block;
position:relative
}
.fields input[type=text], input[type=email] {
width:50%;
height:40px;
border:none;
color:#999
}
.fields textarea {
width:50%;
height:80px;
border:none;
color:#999
}
.fields input[type=submit] {
background:#F58220;
color:#FFF;
border:none;
width:auto;
padding:6px 20px
}
.contact iframe {
float:left;
width:100%;
height:300px;
margin:0;
padding:10px 0 0;
display:block;
position:relative;
border:0
}
.marquee {
float:left;
width:100%;
height:auto;
margin:20px 0 0;
padding:0;
display:block;
position:relative;
overflow:hidden
}
.bxslider {
width:94%;
}
.bxslider li {
float:left;
width:92%
}
.bxslider li img {
margin:0 auto;
height:300px;
width:auto!important
}
.footer_links {
float:right;
width:50%;
height:auto;
margin:0;
padding:0;
display:block;
position:relative;
text-align:right;
color:#f58220;
line-height:50px;
font-weight:700;
z-index:0
}
.footer_links a {
margin:0 20px
}
}