/* Insert Fonts. */


html, body {
	min-height: 100%;
	line-height: normal;
}
body {
	/*font-family: 'Gotham A', 'Gotham B';*/
	background-color: #f5f5f5;
	color: #000;
	margin: 0px;
	padding: 0;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.17em;
}
h4 {
	font-size: 1.0em;
}
h5 {
	font-size: 0.83em;
}
h6 {
	font-size: 0.67em;
}
#wrapper {
	clear: left;
	float: left;
	width: 100%;
}
header {
	position: relative;
	background-color: #fff;
}
section {
	clear: left;
	float: left;
	width: 100%;
}
.full-container {
	clear: left;
	float: left;
	width: 100%;
}
/* Form Styles */

form {
	margin: 0;
	padding: 0 0 20px 0;
}
img {
	border: 0;
}
input {
	width: 100%;
	padding: 10px;
	border: 1px solid #eee;
	color: #333;
	margin-bottom: 20px;
}
input[type="text"] {
	margin: 4px 0 20px 0;
}
input[type="submit"] {
	background-color: #333333 !important;
	color: #fff !important;
	border: 1px solid #222 !important;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
li {
	display: inline;
}
.dropdown {
	display: list-item;
}
/* additional */

.block {
	display: block;
}
.rel {
	position: relative;
}
.left {
	float: left;
}
.right {
	float: right;
}
.uppercase {
	text-transform: uppercase;
}
.grey {
	background-color: #4e4e4e;
	color: #fff;
	overflow: hidden;
}
.dark-grey {
	background-color: #333333;
	color: #fff;
}
#main-nav {
	padding: 15px 0 12px 0;
}
.relative {
	position: relative;
}
.trans {
	background-color: transparent;
}
/*
******************
    Homepage
*****************/

.homepage-banner {
	position: absolute;
	top: 200px;
	left: 264px;
	z-index: 9999;
}
.homepage-banner h1 {
	font-size: 55px;
	font-weight: 800;
	background-color: transparent;
	color: #fff;
	line-height: normal;
}
.homepage-banner h4 {
	font-size: 36px;
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 300;
	font-style: normal;
	background-color: transparent;
	color: #fff;
	line-height: normal;
}
.homepage-banner h5 {
	font-size: 36px;
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 300;
	font-style: normal;
	background-color: transparent;
	color: #fff;
	line-height: normal;
}
.homepage-banner .homepage-form-holder {
	background-color: #2a2b2b;
	color: #fff;
	padding: 26px 20px 16px 20px;
	margin-top: 224px;
}
.homepage-banner .homepage-form-holder form {
	padding: 0;
	margin: 0 0 0 20px;
}
.homepage-banner .homepage-form-holder form select {
	background-color: #fff;
	border: 1px solid #4096d8;
	width: 207px;
	padding: 12px 0;
	margin-top: 4px;
}
.homepage-banner .homepage-form-holder form input[type="text"] {
	background-color: #fff;
	border: 1px solid #4096d8;
	padding: 12px 0;
}
.homepage-banner .homepage-form-holder form input[type="image"] {
	border: 0;
	margin: 4px 0 0 0;
	padding: 0;
	height: 42px;
}
.homepage-contact-boxes {
	padding: 0;
	background-color: #dadada;
	color: #000;
}
.homepage-contact-boxes .last {
	padding: 0 0 20px 0;
}
.homepage-contact-boxes .title img {
	font-size: 22px;
	color: #353534;
	background-color: transparent;
	vertical-align: middle;
	margin-right: 20px;
	margin-top: 20px;
}
.homepage-contact-boxes .title {
	font-size: 22px;
	color: #353534;
	background-color: transparent;
}
.homepage-contact-boxes p {
	font-size: 14px;
	background-color: transparent;
	color: #878791;
}
.homepage-contact-boxes a {
	font-size: 14px;
	background-color: transparent;
	color: #4096d8;
	margin: 20px 0;
	text-decoration: none;
}
.homepage-contact-boxes a:hover {
	color: #000;
}
#homepage-side-nav {
	position: absolute;
	z-index: 9999;
	top: 134px;
	right: 0px;
	background-color: transparent;
	color: #fff;
	text-align: right;
	display:;
    z-index:999;
}
#homepage-side-nav .cell {
	float: right;
	clear: both;
	background: #000;
	margin: 5px 0;
	padding: 5px;
}
#homepage-side-nav .cell span {
	float: left;
	max-width: 0px;
	overflow: hidden;
	transition: 1s linear;
	position: relative;
	top: 20px;
	color: #fff;
}
#homepage-side-nav .cell:hover span {
	max-width: 100px;
}
#homepage-side-nav ul li img {
}
#homepage-side-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#homepage-side-nav ul li {
	cursor: pointer;
}
#homepage-side-nav ul li a {
	text-decoration: none;
	line-height: 1.4em;
	width: 20px;
}
.homepage h1 {
	font-size: 60px;
}
.homepage h3 {
	font-size: 36px;
}
/*   */

.customeselect {
	width: 200px;
	overflow: hidden;
}
.customeselect select {
	width: 220px;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 2px 2px 2px 2px;
	border: none;
	background: transparent url("../images/dropdownselectarrows.gif") no-repeat 180px center;
}
.customeselect input {
	width: 220px;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 2px 2px 2px 2px;
	border: none;
	background: #fff url("../images/search-16x16.gif") no-repeat 180px center;
}
.or {
	float: right;
	position: relative;
	top: -30px;
}
.white {
	background-color: #fff !important;
}
/* New Homepage slider */

#slideshow {
/*margin: 50px auto; */
    /*position: relative; */
    /*width: 240px; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); */
}
#slideshow > img {
}
span.lt {
	background-image: inherit !important;
	text-indent: inherit!important;
	width: inherit!important;
	overflow: inherit!important;
}
a {
	color: #007cbf;
}
a:hover {
	color: #007cbf;
}
.widget-box footer a:hover {
	color: #007cbf;
}
.widget-box footer a i:hover {
	color: #007cbf;
}
::selection {
	background: #007cbf;
}
/* 
******************
	General
******************/

.container {
	max-width: 1254px;
	margin: 0 auto;
	width: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 0px 15px;
}
/*
**********************
	Topmost Area
**********************/
.logo {
	margin: 14px 0;
	display: block;
	border: 0;
	/*width:16.667%;*/
	float:left; width:16%;
}
.topmost {
	position: relative;
	background-color: #fff;
	color: #1189c6;
	font-size: 18px;
	font-style: italic;
	overflow: visible;
}
.topmost nav {
	padding: 35px 0 0 0;
	text-align: right;
}
.topmost nav li {
	display: inline;
}
.topmost nav li a {
	background-color: #fff;
	color: #007cbf;
	margin-right: 28px;
	text-decoration: none;
}
.topmost nav li a:hover {
	background-color: #fff;
	color: #000;
}
.topmost .top-search {
	position: relative;
	padding: 12px 0;
	z-index: 9999;
	width: 8.33%;
	float:right;
}
.topmost .top-search img {
	position: relative;
	top: 12px;
	vertical-align: bottom;
}
.search-btn {
	cursor: pointer;
}
.top-searchbox {
	display: none;
	position: absolute;
	top:100%;
	right: 32px;
	width: 280px;
	height: 200px;
	background-color: #007cbf;
	z-index: 99999999999999999999999999999999;
	padding: 20px;
	color: #fff;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
.content-section {
	clear: inherit;
	float: inherit;
	width: 100%;
	line-height: 21px;
}
.tick-border-list {
	float: none !important;
	padding-left: 0px;
}
.section-header {
	background-color: inherit;
}
.member-bio {
	line-height: 21px;
}
#leadership .team-member header {
	background-color: inherit;
}
.filter-group {
	float: inherit;
}
input[type=checkbox], input[type=radio] {
	width: inherit !important;
}
.filter-panel .filter-group ul li {
	display: inherit;
}
.filter-panel .filter-group {
	padding-right: 0px;
}
.button {
	padding: 10px;
}
#header #logo a {
	background: url(../images/logo.jpg) no-repeat 0 0;
}
.file-list li {
	display: inherit;
}
/*
*******************
  Banner Area
******************/

.banner-wrapper {
	background-color: #2e2e27;
	display: block;
	border-top: 4px solid #007cbf;
	border-bottom: 0;
}
.banner-wrapper img {
	border: 0;
}
img.banner {
	width: 100%;
	border: 0;
}
/*
************************
 Main Navigation Area
***********************/

#main-nav {
	padding: 15px 30px;
	margin: 0;
	width: 100%;
}
#main-nav nav li a {
	background-color: #4e4e4e;
	color: #fff;
	text-decoration: none;
	font-style: italic;
	font-size: 14px;
	padding: 30px 10px;
}
#main-nav nav li a:hover {
	background-color: #333333;
	color: #fff;
}
/*
**********************
 For Blue Curve Area
 *********************/
.bg-border-radius {
	margin: 0px;
	padding: 0;
	width: 150%;
	overflow: hidden;
	background-color: #007cbf;
	height: auto;
	border-radius: 50%;
	padding-top: 150%;
	margin-top: -120%;
	margin-left: -25%;
}
.curve-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	z-index: 0;
}
.blue-box {
	position: absolute;
	margin: 0 auto;
	left: 26%;
	max-width: 49%;
	text-align: center;
	z-index: 9999;
}
.blue-box h1 {
	font-size: 3.250em;
	background-color: transparent;
	color: #fff;
}
.blue-box p {
	font-size: 1.600em;
	background-color: transparent;
	color: #fff;
	line-height: 1.4em;
}
/*
**********************
    Main Content
*********************/

.main-page {
	position: relative;
	display: block;
	margin-bottom: 276px;
	background-color: #f5f5f5;
}
#main-content .box {
	position: relative;
	max-width: 52%;
	text-align: center;
	margin: 100px auto;
}
#main-content h1 {
	font-size: 3.250em;
	background-color: #f5f5f5;
	color: #000;
}
#main-content p {
	font-size: 1.600em;
	background-color: transparent;
	color: #000;
	line-height: 1.4em;
}
#slider {
	position: relative;
	margin: 0 auto;
	max-width: 1106px;
}
.titles {
	width: 40%;
	border-top: 1px solid #007cbf;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 100px;
}
.titles a {
	font-size: 12px;
	color: #6a6a6a;
	text-decoration: none;
	font-weight: bold;
}
.titles a:hover, .titles a:hover, .titles a:hover {
	color: #007cbf;
}
.titles .selected {
	color: #007cbf;
}
#slider tabs {
	position: relative;
	max-height: 100%;
}
#slider .slider-left-arrow img {
	position: relative;
	top: 130px;
	cursor: pointer;
	text-align: left;
}
#slider .slider-right-arrow img {
	position: relative;
	top: 130px;
	cursor: pointer;
	text-align: right;
}
#slider .title {
	font-size: 32px;
	background-color: transparent;
	color: #007cbf;
	font-weight: bold;
	padding: 6px 0 25px 0;
    line-height:34px;
}
#slider .text {
	font-size: 18px;
	background-color: transparent;
	color: #333333;
	font-weight: normal;
	max-width: 50%;
	max-height: 80%;
	line-height: 1.3em;
	float: left;
	overflow: hidden;
	padding: 0px 1%;
}
#slider .video, #slider .image {
	float: right;
}
/* 
***********************************
 Type 1 is Curved Blue Section 
***********************************/
.type-1 {
	position: relative;
	border-top: 1px solid #007cbf;
	position: relative;
	z-index: 0;
	min-height: 414px;
}

.type-1 .heading {
	font-size: 32px;
	font-weight: bold;
	color: #007cbf;
	text-align: center;
}
.type-1 .subheading {
	font-size: 32px;
	color: #fff;
	text-align: center;
}
.type-1 p {
	font-size: 14px;
	color: #d8d8d8;
	text-align: center;
	max-width: 420px;
	line-height: 1.8em;
}

.type-1 .text-block {float: left; width:450px; height:450px; display:table; padding:0 50px;}
.type-1 .m-text{display:table-cell; text-align:center; vertical-align:middle;}
.type-1 .round-block {
	position: absolute; top: -80px;	left:100px;	z-index: 99999 !important;
	border: 60px solid #007cbf;	border-radius: 100%; background-color: #333333;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
	overflow: hidden;
}
.type-1 .video-block {text-align:center; width:45%; padding-top:50px;}
.type-1 iframe {
	/*border-radius: 50% !important;
	position: relative;
	z-index: 0 !important;*/
}
/*
******************************
   Type 2 is Blue Section 
******************************/

.type-2 {
	position: relative;
	background-color: #007cbf;
	color: #fff;
	padding: 100px 0 40px 0;
	margin: 0 auto;
	text-align: center;
}
.type-2 .heading {
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 14px;
}
.type-2 .subheading {
	font-size: 14px;
	color: #000;
	font-weight: normal;
	margin-bottom: 104px;
}
.type-2 .title {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 33px;
}
.type-2 .text {
	font-size: 10px;
	font-weight: normal;
	color: #fff;
}
.type-2 img {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin-bottom: 36px;
}
/* For Harbours */

.type-3 
/*
***********************
  Rounded Video Area
***********************/

.round-top-box {
	position: absolute;
	bottom: 0;
	left: 297px;
	min-width: 540px;
	min-height: 270px;
	background-color: #fff;
	color: #333333;
	z-index: 9;
	border-radius: 540px 540px 0 0;
}
.round-top-box .text-area {
	position: relative;
	left: 0px;
	top: 70px;
	font-size: 24px;
	font-style: italic;
	background-color: transparent;
	color: #333333;
	text-align: center;
}
.round-top-box .text-area .title {
	font-size: 24px;
	color: #333333;
	background-color: transparent;
	padding: 4px 0;
}
.round-top-box .top-circle-text {
	padding: 20px 0;
	font-size: 14px;
	margin: 0 auto;
	max-width: 395px;
	text-align: center;
	line-height: 1.4em;
}
.round-bottom-box {
	position: absolute;
	top: 0;
	left: 297px;
	min-width: 540px;
	min-height: 270px;
	background-color: #333333;
	color: #fff;
	z-index: 9;
	border-radius: 0 0 540px 540px;
}
.round-bottom-box .text-area {
	position: relative;
	left: 0px;
	top: 20px;
	font-size: 24px;
	font-style: italic;
	background-color: transparent;
	color: #fff;
	text-align: center;
}
.round-bottom-box .text-area .title {
	font-size: 24px;
	color: #fff;
	background-color: transparent;
	padding: 4px 0;
}
.round-bottom-box .bottom-circle-text {
	padding: 20px 0;
	font-size: 14px;
	margin: 0 auto;
	max-width: 395px;
	text-align: center;
	line-height: 1.4em;
}
/*
**************************
 Background Images Area 
*************************/

.bgtop {
	position: relative;
	min-height: 673px;
	background: url(../images/airport-top.jpg) no-repeat 0 0;
	background-size: 100% 100%;
	z-index: -1;
}
.bgbottom {
	position: relative;
	min-height: 677px;
	background: url(../images/airport-bottom.jpg) no-repeat 0 0;
	background-size: 100% 100%;
	z-index: -1;
}
.bg1 {
	position: relative; height:auto; padding:10% 0;
	/*min-height: 570px;*/
	background-size:cover;
	background-repeat:no-repeat;
	background-position:0 0;
	z-index: -1;
}
.bg2 {
	position: relative; height:auto; padding:10% 0 !important;
	/*min-height: 570px;*/
	background-size:cover;
	background-repeat:no-repeat;
	background-position:0 0;
	z-index: -1;
}
.bg3 {
	position: relative; height:auto; padding:10% 0 !important;
	/*min-height: 570px;*/
	background-size:cover;
	background-repeat:no-repeat;
	background-position:0 0;
	z-index: -1;
}
.curve-text-left {
	position: relative;
	background-color: transparent;
	color: #333333;
	/*min-height:570px; */
	height:auto;
}
.curve-text-left .text-area {
    float:left;
	max-width: 393px;
	overflow: hidden;
	margin-left:13%;
	background:rgba(255, 255, 255, .6); padding:20px 15px 0px 0; 
}
.curve-text-right {
	margin-right: 10px;
	background-color: transparent;
	color: #333333; height:auto;
	/*min-height:570px;*/
}
.curve-text-right .text-area {
    float:right;
	max-width: 393px;
	overflow: hidden;
	margin-right:13%;
	background:rgba(255, 255, 255, .6); padding:20px 0 0px 15px;
}

.titlet3 {
	font-size: 24px;
	/*font-family: 'Gotham A', 'Gotham B';*/
	font-weight: 400;
	font-style: italic;
	color: #007cbf;
}
.subtitlet3 {
	font-size: 24px;
	/*font-family: 'Gotham A', 'Gotham B';*/
	font-weight: 700;
	font-style: normal;
	color: #333333;
}
.traptitlet3 {
	font-size: 20px;
	/*font-family: 'Gotham A', 'Gotham B';*/
	font-weight: 400;
	font-style: normal;
	color: #333333;
}
p.t3 {
	font-size: 14px;
	/*font-family: 'Gotham A', 'Gotham B';*/
	font-weight: 500;
	font-style: normal;
	color: #333333;
	line-height: 1.4em;
}
/*
**************
 Footer Area
**************/

footer {
	clear: left;
	float: left;
	width: 100%;
	min-height: 650px;
	background-color: #333333;
	color: #b2b2b2;
	padding: 40px 0 50px 0;
	font-size: 14px;
}
footer p {
	line-height: 1.4em;
}
footer form {
	width: 100%;
	margin-top: 16px;
	text-align: right;
}
footer form input {
	background-color: #333333;
	color: #a9a9a9;
	border: 0;
	border-bottom: 1px solid #cfcfcf;
}
footer input[type="text"] {
	padding-right: 50px;
}
footer input[type="submit"] {
	margin-left: -50px;
	height: 30px;
	width: 30px;
	background: #333333;
	color: white;
	border: 0;
	-webkit-appearance: none;
}
footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #333333;
	color: #b2b2b2;
	font-size: 12px;
}
footer ul li a {
	display: block;
	width: 200px;
	background-color: #333333;
	color: #b2b2b2;
	text-decoration: none;
	line-height: 1.4em;
}
footer ul li a:hover {
	color: #fff;
}
footer .separator {
	clear: left;
	float: left;
	width: 100%;
	border: 1px solid #464646;
	margin: 46px 0;
}
footer a {
	background-color: #333333;
	color: #a9a9a9;
	text-decoration: none;
}
footer a:hover {
	color: #fff;
}
.footer-level-3 a {
	margin-right: 14px;
}
h1.mailing-list {
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	color: #fff !important;
}
/***************************************************************/



/*
******************
       Grid 
******************/
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 [class*='col-'] {
 float: left;
}
.row {
	width: 100%;
	/*max-width: 1140px;*/ /* original */
	max-width: 1254px;
	margin: 0 auto;
}
.row:after {
	content: "";
	display: table;
	clear: both;
}
.row-pad {
	padding-top: 20px;
	padding-left: 20px; /* grid-space to left */
	padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}
.push-right {
	float: right;
}
/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}
.col-1-2, .col-6-12 {
	width: 50%;
}
.col-1-3, .col-4-12 {
	width: 33.33%;
}
.col-1-4, .col-3-12 {
	width: 25%;
}
.col-1-5 {
	width: 20%;
}
.col-1-6, .col-2-12 {
	width: 16.667%;
}
.col-1-7 {
	width: 14.28%;
}
.col-1-8 {
	width: 12.5%;
}
.col-1-9 {
	width: 11.1%;
}
.col-1-10 {
	width: 10%;
}
.col-1-11 {
	width: 9.09%;
}
.col-1-12 {
	width: 8.33%
}
/* Layout Columns */

.col-11-12 {
	width: 91.66%
}
.col-10-12 {
	width: 83.333%;
}
.col-9-12 {
	width: 75%;
}
.col-5-12 {
	width: 41.66%;
}
.col-7-12 {
	width: 58.33%
}
/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}
.push-1-2, .push-6-12 {
	margin-left: 50%;
}
.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}
.push-1-4, .push-3-12 {
	margin-left: 25%;
}
.push-1-5 {
	margin-left: 20%;
}
.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}
.push-1-7 {
	margin-left: 14.28%;
}
.push-1-8 {
	margin-left: 12.5%;
}
.push-1-9 {
	margin-left: 11.1%;
}
.push-1-10 {
	margin-left: 10%;
}
.push-1-11 {
	margin-left: 9.09%;
}
.push-1-12 {
	margin-left: 8.33%
}
.action-icon {
	width: 1.6em;
	height: 1.6em;
	line-height: 1.6em;
}
.action-icon .fa {
	font-size: 1em;
	color: #dadada;
}
.widget-box footer {
	text-align: center;
	padding: 15px 0;
	margin: 0px 0px 20px;
	border-top: 1px solid #e9e9e9;
	background-color: inherit;
	min-height: inherit;
}
.widget-box footer a {
	background-color: inherit;
    color:#007cbf;
}
#footer .newsletter-form form{position:relative;}
#footer .newsletter-form button {
	position: absolute;
	left: inherit;
	top: 0; right:0;
	padding: 20px 10px;
}
#footer .newsletter-form button:hover {
	color: #fff;
}

/*-- Add New Css ---*/
video.bgvid { 
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}

.slide{padding:0 40px;}
#slider{overflow:hidden; margin-bottom:30px;}
#slider .slider-right-arrow{position:absolute; right:0px;}
#slider .slider-left-arrow{position:absolute; left:0px;}
#slider .video {float:right; max-width: 50%; overflow: hidden;padding: 0px 1%;}
figure {margin: 1em 0px;}
.mhr { padding:20px 0px;}

#homepage-side-nav { 
	position:absolute; z-index: 1010; top:5px; right:0px;
	background-color:transparent; color:#fff; text-align:right;
	}
#homepage-side-nav .cell {float:right; clear:both; background:#000; margin:1px 0;}
#homepage-side-nav .cell span{
  float: left; width: 150px; position: relative; top:2px;
  color: #fff; font-size: 0.9em; text-align: left; display:none;
}
#homepage-side-nav ul li img {width:28px; height:28px;}
#homepage-side-nav ul{list-style-type:none; margin:0; padding:0;}
#homepage-side-nav ul li{cursor:pointer;}
#homepage-side-nav ul li a{text-decoration:none; line-height:1.4em;	width:20px;	padding:0;}

.video-caption {position:absolute; top:11%; left:11%;width:85%; z-index:99; color:#FFF;}
.video-caption h1{line-height: 1.1; font-size: 60px; font-weight: 800;text-shadow: 2px 2px 2px #000;}
.video-caption h4 {font-size: 36px;line-height:38px;height:114px;text-shadow: 2px 2px 2px #000;}
.video-caption img {width:inherit !important;max-width:100%;}

.hideDesktop{display:none;}
.img-thumbnail {
	display:inline-block; height:auto; max-width:100%; line-height:1.428571429;
	-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out
	}

.ArchTools {background-color:#007ec3; padding:50px 0 35px;}
.ArchTools h3{
	font-size:24px; text-align:center; margin:0 0 50px; color:#FFF; font-weight:normal;
	font-family:Arial; font-style:normal; text-transform:inherit;
	}
.ArchTools ul{padding:0px; margin:0px; list-style:none;}
.ArchTools ul li{width:46%; float:left; margin:0 2% 2%; background:#9CF;}
.ArchTools ul li a{
	background-color:#fff; color:#333333; display:block; padding:23px 30px;
	margin:0; position:relative; text-decoration:none;
	 }
.ArchTools ul li a img{position: absolute; right:30px; top:50%; width:21px; height:26px; margin-top:-13px; display:inline-block;}
.ArchTools ul li a:hover{text-decoration:underline;}

/*.ArchTools .tool-button {
	background-color:#fff; color:#333333; display:block; padding:23px 30px;
	 margin:0 15px 30px; position:relative; text-decoration:none;
	 }
.ArchTools .tool-button:hover{text-decoration:underline;}
.ArchTools .tool-button .arrow {position: absolute; right:30px; top:50%; width:21px; height:26px; margin-top:-13px; display:inline-block;}*/

.threeCol{text-align:center; padding:40px 20px;}
.threeCol .title{color:#4096d8; font-size:24px; padding:20px;}
.threeCol .detailCol{line-height:20px;}

.bg-bluezone {
	min-height:673px;
	background: url(../images/twin-bg.png) no-repeat 0 0; 
	background-size: 100% 100%; z-index: -1;  
}
.bg-bluezone .central-circle{
  background-color:#fff; color:#000; margin:7% auto 0 auto;
  text-align:center; width:500px; height:500px; border-radius: 500px;  
  -webkit-border-radius: 500px; -moz-border-radius: 500px;  
}
.bg-bluezone .central-circle .title{
	width: 80%; margin:0 auto; font-size:24px; color:#4096d8;
	padding: 20px; position: relative; top:70px;  
	}
.bg-bluezone .central-circle .text{
  font-size: 14px; background-color: #fff; color: #333333; top:70px;
  padding: 20px; width: 80%; margin: 0 auto; position: relative; line-height:22px;  
}

.location-finder {padding:0px; margin:0px; overflow:hidden; position:relative;}
.location-finder .area-1{background-color:#007ec3; padding:0px; color:#FFF;}
.location-finder .area-1 h1{text-align:center; margin:20px 0 10px; font-size:3em; font-style:normal;}
.location-finder .area-1 .ovalbox{
	background-color:#fff; color:#000; max-width:302px; margin:0 auto 69px;
	font-size:20px; text-transform:uppercase; text-align:center; padding:8px 0;  
	border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px;
	}
.location-finder input[type="text"]{width:inherit;}
.location-finder .back-btn {
	background-color:#fff; color:#000; padding:28px 23px 22px; text-decoration:none;
	text-align:center; margin:0 auto; display:block; max-width:235px; text-transform:uppercase;
	}
.location-finder .back-btn:hover{text-decoration:underline;}
.location-finder .back-btn img {position:relative; left:-20px; vertical-align: middle;}

.locationForm{padding:20px 15px 0;}
.locationForm .back-btn {
	background-color:#fff; color:#000; padding:28px 23px 22px; text-decoration:none;
	text-align:center; margin:0 auto; display:block; max-width:235px; text-transform:uppercase;
	}
.locationForm .back-btn:hover{text-decoration:underline;}
.locationForm .back-btn img {position:relative; left:-20px; vertical-align: middle;}

.locationForm form {color:#000; overflow:hidden; position:relative; padding-bottom:0px;}
.locationForm form .useMyLoc{
	background: #fff url("../images/blue-arrow-icon.png") no-repeat no-repeat 94% 50%;
	display:inline-block; padding:0 0 0 12px; margin:0; color:#404040; font-size:18px; 
	border:1px solid #007cbf; border-width:0 1px 1px 0; float:left; width:20%;
	height:63px; line-height:60px; text-decoration:none; font-style:italic;
	}
.locationForm form .LfinderInputStyle {
	color:#404040; font-size:18px; padding:0px 10px; width:30%; height:63px; line-height:50px;
	border:0; border:1px solid #007cbf; border-width:0 1px 1px 0; margin:0px; float:left; font-style:italic;
}
.locationForm form .LfinderSelectStyle {
    padding:10px 0; margin: 0; max-width: 100%; overflow: hidden; background-color: #fff;    
    background: #fff url("../images/location-finder-round-arrow.png") no-repeat 90% 50%;
	border: 0; border:1px solid #007cbf; border-width:0 1px 1px 0; height:63px;
	float:left; width:20%; 
	}
.locationForm form .LfinderSelectStyle select {
	padding: 10px 8px; width: 120%; border: none; box-shadow: none;
	background-color: transparent; background-image: none;
	-webkit-appearance: none; -moz-appearance: none;
	appearance: none; font-style:italic; color:#404040; font-size:18px; 
	}
.locationForm form .LfinderSelectStyle select:focus {outline: none;}
.locationForm form input[type="button"] {
	background-color:#fff !important; border:1px solid #fff !important; height:62px; font-size:20px; 
	padding:14px 0; margin:0px; font-weight:normal !important; color:#404040 !important;
	float:left; width:10%; 
	}

.location-finder .area-2{padding:0px; margin:0px;  overflow:hidden;}
.location-finder .area-2 .google-map iframe{display:block; width:100% !important; max-height:800px !important;}

.location-finder .area-3{padding:0px; margin:0px; overflow:hidden; background-color:#f5f5f5; color:#333333;}
.location-finder .area-3 .third-btns {margin:5px 0; text-align:center;}
.location-finder .area-3 .padding1{padding:40px 20px;}

.location-finder .area-3 .bottom-border{padding:30px 0; border-bottom:1px solid #333; margin-bottom:30px;overflow:hidden;}
.location-finder .area-3 .finderAddress{padding-left:45px;}
.location-finder .area-3 .finderAddress2{padding:0 0 0 25px;}
.location-finder .area-3 .finderAddress .title{color:#007cbf; font-size:22px; padding-bottom:5px;}
.location-finder .area-3 .finderAddress .title a{text-decoration:none;}
.location-finder .area-3 .finderAddress .text {
    background-color:transparent;  color:#333; line-height:18px;
    font-weight: normal; margin: 0; padding: 0; font-size:13px;
}
.location-finder .area-3 .finderAddress .blue{color:#007cbf;}

.location-finder .area-3 .link a,
.location-finder .area-3 .email-link a,
.location-finder .area-3 .text  {
  font-size: 13px;  font-weight: normal;
  color: #333; padding:0px 0 5px 0; display:block; margin:0;
}
.location-finder .area-3 .link a:hover,
.location-finder .area-3 .email-link a:hover,
.location-finder .area-3 .text a:hover  {color: #007cbf;text-decoration:none;}
.location-finder .area-3.locationCol{background:#f5f5f5; clear:both;}

.locationCol .locationDetail{position:relative; padding:0 10px;}
.locationCol .locationDetail h5{
	background:#fff; border-radius:8px; padding:6px 10px 6px 45px;
	font-style:normal; font-size:20px; margin-left:5px; margin-bottom:30px;
}
.locationCol .locationIcon{position:absolute; left:10px; top:5px; width:41px; height:41px;}

.location-finder .area-3 .text24{font-size:24px;}

.prevnextCol{padding:15px 0; text-align:right;background-color:#fff;}
.prevnextCol a{text-decoration:none; padding:5px; display:inline-block; margin-left:10px;}
.prevnextCol a:hover, a:focus{color:#000; outline:none;}
.prevnextCol span {width:60px;display:inline-block;}

.SolutionFinder {padding:0px; margin:0px; overflow:hidden; position:relative;}
.SolutionFinder h1{font-size: 4em; font-style:normal;line-height: 50px}
.SolutionFinder h2{
	margin-bottom:100px; font-size:2em; line-height:normal; font-family:Arial, Helvetica, sans-serif; 
	font-style:italic; text-transform:inherit; font-weight:400;
	}
.paddingT100{padding-top:100px;}

/*--- Accordion Css ---*/
.SolutionFinder > .areaCol1{overflow:hidden; padding:0px; background:#f5f5f5;}
.SolutionFinder > .areaCol1 .title-head{
	background:#007ec3 url(../images/plus-arrow.png) right center no-repeat;
	cursor:pointer; color:#fff; font-size:30px; padding:15px 60px 15px 20px; margin-bottom:1px;	
	}
.SolutionFinder > .areaCol1 .head-active{
	background:#007ec3 url(../images/minus-arrow.png) right center no-repeat;
	cursor:pointer; color:#fff; font-size:30px; padding:15px 60px 15px 20px; margin-bottom:1px;	
	}
.SolutionFinder > .areaCol1 .title-head span{font-size:16px;}
.SolutionFinder > .areaCol1 .head-active span{font-size:16px;}

.SolutionFinder > .areaCol1 .DetailCol{overflow:hidden; padding:40px 0 0;}
.SolutionFinder > .areaCol1 .selectorsCol{overflow:hidden; padding:0; margin:0px -12px;}
.SolutionFinder > .areaCol1 .selectorsCol li{
	float:left; width:184px; height:240px; padding:0px; margin:12px; position:relative;
	/*border:1px solid #999; border-radius:100%; overflow:hidden;*/
	}
	
.SolutionFinder > .areaCol1 .selectorsCol li .imageBlock{
	width:184px; height:184px; border:1px solid #999; display:block; 
	border-radius:100%; overflow:hidden; position:relative;
	}
.SolutionFinder > .areaCol1 .selectorsCol li .imageBlock:hover img{opacity:0.6}

.SolutionFinder > .areaCol1 .selectorsCol li span{
	/*background-color:rgba(255, 255, 255, 0.6); display:none; left:0; top:0; height:100%
	z-index:99; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);*/ 
	position:relative; width:100%;; color:#000; line-height:20px;
	font-size:20px; font-weight:bold; padding:15px 0 0; text-align:center;
	font-family: Agenda,sans-serif; text-transform:uppercase; display:block;
	}
	
.SolutionFinder > .areaCol1 .applicationCol{overflow:hidden; padding:0; margin:0px -10px;}
.SolutionFinder > .areaCol1 .applicationCol li{
	float:left; width:184px; height:104px; padding:0px; margin:10px; display:table;
	overflow:hidden; position:relative;
	}
.SolutionFinder > .areaCol1 .applicationCol li a{
	display:table-cell; vertical-align:middle; text-align:center; padding:0 10px; 
	text-decoration:none; text-transform:uppercase; font-weight:bold;
	color:#333; border:1px solid #999; border-radius:20px; font-size:16px; 
	} 
.SolutionFinder > .areaCol1 .applicationCol li a:hover {background-color:#c3ddea;}
	
.SolutionFinder > .areaCol1 .DetailCol .selectorsCol li a:hover span{display:block;}

.SolutionFinder .infoCol{padding:40px 0; overflow:hidden;}
.SolutionFinder .infoCol img{vertical-align:middle; margin-right:5px;}

.SolutionFinder > .areaCol2{overflow:hidden; padding:40px 0; background:#007cbf;}
.SolutionFinder > .areaCol2 .areaBox1{color:#fff; padding-bottom:30px; font-size:18px; overflow:hidden;}
.SolutionFinder > .areaCol2 h1{color:#fff; }

.SolutionFinder > .areaCol2 .areaBox2{padding-bottom:150px; position:relative; overflow:hidden; clear:both;}
.SolutionFinder > .areaCol2 .areaBox2 .box{
	background:#FFF; border-top:2px solid #000; padding:20px; margin-bottom:20px;
	font-size:14px; line-height:18px; font-weight:normal;
}
.SolutionFinder > .areaCol2 .areaBox2 .box h2{padding:0px; margin:0 0 5px; font-style:normal; color:#3282d9; font-size:16px;}
.SolutionFinder > .areaCol2 .areaBox2 .box h3{
	padding:0px; margin:0 0 20px; font-weight:400; font-family:Arial; 
	font-style:normal; font-size:20px; text-transform:inherit;
	}
.SolutionFinder > .areaCol2 .areaBox2 .boxinfo{padding:0 50px 0 10px;}
.SolutionFinder > .areaCol2 .areaBox2 .box p:last-child{margin-bottom:0px;}

.SolutionFinder > .areaCol2 .areaBox2 .showAll-btn{
	position:absolute; display:inline-block; right:180px; bottom:54px; padding:25px; 
	background:#333; color:#fff; font-size:16px; text-decoration:none;
}

.SolutionFinder > .areaCol2 .areaBox1 ul{overflow:hidden; margin:20px -10px;}
.SolutionFinder > .areaCol2 .areaBox1 ul li a{
	background:#333; color:#fff; min-width:185px; padding:20px 10px;
	text-decoration:none; display:inline-block; text-align:center;
	text-transform:uppercase; font-style:italic; margin:0 10px 10px; font-size:16px;
}

.SolutionFinder > .areaCol2 .sliderGrid{min-height:640px; overflow:hidden;}
.SolutionFinder > .areaCol2 .sliderGrid .imageCol {height:350px;background-size:cover;}
.SolutionFinder > .areaCol2 .sliderGrid .detailCol{padding:20px; margin:0px; color:#333;}
.SolutionFinder > .areaCol2 .sliderGrid .detailCol p{line-height:18px;}
.SolutionFinder > .areaCol2 .sliderGrid .detailCol h2{
	padding:0px; margin:0 0 10px; color:#4196d9; font-size:24px; font-family:Arial;
	font-style:normal; font-weight:normal;
	}
.SolutionFinder > .areaCol2 .sliderGrid .detailCol h2 span{padding:0px; color:#4196d9; font-size:13px;}
.SolutionFinder > .areaCol2 .sliderGrid .detailCol .btnCol{padding:0px; margin:0 0 0 10px; overflow:hidden; display:block;}
.SolutionFinder > .areaCol2 .sliderGrid .detailCol .btnCol img{width:auto; max-width:100%; float:left; margin-bottom:10px;}
.SolutionFinder > .areaCol2 .sliderGrid .detailCol hr{border-color:#333; display:block; margin:10px 0;}

.SolutionFinder > .areaCol2 .sliderGrid .threeColInfo{overflow:hidden; clear:both; margin:0px -1.5%;}
.SolutionFinder > .areaCol2 .sliderGrid .threeColInfo li{
	float:left; width:30.333%; padding:10px 0 0; margin:0px 1.5%;
	border-top:1px solid #0081c1; font-size:12px;
}
.SolutionFinder > .areaCol2 .sliderGrid .threeColInfo li p:last-child{margin-bottom:0px;}
.SolutionFinder > .areaCol2 .sliderGrid .threeColInfo li h2{font-size:16px;}
.SolutionFinder > .areaCol2 .sliderGrid .itext{padding:0px; margin:0px; font-size:12px;}
.SolutionFinder > .areaCol2 .sliderGrid .itext span {
    color: #333; display:inline-block; font-size:12px; padding:0px; margin-right:10px;
}

.text12{font-size:12px;}

.SolutionFinder > .areaCol2 .sliderGrid.leftCol{background:#FFF ; margin-right:10px; margin-bottom:20px;}
.SolutionFinder > .areaCol2 .sliderGrid.rightCol{background:#FFF ; margin-left:10px; margin-bottom:20px;}


/*--- 05-10-2015 ---*/
.locationPopup{
	width:840px; height:800px; position:absolute; left:50%; top:200px; overflow:auto;
	 background:#fff; padding:70px 30px 30px; z-index:99;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);	
}
.locationPopup .icon{position:absolute; z-index:999; top:20px; font-size:36px; color:#333;}
.locationPopup h2{
	font-style:inherit; color:#007cbf;
    font-size:32px; line-height:34px;
    padding:0px; margin:0px; display:inline-block;
	}
.locationPopup .headCol{overflow:hidden; padding-bottom:40px; margin-bottom:20px; border-bottom:1px solid #000; clear:both;}
.locationPopup .headCol .timeCol{float:right; font-size:24px; font-weight:normal; color:#007cbf;}

.locationPopup ul li{padding:0 0 25px; margin:0 0 25px; border-bottom:1px solid #999999; overflow:hidden; display:block;}
.locationPopup ul li:last-child{padding-bottom:0px; border-bottom:0px; margin-bottom:0px;}
.locationPopup ul li h2{
	font-size:20px; padding:0px; margin:0px; font-family:Arial; 
	display:block; font-weight:normal; color:#333;
	}
.locationPopup ul li span{font-size:14px; color:#9a9a9a;}

.locationAddress{
	border-radius:10px; background:#007cbf; color:#fff; font-size:12px;
	  width:230px; line-height:18px;
	z-index:99; min-height:200px; padding:15px 25px 0; text-align:center;
	}
.locationAddress .fa{font-size:20px; color:#fff;}
.locationAddress .headTitle{font-size:16px; text-transform:uppercase; display:block; padding:10px 0 15px;}
.locationAddress .iconGrid{overflow:hidden; text-align:center; padding-bottom:10px;}
.locationAddress .iconGrid img{margin:0 5px;}
.locationAddress .numberCol{
	display:block; width:30px; height:30px; background:#FFF;
	border-radius:100%; text-align:center; line-height:28px;
	font-size:18px; font-weight:bold; margin:0 auto; color:#000;
}
.locationAddress .arrow-down {
	width:0; height:0; border-top: 20px solid #007cbf;
	border-left: 20px solid transparent; border-right: 20px solid transparent;	
	position:absolute; left:50%; margin-left:-20px; top:100%;
}

.divPaging {background:#f5f5f5; padding: 15px 0; text-align: right; padding-top:0; margin-top:0;}
.divPaging span {
	width:77px; height:auto; background:#333333; color:#fff; text-align:center;
	display:inline-block; vertical-align: middle; margin-left:20px;	 margin-top:20px;
}
.divPaging span a{text-decoration:none; color:#FFF; font-size:16px; font-style:italic; display:block; padding:25px 0;}
.divPaging span a:hover{background:#007cbf;}
.divPaging span.active a{background:#007cbf !important;}
.divPaging span .fa{font-size:30px;}	
.divPaging .Previous{padding:20px 0;}
.divPaging .Next{padding:20px 0;}


.blackText{color:#000 !important;}
.text-center{text-align:center;}
.marginTB80{margin-top:80px; margin-bottom:80px;}
.hideTab3{display:;}
.hideDesk3{display:none;}

.sharePopup{
	width:380px; height:180px; position:absolute; left:50%; top:200px; overflow:auto;
	 background:#fff; padding:15px 20px 10px; z-index:99;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);	
}
.sharePopup h2{padding:0 0 10px; margin:0 0 10px; border-bottom:1px solid #333;}
.sharePopup .close-icon{position:absolute; z-index:999; top:15px; right:15px; font-size:26px; color:#333;}

/*-- Home Slider Form Search (08-10-2015) ---*/
.homepage-form-holder {color:#fff; position:absolute; bottom:100px; left:11%; z-index:999; width: 85%;}
.homepage-form-holder form {background-color:#2a2b2b; padding:20px 2%; width:96%; margin:0;}
.homepage-form-holder form .customeselect{width:100%;}
.homepage-form-holder form .colBox{width:19% !important;}
.homepage-form-holder form select {
	background-color:#fff; border:1px solid #4096d8; 
	width:100%; padding:12px 5px; color:#666; margin-bottom:0px;
	background: #fff url("../images/dropdownselectarrows.gif") no-repeat 98% center;
	}
.homepage-form-holder form input[type="text"] {
	border:1px solid #4096d8; color:#666; padding:12px 10px; margin-bottom:0px;
	background: #fff url("../images/search-16x16.gif") no-repeat 98% center; width:100%;	
	}
.homepage-form-holder form input.location{background: #fff url("../images/location-icon16x16.jpg") no-repeat 98% center !important;}
.homepage-form-holder form input[type="submit"] {font-size:18px; background: #4096d8 !important; margin-bottom:0px;}

.homepage-form-holder form input[type="image"] {
	border:0;margin: 4px 0 0 0;padding:0;
	height:42px; width:100%;
	}
.homepage-form-holder form .or {
	float:left; width:8%; text-align:center;
	position: relative; top:inherit; line-height:46px;
}


/*--- 27-10-2015 ---*/
.top-searchbox form{position:relative;}
.top-searchbox input[type="text"] {padding-left:50px; height:42px;}

.selectboxit{
	position:absolute; width:40px; height:36px; top: 32px; left: 2px; font-size:13px;
	background:#007cbf; z-index:99999; padding:3px 0 0; border:1px solid #fff;
	}
.selectboxit .flipBtn{color:#FFF; text-align:center; width:38px; height:36px; display:inline-block; color:#fff; font-size:28px;}
.selectboxit .flipBtn:focus{background-color: transparent;}

.selectboxit .panelDiv{background:#fff; position:absolute; display:none; height:auto; width:230px;}
.selectboxit .panelDiv li a{
	display:block; text-decoration:none; font-style:normal; font-weight:bold;
	padding:5px 10px; line-height:22px; background:#013f85; color:#fff;
	}
.selectboxit .panelDiv li a:hover{display:block; background:#007cbf;}
.selectboxit .panelDiv li .fa{float:left; font-size:18px; font-weight:normal; margin-right:10px;}

/*--- 02-11-2015 ---*/
.partialmatch{background:#cfe1eb;}
.partialmatch p:last-child{margin-bottom:0px;}
.partialmatch .locationDetail h5{background:#d9ebf5;}
.partialmatch .paddingT70{padding-top:70px; padding-left:43px;}
.partialmatch .title2{font-size:44px; margin-bottom:15px;}

.location-finder.column1{clear:both; margin-bottom:20px;}

.content-section ul{list-style:disc; margin-left: 20px;}
.content-section ul li{padding:5px 0 5px 5px; display:list-item;}

.tt-menu{background:#fff; padding:10px;}
.tt-suggestion{display:block; padding:5px 0; font-size:14px; text-decoration:none;}
.tt-suggestion:hover{text-decoration:underline;}
.tt-cursor{color:#000;}

.prewrap {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

@media screen and (max-width: 1500px) {
.homepage-form-holder {bottom:40px;}	
}
@media screen and (max-width: 1350px) {
.homepage-form-holder {bottom:10px;}	
}
@media screen and (max-width: 1024px) {
.homepage-form-holder {left:0; z-index:999; width:100%;}
.homepage-form-holder form {padding:20px 2%; width:100%;}
}
@media screen and (max-width: 900px) {
.homepage-form-holder form .colBox{width:21% !important;}
.homepage-form-holder form .or {width:5%;}	
}
	
	
/*--- Tablet View @media screen and (max-width: 1024px) ---*/

@media screen and (max-width: 1280px) {

    .curve-text-left .text-area {margin-left:6%; max-width: 360px;}
.curve-text-right .text-area {margin-right:6%; max-width: 360px;}

}

@media screen and (max-width: 1200px) {
/*.bg1{min-height:500px;}
.bg2{min-height:500px;}
.bg3{min-height:500px;}
.curve-text-left{min-height:500px;}
.curve-text-right{min-height:500px;}
.curve-text-left .text-area{margin-top:100px; margin-left:20px;}
.curve-text-right .text-area{margin-top:100px; margin-right:0px;}
*/




.bg1 {padding:8% 0; background-size:100% 100%;}
.bg2 {padding:8% 0; background-size:100% 100%;}
.bg3 {padding:8% 0; background-size:100% 100%;}
.curve-text-left .text-area {margin-left:6%; max-width: 345px;}
.curve-text-right .text-area {margin-right:6%; max-width: 345px;}




.video-caption{display:none;}

#main-nav{overflow:hidden; padding:0px;}
#main-nav nav ul li{overflow:hidden; float:left;}
#main-nav nav ul li a {display:block; padding:10px 10px;}

.bg-border-radius{margin: -110% 0 0 -25%;}
.blue-box {margin:0px auto; max-width:80%; left:10%;}

.main-page {margin-bottom: 50px;}

.hideTab2{display:none;}
.hideDesktop{display:block;}

.type-1 .text-block{min-width:inherit; padding: 0 20px; width:100%;}
.type-1 .text-block p{max-width:inherit;}
.type-1 .round-block {
	text-align:center; background-color:inherit; border:0px; width:40%;
    border-radius:0; box-shadow:none; position:relative;
    right:inherit; top: inherit; left:inherit; z-index: 99999 !important;
}
.type-1 .video-block {text-align:center; width:60%;}

.locationForm form .useMyLoc{font-size: 18px;}
.locationForm form .LfinderInputStyle{font-size: 18px;}
.locationForm form .LfinderSelectStyle select{font-size: 18px;}

}

@media screen and (max-width: 992px) {
.signature-image {max-width:50%;}
.bg-bluezone {min-height:450px;}
.bg-bluezone .central-circle{margin:2% auto;width:450px;height:450px;}
.bg-bluezone .central-circle .text {top:50px;}

.hideTab{display:none;}
.hideDesktop{display:block;}
.tabCenter{text-align:center;}

.tab-col-12-12 {width: 100% !important;}
.tab-col-4-12 {width: 33.3333% !important; float:left !important;}

.logo{width:40%;}
.top-searchbox{right:0px;}
.topmost .top-search {width:30%; text-align:right;}

h1.mailing-list{text-align:center;}

.ulcol h5 { font-size: 18px; text-align: center; padding: 10px 0; margin-bottom:10px; background-color: #222;}
.ulcol h5 a{background:inherit;}

.blue-box {left: inherit; padding:0 20px; max-width:100%; position: relative;}
.bg-border-radius {margin: -140% 0 0 -25%;}
#main-content .box {margin:50px auto; max-width:80%;}

.curve-text-left{width:100%;}
.curve-text-left .subtitlet3{font-size:20px;}
.curve-text-left .text-area{background:rgba(255, 255, 255, .6); margin-left:3%; padding:20px 15px 0px 0;}

.curve-text-right{width:100%;}
.curve-text-right .subtitlet3{font-size:20px;}
.curve-text-right .text-area{background:rgba(255, 255, 255, .6); margin-right:3%; padding:20px 0 0px 15px;}

.content-type-1{padding-top:30px; padding-bottom:30px;}
.type-1 p{max-width:100%;}

/*.type-1 .round-video-block {width:100%;}
.type-1 .text-block{width:100%; padding:0 0 20px;}*/
.type-1 .video-block {width:100%;}
.type-1 .text-block{height:auto;}
.type-1 .round-block{width:100%; padding:0 0 20px;}

.location-finder .area-3 .third-btns {margin:5px;}

.location-finder .area-3 .finderAddress{width:100%; padding-top:10px;}
.location-finder .area-3 .finderAddress2{padding:10px 0 0 45px;}
.location-finder .area-3 .bottom-border{ padding: 0 0 20px;}
.locationCol .locationIcon{top:0px;}

.curve-text-right .text-area {max-width:280px;}
.curve-text-left .text-area {max-width:280px;}

footer ul {overflow:hidden; margin-bottom:20px;}
footer ul:last-child{margin-bottom:0px;}
footer ul li{width:50%; padding:5px 0; text-align:center; float:left; display:block; text-align:center;}
footer ul li a{width:100%; outline:none;}

/*-- Add New Css ---*/

.locationForm form .useMyLoc{width:104%; border-right:0px;}
.locationForm form .LfinderSelectStyle{width:100%; border-right:0px;}
.location-finder input[type="text"] {width: 100%; border-right:0px;}
.locationForm form input[type="submit"] {width:100%; border-right:0px;}
.locationForm form input[type="button"]{width:100%; border-right:0px;}
.locationForm form .LfinderSelectStyle {background: #fff url("../images/location-finder-round-arrow.png") no-repeat 97% 50%;}
.locationForm form{background-color:#fff;}

.SolutionFinder > .areaCol2 .areaBox2 .boxinfo{padding-right:10px;}

}

 @media handheld, only screen and (max-width: 767px) {
.row {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px; /* grid-space to left */
	padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
}
 [class*='col-'] {
 width: auto;
 float: none;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 10px;
 padding-left: 0px;
 padding-right: 10px; /* column-space */
}
	
	
	/* Mobile Layout */
	
	[class*='mobile-col-'] {
 float: left;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 10px;
 padding-left: 0px;
 padding-right: 10px; /* column-space */
 padding-bottom: 0px;
}
.mobile-col-1-1 {
	width: 100%;
}
.mobile-col-2-3, .mobile-col-8-12 {
	width: 66.66%;
}
.mobile-col-1-2, .mobile-col-6-12 {
	width: 50%;
}
.mobile-col-1-3, .mobile-col-4-12 {
	width: 33.33%;
}
.mobile-col-1-4, .mobile-col-3-12 {
	width: 25%;
}
.mobile-col-1-5 {
	width: 20%;
}
.mobile-col-1-6, .mobile-col-2-12 {
	width: 16.667%;
}
.mobile-col-1-7 {
	width: 14.28%;
}
.mobile-col-1-8 {
	width: 12.5%;
}
.mobile-col-1-9 {
	width: 11.1%;
}
.mobile-col-1-10 {
	width: 10%;
}
.mobile-col-1-11 {
	width: 9.09%;
}
.mobile-col-1-12 {
	width: 8.33%
}
/* Layout Columns */

.mobile-col-11-12 {
	width: 91.66%
}
.mobile-col-10-12 {
	width: 83.333%;
}
.mobile-col-9-12 {
	width: 75%;
}
.mobile-col-5-12 {
	width: 41.66%;
}
.mobile-col-7-12 {
	width: 58.33%
}
.hide-on-mobile {
	display: none !important;
	width: 0;
	height: 0;
}

/*--- Add New Css ---*/
.mobCenter{text-align:center;}
.mhr { padding:20px 0px; border-bottom: 1px solid #eee; }
.row {padding-left:0px; padding-right:0px;}
.notification-bar .notification-content .inner{padding: 0 15px;}

#footer .newsletter-form #newsletter-email{text-align:center;}
.widget-box{overflow:hidden;}
figure{margin:0px;}
.sectors .row [class*="col-"]{margin:0px;}
[class*="col-"]{padding-right:0px;}

.bg-border-radius {margin: -135% 0 0 -25%;}
.blue-box p{font-size:1.5em;}

#main-content .box {margin:50px auto; max-width:100%;}

#slider .text {max-width: 100%;text-align:center;}
#slider .video {display:none;}

.titles{margin-bottom:30px;}

.bg1 {z-index:inherit;}
.bg2 {z-index:inherit;}
.bg3 {z-index:inherit;}

.ArchTools ul li{width:100%; float:left; margin:0 0 20px;}

.location-finder .area-3.locationCol{padding-bottom:0px; padding-top:0px;}
.location-finder .area-3 .bottom-border{padding:0; border-bottom:0px; margin-bottom:0px;}
.location-finder .area-3 .mob-bottom-border{padding:10px 0; border-bottom:1px solid #333; margin-bottom:10px;overflow:hidden;}

.bg1 {padding:0;}
.bg2 {padding:0;}
.bg3 {padding:0 0 5%;}

.curve-text-left .text-area{background:#f5f5f5; margin-left:0; padding: 20px 15px 20px 20px; max-width:100%;}
.curve-text-right .text-area{background:#f5f5f5; margin-left:0; padding: 20px 15px 20px 20px; max-width:100%;}

.hideTab3{display:none;}
.hideDesk3{display:block;}


.homepage-form-holder {color:#333; position:relative; bottom:inherit; left:inherit; z-index:999; width:100%;}
.homepage-form-holder form {background-color:transparent; padding:20px 0; width:100%; margin:0;}
.homepage-form-holder form .colBox{width:100% !important;}
.homepage-form-holder form input[type="text"] {
	border:1px solid #4096d8; color:#666; padding:12px 10px; margin-bottom:0px;
	background: #fff url("../images/search-16x16.gif") no-repeat 98% center; width:100%;	
	}
.homepage-form-holder form input[type="submit"] {border-color: #4096d8 !important;}
.homepage-form-holder form .or {width:100%; float:none; line-height: 25px;}

.SolutionFinder > .areaCol2 .areaBox2 .boxinfo{text-align:center; padding-right:0px;}
.SolutionFinder > .areaCol2 .areaBox2 .boxinfo-icon{text-align:center;}

.SolutionFinder > .areaCol2 .sliderGrid .threeColInfo{margin:0px 0;}
.SolutionFinder > .areaCol2 .sliderGrid .threeColInfo li{
	float:left; width:100%; margin:0px; padding-bottom:10px;
	
}

.SolutionFinder > .areaCol2 .sliderGrid.leftCol{margin-right:0px;}
.SolutionFinder > .areaCol2 .sliderGrid.rightCol{margin-left:0px;}

}

/*--- Tablet View ---*/
@media screen and (max-width: 600px) {
footer ul li{width:100%;}
.bg-border-radius {margin: -160% 0 0 -25%; padding-top: 170%;}

.curve-text-left .text-area{padding: 20px 15px;}
.curve-text-right .text-area{padding: 20px 15px;}
.curve-text-right {margin-right:0px;}
.type-1 iframe {
    border-radius:0% !important;
    width:100% !important; height:50% !important;}

.main-page {margin-bottom: 20px;}

.threeCol{padding:20px;}

.bg-bluezone .central-circle {
  width:100%; height:400px; border-radius:0;  
  -webkit-border-radius:0; -moz-border-radius:0;  
  margin:4% auto;
}

.bg-bluezone .central-circle .title {width:100%; padding: 20px; position: relative; top:70px;}
.bg-bluezone .central-circle .text {padding: 20px; width:100%; line-height:22px;}

.SolutionFinder > .areaCol2 .areaBox1 ul li a{min-width:inherit; width:100%; margin-right:0px;}

.partialmatch .paddingT70{padding-top:20px; padding-left:0px;}

}

@media screen and (max-width: 450px) {
.SolutionFinder > .areaCol1 .selectorsCol li{width:42%; height:auto; margin:4%; min-height:225px;}	
.SolutionFinder > .areaCol1 .selectorsCol li .imageBlock{width:100%; height:auto;}
.SolutionFinder > .areaCol1 .selectorsCol li span{font-size:17px;}
}