@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@charset "UTF-8";
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, table, caption, tbody, tfoot, thead, tr, th, td, 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; font-family: 'Open Sans', sans-serif; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { width: 100%; height: 100%; }
body { width: 100%; height: 100%; overflow-x: hidden; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
/*@font-face { font-family: 'icomoon'; src: url(../../themes/echosims/fonts/icomoon.eot); src: url(http://www.echosims.com/wp-content/themes/echosims/fonts/icomoon.eot) format('embedded-opentype'), url(http://www.echosims.com/wp-content/themes/echosims/fonts/icomoon.woff) format('woff'), url(http://www.echosims.com/wp-content/themes/echosims/fonts/icomoon.ttf) format('truetype'), url(http://www.echosims.com/wp-content/themes/echosims/fonts/icomoon.svg) format('svg'); font-weight: normal; font-style: normal; }*/

@font-face { font-family: 'icomoon'; src: url(../fonts/icomoon.eot); src: url(../fonts/icomoon.eot) format('embedded-opentype'), url(../fonts/icomoon.woff) format('woff'), url(../fonts/icomoon.ttf) format('truetype'), url(../fonts/icomoon.svg) format('svg'); font-weight: normal; font-style: normal; }
.icomoon { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
p img { margin: 0; }
ul, ol { padding: 0 0 15px 30px; }
ul li { list-style-type: disc; }
ol li { list-style-type: decimal; }
ul ul, ul ol, ol ol, ol ul { padding: 5px 0 5px 45px; }
hr { margin: 15px 0 30px 0; height: 1px; line-height: 1px; border: none; }
i, em { font-style: italic; }
small, .small { font-size: 80%; line-height: 80%; }
.bold, b, strong { font-weight: 700; }
.thin, .light { font-weight: 300; }
.normal { font-weight: 400; }
.caps { text-transform: uppercase; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
blockquote { position: relative; margin: 20px auto 25px; padding: 0px 20px 15px; text-align: center; background: #fff; }
blockquote, blockquote p { font-size: 20px; line-height: 35px; font-weight: 300; color: #666; }
blockquote p { padding-bottom: 0; }
blockquote::before { font-family: 'icomoon'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e603"; position: absolute; z-index: 1; top: -10px; left: -5px; font-size: 50px; color: rgba(0,0,0,0.06); }
blockquote:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e607"; position: absolute; z-index: 1; bottom: -30px; right: -3px; font-size: 50px; color: rgba(0,0,0,0.06); }
blockquote cite { display: block; padding: 25px 0 0 0; font-size: 14px; color: #aaa; font-weight: 300; line-height: 1.25; }
blockquote cite:before { content: "~"; padding-right: 8px; }
@media only screen and (max-width: 768px) {
blockquote { width: 100%; margin: 10px 0 25px; }
}
a, .transition { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; }
.medium-transition { -webkit-transition: .5s ease all; -moz-transition: .5s ease all; -o-transition: .5s ease all; -ms-transition: .5s ease all; transition: .5s ease all; }
.long-transition { -webkit-transition: .8s ease all; -moz-transition: .8s ease all; -o-transition: .8s ease all; -ms-transition: .8s ease all; transition: .8s ease all; }
.very-long-transition { -webkit-transition: 1.2s ease all; -moz-transition: 1.2s ease all; -o-transition: 1.2s ease all; -ms-transition: 1.2s ease all; transition: 1.2s ease all; }
.no-transition { -webkit-transition: .0s; -moz-transition: .0s; -o-transition: .0s; -ms-transition: .0s; transition: .0s; }
.rotate180 { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.rotate0 { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
.relative { position: relative; }
.display-none { display: none; }
.no-margin { margin: 0; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.clear:after { content: ""; display: table; clear: both; }
.clear-section { float: left; clear: both; width: 100%; }
.clear1 { height: 1px; }
.clear1:after { content: ""; display: table; clear: both; }
.clear5 { height: 5px; }
.clear5:after { content: ""; display: table; clear: both; }
.clear10 { height: 10px; }
.clear10:after { content: ""; display: table; clear: both; }
.clear20 { height: 20px; }
.clear20:after { content: ""; display: table; clear: both; }
.clear30 { height: 30px; }
.clear30:after { content: ""; display: table; clear: both; }
.clear40 { height: 40px; }
.clear40:after { content: ""; display: table; clear: both; }
.youtube-player-wrap { padding: 15px 0 30px; text-align: center; }
.youtube-player-wrap:after { content: ""; display: table; clear: both; }
.youtube-player { max-width: 650px; border: 0; -webkit-box-shadow: 1px 2px 8px rgba(0,0,0,0.15); box-shadow: 1px 2px 8px rgba(0,0,0,0.15); }
@media only screen and (max-width: 479px) {
.youtube-player { height: 280px; }
}
.shadow { -webkit-box-shadow: 1px 2px 8px rgba(0,0,0,0.15); box-shadow: 1px 2px 8px rgba(0,0,0,0.15); }
.alignnone { margin: 10px 0 20px 0; }
.alignright { float: right; margin: 10px 0 20px 25px; }
.alignleft { float: left; margin: 10px 25px 20px 0; }
.aligncenter { display: block; margin: 10px auto 20px auto; }
@media only screen and (max-width: 1200px) {
.col .alignleft, .col .alignright { max-width: 60%; }
}
@media only screen and (max-width: 480px) {
.col .alignleft, .col .alignright { max-width: 100%; float: none; display: block; margin: 10px auto 20px auto; }
}
img.border, .wp-caption { background: #fff; -webkit-box-shadow: 1px 2px 8px rgba(0,0,0,0.15); box-shadow: 1px 2px 8px rgba(0,0,0,0.15); max-width: 96%; padding: 7px; }
.wp-caption img { border: 0 none; margin: 0; padding: 0; width: auto; max-width: 100%; height: auto; }
.gallery .wp-caption-text, .wp-caption p.wp-caption-text { margin: 0; padding: 10px 6px 8px 6px; font-size: 80%; line-height: 1.55; font-weight: 300; text-align: center; }
.mejs-container { margin: 0 0 20px 0; }
.gallery:after { content: ""; display: table; clear: both; }
.gallery-item { margin-bottom: 20px; }
.gallery img { border: 7px solid #fff !important; -webkit-box-shadow: 1px 2px 8px rgba(0,0,0,0.15); box-shadow: 1px 2px 8px rgba(0,0,0,0.15); }
table { width: 100%; margin-bottom: 20px; }
td, th { border: 1px solid #ccc; padding: 8px; text-align: left; }
th { background: #ddd; font-weight: 700; }
.ui-tabs { padding: 20px 0 30px; }
.ui-tabs:after { content: ""; display: table; clear: both; }
.ui-tabs-nav { position: relative; margin: 0 0 -1px 0; padding: 0; overflow: hidden; z-index: 2; }
.ui-tabs-nav:after { content: ""; display: table; clear: both; }
.ui-tabs-nav li { cursor: pointer; list-style-type: none; float: left; margin: 0 4px 0 0; border: 1px solid #e0e0e0; border-bottom: 0; -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.05); box-shadow: 1px 2px 5px rgba(0,0,0,0.05); }
.ui-tabs-nav li a { -webkit-transition-property: background, color, border, box-shadow; -moz-transition-property: background, color, border, box-shadow; -o-transition-property: background, color, border, box-shadow; -ms-transition-property: background, color, border, box-shadow; transition-property: background, color, border, box-shadow; outline: none; float: left; padding: 12px; background: #f4f4f4; font-size: 18px; line-height: 18px; font-weight: 300; color: #aaa; }
.ui-tabs-nav li:hover, .ui-tabs-nav li.ui-state-active { -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.1); box-shadow: 1px 2px 6px rgba(0,0,0,0.1); }
.ui-tabs-nav li.ui-state-active a, .ui-tabs-nav li:hover a { color: #333; background: #fff; text-decoration: none; }
.ui-tabs-panel { position: relative; z-index: 1; margin: 0 0 10px 0; padding: 15px 15px 5px 15px; border: 1px solid #e0e0e0; background: #fff; -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.05); box-shadow: 1px 2px 5px rgba(0,0,0,0.05); }
.ui-tabs-panel:after { content: ""; display: table; clear: both; }
.ui-accordion { padding: 10px 0 30px; }
.ui-accordion:after { content: ""; display: table; clear: both; }
.ui-accordion-header { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; -webkit-transition-property: background, color, border, box-shadow; -moz-transition-property: background, color, border, box-shadow; -o-transition-property: background, color, border, box-shadow; -ms-transition-property: background, color, border, box-shadow; transition-property: background, color, border, box-shadow; cursor: pointer; position: relative; margin: 10px 0 0 0; padding: 15px 15px 15px 40px; border: 1px solid #e0e0e0; font-size: 18px; line-height: 18px; font-weight: 300; background: #f4f4f4; -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.05); box-shadow: 1px 2px 5px rgba(0,0,0,0.05); }
.ui-accordion-header:after { content: ""; display: table; clear: both; }
.ui-accordion-header:focus { outline: none; }
.ui-accordion-header:hover { background-color: #fff; }
.ui-accordion-header:before { position: absolute; top: 50%; margin-top: -8px; left: 12px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=(50)); opacity: .5; content: "\e633"; font-size: 16px; }
.ui-accordion-header-active { background: #fff; }
.ui-accordion-header-active:before { content: "\e634"; }
.ui-accordion-content { padding: 15px 15px 5px 15px; border: 1px solid #e0e0e0; border-top: 0; background: #fff; -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.05); box-shadow: 1px 2px 5px rgba(0,0,0,0.05); }
.ui-accordion-content:after { content: ""; display: table; clear: both; }
.row { position: relative; margin: 0 auto; width: 100%; max-width: 1200px; }
.row:after { content: ""; display: table; clear: both; }
.col { float: left; display: block; padding: 0 20px; }
.col img { max-width: 100%; height: auto; }
.span_5 { width: 5%; }
.span_10 { width: 10%; }
.span_15 { width: 15%; }
.span_20 { width: 20%; }
.span_25 { width: 25%; }
.span_30 { width: 30%; }
.span_33 { width: 33.33333%; }
.span_35 { width: 35%; }
.span_40 { width: 40%; }
.span_45 { width: 45%; }
.span_50 { width: 50%; }
.span_55 { width: 55%; }
.span_60 { width: 60%; }
.span_65 { width: 65%; }
.span_66 { width: 66.33333%; }
.span_70 { width: 70%; }
.span_75 { width: 75%; }
.span_80 { width: 80%; }
.span_85 { width: 85%; }
.span_90 { width: 90%; }
.span_95 { width: 95%; }
.span_100 { width: 100%; }
@media only screen and (max-width: 1200px) {
.row { max-width: 960px; }
}
@media only screen and (max-width: 768px) {
.col { width: 100%; }
.col.col-margin { margin-bottom: 20px; }
}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes fadeIn { 0% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes fadeIn { 0% {
opacity:0;
}
100% {
opacity:1;
}
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes flipInX { 0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1;
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
}
}
@keyframes flipInX { 0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1;
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
}
}
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }
@-webkit-keyframes flipInY { 0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1;
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
}
}
@keyframes flipInY { 0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1;
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
}
}
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }
@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9);
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97);
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
}
@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9);
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97);
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; }
@-webkit-keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
50% {
opacity:1;
}
}
@keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
50% {
opacity:1;
}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
.red { color: #FF9E1B; }
.grey { color: #8e8e8e; }
.darkgrey { color: #666; }
.darkergrey { color: #333; }
h1 { font-size: 38px; font-weight: 700; color: #666; }
h2 { font-size: 30px; font-weight: 400; color: #555; }
h3 { font-size: 24px; font-weight: 600; color: #666; }
h4 { font-size: 20px; font-weight: 600; color: #666; }
h5 { font-size: 18px; font-weight: 300; color: #FF9E1B; }
h6 { font-size: 16px; font-weight: 600; color: #FF9E1B; }
h1 { line-height: 1; padding: 0 0 20px 0; }
h1 small { font-size: 24px; color: #888; font-weight: 300; }
h2, h3, h4, h5, h6 { line-height: 1.25; padding: 0 0 15px 0; }
p+h2, p+h3, p+h4, p+h5, p+h6 { padding-top: 20px; }
p { padding: 0 0 15px 0; }
p, li { font-size: 18px; line-height: 1.5; font-weight: 300; color: #666; }
p.larger, ul.larger li { font-size: 20px; line-height: 1.4; }
.no-padding-bottom, .no-bottom-padding { padding-bottom: 0; }
.less-bottom-padding { padding-bottom: 5px; }
a:link, a:visited { color: #FF9E1B; font-weight: 600; text-decoration: none; outline: 0; }
a:hover, a:focus { color: #666; text-decoration: none; }
hr { background: #ddd; }
.input, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; display: inline-block; outline: none; width: 100%; margin: 0; padding: 8px; font-size: 18px; line-height: normal; font-weight: 400; color: #999; background: #fafafa; border: 1px solid #ddd; }
.input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus, select:focus { outline: none; border: 1px solid #999; color: #666; -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.08), 0 0 5px rgba(0,0,0,.1); box-shadow: inset 0 0 10px rgba(0,0,0,.08), 0 0 5px rgba(0,0,0,.1); }
input[type="checkbox"] { display: inline; }
textarea { height: 75px; line-height: 1.55; }
.label, label, legend { display: block; font-size: 18px; font-weight: 700; color: #8e8e8e; }
.button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"] { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; cursor: pointer; display: inline-block; text-decoration: none; line-height: 1; margin: 0 5px 15px 0; padding: 14px 16px; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #fff; border-radius: 4px; background: #FF9E1B; border: 0; }
.button:hover, a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: #333; }
.button:focus, a.button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { outline: none; }
a.button.button-explore { position: relative; margin-bottom: 20px; padding: 0 52px 0 15px; width: 100%; font-size: 22px; line-height: 60px; }
a.button.button-explore:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e639"; position: absolute; top: 0; right: 0; height: 100%; width: 60px; line-height: 60px; font-size: 30px; text-align: center; }
p a.button { margin-bottom: 0; }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0 none;
padding:0;
}
body .gform_wrapper { font-family: 'freight-sans-pro', Helvetica, Verdana, Arial, Helvetica, sans-serif; margin: 0 0 20px 0; max-width: 100%; }
body .gform_wrapper .gfield_required, body .gform_wrapper .gfield_error .gfield_label, body .gform_wrapper .validation_message { color: #eb0f0f; }
body .gform_wrapper .gfield_error { background: #fff !important; border: 1px solid #f7cbcb !important; -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.08); box-shadow: 1px 2px 4px rgba(0,0,0,0.08); }
body .gform_wrapper div.validation_error { margin: 10px 0 20px 0; padding: 15px; font-size: 16px; line-height: 22px; font-weight: 700; color: #444; background: #fff !important; border: 1px solid #f7cbcb !important; -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.08); box-shadow: 1px 2px 4px rgba(0,0,0,0.08); }
body .gform_wrapper div.validation_error:after { content: ""; display: table; clear: both; }
body .gform_wrapper .gform_body .gform_fields .gfield_label { display: block; font-size: 16px; font-weight: 700; color: #8e8e8e; }
body .gform_wrapper .gform_body .gform_fields .gfield { padding-bottom: 15px; }
body .gform_wrapper .gform_body .gform_fields .gfield_radio label { font-weight: 300; }
body .gform_wrapper .gform_body .gform_fields .gfield_error { width: 100%; }
body .gform_wrapper .gform_body .gform_fields input[type="text"], body .gform_wrapper .gform_body .gform_fields input[type="email"], body .gform_wrapper .gform_body .gform_fields input[type="password"], body .gform_wrapper .gform_body .gform_fields input[type="tel"], body .gform_wrapper .gform_body .gform_fields textarea, body .gform_wrapper .gform_body .gform_fields select { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; display: inline-block; outline: none; width: 100%; margin: 0; padding: 8px; font-size: 18px; line-height: normal; font-weight: 400; color: #999; background: #fafafa; border: 1px solid #ddd; }
body .gform_wrapper .gform_body .gform_fields input[type="text"]:focus, body .gform_wrapper .gform_body .gform_fields input[type="email"]:focus, body .gform_wrapper .gform_body .gform_fields input[type="password"]:focus, body .gform_wrapper .gform_body .gform_fields input[type="tel"]:focus, body .gform_wrapper .gform_body .gform_fields textarea:focus, body .gform_wrapper .gform_body .gform_fields select:focus { outline: none; border: 1px solid #999; color: #666; -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.08), 0 0 5px rgba(0,0,0,.1); box-shadow: inset 0 0 10px rgba(0,0,0,.08), 0 0 5px rgba(0,0,0,.1); }
body .gform_wrapper .gform_body .gform_fields button, body .gform_wrapper .gform_body .gform_fields input[type="submit"], body .gform_wrapper .gform_body .gform_fields input[type="reset"], body .gform_wrapper .gform_body .gform_fields input[type="button"] { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; cursor: pointer; display: inline-block; text-decoration: none; line-height: 1; margin: 0 5px 15px 0; padding: 14px 16px; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #fff; border-radius: 4px; background: #FF9E1B; border: 0; }
body .gform_wrapper .gform_body .gform_fields button:hover, body .gform_wrapper .gform_body .gform_fields input[type="submit"]:hover, body .gform_wrapper .gform_body .gform_fields input[type="reset"]:hover, body .gform_wrapper .gform_body .gform_fields input[type="button"]:hover { background: #333; }
body .gform_wrapper .gform_body .gform_fields button:focus, body .gform_wrapper .gform_body .gform_fields input[type="submit"]:focus, body .gform_wrapper .gform_body .gform_fields input[type="reset"]:focus, body .gform_wrapper .gform_body .gform_fields input[type="button"]:focus { outline: none; }
body .gform_wrapper .gform_footer { padding-top: 0; margin-top: 0; }
body .gform_confirmation_wrapper div { display: block; padding: 10px 0 20px; line-height: 1.5; font-weight: 700; }
.search-form { position: relative; margin: 0 0 20px 0; padding: 0; }
.search-form:after { content: ""; display: table; clear: both; }
input[type="text"].search-text { padding-right: 40px; color: #bbb; width: 100%; max-width: 100%; height: 40px; }
input[type="text"].search-text:focus { color: #444; }
button.search-mag { position: absolute; top: 0; right: 0; width: 40px; height: 100%; z-index: 2; margin: 0; padding: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; border-left: 1px solid rgba(0,0,0,0.05); background: none; font-size: 16px; color: #aaa; }
button.search-mag:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; width: 40px; height: 40px; line-height: 40px; text-align: center; }
button.search-mag:hover { color: #333; background-color: rgba(0,0,0,0.03); }
#jeff-phone::before { display: none; }
#jeff-email::before { display: none; }
#footer-contact::before { position: relative; display: none; }
.project-logo { color: #fff; }
blockquote::before { display: none; }
.parallax { position: relative; background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; }


@media only screen and (max-width: 768px) {
.slick-initialized .slick-slide { height: 450px; }
}
.big-list { padding: 0 0 20px 0; }
.big-list li { list-style-type: none; position: relative; padding: 6px 0 6px 30px; font-size: 20px; line-height: 1.25; font-weight: 600; }
.big-list li:after { content: ""; display: table; clear: both; }
.big-list li:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e61f"; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; font-size: 16px; margin-top: -8px; color: #FF9E1B; }
#loading { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/loading.gif); background-repeat: no-repeat; background-position: center center; background-color: #222; -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.04); box-shadow: inset 0 0 30px rgba(0,0,0,0.04); }
.top { position: relative; z-index: 20; overflow: hidden; }
.top:after { content: ""; display: table; clear: both; }
.top .top-image { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
.top .top-text { width: 100%; padding-bottom: 40px; text-align: center; }
.top .top-text h1 { font-size: 52px; color: #fff; padding-bottom: 8px; }
.top .top-text h2 { font-size: 32px; color: #fff; padding-bottom: 0; }
#top-home.top .top-text { position: relative; bottom: auto; left: auto; padding: 200px 0 190px; }
#top-home.top .top-text .row, #top-home.top .top-text .col { height: 100%; }
#top-home.top .top-text .helper-1 { display: table; width: 100%; height: 100%; }
#top-home.top .top-text .helper-1 .helper-2 { display: table-cell; vertical-align: middle; }
#top-home.top .top-text h2 { font-size: 35px; font-weight: 700; padding-bottom: 20px; }
#top-home.top .top-text h1 { font-size: 40px; font-weight: 700; padding-bottom: 30px; line-height: normal; }
#top-home.top .top-text h3 { font-size: 22px; font-weight: 300; padding-bottom: 0; color: #fff; }
@media only screen and (max-width: 768px) {
#top-home.top .top-text { padding-top: 80px; }
#top-home.top .top-text h2 { font-size: 17px; padding-bottom: 10px; font-weight: 600; }
#top-home.top .top-text h1 { font-size: 21px; padding-bottom: 22px; line-height: 32px; }
#top-home.top .top-text h3 { font-size: 16px; line-height: 30px; }
}
@media only screen and (max-width: 768px) {
.top .top-text h1 { font-size: 40px; }
.top .top-text h2 { font-size: 24px; }
}
.white-panel { position: relative; z-index: 10; width: 100%; overflow: hidden; padding: 180px 0; background: #fff; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1); box-shadow: 0 0 30px rgba(0,0,0,0.1); }
.white-panel:after { content: ""; display: table; clear: both; }
.white-panel .white-panel-center { position: relative; float: left; clear: both; width: 100%; min-height: 180px; }
.white-panel .panel-icon { position: absolute; top: 50%; margin-top: -90px; width: 280px; height: 180px; }
.white-panel .panel-icon:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e639"; font-size: 180px; color: #FF9E1B; display: block; width: 280px; height: 180px; line-height: 180px; text-align: center; }
.white-panel h1 { font-size: 52px; line-height: 1; color: #666; }
.white-panel p { font-size: 24px; padding-bottom: 0; }
.white-panel.icon-right .white-panel-center { padding-right: 280px; }
.white-panel.icon-right .panel-icon { right: 0; }
.white-panel.icon-left .white-panel-center { padding-left: 280px; }
.white-panel.icon-left .panel-icon { left: 0; }
.white-panel .skip-panel { position: absolute; bottom: -50px; left: 50%; width: 100px; height: 100px; margin-left: -50px; border-radius: 50%; background: #f7f7f7; -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.06); box-shadow: inset 0 0 10px rgba(0,0,0,0.06); }
.white-panel .skip-panel:before { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e600"; display: block; width: 100px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #aaa; }
.white-panel .skip-panel:hover { background: #f0f0f0; }
.white-panel .skip-panel:hover:before { color: #FF9E1B; }
@media only screen and (max-width: 1200px) {
.white-panel { padding: 120px 0; }
}
@media only screen and (max-width: 960px) {
.white-panel { text-align: center; }
.white-panel h1 { font-size: 44px; }
.white-panel p { font-size: 22px; }
.white-panel.icon-right, .white-panel.icon-left { padding: 215px 0 100px; }
.white-panel.icon-right .white-panel-center, .white-panel.icon-left .white-panel-center { padding: 0; }
.white-panel .panel-icon { top: -135px; margin-top: 0; width: 100%; height: 110px; }
.white-panel .panel-icon:before { width: 100%; height: 110px; line-height: 110px; font-size: 110px; }
}
@media only screen and (max-width: 480px) {
.white-panel h1 { font-size: 38px; }
.white-panel p { font-size: 18px; }
.white-panel.icon-right, .white-panel.icon-left { padding: 170px 0 100px; }
.white-panel .panel-icon { top: -115px; height: 90px; }
.white-panel .panel-icon:before { height: 90px; line-height: 90px; font-size: 90px; }
}
.blind { position: relative; width: 100%; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.08); box-shadow: 0 0 10px rgba(0,0,0,0.08); }
.blind:after { content: ""; display: table; clear: both; }
.blind .blind-center { position: relative; float: left; clear: both; width: 100%; padding: 50px 230px 40px 0; min-height: 270px; background: #fff; }
.blind .blind-center:after { content: ""; z-index: -1; position: absolute; bottom: 1px; left: 5%; width: 90%; height: 30px; border-radius: 50%; -webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.1); box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.included { position: relative; background: #f7f7f7; text-align: center; }
.included .included-image { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
.included .included-image-mask { content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: rgba(230,230,230,0.9); -webkit-box-shadow: inset 0 -5px 15px rgba(0,0,0,0.05); box-shadow: inset 0 -5px 15px rgba(0,0,0,0.05); }
.included .included-center { position: relative; z-index: 3; float: left; width: 100%; padding: 80px 0; overflow: hidden; }
.included .included-center:before { content: ""; position: absolute; top: -21px; left: 0; width: 100%; height: 20px; border-radius: 50%; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2); box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.included .included-center:after { content: ""; position: absolute; bottom: -21px; left: 0; width: 100%; height: 20px; border-radius: 50%; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2); box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.included h1 { font-weight: 300; color: #444; padding-bottom: 40px; }
.included-box { display: block; padding: 0; background: #fff; -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.1); box-shadow: 1px 2px 6px rgba(0,0,0,0.1); }
.included-box h3 { position: relative; display: block; padding: 20px; overflow: hidden; font-size: 28px; color: #FF9E1B; background: #fafafa; }
.included-box h3:before { content: ""; position: absolute; bottom: -21px; left: 0; width: 100%; height: 20px; border-radius: 50%; -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.1); box-shadow: 0 0 14px rgba(0,0,0,0.1); }
.included-box p { display: block; padding: 20px 20px 25px; font-size: 20px; line-height: 1.3; }
@media only screen and (max-width: 768px) {
.included .included-center { padding: 60px 0 40px; }
.included .included-center:after { display: none; }
.included h1 { font-size: 30px; }
}
#header, #header-inner, #logo, #logo img, #logo #slogan { -webkit-transition: .5s ease all; -moz-transition: .5s ease all; -o-transition: .5s ease all; -ms-transition: .5s ease all; transition: .5s ease all; }
#header { -webkit-transition: .5s ease all; -moz-transition: .5s ease all; -o-transition: .5s ease all; -ms-transition: .5s ease all; transition: .5s ease all; /*position: fixed;*/ z-index: 900; /*top: 0; left: 0;*/ width: 100%; height: 115px; background: #1a1a1a; }
#header #header-inner { position: relative; float: left; clear: both; width: 100%; height: 100%; padding: 38px 0; }
#header #header-inner .col { height: 54px; }
#header-spacer { width: 100%; height: 130px; }
#header-spacer:after { content: ""; display: table; clear: both; }
@media only screen and (max-width: 960px) {
#header-spacer { height: 54px; }
}
#nav { position: absolute; top: 0; right: 20px; padding: 0; }
#nav:after { content: ""; display: table; clear: both; }
#nav li { list-style-type: none; float: left; margin: 0; padding: 0; position: relative; }
#nav li.mobile-only { display: none; }
#nav li a { display: block; padding: 0 25px; font-size: 16px; line-height: 54px; font-weight: 300; color: #fff; text-transform: lowercase; border-bottom: 1px solid rgba(255,255,255,0.2); background: rgba(0,0,0,0); }
#nav li.main a { font-weight: 600; }
#nav li:hover a { border-color: #fff; }
#nav li.current_page_item a { border-bottom-color: #FF9E1B; }
#logo { position: absolute; top: -20px; left: 20px; height: 54px; text-align: center; }
#logo img { width: auto; margin: -12px 0 8px 0; }
#logo #slogan { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=(50)); opacity: .5; overflow: hidden; font-size: 12px; font-weight: 400; color: #fff; padding: 0; text-transform: uppercase; }
#header-threebar { display: none; position: absolute; top: 50%; right: 0; width: 20px; height: 20px; margin: -10px 20px 0 0; font-size: 20px; color: #fff; }
#header-threebar:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e648"; width: 20px; height: 20px; }
#header.small { background: rgba(0, 0, 0, 0.8); height: 85px; position: fixed; left: 0; right: 0; top: 0; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; -o-transition: .5s ease all; -ms-transition: .5s ease all; transition: .5s ease all; }
#header.small #header-inner { padding: 0; }
#header.small #header-inner:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=(100)); opacity: 1; }
#header.small #header-inner .col { height: auto; }
#header.small #logo img { height: 75px; width: auto; }
#header.small #logo #slogan { height: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=(0)); opacity: 0; }
#header.small #nav li a { border-bottom: 0; }
#header.small #nav li:hover a, #header.small #nav li.current_page_item a { background: #FF9E1B; }
#header.small #logo { top: 0px; }
 @media only screen and (max-width: 960px) {
#header {
  height: 80px;
}
#header #header-inner { padding: 0; }
#header #header-inner .col { height: 54px; }
#header #logo { width: auto; left: 20px; }
#header #logo img {
  height: 60px;
  margin: 12px 0 0;
  width: auto;
}
#header #slogan { display: none; }
#header #nav { display: none; }
#header #header-threebar { display: block; }
}
#support-top { opacity: 1; position: absolute; top: -34px; right: 20px; }
#support-button { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=(100)); padding: 12px 10px 8px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: rgba(0,0,0,0.6); font-size: 12px; color: #fff; font-weight: normal; }
#support-button:hover { background: #FF9E1B; }
#header.small #support-button { top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=(1)); opacity: 1; }
#header.small #support-top { opacity: 1; position: absolute; right: 0; top: 9px; }
.top .banner-more { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; display: inline-block; padding: 12px; border-radius: 4px; border: 1px solid #fff; border-color: rgba(255,255,255,0.2); color: #fff; font-size: 16px; line-height: 1; font-weight: 700; text-transform: uppercase; display: inline-block; }
.top:hover .banner-more { background: #FF9E1B; border-color: #FF9E1B; }
#sticky { display: none; -webkit-transition: .7s ease top; -moz-transition: .7s ease top; -o-transition: .7s ease top; -ms-transition: .7s ease top; transition: .7s ease top; position: fixed; left: 0; width: 0; height: 0; z-index: 999; }
#sticky.sticky-hide { top: -60px; }
#sticky.sticky-hide.pin, #sticky.sticky-show { top: 0; }
#sticky-nav-wrap { position: fixed; top: 54px; right: -270px; width: 250px; max-width: 90%; height: 100%; -webkit-transition: .7s ease right; -moz-transition: .7s ease right; -o-transition: .7s ease right; -ms-transition: .7s ease right; transition: .7s ease right; z-index: 99999; overflow-y: auto; background: rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); box-shadow: 0 0 15px rgba(0,0,0,0.2); }
#sticky-nav-wrap.visible { right: 0; }
#sticky-mask { cursor: pointer; z-index: 999; position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background: rgba(0,0,0,0); -webkit-transition: .7s ease background-color; -moz-transition: .7s ease background-color; -o-transition: .7s ease background-color; -ms-transition: .7s ease background-color; transition: .7s ease background-color; }
#sticky-mask.visible-bg { background: rgba(0,0,0,0.6); }
#sticky-mask.visible-pos { right: 0; }
#sticky-nav { float: left; width: 250px; padding: 0; }
#sticky-nav li { list-style-type: none; float: left; width: 100%; }
#sticky-nav li a { float: left; width: 100%; padding: 15px 15px 15px 20px; font-size: 20px; color: #fff; font-weight: 300; text-transform: lowercase; border-left: 5px solid rgba(0,0,0,0.5); }
#sticky-nav li.main a { font-weight: 700; }
#sticky-nav li.current-menu-item a { border-left-color: #FF9E1B; }
@media only screen and (max-width: 960px) {
#sticky { display: block; }
}
#footer-cta { position: relative; width: 100%; overflow: hidden; background: #be6a14; padding: 40px 0; }
#footer-cta .col { position: relative; }
#footer-cta p { color: #fff; line-height: 1.25; }
#footer-cta a { color: #fff; }
#footer-cta a:hover { color: #61100c; }
#footer-cta #jeff-advice { position: absolute; top: 50%; left: 50%; width: 500px; margin: -24px 0 0 -630px; font-size: 24px; text-align: right; }
#footer-cta #jeff-grab { width: 100%; font-size: 16px; font-weight: 600; text-align: center; }
#footer-cta #jeff-contact { width: 100%; font-size: 16px; text-align: center; margin: 0px; padding: 0 0 15px; }
#jeff-phone { margin-right: 20px; display: inline-block; }
#footer-cta #jeff-contact #jeff-phone:before { padding-right: 10px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e627"; }
#footer-cta #jeff-contact #jeff-email:before { padding-right: 10px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e622"; }
#jeff { position: absolute; z-index: 20; top: 50%; left: 50%; margin: -90px 0 0 -90px; width: 180px; height: 180px; border-radius: 50%; }
#jeff #jeff-inner { position: relative; z-index: 20; width: 100%; height: 100%; border-radius: 50%; background: #eee; border: 10px solid #fff; -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,0.1); box-shadow: inset 0 0 20px rgba(0,0,0,0.1); }
#jeff #jeff-front { -webkit-transition: .5s ease all; -moz-transition: .5s ease all; -o-transition: .5s ease all; -ms-transition: .5s ease all; transition: .5s ease all; position: absolute; z-index: 22; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-image: url(../images/jeff_coffee_off.jpg); background-position: center center; bacground-repeat: no-repeat; background-size: cover; -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.1), 1px 2px 5px rgba(0,0,0,.1); box-shadow: inset 0 0 10px rgba(0,0,0,.1), 1px 2px 5px rgba(0,0,0,.1); -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 500px; perspective-origin: -300px 0; }
#jeff-phone::before { display: none; }
#jeff-email::before { display: none; }
#jeff #jeff-back { -webkit-transition: .5s ease all; -moz-transition: .5s ease all; -o-transition: .5s ease all; -ms-transition: .5s ease all; transition: .5s ease all; position: absolute; z-index: 21; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-image: url(../images/jeff_coffee_on.jpg); background-position: center center; bacground-repeat: no-repeat; background-size: cover; -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.1), 1px 2px 5px rgba(0,0,0,.1); box-shadow: inset 0 0 10px rgba(0,0,0,.1), 1px 2px 5px rgba(0,0,0,.1); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
#footer-cta:hover #jeff-front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
#footer-cta:hover #jeff-back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
@media only screen and (max-width: 960px) {
#footer-cta .col { height: 485px; }
#footer-cta #jeff-advice { top: 40px; left: 0; width: 100%; margin: 0; text-align: center; }
#footer-cta #jeff { top: 225px; }
#footer-cta #jeff-grab { top: 340px; left: 0; width: 100%; margin: 0; text-align: center; }
#footer-cta #jeff-contact { top: 390px; left: 0; width: 100%; margin: 0; text-align: center; }
#footer-cta #jeff-contact #jeff-phone, #footer-cta #jeff-contact #jeff-email { display: block; width: 100%; padding: 4px 0; }
}
#footer-social-wrap { width: 100%; text-align: center; background: #FF9E1B; }
#footer-social-wrap:after { content: ""; display: table; clear: both; }
#footer-social { display: inline-block; margin: 10px auto 0; padding: 0; }
#footer-social li { list-style-type: none; display: inline-block; margin: 0 8px; }
#footer-social li a { display: block; width: 22px; height: 22px; }
#footer-social li a:before { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; color: #fff; }
#footer-social li a:hover:before { color: #8e1712; }
#footer-social li a#fa fa-googleplus:before { content: "\e644"; }
#footer-social li a#fa fa-facebook:before { content: "\e62b"; }
#footer-social li a#fa fa-twitter:before { content: "\e62d"; }
#footer-social li a#fa fa-linkedin:before { content: "\e62a"; }
#footer { float: left; clear: both; width: 100%; padding: 10px; background: #ff9e1b; }
#footer .col { position: relative; }
#footer #footer-left { width: 400px; font-size: 16px; }
#footer span { margin: 0 0 15px; display: block; }
#footer #footer-right { position: absolute; top: 16px; left: 50%; width: 400px; margin-left: 60px; }
#footer p { padding: 0; color: #fff; }
#footer p a { font-size: 16px; }
#footer p .footer-pale { color: #ef827d; }
#footer p small { font-size: 13px; }
#footer a { color: #fff; }
#footer a:hover { color: #61100c; }

#header.small {
  height: auto;
}

#header.small #logo img {
  height: 45px;
  width: auto;
}
}
@media only screen and (max-width: 768px) {
#footer { height: auto; }
#footer .col { padding-top: 0; }
#footer .col:after { margin-left: 0; }
#footer #footer-left, #footer #footer-right { position: relative; top: auto; left: 0; margin: 0; padding: 10px 0; width: 100%; text-align: center; }
#footer #footer-left { padding-bottom: 20px; border-bottom: 1px solid #d2221b; }
#footer #footer-right { font-size: 22px; padding-top: 20px; }
#footer #footer-right .footer-pale { display: none; }
#footer #footer-right a { display: block; }
}
#home-intro { padding: 250px 0 120px; background: #FF9E1B; text-align: center; }
#home-intro h1 { padding-bottom: 10px; font-size: 80px; font-weight: 300; color: #fff; }
#home-intro h3 { text-transform: uppercase; padding-bottom: 0; font-size: 50px; font-weight: 600; color: #fff; }
#home-testimonials { position: relative; z-index: 2; width: 100%; background: #fff; padding: 65px 0; }
#home-testimonials:after { content: ""; display: table; clear: both; }
#home-testimonials .blind-center { padding: 30px 0; }
.blind-center .col.span_40 { padding: 0; }
#home-testimonials h2 { padding: 15px 0 6px; font-size: 28px; font-weight: 300; line-height: 1; color: #666; text-align: center; font-weight: 800; }
#home-testimonials h1 { padding-bottom: 0px; font-size: 54px; font-weight: 600; line-height: 1; color: #666; }
.testo { overflow: visible; margin: 0px 0 20px 0; font-size: 30px; background: none; -webkit-box-shadow: none; box-shadow: none; line-height: 38px; padding: 10px; font-weight: 300; text-align: center; color: #888; font-weight: 400; }
#home-testimonials blockquote cite { font-size: 20px; }
#home-testimonials img.aligncenter { margin-bottom: 0; }
@media only screen and (max-width: 768px) {
#home-testimonials blockquote { font-size: 18px; line-height: 28px; padding: 0 0 15px; }
}
audio { width: 300px; margin: 0 auto; display: block; }
#home-logos { position: relative; z-index: 1; height: 140px; background: #fff; }
#logos { float: left; clear: both; width: 100%; height: 140px; padding: 0; }
#logos li { list-style-type: none; float: left; width: 180px; height: 140px; line-height: 140px; text-align: center; }
#logos li img { max-width: 70%; height: auto; vertical-align: middle; }
.simply-scroll-container { position: relative; }
.simply-scroll-clip { position: relative; overflow: hidden; }
.simply-scroll { width: 100%; height: 100%; }
.simply-scroll .simply-scroll-clip { width: 100%; height: 100%; }
#home-banners { position: relative; width: 100%; padding: 0; -webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.3); box-shadow: inset 0 0 25px rgba(0,0,0,0.3); background-image: url(../images/home-banners-2000.jpg); }
.banner-icon::before { content: "\e604"; display: none; }
.banner-icon { text-align: center; line-height: 150px; }
#home-banners .banner { display: block; position: relative; z-index: 2; padding: 35px 0; text-align: center; }
#home-banners .banner .banner-icon { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; display: inline-block; width: 120px; height: 120px; margin: 0 auto 30px; background: #FF9E1B; border-radius: 50%; }
#home-banners .banner .banner-icon:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; font-size: 60px; line-height: 120px; }
#home-banners .banner h1 { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; color: #fff; font-size: 22px; line-height: 1; padding-bottom: 15px; }
#home-banners .banner h1 small { font-weight: 300; font-size: 16px; color: #ccc; padding-bottom: 3px; display: inline-block; line-height: 25px; }
#home-banners .banner ul{ margin:0px; padding:0px; list-style:none;}
#home-banners .banner li { list-style:none; color: #fff; font-size: 14px; line-height: 22px; padding-bottom: 10px; color: #ddd; text-align: left; }
#home-banners .banner .banner-more { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; display: inline-block; padding: 12px; border-radius: 4px; border: 1px solid #fff; border-color: rgba(255,255,255,0.2); color: #fff; font-size: 16px; line-height: 1; font-weight: 700; text-transform: uppercase; display: block; }
#home-banners .banner:hover .banner-more { background: #FF9E1B; border-color: #FF9E1B; }
#home-banners #banner-strategy .banner-icon:before { content: "\e604"; }
#home-banners #banner-web .banner-icon:before { content: "\e63f"; }
#home-banners #banner-pub .banner-icon:before { content: "\e606"; }
#home-banners .span_25:hover { background: rgba(249, 225, 201, 0.15); }
.owner-box { min-height: 165px; }
 @media only screen and (max-width: 960px) {
#home-banners { padding: 30px 0; }
}
@media only screen and (max-width: 500px) {
#home-banners { padding: 0px; }
.owner-box { min-height: 0; }
.project.project-large { background-size: cover !important; height: 280px !important; width: 100%; }
#footer-cta .col { height: auto; }
}
#home-google-badge { padding: 25px 0; background: #fafafa; }
#home-google-badge:after { content: ""; display: table; clear: both; }
#home-google-badge h2 { margin: 0; padding: 0; font-size: 34px; font-weight: 700; }
@media only screen and (max-width: 960px) {
#home-google-badge h2 { padding-top: 0; padding-bottom: 0; font-size: 24px; font-weight: 400; }
}
#top-strategy .top-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_top_2000.jpg); }
#strategy-parallax-1 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_royal_2000.jpg); }
#strategy-parallax-2 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_ac_2000.jpg); }
#strategy-parallax-3 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_paws_2000.jpg); }
#strategy-included .included-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_top_2000.jpg); }
@media only screen and (max-width: 1500px) {
#top-strategy .top-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_top_1500.jpg); }
#strategy-parallax-1 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_royal_1500.jpg); }
#strategy-parallax-2 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_ac_1500.jpg); }
#strategy-parallax-3 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_paws_1500.jpg); }
#strategy-included .included-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_top_1500.jpg); }
}
@media only screen and (max-width: 1000px) {
#top-strategy .top-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_top_1000.jpg); }
#strategy-parallax-1 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_royal_1000.jpg); }
#strategy-parallax-2 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_ac_1000.jpg); }
#strategy-parallax-3 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_paws_1000.jpg); }
#strategy-included .included-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_top_1000.jpg); }
}
@media only screen and (max-width: 500px) {
#top-strategy .top-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_top_700.jpg); }
#strategy-parallax-1 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_royal_700.jpg); }
#strategy-parallax-2 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_ac_700.jpg); }
#strategy-parallax-3 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_paws_700.jpg); }
#strategy-included .included-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_strategy_top_700.jpg); }
}
#strategy-1 .panel-icon:before { content: "\e60c"; }
#strategy-2 .panel-icon:before { content: "\e60d"; }
#strategy-3 .panel-icon:before { content: "\e60e"; }
#strategy-4 .panel-icon:before { content: "\e60f"; }
#top-web .top-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_top_2000.jpg); }
#web-parallax-1 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_zehr_2000.jpg); }
#web-parallax-2 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_aswr_2000.jpg); }
#web-parallax-3 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_waters_2000.jpg); }
#web-parallax-4 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_wcr_2000.jpg); }
#web-included .included-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_top_2000.jpg); }
@media only screen and (max-width: 1500px) {
#top-web .top-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_top_1500.jpg); }
#web-parallax-1 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_zehr_1500.jpg); }
#web-parallax-2 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_aswr_1500.jpg); }
#web-parallax-3 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_waters_1500.jpg); }
#web-parallax-4 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_wcr_1500.jpg); }
#web-included .included-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_top_1500.jpg); }
}
@media only screen and (max-width: 1000px) {
#top-web .top-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_top_1000.jpg); }
#web-parallax-1 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_zehr_1000.jpg); }
#web-parallax-2 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_aswr_1000.jpg); }
#web-parallax-3 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_waters_1000.jpg); }
#web-parallax-4 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_wcr_1000.jpg); }
#web-included .included-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_top_1000.jpg); }
}
@media only screen and (max-width: 500px) {
#top-web .top-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_top_700.jpg); }
#web-parallax-1 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_zehr_700.jpg); }
#web-parallax-2 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_aswr_700.jpg); }
#web-parallax-3 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_waters_700.jpg); }
#web-parallax-4 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_wcr_700.jpg); }
#web-included .included-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_web_top_700.jpg); }
}
#web-1 .panel-icon:before { content: "\e610"; }
#web-2 .panel-icon:before { content: "\e611"; }
#web-3 .panel-icon:before { content: "\e612"; }
#web-4 .panel-icon:before { content: "\e613"; }
#web-5 .panel-icon:before { content: "\e615"; }
#pub-google-badge { position: relative; z-index: 20; padding: 20px 0 16px; background: #fafafa; text-align: center; }
#pub-google-badge:after { content: ""; display: table; clear: both; }
#top-pub .top-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_top_2000.jpg); }
#pub-parallax-1 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_royal_2000.jpg); }
#pub-parallax-2 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_marco_2000.jpg); }
#pub-parallax-3 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_hogg_2000.jpg); }
#pub-included .included-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_top_2000.jpg); }
@media only screen and (max-width: 1500px) {
#top-pub .top-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_top_1500.jpg); }
#pub-parallax-1 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_royal_1500.jpg); }
#pub-parallax-2 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_marco_1500.jpg); }
#pub-parallax-3 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_hogg_1500.jpg); }
#pub-included .included-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_top_1500.jpg); }
}
@media only screen and (max-width: 1000px) {
#top-pub .top-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_top_1000.jpg); }
#pub-parallax-1 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_royal_1000.jpg); }
#pub-parallax-2 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_marco_1000.jpg); }
#pub-parallax-3 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_hogg_1000.jpg); }
#pub-included .included-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_top_1000.jpg); }
}
@media only screen and (max-width: 500px) {
#top-pub .top-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_top_700.jpg); }
#pub-parallax-1 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_royal_700.jpg); }
#pub-parallax-2 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_marco_700.jpg); }
#pub-parallax-3 { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_hogg_700.jpg); }
#pub-included .included-image { background-image: url(http://www.echosims.com/wp-content/themes/echosims/images/panel_pub_top_700.jpg); }
}
#pub-1 .panel-icon:before { content: "\e605"; }
#pub-2 .panel-icon:before { content: "\e609"; }
#pub-3 .panel-icon:before { content: "\e60a"; }
#pub-4 .panel-icon:before { content: "\e60b"; }
#projects { position: relative; z-index: 20; padding: 0; background: #1a1a1a; }
#projects:after { content: ""; display: table; clear: both; }
#projects #projects-view { position: absolute; bottom: 0; left: 50%; margin-left: -100px; background: #FF9E1B; color: #fff; width: 200px; height: 60px; line-height: 60px; font-size: 20px; text-align: center; text-transform: uppercase; }
.project { position: relative; list-style-type: none; float: left; padding: 0; width: 33.333%; height: 300px; background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; }
.project:before { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35); }
/*.project:hover:before { background: rgba(0,0,0,0.6); }*/
.project.project-large { width: 50%; height: 500px; }
.project-logo { -webkit-transition: .5s ease all; -moz-transition: .5s ease all; -o-transition: .5s ease all; -ms-transition: .5s ease all; transition: .5s ease all; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=(100)); opacity: 1; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; text-align: center; padding: 0 20px; line-height: 300px; }
.project-large .project-logo { line-height: 500px; }
.project:hover .project-logo { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=(0)); opacity: 0; }
.project-logo img { vertical-align: middle; max-width: 50%; height: auto; }
.project-text { -webkit-transition: .8s ease all; -moz-transition: .8s ease all; -o-transition: .8s ease all; -ms-transition: .8s ease all; transition: .8s ease all; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=(0)); opacity: 0; display: table; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; }
.project:hover .project-text { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=(100)); opacity: 1; }
.project-text .project-text-inner { vertical-align: middle; display: table-cell; text-align: center; padding: 20px; }
.project-text .project-blurb { font-size: 24px; color: #fff; font-weight: 700; padding-bottom: 30px; }
.project-text .project-open-website { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 700; padding: 10px; border: 1px solid #fff; border-color: rgba(255,255,255,0.3); }
.project-text .project-open-website:hover { background: #FF9E1B; border-color: #000; }
#project-all .project-text { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=(100)); opacity: 1; }
#project-all #project-all-btn { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; display: inline-block; border: 1px solid #fff; border-color: rgba(255,255,255,0.2); color: #fff; padding: 15px; border-radius: 4px; font-size: 20px; font-weight: 700; text-transform: uppercase; }
#project-all #project-all-btn:hover { border-color: #FF9E1B; background: #FF9E1B; }
@media only screen and (max-width: 768px) {
.project { width: 50%; }
.project.project-large { width: 100%; height: 450px; }
.project-large .project-logo { line-height: 450px; }
.project-logo img { max-width: 70%; }
}
@media only screen and (max-width: 480px) {
#projects .project { width: 100%; }
}
#project-prev, #project-next { -webkit-transition: .8s ease all; -moz-transition: .8s ease all; -o-transition: .8s ease all; -ms-transition: .8s ease all; transition: .8s ease all; overflow: hidden; position: fixed; z-index: 99; top: 50%; width: 300px; background: #FF9E1B; -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.1); box-shadow: 1px 2px 5px rgba(0,0,0,0.1); font-size: 20px; font-weight: 600; line-height: 1.1; color: #fff; }
#project-prev small, #project-next small { font-size: 14px; font-weight: 300; }
#project-prev:before, #project-next:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; width: 50px; height: 100px; margin-top: -50px; font-size: 26px; color: #fff; line-height: 100px; text-align: center; }
#project-prev:hover, #project-next:hover { background: #333; }
#project-prev { padding: 15px 64px 20px 20px; left: -300px; margin-left: 50px; text-align: right; border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
#project-prev:before { content: "\e61b"; right: 0; border-left: 1px solid rgba(0,0,0,0.2); }
#project-prev:hover { margin-left: 300px; }
#project-next { padding: 15px 20px 20px 64px; left: 100%; margin-left: -50px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
#project-next:before { content: "\e61a"; left: 0; border-right: 1px solid rgba(0,0,0,0.2); }
#project-next:hover { margin-left: -300px; }
#project-top { position: relative; height: 290px; padding: 30px 0; background: #fff; }
#project-top h1 { font-size: 50px; font-weight: 600; padding: 40px 0 2px; max-width: 440px; }
#project-top h5 { font-size: 22px; }
#project-top .button { position: relative; color: #fff; margin: 12px 0 0 0; padding: 0 52px 0 12px; height: 40px; line-height: 40px; }
#project-top .button:hover { background: #666; }
#project-top .button:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e600"; position: absolute; top: 0; right: 0; height: 100%; width: 40px; line-height: 40px; font-size: 22px; text-align: center; border-left: 1px solid rgba(0,0,0,0.1); }
#project-top #client-logo { position: absolute; top: 0; left: 50%; margin-left: -115px; width: 230px; height: 230px; border-radius: 50%; line-height: 230px; text-align: center; background: #fff; -webkit-box-shadow: 0 0 0 12px rgba(255,255,255,0.2); box-shadow: 0 0 0 12px rgba(255,255,255,0.2); }
#project-top #client-logo img { display: inline-block; vertical-align: middle; max-width: 160px; }
#project-content { padding: 30px 0 10px 0; }
#project-content .row { padding: 20px 0; }
#project-content img { display: block; margin: 0 auto; -webkit-box-shadow: 1px 2px 8px rgba(0,0,0,0.15); box-shadow: 1px 2px 8px rgba(0,0,0,0.15); }
#more-projects { padding: 20px 0; background: #fff; }
#top-about .top-image {background: url(../images/about-banner.jpg) left -150px no-repeat !important; background-size:cover;}
@media only screen and (max-width: 1500px) {
#top-about .top-image { background: url(../images/about-banner.jpg) left -150px no-repeat !important; background-size:cover; }
}
@media only screen and (max-width: 1000px) {
#top-about .top-image { background: url(../images/about-banner.jpg) left -150px no-repeat !important; background-size:cover; }
}
@media only screen and (max-width: 500px) {
#top-about .top-image { background: url(../images/about-banner.jpg) left -150px no-repeat !important; background-size:cover; }
}
#team-bios { padding: 40px 0 30px; background: #fff; }
#team-bios:after { content: ""; display: table; clear: both; }
#bios { float: left; width: 100%; padding: 0; }
#bios:after { content: ""; display: table; clear: both; }
.bio { list-style-type: none; position: relative; width: 100%; min-height: 360px; margin-bottom: 30px; padding: 20px 20px 80px 300px; background: #fff; -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.1); box-shadow: 1px 2px 4px rgba(0,0,0,0.1); }
.bio:after { content: ""; display: table; clear: both; }
.bio h2.bio-name { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; padding-bottom: 0; color: #FF9E1B; font-weight: 700; }
.bio h4.bio-role { color: #8e8e8e; font-weight: 300; border-bottom: 1px solid #eee; margin-bottom: 14px; }
.bio h3.bio-slogan { padding-bottom: 8px; }
.bio .bio-photo-mobile { display: none; margin: 20px auto; border-radius: 50%; -webkit-box-shadow: 1px 2px 8px rgba(0,0,0,0.2); box-shadow: 1px 2px 8px rgba(0,0,0,0.2); }
.bio .bio-photo { float: right; position: absolute; top: 0; left: 0; width: 280px; height: 360px; }
.bio .bio-photo:after { content: ""; position: absolute; z-index: 3; top: 0; right: 0; width: 30px; height: 100%; -webkit-box-shadow: inset -10px 0 20px -10px rgba(0,0,0,0.15); box-shadow: inset -10px 0 20px -10px rgba(0,0,0,0.15); }
.bio .bio-photo-normal { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-position: top center; background-size: cover; background-repeat: no-repeat; }
.bio .bio-photo-hover { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-position: top center; background-size: cover; background-repeat: no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=(0)); opacity: 0; }
.bio:hover .bio-photo-hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=(100)); opacity: 1; }
.bio-contact { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; padding: 20px 20px 20px 300px; border-top: 1px solid #eee; background: rgba(0,0,0,0.01); -webkit-box-shadow: inset 0 6px 10px -6px rgba(0,0,0,0.05); box-shadow: inset 0 6px 10px -6px rgba(0,0,0,0.05); }
.bio-contact li { list-style-type: none; float: left; margin-right: 30px; color: #8e8e8e; font-weight: 700; }
.bio-contact li:last-child { margin-right: 0; }
.bio-contact li.bc-phone:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 10px; content: "\e627"; }
.bio-contact li a { color: #8e8e8e; }
.bio-contact li a:hover { color: #FF9E1B; }
.bio-contact li a:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 10px; }
.bio-contact li.bc-email a:before { content: "\e622"; }
.bio-contact li.bc-linkedin a:before { content: "\e62a"; }
.bio-contact li.bc-linkedin a:hover { color: #0074b1; }
.pad30 { padding: 30px 3%; text-align: left; margin-top: 30px; }
#team-bios.nopad { padding: 0; }
#gform_fields_1.newfrom li {
  float: left;
  font-size: 16px;
  list-style: outside none none;
  margin-right: 2%;
  width: 48%;
  padding:15px 0 0;
}
#gform_fields_1.newfrom { list-style: none; padding: 0px }
#gform_fields_1 li { list-style: none; }
ul#gform_fields_1 { padding: 0; }
@media only screen and (max-width: 960px) {
.bio { text-align: center; padding: 20px; }
.bio h4.bio-role { border-bottom: 0; }
.bio .bio-photo { display: none; }
.bio .bio-photo-mobile { display: inline-block; }
.bio .bio-contact { position: relative; bottom: auto; left: auto; overflow: hidden; margin-top: 20px; padding: 20px 0 10px; background: 0; -webkit-box-shadow: none; box-shadow: none; }
.bio .bio-contact:after { content: ""; display: table; clear: both; }
.bio .bio-contact:before { content: ""; position: absolute; top: -15px; left: 0; width: 100%; height: 14px; border-radius: 50%; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.08); box-shadow: 0 0 20px rgba(0,0,0,0.08); }
.bio .bio-contact li { float: none; display: inline-block; margin: 0; padding: 6px 12px; }
}
#top-contact .top-image { background: url(../images/about-banner.jpg) left -150px no-repeat !important; background-size:cover; }
@media only screen and (max-width: 1500px) {
#top-contact .top-image { background: url(../images/about-banner.jpg) left -150px no-repeat !important; background-size:cover; }
}
@media only screen and (max-width: 1000px) {
#top-contact .top-image { background: url(../images/about-banner.jpg) left -150px no-repeat !important; background-size:cover; }
}
@media only screen and (max-width: 500px) {
#top-contact .top-image { background: url(../images/about-banner.jpg) left -150px no-repeat !important; background-size:cover; }
}
#contact-content { padding: 40px 0 30px; background: #fff; }
#contact-content:after { content: ""; display: table; clear: both; }
#contact-list { padding: 10px 0 0; }
#contact-list:after { content: ""; display: table; clear: both; }
#contact-list li {
  color: #666;
  font-size: 15px;
  font-weight: 600;
  height: 62px;
  line-height: 20px;
  list-style-type: none;
  position: relative;
  width: 100%;
}
#contact-list li:after { content: ""; display: table; clear: both; }
#contact-list li a { position: relative; float: left; clear: both; width: 100%; padding-left: 58px; color: #FF9E1B; }
#contact-list li a:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; -ms-transition: .3s ease all; transition: .3s ease all; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; -ms-transition: 200ms; transition: 200ms; position: absolute; top: 50%; left: 0; margin-top: -20px; width: 40px; height: 40px; background: #FF9E1B; text-align: center; line-height: 40px; border-radius: 50%; font-size: 16px; color: #fff; }
#contact-list li a:hover { color: #666; }
#contact-list li a:hover:before { background: #666; }
#contact-list li.cl-address { display: inline-block; vertical-align: middle; padding-top: 11px; }
#contact-list li.cl-address small { font-size: 20px; font-weight: 300; }
#contact-list li.cl-phone, #contact-list li.cl-email { line-height: 62px; }
#contact-list li.cl-address a:before { content: "\e626"; }
#contact-list li.cl-phone a:before { content: "\e627"; }
#contact-list li.cl-email a:before { content: "\e622"; }
@media only screen and (max-width: 480px) {
#contact-list li { font-size: 20px; line-height: 1.2; }
#contact-list li a.cl-address small { font-size: 17px; }
.top { position: relative; z-index: 20; height: 300px !important; overflow: hidden; }
}
#map {
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
  height: 350px;
  margin: 20px 0;
}
.gm-style img { max-width: none; }
#blog-wrap { background: #fff; padding: 30px 0; }
#blog-wrap h1 { color: #666; }
#blog-wrap h2 { color: #8e8e8e; }
#blog-wrap h3 { color: #666; }
#blog-wrap h4 { color: #666; }
#blog-wrap h5 { color: #FF9E1B; }
#blog-wrap h6 { color: #FF9E1B; }
#blog-wrap h1 small { color: #888; }
#blog-wrap p, #blog-wrap li { color: #444; }
#blog-wrap hr { background: #eee; }
.loop-wrap { padding: 0; }
.loop-wrap:after { content: ""; display: table; clear: both; }
.loop-wrap > li { list-style-type: none; }
.loop-wrap > li:after { content: ""; display: table; clear: both; }
.loop-post, .loop-page { padding: 0 0 30px 0; }
.post-title { padding-bottom: 0; }
.post-details { padding: 15px 0; }
.post-details:after { content: ""; display: table; clear: both; }
.post-details li { list-style-type: none; float: left; margin: 0 20px 8px 0; font-size: 90%; color: #aaa; }
.post-details li a { font-weight: 300; }
.post-thumbnail { float: right; margin: 10px 0 20px 25px; -webkit-box-shadow: 1px 2px 8px rgba(0,0,0,0.15); box-shadow: 1px 2px 8px rgba(0,0,0,0.15); margin-top: 0; }
#pagination { padding: 0 0 30px 0; }
#pagination:after { content: ""; display: table; clear: both; }
ul.page-numbers { list-style-type: none; margin: 0 auto; padding: 0; text-align: center; color: #555; }
ul.page-numbers li { display: inline; }
ul.page-numbers .current, ul.page-numbers a.page-numbers { display: inline-block; margin: 0 1px; padding: 14px; font-size: 15px; line-height: 1; color: #555; font-weight: 400; background: #eee; background: rgba(0,0,0,0.03); border: 1px solid #ddd; -webkit-box-shadow: 1px 2px 8px rgba(0,0,0,0.15); box-shadow: 1px 2px 8px rgba(0,0,0,0.15); }
ul.page-numbers .current:hover, ul.page-numbers a.page-numbers:hover { color: #eee; border-color: #222; background: #333; text-decoration: none; }
ul.page-numbers .current.more, ul.page-numbers a.page-numbers.more { margin-left: 0; margin-right: 0; border: 0; background: none; }
ul.page-numbers .current, ul.page-numbers .current:hover { color: #eee; border-color: #222; background: #333; text-decoration: none; }
ul.page-numbers .prev:before { content: "\2039"; padding-right: 6px; }
ul.page-numbers .next:after { content: "\203A"; padding-left: 6px; }
ul.page-numbers .dots { margin-left: 10px; margin-right: 10px; border: 0; background: none; color: #999; }
.sidebar-list { padding: 0 0 30px 0; }
.sidebar-list:after { content: ""; display: table; clear: both; }
.sidebar-list li { list-style-type: none; padding: 0; border-top: 1px solid #ddd; }
.sidebar-list li:first-child { border-top: 0; }
.sidebar-list li a { display: block; font-size: 15px; padding: 6px 0; }
.sidebar-list li li a { font-size: 15px; }
.sidebar-list li li li a { padding-left: 18px; margin: 0; font-size: 14px; }
.sidebar-list li li ul { margin-bottom: 20px; }
.sidebar-list li li ul:after { content: ""; display: table; clear: both; }
.sidebar-list li li li { border-top: 0; margin: 0 0 0 28px; font-size: 14px; }
.sidebar-list li li li a { padding: 4px 0; }
.sidebar-list ul { margin: -8px 0 12px 20px; padding: 0; }
#tag-cloud { padding: 0 0 20px 0; }
#tag-cloud:after { content: ""; display: table; clear: both; }
#white-content { padding: 40px 0 30px; background: #fff; }
#white-content:after { content: ""; display: table; clear: both; }
/*#header{ position:fixed; width:100%; left:0; right:0; top:0;}*/

#header .on-scroll-hidden { display: block }
#header .on-scroll-show { display: none; }
#header.small .on-scroll-hidden { display: none }
#header.small .on-scroll-show { display: block; height: 70px; margin: 3px 0 0; }
#header.small .wsmenu { margin-top: 25px; }
#header.small .wsmenu-list > li > a { line-height: 30px; font-size: 14px; font-weight: normal; }
#top-home { position: relative; }
#top-home .slick-prev.slick-arrow { background: url(../images/slick-prev.png) left top no-repeat; width: 27px; height: 53px; font-size: 0px; position: absolute; left: 20px; top: 40%; }
#top-home .slick-next.slick-arrow { background: url(../images/slick-next.png) left top no-repeat; width: 27px; height: 53px; font-size: 0px; position: absolute; right: 20px; top: 40%; }
#top-home.top { height: auto !important; }
#top-home .slick-list { height: auto !important; }
#top-home .slick-dots { position: absolute; left: 0; right: 0; margin: 0 auto; width: 200px; bottom: 25px; }
#top-home .slick-slider { }
#top-home .slick-dots li button { background: none; border-radius: 50%; width: 8px; height: 8px; border: 2px solid #fff; font-size: 0px; }
#top-home .slick-dots li { margin: 0 1px; }
#top-home .slick-prev::before, #top-home .slick-next::before { font-size: 0px; }
.desktop-li, .mobile-li { display: none; }
.mobile-display{ display:none;}
ul#afp-filter{ margin-bottom:25px !important;}
ul#afp-filter li { padding:0 0 0 25px;}


ul.afp-items{ list-style:none; margin:0 0 25px;}
li.afp-single-item{ width:33.33%; list-style:none; padding:0 0 15px;}
li.afp-single-item img{ width:100%;}

#team-bios #support-button {
  background: #f9e1c9 none repeat scroll 0 0;
  border: 1px solid #be6a14;
  border-radius: 4px;
  color: #333;
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  padding: 13px 5px;
  text-align: center;
  vertical-align: top;
  width: 24.6%;
}




 @media only screen and (min-width: 1024px) {
.owner-box { min-height: 215px; }
}
@media only screen and (max-width: 1023px) {
.wsmenu { max-width: 550px; width: 100%; }
.wsmenu-list > li { margin: 0 19px; }
#header.small #logo { top: -8px; left: 0px; }
.wsmenu-list > li { margin: 0px; }
.wsmenu > .wsmenu-list > li > a { padding: 8px 15px; }
#support-top { display: none !important; }
#header.small .wsmenu { margin-top: 0; }
.wsmenu-list { margin: 0 auto !important; }
#header.small .wsmenu-list > li > a { line-height: 20px; }
#header .wsmenu-submenu { width: 100% !important; }
#logo { top: 0; }
.desktop-li, .mobile-li { display: block; }
#footer-cta .col { height: auto; }
.owner-box { min-height: auto !important; }

#team-bios #support-button {
  margin: 0 1% 10px;
  width: 47%;
}

}
 @media only screen and (max-width: 767px) {
#top-home.top { height: 420px !important; }
#top-home .slick-list { height: 420px !important }
#top-home .slick-dots { position: absolute; left: 0; right: 0; margin: 0 auto; width: 200px; bottom: 25px; }
#top-home .slick-slider { height: 420px !important; }
#top-home .slick-dots li button { background: none; border-radius: 50%; width: 8px; height: 8px; border: 2px solid #fff; font-size: 0px; }
#top-home .slick-dots li { margin: 0 1px; }
#top-home .slick-prev::before, #top-home .slick-next::before { font-size: 0px; }
#logo { height: 54px; left: 20px; position: absolute; text-align: center; top: 0; }
#header.small #logo img { height: auto; width: 130px; margin:11px 0 0 !important; }
#logo { height: auto; left: 5px; }
#header.small { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; height: 65px; }
.animated-arrow { cursor: pointer; margin: 10px 0 0 15px; padding-top: 20px !important; }
#home-testimonials { padding: 65px 15px; }
#home-testimonials h2 { font-size: 22px; }
#home-testimonials blockquote { font-size: 16px; line-height: 24px; }
#home-banners .banner h1 { font-size: 18px; }
#header #logo img {
  height: auto;
  margin: 4px 0 0;
  width: 105px;
  display:block !important;
}
#header #logo img.on-scroll-hidden, #header #logo img.on-scroll-show{ display:none !important;}
#team-bios #support-button {
  margin: 0 0 10px;
  width: 100%;
}
}