/*   
Theme Name: Odvod
Description: Odvod website
Author: Odvod Media
Version: 2
*/

/* default
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {width: 100%; height:auto}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color:#666; text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
a:hover{ text-decoration:underline}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

h1,h2,h3,h4,h5,h6{ font-weight:400}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

.clear { clear: both; }

.hide { display: none !important; }

img { display: block; /*transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s;*/ }

.container { position: relative; display: block; }
#site-contact-form { display: none; }

.show-right:before { position: relative; left: 100%; display: block; width: 100%; float: left; margin: 0 0 0 -100%; }

/*** site styles ***/

html, BODY { height: 100%; }
BODY { background: url(images/bg-lines.png); font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.3; color: #555555; text-align: center; padding-top: 120px; }

#site-wrapper { position: relative; display: block; width: 100%; overflow: hidden; }

#flyout-menu { position: fixed; right: -150px; top: 0; display: none; width: 150px; height: 100%; padding: 59px 0 0; background: #fff url("images/bg-lines.png") repeat; text-align: left; border-left: 1px solid #666; -webkit-box-shadow: 0 0 10px 0 #3c3c3c; box-shadow: 0 0 10px 0 #3c3c3c; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9999999; }
#flyout-menu ul { margin: 0; padding: 0; }
#flyout-menu li { margin: 0; padding: 0; display: block; border-bottom: 1px #eaeaea solid; }
#flyout-menu li li { border-top: 1px #FFF solid; border-bottom: none; }
#flyout-menu li a { display: block; color: #666; background: #FFF; padding: 3px 20px 3px 10px; min-width: 100px; text-decoration: none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; box-sizing: border-box; -moz-box-sizing: border-box; }
#flyout-menu li a:hover { color: #fff; background: #ee4542; text-decoration: none; }
#flyout-menu li li a { background: #CCC; color: #666; }


#header-wrapper { position: fixed; top: 0; display: block; width: 100%; height: 120px; background: #fff; z-index: 99999999; overflow: hidden; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
#header-wrapper.border { height: 119px; border-bottom: 1px solid #999; }
#header { position: relative; display: block; width: 100%; max-width: 1324px; padding: 0 30px; margin: 0 auto; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; }
#logo { position: relative; display: block; width: 170px; margin: 0; padding: 32px 0 0; z-index: 100; float: left; }
#logo img { position: relative; display: block; }
#logo h2 { text-indent: -9999px; overflow: hidden; font-size: 1px; }

#menu-wrapper { position: relative; display: block; padding: 0; float: right; }
#menu { position: relative; display: block; width: auto; margin: 0; padding: 0; z-index: 500; float: right; }
#menu .menu-main-menu-container { transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; float: right; }
#menu ul { margin: 0; padding: 0; }
#menu li { position: relative; list-style-type: none; margin: 0; padding: 42px 30px 0; display: block; float: left; white-space: nowrap; letter-spacing: 0; border-top: 8px solid #FFF; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
#menu li.blog-link { padding-top: 12px; padding-left: 0; padding-right: 0; margin-left: 30px; }
#menu li a { display: block; font-size: 16px; font-weight: bold; line-height: 1; color: #161618; text-decoration: none; margin: 0; }
#menu li:first-child a { margin-left: 0; }
#menu li.blog-link a { background: #373739; color: #FFF; padding: 30px 20px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
#menu li.current-menu-item, #menu li.current-menu-parent { border-top-color: #ee4542; }
#menu li a:hover, #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li:hover a { color: #ee4542; text-decoration: none; }
#menu li.blog-link.current-menu-item a { background: #373739; color: #FFF; }
#menu li.blog-link a:hover { background: #ee4542; color: #FFF; }

#flyout { position: relative; display: none; text-align: right; padding: 18px 0 0; z-index: 999999; }
#flyout a.icon-menu { color: #161618; font-size: 24px; line-height: 1; text-decoration: none; margin: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
#flyout a.icon-menu:hover { color: #ee4542; }
/*#flyout-menu { position: fixed; right: 0; display: none; background: #666; text-align: left; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; }
#flyout-menu a { display: block; color: #fff; padding: 3px 20px 3px 10px; min-width: 100px; border-bottom: 1px solid #eaeaea; text-decoration: none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
#flyout-menu ul.sub-menu a { background: #999; }
#flyout-menu ul.sub-menu ul.sub-menu a { background: #CCC; color: #666; }
#flyout-menu a:hover, #flyout-menu ul.sub-menu a:hover, #flyout-menu ul.sub-menu ul.sub-menu a:hover { color: #fff; background: #000; }
*/

.badge { position: relative; display: block; width: 100%; max-width: 80px; padding-top: 20px; float: right; }

#site { position: relative; display: block; overflow: hidden; webkit-backface-visibility:hidden; }


.section-wrapper { position: fixed; top: 120px; display: block; width: 100%; overflow: hidden; background: #FFF; z-index: 100; -webkit-transform: translateZ(0); -webkit-transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: top 0s; -webkit-perspective: 1000; -webkit-overflow-scrolling: touch; background-attachment: fixed; }
.tablet .section-wrapper { position: relative; top: 0 !important; }
.blog .section-wrapper, .single .section-wrapper, .page-template-page-content .section-wrapper { background: none; }
.section-wrapper.front-page { z-index: 90; }
.section-wrapper.style_1 { background: #FFF; }
.section-wrapper.style_2 { background: #e2e2e2; }
.section-wrapper.style_3 { background: #5f5e5e; }
.section-wrapper.style_4, .section-wrapper.style_6 { background: #1a1a1a; }


.banner-wrapper { position: relative; display: block; overflow: hidden; padding=top: 120px; background: #000; }
.banner { position: relative; display: block; height: auto; }
.banner .banner-item { position: relative; display: block; width: 100%; height: auto; opacity: 0; text-align: center; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.banner .banner-item-1 { opacity: 1; }
.banner .banner-item-1.cycle-sentinel { opacity: 0; }
.banner .banner-item-1.cycle-sentinel img { height: 100%; }
.banner-item-content-wrapper { position: absolute; bottom: 0; left: 50%; display: block; width: 100%; max-width: 1324px; margin: 0 0 0 -662px; padding: 0; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.banner-item-content { position: relative; display: inline-block; letter-spacing: 0; font-size: 154px; font-weight: bold; color: #FFF; line-height: .8; opacity: 0; }
.cycle-pager { position: absolute; display: block; bottom: 15px; right: 30px; z-index: 9999; text-align: right; }
.cycle-pager span { width: 15px; height: 15px; display: inline-block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; cursor: pointer; background: #fff; text-indent: -9999px; overflow: hidden; margin-left: 10px; font-size: 1px; color: #fff; text-align: center; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.cycle-pager span:hover, .cycle-pager span.cycle-pager-active { background: #353641; color: #353641; }


.banner .banner-item-content-wrapper-new { position: absolute; top: 0; left: 0; display: grid; width: 100%; height: 100%; align-content: center; }
.banner .banner-item-content-wrapper-new .banner-item-content { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; font-size: 60px; font-weight: 700; color: #fff; opacity: 1; }
.banner .banner-item-content-wrapper-new .banner-item-content .banner-text-start { position: relative; display: block; text-align: right; }
.banner .banner-item-content-wrapper-new .banner-item-content .banner-text-swap { position: relative; display: block; text-align: left; }
.banner .banner-item-content-wrapper-new .banner-item-content .banner-text-swap span.text { position: absolute; display: block; height: 1px; width: 1px; overflow: hidden; }
.banner .banner-item-content-wrapper-new .banner-item-content .banner-text-swap span.text span { position: absolute; display: block; }


.section-wrapper .section { position: relative; display: block; width: 100%; max-width: 1324px; padding: 0 30px; margin: 0 auto; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 20; }


.section-wrapper .section .title { position: relative; display: block; width: 14.636076%; background: #ee4542; padding: 32px 7px 1px; box-sizing: border-box; -moz-box-sizing: border-box; }
.section-wrapper.section-blog .section .title, .single-projects .section-wrapper .section .title, .page-template-page-content .section-wrapper .section .title { position: absolute; z-index: 99; }
.page-template-page-content .section-wrapper .section .title { width: auto; }
.section-wrapper .section .title .load { position: absolute; top: 5px; right: 5px; display: block; width: 32px; height: 32px; background: url(images/loader3.gif) right top no-repeat; }
.section-wrapper .section .title h2 { color: #FFF; font-size: 32px; font-weight: bold; line-height: 1.3; }

.page-banner { position: relative; display: block; max-height: 544px; height: auto; margin: 0 0 30px; }

.section-wrapper .section .content { position: relative; display: block; padding: 70px 0 100px; box-sizing: border-box; -moz-box-sizing: border-box; }
.section-wrapper.section-20 .section .content { padding-bottom: 50px; }
.section-wrapper .section .content.has-side { width: 65.822785%; float: left; }

.section-wrapper .section .sidebar { position: relative; display: block; width: 31.64557%; float: right; box-sizing: border-box; -moz-box-sizing: border-box; }

.section-wrapper .section-bg { position: absolute; top: 0; left: 0; display: block; width: 100%; z-index: 10; background: #FFF; }

.content { font-size: 19px; color: #555555; font-weight: 300; }
.content p { margin: 0; padding: 0 0 20px; line-height: 1.4; }
.content ul, .content ol { margin: 0 0 30px 30px; padding: 20px 0 0; }
.content ul li, .content ol li { list-style-type: disc; margin: 0 0 5px 16px; padding: 0; line-height: 1.5; }
.content h2 { font-size: 25px; color: #000; font-weight: normal; line-height: 1.4; margin: 0; padding: 0 0 20px; }
.content h3 { font-size: 70px; color: #000000; font-weight: 200; line-height: .8; margin: 0; padding: 0 0 35px; text-transform: lowercase; }
.content h4 { font-size: 80px; color: #000000; font-weight: bold; line-height: .8; margin: 0; padding: 0 0 30px; }
.content h5 { font-size: 32px; color: #000000; font-weight: bold; line-height: .8; margin: 0; padding: 0 0 30px; }
.content p + ul { margin-top: -30px; }
.content a { color: #ee4542; text-decoration: none; }
.content a:hover { color: #000; text-decoration: none; }
.content h1.page-title { font-size: 32px; font-weight: bold; color: #000; line-height: 1.2; padding: 0; margin: 0 0 25px; }

.style_3 .content { color: #cccccc; }
.style_3 .content h3, .style_3 .content h4 { color: #ffffff; }
.section-wrapper.style_4 .content, .section-wrapper.style_4 .content h3, .section-wrapper.style_6 .content, .section-wrapper.style_6 .content h3 { color: #fff; }

.content .content-area { position: relative; display: block; width: 65.981013%; }
.content .content-full { position: relative; display: block; }

.content .half { position: relative; display: block; width: 50%; float: left; opacity: 0; }
.content .half .half-content { position: relative; display: block; width: 81.012658%; }

.section-16 .content p, .section-311 .content p { padding-left: 135px; opacity: 0; font-size: 32px; }
/*.section-14 .content p, .section-352 .content p { font-size: 22px; }*/



.content .content-work { position: relative; display: block; min-height: 200px; margin: 0 0 0 -30px; padding: 20px 0 0; overflow: hidden; text-align: center; }
.content .content-work-content { position: relative; display: block; overflow: hidden; }
.content .work-project { position: relative; display: block; width: 33.333%; margin: 0 0 30px; padding: 0 0 0 30px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .work-project a { display: block; color: #FFF; text-align: left; border: 1px solid #d8d8d8; }
.content .work-project a .work-project-img { position: relative; display: block; }
.content .work-project a .work-project-img .cover { position: absolute; top: 0; display: block; width: 100%; height: 100%; background: #000; opacity: 0; z-index: 999; }
.content .work-project a .work-project-img div { position: relative; display: block; overflow: hidden; }
.content .work-project a .work-project-img img { width: 100%; margin: 0; }
.content .work-project a .work-project-img span { position: absolute; top: 0; display: block; width: 100%; padding: 7px 15px 0; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .work-project a .work-project-content { position: absolute; top: 0; display: none; padding: 20px 25px; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 999; }
.content .work-project a .work-project-content h5 { font-size: 12px; color: #f5f8fc; line-height: 1.1; margin: 0 0 35px; padding: 0 0 3px; border-bottom: 1px solid #f5f8fc; }
.content .work-project a .work-project-content ul { margin: 0 0 0 -15px; padding: 30px 0 0; opacity: 0; }
.content .work-project a .work-project-content li { display: block; width: 25%; list-style-type: none; margin: 0; padding: 0 0 0 15px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .work-project a .work-project-content li span { display: block; padding: 12px 0 0; font-size: 12px; color: #f5f8fc; text-align: center; }

.content .content-work a.load-more { display: inline-block; margin: 0 auto; padding: 55px 50px; background: #efefef; font-size: 32px; color: #acacac; line-height: 1; text-align: center; font-weight: bold; -webkit-border-radius: 110px; -moz-border-radius: 110px; border-radius: 110px; }
.content .content-work a.load-more:hover { background: #ee4542; color: #FFF; text-decoration: none; }


.content .content-about { position: relative; display: block; padding: 25px 0 0; }
.content .content-about .about-item { positon: relative; display: block; width: 25%; padding: 0 23px; text-align: center; text-transform: lowercase; line-height: 1; float: left; box-sizing: border-box; -moz-box-sizing: border-box; opacity: 0; }
.content .content-about .about-item img { max-width: 144px; margin: 0 auto; }
.content .content-about .about-item span { display: block; margin: 0; padding: 20px 0 0; }


.content .content-process { position: relative; display: block; padding: 25px 0 0; margin: 0 0 0 -18px; }
.content .content-process .process-letter { position: relative; display: block; width: 20%; padding: 0 0 0 18px; line-height: 1; float: left; box-sizing: border-box; -moz-box-sizing: border-box; opacity: 0; cursor: pointer; }
.content .content-process .process-letter .process-letter-big { position: relative; display: block; margin: 0 auto 30px; padding: 0; background: #000000; font-size: 120px; color: #ffffff; line-height: 1; text-align: center; font-weight: bold; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; }
.content .content-process .process-letter .process-letter-big span { position: absolute; top: 50%; left: 0; display: block; width: 100%; text-align: center; margin-top: -60px; }
.content .content-process .process-letter.change .process-letter-big { background: #ee4542; transition: background 1s; -moz-transition: background 1s; -webkit-transition: background 1s; -o-transition: background 1s; }
.content .content-process .process-letter .process-letter-content { position: relative; display: block; opacity: 0; padding: 0 15px; }
.content .content-process .process-letter .process-letter-content h5 { color: #555555; padding: 0 0 10px; }
.content .content-process .process-letter .process-letter-content p {  font-size: 16px; color: #555555; line-height: 1.3; margin: 0; padding: 0; font-weight: normal; }
.content .content-process .process-letter.change .process-letter-content h5, .content .content-process .process-letter.change .process-letter-content p { color: #BBB; transition: color 1s; -moz-transition: color 1s; -webkit-transition: color 1s; -o-transition: color 1s; }
.content .content-process .process-letter.change:hover .process-letter-big { background: #000; }
.content .content-process .process-letter.change:hover .process-letter-content h5, .content .content-process .process-letter.change:hover .process-letter-content p { color: #000; }



.content .content-team { position: relative; display: block; min-height: 150px; padding: 0; }
.content .content-team .team-content { position: relative; display: block; padding: 30px 75px 0; margin: 0 0 20px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-team .team-content .team-content-inner { position: relative; display: block; }
.content .content-team .team-content .team-member { position: absolute; top: 0; display: none; width: 100%; padding: 0 55px; margin: 0; opacity: 0; z-index: 70; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-team .team-content .team-member.active { position: relative; top: auto; }
.content .content-team .team-content .team-member-img { position: relative; display: block; width: 35.393258%; float: left; text-align: center; }
.content .content-team .team-content .team-member-img img { position: relative; margin: 0 auto; -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px; overflow: hidden; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }
.content .content-team .team-content .team-member-img .team-obj { position: absolute; bottom: -20px; left: -55px; display: block; width: 150px; height: 150px; opacity: 0; }
.content .content-team .team-content .team-member-content { position: relative; display: block; width: 58.348294%; float: right; color: #fff; font-size: 16px; font-weight: normal; opacity: 0; }
.content .content-team .team-content .team-member-content h5 { color: #fff; line-height: 1; padding-bottom: 20px; }
.content .content-team .team-content .team-member-content h5 span { font-size: 22px; font-weight: normal; }
.content .content-team .team-content .team-member-content p { line-height: 1.3; padding-bottom: 20px; }

.content .content-team .team-list { position: relative; display: block; overflow: hidden; padding-top: 30px; }
.content .content-team .team-list a.button-left, .content .content-team .team-list a.button-right { position: absolute; top: 65px; display: none; color: #fff; font-size: 54px; line-height: 1; text-decoration: none; z-index: 99; }
.content .content-team .team-list a.button-left:hover, .content .content-team .team-list a.button-right:hover { color: #ee4542; text-decoration: none; }
.content .content-team .team-list a.button-left.disabled, .content .content-team .team-list a.button-right.disabled { color: #565656; cursor: default; }
.content .content-team .team-list a.button-left { left: 0; }
.content .content-team .team-list a.button-right { right: 0; }
.content .content-team .team-list .team-member-block { position: relative; display: block; margin: 0 auto; overflow: hidden; }
.content .content-team .team-list .team-member-block .team-block-left, .content .content-team .team-list .team-member-block .team-block-right { position: absolute; left: 0; top: 0; display: none; width: 40px; height: 400px; background: url(images/team-slider-cover.png) 0 0 no-repeat; }
.content .content-team .team-list .team-member-block .team-block-right { left: auto; right: 0; background-position: -40px 0; }
.content .content-team .team-list .team-member-wrapper { position: relative; display: block; overflow: hidden; margin: 0 0 0 -30px; }
.content .content-team .team-list .team-member { position: relative; display: block; width: 20%; padding: 0 0 0 30px; margin: 0 0 55px; text-align: center; line-height: 1; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-team .team-list .condensed .team-member { margin-bottom: 0; }
.content .content-team .team-list .team-member a { position: relative; display: block; margin: 0 0 18px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; overflow: hidden; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }
.content .content-team .team-list .team-member a img { height: 100%; max-height: 178px; -webkit-border-radius: 110px; -moz-border-radius: 110px; border-radius: 110px; overflow: hidden; }
.content .content-team .team-list .team-member a .over, .content .content-team .team-list .team-member a svg { background: rgba(0,0,0,.7); display: block; -webkit-border-radius: 110px; -moz-border-radius: 110px; border-radius: 110px; overflow: hidden; }
.content .content-team .team-list .team-member a .team-img { position: relative; display: block; overflow: hidden; opacity: 0; }
.content .content-team .team-list .team-member a .team-placeholder { position: absolute; top: 0; display: none; width: 100%; }
.content .content-team .team-list .team-member a .over { position: absolute; top: 0; display: block; width: 100%; height: 100%; opacity: 0; transition: opacity .6s; -moz-transition: opacity .6s; -webkit-transition: opacity .6s; -o-transition: opacity .6s; }
.content .content-team .team-list .team-member a:hover .over, .content .content-team .team-list .team-member a.selected .over { opacity: 1; }
.content .content-team .team-list .team-member a .over .over-inner { position: relative; display: block; color: #FFF; text-align: center; font-size: 16px; font-weight: normal; color: #FFF; line-height: 1.2; padding: 0 30px; }
.content .content-team .team-list .team-member a .over .member-name { position: relative; display: block; padding: 0 0 12px; margin: 0 0 10px; }
.content .content-team .team-list .team-member a .over .member-name:after { position: absolute; bottom: 0; left: 50%; display: block; content: ''; width: 35px; height: 1px; border-bottom: 1px solid #fff; margin-left: -17px; }
.content .content-team .team-list .team-member a .over img { position: absolute; top: 0; left: 0; }
.content .content-team .team-list .team-member h5 { font-size: 16px; color: #FFF; margin: 0 0 5px; padding: 0; line-height: 1; }
.content .content-team .team-list .team-member span { display: block; }



.section-wrapper.section-blog .section .content { background: none; padding: 0; }

.section-wrapper .section .sidebar.blog-sidebar { background: #898989; min-height: 200px; padding: 30px 20px; font-size: 16px; color: #000; overflow: hidden; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.section-wrapper .section .sidebar.blog-sidebar .filter-header { position: absolute; top: 0; left: 0; display: none; width: 100%; border-bottom: 1px solid #000; z-index: 99; }
.section-wrapper .section .sidebar.blog-sidebar .filter-header a { display: block; height: 30px; color: #000; background: #898989; font-size: 16px; text-transform: uppercase; padding: 0 10px; text-decoration: none; font-weight: bold; line-height: 30px; }
.section-wrapper .section .sidebar.blog-sidebar .filter-header a span { float: right; font-size: 18px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.section-wrapper .section .sidebar.blog-sidebar .filter-header a.open span { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }
.section-wrapper .section .sidebar.blog-sidebar .filter-header a [class^="icon-"]::before, .section-wrapper .section .sidebar.blog-sidebar .filter-header a [class*=" icon-"]::before { margin: 0; width: auto; }
.section-wrapper .section .sidebar.blog-sidebar .filter-header a:hover { color: #fff; background: #666; text-decoration: none; }
.section-wrapper .section .sidebar.blog-sidebar .filter-content { position: relative; display: block; padding: 0; }

.section-wrapper .section .sidebar.blog-sidebar .search-box { position: relative; display: block; }
.section-wrapper .section .sidebar.blog-sidebar .search-box .search-field-wrapper { position: relative; display: block; padding: 0 30px 0 0; border-bottom: 2px solid #000000; box-sizing: border-box; -moz-box-sizing: border-box; }
.section-wrapper .section .sidebar.blog-sidebar .search-box input[type="text"] { width: 100%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 600; border: none; background: none; padding: 0; line-height: 1; color: #000; font-size: 32px; }
.section-wrapper .section .sidebar.blog-sidebar .search-box a.search-clear { position: absolute; top: 3px; right: 0; display: none; font-size: 18px; color: #666; }
.section-wrapper .section .sidebar.blog-sidebar .search-box a.search-clear:hover { color: #000; text-decoration: none; }
.section-wrapper .section .sidebar.blog-sidebar .sidebar-content-wrapper { position: relative; display: block; }
.section-wrapper .section .sidebar.blog-sidebar .sidebar-content { position: relative; display: block; }
.section-wrapper .section .sidebar.blog-sidebar h4 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 600; padding: 25px 0 5px; margin: 0; line-height: 1; color: #000; font-size: 22px; }
.section-wrapper .section .sidebar.blog-sidebar ul { margin: 0; padding: 0; }
.section-wrapper .section .sidebar.blog-sidebar ul li { list-style-type: none; margin: 0; padding: 0 0 1px; }
.section-wrapper .section .sidebar.blog-sidebar ul li a { font-size: 15px; color: #000; text-decoration: none; }
.section-wrapper .section .sidebar.blog-sidebar ul li a:hover { color: #eaeaea; }

.section-wrapper .section .sidebar.blog-sidebar .search-result-wrapper { position: relative; display: none; }
.section-wrapper .section .sidebar.blog-sidebar .search-return { position: relative; display: none; margin: 3px 10px 0 0; font-style: italic; font-size: 12px; text-align: right; }
.section-wrapper .section .sidebar.blog-sidebar .search-results { position: relative; display: none; min-height: 60px; padding: 20px 0 0; }
.section-wrapper .section .sidebar.blog-sidebar .search-results p { padding: 0 0 20px; font-size: 14px; color: #333; font-style: italic; }
.section-wrapper .section .sidebar.blog-sidebar .search-results p a { font-size: 16px; color: #000; font-style: normal; font-weight: 500; }
.section-wrapper .section .sidebar.blog-sidebar .search-results p a:hover { color: #333; text-decoration: none; }


.content .blog-post { position: relative; display: block; padding: 20px 0 20px; }
.content .blog-title { position: relative; display: block; font-size: 26px; color: #000; line-height: 1.1; font-weight: normal; background: #898989; padding: 25px 20px; margin: 0 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .blog-post-wrapper { background: #f7f7f7; margin-bottom: 30px; }
.content .blog-post.post-1 { padding-top: 0; }
.content .blog-post .blog-post-img { position: relative; display: block; max-height: 280px; overflow: hidden; }
.content .blog-post .blog-post-content { position: relative; display: block; width: 85.9375%; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .blog-post .blog-post-content h1, .content .blog-post .blog-post-content h3 { font-size: 32px; font-weight: bold; color: #000; line-height: 1.2; padding: 20px 0 20px; margin: 0; }
.content .blog-post .blog-post-content h3 a { color: #000; }
.content .blog-post .blog-post-content h3 a:hover { color: #ee4542; }
.content .blog-post .blog-post-content p { line-height: 1.4; font-weight: 300; font-size: 18px; }
.content .blog-post .blog-post-content img { width: auto; max-width: 100%; margin: 0 0 20px; }
.content .blog-post .blog-post-content .blog-post-text { position: relative; display: block; font-size: 17px; margin: 0 0 10px; font-weight: 300; line-height: 1.4; }
.page-template-page-content .content .blog-post .blog-post-content .blog-post-text { padding-top: 30px; }
.content .blog-post .blog-post-content .blog-post-author { position: relative; display: block; padding: 10px 0 0; }
.content .blog-post .blog-post-content .blog-post-author a { color: #898989; text-decoration: none; }
.content .blog-post .blog-post-content .blog-post-author a:hover { color: #898989; text-decoration: underline; }
.content .blog-post .blog-post-content .blog-post-author .blog-post-author-img { position: relative; display: block; width: 65px; height: 65px; margin: 0 10px 0 0; border: 1px solid #d0d0d0; -webkit-border-radius: 33px; -moz-border-radius: 33px; border-radius: 33px; float: left; overflow: hidden; }
.single-post .content .blog-post .blog-post-content .blog-post-author .blog-post-author-img { margin-right: 15px; }
.content .blog-post .blog-post-content .blog-post-author .blog-post-author-meta { position: relative; display: block; height: 65px; font-size: 14px; color: #898989; line-height: 65px; font-weight: 300; }
.content .blog-post .blog-post-content .blog-post-author .blog-post-author-content { position: relative; display: block; height: 65px; padding: 15px 0 0; font-size: 14px; color: #898989; font-weight: 300; line-height: 1.3; box-sizing: border-box; -moz-box-sizing: border-box; }

.content a.btn-back-blog { display: block; font-size: 32px; font-weight: bold; color: #898989; background: #FFF; line-height: 1; padding: 15px 25px; margin: 0 0 40px; float: right; }
.content a.btn-back-blog:hover { color: #fff; background: #ee4542; text-decoration: none; }

.content .blog-pagination { display: block; font-size: 32px; font-weight: bold; color: #898989; background: #FFF; line-height: 1; padding: 15px 25px; margin: 0 0 40px; float: right; }
.content .blog-pagination a { color: #898989; text-decoration: none; margin: 0 0 0 10px; }
.content .blog-pagination a:hover, .content .blog-pagination a.current-page { color: #000; text-decoration: none; }
.content .blog-pagination .sep { margin: 0 0 0 10px; }

.more-work { position: fixed; top: 120px; display: block; width: 100%; z-index: 999; }
.more-work .more-work-menu { position: relative; display: block; padding: 30px 50px; background: #000; opacity: 0; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 10; }

.more-work .more-work-menu a.button-left, .more-work .more-work-menu a.button-right { position: relative; color: #373739; font-size: 54px; margin: 30px 0 0; line-height: 1; text-decoration: none; z-index: 99; }
.more-work .more-work-menu a.button-left:hover, .more-work .more-work-menu a.button-right:hover { color: #fff; text-decoration: none; }
.more-work .more-work-menu a.button-left.disabled, .more-work .more-work-menu a.button-right.disabled { color: #212122; cursor: default; }
.more-work .more-work-menu a.button-left { float: left; margin-right: 10px; }
.more-work .more-work-menu a.button-right { float: right; margin-left: 10px; }

.more-work .menu-slider-wrapper { position: relative; display: block; margin: 0 auto; overflow: hidden; }
.more-work .menu-slider { position: relative; display: block; width: 2000%; margin: 0 auto; }
.more-work .menu-slider .menu-slider-item { position: relative; display: block; padding: 0 15px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.more-work .menu-slider .menu-slider-item a { display: block; width: 185px; color: #FFF; text-align: left; }
.more-work .menu-slider .menu-slider-item a .menu-slider-item-img { position: relative; display: block; overflow: hidden; }
.more-work .menu-slider .menu-slider-item a .menu-slider-item-img .cover { position: absolute; top: 0; display: block; width: 100%; height: 100%; background: #000; opacity: 0; z-index: 999; }
.more-work .menu-slider .menu-slider-item a .menu-slider-item-img div { position: relative; display: block; height: 107px; overflow: hidden; }
.more-work .menu-slider .menu-slider-item a .menu-slider-item-img img { width: 100%; margin: 0; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.more-work .menu-slider .menu-slider-item a .menu-slider-item-img span { position: absolute; top: 0; display: block; width: 100%; padding: 7px 15px 0; box-sizing: border-box; -moz-box-sizing: border-box; }
.more-work .menu-slider .menu-slider-item a h5 { font-size: 14px; line-height: 1.1; margin: 0; padding: 5px 0 0; }
.more-work .menu-slider .menu-slider-item a:hover, .more-work .menu-slider .menu-slider-item a.selected { color: #4c4c4c; text-decoration: none; }
.more-work .menu-slider .menu-slider-item a:hover .menu-slider-item-img div img, .more-work .menu-slider .menu-slider-item a.selected .menu-slider-item-img div img { width: 120%; margin: -10% 0 0 -10%; }
.more-work .menu-slider .menu-slider-item a.selected .menu-slider-item-img .cover { opacity: .7 !important; }


.more-work .more-work-btn { position: relative; top: 41px; margin-right: -42px; display: block; float: right; opacity: 0; }
.more-work .more-work-btn a { display: inline-block; font-size: 24px; color: #FFF; font-weight: bold; background: #ee4542; padding: 20px 10px 10px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.more-work .more-work-btn a:hover { background: #373739; color: #FFF; text-decoration: none; }
.more-work .more-work-btn a span.icon { display: none; }

.single-projects .page-banner { margin: 0; }
.single-projects .section-wrapper .section .content { padding-top: 0; }
.single-projects .content .box-wrapper { position: relative; display: block; margin: 30px 0 0; padding: 0 0 0 30px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.single-projects .content .box-wrapper.left { padding-left: 0; }
.single-projects .content .box-wrapper.box-50 { padding-left: 15px; }
.single-projects .content .box-wrapper.box-50.left { padding-left: 0; padding-right: 15px; }

.single-projects .content .box-wrapper.box-20 { width: 25.474684%; }
.single-projects .content .box-wrapper.box-33 { width: 34.124472%; }
.single-projects .content .box-wrapper.box-40 { width: 42.563291%; }
.single-projects .content .box-wrapper.box-50 { width: 50%; }
.single-projects .content .box-wrapper.box-60 { width: 59.810127%; }
.single-projects .content .box-wrapper.box-70 { width: 68.196203%; }
.single-projects .content .box-wrapper.box-80 { width: 76.740506%; }
.single-projects .content .box-wrapper.box-100 { width: 100%; }

.single-projects .content .box-wrapper.box-20.left { width: 23.101266%; }
.single-projects .content .box-wrapper.box-33.left { width: 31.751055%; }
.single-projects .content .box-wrapper.box-40.left { width: 40.189873%; }
.single-projects .content .box-wrapper.box-50.left { width: 50%; }
.single-projects .content .box-wrapper.box-60.left { width: 57.436709%; }
.single-projects .content .box-wrapper.box-70.left { width: 65.822785%; }
.single-projects .content .box-wrapper.box-80.left { width: 74.367089%; }

.single-projects .content .box-wrapper.last { float: right; }

.single-projects .content .box { position: relative; display: block; font-size: 17px; padding: 20px 20px 5px; box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; }
.single-projects .content .box p { margin: 0; padding: 0 0 17px; line-height: 1.4; }
.single-projects .content .box.box-logo { padding: 0; }
.single-projects .content .box.box-logo img { width: 100%; height: auto; }
.single-projects .content .box.box-main-content { padding-right: 70px; }
.single-projects .content .box.box-main-content p:first-child { font-weight: bold; font-size: 22px; line-height: 1.3; margin: 0; padding: 0 0 25px; }
.single-projects .content .box.box-image { background: #FFF url(images/halftone-pattern.png); }
.single-projects .content .box.box-image img { -webkit-box-shadow: 0 2px 5px 0 #999; box-shadow: 0 2px 5px 0 #999; }
.single-projects .content .box.box-image, .single-projects .content .box.box-video { padding: 0; }
.single-projects .content .box.box-image p, .single-projects .content .box.box-video p { margin: 0; padding: 0; height: 100%; }
.single-projects .content .box.top-space { margin-top: 30px; }

.content-section { position: relative; display: block; }
.content-section #contact-form { position: relative; display: block; width: 48.417722%; padding: 25px 0 0; float: left; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9999; }
.content-section #contact-form #site-contact-form { display: block; }
.content-section .contact-map { position: relative; display: block; width: 51.582278%; padding: 0 0 0 30px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; }
.content-section .contact-map-inner { position: relative; display: block; }

.content-section .contact-map-wrapper { position: relative; display: block; width: 100%; opacity: 0; }
.content-section .contact-map-shim { position: relative; display: block; }
.content-section .contact-map-img { position: relative; display: block; width: 100%; }
.content-section .contact-map-img .contact-map-arrow { position: absolute; top: 0; left: 0; display: none; width: 100%; opacity: 0; }
.content-section .contact-map-img .contact-map-arrow-img { position: relative; display: block; width: 12.861736%; margin: 0 0 0 36.173633%; }

.contact-bubble-wrapper-1 { position: absolute; top: 0; left: 0; display: block; width: 100%; opacity: 0; }
.contact-bubble-1 { position: relative; display: block; width: 40%; -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px; background: #ededed; box-sizing: border-box; -moz-box-sizing: border-box; }
.contact-bubble-text-1 { position: absolute; top: 0; left: 0; display: block; width: 78.498294%; padding: 80px 0 0 0; margin: 0 0 0 16.064846%; color: #61515b; font-size: 18px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .contact-bubble-1 h4 { font-size: 20px; line-height: 1.1; margin: 0 0 10px; padding: 0; }
.content .contact-bubble-1 p { margin: 0; padding: 0; font-weight: 300; line-height: 1.2; }

.contact-bubble-wrapper-2 { position: absolute; top: 0; left: 0; display: block; width: 100%; opacity: 0; }
.contact-bubble-2 { position: relative; display: block; width: 29.581994%; margin: 57px 0 0 69.131833%; -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px; background: #ededed; box-sizing: border-box; -moz-box-sizing: border-box; }
.contact-bubble-text-2 { position: absolute; top: 0; left: 0; display: block; width: 65.217391%; padding: 45px 0 0 0; margin: 0 0 0 21.73913%; color: #61515b; font-size: 18px; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 100; }
.content .contact-bubble-2 h4 { font-size: 28px; line-height: 1.1; margin: 0 0 10px; padding: 0; color: #959595; }
.content .contact-bubble-2 p { margin: 0; padding: 0; line-height: 1.2; }

.contact-map-phone-wrapper { position: absolute; top: 0; left: 0; display: block; width: 100%; opacity: 0; }
.contact-map-phone-img { position: relative; display: block; width: 27.009646%; margin: 78px 0 0 48.231511%; }


#footer-wrapper { position: relative; display: block; background: url(images/bg-footer.png) center top; z-index: 99999999; }
#footer-wrapper .footer-wrap { position: relative; display: block; background: url(images/bg-footer-top.png) center top repeat-x; }
.footer { position: relative; display: block; width: 100%; max-width: 1324px; padding: 40px 30px 30px; margin: 0 auto; text-align: left; font-size: 12px; color: #eaeaea; box-sizing: border-box; -moz-box-sizing: border-box; }

.footer .footer-col { position: relative; display: block; width: 33.333%; padding: 0 0 0 20px; min-height: 220px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.footer .footer-col.col-1 { padding-left: 0; font-size: 15px; }
.footer .footer-col h5 { margin: 0 0 7px; padding: 0; line-height: 1; font-size: 20px; font-weight: bold; }

.footer .social { position: relative; display: block; padding: 15px 0 0; }
.footer .social a { display: block; width: 45px; height: 45px; float: left; margin: 0 0 0 10px; }
.footer .social a.first { margin-left: 0; }
.footer .copyright { position: absolute; bottom: 0; display: block; font-size: 20px; color: #2f2f2f; font-weight: bold; line-height: .9; }

.footer .footer-links { position: relative; display: block; padding: 15px 0 0; font-size: 16px; font-weight: bold; }
.footer .footer-links a { color: #2f2f2f; }
.footer .footer-links a:hover { color: #929191; }

.footer .twitter-box { position: relative; display: block; width: 100%; border: 1px solid #4a4848; background: #363636; box-sizing: border-box; -moz-box-sizing: border-box; }
.footer .twitter-box .twitter-box-title { position: relative; display: block; padding: 6px 15px 2px; border-bottom: 1px solid #4a4848; font-size: 16px; font-weight: bold; }
.footer .twitter-box .twitter-box-title strong { color: #929191; }
.footer .twitter-box .twitter-box-content { position: relative; display: block; min-height: 150px; padding: 4px 15px 4px; }

.footer ul.tweets { margin: 0; padding: 0; }
.footer ul.tweets li { margin: 0; padding: 13px 0 5px; border-top: 1px solid #4a4848; }
.footer ul.tweets li.tweet-0 { border-top: none; }
.footer ul.tweets a { color: #929191; }
.footer ul.tweets a:hover { color: #929191; }
.footer ul.tweets .date { text-align: right; color: #929191; padding: 2px 0 0; }

.footer ul.menu { margin: 0 -12px 0 0; padding: 0; float: right; }
.footer .menu li { position: relative; margin: 0; padding: 0 11px 0 0; float: left; white-space: nowrap; font-size: 16px; color: #595959; font-weight: bold; }
.footer .menu li:before { position: absolute; top: 0px; left: -7px; content: '|'; }
.footer .menu li:first-child:before { content: ''; }
.footer .menu a { color: #595959; text-decoration: none; }
.footer .menu a:hover { color: #929191; text-decoration: none; }

.footer .latest-post { width: 85%; float: right; font-size: 14px; line-height: 1.3; }
.footer .latest-post h5 { margin-bottom: 10px; font-size: 24px; color: #2f2f2f; }
.footer .latest-post h3 a { display: block; color: #FFF; font-size: 17px; margin-bottom: 10px; font-weight: bold; }
.footer .latest-post h3 a:hover { text-decoration: none; color: #929191; }
.footer .latest-post .btn-right { padding: 15px 0 0; float: right; }
.footer .latest-post a.btn { position: relative; display: block; border: 1px solid #2f2f2f; padding: 7px 15px; font-size: 15px; color: #929191; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.footer .latest-post a.btn:hover { text-decoration: none; color: #fff; border-color: #000; background: #2f2f2f; }

.content .wpcf7 { padding: 0; margin: 0; }
.content .wpcf7-form { padding: 0; }
.content .wpcf7-form p { padding: 0; margin: 0 0 30px; width: auto; }
.content .wpcf7-form label { display: block; width: 33.104575%; font-weight: normal; color: #000; font-size: 20px; float: left; cursor: default; padding-top: 5px; }
.content .wpcf7-form .field { position: relative; display: block; width: 66.895425%; float: left; }
.content .wpcf7-form .field span { display: block; border: none; background: #d4d1d1; padding: 0 10px 8px; }
.content .wpcf7-form input, .content .wpcf7-form textarea, .content .wpcf7-form select { font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 18px; color: #000; }
.content .wpcf7-form input[type="text"], .content .wpcf7-form input[type="email"], .content .wpcf7-form textarea, .content .wpcf7-form select { width: 100%; border: none; outline: 0; padding: 0; margin: 0; background: none; line-height: 1.2; }
.content .wpcf7-form textarea { height: 120px; margin-top: 8px; }
.content .wpcf7-form .captcha .wpcf7-captchac { border: 1px solid #000; padding: 6px 10px 7px; margin: 0 10px 0 0; float: left; }
.content .wpcf7-form .captcha span.wpcf7-form-control-wrap { width: 40%; float: left; padding-top: 4px; padding-bottom: 9px; }
.content .wpcf7-form .wpcf7-form-control.g-recaptcha { margin: 0 0 30px; padding: 0 0 0 33.104575%; }
.content .wpcf7-form input.wpcf7-submit { color: #FFF; font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; font-size: 40px; padding: 15px 35px; outline: 0; border: none; background: #d4d1d1; text-transform: uppercase; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.content .wpcf7-form input.wpcf7-submit:hover { background: #ee4542; color: #FFF; }
.content .wpcf7-form img { width: auto; }
.content .wpcf7 .ajax-loader { float: right; }
.content div.wpcf7-validation-errors { background: #fff; }
.content div.wpcf7-response-output { position: absolute; top: -15px; margin-top: 0; font-size: 16px; color: #ee4542; margin: 0; padding: 6px 10px; background: #FFF; }
.content .wpcf7-form .field span.wpcf7-not-valid-tip { position: absolute; top: -24px; right: 0; background: #ee4542; color: #fff; font-size: 16px; padding-top: 8px; white-space: nowrap; }
.content div.wpcf7-validation-errors { border-color: #000; }
.wpcf7-checkbox .wpcf7-list-item-label { display: none; }
.placeholder { color: #249140; }

/* Alberta 2025 form */
.page-id-1586 form.wpcf7-form > p {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-row-gap: 20px;
	grid-column-gap: 50px;
}
.page-id-1586 form.wpcf7-form > p label {
	width: 100%;
}
.page-id-1586 form.wpcf7-form > p br {
	display: none;
}
.page-id-1586 form.wpcf7-form .wpcf7-response-output {
	position: initial;
}

span.break { display: block !important; margin: 0 !important; padding: 0 !important; }

.wrapper { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 999999999; }

.loader { background: #fff url(images/loader.gif) center center no-repeat; }
.loader-2 { background: #363636 url(images/loader2.gif) center center no-repeat; }
.loader-3 { background: url(images/loader4.gif) center 30px no-repeat; }
.loading-inner { position: fixed; top: -70px; display: none; width: 100%; height: 100%; background: url(images/logo.png) center center no-repeat; background-size: 170px; }

.notice-wrapper { position: fixed; bottom: 0; display: none; width: 100%; background: #373739; border-top: 1px solid #fff; color: #fff; padding: 30px 20px; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 99999999; }
.notice-wrapper .notice { position: relative; display: block; text-align: left; max-width: 1000px; margin: 0 auto; }
.notice-wrapper a.icon-cancel { position: absolute; top: 10px; right: 10px; display: block; width: 28px; height: 20px; color: #c73632; background: url(images/notice-x.svg) right top no-repeat; }
.notice-wrapper a.icon-cancel:hover { color: #fff; text-decoration: none; }


@viewport { width: auto; }

@media only screen and (max-width: 1324px) {
	
	.banner-item-content-wrapper { left: 0; margin-left: 0; }
	
}

@media only screen and (max-width: 1280px) {
	
	.banner-item-content { font-size: 120px; margin-left: 30px; }

	.content .content-work a.load-more { font-size: 22px; padding: 35px 30px; }
	.content .content-process .process-letter .process-letter-big { width: 90%; font-size: 110px; }
	.content .content-process .process-letter .process-letter-big span { margin-top: -55px; }
	.content .content-process .process-letter .process-letter-content p { font-size: 15px; }
	
	.content .content-about .about-item span { font-size: 24px; }

}

@media only screen and (max-width: 1100px) {
	
	.banner-item-content { font-size: 110px; }
	
	.section-wrapper .section .title { width: 19%; }
	
	.team-list [class^="icon-"]:before, .team-list [class*=" icon-"]:before { margin-left: 0 !important; margin-right: 0 !important; width: auto !important; }
	
	.content .content-process .process-letter .process-letter-big { width: 100%; font-size: 100px; }
	.content .content-process .process-letter .process-letter-big span { margin-top: -50px; }
	
	.more-work .menu-slider .menu-slider-item a .menu-slider-item-img span { padding-top: 0; }
	
	.content .wpcf7-form label { font-size: 18px; width: 35.105%; }
	.content .wpcf7-form .field { width: 64.895%; }
	.content .wpcf7-form .wpcf7-form-control.g-recaptcha { padding-left: 35.105%; }
	
	.contact-bubble-1 { width: 45%; }
	.content .contact-bubble-1 h4 { font-size: 18px; }
	.contact-bubble-text-1 { font-size: 16px; }
	
	
	.contact-bubble-text-2 { font-size: 14px; padding-top: 40px; }
	.content .contact-bubble-2 h4 { font-size: 20px; }
	
}

@media only screen and (max-width: 1024px) {
	
	.single-projects .content .box.box-main-content p:first-child { font-size: 26px; }
	
	.content .content-team .team-list .team-member { margin-bottom: 30px; }
	.content .content-team .team-content .team-member { padding: 0 20px; }
	
	.content .wpcf7-form .captcha span.wpcf7-form-control-wrap { width: 34%; }
	
	.contact-bubble-text-1 { font-size: 14px; }
	.content .contact-bubble-1 h4 { font-size: 16px; }
	
	.footer .footer-col { width: 50%; }
	.footer .footer-col.col-3 { display: none; }
	
}

@media only screen and (max-width: 980px) {
	
	.banner-item-content { font-size: 100px; }
	
	.content, .content .blog-post .blog-post-content .blog-post-text, .content .blog-post .blog-post-content p, .single-projects .content .box { font-size: 16px; }
	.content h3 { font-size: 60px; }
	.content h5 { font-size: 26px; }
	
	.content .content-about .about-item span { font-size: 20px; }
	
	.content .content-process .process-letter .process-letter-big { font-size: 80px; }
	.content .content-process .process-letter .process-letter-big span { margin-top: -40px; }
	
	.content .blog-post .blog-post-content { width: 100%; }
	
	.content .work-project a .work-project-content h5 { margin-bottom: 25px; }
	.content .work-project a .work-project-content li span { padding-top: 8px; }
	
	.more-work .more-work-btn { top: 33px; }
	.more-work .more-work-btn a { font-size: 20px; }
	
	.contact-bubble-text-1 { padding-top: 65px; }
	.contact-bubble-text-2 { font-size: 13px; padding-top: 30px; }
	
	.content .wpcf7-form label { font-size: 16px; width: 37.105%; }
	.content .wpcf7-form .field { width: 62.895%; }
	.content .wpcf7-form .wpcf7-form-control.g-recaptcha { padding-left: 0%; float: right; }
	
	.content .blog-post .blog-post-content h1, .content .blog-post .blog-post-content h3 { font-size: 28px; padding-bottom: 15px; }
	.section-wrapper .section .sidebar.blog-sidebar h4 { font-size: 21px; }
	
	.single-projects .content .box.box-main-content p:first-child { font-size: 24px; }
	
	.content .content-team .team-content { padding-left: 30px; padding-right: 30px; }
	.content .content-team .team-list .team-member-wrapper { margin-left: -20px; }
	.content .content-team .team-list .team-member { padding-left: 20px; }
	.content .content-team .team-content .team-member-content h5 span { font-size: 20px; }
	.content .content-team .team-list .team-member a .over .over-inner { padding: 0 10px; font-size: 14px; }
	.content .content-team .team-content .team-member-img .team-obj { height: 120px; width: 120px; }
  
  .badge { display: none; }
	
}

@media only screen and (max-height: 770px) {
	
	.section-wrapper { position: relative; top: 0 !important; }
	.section-wrapper .section .content { padding-top: 30px; padding-bottom: 30px; }
	
}

@media only screen and (max-width: 900px) {
	
	#menu li { padding-left: 25px; padding-right: 25px; }
	#menu li.blog-link { margin-left: 25px; }
	
	.section-wrapper .section .title { width: 23%; }
	
	.content-section #contact-form { width: 40%; }
	.content-section .contact-map { width: 60%; }
	.content .wpcf7-form p { margin-bottom: 10px; }
	.content .wpcf7-form label { width: auto; font-size: 16px; float: none; padding-bottom: 5px; padding-top: 0; }
	.content .wpcf7-form .field { width: 100%; float: none; }
	.content .wpcf7-form .wpcf7-form-control.g-recaptcha { float: none; margin: 0; }
	.content .wpcf7-form input.wpcf7-submit { font-size: 28px; padding: 15px 20px; }

	.section-wrapper .section .title h2 { font-size: 26px; }
	
}

@media only screen and (max-width: 800px) {
	
	.banner-item-content { font-size: 80px; margin-left: 20px; }
	
	#header, .section-wrapper .section, .footer { padding-left: 20px; padding-right: 20px; }
	
	#menu li { padding-left: 20px; padding-right: 20px; }
	#menu li.blog-link { margin-left: 20px; }
	
	.content h3 { font-size: 50px; }
	
	.section-wrapper .section .title { width: 25%; }
	.content .content-area { width: 100%; }
	
	.content .content-work { margin-left: -20px; }
	.content .work-project { padding-left: 20px; margin-bottom: 20px; }
	.content .work-project a .work-project-content h5 { margin-bottom: 15px; }
	
	.content .content-about .about-item span { font-size: 16px; }
	
	.content .blog-post .blog-post-content .blog-post-text { font-size: 15px; }
	.content .blog-post .blog-post-content h1, .content .blog-post .blog-post-content h3 { font-size: 26px; }
	.content .blog-pagination, .content a.btn-back-blog { font-size: 26px; }
	.content .blog-post .blog-post-content .blog-post-author .blog-post-author-img { width: 55px; height: 55px; }
	.content .blog-post .blog-post-content .blog-post-author .blog-post-author-meta { height: 55px; line-height: 55px; }
	.content .blog-post { padding-bottom: 10px; }
	.content .blog-post .blog-post-content .blog-post-author .blog-post-author-content { padding-top: 5px; }
	
	.single-projects .content .box-wrapper { padding-left: 20px; margin-top: 20px; }
	.single-projects .content .box-wrapper.box-50 { padding-left: 10px; }
	.single-projects .content .box-wrapper.box-50.left { padding-left: 0; padding-right: 10px; }
	.single-projects .content .box.top-space { margin-top: 20px; }
	
	.content .content-process .process-letter .process-letter-big { font-size: 70px; }
	.content .content-process .process-letter .process-letter-big span { margin-top: -35px; }
	
	.footer { padding-top: 50px; }
	.footer .footer-col.col-1 { font-size: 14px; }
  
  .badge { padding-top: 30px; max-width: 55px; display: block; }
	
}

@media only screen and (max-width: 768px) {
	
	BODY { padding-top: 85px; }
	
	#header-wrapper { height: 85px; }
	#header-wrapper.border { height: 84px; }
	#logo { padding-top: 20px; width: 130px; }
	#menu li { padding-top: 28px; }
	#menu li.blog-link { padding-top: 2px; }
	#menu li.blog-link a { padding: 25px 15px; }
	
	
	.section-wrapper .section .sidebar.blog-sidebar .search-box input[type="text"] { font-size: 28px; }
	.content .blog-pagination, .content a.btn-back-blog { font-size: 22px; }
	
	.section-wrapper .section .title { width: auto; padding: 22px 30px 1px 10px; }
	.page .section-wrapper .section .title { width: 25%; }
	.page-template-page-content .section-wrapper .section .title { width: auto; }
	.section-wrapper .section .title h2 { font-size: 24px; }
	
	.more-work { top: 85px; }
	.more-work .more-work-btn { top: 36px; }
	.more-work .more-work-btn a { font-size: 20px; padding-top: 15px; } 
	.more-work .more-work-menu { padding: 20px 10px; }
	.more-work .menu-slider .menu-slider-item a h5 { font-size: 12px; }
	
	.contact-bubble-text-1 { margin-left: 22px; padding-top: 55px; }
	.contact-bubble-text-2 { padding-top: 22px; font-size: 12px; }
	.content .contact-bubble-2 h4 { font-size: 18px; }
	
  .badge { padding-top: 15px; }
  
}

@media only screen and (max-width: 740px) {
	
	BODY { padding-top: 75px; }
	
	#header, .section-wrapper .section, .footer { padding-left: 10px; padding-right: 10px; }
	
	#header-wrapper { height: 75px; }
	#header-wrapper.border { height: 74px; }
	#logo { padding-top: 15px; width: 120px; }
	#menu li { padding-top: 24px; padding-left: 12px; padding-right: 12px; }
	#menu li.blog-link { padding-top: 2px; margin-left: 12px; }
	#menu li.blog-link a { padding: 20px 10px; }
	
	.banner-item-content { font-size: 60px; margin-left: 10px; }
	.cycle-pager { bottom: 10px; right: 10px; }
	
	.page .section-wrapper .section .title { display: inline-block; width: auto; }
	.single-post .section-wrapper.section-blog .section .title { display: none; }
	
	.section-wrapper.section-20 .section .content { padding-bottom: 10px; }
	
	.content h3 { font-size: 40px; padding-bottom: 20px; }
	.content p { padding-bottom: 15px; }
	.content ul, .content ol { margin-bottom: 20px; }
	.content p + ul { margin-top: -20px; }
	.content, .content .blog-post .blog-post-content .blog-post-text, .content .blog-post .blog-post-content p, .single-projects .content .box, .content .content-team .team-content .team-member-content { font-size: 15px; }
	
	.page-banner { max-height: 250px; overflow: hidden; }
	.page-banner, .content .blog-title { margin-bottom: 10px; }
	
	.section-wrapper { position: relative; top: 0 !important; }
	.section-wrapper .section .content { padding-top: 30px; padding-bottom: 30px; }
	
	.section-wrapper .section .title h2 { font-size: 22px; }
	
	.content .content-work { margin-left: -10px; padding-top: 0; min-height: 0; }
	.content .work-project { padding-left: 10px; margin-bottom: 10px; }
	.content .work-project a .work-project-content { padding: 10px; }
	.content .work-project a .work-project-content li span { padding-top: 4px; }
	.content .content-work a.load-more { font-size: 18px; padding: 25px 20px; }
	
	.content .content-about { padding-top: 0; }
	.content .content-about .about-item span { font-size: 14px; }
	
	.content .wpcf7-form label { width: 100%; }
	
	.section-16 .content p, .section-311 .content p { padding-left: 75px; }
	
	.section-wrapper .section .sidebar.blog-sidebar .search-box input[type="text"] { font-size: 26px; }
	.section-wrapper .section .sidebar.blog-sidebar { display: block; width: 100%; min-height: 0; float: none; padding: 30px 15px 0; margin-bottom: 10px; }
	.section-wrapper .section .sidebar.blog-sidebar ul li a, .section-wrapper .section .sidebar.blog-sidebar .search-results p a { font-size: 14px; }
	.section-wrapper .section .sidebar.blog-sidebar .search-results p { font-size: 13px; }
	.section-wrapper .section .sidebar.blog-sidebar .filter-header { display: block; }
	.section-wrapper .section .sidebar.blog-sidebar .filter-content { display: none; padding-top: 31px; padding-bottom: 20px; opacity: 0; }
	.content .blog-post-wrapper { margin-bottom: 20px; }
	
	.section-wrapper .section .content.has-side { width: 100%; float: none; }
	
	.more-work { top: 75px; }
	.more-work .more-work-btn { top: 29px; }
	.more-work .more-work-btn a { font-size: 16px; }
	.more-work .menu-slider .menu-slider-item a .menu-slider-item-img div { height: 97px; }
	
	.single-projects .content .box-wrapper { padding-left: 10px; margin-top: 10px; }
	.single-projects .content .box-wrapper.box-50 { padding-left: 5px; }
	.single-projects .content .box-wrapper.box-50.left { padding-left: 0; padding-right: 5px; }
	.single-projects .content .box.top-space { margin-top: 10px; }
	.single-projects .content .box.box-main-content { padding-right: 15px; }
	.single-projects .content .box { padding: 15px 15px 5px; }

	.single-projects .content .box.box-main-content p:first-child { font-size: 20px; }
	.single-projects .content .box { font-size: 15px; }
	
	.content .content-process { margin: 0 auto; }
	.content .content-process .process-letter { width: 100%; padding: 0; margin: 0 0 30px; line-height: none; }
	.content .content-process .process-letter .process-letter-big { width: 17%; font-size: 50px; margin-bottom: 0; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
	.content .content-process .process-letter .process-letter-big span { margin-top: -25px; }
	.content .content-process .process-letter .process-letter-content { width: 82%; padding: 0 0 0 20px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
	
	.content .content-team .team-list .team-member { width: 25%; }
	.content .content-team .team-content .team-member { padding: 0 0 0 20px; }
	.content .content-team .team-content .team-member-img .team-obj { height: 90px; width: 90px; left: -45px; }
	
	.content-section #contact-form { float: none; margin: 0 auto 20px; width: 60%; padding: 0; }
	.content-section .contact-map { float: none; margin: 0 auto; padding-left: 0; width: 75%; }
	
	.contact-bubble-text-1 { margin-left: 17%; padding-top: 65px; }
	.contact-bubble-text-2 { padding-top: 34px; }
	
	.footer { padding-top: 30px; padding-bottom: 20px; }
	.footer .footer-col { min-height: 220px; }
	.footer .twitter-box .twitter-box-title { font-size: 14px; }
	.footer ul.tweets li.tweet-2 { display: none; }
	.footer .footer-links { padding-top: 0; }
	.footer .footer-col.col-1 { font-size: 13px; }
	.footer .footer-col h5 { font-size: 18px; }
	.footer .copyright { font-size: 16px; }
  
  .badge { padding-top: 10px; }
	
}

@media only screen and (max-width: 680px) {
	
	BODY { padding-top: 58px; }
	
	.cycle-pager span { width: 12px; height: 12px; }
	
	#header-wrapper { height: 58px; }
	#header-wrapper.border { height: 57px; }
	#menu { display: none; }
	#flyout { display: block; }
	#logo { padding-top: 10px; width: 100px; }
	
	.single-projects .content .box.box-main-content p:first-child { font-size: 18px; }
	.single-projects .content .box-wrapper.box-20, .single-projects .content .box-wrapper.box-33, .single-projects .content .box-wrapper.box-40, .single-projects .content .box-wrapper.box-50, .single-projects .content .box-wrapper.box-60, .single-projects .content .box-wrapper.box-70, .single-projects .content .box-wrapper.box-80, .single-projects .content .box-wrapper.box-20.left, .single-projects .content .box-wrapper.box-33.left, .single-projects .content .box-wrapper.box-40.left, .single-projects .content .box-wrapper.box-50.left, .single-projects .content .box-wrapper.box-60.left, .single-projects .content .box-wrapper.box-70.left, .single-projects .content .box-wrapper.box-80.left { width: 100%; padding-left: 0; padding-right: 0; }
  
  .badge { padding-top: 5px; padding-right: 30px; max-width: 45px; }
	
}

@media only screen and (max-width: 480px) {
	
	.banner-item-content { font-size: 50px; }
	
	.content h3 { font-size: 34px; }
	.content h5 { font-size: 24px; }
	.content ul, .content ol { margin-left: 10px; }
	
	.content .content-about .about-item { padding-left: 10px; padding-right: 10px; }
	
	.content .work-project { width: 50%; }
	.content .work-project a .work-project-content ul { margin-left: -5px; }
	.content .work-project a .work-project-content li { padding-left: 5px; }
	.content .work-project a .work-project-content h5 { margin-bottom: 10px; }
	.content .work-project a .work-project-content li span { display: none; }
	
	.content .half .half-content { width: 90%; }
	
	.section-16 .content p, .section-311 .content p { padding-left: 0; }
	
	
	.content .blog-pagination, .content a.btn-back-blog { font-size: 18px; }
	
	.section-wrapper .section .content { padding-bottom: 30px; }
	.section-wrapper.section-20 .section .content { padding-bottom: 0; }
	
	.more-work { top: 58px; }
	.more-work .more-work-btn { top: 0; }
	.more-work .more-work-btn a { transform:rotate(0); padding: 5px; font-size: 20px; }
	.more-work .more-work-btn a span.text { display: none; }
	.more-work .more-work-btn a span.icon { display: block; }
	.more-work .menu-slider .menu-slider-item { padding: 0 5px; }
	.more-work .menu-slider .menu-slider-item a .menu-slider-item-img div { height: 77px; }
	.more-work .more-work-menu a.button-left, .more-work .more-work-menu a.button-right { margin-top: 15px; }
	
	.content .content-process .process-letter .process-letter-big { font-size: 40px; }
	.content .content-process .process-letter .process-letter-big span { margin-top: -20px; }
	
	.content .content-team .team-content { padding-left: 0; padding-right: 0; }
	.content .content-team .team-content .team-member-content h5 span { font-size: 18px; }
	.content .content-team .team-list .team-member { width: 33.33333%; }
	.content .content-team .team-content .team-member { padding: 0; }
	.content .content-team .team-content .team-member-content { float: none; width: 100%; }
	.content .content-team .team-content .team-member-img { float: none; margin: 0 auto 50px; width: 40%; }
	
	.content-section #contact-form, .content-section .contact-map { width: 100%; }
	
	.section-wrapper .section .sidebar.blog-sidebar h4 { font-size: 19px; }
	.content .blog-post .blog-post-content h1, .content .blog-post .blog-post-content h3 { font-size: 22px; }
	
	.footer .footer-col { width: 100%; }
	.footer .footer-col.col-2 { display: none; }
  
  .notice-wrapper { padding-top: 15px; padding-bottom: 15px; }
  .notice-wrapper .notice { width: 90%; }
	
}

@media only screen and (max-width: 420px) {
	
	.banner-item-content { font-size: 42px; line-height: .9; }
	
	.content h3 { font-size: 30px; }
	
	.content .content-about .about-item { width: 50%; margin: 0 0 30px; }
	.content .content-about .about-item span { font-size: 16px; }
	
	.content .half { width: 100%; }
	.content .half .half-content { width: 100%; }
	
	.content .content-process .process-letter .process-letter-big { width: 22%; }
	.content .content-process .process-letter .process-letter-content { width: 78%; }
	
	.content .blog-post .blog-post-content h1, .content .blog-post .blog-post-content h3 { font-size: 20px; padding: 10px 0 20px; }
	
	
	.section-wrapper .section .title { padding-top: 12px; }
	.section-wrapper .section .title h2 { font-size: 22px; }
	
	.content .blog-post .blog-post-content .blog-post-author .blog-post-author-content { font-size: 12px; }
	.content .blog-post .blog-post-content { padding-left: 10px; padding-right: 10px; }

	.single-projects .content .box.box-main-content p:first-child { padding-bottom: 15px; }
	
	.content .content-work { margin-left: 0; }
	.content .work-project { width: 60%; margin: 0 auto 10px; padding-left: 0; float: none; }
	.content .work-project a .work-project-content h5 { margin-bottom: 20px; }
	
	.contact-bubble-text-1 { margin-left: 13%; padding-top: 55px; }
	.contact-bubble-text-2 { padding-top: 28px; }
	

	
	.banner-item-content { font-size: 38px; }
	.content .work-project { width: 80%; }
	.content .content-team .team-list .team-member-wrapper { margin-bottom: 20px; }
	.content .content-team .team-list .team-member { width: 50%; margin-bottom: 10px; }
	.content .content-team .team-content .team-member-img { width: 60%; }
	
	.content-section .contact-map-shim { padding-top: 20px; }
	.contact-bubble-1 { width: 55%; }
	.contact-bubble-2 { margin: 57px 0 0 65.132%; width: 34.582%; }
	.contact-map-phone-img { margin: 78px 0 0 44.232%; }
	
}


@media only screen and (max-width: 320px) {
	
	.banner-item-content { font-size: 36px; }
	
	.content h5 { font-size: 22px; }
	
	.content .content-work a.load-more { font-size: 14px; padding: 20px 17px; }
	
	.content .blog-post .blog-post-content .blog-post-text { font-size: 14px; }
	.content .blog-post .blog-post-content .blog-post-author .blog-post-author-meta { font-size: 13px; }
	
	.more-work .more-work-menu a.button-left, .more-work .more-work-menu a.button-right { font-size: 44px; }
	.more-work .menu-slider .menu-slider-item a .menu-slider-item-img div { height: 67px; }
	.more-work-menu [class^="icon-"]:before, .more-work-menu [class*=" icon-"]:before { margin-left: 0 !important; margin-right: 0 !important; width: auto !important; }
	.more-work .menu-slider .menu-slider-item a .menu-slider-item-img span { padding-top: 10px; }
	
	.content .content-process .process-letter .process-letter-big { font-size: 36px; }
	.content .content-process .process-letter .process-letter-big span { margin-top: -18px; }
	
	.contact-bubble-text-1 { font-size: 13px; }
	.content .contact-bubble-1 h4 { font-size: 14px; margin-bottom: 5px; }
	.content .contact-bubble-2 h4 { font-size: 16px; }
	.contact-bubble-text-2 { font-size: 11px; padding-top: 22px; }
	
}



@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
	
}

@media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
	
}