@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/demo.css";

/*background page style column*/
.column {
	margin-bottom:55px;
	text-align:center;
}

.column .col1 , .column .col2 , .column .col3{
	float:left;
	width: 33.3%;

}

.column .col1 .title , .column .col2 .title , .column .col3 .title{
	font-size:14px;
	color:#00a0c7;
	padding-bottom:5px;
	padding-top:10px;
}

.column .col1 .desc , .column .col2 .desc , .column .col3 .desc{
	padding-bottom:8px;
}

.twocols { margin-bottom:20px; }

.twocols .title {
	color:#00a0c7;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:5px;
	font-family: Century Gothic ,Arial, Helvetica, sans-serif;
}

.twocols .col1 { float:left; width:67%; }
.twocols .col2 { float:right; width:33%; }
.twocols .portfolio { float:left; background-image:url(../images/latest_bg.png); background-repeat:no-repeat; padding: 7px 8px; width: 198px; min-height:187px; }
.twocols .portfolio-title { text-align:center; font-weight:bold; margin-top:15px; }
.twocols .portfolio img { width:197px; height:143px; }

.client { border:1px solid #ececec; width:147px; height:73px; float:left; margin-right:10px; margin-bottom:5px; margin-top:5px; }

.awards { margin-top:5px; }

.banner-more { width: 980px; margin: auto; text-align:right; }
.banner-more a{ background-image:url(../images/more_bg.jpg); background-repeat:repeat-x; color:#fff; text-decoration:none; font-size:16px; padding: 13px 10px; display: block; width:79px; width: 116px; text-align: center; border-radius: 4px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; margin-left: 755px; }



#sidebar.twocols .col1 { 
width: 60%; 
float: left;
margin-left: 10%; 
padding-left: 30px;
padding-top: 1%;
margin-top:0px; 
min-height:10px;
}

#sidebar.twocols .col2 { 
width:18%;
float: right;
margin-right: 5%;
margin-top: 0px;
}
#sidebar .awards { text-align:center; }
#sidebar .awards div { #margin-bottom:10px; }
#sidebar .sidebar { text-align:center; }
#sidebar .sidebar div { margin-bottom:10px; }

.about1 tr td { 
padding-bottom:10px;
width: 10%; 
}
.about1 tr td.desc1{ padding-left:5%; width: 20%;}

.about tr td { 
padding-bottom:10px;
width: 25%; 
}
.about tr td.desc{ padding-left:5%;}

.application tr td { 
padding:10px;

}
.application tr td.application2{ 
padding:10px;

}
.application tr td.application3{ 
padding:10px;

}
.application tr td.application4{ 
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
}

.companydetails tr td { vertical-align:top; padding-bottom:5px; margin-right: 10px;}

.companydetails tr td.next { padding-left:10px;}

.email { color:#00a0c7; }
.highlight { font-weight:bold; }

.contactcontainer { color:#5c5e61; }
.twocolumns .leftcol { width:40%; float:left; }
.twocolumns .rightcol { width:60%; float:left; }
.contactcontainer .location { padding:10px 0px 20px; }

#sidebar.twocols .col1 ul { margin-left:15px; }
#sidebar.twocols .col1 ul li { }
#sidebar.twocols .col1 ul li .highlight { padding-bottom:10px; }
#sidebar.twocols .col1 ul li img { }

/*preclass*/

.mb0 {
	margin-bottom: 0px !important;
}
.m0 {
	margin: 0 !important;
}
.pad0 {
	padding: 0 !important;
}

.pad1 {
	padding-right: 40px;
}

.pad2 {
	padding-right: 15px;
}

.pad3 {
	padding-right: 80px;
}


.pt0 {
	padding-top: 0;
}


.img_inner {
	margin-top: 2px;
	margin-bottom: 15px;
	max-width: 100%;
	 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}

.content h3.head1 {
	margin-bottom: 22px;
}

.fleft {
	float: left;
	margin-right: 20px;
	margin-top: 4px;
	margin-bottom: 6px;
}

.fright {
	float: right !important;	
}

.alright {
	text-align: right;
}
.center {
	text-align: center;
}
.wrapper, .extra_wrapper {
	overflow: hidden;
}
.clear {
	float: none !important;
	clear: both;
}

.cl1 {
	height: 16px;
}

.cl2 {
	height: 28px;
}


.hor_separator {
	padding-top: 44px;
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 4px;
}

.hor_separator.hor1 {
	margin-top: 29px;
}

.block1 {
	margin-bottom: 20px;
	margin-top: -2px;
}

.content.projects .box h3 {
	margin-top: 0;
}

/*controls the hover change color of box columns*/
.box {
	padding: 17px 0px 17px;
	background: url(../images/box_bg.png) 0 0 repeat;
	text-align:center;

}

.box:hover {
	background: url(../images/box_bg1.png) 0 0 repeat;
}

.box h3, .content.projects .box h3 {
	line-height: 25px;
	text-transform: none;
	border-bottom: 1px solid #d2d1d1;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.box i {
	text-align: center;
	display: block !important;
	margin-bottom: 11px;
	font-size: 36px;
	line-height: 36px;
	top: 98px;
	color: #322f2f;
}

.box:hover i {
	color: #fff;
}

.box2 {
	padding: 17px 0px 17px;
	background-color: white;
	text-align:center;
}

.box2 h3, .content.projects .box2 h3 {
	line-height: 25px;
	text-transform: none;
	border-bottom: 1px solid #d2d1d1;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 12px;
}

.page1_block .box h3 { /*space btw title and words below*/
	margin-bottom: -10%;
	margin-top: -22px;
}

.page1_block .box { /*space btw boxes*/
	margin-bottom: 20px;
}

.content.projects .box h3 {
	margin-top: -22px;	
	margin-bottom: 5px;
}
.content.projects .box {
	margin-top: 15px;
	margin-bottom: 0px;
}

.box:hover h3 {
	color: black; /*column title color*/
}

.box:hover a.btn {
	background-color: #CFC;
	color:#000;
}

.content
.emp_box .box {
	background: #f9f9f9;
	padding-top: 14px;
	margin-top: 3px;
	text-align: left;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
}

.emp_box .box p {
	margin-bottom: 10px;
}

.emp_box .box img {
	float: left;
	margin-top: 5px;
	margin-right: 12px;
}
.emp_box .box a {
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}

.hor_separator {
	border-color: transparent !important;
}


.content
.emp_box .box:hover {
	background-color: #41dcf3;
}

.emp_box .box a:hover {
	color: #fff;
	text-decoration: underline;
}

.content time {
	color: #41dcf3;
	margin-bottom: 10px;
	display: inline-block;
}

/** not working idk why
.projects .box:hover {
	background-color: url(../images/box_bg1.png) 0 0 repeat !important;
}
**/
.projects .box:hover a.btn {
	background-color: #CFC !important;
}

/***Icons**/

/*Content*/

.content.page1 {
	padding-bottom: 45px;
	padding-top: 0;
}

.content {
	background: transparent 0 0 repeat; /*colour of body of page*/
	padding-bottom: 50px;
}
.bg1 {
	background: url(../images/cont_bg.png) 0 0 repeat;
}

.content.page1 h3 {
	margin-top: 49px;
	margin-bottom: 24px;
}

.content h3 {
	margin-top: 46px;
	margin-bottom: 24px;
}
.contact-us h3{margin-top: 46px!important;margin-bottom: 24px!important;
text-align:left;
padding:0;}

.prv h3 {
	margin-bottom: 19px;
}

.content.page1 .emp_box .box {
	margin-top: 2px;
}

.hor_separator.hor2 {
	margin-bottom: 0;
	border-bottom: none;
	margin-top: 44px;
	padding-bottom: 4px;
	border-top: 1px solid #D4D4D4;
	padding-top: 0;
}
/*end of copy*/

.wrapper-header {
	
	margin:0 auto;
	padding:10px 20px 0;
}
	
.resize {width:100%; height:auto;}

.resize-img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

.imglogo {
	max-width:100%;
	height: auto;
	width: auto\9;
	position:relative;
	left: 500px;
}
.title-words { /*words before the boxes*/
	width:82%;
	margin:0 auto;
	text-align:center;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:18px;
}

.career-words { /*Career page text*/
	width:82%;
	margin:0 auto;
	text-align:left;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:18px;
}
.ei-slider{
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 350px;
	margin: 0 auto;

}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
	margin-top:4px;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	right: 50%;
	margin-right: 13%;
	top: 25%;
}
.ei-title h2, .ei-title h3{
	text-align: right;
}
.ei-title h2{
	font-size: 35px;
	line-height: 50px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #b5b5b5;
}
.ei-title h3{
	font-size: 60px;
	line-height: 70px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	color: #000;
	margin-top:-8%;
}
.ei-slider-thumbs{
	height: 13px;
	margin: 0 auto;
	position: relative;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: #000;
	background: rgba(0,0,0,0.9);
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #666 ;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
	background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


@media screen and (max-width: 830px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 5px 0;
	}
	.ei-title h2, .ei-title h3{
		text-align: center;
	}
	.ei-title h2{
		font-size: 20px;
		line-height: 24px;
	}
	.ei-title h3{
		font-size: 30px;
		line-height: 40px;
	}
	
/*==================================RESPONSIVE LAYOUTS===============================================*/

 @media only screen and (max-width: 767px) {
 body {
min-width:420px;
}

.content.projects .box {
	margin-bottom: 25px;

}

.emp_box .box {
	margin-bottom: 25px;
}

.page1_block { /*space btw last box and next row*/
	margin-bottom: 20px;
}

.page1_block .box h3 { /*space btw title and words below*/
	margin-bottom: 0px;
}

.page1_block .box { /*space btw boxes*/
	margin-bottom: 15px;
}

.cl1, .cl2  {
	height: 0;
}

footer div {
	float: none !important;
}

.caption {
	display: none !important;
}

.logos li {
	border: none !important ;
	float: none;
	width: auto;
}

.copy {
	font-size: 12px;
}

}
 @media only screen and (max-width: 479px) {
 
 body {
min-width:300px;
}

.slider_wrapper:after {
	width: 300px !important;
}

.slider_wrapper {
	height: 135px !important;
}


 .map figure iframe {
	width: 100%;
	height: 150px;
}
 }
/*edited css*/