/*
Theme Name: DDT Liners
Theme URI:
Author: Ian Laguna in Excite Media
Description: This stylesheet is integrated with foundation framework for WordPress theme. A fully responsive theme that looks great on any device.
Version: 5.0
Tags: Responsive Layout, Custom Theme, Foundation, ACF Plugin


CSS index:
1. WRAPPERS AND MISC
	1.1. Headings
	1.2. Buttons
2. HEADER
	2.1. Menu/Nav
	2.2. Site Logo
3. HOMEPAGE
	3.1. Banner
	3.2. Portals
	3.3. Past Projects
4. INNERPAGE
	4.1. Page Header/Banner
	4.2. Content
	4.3. Sidebar
	4.4. Projects
5. FOOTER
	5.1. Logos/Partners
	5.2. Site Infos.
	5.3. Back to Top
6. MEDIA QUERIES
	6.1 Small Screens
	6.2 Medium Screens
	6.3 Large Screens
*/

@charset "utf-8";
@import 'css/fonts.css';
@import url(http://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,700);

/*** 1. WRAPPERS AND MISC ***/
body{
	background-color:#333f48;
	color: #4d4d4d;
}
.row {max-width: 67.5rem;}
#main{background-color:#fff;min-height: 500px; padding: 4.063em 0 3.125rem;}
.gform_confirmation_wrapper {margin: 0 0 1.5rem;}

p{color:#3a3a3a;}
a, a:visited {color: #333f48; }
#past-projects a, #banner a, #past-projects a:visited, #banner a:visited {color: #FFF; }
#content .alignleft, #content img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
}
#content .alignright, #content img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
}
#content .aligncenter, #content img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}
.wrap {
	*zoom: 1;
}
.wrap:before,
.wrap:after {
	content: "";
	display: table;
	line-height: 0;
}
.wrap:after {
	clear: both;
}

/* 1.1 Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: 'fira_sansbold';
	line-height: 1.2;
	color: #fff;
}
h1.page-title{color:#fff;font-size: 4.813rem;margin:0;}
h2{color:#333f48;font-size: 2.5rem;margin: 0 0 1.5rem;}
h3{color:#333f48;font-size: 1.5rem;margin: 0 0 1.5rem;}
h4{color:#333f48;font-size: 1.25rem;margin: 0 0 1.5rem;}

/* 1.2. Buttons */
.button{font: 24px/28px 'fira_sansbold' !important;color:#fff;}
	.orange{background-color:#59cbe8;}
		.orange:hover, .orange:focus {background-color: #00687e !important;color: #fff; }
	.blue{background-color:#60ccea;}
		.blue:hover, .blue:focus {background-color: #00687e !important; }
	.light-blue{background-color:#60ccea;}
		.light-blue:hover, .light-blue:focus {background-color: #55caea !important; }

/*** 2. HEADER ***/

/* un - hide styles */

/*#innerpage #header{
	background: url("images/inner-header-bg.jpg") repeat-x center top;
	min-height: 185px;
}*/

#homepage #header{
    position: absolute;
    top: 0;
	left: 0;
    width: 100%;
    z-index: 9;
}
	#homepage .header-bar{margin:0 0 3.750rem}
	.header-bar{background: url("images/nav-bar.png") no-repeat center top;padding-top:1rem;margin:0 0 0.625rem; }
	#header .menu-wrapper{
		background: url("images/nav-left-bg.png") no-repeat left 0;
		height:2.563rem;
		padding-left:2.688rem;
		margin-left: 1.5rem;
		z-index: 4;
	}
	#header .contact{font: 1.5rem/1.625rem 'fira_sansbold';color: #fff;}

	/* 2.1. Menu/Nav */
	#main-menu{
		margin:0;
		background-color:#333f48;
		height: 100%;
		z-index: 5;
	}
		#main-menu li.home {}
			#main-menu li.home a{
				background: url("images/icon/icon-home2.png") no-repeat center -43px;
				width:1.563rem;
				height:1.563rem;
				padding: 0 2rem;
				text-indent: -99999rem;
				border-left: 0;
				margin-top:0;
			}
			#main-menu li.home:hover a, #main-menu li.current-menu-item a{background-position: center 1px }
			#main-menu li.current-menu-item a, #main-menu li.current-menu-parent a,
			#main-menu li.current-menu-item.menu-item-has-children ul.sub-menu li:hover a,
			#main-menu li.current-menu-parent ul.sub-menu li a, #main-menu li.current-menu-parent ul.sub-menu li:hover a,
			#main-menu li.current-menu-parent ul.sub-menu li.current-menu-item a{color:#59cbe8; }
			#main-menu li.current-menu-item.menu-item-has-children ul.sub-menu li a,
			#main-menu li.current-menu-parent ul.sub-menu li a{color:#fff; }
		#main-menu li{float:left;position: relative;z-index: 6;}
			#main-menu li a{
				font: 1rem/1.25rem 'fira_sanssemibold';
				display:block;
				color:#fff;
				text-transform: uppercase;
				border-left: 1px solid #4d7a8d;
				padding: 0 1.375rem;
				margin-top: 0.313rem;
			}
/*			#main-menu li.last-item a{border-right: 1px solid #4d7a8d;}*/
			#main-menu li a:hover{color:#59cbe8;}
			#main-menu .sub-menu{display:none;}
			#main-menu li:hover .sub-menu{display:block;}
			#main-menu .sub-menu{position:absolute;background-color:#333f48;margin: 0;width: 280px;}
				#main-menu .sub-menu li{width: 100%;}
				 #main-menu .sub-menu li a{border-bottom: 1px solid #4d7a8d;border-right: 0;border-left: 0;font-size: 0.875rem;padding: 0.25rem 1.25rem;}
				 #main-menu .sub-menu li.last-item a{border-bottom: 0;}

	/* 2.2. Site Logo */
	.site-logo{z-index: 3;}
		#homepage .site-logo h1{margin:0;}
		.site-logo h1{margin:0;z-index: 2;}

	#innerpage .home-link img {
    	max-width: 200px;
	}

/*** end of HEADER ***/

/*** 3. HOMEPAGE ***/
/* 3.1. Banner */

.ls-slide img{
	width: auto !important;
}

#banner{
	position:relative;
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	/* min-height: 300px */
}
	#banner p.orange, #banner p.light-blue{ transition: background-color 300ms ease-out; }
	#banner .ls-bottom-nav-wrapper{display:none !important;}
	#banner a.fancybox {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		display: block;
	}

/* 3.2. Portals */
#portals{padding: 0 0 1.25rem;background-color:#333f48;}
	#portals h3{margin:0;background:#00687e;text-align: center;text-transform:uppercase; font-size:2.5em;line-height:100%;}
	#portals h3 a{padding: 3rem 0 0 0;display:block;width: 100%;background:#60ccea;color:#fff;}
	#portals .columns{margin: -1.875rem 0 1.25rem;z-index:9;}
		#portals .portal{position:relative;background: #59cbe8;height: 230px;width: 100%;display: table;}
			#portals .portal .icon { display: table-cell;vertical-align: middle;text-align: center; padding: 1rem 0 1rem 0;}
			#portals .content{display:none;position:absolute;bottom:0;right:100%;
				background: url("images/btn-arrow.jpg") no-repeat right bottom #00687e;
				height: 100%;width: 100%;
				color:#fff;
				font: 1rem/1.4 'fira_sansbook';
				padding: 1rem 1.875rem;
			}
	#portals .columns:hover .content{display: block;right:0;}
	#portals .columns:hover .portal,#portals .columns:hover a{background: #00687e;}

/* 3.3. Past Projects */
#past-projects{margin:0;}
	#past-projects li{position: relative;margin: 0 0 1.25rem;list-style:none;}
		#past-projects li img {/*width: 513px;height: 152px;*/}
	#past-projects .proj-location, #past-projects .arrow{position:absolute;bottom:0;width: auto;height: 2.938rem;padding: 0.938rem 1.25rem;transition: background-color 300ms ease-out; }
	#past-projects .proj-location{left:0;background:#333f48;font: 1.125rem/100% 'fira_sansbook';}
	#past-projects .proj-location:hover a{color: #fff;}
		#past-projects li:hover .proj-location{background:#00687e}
	#past-projects li .arrow{right:0;margin:0;background: url("images/btn-arrow2.png") no-repeat center center #59cbe8;}
		#past-projects li:hover .arrow{background-color:#00687e}

/*** end of HOMEPAGE ***/

/*** 4. INNERPAGE ***/
iframe {
	max-width: 100%;
}
body.full #content {
	width: 100%;
}
.video_mobile_link {
	display: block;
}
.video_desktop_link {
	display: none;
}

/* Blog Page */
.post_list > article {
	border-top: 1px dotted #d2d2d3;
	padding: 42px 0 2px;
}
.post_list > article:first-child {
	border-top: none;
	padding-top: 0;
}
.pl_left {
	float: left;
	margin: 0 25px 0 0;
	width: 82px;
}
.pl_date {
	background: #59cbe8;
	color: #fff;
	font: normal 17px/1 'Lato', sans-serif;
	padding: 15px 0 13px;
	text-align: center;
	text-transform: uppercase;
}
.pl_date span {
	display: block;
	font-size: 34px;
	font-weight: bold;
	padding-bottom: 3px;
}
.pl_comment {
	color: #49767f;
	font-size: 12px;
	padding-top: 20px;
	text-align: center;
}
.pl_comment a {
	letter-spacing: -1px;
	text-decoration: underline;
}
.pl_right {
	padding-top: 2px;
}
.pl_right h2 {
	font-size: 25px;
	margin-bottom: 10px;
}
.pl_right h2 a {
	color: #545454;
}
.pl_thumb {
	float: right;
	margin-left: 20px;
}
.pl_footer {
	padding-top: 20px;
}
.pl_footer a {
	text-decoration: underline;
}
.pl_footer_left, .article-footer {
	background: url(library/images/icon_tag.png) no-repeat left top;
	float: left;
	padding: 0 0 5px 38px;
}
.pl_footer_left ul, .article-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.article-footer {
	float: none;
	margin-top: 15px;
}
.pl_footer_left ul li, .article-footer ul li {
	display: inline-block;
	font-size: 15px;
	padding: 0 20px 0 0;
}
.pl_footer_left ul li:first-child, .article-footer ul li:first-child {
	padding-left: 0;
}
.pl_footer_left ul li a, .article-footer ul li a {
	color: #555;
	text-decoration: underline;
}
.pl_footer_right {
	float: right;
}
#content .pl_footer_right a, #content .pl_footer_right a:hover, #content .pl_footer_right a:visited {
	background: #333f48;
	color: #fdfdfd;
	display: inline-block;
	font-size: 9px;
	font-weight: bold;
	line-height: 17px;
	padding: 0 7px;
	text-decoration: none;
	text-transform: uppercase;
}
.social_sharing {
	padding: 10px 0;
}

/* Gravity Form */
div.gform_wrapper {
	max-width: none;
}
div.gform_wrapper .top_label .gfield_label {
	display: block;
	font-weight: normal;
	margin-bottom: 3px;
	margin-top: 0;
}
.recaptcha_theme_clean #recaptcha_logo, .recaptcha_theme_clean #recaptcha_privacy {
	display: none;
}
.recaptcha_theme_clean tr td:first-child + td + td {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.recaptcha_theme_clean td.recaptcha_image_cell {
	width: 222px !important;
}
.recaptcha_theme_clean #recaptcha_image {
	height: auto !important;
	width: 220px !important;
}
.recaptcha_theme_clean #recaptcha_image #recaptcha_challenge_image {
	width: 220px !important;
}
.recaptcha_theme_clean #recaptcha_response_field {
	width: 222px !important;
}
.talk_to_expert_frm .gfield_label {
	display: none !important;
}
.talk_to_expert_frm input[type="text"], .talk_to_expert_frm input[type="url"], .talk_to_expert_frm input[type="email"], .talk_to_expert_frm input[type="tel"], .talk_to_expert_frm input[type="number"], .talk_to_expert_frm input[type="password"], .talk_to_expert_frm textarea {
	margin-bottom: 7px;
	padding-left: 10px !important;
	padding-right: 10px !important;
	width: 100% !important;
}
.talk_to_expert_frm textarea {
	height: 4.6875em !important;
}

/* 4.1. Page Header/Banner */
#page-header {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	clear: both;
	margin: 0 auto;
	padding: 3rem 0;
	width: 100%;
	height: 182px;
}
	#page-header .get-a-quote{margin-top: 0.938rem;float:right;}

/* 4.2. Content */
#content img{margin: 0 0 1rem;}
#content h1, #content h2, #content h3,
#content-full h1, #content-full h2, #content-full h3{color: #333f48;}
#content h1{font-size:1.840rem;margin: 0 0 1.5rem;}
#content h2{font-size:1.528rem;}
#content p, #content ul{font: 1.125rem/1.4 'fira_sansbook';}
#content hr{border: 1px solid #e9ecea;margin: 1.875rem 0 1.813rem;}
#content ul{list-style-image: url('images/ul-list.png');}
#content ul li{padding: 2px 0 7px 7px;line-height: 1.4;}
#content a, #content a:visited,
#content-full a, #content-full a:visited{color:#333f48;}
#content a:hover, #content-full a:hover{color:#00687e;}
#content .button, #content .button:visited{background-color:#59cbe8;color: #fff;}
#content .button:hover{background-color:#00687e;color: #fff;}
#content .cta{
	background-image: url("images/icon/icon-mail-48x36.png");
	background-repeat:no-repeat;
	background-position: 30px center;
	text-align:left;
	font: 1.5rem 'fira_sanssemibold';
	padding:2.188rem 1.875rem 2.188rem 6.563rem;
	margin:0;
}
	#blog-entry{border-bottom: 1px dotted #165a75;padding-bottom: 1.6875rem; margin: 0 0 1.6875rem;}
	#blog-entry h2{margin: 0 0 1rem;}

/* 4.3. Sidebar */
#sidebar{}
	#sidebar .widget{margin: 0 0 1.875rem;}
		#sidebar .widget h3{color:#fff;margin: 0 0 0.875rem;}
		#sidebar .widget p{line-height: 1.4;}
		#sidebar .widget a, #sidebar .widget a:visited{color: #006277;}
		#sidebar .widget a:hover{color: #0078a0;}
		#sidebar .widget ul{list-style:none;margin:0;}
		#sidebar .widget select{color:#333f48;}
		#sidebar .widget aside{background-color:#333f48;padding: 1rem 1.25rem;}
	#sidebar .side-nav{ padding: 0;}
		#sidebar .side-nav li a:not(.button){
			background-color:#333f48;
			color:#fff;
			font: 1.2rem 'fira_sansbold';
			text-align: center;
			text-shadow: 0 2px 1px rgba(0, 0, 0, 0.7);
			padding: 1.13rem 0.875rem;
			transition: background-color 300ms ease-out;
			border: 1px solid #124e67;
		}
		#sidebar .side-nav li a:not(.button):hover, #sidebar .side-nav li a:not(.button):focus,
		#sidebar .side-nav li.current_page_item a:not(.button){background-color:#00687e;border: 1px solid #127387;}
	.side-testi{margin: 0;}
	.side-testi li{color:#3a3a3a;border-bottom: 1px solid #e5e5e5;font: 0.902rem/1.2 'fira_sansbook';list-style:none;margin: 0 0 1.125rem;padding: 0 0 1.125rem;}
	.side-testi li.last-item{border-bottom: 0;}
	.side-testi li span{font-weight: bold;display: block;}

  /* 4.4. Projects */

/*********************
Our Work Project Listing
*********************/

table.ddt-our-work-table {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.table_style_1.ddt-our-work-table {
    border: medium none;
}

table.ddt-our-work-table tr:nth-child(2n) td{
	background: none;
}

table.ddt-our-work-table h2{
    font-size: 28px;
}

.project-name > a > h2 {
    font-size: 30px;
    margin-bottom: 6px;
}

.ddt-projects .project-subtitle {
    font-size: 17px;
}

.ddt-projects .table_style_1.ddt-our-work-table .project-title-cell {
    border-bottom: medium none;
    padding: 25px 0 0;
}

.table_style_1.ddt-our-work-table td {
    padding: 15px 0 30px;
}

.table_style_1.ddt-our-work-table td:last-child {
    padding-left: 25px;
    padding-right: 25px;
}

.table_style_1.ddt-our-work-table tr:first-child td {
    padding-top: 0px;
}

.ddt-projects .table_style_1.ddt-our-work-table td {
    background: #fff;
    border-bottom: 1px solid #d7d7d7;
    vertical-align: top;
}

.ddt-our-work-table-project-view-project-button {
    background: none repeat scroll 0 0 #052f3f;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: 0.5pt;
    margin-top: 10px;
    padding: 10px 25px;
}

/*********************
Our Work Project - Detail
*********************/

.table_style_1.ddt-project-detail-table {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
}

table.ddt-project-detail-table td:first-child {
    padding: 0 0 32px;
    vertical-align: top;
}

.ddt-project-detail-table td {
    vertical-align: top;
}

.ddt-project-detail-table h2 {
    font-size: 52px;
    margin-bottom: 10px;
}

.back-to-project-container {
    display: inline-block;
    float: right;
}

.project-subtitle {
    color: #3a3a3a;
    display: inline-block;
    font-size: 20px;
}

.ddt-project-detail-table .flexslider {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    max-width: 634px;
    overflow: hidden;
}

.ddt-project-detail-table .slides img {
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.table_style_1.ddt-project-detail-table td {
    padding-left: 20px;
    padding-right: 0;
    padding-top: 6px;
    background: #fff;
}

#carousel .slides img{
	cursor: pointer;
	max-width: 172px;
}

#carousel.flexslider .slides > li {
    /*margin-right: 10px;
    width: auto !important;*/
}

.ddt-project-detail-table .flexslider{
	margin: 0 0 25px;
}

.project-navigation a {
    color: #005d70;
    display: inline-block;
    padding: 25px;
}

.back-to-project-link {
    color: #005d70;
    display: inline-block;
    font-size: 15px;
}

.active-overlay {
	display: none;
    background: none repeat scroll 0 0 rgba(61, 61, 61, 0.56);
    height: 150px;
    position: absolute;
    width: 172px;
}

.flex-active-slide .active-overlay{
	display: block;
}

.active-overlay > img {
    margin: auto;
    padding-top: 56px;
    width: 42px !important;
}
#slider .full-screen-image {
    height: 17px !important;
    left: 597px;
    position: absolute;
    top: 20px;
    width: 17px !important;
}

#slider .slides li {
    position: relative;
}

.ddt-our-work-table-project-content-details > table {
    width: 100%;
    border: none;
}

.table_style_1.ddt-project-detail-table .ddt-our-work-table-project-content-details td {
    background: none repeat scroll 0 0 #f2f2f2;
    padding: 0 40px;
}

.table_style_1.ddt-project-detail-table .ddt-our-work-table-project-content-details tr:first-child td {
    padding: 25px 40px 0 40px;
}

.table_style_1.ddt-project-detail-table .ddt-our-work-table-project-content-details tr:last-child td {
    padding: 0 40px 25px 40px;
}

.table_style_1.ddt-project-detail-table .ddt-our-work-table-project-content-details tr td:first-child {
    font-weight: 800;
    padding-right: 0;
}

.table_style_1.ddt-project-detail-table .ddt-our-work-table-project-content-details tr td:last-child {
    padding-left: 0;
}

.table_style_1.ddt-project-detail-table .ddt-our-work-table-project-content-details tr td:last-child div {
    border-left: 1px solid #a6b9c0;
    margin: 3px 0;
    padding-left: 7px;
}

.project-navigation {
    background: none repeat scroll 0 0 #e5eef1;
    display: inline-block;
    margin-top: 30px;
    padding: 25px;
}

.project-navigation-link.prev {
	float: left;
}

.project-navigation-link.next {
	float: right;
}

a.project-navigation-link {
    color: #005d70;
    display: inline-block;
    font-size: 15px;
}

/* Accordion Styles */
.accordion {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px;
}
.accordion-title {
    border-top: 1px solid #dbdbdb;
    margin: 0;
    padding: 20px 0;
    cursor: pointer;
}
.accordion-title::after {
    color: #e58811;
    content: "+";
    display: inline-block;
    float: right;
}
.accordion-title:hover {}
.accordion-title:first-child {
	border: none;
}
.accordion-title.open {
}
.accordion-title.open:after{
	content: '-';
}
.accordion-content {
	padding-bottom: 20px;
}

/*** end of INNERPAGE ***/


/*** 5. FOOTER ***/
#footer { color:#fff;padding: 3.125rem 0; border-top: 1px solid #173d4c;}
#footer a, #footer p{color:#fff;}
#footer a:hover{text-decoration:underline;}
#footer a.ExMed{text-decoration:underline;}
#footer a.ExMed:hover{text-decoration:none;}
#footer h3{ color:#fff;margin: 0 0 1rem;}
/* 5.1. Logos/Partners */
#footer .logos{ padding: 1.75rem 0 0;}
	#footer .logos img{ margin: 0 0.625rem 0.625rem 0;}
	#footer .logos img:last-child{ margin-right: 0;}
/* 5.2. Site Infos. */
#footer .site-info li{
	background-image: url("images/icon/icons-sprite.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 2.188rem;
	padding-bottom: 0.313rem;
	margin-bottom: 0.188rem;
	line-height: 1.2rem;
	font:1rem 'fira_sansbook';
}
#footer .site-info li.location{background-image: url("images/icon/icon-location.png"); }
#footer .site-info li.phone{background-image: url("images/icon/icon-phone.png"); }
#footer .site-info li.fax{background-image: url("images/icon/icon-fax.png"); }
#footer .site-info li.email{background-image: url("images/icon/icon-mail.png"); }
#footer .colophon {margin-left: 3.125rem; }
	#footer .colophon p{font:0.813rem/1.8 'fira_sansbook'; }
	#footer .colophon .ddt-logo{margin-bottom: 2rem;display:block; }
/* 5.3. Back to Top */
.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(fonts/cd-top-arrow.svg) no-repeat center 50% rgba(89,203,232, 0.8);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
}
.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .5;
}
.no-touch .cd-top:hover {
	background-color: #59cbe8;
	opacity: 1;
}

/******************************
Hung Tran - Custom Styles
******************************/
/* Logo Slider */
.logo-slider {
	background: #fff;
	padding-bottom: 40px;
}
.logo-slider h3 {
	margin-bottom: 34px;
}
.logo-area {
	position: relative;
}
.logo-area div.scrollableArea img {
	display: block;
	height: 76px;
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.scrollableArea > div {
    border-left: 1px solid #e3e3e3;
	float: left;
    padding: 0 20px;
}
.scrollableArea > div:first-child {
	border-left: none;
}
div.scrollingHotSpotLeft, div.scrollingHotSpotRight {
	min-width: 50px !important;
	width: 5% !important;
}
div.scrollingHotSpotLeftVisible, div.scrollingHotSpotRightVisible {
	-webkit-background-size: 20px auto;
	-moz-background-size: 20px auto;
	-o-background-size: 20px auto;
	background-size: 20px auto;
	opacity: 0.55 !important;
	filter: alpha(opacity = 55) !important;
	-moz-opacity: 0.55 !important;
}

@media only screen and (min-width: 768px) {
	.cd-top {right: 20px;bottom: 20px;}
	.video_mobile_link {
		display: none;
	}
	.video_desktop_link {
		display: block;
	}
}
@media only screen and (min-width: 1024px) {
	.cd-top {height: 60px;width: 60px;right: 30px;bottom: 30px;}
}

/*** end of FOOTER ***/


/*** 6. MEDIA QUERIES ***/

/* 6.1 Small Screens */
	@media only screen and (max-width: 767px) {
		#page-header {
			height: auto !important;
		}
		#page-header .large-4 {
			display: none;
		}

		/* Porject Details */
		.back-to-project-container {
		    position: absolute;
		    right: 10px;
		    top: 0;
		}

		table.table_style_1.ddt-project-detail-table > tbody > tr > td {
		    display: block;
		    margin: 0 auto;
		    padding: 0 20px;
		    position: relative;
		    width: auto !important;
		}
		.project-name {
		    padding-top: 30px;
		}
	}

	/* max-width 480px */
	@media only screen and (max-width: 30em) {
		h3{font-size: 1.35rem;}
		p{font-size: 0.85rem;}
		#homepage .site-logo {
			z-index: 3;
			position: relative;
			top: -10px;
		}
		#header .contact{font-size: 1.25rem;}
		#past-projects .proj-location{font-size: 1rem;padding: 0.938rem;}
		#page-header {padding: 10px 0 !important;}
		#page-header .columns{width:100%;}
		#page-header .get-a-quote{float: left;}
		#footer .site-info li{font-size: 0.875rem;}
		.pl_thumb {
			clear: both;
			float: none;
			margin: 0;
			padding: 10px 0 0;
		}
		#content .alignleft, #content img.alignleft, #content .alignright, #content img.alignright, #content .aligncenter, #content img.aligncenter {
			margin: 0.5em 0;
			display: inline;
			float: none;
		}
	}

	/* max-width 640px */
	@media only screen and (max-width: 40em) {
		/* homepage */
		#main{padding: 1.875rem 0 0.625rem;}
		#content{width: 100%;}
		#portals{padding-top: 50px;}
		#portals .portal{display: none;}
		#portals .columns{margin: 0 0 1.25rem;}
		#portals .columns:first-child{margin-top: -1.875rem;}
		#portals .columns:last-child{margin-bottom: 0.625rem;}
		#past-projects li img{width:100%;}
		/* innerpage */
		#sidebar{padding-top: 1.25rem;}
		#sidebar .widget{margin: 0 0 1.25rem;}
		#sidebar .widget:last-child, .side-testi li.last-item{margin: 0;}
		#page-header {height: 140px;padding: 2.5rem 0;}
		#page-header h1.page-title{font-size: 3rem;}
		#page-header .get-a-quote{ font-size: 1rem !important;padding: 0.75rem 1.25rem;margin-top: 0;}

		#footer {padding: 1.25rem 0 0.625rem;}

		/* Projects - list */

		.wrapper .row .ddt-projects table.table_style_1.ddt-our-work-table tbody tr td{
			display: block;
			padding: 20px 10px;
		}

		.table_style_1.ddt-our-work-table td img{
			width: 100%;
		}

		.table_style_1.ddt-our-work-table td .ddt-our-work-table-project-view-project-button{
			width: 100%;
			text-align: center;
		}

		.table_style_1.ddt-our-work-table tr:nth-child(even) td:first-child{
			text-align: center;
			border-bottom: none;

		}

		/* Projects - details */
	}

/* 6.2 Medium Screens */
	/* min-width 641px */
	@media only screen and (min-width: 40.063em) {

	}
	/* min-width 641px and max-width 800px - Medium screens */
	@media only screen and (min-width: 40.063em) and (max-width: 50em) {
		#page-header {height: 170px;}
		#page-header h1.page-title{font-size: 4rem;}
		#page-header .get-a-quote{padding: 1.125rem 1.45rem 1.1875rem;}
	}
	/* max-width 801px, medium screens - Medium screens */
	@media only screen and (max-width: 50.063em) {
		.header-bar, #header .menu-wrapper{background: none;}
		#homepage .header-bar { margin: 0;padding: 0;}
		#header .contact{color:#00425c;}
		#header .contact {color: #fff;position: fixed;right: 10px;top: 7px;z-index: 999;}
		#header .menu-wrapper{height: 1.5rem;}
		#innerpage #header{min-height: 130px;}
		#innerpage .header-bar{margin:0;padding:0;}
	}
	/* max-width 840px */
	@media only screen and (max-width: 52.500em) {
		#footer .columns{width: 100%;}
		#footer .colophon{margin-left:0;}

	}
	/* min-width 801px and max-width 920px */
	@media only screen and (min-width: 50.063em) and (max-width: 57.500em) {
		#homepage .header-bar{margin: 0 0 10px;}
		#header .menu-wrapper{margin-left: 0;}
		#header .contact{font-size: 1.375rem;}
	}
	/* min-width 801px and max-width 830px */
	@media only screen and (min-width: 50.063em) and (max-width: 51.875em) {
		#main-menu li a{padding: 0 1rem;font-size: 0.938rem;}
	}
	/* min-width 831px and max-width 860px */
	@media only screen and (min-width: 51.938em) and (max-width: 53.750em) {
		#main-menu li.home a{padding: 0 1.688rem;}
		#main-menu li a{padding: 0 1.125rem;font-size: 0.938rem;}
	}
	/* min-width 861px and max-width 900px */
	@media only screen and (min-width: 53.813em) and (max-width: 56.250em) {
		#main-menu li a{padding: 0 1.25em; font-size: 0.938rem;}
	}
	/* min-width 641px and max-width 1024px */
	@media only screen and (min-width: 40.063em) and (max-width: 64em) {
		#portals .columns{margin-bottom: 3.75rem;}
		#homepage #main{margin-top: -3.125rem;}
		#past-projects .proj-location{font-size: 1rem;padding: 0.938rem;}
		#footer {padding: 1.875rem 0 1.25rem;}
	}
	/* min-width 921px and max-width 1024px */
	/*@media only screen and (min-width: 56.313em) and (max-width: 64em) {
		#homepage .header-bar{margin: 0 0 20px;}
	}*/
	/* max-width 1024px */
	@media only screen and (max-width: 64em) {
		h3{margin-bottom: 0.75rem;}
		p{line-height: 1.3; margin-bottom: 1rem;}
		#main{padding: 1.25rem 0 0.625rem;}
		#footer .logos{padding: 0.625rem 0;}
		#footer .site-info li{font-size:0.938rem;}
		#footer .colophon p{font-size:0.75rem;}

		/* Projects - details */

		table.table_style_1.ddt-project-detail-table > tbody > tr > td{
			display: block;
			padding: 0 20px;
			margin: 0 auto;
			width: auto !important;
		}
	}

/* 6.3 Large Screens */
	/*@media only screen and (min-width: 1025px) and (max-width: 1180px) {
		#homepage .header-bar{margin: 0 0 20px;}
	}*/
	/* min-width 1025px, large screens */
	@media only screen and (min-width: 64.063em) {
		#content{width: 72%;}
	}
	/* min-width 1025px and max-width 1070px */
	@media only screen and (min-width: 64.063em) and (max-width: 66.875em) {
		#main-menu li a{padding:0 1.125rem;}
	 }

/*** end of MEDIA QUERIES ***/

/* Edited 12/05/2015 */
#content h2 {
	font-size:2rem;
	margin-bottom:0.75rem;
}

.lft-float-img-str{
	overflow:hidden;
}

#content img.img-flt-lft{
	float:left;
	margin:0 40px 15px 0 !important;
}

/* max-width 860px */
@media only screen and (max-width: 53.750em)  {
#content img.img-flt-lft{
	float:none !important;
	margin:0 auto 15px auto !important;
	display:block;
}
}

/* un */

#homepage .header-bar,
#innerpage .header-bar {
	margin-bottom: 0;
}

@media only screen and (min-width: 1026px) and (max-width: 1200px)  {

	#homepage .site-logo h1,
	#innerpage .site-logo h1
	 {
		margin-top: -24px;
		width: 6em;
	}
}

@media only screen and (min-width: 1200px)  {

	#homepage .site-logo h1,
	#innerpage .site-logo h1 {
		margin-top: -24px;
		left: -48px;
		position: relative;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1025px)  {
	#homepage .header-bar,
	#innerpage .header-bar {
		margin-bottom: 24px;
	}
}
@media only screen and (min-width: 1026px) {
	header.un-modify-header {
		background-color: #fff;
		border-bottom: 2px solid #55caea;
		padding-bottom: 16px;
	}
}