/* 
Theme Name: Proposals 2020
URI: 
Description: Based on HTML5 Blank WordPress Theme Version 1.4.3 
Version: 2020.0 
Author: Green Dot Advertising 
Author URI: http://www.greendotadvertising.com 
Tags: 
License: MIT License URI: http://opensource.org/licenses/mit-license.php */ /* 

CSS Document Fonts ---------------------------- https://fonts.googleapis.com/css?family=Fira+Sans:300,300italic,400italic,400,500,500italic,700,700italic 
font-family: 'Open Sans', sans-serif; 
font-family: 'Fira Sans', sans-serif; */ 

@font-face { font-family: "green-dot-social"; src: url("fonts/green-dot-social.eot"); src: url("fonts/green-dot-social.eot?#iefix") format("embedded-opentype"), url("fonts/green-dot-social.woff") format("woff"), url("fonts/green-dot-social.ttf") format("truetype"), url("fonts/green-dot-social.svg#green-dot-social") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-facebook:before { font-family: "green-dot-social" !important; content: "\61"; /* a */ } .icon-linkedin:before { font-family: "green-dot-social" !important; content: "\63"; /* c */ } .icon-menu:before { font-family: "green-dot-social" !important; content: "\67"; /* g */ } .icon-close:before { font-family: "green-dot-social" !important; content: "\68"; /* h */ } .icon-gd-text:before { font-family: "green-dot-social" !important; content: "\69"; /* i */ } .icon-gd-dot:before { font-family: "green-dot-social" !important; content: "\6a"; /* j */ } .icon-gd-circle:before { font-family: "green-dot-social" !important; content: "\6b"; /* k */ } .icon-gd-arrow-circles:before { font-family: "green-dot-social" !important; content: "\6c"; /* l */ } .icon-arrow-gd:before { font-family: "green-dot-social" !important; content: "\6d"; /* m */ } @font-face { font-family: "untitled-font-1"; src: url("fonts/untitled-font-1.eot"); src: url("fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"), url("fonts/untitled-font-1.woff") format("woff"), url("fonts/untitled-font-1.ttf") format("truetype"), url("fonts/untitled-font-1.svg#untitled-font-1") format("svg"); font-weight: normal; font-style: normal; } .icon-instagram:before { font-family: "untitled-font-1" !important; content: "\62"; } .icon-youtube:before { font-family: "untitled-font-1" !important; content: "\63"; } @font-face { font-family: "gd-logo"; src: url("fonts/gd-logo.eot"); src: url("fonts/gd-logo.eot?#iefix") format("embedded-opentype"), url("fonts/gd-logo.woff") format("woff"), url("fonts/gd-logo.ttf") format("truetype"), url("fonts/gd-logo.svg#gd-logo") format("svg"); font-weight: normal; font-style: normal; } .icon-gd-logo-black:before { font-family: "gd-logo" !important; content: "\67"; } .icon-gd-logo-green:before { font-family: "gd-logo" !important; content: "\62"; } /* Normalize and reset ----------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; /*font-size: 100%; */ vertical-align: baseline; background: transparent; /*	font-weight:normal; font-style:normal; */ } body { padding: 0; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*This needs to be set or some font faced fonts look bold on Mac. */ } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } sup { font-size: 50%; vertical-align: baseline; position: relative; bottom: 0.75em; } a { color: inherit; text-decoration: none; } a:hover { text-decoration: underline; } button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { padding: 0 !important; border: 0 none !important; } @-ms-viewport { /* this fixes an IE issue see:http://mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html*/ width: device-width; } img { display: block } .clear, .zone { clear: both; } .clear:after, .zone:after { content: ' '; display: block; clear: both; height: 0; width: 0; overflow: hidden; } .nobr, .Nobr { white-space: nowrap; } @media only screen and (max-width:700px) { .nobr { white-space: normal; } } /* End normalize ------------------------ */ @media only screen and (min-width:1280px) { html { font-size: 100%; } } @media only screen and (max-width:1280px) { html { font-size: 93.75%; font-size: 87.5%; font-size: 1vw; } } @media only screen and (max-width:767px) { html { font-size: 81.25%; overflow-x: hidden; } body { overflow-y: auto; overflow-x: hidden; } } @media only screen and (max-width:639px) {} @media only screen and (max-width: 570px) { html { -webkit-text-size-adjust: 100%; } } /* Site Styles ---------------------------- font-family: Helvetica, Arial, sans-serif; */ body { font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 300; color: #231f20; background: #eee; opacity: 0; transition: opacity .125s linear; } /* Structure ========================= */ .hld { display: block; width: 100%; position: relative; overflow-x: hidden; max-width: 100em; /*1600 */ margin: 0 auto; background: #fff; transition: all 0s linear; z-index: 1; background: #fff; box-shadow: 0 0 .25em rgba(0, 0, 0, .3), 0 0 .75em rgba(0, 0, 0, .3); } @media only screen and (max-width:767px) { .hld { overflow: hidden; } } .header_image { width: 100%; height: 0; position: relative; overflow: hidden; padding: 0 0 1px 0; transition: all .5s linear; font-size: 1em; } .header_image a:hover { text-decoration: none !important; } /* @media only screen and (max-width:1598px) { .header_image { font-size:1vw; } } @media only screen and (max-width:767px) { .header_image { font-size:1.75vw; }  } */ span.image { display: block; overflow: hidden; } span.image > img { width: 100%; height: 0 !important; display: block; margin: 0; opacity: 0; transition: opacity .25s linear; } span.image > img.b-loaded { /* */ opacity: 1; padding: 0 !important; height: auto !important; opacity: 1; } .block > span.image, .zone > span.image {} .block > span.image > img.b-loaded, .zone > span.image > img.b-loaded {} .header_image.slide { position: absolute; top: 0; left: 0; } .slider { display: block; position: relative; z-index: 1; } .thin_image { padding: 0 0 25% 0; } .big_image { padding: 0 0 55% 0; } @media only screen and (max-width:767px) { .hld { min-height: 100%; } } .block { width: 100%; position: relative; } .zone { display: block; position: relative; width: 75em; /* 1200 */ margin: 0 auto; position: relative; box-sizing: border-box; max-width: 95%; padding: 2em 0 6em 0 !important; } @media only screen and (max-width:767px) { .block .box, .block .image { width: 100% !important; float: none !important; margin-right: auto !important; margin-left: auto !important; } .zone { padding-bottom: 2em !important; } } .navbar .zone { width: 67.1875em; /* 1075 */ max-width: 100%; } .block.navbar .zone ul { margin: 0; } .block .box { padding: 1px 0; display: block; } .block.half_half .zone .box { width: 100%; box-sizing: border-box; } .half_half .background { width: 100%; display: block; } .half_half { position: relative; } .half_half .half_image { position: absolute; top: 0; bottom: 0; z-index: 10; } .half_half.half_right .half_image { left: 50%; right: 0; background-position: left top !important; } .half_half.half_left .half_image { left: 0; right: 50%; background-position: right top !important; } .half_half.half_right .half_image.contain, .half_half.half_left .half_image.contain { background-position: center center !important; background-repeat: no-repeat !important; } .block.half_half.half_right .box { padding-right: 54% !important; padding-left: 8% !important; } .block.half_half.half_left .box { padding-left: 54% !important; padding-right: 8% !important; } @media only screen and (max-width:767px) { .block.half_half.half_right .box, .block.half_half.half_left .box { padding-right: 0 !important; padding-left: 0 !important; width: 100%; margin: 0 auto; max-width: 423px; float: none; } .half_half .half_image { position: relative; width: 100%; height: 0; padding: 0 0 50% 0; top: 0; bottom: 0; left: 0 !important; right: 0 !important; } } @media only screen and (max-width:767px) { .zone { width: 90%; } } .zone > img, .zone > span.image { height: auto; } 
.two_column .box, .box.two_column { column-count: 2; column-gap: 3em; margin-bottom: 3em; } .three_column .box, .box.three_column { column-count: 3; column-gap: 1em; margin-bottom: 3em; } .one_column .box { text-align: left; width: 60%; margin-left: 4.5%; } .center_column_lg .box { width: 100%; margin: 0 auto; text-align: center; } .center_column { text-align: center; } .center_column .box { width: 54%; margin: 0 auto; text-align: center; } @media only screen and (max-width:767px) { .center_column .box, .center_column_lg .box, .one_column .box { width: 100%; } .center_column .box { max-width: 570px; } .one_column .box, .center_column_lg .box { max-width: 618px; margin-left: auto; } .two_column .box, .box.two_columnl { column-count: 1; column-gap: 0; max-width: 450px; margin: 0 auto; } .two_column .zone > h2 { margin-left: calc(50% - 225px) } } @media only screen and (max-width:450px) { .two_column .zone > h2 { margin-left: 0; } } .split .box { width: 42%; max-width: 500px; float: left; } .split .box1 { margin-left: 8%; margin-right: 4%; } @media only screen and (max-width:767px) { .split .box { width: 100%; margin: 0 auto !important; max-width: 440px; float: none; } } .split_7030 .box { float: left; } .split_7030 .box:nth-child(odd) { width: 70%; padding-right: 1.5em; } .split_7030 .box:nth-child(even) { width: 30%; padding-left: 1.5em; } .split_6040 .box { float: left; } .split_6040 .box:nth-child(odd) { width: 60%; padding-right: 1.5em; } .split_6040 .box:nth-child(even) { width: 40%; padding-left: 1.5em; } .split_4060 .box { float: left; box-sizing: border-box; } .split_4060 .box:nth-child(odd) { width: 44%; padding-right: 1.5em; } .split_4060 .box:nth-child(even) { width: 56%; padding-left: 1.5em; } .split_5545 .box { float: left; } .split_5545 .box:nth-child(odd) { width: 50%; padding-right: 1.5em; } .split_5545 .box:nth-child(even) { width: 45%; padding-left: 1.5em; } .split_3366 .box { float: left; } .split_3366 .box:nth-child(odd) { width: 33%; padding-right: 1.5em; } .split_3366 .box:nth-child(even) { width: 66%; padding-left: 1.5em; } .split_3333 .box { float: left; width: 33%; padding-left: 2em; } .split_3333 .box:first-child { width: 33%; padding-left: 0; } @media only screen and (max-width:767px) { .split_4060 .box { width: 100% !important; float: none; margin: 0 auto; } .split_4060 .box:nth-child(odd) { padding: 0 0 0 0 !important; max-width: 440px; } .split_4060 .box:nth-child(even) { padding: 0 0 0 0 !important; max-width: 592px; } } @media only screen and (max-width:767px) { .split .box, .split_5545 .box, .split_3366 .box, .split_3333 .box, .split_6040 .box, .split_7030 .box, .split_3333 .box:first-child, .split_4060 .box { width: 100% !important; float: none; margin: 1em auto; } .split .box:nth-child(odd), .split .box:nth-child(even), .split_7030 .box:nth-child(odd), .split_7030 .box:nth-child(even), .split_6040 .box:nth-child(odd), .split_6040 .box:nth-child(even), .split_5545 .box:nth-child(odd), .split_5545 .box:nth-child(even), .split_3366 .box:nth-child(odd), .split_3366 .box:nth-child(even), .split_3333 .box:first-child, .split_4060 .box:nth-child(odd), .split_4060 .box:nth-child(even) { padding: 0 0 0 0 !important; } .up3_5 { margin: 0; } } .center_column .zone > h2 { text-align: center; } .zone .box { box-sizing: border-box; } .img { display: block; position: relative; margin-bottom: 3em; box-sizing: border-box; } .img > img { display: block; width: 100%; height: auto; } .split .img { width: 48.5%; float: left; box-shadow: 0 .125em .25em rgba(0, 0, 0, .3); } .split .img:nth-child(odd) { margin-right: 3%; } .img .capt { font-size: .75em; color: #fff; display: block; position: absolute; bottom: 0; width: 100%; padding: .5em; line-height: 1.5em; left: 0; background: rgba(0, 0, 0, .7); box-sizing: border-box; } .img .capt strong { display: block; text-transform: uppercase; font-weight: 400; color: #fff; } /* Background Colors */ .bk_white { background-color: #fff; } .bk_grey { background-color: #f1f1f1; } .bk_grey.dark { background-color: #d1d3d4; } .bk_green { background-color: #0b9444; } .dark { color: #fff; } /* Background image strech ========================================*/ .contain, .covered, .cover { position: relative; box-sizing: border-box; background-position: center center; background-repeat: no-repeat; } .covered, .cover { background-size: cover; } @media only screen { .covered, .cover { opacity: 0; transition: opacity .25s linear; } } .fixed { background-attachment: fixed !important; background-size: cover; } .contain { opacity: 1; } .contain.b-loaded { opacity: 1; background-size: contain; } .covered.b-loaded, .cover.b-loaded { opacity: 1; } .covered > img, .cover > img, .covered > a > img, .cover > a > img, .covered > span.image, .cover > span.image { width: 100%; height: auto; z-index: 0; position: relative; display: none; } @media only screen { .covered > img, .cover > img, .covered > a > img, .cover > a > img, .covered > span.image, .cover > span.image { opacity: 0; } } .covered.autoimg { background-size: 100% 100%; display: block; } .covered.autoimg > img, .covered.autoimg > span.image { position: relative; width: 100%; height: auto; display: block; } @media only screen and (max-width:767px) { .covered > img, .cover > img, .covered > span.image, .cover > span.image { position: relative; } } /* ##### PARALLAX AREA ##### */ .parallax, .parallax_left, .parallax_right, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6, .parallax7, .parallax8, .parallax1 { background-attachment: fixed !important; background-repeat: no-repeat; background-size: cover; position: relative; } .parallax:before, .parallax:after, .parallax_left:before, .parallax_right:before, .parallax2:before, .parallax3:before, .parallax4:before, .parallaxleft:after, .parallaxright:after, .parallax2:after, .parallax3:after, .parallax4:after, .parallax5:after, .parallax6:after, .parallax7:after, .parallax8:after, .parallax1:after { content: ' '; display: block; width: 100%; height: 2em; overflow: hidden; background: url(img/bk_shad.png) center top no-repeat; background-size: 100% 2em; position: absolute; z-index: 10; bottom: 0 !important; left: 0; top: auto; transform: rotate(180deg); opacity: .8; } .covered.parallax, .parallax2 { background-position: center top; } .covered.parallax_left { background-position: left top; } .covered.parallax_right { background-position: right top; } @media only screen and (max-width:1024px) { .fixed { background-attachment: scroll; } } @media only screen and (max-width:1024px) { .parallax, .parallax_left, .parallax_right, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6, .parallax7, .parallax8, .parallax1 { background-attachment: scroll !important; } .parallax:before, .parallax:after, .parallaxleft:before, .parallaxright:before, .parallax2:before, .parallax3:before, .parallax4:before, .parallaxleft:after, .parallaxright:after, .parallax2:after, .parallax3:after, .parallax4:after, .parallax5:after, .parallax6:after, .parallax7:after, .parallax8:after, .parallax1:after { background: none !important; display: none !important; } } .covered.image_left { background-position: left center; } .covered.image_right { background-position: right center; } .contain > img, .contain > span.image { width: 100%; height: auto; position: relative; } @media only screen { .contain > img, .contain > span.image { opacity: 0; } } .zone .contain { width: 42%; height: 100%; position: absolute; top: 0; bottom: 0; overflow: hidden; } /* Social buttons */ .soc > div { display: inline-block; margin: 0 16px 8px 0; position: relative; top: .25em; } .soc > a img { height: 2em; width: 2em; border-radius: .5em; box-shadow: 0 .125em .25em rgba(0, 0, 0, .3); } .fb-like-box { background: #fff; box-shadow: 0 .25em .5em rgba(0, 0, 0, .3); } @media only screen and (max-width:767px) { .fb-like-box { float: none; clear: both; margin: 0 auto 40px auto; display: block; width: 292px; } } /* Form formating */ .sd_frm li { background: none !important; margin: 0 0 0 0; padding: 0 0 .5em 0 !important; text-align: left; display: block; overflow: hidden; } .block .sd_frm li:before { display: none !important; background: none !important; } .sd_frm .input input, .sd_frm .input textarea { font-family: 'Fira Sans', sans-serif; font-size: 1em; display: block; background: #fff; width: 100%; border: 1px solid #eee; box-shadow: 0 .125em .25em rgba(0, 0, 0, .3); padding: .25em 0 .25em .75em; margin: 0 0 0 0; box-sizing: border-box; font-weight: 300 !important; -webkit-font-smoothing: antialiased; -webkit-appearance: none; -moz-appearance: none; text-transform: none !important; border-radius: 0; } .sd_frm .input textarea { height: 5em !important; } @media only screen and (max-width:767px) { .sd_frm .input input, .sd_frm .input textarea { font-size: 16px !important } } .sd_frm .input label { display: none; } .sd_frm .input input:focus, .sd_frm .input textarea:focus { color: #0b9444 !important; font-weight: 300 !important; } .sd_frm .bt { font-family: 'Open Sans', sans-serif; font-size: 1.125em; display: inline-block; width: auto; text-align: center; font-weight: 400; padding-left: 1em; padding-right: 1em; border-radius: 0; } 
.covered .sd_frm .bt, .bt.dark { background: #122b17; background: -moz-linear-gradient(left, #122b17 0%, #14562f 50%, #0a5627 100%); background: -webkit-linear-gradient(left, #122b17 0%, #14562f 50%, #0a5627 100%); background: linear-gradient(to right, #122b17 0%, #14562f 50%, #0a5627 100%); } .covered .sd_frm .bt:hover, .bt.dark:hover { background: #122b17; background: -moz-linear-gradient(left, #122b17 0%, #1d7a43 50%, #0a5627 100%); background: -webkit-linear-gradient(left, #122b17 0%, #1d7a43 50%, #0a5627 100%); background: linear-gradient(to right, #122b17 0%, #1d7a43 50%, #0a5627 100%); } .sd_frm li.addr { display: none; } .sd_frm li.txt { font-size: .75em; } .sd_frm .phone { font-size: 1.125em; padding: .5em 0 0 0; line-height: 1em; float: right; font-family: 'Open Sans', sans-serif; } /* Gallery */ .gallery { text-align: center; background: #f1f2f2; padding: 0; overflow: hidden; } .gallery > a { text-align: center; display: inline-block; overflow: hidden; width: 25%; position: relative; background-position: center center; padding: 0; background-size: 100% 100%; background-color: #ccc; margin: 0 0 -3px 0 !important; box-shadow: 0 0 1em rgba(0, 0, 0, .5); border: 0; transition: all .25s linear; } .gallery > a:hover { background-size: 110% 110%; } .gallery > a:before { content: ' '; display: block; width: 100%; height: 0 !important; overflow: hidden; padding: 0 0 85% 0; padding: 0 0 100% 0; } .gallery > a span { width: 100%; background: rgba(0, 0, 0, .75); color: #fff; position: absolute; bottom: 0; left: 0; padding: .25em; box-sizing: border-box; font-size: 2em; } @media only screen and (max-width:767px) { .gallery > a span { font-size: 3vw; } } /* work gallery */ .work_gallery { padding-bottom: 5em; } @media only screen and (max-width:767px) { .work_gallery { padding-bottom: 25px; } } .work_gallery .gallery > a { display: block; overflow: hidden; width: 25%; height: 0; float: left; background-position: center center; padding: 25% 0 0 0; position: relative; background-color: #000; } .work_gallery .gallery > a.hidden { display: none; } .work_gallery .gallery > a:after { content: ' '; display: block; width: 100%; height: 100%; position: absolute; opacity: 0; top: 0; left: 0; transition: all .5s linear; } .work_gallery .gallery > a:hover:after { opacity: 1; } /* big element special drop shaddows ========================================*/ .top_shade { position: relative; } .top_shade:before { content: ' '; display: block; width: 100%; height: 2em; overflow: hidden; background: url(img/bk_shad.png) center top no-repeat; background-size: 100% 2em; position: absolute; z-index: 10; top: 0; left: 0; } @media only screen and (max-width:767px) { .top_shade:before { font-size: .5em; } } /* Text ========================= */ .zone strong { font-weight: 700; } .green { color: #0b9444; } h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote { display: block; box-sizing: border-box; font-weight: inherit; } h1, h2, h3, h4, h5 { line-height: 1em; } .dark h1, .dark h2, .dark h3, .dark h4, .dark h5 .dark { color: #fff; } blockquote { background: #eee; padding: 1em 2em; border-left: 7px #792268 solid; margin-bottom: 3em; font-style: italic; } blockquote:last-child p { margin-bottom: 0 !important; } h1 { font-size: 3em; color: #0b9444; } h2 { font-size: 4.5em; /* 72 pt */ margin: 1em 0; line-height: 1.0625em; } @media only screen and (max-width:767px) { h1, h2 {} } h3 { font-size: 5em; /* 60 */ margin: .75em 0 .75em 0; line-height: .9375em; color: #0b9444; } h3 strong, h1 strong { display: block; color: #000; } @media only screen and (max-width:767px) { h3 { font-size: 7.25vw; } } h4 { font-size: 1.875em; /*24*/ line-height: 1.125em; margin: 0; color: #0b9444; font-weight: 300; } h5 { font-size: 1.5em; line-height: 1.25em; color: #0b9444; margin: 2.25em 0 2.25em 0; } h6 { font-size: 1.125em; font-weight: 700; color: 000; margin: 0 0 1em 0; } .zone p, .box p { width: 100%; font-size: 1.125em; /* 18 */ margin: 0 0 2em 0; line-height: 1.66666666666667em; /* 30 */ } .smaller { font-size: .875em; line-height: 1.25em !important; display: block; position: relative; box-sizing: border-box; } .smaller em { position: absolute; top: 0; left: -.75em; display: block; } .zone p a { text-decoration: underline; } .intro { font-size: 133%; color: #0b9444; } @media only screen and (max-width:767px) { .intro { font-size: 100%; } } .dark .intro { color: #fff; } .box2 img { width: 100%; } .block .zone ul, .block .zone ol { display: block; margin: 0 0 2em 0; box-sizing: border-box; } .block .zone ul {} .block ol { counter-reset: thecounter; } .block li { font-size: 1.125em; line-height: 2em; /* 40 */ line-height: 1.66666666666667em; /* 30 */ margin: 0 0 0 0; display: block; position: relative !important; width: 100%; padding: 0 0 0 1em; box-sizing: border-box; } .block li strong {} .block ol li { margin: 0 0 .5em 0; padding: 0 0 0 2em; } .block ol li:before { counter-increment: thecounter; content: counter(thecounter)'.'; color: #0b9444; display: block; position: absolute; top: 0; left: 0; text-align: right; width: 1.25em; } .block ul li { line-height: 1.5em; padding: .25em .5em .25em 1em; display: block; position: relative; } .block ul li:before { display: block; width: auto; height: auto; content: '•'; overflow: show; position: absolute; left: .125em; top: .25em; background: none; color: #0b9444; font-weight: 700; } .block.dark ul li:before { background: none; color: #fff; } .block .box1.dark ul li:before { background: none; color: #fff; } /* Menus ========================= */ .jump_menu { text-align: center; font-size: 1.125em; padding: 1em 0; color: #777; } .jump_menu a { display: inline-block; padding: .75em; } @media only screen and (max-width:767px) { .jump_menu { display: none; } } @media only screen and (max-width:479px) { .jump_menu { display: none; } } .sticky-wrapper .navbar { position: relative; } #sticky { height: 4.75em; bottom: -100%; /*		-webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; */ } .close .sticky-wrapper, .close #sticky { overflow: visible; height: 100% !important; display: inline; top: 0; bottom: 0; width: 100%; z-index: 1000; } .navbar, .sticky-wrapper.is-sticky .navbar, #sticky.is-sticky, .sticky-wrapper .navbar.close { width: 100%; z-index: 2100; position: fixed; top: 0; left: 0; padding: 0 !important; background: none !important; box-shadow: none !important; } .nav_holder { width: 100%; max-width: 100em; margin: 0 auto; padding: 0; height: 4.75em; box-sizing: border-box; padding-right: 16px; background: rgba(255, 255, 255, .95); box-shadow: 0 .25em .25em -.125em rgba(0, 0, 0, .3); } @media only screen and (max-width:1024px) { .close .nav_holder { padding-right: 16px; } } .navbar .zone { padding: 0 !important; text-align: right; max-width: 95%; width: 95%; } @media only screen and (max-width:767px) { .navbar .zone { padding: 0 20px 0 0 !important; } } .phone { display: inline-block; padding: 0 0 0 2em; font-size: 1.5em; line-height: 1em; vertical-align: middle; } @media only screen and (max-width:400px) { .phone { padding: 0 0 0 .75em; } } .phone a { text-decoration: none !important; padding: 0; margin: 0; color: inherit !important; } .phone { display: inline-block; padding: 0 0 0 2em; font-size: 1.5em; line-height: 1em; vertical-align: middle; } @media only screen and (max-width:400px) { .phone { padding: 0 0 0 .75em; } } .phone a { text-decoration: none !important; padding: 0; margin: 0; color: inherit !important; } .navbar .phone { font-size: 1.125em; position: absolute; top: 4.22em; background: rgb(11, 148, 68); color: #fff; right: 0; box-shadow: inset 0 .125em .25em -.125em rgba(0, 0, 0, .6), 0 .125em .25em -.125em rgba(0, 0, 0, .3); padding: .5em .5em .4375em .5em; line-height: 1em; } .navbar.close .phone { /*background:rgba(255,255,255,.8); color:#231f20; */ opacity: 0; } @media only screen and (max-width:767px) { .navbar .phn { position: absolute; right: 0; top: 0; padding: 10px; font-size: 16px; } .navbar .phone a { text-decoration: none; } } .mnu { position: fixed; z-index: -1; top: 0; bottom: 0; width: auto; right: 0; padding: 6em 0 1em 0; overflow-y: hidden; overflow-x: hidden; box-sizing: border-box; left: 100%; background: url(img/bk-menu-4000.png) center top no-repeat; background-size: cover; display: inline-block; } .sticky-wrapper .mnu { position: absolute; } .sticky-wrapper.is-sticky .mnu { position: fixed } .mnu ul { margin: 0; } .mnu .menu:after { content: ' '; display: block; clear: both; height: 0; width: 0; overflow: hidden; } 
.mnu li { float: right; margin: 0; padding: 0 !important; background: none !important; clear: both; background: rgba(0, 0, 0, .3); display: block; display: inline-block; } .mnu li:before { display: none !important; background: none !important; } .mnu a { display: inline-block; clear: both; font-size: 1.625em; line-height: 1em; width: auto; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, .05); clear: both; padding: .75em .5em; font-weight: 300; transition: all 0s linear; background: none; border: none; margin-bottom: 0; text-decoration: none; right: calc(50% - 800px); box-shadow: none; font-weight: 300; text-align: right; white-space: nowrap; } .mnu .menu a:before { font-family: "green-dot-social" !important; content: "\6d "; position: absolute; top: .25em; margin-left: -1.25em; color: #231f20; opacity: 0; transition: all .25s linear; } .mnu .menu a:hover:before { opacity: 1; margin-left: -1.125em; } .mnu ul ul { display: none !important; } @media only screen and (max-width:1200px) { .mnu a { margin-left: 0; } } @media only screen and (max-width:767px) { .mnu a { /*	padding-left: 15px; */ } } .mnu li.current-menu-item > a { color: #231f20; font-weight: 700; } .mnu .menu li.current-menu-item > a:hover:before { content: normal; } .mnu li.current-menu-item > a:hover { text-decoration: none; cursor: default; } .hld.close {} .mnu { transition: all 0s linear; } .mnu.close { color: #fff; bottom: 0 !important; height: 100% !important; top: 0; left: calc((50% + 12em)); right: calc(50% - 800px); overflow-y: auto; box-shadow: -.25em 0 .25em rgba(0, 0, 0, .3); transition: all .25s linear; } @media only screen and (max-width:2880px) { .mnu.close { background: url(img/bk-menu-2880.png) center top no-repeat; background-size: cover; } } @media only screen and (max-width:1920px) { .mnu.close { background: url(img/bk-menu-1920.png) center top no-repeat; background-size: cover; } } @media only screen and (max-width:1600px) { .mnu.close { right: 0; left: calc((50% + 7em)); } } @media only screen and (max-width:1024px) { .mnu.close { background: url(img/bk-menu.png) center top no-repeat; background-size: cover; } } @media only screen and (max-width:767px) { .mnu .zone { max-width: 100%; width: 100%; padding-left: 16px; } .mnu.close { right: 0; left: calc(100% - 450px); width: 450px; } } @media only screen and (max-width:500px) { .mnu.close { left: 0; right: 0; width: 100%; } .mnu a { white-space: normal; } } .cpy { text-align: right; } .cpy .box { line-height: 1.25em; padding: 1em 0; margin-top: 0; margin-right: 1em; } .cpy a { color: #0b9444; } .cpy span { display: inline; } .cpy .soc { float: left; font-size: 1.3125em; margin-top: .5em; } .cpy .soc a { display: inline-block; vertical-align: middle; font-size: 1.75em; line-height: 1em; margin: 0 .0625em; } .cpy .soc a:hover { text-decoration: none; } .cpy .soc a.icon-linkedin { margin-left: .25em; } .cpy .txt { display: inline-block; font-size: .875em; vertical-align: middle; } .bt_googpart { display: inline-block; width: 9.25em; height: 3.4375em; background: url(img/google-partner.png) center center no-repeat; background-size: 100% 100%; margin: .125em 0 0 1em; vertical-align: middle; } @media only screen and (max-width:767px) { .cpy { text-align: center; } .cpy .txt { display: block; } .cpy .soc { display: block; float: none; margin-bottom: .5em; } .cpy .soc a { font-size: 1.625em; } .bt_googpart { margin: 1em 0; } .hld { display: block; position: relative; margin: 0; background: #fff; z-index: 5; padding-top: 4.75em; } } .mnu a {} .mnu li.current-menu-item > a {} .mnu_soc a { display: inline-block; font-size: 4.375em; margin: .25em .0625em 0 .0625em; padding: 0; clear: none; } .mnu_soc a:hover {} .mnu_soc a:first-child { margin-left: 0; } .mnu_soc a:last-child { margin-right: 0; } .mnu_soc { display: block; border-top: .125em solid rgba(255, 255, 255, 1); float: right; margin: .75em .75em .75em 0; text-align: right; } .mnu .legal { float: right; clear: both; margin-right: .75em; margin-bottom: 2em; } .mnu .legal.center_box { text-align: center !important; margin-top: -1.5em; } .mnu .legal a { font-size: 1em; display: inline-block; } .mnu .legal a:hover { text-decoration: underline; } /* buttons ========================= */ .navbar .bt_logo { display: block; width: 100%; height: 4.75em; left: 0; cursor: pointer; z-index: 10; position: absolute; color: #231f20; } .bt_logo {} .bt_logo .logo_holder { width: 8.9375em; height: auto; display: block; margin-top: 1.21875em; overflow: hidden; } .bt_logo .logo_holder .logo_image { width: 8.9375em; height: auto; display: block; } .bt_logo .logo_holder .logo_image img { width: 100%; display: block; height: auto; } .is-sticky .bt_logo .logo_holder { width: 1.65em; margin-top: .5em; } .is-sticky .bt_logo .logo_holder .logo_image { width: 12em } @media only screen and (max-width:767px) { .navbar .bt_logo { left: 2% !important; } .bt_logo .logo_holder { left: 18px; position: relative; } } .navbar .bt_logo:after { content: "\67"; font-family: "green-dot-social" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 2em; position: absolute; right: 0; top: .6875em; transition: all .25s linear; } .navbar .bt_logo:hover:after { /* background: rgba(11,148,68,1); */ color: rgba(11, 148, 68, 1); } .navbar.close .bt_logo:after { content: "\68"; } .bt_logo .the_page_title { font-family: 'Open Sans', sans-serif; display: block; position: absolute; top: 1.03125em; line-height: 1em; right: 2em; font-size: 1.5em; color: #0b9444; white-space: nowrap; opacity: 1; z-index: 200; transition: all .25s linear; } .close .bt_logo .the_page_title:before { content: 'Close'; } .bt_logo .the_page_title:before { content: 'Table of Contents'; } @media only screen and (max-width:767px) { .page-template-page-landing-template .bt_logo .the_page_title { display: none; } .bt_logo .the_page_title { display: none; } } @media only screen and (max-width:400px) { .bt_logo .the_page_title { display: none; } } .bt_logo img { transition: all 0s linear; } .navbar .bt_logo:before { transition: all 0s linear; } 
.searchsubmit, .bt { font-family: 'Fira Sans',sans-serif;
color: #fff;
background: #000;
border-radius: 0;
padding: .25em 1.5em;
font-size: 1.0625em;
letter-spacing: .01em;
border: none;
position: relative;
font-weight: 300;
vertical-align: middle;
margin: .25em;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-font-smoothing: antialiased;
cursor: pointer;
text-align: center;
box-sizing: border-box;
transition: all .2s;
outline: 0;
text-decoration: none !important;
zoom: 1;
line-height: 1.2; } 
.zone p a.bt {
  font-size: 1.25em;
  color: #fff !important;
  margin-bottom: 0;
}
.searchsubmit:hover, .bt:hover {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  top: 1px;
}
.bt.learnmore:before {
  content: 'Learn More: ';
  text-transform: uppercase;
  font-size: .975em;
  opacity: .75;
}
input.bt, .searchsubmit {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-font-smoothing: antialiased;
  font-family: 'Open Sans', sans-serif;
}
input.bt:hover, .searchsubmit:hover {
  text-decoration: underline;
}
.bt_login {
  display: inline-block;
  text-transform: uppercase;
  font-size: .9375em;
  padding: .5em;
  background: rgba(255, 255, 255, .2);
  margin: -1px 0 -1px 1em;
  font-weight: 500;
  vertical-align: middle;
  box-shadow: 0 .125em .25em rgba(0, 0, 0, .3);
}
.bt_login:hover {
  background: rgba(255, 255, 255, .25);
}
@media only screen and (max-width:767px) {
  .bt_logo {
    left: 0;
  }
  .bt_login {
    display: none;
  }
  .navbar .zone {
    width: 100%;
  }
  .navbar .bt_logo {}
  .navbar {
    left: 0;
  }
} /* Google map =========================== */
.acf-map {}
.imghldr {
  position: relative;
} /* Animation ============================== * / @media only screen { .fade_in_start, .fade_left, .fade_left2, .fade_left3, .fade_left4, .fade_left5, .fade_left6, .fade_left7, .fade_left8, .fade_in, .fade_in2, .fade_in3, .fade_in4, .fade_in5, .fade_in6, .fade_in7, .fade_in8, .fade_right, .fade_right2, .fade_right3, .fade_right4, .fade_right5, .fade_right6, .fade_right7, .fade_right8, .fade_top, .fade_top2, .fade_top3, .fade_top4, .fade_top5, .fade_top6, .fade_top7, .fade_top8, .fade_top_start {  opacity: 0; transition: all .25s linear; } .fade_left, .fade_left2, .fade_left3, .fade_left4, .fade_left5, .fade_left6, .fade_left6, .fade_left7, .fade_left8, .fade_right, .fade_right2, .fade_right3, .fade_right4, .fade_right5, .fade_right6, .fade_right7, .fade_right8, .fade_top, .fade_top2, .fade_top3, .fade_top4, .fade_top5, .fade_top6, .fade_top6, .fade_top7, .fade_top8, .fade_top_start { position: relative; } .fade_left, .fade_left2, .fade_left3, .fade_left4, .fade_left5, .fade_left6, .fade_left6, .fade_left7, .fade_left8 { left: -2rem; } .fade_right, .fade_right2, .fade_right3, .fade_right4, .fade_right5, .fade_right6, .fade_right7, .fade_right8 { left: 2rem; } .fade_top, .fade_top_start, .fade_top2, .fade_top3, .fade_top4, .fade_top5, .fade_top6, .fade_top6, .fade_top7, .fade_top8 { top: -2rem; } } /* */ .block.filler {
  height: 42em;
}
.img_fpo {
  margin: 1em auto 3em auto;
  box-shadow: 0 .125em .25em rgba(0, 0, 0, .3), 0 .25em .5em -.25em rgba(0, 0, 0, .4);
  width: 100%;
}
.vid_frame {
  margin: 0 0 2em 0;
  padding: 0 0 56.25% 0;
  display: block;
  position: relative;
  box-shadow: 0 .125em .25em rgba(0, 0, 0, .3), 0 .25em .5em -.25em rgba(0, 0, 0, .4);
}
@media only screen and (max-width:767px) {
  .vid_frame {
    margin-top: 1em !important;
    margin-bottom: 3em;
  }
}
.vid_frame.map {
  width: 45%;
  float: left;
  margin: -.5em 6% 1em 0;
}
.vid_frame.map .acf-map {
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.vid_frame.ratio4x3 {
  padding: 0 0 75% 0;
}
.vid_frame iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.bx_vid_frm .zone, .bx_vid_side .zone, .bx_vid_top .zone {
  padding-left: 7%;
  box-sizing: border-box;
}
.bx_vid_frm .desc {
  width: 57.5%;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
.bx_vid_frm .sd_frm {
  float: left;
  margin: 6em 0 2em 4em;
}
.bx_vid_side .vid_hld {
  width: 56%;
  float: left;
  margin-bottom: 4em;
}
.bk_video {
  padding: 0 0 39.859320046893% 0;
  position: relative;
  height: 0;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.bk_video .video_button {
  position: absolute;
  z-index: 105;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  background: url(img/audio.gif) right bottom no-repeat;
  background-size: 7.8125em 2.34375em;
  opacity: .5
}
.bk_video iframe {
  position: absolute;
  top: -29.4117647058825%;
  bottom: -29.4117647058825%;
  border: none !important;
  left: 0%;
  right: 0%;
  width: 100%;
  height: 158.823529411765%;
  display: block;
  background: #000;
  margin: 0;
  box-sizing: border-box;
}
@media only screen and (max-width:1024px) {
  .bk_video > iframe, .bk_video.desktop, .bk_video .video_button {
    display: none !important;
  }
}
@media only screen and (max-width:639px) {
  .bx_vid_side .vid_hld, .bx_vid_side .desc, .bx_vid_frm .desc, .bx_vid_side .desc {
    width: 100%;
    float: none;
    clear: both;
    margin: .5em 0;
  }
  .bx_vid_frm .sd_frm {
    margin: 1em auto 2em auto;
    float: none;
  }
}
.bx_vid_top .vid_hld {
  width: 70%;
  margin-bottom: 5em;
}
.bx_vid_top h2 {
  color: #0f0708;
}
.bx_vid_top h2, .bx_vid_top p {
  width: 50%;
}
@media only screen and (max-width:767px) {
  .bx_vid_top .vid_hld {
    width: 100%;
    margin-bottom: 2em;
  }
  .bx_vid_top h2, .bx_vid_top p {
    width: 100%;
  }
}
.image.alt_pic, .image.alt_image {
  width: 100%;
  max-width: 420px;
  border: 10px solid #fff;
  background: #fff;
  box-shadow: 0 .125em .5em rgba(0, 0, 0, .3);
  display: none;
  margin: 0 auto;
  box-sizing: border-box;
}
.image.alt_pic.left, .image.alt_image.left {
  transform: rotate(-4deg);
}
.image.alt_pic.right, .image.alt_image.right {
  transform: rotate(4deg);
} /*! Lity - v1.5.0 - 2015-09-22 * http://sorgalla.com/lity/ * Copyright (c) 2015 Jan Sorgalla; Licensed MIT */ .lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  transform: scale(1);
  transition: transform 0.3s ease;
}
.lity-loading .lity-content, .lity-closed .lity-content {
  transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
.lity-iframe .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
} /* end lity */ /* for lightbox */ .lb-social {
  font-size: 1.25em;
  display: inline-block;
  text-align: center;
  width: auto;
  padding: 0 0 0 0;
  margin: -2.2em auto 0 auto;
  position: relative;
  top: -.3em;
  text-transform: uppercase;
  letter-spacing: -.0625em;
  font-weight: 700;
  color: #792268;
  color: rgba(255, 255, 255, .8);
  font-family: 'Quicksand', sans-serif;
  vertical-align: middle;
  line-height: 1em;
}
.lb-social:before {
  content: 'share:';
}
.ea_lang_es .lb-social:before {
  content: 'compartir:';
}
.lb-social > a {
  display: inline-block;
  margin: 0 0 0 .5em;
  z-index: 10000;
  width: 1.6em;
  height: 1.6em;
  overflow: hidden;
  border-radius: .25em;
  vertical-align: middle;
}
.lb-social a.lb_twitter {
  background: url(img/bt_tw.png) center center no-repeat;
  background-size: 100% 100%;
}
.lb-social a.lb_facebook {
  background: url(img/bt_fb.png) center center no-repeat;
  background-size: 100% 100%;
}
.lb-social a.lb_google {
  background: url(img/bt_gp.gif) center center no-repeat;
  background-size: 100% 100%;
}
.lb-social a.lb_pintrest {
  background: url(img/bt_pin.png) center center no-repeat;
  background-size: 100% 100%;
}
.lb-social a.lb_email {
  background: url(img/bt_email.png) center center no-repeat;
  background-size: 100% 100%;
}
.lb-social a.lb_link {
  background: url(img/bt_link.png) center center no-repeat;
  background-size: 100% 100%;
} /* Preload images */ body:after {
  content: url(img/close.png) url(img/loading.gif) url(img/prev.png) url(img/next.png);
  display: none;
}
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 0;
}
.lightbox a img {
  border: none;
}
.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 0;
}
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-container {
  padding: 4px;
}
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(img/loading.gif) no-repeat;
}
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.lb-container > .nav {
  left: 0;
}
.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}
.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-right-radius: 0;
}
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-data {
  padding: 0 4px;
  color: #ccc;
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
div.lb-dataContainer {
  display: none !important;
} /* end lightbox */ /* */ /* =========================== */ /* #231f20			text black #0b9444	 mobile and desktop ============================== */ .mobile {
  display: none !important;
}
.desktop {
  display: inherit;
}
@media only screen and (max-width:767px) {
  .desktop {
    display: none !important
  }
  .mobile {
    display: inherit !important;
  }
  .block.mobile.center_column {
    margin-top: 3em;
  }
  .image.altpic, .image.altimg {
    display: block;
  }
  .bk_grey_footer {
    background: #FFF !important;
  }
}
div#sb-container {
  transition: all .125s linear;
}
body.notransition *, body.notransition, body.notransition *:before {
  transition: none !important;
}
ul.pages li:before {
  content: normal;
}
ul.pages li {
  padding-left: 0;
  margin: .25em 0 0 0;
}
ul.pages li .description, ul.pages li ul {
  display: block;
  padding-left: 2em;
}
ul.pages li .description {
  line-height: 1.25em;
}
.block li li {
  font-size: 1em;
} /* header_image =========================== */ .header_image .zone {
  position: relative;
  height: 100% !important;
  width: 100%;
  max-width: 100%;
  overflow: visible;
  padding: 0 !important;
}
.header_image:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(38, 100, 63, .7);
  transition: all .25s linear;
}
.closed .header_image:before {
  background: rgba(0, 0, 0, .7);
}
.open .header_image:before {
  background: rgba(38, 100, 63, .7);
}
@media only screen and (max-width:767px) {
  .header_image .zone {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100% !important;
    max-width: 100% !important;
  }
}
.header_image h2 {
  margin: 0 0 0 0;
  width: 100%;
  text-align: center;
}
.header_image p {
  font-size: 1.75em;
}
.header_image .box {
  text-align: center;
  position: absolute;
  top: 40%;
  margin: 0;
  padding: 0;
  display: block;
  width: 100% !important;
  max-width: 100% !important;
}
@media only screen and (max-width:767px) {
  .header_image h2 {
    margin: 0 0 0 0;
    font-size: 6.25vw;
  }
  .header_image p {
    font-size: 3.5vw;
  }
}
em {
  font-style: normal;
  color: #0b9444;
}
ul em {
  font-size: 0.88888888888889em;
}
.block .box1 {
  width: 71%;
  margin: 0 auto;
}
@media only screen and (max-width:767px) {
  .block .box {
    max-width: 550px !important;
  }
  .header_image .box {
    max-width: 100% !important;
  }
}
.block .img {
  box-shadow: 0 0 .5em rgba(0, 0, 0, .2);
  margin: 2em auto 4em auto;
}
@media only screen and (max-width:767px) {
  .block .img {
    margin: 0 auto 3em auto;
  }
} /* Home page rotating images */ .slide_holder {
  position: relative;
  overflow: hidden;
  display: block;
}
.slide_holder > .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide.covered {
  transition: all 0s linear !important;
} /* Page Specific Styles =========================== */ .home_header {
  max-height: 56em;
  height: 0;
  overflow: hidden;
  transition: opacity .25s linear;
}
.home_header .box1 {
  width: 52%;
  float: right;
}
.home_header p {
  font-size: 1.5em;
  display: block;
  width: auto !important;
  color: #231f20;
}
.home_header p .desktop, .header_image p .desktop {
  display: inline;
}
.bt_know {
  display: block;
  margin: 1em 0 0 0;
  width: 12em;
  height: 12em;
  position: relative;
  transition: all .125s linear;
  text-decoration: none !important;
  text-align: center;
  color: #0b9444;
  float: right;
  margin-right: .5em !important;
}
.bt_know:hover {
  text-decoration: none;
}
.bt_know span {
  display: block;
  margin: 0 auto .125em auto;
  font-size: 12em;
  text-decoration: none;
}
.bt_know span.icon-gd-arrow-circles {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
  color: #000;
}
.bt_know:hover, .bt_know:hover span {
  text-decoration: none !important;
}
@media only screen and (max-width:767px) {
  body .home_header {
    height: auto !important;
    max-height: 1000em;
  }
  body .home_header .box1 {
    width: 100%;
    margin: 0 auto;
    max-width: 360px;
  }
  .home_header p .Nobr {
    display: block;
  }
  body .home_header {
    height: auto;
    background-image: url(/wp-content/themes/gd_custom_greendot_presentation/img/bk-home-00.png) !important;
  }
  body .home_header .box1 {
    float: none;
  }
  body .home_header {
    text-align: center;
  }
  .bt_know {
    float: none;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
  }
} /* =========================== */ /* */ /* */ .signature {
  display: none;
  border-top: 1pt solid #000;
  padding: .5em 0;
  text-align: center;
  margin: 8em 0 0 0;
  width: 100%;
  font-weight: 300;
}
.the_signer {
  display: block;
  width: 70%;
  font-size: .75em;
  float: left;
}
.the_date {
  display: block;
  width: 30%;
  font-size: .75em;
  float: left;
}
.tactic {
  max-height: 999em;
  min-height: 5em;
  position: relative;
  transition: all .25s linear;
}
.tactic:after {
  background: rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 2em rgba(0, 0, 0, 0);
  transition: all 0 linear;
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.tactic.closed {
  height: 5em;
  cursor: pointer;
  overflow: hidden;
}
.tactic.open {
  height: auto;
  min-height: 60em;
}
.tactic.open > .header_image {
  cursor: pointer;
}
.tactic.closed:after {
  background: rgba(0, 0, 0, .2);
  height: 5em;
}
.tactic.closed:hover:after {
  background: rgba(0, 0, 0, 0);
  transition: all .25s linear;
}
.open:after {
  height: 0;
  background: rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 2em rgba(0, 0, 0, 0);
}
.tactic:before {
  content: '-';
  line-height: 1em;
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 2.5em;
  font-weight: 400;
  color: #fff;
  border-radius: 50%;
  z-index: 100;
  width: 1em;
  height: 1em;
  box-sizing: border-box;
  padding: 0 0 0 .3125em;
  transition: all .25s linear;
  background: rgba(255, 255, 255, .1);
  box-shadow: 0 0 .125em rgba(0, 0, 0, .1);
}
.closed.tactic:before {
  content: '+';
  padding: 0 0 0 .25em;
  transition: all .25s linear;
  background: rgba(0, 0, 0, .5);
}
.closed.tactic:hover:before {
  background: rgba(255, 255, 255, .3);
}
.open.tactic:before {
  background: rgba(255, 255, 255, .1);
  transition: all .25s linear;
}
.open.tactic:hover:before {
  background: rgba(255, 255, 255, .2);
}
.header_image .box {
  font-size: 100%;
  transition: all .25s linear;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0);
}
.closed .header_image .box {
  top: 2.5em;
  font-size: 50%;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .5);
}
@media only screen and (max-width:767px) {
  .closed .header_image .box {
    top: 1.5em;
  }
  .header_image .box h2 {
    transition: all .25s linear;
  }
  .tactic.closed {
    font-size: 2.5vw;
  }
  .tactic:before {
    font-size: 6vw;
  }
  .tactic.open {
    font-size: 1em;
  }
  .closed .header_image .box h2 {
    font-size: 4.75vw;
    font-weight: 400;
    margin-top: calc(.5em - .75vw);
  }
}
/* =========================== */ @media print {
  * {
    transform: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .signature {
    display: block;
  }
  .hld {
    box-shadow: none;
  }
  body {
    color: #000;
    opacity: 1;
  }
  html {
    font-size: 7pt !important;
  }
  .print_message, .block, .navbar, .block .zone .img {
    display: none;
  }
  .print_block {
    display: block;
    padding: 0 !important;
    opacity: 1 !important;
    background: none !important;
    height: auto !important;
  }
  .services_summary_pricing.print_block {
    page-break-after: avoid;
  }
  .block.print_block .zone {
    padding: 0 0 .25in 0 !important;
    width: 75% !important;
    max-width: 68% !important;
    left: auto;
    right: auto;
    page-break-inside: avoid;
  }
  .block.print_block.objectives_marketing_strategy .zone {
    page-break-inside: auto;
  }
  h2 {}
  h3 {
    margin: 1em 0 .5em 0 !important;
    font-size: 3em !important;
  }
  .bk_grey {
    background: #fff;
  }
  .print_block .box {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    opacity: 1 !important;
    left: auto;
    right: auto;
  }
  .print_block .box :last-child {
    margin-bottom: 0 !important;
  }
  .block_count1.header_image {
    display: block;
    height: auto !important;
    background: none !important;
  }
  .block_count1.header_image h2 {
    color: #0b9444;
    font-size: 2.5em !important;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .block_count1.header_image h2 strong {
    color: #000;
  }
  .block_count1.header_image .zone p {
    margin-bottom: 0;
    margin-top: 0;
    color: #000;
    font-size: 1.25em;
  }
  .block_count1.header_image .box {
    position: relative;
    top: 0;
    max-width: 100% !important;
    margin: 0 auto !important;
    opacity: 1 !important;
    left: auto;
  }
  .print_block.first {
    page-break-before: always;
  }
  .services_summary_pricing .page_title {
    font-size: 3.5em; /* 60 */ margin: 1em 0 .5em 0;
    line-height: .9375em;
    color: #0b9444;
  }
  .services_summary_pricing.bk_grey table td {
    font-size: .875em;
  }
  .services_summary_pricing.bk_grey table th {
    font-size: .5em;
  }
  .services_summary_pricing.bk_grey table {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    opacity: 1 !important;
    left: auto;
  }
  h5, .zone p {
    margin: .125in 0;
  }
  h5, h6 {
    page-break-after: avoid;
  }
  .no_break {
    page-break-inside: avoid;
  }
  .break_before {
    page-break-before: always;
  }
  .break_after {
    page-break-after: always;
  }
  .services_summary_pricing h5 {
    margin-bottom: 0;
  }
  .services_summary_pricing.bk_grey table td {
    border-top: 1pt solid #cacaca;
  }
  .services_summary_pricing.bk_grey table .monthly_totals td {
    border-top: 1pt solid #cacaca;
  }
  .services_summary_pricing.bk_grey table td, .services_summary_pricing.bk_grey table th {
    border-left: 1pt solid #cacaca;
  }
  .services_summary_pricing.bk_grey table td.col1, .services_summary_pricing.bk_grey table th.col1 {
    border-left: none;
  }
}
.demo_form .form_holder {
  margin-bottom: 1.25em;
  font-size: 1em;
}
.demo_form .form_holder > div {
  display: inline-block;
  text-align: left;
  margin-right: 1em;
  vertical-align: middle;
}
.demo_form .hold_1 > div {
  width: calc(100% - 1em);
}
.demo_form .addr {
  display: none;
}
.demo_form .hold_2 > div {
  width: calc(50% - 1em);
}
.demo_form .hold_3 > div {
  width: calc(100% / 3 - 1em);
}
.demo_form .form_holder > div:last-child {
  margin-right: 0;
}
.demo_form .form_holder.last_row {
  padding-top: 3em;
}
.demo_form .input input, .demo_form .select select, .demo_form .input textarea {
  font-family: 'Open Sans', sans-serif;
  display: block;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(83, 109, 122, .26);
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-transform: none !important;
  margin: 0 0 0 0;
  box-sizing: border-box;
  border-radius: 0;
  color: #0b9444;
  font-size: 1.125em;
  line-height: 1.25em !important;
  padding: .25em 0 .25em .5em;
  transition: all .125s linear;
  height: 2em;
}
.demo_form .input textarea {
  height: 6.5em
}
.demo_form .input input:focus, .demo_form .select select:focus, .demo_form .input textarea:focus {
  color: #000; /* font-size: 1.125em;height: 2.5em */
  background: #ffc;
  outline: 2px solid #000;
  outline-offset: -2px;
}
.demo_form .input input[disabled], .demo_form .select select[disabled], .demo_form .input textarea[disabled] {
  color: #000;
  opacity: 1;
  font-weight: 500;
}
.demo_form .input textarea:focus { /* height: calc( 5em + ( 1em / 3) );  height: calc( 6em + ( 1em / 10 )); */
}
.demo_form .label_text {
  display: block;
  font-size: 1em;
  margin-bottom: .25em;
  line-height: 1.25em;
}
.demo_form .checkbox_text {
  display: inline-block;
  font-size: 1.125em;
  line-height: 1.25em;
  vertical-align: top;
  vertical-align: middle;
  /*  width: calc( 100% - 2em)*/
}
.demo_form .select label {
  position: relative;
  display: block;
}
.demo_form .select label:after {
  content: ' ';
  overflow: hidden;
  display: block;
  background: url("/wp-content/uploads/2020/01/select-arrow-2.png") no-repeat center center;
  background-size: 140% 150%;
  height: 1.75em;
  width: 2.25em;
  border-left: 1px solid #042b56;
  position: absolute;
  bottom: .25em;
  right: 1px;
  box-sizing: border-box;
}
.demo_form .select option {
  color: inherit;
  font-size: inherit;
}
.demo_form .submit {
  text-align: center !important;
  font-size: 1.125em;
}
.demo_form .submit input {}
@media only screen and (max-width:56em) {
  .demo_form .form_holder {
    font-size: .875em;
  }
  .demo_form .form_holder.last_row {
    padding-top: 2em;
  }
  .demo_form .input input, .demo_form .select select, .demo_form .input textarea {
    font-size: 1.3125em;
  }
  .demo_form .select label:after {
    bottom: .4em;
  }
  .demo_form .label_text, .demo_form .item-label, .demo_form .text {
    font-size: 1.125em;
  }
}
@media only screen and (max-width:37em) {
  .demo_form .form_holder {
    /* max-width: 25em; */
    margin: 0 auto;
  }
  .demo_form .form_holder > div {
    width: 100% !important;
    margin-bottom: 1.25em;
  }
}
.form_box {
  width: 92%;
  max-width: 70em;
  float: none;
  margin: 0 0 0 8%;
  font-weight: 300;
}
.hold_1 .checkbox {
  text-align: center;
  font-weight: 700;
}
.hold_1 .checkbox input {
  display: inline-block;
  width: 2em;
  height: 2em;
  vertical-align: middle;
}
.form_box h3,.form_box .inner_div h1,.form_box .inner_div h2, .form_box .inner_div h4 {
  text-align: center;
  font-weight: 700;
  font-size: 3.75em;
}
.form_box .inner_div {
  text-align: center;
  margin: 0 auto 5em auto;
  max-width: 40em;
}
.form_box.filled .inner_div {
      max-width: 45em;
}
.form_box.filled .inner_div h3 {
   color: #000;
    margin: 1em 0 0;
}
.form_box.filled .inner_div h4 {
    margin:0 0 1em;
    color: #0b9444;
}
.form_box.filled .inner_div strong {
    color: #0b9444;
}

.form_box.filled .author {
    line-height: 1.2;
}
.form_box.filled .inner_div .author strong {
color:#000;
    font-weight: 400;
    font-size:1.25em;
}
				@media only screen and (max-width:767px) {
			.form_box .inner_div h3,.form_box .inner_div h1,.form_box .inner_div h2, .form_box .inner_div h4 {
                font-size: 6.75vw;
                    }
					}
.form_box.filled .proposal_approval {
    display: block;
    text-align: center;
    margin: 2em auto;
    position: relative;
}
.form_box.filled .proposal_approval h4 {
    display: inline-block;
    margin: 0;
    padding: .25em;
    background: #fff;
    position: relative;
    z-index: 2;
    font-weight: 700;
}.form_box.filled .proposal_approval:before {
    content: '';
    display: block;
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
    top: calc(50% - 2px);
    background: #0b9444;
    overflow: hidden;
}
.checkbox label {
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
}
.signature-pad--body:hover {
  background: #ffc;
  outline: 2px solid #000;
  outline-offset: -2px;
}
.signature-pad {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  max-width: calc(100% - 1em);
  max-height: 20em;
}
#signature-img img {
  display: block;
  width: 100%;
  height: auto;
}
.signature-pad--body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid rgba(83, 109, 122, .26);
}
.signature-pad--body canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.signature-pad--footer {}
.signature-pad--actions {
  text-align: right;
}
.form_holder .terms {
  width: calc(100% - 2em) !important;
  padding: 2em;
  overflow-y: scroll;
  overflow-x: hidden;
  text-align: left !important;
  line-height: 2;
  height: 40em !important;
	max-height: 80vh;
  box-sizing: border-box;
  border: 1px solid rgba(83, 109, 122, .26);
  resize: vertical;
    box-shadow: inset 0 -1em 1em -1em rgba(0,0,0,.1), inset 0 -.25em .25em -.25em rgba(0,0,0,.1);
}
.block .zone .form_holder .terms p,.block .zone .form_holder .terms ul,.block .zone .form_holder .terms ol {
	margin-bottom: 1em;
}
.block .zone .form_holder .terms li ul,.block .zone .form_holder .terms li ol {
	margin-bottom: 0;
}
.form_holder .terms h3, .form_holder .terms h2 , .form_holder .terms h1 {
  font-size: 1.75em;
  font-weight: 600;
  color: #0b9444;
  margin: 0 auto 1em auto;
}
 .form_holder .terms h4, .form_holder .terms h5, .form_holder .terms h6 {
  text-align: center;
  font-size: 1.3125em;
  line-height: 2;
  margin: 0 auto;
     font-weight: 700;
}
@media only screen and (max-width:767px) {
  .form_box {
    margin: -2em 0 0 0;
  }
}
/*
.block ::selection {
	color:#fff !important;
	background: #0b9444 !important;
}
*/