@charset "utf-8";
/* CSS Document */

/* CSS Style Explanations */
/* -row is used to specify site width
   -wrap is used to specify full browser width
   
*/   

body, html { font-family: 'Lato', Tahoma, sans-serif; font-size: 14px; line-height: 1.5; color: #333333; margin: 0 !important; background: #ffffff; }
body{ border-top: 13px solid #e67d0a;}
.row { max-width: 1200px; }
a, a:visited, a:focus { color:#034992}
footer a, footer a:visited, footer a:focus{color:#e67d0a}
footer a:hover{color:gold}
a:hover { color: #e67d0a }
p{ font-size:14px; color:#333333;}
/* ====================
   Headings 
==================== */
h1, h2, h3, h4, h5, h6 { font-family: "Arvo"; font-weight: bold; line-height: 1.1 }
h1 { color: #fff; font-size: 46px; font-weight: normal; letter-spacing: 1px; margin-bottom: .3em; text-transform: uppercase; }
h2 { color: #333333; font-size: 32px; font-weight: normal;  letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; text-transform: uppercase; }
h3 { color: #e67d0a; font-size: 1.5rem; font-weight: normal; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; text-transform: uppercase; }
h4 { color: #333333; font-size: 1.2rem; font-weight: normal; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; text-transform: uppercase; }
h5 { color: #333333; font-size: 1.1rem; font-weight: normal; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; text-transform: uppercase; }
h6 { color: #333333; font-size: 1rem; font-weight: normal; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; font-style: Italic; }
hr.black { border-color: #333333;}
/* ====================
   Buttons 
==================== */
input[type="submit"] {border-radius: 3px;}
button a, button a:visited, a.cat_button, a.cat_button:visited, a.button, a.button:visited {color:#ffffff}
button a:hover, .button a:hover, button:hover, .button:hover, .cat_button:hover, button a:focus, .button a:focus, button:focus, .button:focus, .cat_button:focus {
	color: #e67d0a;
}
.fa-sm {font-size:.8em;}
/* ====================
     Header
======================= */
header { position: absolute; top: 0; width: 100%; z-index: 999; padding:12px 0;}
.social-w-search-nav li a{ font-size:26px; line-height:1; color:#f78522;}
.social-w-search-nav li a:hover{ color:#e9c305}
.icon-search::before { background: rgba(0, 0, 0, 0) url("/_assets/img/search-icon.png") no-repeat scroll 0 0; content: ""; display: block; height: 28px; width: 28px;}
.header-social-wrap .button:hover {background:#e9c305;color:#fff; border-color:#e9c305;}
.header-social-wrap .button {border-radius:3px; padding:.135rem .9rem .135rem .8rem; position:relative; margin-top:2px; margin-right:25px;}
/* ====================
     Home
==================== */
.home-slider .slick-slider{ padding:0; margin-bottom:0;}
.home-slider .slick-slider img{ width:100%;}
.home-slider-wrap{ background:#e67d0a;}
.home-slider .slick-dots li{ height:24px; width:24px;}
.home-slider .slick-dots{ bottom:40px; text-align:right; left:0; right:0; margin:0 auto; max-width:1200px;}
.home-slider .slick-dots li button::before{ font-size:22px; height:24px; width:24px; color:#fff; opacity:1;}
.home-slider .slick-dots li.slick-active button::before{ opacity:1; color:#e18727;}
.slider-overlay { position: absolute; top: 40%;}
.slider-overlay h2{ font-size:51px; color:#fff; background:rgba(58,58,58,.7); line-height:1.5; padding-left:25%; padding-right:5%; display:inline-block; margin:10px 0; font-weight:normal;}
.home-area-wrap h2{ color:#fff; font-size:32px; font-weight:normal;}
.home-area-wrap{background: url("/_assets/img/Areas_Of_Operation_Background.jpg") no-repeat scroll 0 0; background-size: cover; }
.who-we-are{ color:#fff; border-right:2px solid #fff;}
.featured_list {margin: 0;}
.features-text ul li{ list-style:none; color:#fff; line-height:23px; font-size:17px; margin:5px 6px 5px;}
.features-text ul li img{ margin-right:10px;}
.who-we-are h2{ color:#fff; margin:17px 0px 9px; font-size:36px;}
.who-we-are p{ color:#fff; font-size:16px; margin: 0 0 10px;}
.who-we-heading h2{ font-size:41px; color:#fff; font-family: "Arvo"; margin:0 0 28px; font-weight:normal; line-height:1;}
.who-we-heading img{ margin:30px 0;}
.who-we-text { padding-top: 17px;}
.who-we-text p{ font-size:18px; color:#fff;}
.home-highlights-wrap{ text-align:center;}
.home-highlights-wrap h3 a{ color:#303130; font-size:32px;}
.home-highlights-wrap h3 a:hover{ color:#e67d0a;}
.home-highlights-wrap p{ font-size:14px; color:#333333;}
.wa-products > li{ padding-left:25px; padding-right:25px;}
.home-highlights-wrap .button{
	background: #ffa13a; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffa13a, #c76c09); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffa13a, #c76c09); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffa13a, #c76c09); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffa13a, #c76c09); /* Standard syntax */
	font-size:16px; font-family: "Arvo"; font-weight:400; border:none; padding:8px 10px;
}
.home-gallery-row h2{ font-size:32px; color:#2a2a2a; font-weight:normal; text-align:center; margin-bottom:50px;}
.wa-projects .slick-prev::before,.wa-projects .slick-next::before{ font-size:50px; color:#f78522; opacity:1;}
.wa-projects .slick-prev,.wa-projects .slick-next{ width:50px; height:50px; margin-top:-25px; color:transparent !important; background-color:transparent !important;}
.wa-projects .slick-prev{ left:-30px;}
.wa-projects .slick-next{ right:-30px;}

/* ====================
     Content
======================= */
.inner-page-banner img{ width:100%;}
.inner-page-banner h1{ position:absolute; bottom:0; background:rgba(230,125,10,.88); line-height:1.5; padding:15px 0; width:100%; margin:0;}
.main-section  .border-left{ border-color:#333333 !important;}
.contact-map{ margin-bottom:40px;}
.contact-title{ font-size:30px; color:#e67d0a; font-family: "Arvo"; font-weight:600; margin:0 0 30px; }
.contact-sidebar h3{ font-size:19px; text-transform:uppercase;}
.contact-sidebar p{ text-transform:uppercase;}
.contact-sidebar p a{ color:#333333;}
.contact-phone h3{ font-size:29px; font-weight:600; background:url(/_assets/img/contact_phone_bg.png) no-repeat scroll left center; padding-left:45px; height: 49px; line-height: 49px; margin-bottom:30px;}
.operating-statistics {
    margin: 60px auto 0;
    max-width: 290px;
}
.operating-statistics h3 {
    background: #e67d0a none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 10px 15px;
}
.statistics-box {
    border: 1px solid #e67d0a;
    border-radius: 10px;
}
.statistics-box > div {
    border-bottom: 1px solid #e67d0a;
    font-family: "Arvo";
    padding: 5px 10px;
    text-transform: uppercase;
}
.statistics-box > div:last-child {
    border: none;
}
.associations-page .associations_block {
	min-height: 165px;
    padding-top: 30px;
    border-right: 1px solid #e4e4e4;
	text-align:center;
}
.associations-page .associations_block a{
	display:block;
}
.associations-page .associations_block:nth-child(n+4) {
    border-top: 1px solid #e4e4e4;
}
.associations-page .associations_block:nth-child(3n+3) {
    border-right: medium none;
}

/* ====================
Right Column
===================== */
.contact-link{
	color:#fff !important;
	text-transform:uppercase;
	border-radius: 5px;
	background: #e67d0a; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#e67d0a, #ff921b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e67d0a, #ff921b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e67d0a, #ff921b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e67d0a, #ff921b); /* Standard syntax */
	font-size:16px; font-family: "Arvo"; font-weight:400; border:none; padding:8px 10px 8px 20px; display:inline-block; margin:0 0 10px;}
.contact-link span{ font-family: 'baron_neueblack'; font-size: 24px;
    line-height: 1;
    vertical-align: middle;}

/* ====================
     Webapps
======================= */
.image .image-extras::before { content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.image .image-extras {
	background: rgba(247, 133, 34, 1); /* For browsers that do not support gradients */
    
}
.image .image-extras { height: 100%; left: 0; opacity: 0; position: absolute; text-align: center; top: 0;
    transform: translateX(-100%);
    -webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
    width: 101%;
}
.image-extras { border: medium none !important;}
.image .image-extras-content { line-height: normal;}
.image .image-extras .image-extras-content { line-height: initial;}
.image .image-extras .image-extras-content { display: inline-block; height: auto; vertical-align: middle; width: 90%;}
.image:hover .image-extras { opacity: 1; transform: translateX(0%);}
.wa-projects .image { margin: 0 10px !important;}
.wa-projects .image { border: medium none; margin-bottom: 0; overflow: hidden; position: relative; text-align: center; z-index: 1;}
.image-extras-content a { color: #333333; display: inline-block; font-size: 13px; font-weight: normal; line-height: 1.1rem; margin: 10px 0 0; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); text-transform: capitalize;}
.wa-projects > li { padding: 0 0.625rem 0.3125rem;}
.wa-projects h4{ color:#333333;}
.projects-detail-slider{ padding:0;}
.wa-projects-detail .slick-prev {left:0; background:#f78522 !important; width:24px; height:24px; z-index:1000;}
.wa-projects-detail .slick-prev:before {content: ""; font-family: FontAwesome;}
.wa-projects-detail .slick-next {right:0; background:#f78522 !important; width:24px; height:24px; z-index:1000;}
.wa-projects-detail .slick-next:before {content: ""; font-family: FontAwesome;}
.wa-projects-detail .slick-prev, .wa-projects-detail .slick-next{ width:25px; height:25px; margin-top:0px; top:20px; }
.wa-projects-detail .slick-prev{ left: 0px;}
.wa-projects-detail .slick-next{ right: 0px;}
.wa-projects-detail .slick-dots{ bottom:-60px;}
.wa-projects-detail .slick-dots li button::before{ font-size:8px;}
.wa-projects-detail .slick-dots li{ margin:0;}

.wa-team-list li ul li{ padding: 4px 0; border-bottom:1px solid #333333;}
/*.wa-team-list li ul li a{ color:#333333;}*/
.wa-team-list li ul li a:hover{ color:#e67d0a;}


/* ====================
     Footer
======================= */
footer{ background:#333333;}
footer .uc-line-wrap{ background:#2a2a2a;}
.line-copyright{ font-size:14px; text-transform:uppercase; font-family: 'RobotoMedium'; color:#fff;}
.footer-wrap h2{ font-size:23px; color:#e67d0a;}
.footer-wrap h3{ font-size:18px; color:#e67d0a;}
.footer-list-nav li a{ font-size:15px; color:#fff; text-transform:uppercase; line-height:1.2;}
.footer-wrap p{ font-size:15px; color:#fff; text-transform:uppercase;}
.footer-wrap .nav-column { border-left:2px solid #4e4e4e;}
.footer-wrap .footer-logo { border-right:2px solid #4e4e4e;}
.footer-social-nav li a{ font-size:26px;}
.footer-list-nav li a:hover{ color:#e9c305;}
footer .addr-col {border-right: 2px solid #4e4e4e;}

/* ====================
	Navigation
======================= */
/* Set primary li and dropdown ul background color & background color of primary li items */
.top-bar-section > ul.primary-nav > li:not(.has-form) > a { color: #ffffff; line-height: 1.1rem; padding: 4px 0; text-shadow: 1px 3px 21px rgba(0, 0, 0, 0.57); }
.top-bar-section > ul.primary-nav > li.social-menu-item > a { padding: 5px 6px 4px 18px }
.top-bar-section > ul.primary-nav > li.social-menu-item ~ li.social-menu-item > a { padding: 5px 6px 4px 6px }
.top-bar-section > ul.primary-nav { padding-bottom: 0px; }
.top-bar-section > ul.primary-nav > li:not(.has-form) > a > .menu-desc, .top-bar-section > ul.primary-nav > li.social > a { margin-top: 12px }
.primary-row .top-bar-section ul.primary-nav > li:not(.has-form):not(.social-menu-item) { padding: 8px 12px !important; }
.primary-row .top-bar-section ul.primary-nav > li.social-menu-item { background-color: #ff4f01; padding: 8px 0 8px 0 !important; }
.primary-row .top-bar-section ul.primary-nav > li:not(.has-form):first-of-type { }
.primary-row .top-bar-section ul.primary-nav > li:not(.has-form):last-of-type { }
/* Hover */
.top-bar-section > ul > li:not(.has-form) > a:hover:not(.button), .top-bar-section > ul > li:hover:not(.has-form) > a { background: transparent; color: #e9c305 }
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) { background-color: rgba(0,0,0,.05); }
/* Set selected */
.top-bar-section > ul.primary-nav > li.selected:not(.has-form) > a:not(.button) { color:#e67d0a; border-bottom: 1px solid #e67d0a; position:relative; }
.top-bar-section > ul.primary-nav > li.selected:not(.has-form) > a:not(.button)::before{ border-bottom: 1px solid #e67d0a; bottom: -5px; content: ""; position: absolute; width: 100%;}
.top-bar-section .dropdown li.selected:not(.has-form):not(.active) > a:not(.button) { color: #ff4f01 }
/* Menu font & color */
.top-bar-section ul.primary-nav li > a { color: #6c605e; font-size: 17px; font-weight: normal; font-family: 'Arvo'; padding: 4px 0 }
.top-bar-section > ul.primary-nav li.social-menu-item > a { font-size: 22px }
/* Menu positioning, spacing */
nav.top-bar { text-align: right; }
section.top-bar-section { display: inline-block }
.top-bar { line-height: inherit !important; max-height: 67px; margin-top: 0 }
/* Dropdown  */
.top-bar-section .dropdown { background: #e9c305; z-index:9999 }
.top-bar-section .dropdown li { border-bottom: 1px solid rgba(255,255,255,.3); text-align:left; }
.top-bar-section .dropdown li:last-child{ border-bottom: none;}
.top-bar-section ul.primary-nav .dropdown li a { text-transform: uppercase; font-weight: bold; font-size: 13px; }
.top-bar-section .dropdown { border-radius: 8px; }
.top-bar-section .dropdown li:last-of-type a { border-bottom: none; }
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { color: #333333; }
.top-bar-section .dropdown:after { bottom: 100%; left: 35px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255,255,255,0); border-bottom-color: #e9c305; border-width: 8px; margin-left: -8px; }
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) { color: #333333; }
/* Turn off third level nav and icon icon from top */
.top-bar-section > .primary-nav > li.has-dropdown > ul.dropdown > li > ul { visibility: hidden !important }
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a::after { content: ""; }
/* Utility Row */
.utility-nav { float: right; margin-top: 8px; }
.top-bar-section ul.utility-nav li:not(.has-form) { background-color: #e9c305; padding: 0 7px !important; border-radius: 4px; width: 25px; margin: 4px 0 0 3px; text-align: center }
.top-bar-section ul.utility-nav li:not(.has-form):hover { background-color: #ff4f01; }
.top-bar-section ul.utility-nav li:not(.has-form):hover a { color: #ffffff }
.top-bar-section ul.utility-nav li:not(.has-form) a { font-size: 1rem }
.utility-phone { margin-top: 6px; font-weight: 400; font-family: BreeSerif; font-size: 1.3rem; margin-right: 20px; color: #151515 }
/* Mobile */
.off-canvas-list ul, .off-canvas-list li { list-style: none }
.off-canvas-list { font-weight: 600 }
.left-col .top-bar { max-height: none }
.top-bar-section ul.intranet-nav li.selected a { color: #333333 }
.top-bar-section ul.intranet-nav li.selected a:after { color: #333333; content: ""; font-family: fontawesome; font-size: .8rem; padding-left: 5px }
.top-bar-section ul.intranet-nav li.button { background: rgba(64,99,135,1); border: none; color: #ffffff; font-family: "Roboto", Tahoma; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; border-radius: 0; margin-bottom: 4px; height: auto }
/* Secondary */
#secondary-menu { /*margin-top: 255px; height: 195px; width: 195px; display: table; font-weight: bold;*/ text-transform: uppercase; padding-right:10px; }
#secondary-menu a, #secondary-menu a:visited { color: #333333; font-size:16px; font-family: "Arvo"; background: url(/_assets/img/right-arrow.png) no-repeat scroll right center; padding-right:20px; display:block; line-height:1; text-align:right;}
#secondary-menu #secondary-menu-list { vertical-align: middle; }
#secondary-menu ul { list-style: none; }
#secondary-menu > #secondary-menu-list > li > ul { margin-left: 30px }
#secondary-menu > #secondary-menu-list > li.selected > ul > li { line-height: 1rem; margin: 10px 0 }
#secondary-menu > #secondary-menu-list > li.selected > ul > li.selected > a { color: #e67d0a; }
#secondary-menu > #secondary-menu-list > li.selected > ul > li > a:hover { color: #e67d0a; }
#secondary-menu > #secondary-menu-list > li.selected > a { display: none; }
#secondary-menu > #secondary-menu-list > li:not(.selected) { display: none; }
#secondary-menu > #secondary-menu-list > li > ul > li > ul > li > a { text-transform: capitalize; font-size: 15px; }
#secondary-menu > #secondary-menu-list > li > ul > li > ul > li > a:hover { text-transform: capitalize; font-size: 15px; color: #213900 }
#secondary-menu > #secondary-menu-list > li > ul > li > ul > li.selected > a { color: #213900 }
/* Footer Social */
.footer-social-nav { list-style: none; }
.footer-social-nav li { display: inline-block }
/* Flipper */	
	
/* entire container, keeps perspective */
.flip-container { perspective: 1000; }
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper { transform: rotateY(180deg); }
.flip-container, .front, .back { width: 320px; height: 280px; }
/* flip speed goes here */
.flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; }
/* hide back of pane during swap */
.fipper.front, flipper.back { backface-visibility: hidden; position: absolute; top: 0; left: 0; }
/* front pane, placed above back */
.flipper.front { z-index: 2;	/* for firefox 31 */ transform: rotateY(0deg); }
/* back, initially hidden pane */
.flipper.back { transform: rotateY(180deg); }
/* HOVER front to back */
.hover.front { }
.hover.back { display: none }
.hover:hover .hover.front { display: none }
.hover:hover .hover.back { display: block }
/* =========================
	Foundation Overrides 
============================= */
button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #3a6f8f; border-color: #3a6f8f; box-shadow: none; color: #fff; cursor: default; opacity: 0.7; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #3a6f8f; }

.hide {display:none !important;}

/* *********************************
/* Tabs */
.tabs li > a,  .tabs .tab-title > a {text-decoration:none; font-family:Georgia; font-size: 0.9rem; font-weight: normal; line-height: 1; z-index:1; position:relative; background-color:transparent; color: #1a2938; padding: 0; margin:9px 5px 0 18px; text-transform:uppercase;} 
.tabs li  {border-bottom: 30px solid #efefef; border-right: 30px solid transparent; float:left; height:0; margin-left:-15px;}
.tabs li.active {border-bottom: 30px solid #e67d0a;}
.tabs {border-bottom:1px solid #e67d0a; padding-left:15px; margin-top:25px;}
.tabs li.active a, .tabs .tab-title.active a {background: transparent; color:#ffffff;}
.tabs li.active a:hover {color:#cccccc;}
.tabs li > a:hover {background: transparent; color:#555555;} 
.tabs-content > .content {float: none; }
.tabs .tab-title > a {padding: 0;}

/* Datepicker Calendar */
.flow-element {display: inline-block; }
.flow-element:last-child {margin-right: 0;}
.flow-element input {margin-top: 0;}

.calendar-cats {margin-bottom:1.3rem; margin-top:28px}
.calendar-cats > .cat-item {display:block; color:#414244; font-size:1rem; text-transform:uppercase}
.calendar-cats > .cat-item:hover {color:#0069aa; cursor:default}
.calendar-cats > .cat-item::before {content:''; border:5px solid #414244; height:3px; width:3px; line-height:3px; display:inline-block; margin: 1px 9px 1px 0px}
.calendar-cats > .cat-item:hover::before {border-color:#0069aa}
.selected-cat.cat-item {color:#0069aa !important;}
.pika-single {border: none;}
.pika-button {background: #ffffff;}
.is-selected .pika-button {background: #034992; box-shadow:none;}
.pika-single table tbody, .pika-single table tfoot, .pika-single table thead {border: none; background-color: none;}
.pika-button:hover {color: #fff;	background: #414244;	box-shadow: none;}
.pika-lendar {width:234px}
#CAT_Custom_1_Min {margin-bottom:4px}
.wa-calendar-list {margin-left:20px !important;}
.wa-calendar-list li:last-of-type {border-bottom:1px solid #dddddd;}


/* ================
Mobile Overrides
Small < 640
Medium < 1025
Large < 1440
XLarge < 1920
XXLarge > 1920 
================= */

/* Medium screens*/
@media only screen and (max-width: 1400px) {
h1{ font-size:38px;}
.inner-page-banner h1{ line-height:1.2;}	
.logo > img { width: 70%;}	
.slider-overlay h2{ font-size:38px;}
.content-wrap .content-row { padding: 0 15px;}
}

@media only screen and (max-width: 1200px) {
header{ padding:12px 15px;}
.home-who-row{ padding:0 15px;}
.who-we-heading h2{ font-size:40px;}
.who-we-heading img{ margin:25px 0;}
.who-we-text{ padding-top:15px;}
.top-bar-section ul.primary-nav li > a{ font-size:16px;}
.slider-overlay h2{ font-size:32px;}
.top-bar-section ul.primary-nav .dropdown li a{ font-size:12px;}
.primary-row .top-bar-section ul.primary-nav > li:not(.has-form):not(.social-menu-item) { padding: 8px !important; }
}

@media only screen and (max-width: 1024px) {
.inner-page-banner h1{ position:static;}
.social-w-search-nav{ margin-bottom:8px;}
.social-w-search-nav li{ margin-left:12px;}	
.slider-overlay{ top:58%;}
.slider-overlay h2{ font-size:28px; margin:5px 0;}
.home-highlights-wrap h3 a{ font-size:26px;}
.who-we-text{ padding-top:0;}
.primary-row .top-bar-section ul.primary-nav > li:not(.has-form):not(.social-menu-item) { padding: 8px !important; }
.top-bar-section ul.primary-nav li > a{ font-size:15px;}
.top-bar-section ul.primary-nav .dropdown li a{ font-size:11px;}
}

@media only screen and (max-width: 980px) {
h2{ font-size: 26px;}	
.top-bar-section ul.primary-nav li > a{ font-size:14px;}
header{ position:static; background:#2c2d31;}
.nav-row .columns{ width:100%; text-align:center; padding:0;}
.logo > img { max-width: 120px; width: auto; z-index:999; position:relative;}
.nav-row .columns{ width:100%; padding:0;}
nav.top-bar{ text-align:center;}
.header-social-wrap { position: absolute; right: 0; top: -130px; width: 100%;}
.home-highlights-wrap h3 a{ font-size:24px;}
.wa-products > li{ padding-left:15px; padding-right:15px;}
.home-highlights-row.padding-large{ padding:40px !important;}
#secondary-menu a, #secondary-menu a:visited{ font-size:16px;}
}

@media only screen and (max-width: 768px) {
.top-bar-section ul.primary-nav li > a{ font-size:11px;}	
.slider-overlay{ top:38%;}	
.slider-overlay h2 { font-size: 24px; margin: 5px 0; padding-left: 20%;}
.who-we-heading h2{ font-size:34px; margin: 0 0 15px;}
.who-we-heading img { margin: 30px 0; width: 70%;}
.who-we-text p{ font-size:15px;}
.home-highlights-wrap h3 a{ font-size:20px;}
.wa-products > li{ padding-left:10px; padding-right:10px;}
.home-highlights-row.padding-large{ padding:30px !important;}
.content-wrap .content-row iframe{ max-width:100%;}
.contact-phone h3{ font-size:22px; font-weight:600; background:url(/_assets/img/contact_phone_bg.png) no-repeat scroll left center; padding-left:35px; height: 49px; line-height: 49px; margin-bottom:30px;}
.home-who-row .columns{ width:100%; padding:0 !important; height: auto !important; border:none;}
.who-we-are p, .features-text ul li{ font-size:16px;}
.who-we-are h2{ font-size:32px; text-align:center;}
}

/* Small screens*/

@media only screen and (max-width: 640px) {
h1 { font-size: 30px;}
body{border-top:none;}
.tab-bar, .left-off-canvas-menu{ background:#333333;}
.tab-bar .left-small {
    border-right: 1px solid #fff;
}
header{ padding:0;}
.slider-overlay{ display:none;}
.nav-row .medium-3{ z-index:999;}
.logo{ display:block; height:1px;}
.left-off-canvas-menu ul li a{ color:#fff; font-size:15px;}
ul.off-canvas-list li a:hover{ background-color:rgba(0, 0, 0, 0.05);}
.social-menu-item{ display:inline-block;}
ul.off-canvas-list li.social-menu-item a{ border:none;}
ul.off-canvas-list li a{ border-bottom:1px solid rgba(0,0,0,.2);}
.off-canvas-list{ border-bottom:1px solid rgba(0,0,0,.2);}
.home-who-row h2 br{ display:none;}
.small-12 { padding-left: 0; padding-right: 0;}
.wa-projects li{ margin-bottom:20px;}
footer .line1 > img { max-width: 180px;}
.footer-wrap h3{ font-size:16px;}
.footer-wrap p{ font-size:14px;}
.line-copyright{ font-size:13px;}
.main-section .border-left{ border: none !important; padding-left:0 !important;}
.inner-page-banner img { max-height: 160px; max-width: inherit; width: auto; margin:0 auto;}
.padding-zero-for-small{ padding-right:0 !important;}
.contact-map iframe{ max-height:320px;}
.contact-title{ font-size:26px;}
.associations-page .associations_block:nth-child(n+4), .associations-page .associations_block:nth-child(3n+3){	
	border:none;
}
.associations-page .associations_block {
    border-right: 1px solid #e4e4e4 !important;
}
.associations-page .associations_block a{
	display:block;
}
.associations-page .associations_block:nth-child(n+3) {
    border-top: 1px solid #e4e4e4 !important;
}
.associations-page .associations_block:nth-child(2n+2) {
    border-right: medium none !important;
}
}

@media only screen and (max-width: 480px) {
.home-area-wrap h2, .home-gallery-row h2, .who-we-heading h2{ font-size:26px; margin-bottom:15px;}	
.logo > img { max-height: 120px;}
.padding-large { padding: 30px !important;}
.inner-page-banner img { max-height: 140px;}
.line-copyright { font-size: 11px;}
.contact-map iframe{ max-height:260px;}
.contact-title{ font-size:24px;}
}

@media only screen and (max-width: 360px) {
h1 { font-size: 24px;}	
h2{ font-size:20px;}
body,ul,ol,dl,p{ font-size:14px; line-height:1.3;}
.home-area-wrap h2, .home-gallery-row h2, .who-we-heading h2{ font-size:22px;}
.logo > img { max-height: 100px;}
.padding-large { padding: 20px !important;}
.footer .small-6 { padding: 0 20px !important; width: 100%; text-align:center !important;}
footer .footer-wrap .columns .padding-top { display: inline-block; padding-top: 0 !important; text-align: left;}
footer .line1 > img { display: block; margin: 0 auto; max-width:120px;}
footer .div-table-cell{ display: block; height: inherit !important; width: inherit;}
.inner-page-banner img { max-height: 120px;}
.main-section .border-left { padding-bottom: 15px !important; padding-top: 15px !important;}
.contact-map iframe{ max-height:220px;}
.associations-page .associations_block:nth-child(n+3) {
    border-top: none !important;
}
.associations-page .associations_block {
    border: none !important;
	border-bottom:1px solid #e4e4e4 !important;
	float:none !important;
	width:100%;
}
.associations-page .associations_block:last-child {
	border-bottom:none !important;
}
}
/* Chrome & Safari Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}