/*
	Theme Name: KEO Films
	Theme URI: http://www.keofilms.com/
	Description: KEO Films WordPress Theme
	Version: 1
	Author: Touchpoint Design
	Author URI: http://touchpointdesign.co.uk/
	Tags: HTML5, CSS3, PHP, jQuery, Responsive
	
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/


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

/**** reset ****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1; 
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

select, input { margin: 0px; }

ol, ul { list-style: none; }

.clearfix:after { clear: both; display: block; content: ""; }
.clear { display: block; clear: both; }

strong { font-weight: bold; font-weight: 700; }	

.mobileMenu { display: none; }

/*** Colours ***/

.vlBrown { background-color: #e9e0d6; }

.greyBg, .brownBg, .lBlueBg { color: #fff; }

.brownBg { background-color: #ad7f49; }

a.brownBg:hover, a:hover .brownBg { background-color: #79552a; }

.content .contactInfo a, .brown { color: #ad7f49!important; }

.lBlue { color: #7bb5b7; } 

.lBlueBg { background-color: #7bb5b7; } 

a.lBlueBg:hover { background-color: #397375; }

.vlBlueBg { background-color: #d0e3e4; }

#banner, .greyBg { background-color: #484f53; }

a.greyBg:hover { background-color: #3a4044; }

.dGreyBg { background-color: #3a4043; color: #fff; }

a.dGreyBg:hover { background-color: #222; }

.yellowBg { background-color: #d9b348; }

.single-projects .standardP .content h2, .yellow { color: #d9b348; }





/*** General Styles ***/



body { font-family: "futura-pt",sans-serif; color: #484f53; font-size: 20px; font-weight: 300; }

.container { width: 1180px; display: block; margin: auto; }
.sContainer { width: 780px; display: block; margin: auto; }

.cover {  
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.left { float: left; }
.right { float: right; }

.twoCol { display: block; float: left; width: 50%; }
.threeCol { display: block; float: left; width: 33.3333%; }
.fourCol { display: block; float: left; width: 25%; }

.hideScale { overflow: hidden; display: block; }
.scale { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; display: block; margin: auto; width: 100%; }
.hideScale:hover .scale { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }

.table { display: table; width: 100%; height: 100%; }
.tableCell { display: table-cell; vertical-align: middle; height: 100%; }

html, body, .fullHeight { height: 100%; }

.padd { padding: 20px; display: block; }
.paddTop { padding-top: 30px; }
.bigPadd { padding-top: 30px; padding-bottom: 30px; }
.sPadd { padding: 15px; display: block; }

/*** Header ***/

header { position: fixed; top: 0; right: 0; left: 0; z-index: 99999; background-color: rgba(0,0,0,0.3); padding: 20px 60px 0; border-bottom: 1px solid rgba(255,255,255,0.4); -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden; }

header.scrollHead { padding: 0 60px; }
header.scrollHead .mainNav > ul > li > a { padding-bottom: 27px; }
header.scrollHead .mobButton { top: 19px; }
header.scrollHead .logo { padding: 10px 0; }
header.scrollHead .logo img { width: 100px; }
header.scrollHead .rightHead .social { display: none; }
header.scrollHead .mainNav { padding-top: 30px; }

.mobButton, header, .logo img, header.scrollHead .mainNav { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.logo { display: block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.logo img { width: 120px; }

/*** Main Nav ***/

.mainNav { padding-top: 23px; }
.mainNav > ul > li { display: block; float: left; margin-right: 30px; position: relative; }
.mainNav ul li a { color: #fff; text-transform: uppercase; font-size: 16px; }
.mainNav > ul > li > a { padding-bottom: 20px; display: block; }
.mainNav > ul > li:hover > a, .mainNav ul li.current-menu-item a, .single-projects .mainNav ul li.menu-item-22 a { color: #e0bb48; }
.mainNav > ul > li:last-child { margin-right: 0; }


/*** Sub Nav ***/
.mainNav ul li .sub-menu li .sub-menu { left: 100%; top: 0; background-color: rgba(0,0,0,0.4); }
.mainNav > ul > li:nth-child(4) .sub-menu, .mainNav > ul > li:nth-child(5) .sub-menu, .mainNav > ul > li:nth-child(6) .sub-menu { left: auto; right: -10px; } 
.mainNav > ul > li:nth-child(4) .sub-menu li .sub-menu, .mainNav > ul > li:nth-child(5) .sub-menu li .sub-menu, .mainNav > ul > li:nth-child(6) .sub-menu li .sub-menu { left: auto; right: 100%; }

.mainNav .sub-menu {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; position: absolute; top: 100%; left: -15px; background-color: rgba(0,0,0,0.3); width: 200px; text-align: left; transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; z-index: 5000; }

.mainNav ul > li:hover > .sub-menu, .mainNav ul > li > .sub-menu li:hover .sub-menu { opacity: 1;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; }
.mainNav .sub-menu li .sub-menu li { position: relative; }
.mainNav .sub-menu li .sub-menu { left: 0; }
.mainNav .sub-menu li { padding: 0; position: relative; float: none; right: auto; }
.mainNav .sub-menu li:first-child { padding-top: 8px; }
.mainNav .sub-menu li:last-child { border: 0; padding-bottom: 8px; }
.mainNav .sub-menu li a {color: #fff;padding: 10px 15px;font-size: 14px; display: block; text-transform: none; }
.mainNav > ul > .sub-menu > li.current-menu-item > a, .mainNav ul li:hover > a, .mainNav .sub-menu li a:hover, .mainNav .sub-menu li:hover a, .mainNav .sub-menu li .sub-menu li:hover a, .sub-menu li.current_page_ancestor a, .mainNav ul > li.menu-item-has-children .sub-menu > li:hover > a, .mainNav ul li a:hover, .mainNav ul li.current-page-ancestor > a  { color: #e0bb48;  }
.mainNav .sub-menu li .sub-menu a { background-color: transparent; color: #fff; }
.mainNav ul li .sub-menu li.current-menu-item a { color: #e0bb48; }

body.home { position: relative; }

.searchForm { position: absolute; display: block; top: 107px; right: 60px; z-index: 99; }
.searchForm form { position: relative; }
.searchForm input[type="search"] {transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;background-color: transparent;color: #fff;font-family: 'montserratlight';font-weight: 300;opacity: 0;max-width: 0;padding: 6px 20px 6px 10px;font-family: "futura-pt",sans-serif;font-size: 16px;position: absolute;right: 0; border-bottom: 1px solid rgba(255,255,255,0.4); }
.searchForm:hover input[type="search"], .mobile .searchForm input[type="search"] {  width: 220px; max-width: 300px; opacity: 1; }

.searchForm input[type="submit"] {background-image: url(images/search.svg);background-repeat: no-repeat;background-color: transparent;width: 22px;height: 27px;display: block;position: absolute;top: 4px;right: 0;text-indent: -99999px;padding: 10px;background-position: 0 3px;}

.searchForm input[type="submit"]:hover { background-color: transparent; }

.pagination.postPag { margin-top: 30px; }
.pagination { display: block; clear: both; padding: 30px; }
.pagination span, .pagination a {border: 1px solid #ad7f49; display: inline-block;padding: 7px 10px;margin-right: 5px;color: #3b3b3b;font-size: 16px;text-transform: uppercase;font-weight: 500;}
.pagination span {background: #ad7f49;color: #fff;}
.content .pagination a, .content .work-grid .pagination a {background: #fff; color: #ad7f49; text-decoration: none; display: inline-block; }
.pagination a:hover { background-color: #ad7f49; color: #fff; }


/*** Animated Links ***/

#grid > li { opacity: 0; }

#grid > li.shown,
.no-js #grid > li,
.no-cssanimations #grid > li {
    opacity: 1;
}

/* Effect 3: Scale up */
#grid li.animate {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-animation: scaleUp 0.65s ease-in-out forwards;
    animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
    0% { }
    100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
    0% { }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

/*** Typography ***/
/*

Isonorm:
font-family: "isonorm",sans-serif;
font-style: normal;
font-weight: 300;

Futura:
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 300;

font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 700;

*/
em { font-style: italic; }

.content h1, .content h2, .content h3, .content h4, .standardP .content .contactInfo h2 { padding-bottom: 20px; font-family: "isonorm",sans-serif; font-weight: 300; }
.standardP .content h1 { padding-bottom: 50px; }
.single .standardP .content h1 { padding-bottom: 10px; }
.single-projects .standardP .content h1 { padding-bottom: 40px; }
h4 { font-size: 16px; }
.standardP .content h2 { color: #ad7f49; }
.standardP .content h3, .standardP .content h4 {  }
.standardP .content h2, .standardP .content h3, .standardP .content h4 { font-family: "futura-pt",sans-serif; font-weight: 700;  }
.content h1 { font-size: 50px; }

p + h2, p + h3 { padding-top: 15px; }
.standardP .content .contactInfo, .standardP .content .contactInfo p { font-size: 16px; }
.standardP .content .contactInfo h2 { color: #484f53; font-size: 22px; padding-bottom: 10px; }
.content h2 { color: #e0bb48; font-size: 24px; }
.content h3 { font-size: 18px; }

.content h3.gform_title { color: #ad7f49; font-size: 24px; font-weight: 700; }

.content .noList ul, .content .noList ol, .content ul.gform_fields, .content .flexslider ul, .flexslider ul, .content .flexslider ol { margin: 0; padding: 0; list-style: none; }

.content .flexslider ul li { position: inherit; }

.content ul { margin: 0 0 20px 0; padding: 0; }
.content ol { margin: 0 0 20px 0; }

.content ol li { counter-increment: step-counter; color: #ad7f49; padding-left: 8px; position: relative; }
.content ol li:before { content: counter(step-counter) "."; color: #ad7f49; margin-right: 6px; }
.content ul li:before {content: "\f111";color: #ad7f49;font-family: FontAwesome;font-size: 7px;position: absolute;top: 11px;left: 9px;}

.content #grid, .content form ul, .content .catSelect ul { margin: 0; }
.content #grid li, .content form ul li, .content .catSelect ul li, .content .noList ul li, .content .flexslider ul li, .content .flexslider ol li { padding-left: 0; }
.content #grid li:before, .content form ul li:before, .content .catSelect ul li:before, .content .noList ul li:before, .content .flexslider ul li:before, .content .flexslider ol li:before { content: ""; display: none; padding: 0; }

.content ul li {padding-left: 25px;position: relative;}

.content p, .content li { line-height: 1.4; }
.content li { padding-bottom: 5px; }
.content p { padding-bottom: 15px; }

.standardP .content p { font-size: 20px; line-height: 1.2; }

.content a, .jobsBlock .content .jobsIntro a { color: #7bb5b7; text-decoration: underline; }

.content .rSlider a, .content .work-grid a, .content .contactInfo a { text-decoration: none; display: block; }

.content .work-grid a .bText, .content .rSlider a .bText { color: #fff; font-weight: 300; }

.content .work-grid li.vlBlueBg a .bText { color: #484f53; }

.content .rSlider li { padding-bottom: 0; }

.uppercase { text-transform: uppercase; }
.centered { text-align: center; }

a, .bgimg, a .brownBg { color: #484f53; text-decoration: none; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
a, .mobButton, .creditTitle, .tclose, input[type="submit"] { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
a img { border: none; }

a:hover, a:active, a:focus { outline: 0; }

.caption { position: relative; }
.caption .rMoreButton { position: absolute; bottom: -20px; left: 60px; }
.rMoreButton, input[type="submit"] {color: #fff;text-transform: uppercase;border: 1px solid #555;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;display: inline-block;padding: 12px 70px 12px 15px;background-color: #000;font-size: 14px;position: relative;}

input[type="submit"] { background-color: #484f53; font-size: 16px;background-image: url(images/rArrow.png);background-position: 92% 14px;background-repeat: no-repeat;padding: 10px 112px 10px 15px; display: block; }

.content a.rMoreButton,  input[type="submit"]:hover { text-decoration: none; color: #fff; }

.rMoreButton:hover { background-color: #272727;  }
.rMoreButton:after {content: url(images/rArrow.png);position: absolute;right: 18px;top: 12px;}
.rMoreButton:hover:after { right: 14px; }

ul.social li { float: left; margin: 0 20px 0px 0; }
ul.social li:last-child { margin-right: 0; }
ul.social li a { font-family: FontAwesome; font-size: 14px; color: #e0bb48; }
ul.social li:hover a { color: #fff; }
ul.social li.twitter a:before { content: "\f099"; }
ul.social li.linkedin a:before { content: "\f0e1"; }
ul.social li.facebook a:before { content: "\f09a"; }
ul.social li.instagram a:before { content: "\f16d"; }

/*** Banner ***/

#banner { overflow: hidden; min-height: 500px; }
#banner .caption { position: absolute; bottom: 100px; left: 0; right: 50%; background-color: rgba(0,0,0,0.3); color: #fff; }

.caption .content h2 { text-transform: uppercase; font-size: 50px; padding-bottom: 10px; color: #fff; }
.caption h2 {  }

.caption p { font-size: 28px; line-height: 1.2; }
.caption .padd { padding: 40px 40px 70px 60px; }

.blogPosts { overflow: hidden; }
.blog-item { position: relative; }
.blog-item:after { content: url(images/brownArrow.png); position: absolute; bottom: 12px; right: 20px; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.blogPosts ul li:hover:after { right: 15px; }
.bdate { bottom: 15px; left: 15px; position: absolute; color: #ad7f49; font-size: 16px; }
.bText { font-size: 13px; }

.content a .bText { color: #484f53; }

/*** Box Sizing ***/

form input, form textarea, .searchForm input[type="search"], .padd, .blockBoxes .boxLink

{ 

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}

/***** Mobile Nav *****/

.mobButton { display: none; }


/*** Boxes ***/

.blockBoxes h3, .blockBoxes .bTitle { text-transform: uppercase; font-size: 30px; padding-bottom: 20px; }
.blockBoxes .content span { color: #fff; line-height: 1.1;  }
.blockBoxes .content .bTitle { display: block; font-size: 30px; line-height: 1.1; }
.blockBoxes .twoCol { position: relative; }
.blockBoxes .rMore {position: absolute;bottom: 0;left: 20px; right: 20px; color: #fff;display: block; padding: 20px 0; font-size: 16px; }
.rMore { text-transform: uppercase; position: relative; display: block; text-align: left; }
.rMore:after {content: url(images/rArrow.png);position: absolute;right: 15px; bottom: 20px; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }

.blockBoxes .boxLink { display: block; }
.blockBoxes .boxLink:hover .rMore:after, .jobsBlock a:hover .rMore:after, .projBox:hover a .rMore:after { right: 10px; }

.topSection { height: 530px; display: block; }
.bottomSection, .topSection { background-color: #484f53; }

.topSection:hover .bgimg, .parentCol:hover .bgimg { opacity: 0.7; }
.topSection .tableCell .padd { padding: 20px 50px; }

/*

.topSection .twoCol { position: relative; }

.topSection .twoCol img { width: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; min-width: 100%; min-height: 100%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

*/
.bottomSection { display: block; }
.bottomSection .twoCol, .bottomSection .twoCol .bgimg { height: 298px; }
.ctaBar { display: block; padding: 20px 30px; }
.ctaBar a { color: #fff; }

/*** Blog Posts ***/

.team-grid ul li img, .work-grid ul li img, .blogPosts ul li img { height: auto; -webkit-backface-visibility: hidden; }
.team-grid ul li:hover img, .work-grid ul li:hover img, .blogPosts ul li:hover img { opacity: 0.7; }
.team-grid ul li img, .work-grid ul li img, .blogPosts ul li img, .catSelect ul, .rMoreButton:after { transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }

.team-grid span.noLink { display: block; height: 115px; position: relative; }
.team-grid span.bTitle { color: #7bb5b7; }

.content .catSelect ul { margin: 0; padding: 0; }

.team-grid, .work-grid, .blogPosts .noList.clearfix { margin-left: -1%; margin-right: -1%; }
.team-grid .threeCol { width: 31.3333%; margin: 0 1% 25px; }

.blogPosts .threeCol { width: 30.3333%; margin: 0 1.5% 30px; }
.blogPosts .fourCol { width: 22%; margin: 0 1.5% 30px; }
.blog-item img { display: block; width: 100%; }

.titleBlock { padding-top: 100px; }
.titleBlock .padd { padding: 15px 60px; min-height: 50px;  }
.titleBlock h1 { text-transform: uppercase; font-size: 50px; display: block; padding: 15px 0;  font-family: "isonorm",sans-serif; }

img[class*="wp-image"] { max-width: 100%; display: block; }

.imgHolder { display: block; background-color: #484f53; }

/*** Grid ***/


.blogBox, .contactBox { display: block; border-top: 1px solid #ad7f49; }
.blogBox span { display: block; }

.content a.blogBox { text-decoration: none; }
.content .bTitle { font-size: 22px; padding-bottom: 15px; line-height: 1.2; font-family: "isonorm",sans-serif; }
.content .bText { font-size: 16px; }

.content .sDate { font-weight: 700; }

.fiRight, .fiLeft, .fiUp { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -ms-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -o-animation-duration: 0.6s;  }

.grid-item:nth-child(1n+1), .g-item:nth-child(1n+1), .item:nth-child(1n+1) { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; }
.grid-item:nth-child(2n+1), .g-item:nth-child(2n+1), .item:nth-child(2n+1) { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; }
.grid-item:nth-child(3n+1), .g-item:nth-child(3n+1), .item:nth-child(3n+1) { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; }

.transformC.grid-item, .transformC.g-item, .transformC.item { transition: all; -moz-transition: all; -ms-transition: all; -webkit-transition: all; -o-transition: all; opacity: 1; -webkit-animation: none; animation: none; -ms-animation: none; -moz-animation: none; -o-animation: none; }

.map.show, .fiUp.grid-item, .fiUp.g-item, .fiUp.item { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; }

.grid img { display: block; width: 100%; }

/* .grid-item { width: 31%; float: left; margin-bottom: 25px; } */

.grid {

   width: 102.2%;
    margin-left: -1.1%; 
    margin-bottom: -1.875em; 
}
.grid-item {
    background-color: rgba(207, 207, 207, 0.4);
        width: 31.1333%; 
        float: left;
        margin: 0 1.1% 1.875em; /* 15px 30px */
        opacity: 0; 
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
}

.grid-item .padd { padding: 15px; }
.blog-item .padd, .contactBox .padd { padding: 15px 15px 80px; }

.g-item {
        width: 45%; /* 305px */
        margin: 0 2.5% 1.875em;
        float: left;
        opacity: 0; 
}

.item { opacity: 0; }


/*** Animations ***/


.inView {  -webkit-animation-duration: 2s; animation-duration: 2s; -ms-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); transition: opacity 1.2s; -webkit-transition: opacity 1.2s; animation-delay: 2s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; }

.inView.visible {opacity: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1;}
.fadeInUp, .boxes, .grid-item {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.projSlider { position: relative; }


.home .flexslider .slides { opacity: 1; transition: none; -moz-transition: none; -ms-transition: none; -webkit-transition: none; -o-transition: none; position: relative; }

/* span.caption { transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } */
.caption { 

-webkit-animation: all .5s ease-in-out;  -moz-animation: all .5s ease-in-out; -o-animation: all .5s ease-in-out; animation: all .5s ease-in-out;
} 
.flexslider.loading .slides { opacity: 0; }
.flexslider .slides { opacity: 1; }
.flexslider.loading:before { left: 50%; margin-left: -32px; top: 50%; margin-top: -32px; position: absolute; z-index: 1; /* content: url(http://www.keofilms.com/wp-content/themes/keo-films/images/ajaxloader.gif); */ display: block; z-index: 9999; }

.fiUp, .fiLeft, .foLeft { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -ms-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s;  }

.foLeft.fadeOutLeft, .fiLeft.fadeInLeft, .fiUp.fadeInUp, .caption.fadeInLeft { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; }
.fiUp, .fiLeft, .foLeft, .caption { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; }

#banner .flex-direction-nav .flex-disabled { opacity: 0!important; }

.projSlider .flex-control-nav { bottom: 10px; right: 15px; }

#banner .flex-control-nav { bottom: 30px; right: 40px; }

.projSlider .flex-control-nav, #banner .flex-control-nav {width: auto;position: absolute;text-align: center;z-index: 9;}

.content .projSlider .flex-control-paging li { padding-bottom: 0; }



.projSlider .flex-control-paging li, #banner .flex-control-paging li { margin: 0 5px; }
.projSlider .flex-control-paging li a, #banner .flex-control-paging li a { background-color: #fff; }
.projSlider .flex-control-paging li a.flex-active, #banner .flex-control-paging li a.flex-active { background: #e0bb48; }

/*** Fade In Up ***/

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(80px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(80px);
        
    }
    
    100% {
        opacity: 1;
        -moz-transform: translateY(0);

   }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(80px);
    }
    
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(80px);
    }
    
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.caption.fadeInLeft, .fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.caption.fadeOutLeft, .fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

/*** Our Work ***/

#mainSection { display: block; padding: 30px 0; }

.error404 #mainSection { min-height: 300px; }

a.backButton { color: #fff; text-transform: uppercase; font-size: 16px; background: url(images/arrow-left.svg) no-repeat 3px 4px; padding-left: 20px; }
a.backButton:hover { background-position: 0 4px; }

.leftCol { width: 76%; }
.rightCol { width: 24%; }

.leftCol p iframe { display: block; width: 100%; margin-bottom: 20px; min-height: 315px; }

.paddRight { padding-right: 30px; }

.projSlider.flexslider { margin-bottom: 20px; display: block; }

.sideBox { position: relative; margin-bottom: 30px; }
.sideBox .padd { padding: 70px 15px; }
.sideBox.webBox span a { padding-bottom: 10px; }
.sideBox.webBox span a:hover { color: #d9b348; }

.share { display: block; color: #fff; padding: 3px 0 10px 30px; display: inline-block; position: relative; font-size: 16px; cursor: pointer; }
.share:before { position: absolute; top: 0; left: 0; content: url(images/share.svg); }

.single .share { margin-left: 10px; padding: 0 0 0 25px; text-decoration: none; color: #fff; font-size: 20px; }
.single-jobs .share { margin-left: 0; }

.single-post .share, .single-jobs .share { color: #ad7f49; }
.single-post .share:before, .single-jobs .share:before { top: 2px; content: url(images/brownshare.svg); }

.content .sideBox a { display: block; color: #fff; text-decoration: none; }

.sideBox a span, .webLink {display: block;word-break: break-word;}
.sideBox a:after { content: url(images/yellowArrow.png); position: absolute; bottom: 10px; right: 10px; }
.sideBox .twitter:before { content: "\f099"; font-family: FontAwesome; font-size: 20px; position: absolute; bottom: 10px; left: 10px; color: #e0bb48; }
.sideBox .facebook:before { content: "\f09a"; font-family: FontAwesome; font-size: 20px; position: absolute; bottom: 10px; left: 10px; color: #e0bb48; }
.sideBox img { position: absolute; bottom: 10px; left: 10px; }

.sideBox.contactLink { margin: 50px 0 28px 40px; display: block; width: 175px; }
.sideBox.contactLink img { position: relative; bottom: auto; left: auto; width: 80%; display: block; margin: auto; padding: 30px 0 50px;  }
.sideBox.contactLink a { position: relative; }
.sideBox.contactLink span { position: absolute; bottom: 10px; left: 10px; text-transform: uppercase; font-size: 14px; }
.sideBox.contactLink a:after { content: url(images/rArrow.png); bottom: 8px; right: 10px; }

.catSelect { display: block; padding-bottom: 30px; }
.catSelect h2 { display: none; }
.catSelect ul { clear: left; position: relative; left: 50%; float: left; text-align: center; }
.catSelect ul li { display: block; float: left; right: 50%; margin: 0; padding: 0; position: relative; border-right: 1px solid #a3cbcd; text-transform: uppercase; }
.catSelect ul li.current-menu-item a, .catSelect ul li a.active, .catSelect ul li:hover a { background-color: #6c9699; }
.catSelect ul li a { display: block; padding: 10px 40px; background-color: #7bb5b7; color: #fff; text-decoration: none; font-size: 16px; }
.catSelect ul li:first-child a { 
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
 }


.catSelect ul li:last-child { border: 0; }
.catSelect ul li:last-child a { 
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
 }


.work-grid .threeCol { width: 31.3333%; margin: 0 1% 25px; padding-bottom: 0; }
.work-grid .threeCol, .rSlider .projBox { border-top: 1px solid #7bb5b7; }
.work-grid .threeCol span { display: block; line-height: 1.2; }
.work-grid .padd { padding: 15px 15px 50px; }
.work-grid .bTitle { color: #48e0db; }
.work-grid .threeCol img { display: block; width: 100%; }
.work-grid .greyBg { position: relative; }
.work-grid .greyBg:after { content: url(images/yellowArrow.png); position: absolute; bottom: 10px; right: 20px; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }

.relatedBlock .work-grid .greyBg { height: 175px; }

.search-results .work-grid .greyBg { min-height: 145px; }

.work-grid li:hover .greyBg:after { right: 15px; }

.rpBar { padding: 40px 60px; text-transform: uppercase; }

blockquote { color: #ad7f49; line-height: 1.3; padding: 0 34px 25px; position: relative; margin-bottom: 0; }

p + blockquote, h1 + blockquote { margin-top: 15px; }

blockquote:before { content: url(images/quote.svg); position: absolute; top: 0; left: 0; }

.white, blockquote .white { color: #fff; }

.relatedBlock .container { padding: 30px 60px; }
.relatedBlock .work-grid { margin-left: auto; margin-right: auto; }
.projBox span { display: block; }
.projBox { width: 370px; margin-right: 24px; }
.partnerBlock .content .rSlider a .bText, .partnerBlock .projBox span { color: #484f53; }
.partnerBlock .projBox .padd { position: relative; }
 
.relatedBlock .flexslider { position: relative; margin-left: 25px; left: -25px; }
.relatedBlock .flex-direction-nav a { z-index: 999; opacity: 1; background-repeat: no-repeat; width: 26px; height: 45px; }
body .relatedBlock .flex-direction-nav .flex-next { right: -50px; background-image: url(images/carousel-right.svg); }
body .relatedBlock .flex-direction-nav .flex-prev { left: -50px; background-image: url(images/carousel-left.svg); }

body .relatedBlock .flex-direction-nav .flex-disabled { display: none; }

.brownBg .rMoreButton { background-color: #a77b47; border: 1px solid #ceb292; }
.brownBg .rMoreButton:hover { background-color: #8f6431; }
.dGreyBg .rMoreButton { background-color: #404649; border: 1px solid #969696; }
.dGreyBg .rMoreButton:hover { background-color: #2c3133; }

.credits { padding-bottom: 30px; display: block; }
.credits .clist { max-height: 0; overflow: hidden; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; }
.credits.show .clist { max-height: 9999px; }
.content .clist li { padding-bottom: 10px; }
.creditTitle { cursor: pointer; }
.creditTitle:after { content: url(images/arrow-down.svg); position: relative;top: -2px; padding-left: 5px; }
.credits.show .creditTitle:after { content: url(images/arrow-up.svg); }

.cats ul li { float: left; margin-right: 15px; }
.cats ul li a { display: inline-block; padding: 10px 20px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #3e4448; color: #fff; text-transform: uppercase; font-size: 16px; text-decoration: none; }

.cats ul li:hover a { background-color: #d9b348; }

body.our-work .catSelect ul li:first-child a { background-color: #6c9699; }


/*** Team ***/


.team-grid ul li a { border-top: 1px solid #ad7f49; display: block; position: relative; height: 115px; text-decoration: none; z-index: 999; }
.team-grid ul li a:after { content: url(images/open-popup.svg); position: absolute; bottom: 10px; right: 20px; }
.team-grid ul li span { display: block; }
.team-grid ul li .bTitle { padding-bottom: 5px; }
.team-grid ul li .imgHolder {position: absolute;top: 0;left: 0;bottom: 0;}
.team-grid ul li .padd { margin-left: 115px; }

.contactPop .bTitle, .tPop .bTitle { font-family: "futura-pt",sans-serif; font-weight: 700; color: #ad7f49; padding-bottom: 12px; }
.tPop, .contactPop { opacity: 0; transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); line-height: 1.2; position: fixed; top: 120px; left: 50%; margin-left: -375px; margin-top: 0; width: 750px; max-width: 80%; background-color: #fff; z-index: -1;
-webkit-box-shadow: 0px 0px 100px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px 0px 100px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px 0px 100px 0px rgba(50, 50, 50, 0.35);
}

.tPop .padd, .contactPop .padd { margin-left: 0; overflow: auto; max-height: 50%;}
.tPop .padd { padding: 30px 100px 50px;  }
.contactPop .padd { padding: 30px 100px;  }

.contactPop.tPop .padd { height: 450px; }
.contactPop .padd { height: 520px; }

.tPop.show, .contactPop.show { z-index: 99999; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; }

.contactPop .bText, .tPop .bText { font-weight: 700; padding-bottom: 12px; }

.tclose { cursor: pointer; position: absolute; top: 20px; right: 22px;  }
.tclose:before { content: url(images/close-popup.svg);  }

.validation_message, .validation_error { display: none; }


/*** Contact ***/

.topText { position: relative; }
.topText .left { padding-right: 250px; }

.gitButton { position: absolute; top: 8px; right: 0; background-color: #484f53; }

.contactPop input[type="submit"] { margin-top: 10px; }
.contactPop textarea { height: 150px; }

.maps { display: block; padding-top: 30px; margin-left: -1%; margin-right: -1%; }

.jobsBlock .threeCol, .maps .threeCol { width: 31.3333%; margin: 0 1%; }

.maps .fourCol { width: 23%; margin: 0 1% 2%; }

.page-template-jobs .jobsBlock { padding-top: 30px; }

.job-grid { padding-top: 20px; }

.jobsBlock a span { display: block; }
.jText { line-height: 1.3; }
.content .jobsIntro p { line-height: 1.2; }

.contactBox { position: relative; }

.jobsBlock #grid li a { text-decoration: none; color: #484f53; }
.jobsBlock #grid li a .rMore { color: #ad7f49; }

.acf-map { height: 225px; position: relative; z-index: 99; }

.contactInfo { background-color: #d0e3e4; }

.cTel { position: absolute; bottom: 15px; left: 15px; padding: 8px 0 8px 40px; background: url(images/telephone.svg) no-repeat 0 0; }

/*** Jobs ***/


.jobsBlock { overflow: hidden; }
.jobsBlock .padd { display: block; padding: 30px 0; }
.jobsBlock .sPadd { font-size: 16px; padding: 15px 15px 55px 15px; position: relative; }
.jobsBlock .content a { text-decoration: none; color: #484f53; }
.jobsBlock a.threeCol, .jobsBlock #grid li { border-top: 1px solid #ad7f49; }
.jobsBlock a.threeCol .rMore, .partnerBlock .projBox .rMore { color: #ad7f49; }
.jobsBlock a.threeCol .rMore:after, .partnerBlock .rMore:after, .jobsBlock #grid li a .rMore:after { content: url(images/brownArrow.png); }
.jobsBlock .rMore, .partnerBlock .rMore { position: absolute; bottom: 15px; left: 15px; display: block; right: 15px; }
.jobsBlock .rMore:after, .partnerBlock .rMore:after { bottom: -1px; }

.partnerBlock .rMore { font-size: 14px; }
.partnerBlock .content .rSlider .slides a { border-right: 1px solid #d0e3e4; border-bottom: 1px solid #d0e3e4; border-left: 1px solid #d0e3e4; display: block; border-top: 1px solid #ad7f49; }
.negMargin { margin-left: -1%; margin-right: -1%;  }


/*** Awards ***/

.awardsBlock .content h2, .awardsBlock .content h3, .awardsBlock .content h4 { font-weight: 700; font-size: 24px; }

.awardsBlock h3 { color: #ad7f49; }


/***** Contact Form 7 *****/

form label { display: block; padding-bottom: 6px; }
form input, form textarea { position: relative; border: none; outline: none; padding: 7px; font-family: "futura-pt",sans-serif; font-size: 1em; background: #e9e0d6; width: 100%;}

form input[type="submit"] { width: auto;text-transform: uppercase; color: #fff; border: none; outline: none; font-family: "futura-pt",sans-serif; cursor: pointer; }
form input[type="submit"]:hover {  }

form input.wpcf7-not-valid, form textarea.wpcf7-not-valid, .gfield_error input, .gfield_error textarea {
	
    border: 1px solid #cd7174!important;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(205, 113, 116, 0.75)!important;
    -moz-box-shadow: 0px 0px 10px 0px rgba(205, 113, 116, 0.75)!important;
    box-shadow: 0px 0px 10px 0px rgba(205, 113, 116, 0.75)!important;
}

span.wpcf7-not-valid-tip { display: none; }
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok  { border: none; display: block; margin: 0px; padding: 0px; width: 100%; font-size: 0.8em; }
div.wpcf7-validation-errors { color: #F0A8A8;  line-height: 1.4em;}
span.wpcf7-not-valid-tip { border: none; background: none; color: #8D0000; top: 2%; left: 10px; }
.your-message span.wpcf7-not-valid-tip { top: 8px; }
.wpcf7-mail-sent-ok { color: #398F14; }


/*** Footer ***/

footer { padding: 30px;}
footer .container { padding: 10px 0; }

/*

footer .left { margin-left: 1.5%; }
footer .right { margin-right: 1.5%; }

*/

.page-template-contact footer .left, .page-template-contact footer .right { margin-left: 0; margin-right: 0; }

footer p a { color: #ad7f49; }
footer .social li { padding-bottom: 25px; }
footer .social li a { font-size: 20px; color: #ad7f49; }
footer .social li:hover a { color: #484f53; }

.footNav ul li { float: left; margin-right: 30px; }
.footNav ul li:last-child { margin-right: 0; }
.footNav ul li a { text-transform: uppercase; font-size: 16px; }
footer p a:hover, .footNav ul li a:hover { color: #ad7f49; }

.copy { font-size: 13px; }

/***** Responsive *****/

.mobButton { display: none; }

@media screen and (max-width: 1300px) {

    .topSection { height: 370px; }

}

@media screen and (max-width: 1240px) {

    .container { width: auto; padding: 30px; }

}

@media screen and (max-width: 1180px) {

    .blockBoxes h3 { font-size: 22px; }

}

@media screen and (max-width: 1000px) {



	.blockBoxes .content .bTitle { font-size: 22px; }

    .standardP > .container { padding: 0 30px; }

    .content .catSelect h2 { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; cursor: pointer; display: block; text-align: center; color: #484f53; font-weight: 300; text-transform: uppercase; font-family: "isonorm",sans-serif; padding: 15px; margin: 0; background-color: #efefef; }

    .content .catSelect h2:after { content: url(images/arrow-down.svg); position: relative; top: -2px; left: 10px; }
    .catSelect.show h2:after { content: url(images/arrow-up.svg); }
    .content .catSelect ul {  clear: none; float: none; left: auto; margin: 0; max-height: 0; overflow: hidden; }
    .catSelect.show ul { max-height: 9999px; }
    .content .catSelect ul li { float: none; display: block; text-align: center; right: auto; }
    .content .catSelect ul li a { border-radius: 0; }

    .maps .threeCol, .team-grid ul li.threeCol, .work-grid .threeCol { width: 47%; margin: 0 1.5% 25px; }

    #banner .caption { right: 10%; }

    .tPop, .contactPop { width: 350px; margin-left: -175px; margin-top: -300px; }
    .page-template-contact .contactPop { margin-top: -50px; }
    .tPop .padd, .contactPop .padd { padding: 20px; }

    .topSection .tableCell .padd, .bottomSection .twoCol span.twoCol span.padd { padding: 20px 20px 70px; }

    .maps .fourCol { width: 48%; }

}

@media screen and (max-width: 850px) {

    header.scrollHead { padding: 10px 30px; }
    header.scrollHead .logo { padding: 0; }

    .searchForm { display: none; }

	.tPop .padd { padding: 40px; }

	.blogPosts .fourCol, .blogPosts .threeCol { width: 47%; }

	header { padding: 20px 30px; }

    .searchForm { right: 35px; }

    footer .left { padding-bottom: 30px; }
    footer .left, footer .right { margin: 0; float: none; }

    .topSection { height: 298px; }
        
    .bottomSection > .twoCol { float: none; width: auto; }
    .caption h2 { font-size: 35px; }

    .rightHead { display: none; }

    .mobButton { top: 30px; right: 30px; position: fixed; display: block; cursor: pointer; z-index: 99999; }

   #nav-icon { width: 28px; height: 25px; margin: 6px 3px; position: relative;}    


    #nav-icon {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
    }

    /* #nav-icon.open span { background: #fff; } */

    #nav-icon span {
      display: block;
      position: absolute;
      height: 4px;
      width: 100%;
      background: #fff;
      opacity: 1;
      left: 0;
     -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
    }

    #nav-icon span:nth-child(1) {
      top: 0px;
    }

    #nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
      top: 10px;
    }

    #nav-icon span:nth-child(4) {
      top: 20px;
    }

   #nav-icon.open span:nth-child(1) {

      top: 7px;
      width: 0%;
      left: 50%;

    }



    #nav-icon.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    #nav-icon.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    #nav-icon.open span:nth-child(4) {
     top: 7px;
      width: 0%;
      left: 50%;
    }

    .mobileMenu .searchForm {position: relative;display: block;top: auto;right: auto;z-index: 99999;width: 300px; margin: auto; max-width: 100%; padding-top: 20px; }
    .mobileMenu .searchForm input[type="search"] { max-width: 100%; width: 300px; opacity: 1; position: relative; right: auto; top: auto; }

     .mobileMenu { display: block; padding: 0; bottom: 0; left: 0; right: 0; top: 0; position: fixed; background-color: #ad7f49; background-repeat: no-repeat; background-position: calc(100% - 15px) calc(100% - 15px); width: 100%; z-index: 9999; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%);  }

    .mobileMenu.open { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0);  }
    .mobileMenu > .box > ul { padding: 20px 0 50px; min-height: 400px; }
    .mobileMenu .box { -webkit-overflow-scrolling: touch; position: relative; padding: 90px 30px 30px; overflow-y: scroll; height: 100%; }
    .mobileMenu, .mobileMenu ul { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
    .mobileMenu ul li { float: none; display: block; font-size: 18px; position: relative; color: #fff; background-color: transparent; padding-bottom: 0; text-align: center; }
    .mobileMenu ul li a { padding: 15px 0; display: block; position: relative; color: #fff; z-index: 99; background-color: transparent; text-transform: uppercase; }
    .mobileMenu ul li a:hover, .mobileMenu ul > li.current-menu-item > a { }
    .mobileMenu ul li:last-child { border: 0; }

    .mobileMenu ul li.menu-item-has-children .arrow:hover:before {  }
    .mobileMenu ul li ul li a:before { content: "-"; padding-right: 10px; }

    .mobileMenu ul li.menu-item-has-children .arrow { position: absolute; right: -15px; top: 17px; z-index: 99999; }
    
    .minus { content: "\f068";  }
    .mobileMenu ul li.menu-item-has-children .arrow:before { transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; font-family: FontAwesome; content: "\f067"; color: #fff; cursor: pointer; padding: 17px 17px 17px 27px; }

    .mobileMenu ul li.menu-item-has-children .arrow.minus:before { content: "\f068";  }
    .mobileMenu ul li ul { max-height: 0; overflow: hidden; }
    .mobileMenu ul li ul.sideshow { display: block; max-height: 1000px; padding-bottom: 20px; }
    .mobileMenu ul li ul li { border: none; padding-bottom: 10px; }
    .mobileMenu ul li ul li:first-child { padding-top: 10px; }
    .mobileMenu ul li ul li a { padding: 0 0 5px; font-size: 16px; }
    .mobileMenu ul li ul li ul { padding-left: 20px; background-color: #26619B; padding-bottom: 0!important; margin-bottom: 25px!important; }
    .mobileMenu ul li ul li ul li a { padding: 0 0 12px; font-size: 13px; }

}

@media screen and (max-width: 840px) {

    .sContainer { width: auto; padding: 0 30px; }

    .titleBlock .padd { padding: 15px 30px; }

    .topText .left { padding-right: 0; float: none; }

    .gitButton { position: relative; top: auto; right: auto; margin: auto; float: none; display: block; width: 120px; margin-top: 5px; }

}


@media screen and (max-width: 650px) {

  .team-grid ul li.threeCol, .jobsBlock .threeCol, .maps .threeCol, .work-grid .threeCol { width: 100%; margin: 0 0 25px; }

  .titleBlock h1 { font-size: 35px; }

  .team-grid, .work-grid, .blogPosts .noList.clearfix { margin-left: 0; margin-right: 0; }

  .job-grid { padding-top: 0; }

}

@media screen and (max-width: 550px) {

	.maps .fourCol { width: auto; margin: 0 0 20px; float: none;}
	
	.bottomSection .twoCol { height: auto; }	
	.bottomSection .twoCol .bgimg { height: 250px; }

    .tPop, .contactPop { width: auto; top: 120px; right: 10%; left: 10%; bottom: 15%; margin-left: 0; margin-top: 0; }
    .tPop .padd, .contactPop .padd { max-height: 91%; }

    .caption .content h2, .content h1 { font-size: 35px; }
    
    .leftCol { width: 60%; }
    .rightCol { width: 40%; }

    .bottomSection, .topSection { height: auto; }
    .blockBoxes .topSection .content { min-height: 210px; }

    .blogPosts .fourCol, .blogPosts .threeCol { width: auto; float: none; }

    .blockBoxes .twoCol { float: none; width: auto; min-height: 250px; }
    /* .topSection .twoCol, .blockBoxes .twoCol .twoCol { height: 450px; } */

    .blockBoxes .boxLink { height: auto; }

    footer { overflow: hidden; text-align: center; }
    footer ul.social { clear: left; left: 50%; position: relative; text-align: center; float: left; margin-bottom: 30px; }
    
    footer ul.social li { display: block; float: left; right: 50%; margin: 0; padding: 0; position: relative; }
    footer ul.social li a { margin: 0 10px 25px; }


    .footNav ul li { float: none; margin: 0 0 20px 0;}
    .footNav ul li a { text-align: center; display: block; }
	
}

@media screen and (max-width: 450px) {

    .team-grid ul li .padd { padding: 10px; }

    .titleBlock { padding-top: 74px; }
    .titleBlock h1 { padding: 0; }

    header { padding: 10px 30px!important; }
    header .mobButton { top: 19px; }
    header .logo img { width: 100px; }
    header .rightHead .social { display: none; }
    header .mainNav { padding-top: 15px; }

    .caption .rMoreButton { left: 20px; width: 72px; }

    .caption .padd { padding: 20px 20px 30px 20px; }

    .relatedBlock .flexslider { left: 0; margin-left: 0; }
    
    body .relatedBlock .flex-direction-nav a { -webkit-background-size: 15px; background-size: 15px; width: 15px; height: 27px; }
    body .relatedBlock .flex-direction-nav .flex-next { right: -36px; }
    body .relatedBlock .flex-direction-nav .flex-prev { left: -36px; }

    .paddRight { padding: 0; }

    .blockBoxes .twoCol.bgimg { height: 250px; }
     
    .padd { padding: 30px; }

	.rightCol, .leftCol { width: auto; float: none; }

    .leftCol { margin-bottom: 30px; }
    
}

@media screen and (max-height: 800px) {

/*

  span.tPop {top: 150px; transform: -moz-translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0);}

  span.tPop .padd { height: 270px; }

*/

}



/*------------------------------------*\

    MISC

\*------------------------------------*/



::selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-webkit-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-moz-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}



/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/



.alignnone {

	margin:5px 0 20px 0;

}

.aligncenter,

div.aligncenter {

	display:block;

	margin:5px auto 5px auto;

}

.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

a img.alignnone {

	margin:5px 20px 20px 0;

}

a img.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}

.wp-caption {

	background:#FFF;

	border:1px solid #F0F0F0;

	max-width:96%;

	padding:5px 3px 10px;

	text-align:center;

}

.wp-caption.alignnone {

	margin:5px 20px 20px 0;

}

.wp-caption.alignleft {

	margin:5px 20px 20px 0;

}

.wp-caption.alignright {

	margin:5px 0 20px 20px;

}

.wp-caption img {

	border:0 none;

	height:auto;

	margin:0;

	max-width:98.5%;

	padding:0;

	width:auto;

}

.wp-caption .wp-caption-text,

.gallery-caption {

	font-size:11px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}

.sticky {



}

.bypostauthor {



}



/*------------------------------------*\

    PRINT

\*------------------------------------*/



@media print {

	* {

		background:transparent !important;

		color:#000 !important;

		box-shadow:none !important;

		text-shadow:none !important;

	}

	a,

	a:visited {

		text-decoration:underline;

	}

	a[href]:after {

		content:" (" attr(href) ")";

	}

	abbr[title]:after {

		content:" (" attr(title) ")";

	}

	.ir a:after,

	a[href^="javascript:"]:after,

	a[href^="#"]:after {

		content:"";

	}

	pre,blockquote {

		border:1px solid #999;

		page-break-inside:avoid;

	}

	thead {

		display:table-header-group;

	}

	tr,img {

		page-break-inside:avoid;

	}

	img {

		max-width:100% !important;

	}

	@page {

		margin:0.5cm;

	}

	p,

	h2,

	h3 {

		orphans:3;

		widows:3;

	}

	h2,

	h3 {

		page-break-after:avoid;

	}

}