/*
Theme Name: Keystroke
Author: (W Thode)
Author URI: https://keystrokedigital.com/
Description: Keystroke Custom Responsive Theme
Version: 1.0
*/


/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 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; }

/* Type */
* { font-family:'Quicksand', sans-serif; color:#222; font-weight:400; }
p { margin:0px 0px 20px 0px; color:inherit; font-family:inherit; font-weight:inherit; }
h1, h1 a:link, h1 a:visited { font-size:50px; line-height:54px; margin:30px 0px 15px 0px; color:#222; font-family:'Quicksand', sans-serif; }
h2, h2 a:link, h2 a:visited { font-size:40px; line-height:44px; margin:25px 0px 12px 0px; color:#222; font-family:'Quicksand', sans-serif; }
h3, h3 a:link, h3 a:visited { font-size:30px; line-height:34px; margin:25px 0px 10px 0px; color:#222; font-family:'Quicksand', sans-serif; }
h4, h4 a:link, h4 a:visited { font-size:24px; line-height:28px; margin:10px 0px 6px 0px; color:#222; font-family:'Quicksand', sans-serif; }
h5, h5 a:link, h5 a:visited { font-size:18px; line-height:28px; margin:5px 0px 5px 0px; color:#222; font-family:'Quicksand', sans-serif; }
a:link, a:visited { color:#519122; text-decoration:none; font-family:inherit; font-weight:inherit; }
a:hover, a:active { color:#519122; text-decoration:none; font-family:inherit; font-weight:inherit; }
ul { padding:0px 0px 10px 35px; margin:0px; color:inherit; font-family:inherit; }
ol { padding:0px 0px 10px 35px; margin:0px; color:inherit; font-family:inherit; }
ol li { padding:0px 0px 5px 0px; margin:0px; color:inherit; font-family:inherit; }
ul li { padding:0px 0px 5px 0px; margin:0px; color:inherit; font-family:inherit; }
hr { margin:0px 0px 20px 0px; } 
img { border:none; max-width:100%; height:auto; }
strong { color:inherit; font-family:inherit; font-weight: 700;}
strong a:link, strong a:visited, strong a:hover, strong a:active { }
em { color:inherit; font-family:inherit; font-weight:inherit; }
span { color:inherit; font-family:inherit; font-weight:inherit; }
iframe { max-width:100%; }
table tr td { vertical-align:top; }

/* Fonts */
.font_a { font-family:'Quicksand', sans-serif; }
.font_b { }
.font_c { }
.font_d { }
.font_f { }

/* Body */
body { margin:0px; padding:0px; background:#222222; text-align:center; }
body, html { height:100%; }

/* Header Navigation */
.header_navigation { display:inline-block; height:70px; margin:0px; padding:0px; text-align:right; float:right; }
.header_navigation .nav_menu {  height:70px; margin:0px; padding:0px; text-align:right; list-style:none; }
.header_navigation .nav_menu li { display:inline-block; margin:0px; padding:0px; text-align:center; font-size:16px; line-height:70px; }
.header_navigation .nav_menu a:link, .header_navigation .nav_menu a:visited { display:block; margin:0px; height:70px; padding:0px 20px; color:#111111; text-decoration:none; transition:0.1s; }
.header_navigation .nav_menu a:hover, .header_navigation .nav_menu a:active { display:block; margin:0px; height:70px; padding:0px 20px; color:#519122; text-decoration:none; transition:0.1s; }

/* Header Subnavigation */
.header_navigation .nav_menu li ul { top:70px; list-style:none; margin:0px 0px 0px 0px; padding:0px; min-width:200px; position:absolute; z-index:99999; background:rgba(255,255,255,1.0); border-radius:0px 0px; } 
.header_navigation .nav_menu li ul li { display:block; height:40px; margin:0px; padding:0px; font-size:14px; line-height:40px; font-weight:400; text-align:left; border-top:1px solid #111111; background:none; float:none; }
.header_navigation .nav_menu li ul li a:link, .header_navigation .nav_menu li ul li a:visited { display:block; margin:0px; padding:0px 20px 0px 20px; color:#111111; text-decoration:none; transition:0.1s; }
.header_navigation .nav_menu li ul li a:hover, .header_navigation .nav_menu li ul li a:active { display:block; margin:0px; padding:0px 20px 0px 20px; color:#519122; text-decoration:none; transition:0.1s; }
.header_navigation .nav_menu ul, .header_navigation .nav_menu li:hover ul ul, .header_navigation .nav_menu ul li:hover ul ul { display:none; }
.header_navigation .nav_menu li:hover ul, .header_navigation .nav_menu ul li:hover ul, .header_navigation.nav_menu ul li ul li:hover ul { display:block; }

/* Header Navigation Mobile */
.header_navigation_mobile { display:none; }

/* Footer Navigation */
.footer_navigation { display:block; margin:35px 20px 15px 20px; padding:0px; text-align:right; }
.footer_navigation .nav_menu { display:block; width:100%; margin:0px; padding:0px; text-align:right; list-style:none; }
.footer_navigation .nav_menu li { display:inline-block; margin:0px; padding:0px; text-align:right; font-size:16px; line-height:45px; }
.footer_navigation .nav_menu a:link, .footer_navigation .nav_menu a:visited { display:block; margin:0px; height:45px; padding:0px 10px; color:#FFFFFF; text-decoration:none; transition:0.1s; }
.footer_navigation .nav_menu a:hover, .footer_navigation .nav_menu a:active { display:block; margin:0px; height:45px; padding:0px 10px; color:#519122; text-decoration:none; transition:0.1s; }

/* Header */
.header_container { height:70px; width:100%; margin:0px; padding:0px; background:#FFFFFF; }
.header { width:100%; height:70px; margin:0px; padding:0px; position:relative; }
.header_logo { display:inline-block; width:auto; height:40px; margin:15px 0px 15px 20px; padding:0px; float:left; }

/* Footer */
.footer_container { margin:0px; padding:0px; }
.footer { margin:0px auto; padding:0px 0px; width:100%; text-align:center; overflow:auto; }
.footer_contact { margin:45px 30px; padding:0px; color:#FFF; font-size:16px; line-height:25px; text-align:left; }
.footer_contact h5 { margin:0px 0px 5px 0px; color:#FFF; font-size:22px; line-height:30px; }
.footer_copyright { margin:50px 30px 5px 30px; padding:0px; color:#FFF; font-size:12px; line-height:20px; text-align:right; }
.footer_legal { margin:0px 30px 30px 30px; padding:0px; color:#FFF; font-size:12px; line-height:20px; text-align:right; }

/* Main */
#main {  }

/* Content */
.content_container { margin:0px; padding:0px; text-align:center; background:#FFF; position:relative; overflow:auto; }
.content_container_a { margin:0px; padding:0px; text-align:center; position:relative; background:#519122; overflow:auto; }
.content_container_b { margin:0px; padding:0px; text-align:center; position:relative; background:#FB384A; overflow:auto; }
.content_feature { margin:0px; padding:0px 0px 45% 0px; text-align:center; background-color:#FFF; background-size:cover; background-position:right center; position:relative; overflow:hidden; }
.content_banner { margin:0px; padding:0px; min-height:450px; text-align:center; background-size:cover; background-position:center; position:relative; overflow:hidden; }
.content_banner_small { margin:0px; padding:0px; min-height:200px; text-align:center; background-size:cover; background-position:center; position:relative; overflow:hidden; }
.content { display:block; width:100%; max-width:1380px; min-height:100px; margin:0px auto; padding:0px; overflow:auto; position:relative; }
.content_sudoku { display:block; width:100%; min-height:700px; margin:0px auto; padding:0px; overflow:auto; position:relative; transition:all 1.2s; }
.content_wide { display:block; width:100%; margin:0px; padding:0px; overflow:auto; position:relative; }
.content_narrow { display:block; width:100%; max-width:990px; min-height:100px; margin:0px auto; padding:0px; overflow:auto; position:relative; }
.content_left { display:block; margin:0px; padding:0px; vertical-align:top; float:left; }
.content_right { display:block; margin:0px; padding:0px; vertical-align:top; float:right; }
.content_full { display:block; margin:0px; padding:0px; vertical-align:top; }
.content_border { border-left:1px solid #DDD; box-sizing:border-box; }
.content_one { width:8%; }
.content_two { width:17% }
.content_three { width:25% }
.content_four { width:33%; }
.content_five { width:41%; }
.content_six { width:50%; }
.content_seven { width:59%; }
.content_eight { width:67%; }
.content_nine { width:75%; }
.content_ten { width:83%; }
.content_eleven { width:92%; }
.content_twelve { width:100%; }

/* Containers */
.container_title { margin:40px 30px 20px 30px; padding:0px; color:#333; font-size:55px; line-height:55px; text-align:left; }
.container_text { margin:20px 20px 30px 20px; padding:20px 40px;font-size:15px; line-height:25px; text-align:left; overflow:auto; }

/* Post */
.post_title { margin:15px 20px 0 20px; padding:0px; color:#1B4D92; font-size:45px; line-height:50px; font-weight:700; text-align:left; }
.post_title h1 { margin:0px; padding:0px; color:#fff; font-size:45px;line-height:50px; font-weight:900; text-align:center; }
.post_text { margin:20px 20px 30px 20px; padding:0px; font-size:17px; line-height:30px; text-align:left; overflow:auto; }
.post_text iframe { margin:0px 0px 15px 0px; }
.post_text img { max-width:100%; }
.post_intro { margin:20px 20px 20px 20px; padding:10px 40px; font-size:15px; line-height:25px; text-align:center; overflow:auto; }
.post_link { margin:0px; padding:0px; font-size:22px; line-height:35px; float:left; }
.post_header { margin:45px 20px 15px 20px; padding:0px; color:#444; font-size:55px; line-height:65px; text-align:center; font-family:'Quicksand'; }
.post_subhead { margin:0px 20px; padding:0px; color:#666; font-size:26px; line-height:30px; text-align:center; font-family:'Quicksand'; }
.post_header_a { margin:45px 20px 15px 20px; padding:0px; color:#FFF; font-size:55px; line-height:65px; text-align:center; font-family:'Quicksand'; }
.post_subhead_a { margin:0px 20px; padding:0px; color:#FFF; font-size:26px; line-height:30px; text-align:center; font-family:'Quicksand'; }
.post_subhead_a a:link, .post_subhead_a a:visited, .post_subhead_a a:hover, .post_subhead_a a:active { color:#FFF; text-decoration:underline; }

/* Sidebar */
.sidebar_featured_image { margin:40px 0 0;width:100%; height:300px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.sidebar_contact_wrap h4 { text-align:left;}
.sidebar_contact_wrap p { font-size: 14px;margin-bottom:4px; text-align:left;}
.sidebar_contact_info a.button { float:left; margin: 8px 0;}
.sidebar_contact_wrap h4 { color:#c7265a; font-weight: 900; text-align:left;}
.sidebar_content { margin-top:60px;}

/* Text */
.text_color_a { color:#000000; }
.text_color_b { color:#333333; }
.text_color_c { color:#666666; }
.text_color_d { color:#999999; }
.text_color_e { color:#CCCCCC; }
.text_color_f { color:#FFFFFF; }

/* Link */
.link_button { height:45px; display:inline-block; margin:20px auto; padding:0px 30px; color:#FFF; font-size:22px; line-height:45px; text-align:center; }
.link_button:link, .link_button:visited { color:#FFF; text-decoration:none; background:rgba(86,157,34,0.9); transition:all 0.2s; }
.link_button:hover, .link_button:active { color:#FFF; text-decoration:none; background:rgba(86,157,34,1.0); transition:all 0.2s; }

/* Forms */
.form_container { margin:30px 20px; padding:20px 20px; text-align:left; font-size:16px; line-height:26px; background:#EBEBEB; border-radius:5px; }
.form_body { margin:0px; padding:0px; overflow:auto; }
.form_field { display:block; height:35px; margin:10px 0px; padding:0px 5px; border:1px solid #999; font-size:16px; }
.form_dropdown { display:block; height:35px; margin:10px 0px; padding:0px 0px 0px 5px; border:1px solid #999; font-size:16px; line-height:35px!important; }
.form_textarea { display:block; margin:10px 0px; padding:5px 5px; border:1px solid #999; font-size:16px; line-height:26px; }
.form_radio { display:block; margin:30px 0px; padding:15px 5px; font-size:16px; text-align:left; border-top:1px solid #999; border-bottom:1px solid #999; }
.form_button { height:35px; display:inline-block; margin:10px auto; padding:0px 40px; color:#FFF; font-size:20px; line-height:35px; text-align:center; font-family:'Quicksand'; background:#519122; border-radius:1px; border:none; -webkit-appearance:none; }
.form_field_wrapper { margin:0px; padding:0px 0px 10px 0px; text-align:left; }
.form_field_wrapper label { margin:0px; padding:0px; font-size:16px; line-height:20px; }
.form_message { max-width:700px; margin:0px auto; text-align:left; }
.form_message_success { margin:0px 0px 10px 0px; padding:0px; font-size:15px; line-height:25px; text-align:left; }
.form_message_fail { margin:0px 0px 10px 0px; padding:0px; color:#CC0B0E; font-size:15px; line-height:25px; text-align:left; }

/* Align */
.alignright { float:right; margin:0px 0px 10px 45px; }
.alignleft { float:left; margin:0px 45px 10px 0px; }

/* Admin */
.admin_edit_link { display:inline-block!important; margin:10px 0px!important; padding:5px 10px!important; font-size:10px!important; line-height:10px!important; border-radius:10px!important; position:absolute!important; bottom:5px!important; right:5px!important; z-index:299!important; }
.admin_edit_link:link, .admin_edit_link:visited { background:rgba(0,0,0,0.8)!important; color:#FFF!important; text-decoration:none!important; }
.admin_edit_link:hover, .admin_edit_link:active { background:rgba(0,0,0,1.0)!important; color:#FFF!important; text-decoration:none!important; }

/* Responsive */
.desktop { display:inherit!important; }
.mobile { display:none!important; }


/* Custom Containers ------------------------------------------------------*/

/* Feature */
.feature_mask { margin:0px; padding:0px; position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:rgba(0,0,0,0.7); }
.feature_text { width:90%; max-width:1600px; margin:0px 0px 0px 10%; padding:0px; color:#FFF; font-size:18px; line-height:30px; text-align:left; position:absolute; top:50%; transform:translateY(-50%); }
.feature_text h1 { width:600px; margin:0px 0px 0px 0px; padding:0px; color:#FFF; font-size:45px; line-height:55px; text-decoration:none; }
.feature_text h5 { width:700px; margin:40px 0px 5px 0px; padding:30px 0px 0px 0px; color:#FFF; font-size:38px; line-height:38px; border-top:1px solid #999; }
.feature_text ul, .feature_persona ul { margin:30px 0px 0px 0px; padding:0px; }
.feature_text ul li, .feature_persona ul li { display:inline-block; width:220px; margin:0px 10px 0px 0px; padding:0px; }
.feature_text ul li a:link, .feature_text ul li a:visited, .feature_persona ul li a:link, .feature_persona ul li a:visited { display:block; margin:0px auto; padding:15px 0px; color:#FFF; font-size:20px; line-height:20px; text-align:center;  text-decoration:none; background:rgba(86,157,34,0.8); transition:all 0.2s; }
.feature_text ul li a:hover, .feature_text ul li a:active, .feature_persona ul li a:hover, .feature_persona ul li a:active { display:block; margin:0px auto; padding:15px 0px; color:#FFF; font-size:20px; line-height:20px; text-align:center; text-decoration:none; background:rgba(86,157,34,01.0); transition:all 0.2s; }
.feature_login { display:block; color:#FFF; font-size:13px; line-height:20px; text-align:left; }
.feature_login .form_field { display:inline-block; width:100%; max-width:320px; margin:0px 0px 10px 0px; border:none; background:rgba(255,255,255,0.90); float:left; clear:left; }
.feature_login .form_button { display:inline-block; margin:0px 0px 10px 15px; padding:0px 15px; float:left; clear:right; }
.feature_login a:link, .feature_login a:visited { color:#FFF; text-decoration:none; }
.feature_login a:hover, .feature_login a:active { color:#FFF; text-decoration:underline; }
.feature_persona { width:90%; max-width:900px; margin:0px auto; padding:0px 5%; color:#FFF; font-size:20px; line-height:30px; text-align:left; position:absolute; top:50%; left:0%; transform:translateY(-50%); }
.feature_persona h1 { margin:0px 0px 20px 0px; padding:0px; color:#FFF; font-size:35px; line-height:40px; text-decoration:none; }
.feature_persona h2 { margin:0px 0px 30px 0px; padding:0px; color:#FFF; font-size:55px; line-height:55px; text-decoration:none; }

/* Eraser */
#eraser_canvas { display:block;	width:100%; height:100%; margin:0px; padding:0px; position:absolute; top:0px; bottom:0px; left:0px; right:0px; overflow:hidden; cursor:url(template/icons/icon-eraser-large.png) 32 32, auto; background-position:right top; background-size:cover; background-image:url(template/background/background-feature-erased.jpg); }
#eraser_container { display:block; margin:0px; padding:0px 0px 45% 0px; text-align:center; position:relative; }
.eraser_content { width:67%; margin:0px; padding:0px; position:absolute; top:0px; bottom:0px; left:0px; z-index:100; user-select:none; }

/* Banners */
.banner_mask { margin:0px; background:rgba(0,0,0,0.8); position:absolute; top:0px; bottom:0px; left:0px; right:0px; }
.banner_text { display:block; width:900px; margin:0px auto; padding:0px; color:#FFF; font-size:20px; line-height:35px; text-align:center; font-weight:400; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.banner_text h1 { margin:0px 0px 15px 0px; color:#FFF; font-size:55px; line-height:55px; }
.banner_text ul { margin:30px 0px 0px 0px; padding:0px; list-style:none; }
.banner_text ul li { display:inline-block; width:250px; margin:0px 10px; padding:0px; color:#FFF; font-size:20px; line-height:20px; text-align:center; }

/* Home */
.home_intro_title { margin:80px 30px 20px 30px; padding:0px; font-size:55px; line-height:55px; text-align:center; }
.home_intro_border { margin:40px 30% 0px 30%; padding:0px; border-top:1px solid #519122; }
.home_intro_text { margin:0px 30px 80px 30px; padding:0px; font-size:22px; line-height:36px; text-align:center; }
.home_services { margin:0px; padding:0px; overflow:auto; }
.home_service_block { display:inline-block; width:33.33%; margin:0px 0px 60px 0px; padding:0px; }
.home_service_title { margin:0px 10% 10px 10%; padding:0px; font-size:30px; line-height:30px; text-align:center; }
.home_service_image { display:block; margin:0px 10%; padding:0px 0px 50% 0px; background:#F7F7F7; border:1px solid #EEE; position:relative; overflow:hidden; }
.home_service_icon { display:block; margin:0px; padding:0px 0px 50% 0px; background-position:center; background-size:contain; background-repeat:no-repeat; position:absolute; left:10%; right:10%; top:10%; bottom:10%; }
.home_service_text { width:100%; margin:0px; padding:0px 0px 50% 0px; position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:rgba(0,0,0,0.8); transform:translateX(100%); transition:all 0.2s; }
.home_service_image:hover .home_service_text { transform:translateX(0%); transition:all 0.2s; }
.home_service_excerpt { margin:0px 10%; padding:0px; color:#FFF; font-size:15px; line-height:25px; text-align:center; position:absolute; top:50%; transform:translateY(-50%); }
.home_service_excerpt p { margin:0px; }
.home_service_mobile { display:none; }
.home_persona { margin:0px; padding:0px; overflow:auto; position:relative; }
.home_persona_image { display:inline-block; width:50%; margin:0px; padding:0px 0px 30% 0px; background-size:cover; background-position:center; position:relative; } 
.home_persona_mask { position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:rgba(0,0,0,0.3); }
.home_persona_block { display:inline-block; width:50%; margin:0px; padding:0px 0px 30% 0px; background:linear-gradient(#FFFFFF,#FFFFFF); position:relative; overflow:hidden; }
.home_persona_text { width:80%; margin:0px; padding:0px 10%; font-size:17px; line-height:30px; text-align:left; position:absolute; top:50%; left:0%; transform:translateY(-50%); }
.home_persona_text h2 { margin:0px 0px 20px 0px; font-size:22px; line-height:30px; }
.home_persona_text ul { margin:0px; padding:20px 0px 0px 0px; }
.home_persona_text ul li { display:inline-block; width:220px; margin:0px; padding:0px; }
.home_persona_text ul li a:link, .home_persona_text ul li a:visited { display:block; margin:0px auto; padding:15px 0px; color:#FFF; font-size:20px; line-height:20px; text-align:center;  text-decoration:none; background:rgba(86,157,34,0.9); transition:all 0.2s; }
.home_persona_text ul li a:hover, .home_persona_text ul li a:active { display:block; margin:0px auto; padding:15px 0px; color:#FFF; font-size:20px; line-height:20px; text-align:center; text-decoration:none; background:rgba(86,157,34,1.0); transition:all 0.2s; }
.home_persona_title { margin:0px 0px; padding:0px 0px 20px 0px; font-size:40px; line-height:40px; }
.home_persona_left { float:left; }
.home_persona_right { float:right; }
.home_flex { display:flex; flex-direction:row; justify-content:space-between; align-items:stretch; }
.home_flex_block { flex-basis:33.2%; margin:0px; padding:0px; overflow:auto; position:relative; }
.home_flex_mask { height:100%; margin:0px; padding:0px; background:rgba(0,0,0,0.8); }
.home_flex_title { margin:0px 15%; padding:60px 0px 20px 0px; color:#FFF; font-size:30px; line-height:30px; }
.home_flex_text { margin:0px 15%; padding:0px 0px 60px 0px; color:#FFF; font-size:16px; line-height:30px; }
.home_flex_text h2 { margin:0px 0px 20px 0px; color:#FFF; font-size:22px; line-height:30px; }
.home_flex_text ul { margin:0px; padding:20px 0px 0px 0px; }
.home_flex_text ul li { display:inline-block; width:220px; margin:0px; padding:0px; }
.home_flex_text ul li a:link, .home_flex_text ul li a:visited { display:block; margin:0px auto; padding:15px 0px; color:#FFF; font-size:20px; line-height:20px; text-align:center;  text-decoration:none; background:rgba(86,157,34,0.8); transition:all 0.2s; }
.home_flex_text ul li a:hover, .home_flex_text ul li a:active { display:block; margin:0px auto; padding:15px 0px; color:#FFF; font-size:20px; line-height:20px; text-align:center; text-decoration:none; background:rgba(86,157,34,01.0); transition:all 0.2s; }

/* CTA */
.cta_footer_text { display:inline-block; margin:40px 30px 60px 30px; padding:0px; color:#FFF; font-size:20px; line-height:30px; text-align:left; float:left }
.cta_footer_title { margin:0px 0px 10px 0px; padding:0px; color:#FFF; font-size:50px; line-height:50px; text-align:left; }
.cta_footer_button { display:inline-block; margin:60px 20px 0px 0px; padding:0px; float:right;}
.cta_footer_button a:link, .cta_footer_button a:visited { display:inline-block; margin:0px; padding:15px 40px; font-size:25px; line-height:25px; color:#FFF; text-decoration:none; background:#333; border:2px solid #FFF; transition:all 0.2s; }
.cta_footer_button a:hover, .cta_footer_button a:active { display:inline-block; margin:0px; padding:15px 40px; font-size:25px; line-height:25px; color:#519122; text-decoration:none; background:#FFF; border:2px solid #FFF; transition:all 0.2s; } 

/* Personas */
.persona_intro_title { margin:80px 30px 20px 30px; padding:0px; font-size:55px; line-height:55px; text-align:center; }
.persona_intro_border { margin:40px 30% 0px 30%; padding:0px; border-top:1px solid #519122; }
.persona_intro_text { width:100%; max-width:800px; margin:0px auto 80px auto; padding:0px 30px; font-size:22px; line-height:36px; text-align:center; }
.persona_work { display:flex; flex-wrap:wrap; justify-content:space-around; align-items:stretch; margin:-20px 0px 60px 0px; padding:0px; overflow:auto; }
.persona_work_block { flex-basis:49%; margin:0px; padding:0px; background:#F7F7F7; }
.persona_work_title { margin:0px; padding:45px 0px 0px 0px; font-size:36px; line-height:40px; text-align:center; }
.persona_work_image { margin:30px auto 0px auto; width:250px; height:250px; border-radius:50%; border:8px solid #C2F72F; background-color:#F7F7F7; background-size:contain; background-position:center; background-repeat:no-repeat; }
.persona_work_text { margin:0px; padding:20px 10% 45px 10%; font-size:16px; line-height:30px; text-align:center; }
.persona_work_text ul { width:300px; margin:30px auto 0px auto; padding:0px; list-style:none; }
.persona_work_text ul li { margin:0px; padding:7px 0px; font-size:18px; line-height:26px; font-weight:600; border-top:1px dotted #333; }
.persona_service { display:flex; flex-wrap:no-wrap; justify-content:space-between; align-items:center; margin:0px 0px 45px 0px; padding:45px 0px 0px 0px; overflow:auto; border-top:1px solid #DDD; }
.persona_service_image { flex-basis:33%; order:1; margin:0px 45px; padding:0px; }
.persona_service_icon { width:80%; margin:0px; padding:0px 0px 80% 0px; border-radius:50%; border:8px solid #C2F72F; background-color:#F7F7F7; background-size:contain; background-position:center; background-repeat:no-repeat; float:left; }
.persona_service_text { flex-basis:67%; order:1; margin:0px 45px; padding:0px; font-size:17px; line-height:30px; text-align:left;  }
.persona_service_order { order:2; }
.persona_service_order .persona_service_icon { float:right; }
.persona_service_text h2 { margin:0px 0px 15px 0px; font-size:36px; line-height:40px; }
.persona_detail { width:100%; max-width:1100px; margin:0px auto; padding:0px; overflow:auto; }
.persona_detail_block { margin:20px 30px 45px 30px; padding:0px; overflow:auto; }
.persona_detail_title { margin:0px; padding:0px; font-size:36px; line-height:40px; text-align:center; }
.persona_detail_image { margin:20px 0px 0px 0px; padding:0px; }
.persona_detail_text { margin:20px 0px; padding:0px; font-size:16px; line-height:30px; text-align:center; }
.persona_detail_text table { width:100%; margin:20px auto; padding:0px; border-spacing:0px; text-align:center; border-top:1px solid #DDD; border-bottom:1px solid #DDD; }
.persona_detail_text table tr { }
.persona_detail_text table tr:first-child td { padding:5px 10px; font-weight:700; font-style:italic; }
.persona_detail_text table tr:nth-child(even) { background:#FFFFFF; }
.persona_detail_text table tr:nth-child(odd) { background:#F7F7F7; }
.persona_detail_text table tr td { padding:10px 10px 10px 20px; border-bottom:1px dotted #DDD; vertical-align:middle; }
.persona_detail_text table tr td:first-child { text-align:left; font-weight:700; }
.persona_detail_text table tr td em { display:block; margin:0px; color:#666; font-size:12px; line-height:12px; font-weight:400; }
.persona_detail_text i { color:#519122; font-size:25px; line-height:30px; }

/* Contact */
.contact_form { margin:0px auto 80px auto; padding:45px; font-size:17px; line-height:30px; text-align:center; position:relative; background:#F7F7F7; border:1px solid #519122; }
.contact_form h2 { margin:0px 0px 10px 0px; }
.contact_form .form_body { max-width:700px; margin:0px auto; text-align:center; }
.contact_form .form_button { height:40px!important; min-width:260px!important; display:inline-block!important; margin:10px auto!important; padding:0px 40px!important; color:#FFF!important; font-size:20px!important; line-height:40px!important; text-align:center!important; font-family:'Quicksand'!important; background:#519122!important; border-radius:1px!important; border:none!important; -webkit-appearance:none; }
.contact_info { margin:45px 30px 0px 30px; padding:0px; font-size:17px; line-height:30px; text-align:center; }
.contact_info ul { margin:0px; padding:0px; list-style:none; overflow:auto; }
.contact_info ul li { display:inline-block; width:50%; margin:0px; padding:10px 0px 20px 0px; float:left; box-sizing:border-box; }
.contact_info ul li h3 { margin:0px 0px 10px 0px; } 
.contact_info ul li:first-child { border-right:1px solid #519122; }
.contact_map { min-height:600px; margin:0px; padding:0px ; font-size:17px; line-height:30px; text-align:center; background:#F7F7F7; position:relative; }
.contact_map .map { margin:30px 30px 30px 30px; }
.contact_map .map_info { width:200px; height:80px; }

 /* Conversion */
.conversion_form { margin:60px auto; padding:45px; font-size:17px; line-height:30px; text-align:center; position:relative; background:#F7F7F7; border:1px solid #519122; }
.conversion_form h2 { margin:0px 0px 20px 0px; }
.conversion_form .form_body { max-width:700px; margin:0px auto; text-align:left; }
.conversion_form .form_button { height:40px!important; min-width:260px!important; display:inline-block!important; margin:10px auto!important; padding:0px 40px!important; color:#FFF!important; font-size:20px!important; line-height:40px!important; text-align:center!important; font-family:'Quicksand'!important; background:#519122!important; border-radius:1px!important; border:none!important; -webkit-appearance:none; }

/* Leadership */
.leadership_block { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; margin:45px 0px 0px 0px; padding:0px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; }
.leadership_image { flex-basis:50%; margin:0px; padding:0px; background-size:cover; background-position:top center; }
.leadership_image img { width:100%; min-width:300px; height:auto; min-height:300px; margin:30px; border-radius:50%; border:8px solid #C2F72F; }
.leadership_text { flex-basis:50%; margin:45px 0px; padding:0px; }
.leadership_title { margin:0px 45px 15px 45px; padding:0px; text-align:left; }
.leadership_title h2 { margin:0px; font-size:36px; line-height:40px; }
.leadership_bio { margin:0px 45px 0px 45px; padding:0px; font-size:17px; line-height:30px; text-align:left; }

/* Partners */
.partners { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; margin:0px 30px 30px 30px; padding:0px; }
.partner_block { flex-basis:30%; margin:0px 0px 30px 0px; padding:0px; }
.partner_image { display:block; margin:0px; padding:0px 0px 55% 0px; background:#EEEEEE; overflow:hidden; background-position:center; background-size:cover; position:relative; }
.partner_image a:link, .partner_image a:visited { text-decoration:none; transition:all 0.2s; }
.partner_image a:hover, .partner_image a:active { text-decoration:none; transition:all 0.2s; }
.partner_text { width:100%; margin:0px; padding:0px 0px 55% 0px; position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:rgba(0,0,0,0.9); transform:translateX(100%); transition:all 0.2s; }
.partner_image:hover .partner_text { transform:translateX(0%); transition:all 0.2s; }
.partner_excerpt { width:100%; margin:0px; padding:0px; color:#FFF; font-size:15px; line-height:25px; text-align:center; position:absolute; top:50%; transform:translateY(-50%); }
.partner_mobile { display:none; }

/* Technology */
.technology_gallery { margin:45px auto 90px auto!important; }
.technology_gallery .blocks-gallery-grid { justify-content:space-between; align-items:center; }
.technology_gallery .blocks-gallery-item { flex-basis:12%; width:auto!important; margin:0px auto!important; flex-direction:row!important; padding:30px 0px; }
.technology_gallery .blocks-gallery-item img { margin:0px auto; width:75%!important; height:auto; }

/* Sudoku */
.sudoku_content { min-height:600px; margin:0px; padding:0px; }
.sudoku { display:flex; flex-wrap:wrap; justify-content:space-evenly; align-items:stretch; width:500px; margin:0 auto; padding:45px 0px; }
.sudoku_block { flex-basis:31%; margin:0.5%; padding:0.5%; overflow:auto; border:1px solid #DDD; border-radius:5px; box-sizing: border-box; }
.sudoku_field { display:inline-block; width:31.33%; margin:1%; padding:0px 0px 31.33% 0px; background:#EEEEEE; border-radius:5px; overflow:hidden; position:relative; float:left; transition:all 0.5s; }
.sudoku_field input { width:100%; margin:0px; padding:0px; background:none; border:none; font-size:30px; text-align:center; position:absolute; top:0px; bottom:0px; left:0px; right:0px; }
.sudoku_footer { margin:0px; padding:20px 0px; height:50px; text-align:center; }
.sudoku_button { height:50px; min-width:260px; display:inline-block; margin:0px auto; padding:0px 40px; color:#FFF; font-size:20px; line-height:50px; text-align:center; font-family:'Quicksand'; background:#519122; border-radius:1px; border:none; -webkit-appearance:none; }
.sudoku_complete { display:none; margin:0px; padding:0px; font-size:16px; line-height:30px; text-align:center; }

/* Services */
.services_intro_title { margin:80px 30px 20px 30px; padding:0px; font-size:55px; line-height:55px; text-align:center; }
.services_intro_text { margin:40px 45px 80px 45px; padding:0px; font-size:22px; line-height:36px; text-align:center; position:relative; }
.services_intro_text ul { max-width:900px; margin:0px auto; padding:20px 0px 0px 0px; list-style:none; text-align:center; }
.services_intro_text ul li { display:inline-block; width:30%; margin:0px 1.5%; padding:0px; list-style:none; }
.services_intro_text ul li a { height:40px; display:block; margin:0px; padding:0px 10px; color:#FFF; font-size:18px; line-height:40px; text-align:center; }
.services_intro_text ul li a:link, .services_intro_text ul li a:visited { color:#FFF; text-decoration:none; background:rgba(86,157,34,0.9); transition:all 0.2s; }
.services_intro_text ul li a:hover, .services_intro_text ul li a:active { color:#FFF; text-decoration:none; background:rgba(86,157,34,1.0); transition:all 0.2s; }
.services_intro_border { margin:0px 30% 80px 30%; padding:0px; border-top:1px solid #519122; }
.service_packages { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; margin:0px 0px 60px 0px; padding:0px; overflow:auto; }
.service_package_block { flex-basis:30%; margin:0px 1.5%; padding:0px; background:#F7F7F7; position:relative; }
.service_package_title { margin:0px; padding:45px 0px 0px 0px; font-size:36px; line-height:40px; text-align:center; }
.service_package_image { margin:30px auto 0px auto; width:250px; height:250px; border-radius:50%; border:8px solid #C2F72F; background-color:#F7F7F7; background-size:contain; background-position:center; background-repeat:no-repeat; }
.service_package_text { margin:0px; padding:20px 10% 45px 10%; font-size:16px; line-height:30px; text-align:center; }
.service_package_text ul { width:85%; margin:15px auto 45px auto; padding:0px; list-style:none; border-bottom:1px dotted #333; }
.service_package_text ul li { margin:0px; padding:5px 0px; font-size:14px; line-height:22px; font-weight:600; border-top:1px dotted #333; }
.service_package_price { margin:0px; padding:30px 10% 0px 10%; font-size:30px; line-height:30px; font-weight:400; text-align:center; }
.service_package_monthly { margin:0px; padding:10px 10% 0px 10%; font-size:16px; line-height:30px; font-weight:600; text-align:center; font-style:italic; }
.service_management { display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; margin:0px 0px 45px 0px; padding:45px 0px 0px 0px; overflow:auto; border-top:1px solid #DDD; position:relative; }
.service_management_image { flex-basis:33%; order:1; margin:0px 45px; padding:0px; }
.service_management_icon { width:80%; margin:0px; padding:0px 0px 80% 0px; border-radius:50%; border:8px solid #C2F72F; background-color:#F7F7F7; background-size:contain; background-position:center; background-repeat:no-repeat; float:left; }
.service_management_text { flex-basis:67%; order:1; margin:0px 45px; padding:0px; font-size:17px; line-height:30px; text-align:left;  }
.service_management_order { order:2; }
.service_management_order .service_management_icon { float:right; }
.service_management_text h2 { margin:0px 0px 15px 0px; font-size:36px; line-height:40px; }
.service_management_comparison { width:100%; max-width:1100px; margin:20px auto; padding:0px; font-size:16px; line-height:30px; text-align:center; overflow:auto; position:relative; }
.service_management_comparison table { width:100%; margin:20px auto; padding:0px; border-spacing:0px; text-align:center; border-top:1px solid #DDD; border-bottom:1px solid #DDD; }
.service_management_comparison table tr { }
.service_management_comparison table tr:first-child td { padding:5px 10px; font-weight:700; font-style:italic; }
.service_management_comparison table tr:nth-child(even) { background:#FFFFFF; }
.service_management_comparison table tr:nth-child(odd) { background:#F7F7F7; }
.service_management_comparison table tr td { padding:10px 10px 10px 20px; border:none; border-bottom:1px dotted #DDD; vertical-align:middle; }
.service_management_comparison table tr td:first-child { text-align:left; font-weight:700; }
.service_management_comparison table tr td em { display:block; margin:0px; color:#666; font-size:12px; line-height:12px; font-weight:400; }
.service_management_comparison i { color:#519122; font-size:25px; line-height:30px; }
.service_apis { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; margin:0px 0px 60px 0px; padding:0px; overflow:auto; }
.service_api_block { flex-basis:23%; margin:0px 1% 2% 1%; padding:30px; background:#F7F7F7; position:relative; box-sizing:border-box; overflow:auto; }
.service_api_title { margin:0px 0px 10px 0px; padding:0px; font-size:36px; line-height:40px; text-align:left; }
.service_api_title h2 { margin:0px 0px 5px 0px; font-size:32px; line-height:36px; }
.service_api_title h3 { margin:0px; font-size:18px; line-height:30px; font-weight:600; font-style:italic; }
.service_api_image { margin:0px 0px 30px 0px; padding:0px 0px 40% 0px; background-size:contain; background-position:center; background-repeat:no-repeat; }
.service_api_text { margin:0px 0px; padding:0px; font-size:18px; line-height:30px; text-align:left; }

/* Projects */
.projects { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; margin:0px 0px 60px 0px; padding:0px; overflow:auto; }
.project_block { flex-basis:48%; margin:0px 1% 2% 1%; padding:30px; background:#F7F7F7; position:relative; box-sizing:border-box; overflow:auto; }
.project_image { display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; margin:0px 0px 30px 0px; padding:0px; }
.project_image_desktop { flex-basis:68%; margin:0px 2% 0px 0px; padding:0px; border-radius:3px; border:1px solid #DDD; background-color:#FFF; background-size:cover; background-position:top center; }
.project_image_mobile { flex-basis:30%; margin:0px; padding:0px 0px 55% 0px; border-radius:3px; border:1px solid #DDD; background-color:#FFF; background-size:cover; background-position:top center; }
.project_text { margin:0px 15px; padding:0px; font-size:18px; line-height:30px; text-align:left; }
.project_title { margin:0px 0px 10px 0px; padding:0px; font-size:36px; line-height:40px; text-align:left; }
.project_domain { margin:0px 0px 20px 0px; padding:0px; font-size:16px; line-height:20px; text-align:left; }
.project_type { margin:0px 0px 30px 0px; padding:0px; font-size:18px; line-height:24px; text-align:left; }
.project_type h3 { margin:0px; font-size:18px; line-height:24px; font-weight:600; font-style:italic; }
.project_specs { display:inline-block; width:50%; margin:0px; padding:0px; float:left; font-size:18px; line-height:20px; font-weight:600;  }
.project_specs ul { margin:10px 0px; padding:0px 0px 0px 20px; }
.project_specs ul li { padding:5px 0px; font-size:16px; line-height:24px; }
.project_credit { margin:0px 15px 0px 15px; padding:0px; font-size:14px; line-height:20px; font-style:italic; text-align:left; } 

/* Onboarding */
.onboarding_form { margin:0px auto 80px auto; padding:45px; font-size:17px; line-height:30px; text-align:center; position:relative; background:#F7F7F7; border:1px solid #519122; }
.onboarding_form h2 { margin:0px 0px 10px 0px; }
.onboarding_form .form_body { max-width:700px; margin:0px auto; text-align:center; }
.onboarding_form .form_field { width:100%; margin:5px 0px; padding:0px 10px; box-sizing:border-box; }
.onboarding_form .form_dropdown { width:100%; margin:5px 0px; padding:0px 10px; box-sizing:border-box; }
.onboarding_form .form_button { height:40px!important; min-width:260px!important; display:inline-block!important; margin:10px auto!important; padding:0px 40px!important; color:#FFF!important; font-size:20px!important; line-height:40px!important; text-align:center!important; font-family:'Quicksand'!important; background:#519122!important; border-radius:1px!important; border:none!important; -webkit-appearance:none; }
.onboarding_form #referral_code_response { margin:10px 0px 0px 0px; font-size:15px; font-style:italic; }

/* Hubspot */

/* Media Queries ------------------------------------------------------*/

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

/* Content */
.content_feature { height:600px; padding:0px 0px 0% 0px; }

/* Eraser */
#eraser_container { height:600px; padding:0px 0px 0% 0px; }
.eraser_content { width:600px; margin:0px; padding:0px; position:absolute; top:0px; bottom:0px; left:0px; z-index:100; user-select:none; }

/* Feature */
.feature_text h1 { width:520px; font-size:40px; line-height:45px; }
.feature_text h5 { width:520px; font-size:35px; line-height:35px; }
.feature_text ul li { display:inline-block; width:160px; margin:0px 10px 0px 0px; padding:0px; }
.feature_text ul li a:link, .feature_text ul li a:visited { padding:10px 0px; font-size:16px; line-height:20px; }
.feature_text ul li a:hover, .feature_text ul li a:active { padding:10px 0px; font-size:16px; line-height:20px; }
.feature_persona { font-size:17px; line-height:28px; }
.feature_persona h1 { margin:0px 0px 15px 0px; font-size:30px; line-height:36px; }
.feature_persona h2 { margin:0px 0px 25px 0px; font-size:50px; line-height:50px; }

}

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

/* Header Navigation */
.header_navigation .nav_menu li { font-size:15px; }
.header_navigation .nav_menu a:link, .header_navigation .nav_menu a:visited { padding:0px 16px; }
.header_navigation .nav_menu a:hover, .header_navigation .nav_menu a:active { padding:0px 16px; }

/* Header */
.header_logo { width:auto; height:35px; margin:17px 0px 18px 20px; }

/* Banner */
.banner_text { width:80%; }

/* Home */
.home_service_excerpt { font-size:14px; line-height:20px; }
.home_persona_image { padding:0px 0px 40% 0px; } 
.home_persona_block { padding:0px 0px 40% 0px; }
.home_persona_text { width:85%; margin:0px; padding:0px 7.5%; font-size:16px; line-height:26px; }
.home_persona_text h2 { margin:0px 0px 10px 0px; font-size:20px; line-height:28px; }
.home_persona_text ul { margin:0px; padding:10px 0px 0px 0px; }
.home_persona_text ul li { display:inline-block; width:220px; margin:0px; padding:0px; }
.home_persona_text ul li a:link, .home_persona_text ul li a:visited { padding:12px 0px; }
.home_persona_text ul li a:hover, .home_persona_text ul li a:active { padding:12px 0px; }
.home_persona_title { margin:0px 0px; padding:0px 0px 15px 0px; font-size:36px; line-height:36px; }

/* CTA */
.cta_footer_text { max-width:60%; }
.cta_footer_title { font-size:40px; line-height:40px; }
.cta_footer_button a:link, .cta_footer_button a:visited { display:inline-block; margin:0px; padding:12px 20px; font-size:20px; line-height:20px; }
.cta_footer_button a:hover, .cta_footer_button a:active { display:inline-block; margin:0px; padding:12px 20px; font-size:20px; line-height:20px; } 

}

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

/* Responsive */
.desktop { display:none!important; }
.mobile { display:inherit!important; }

/* Header Navigation Mobile */
.header_navigation_mobile { display:none; width:100%; margin:0px; padding:0px; text-align:left; background:rgba(86,157,34,0.95); position:absolute; z-index:9999; top:65px; left:0px; }
.header_navigation_mobile .nav_menu { width:100%; margin:0px auto; padding:0px; list-style:none; border-bottom:5px solid #FFF; }
.header_navigation_mobile .nav_menu li { display:block; min-height:40px; margin:0px; padding:0px; text-align:left; font-size:15px; line-height:40px; border-bottom:1px dotted rgba(255,255,255,0.5); }
.header_navigation_mobile .nav_menu li:last-child { border-bottom:none; }
.header_navigation_mobile .nav_menu a:link, .header_navigation_mobile .nav_menu a:visited { display:block; margin:0px; height:40px; padding:0px 20px; color:#FFFFFF; text-decoration:none; }
.header_navigation_mobile .nav_menu a:hover, .header_navigation_mobile .nav_menu a:active { display:block; margin:0px; height:40px; padding:0px 20px; color:#FFFFFF; text-decoration:none; }

/* Header Navigation Mobile */
.header_navigation { display:none; }

/* Header */
.header_mobile { display:block; width:100%; min-width:300px; height:65px; margin:0px; padding:0px; background:#FFF; cursor:pointer; position:relative; top:0px; left:0px; z-index:999999; }
.header { width:100%; min-width:300px; height:65px; margin:0px auto 0px auto; background:url(template/header/header-menu-mobile.png) no-repeat right; }
.header_logo { margin:15px 0px 0px 15px; }

/* Footer */
.footer_container { margin:0px; padding:0px; }
.footer { min-width:300px; }
.footer_contact { margin:45px 20px 30px 20px; text-align:center; }
.footer_copyright { margin:30px 20px 10px 20px; text-align:center; }
.footer_legal { margin:0px 20px 30px 20px; text-align:center; }

/* Footer Navigation */
.footer_navigation { margin:0px 0px; text-align:center; }
.footer_navigation .nav_menu { text-align:center; }
.footer_navigation .nav_menu li { text-align:center; font-size:15px; line-height:45px; }
.footer_navigation .nav_menu a:link, .footer_navigation .nav_menu a:visited { color:#ffffff; height:45px; padding:0px 10px; }
.footer_navigation .nav_menu a:hover, .footer_navigation .nav_menu a:active { height:45px; padding:0px 10px; }

/* Content */
.content_container { min-width:300px; max-width:none; background:#FFF; }
.content { width:auto; min-width:300px; max-width:none; }
.content_feature { height:auto; padding:0px; background-position:center; }
.content_cta { min-width:300px; max-width:none; }
.content_background { min-width:300px; max-width:none; }
.content_banner { min-width:300px; min-height:0px; max-width:none; }
.content_sudoku { min-width:300px; max-width:none; }
.content_wide { min-width:300px; max-width:none; }
.content_narrow { min-width:300px; max-width:none; }
.content_left { float:none; }
.content_right { float:none; }
.content_one { width:100%; }
.content_two { width:100% }
.content_three { width:100% }
.content_four { width:100%; }
.content_five { width:100%; }
.content_six { width:100%; }
.content_seven { width:100%; }
.content_eight { width:100%; }
.content_nine { width:100%; }
.content_ten { width:100%; }
.content_eleven { width:100%; }
.content_twelve { width:100%; }
.content_sidebar { display:none; }

/* Containers */
.container_title { margin:20px 15px 15px 15px; font-size:30px; line-height:34px; }
.container_text { margin:0px 15px 30px 15px; font-size:14px; }

/* Post */
.post_title { margin:0px 20px 15px 20px; font-size:26px; line-height:30px; }
.post_text { margin:20px; font-size:14px; padding:0;}
.post_text img { width:100%; float:none; margin:0px 0px 10px 0px; }
.post_text iframe { width:290px; height:162px; margin:0px 0px 15px 0px; }
.post_sharing { margin:0px 15px 15px 15px; }
.post_sharing .addthis_sharing_toolbox { float:none!important; }
.post_link { margin:0px 10px 20px 10px; padding:10px 5px 0px 5px; font-size:18px; line-height:20px; text-align:left; border-top:1px dotted #999; }

/* Link */
.link_button { display:block; }

/* Feature */
.feature_mask { background:rgba(0,0,0,0.7); position:relative; }
.feature_text { width:80%; margin:0px auto; padding:60px 10%; font-size:15px; line-height:25px; text-align:center; position:relative; top:auto; left:auto; transform:none; }
.feature_text h1 { width:auto; margin:0px 0px 15px 0px; font-size:32px; line-height:40px; }
.feature_text h5 { width:auto; margin:30px 0px 5px 0px; padding:20px 0px 0px 0px; font-size:32px; line-height:40px; }
.feature_text ul, .feature_persona ul { margin:20px 0px 0px 0px; padding:0px; }
.feature_text ul li, .feature_persona ul li { display:block; width:280px; margin:0px auto 15px auto; }
.feature_login { text-align:center; }
.feature_login .form_field { display:block; width:270px; margin:0px auto 10px auto; float:none; }
.feature_login .form_button { display:block; width:280px; margin:0px auto 15px auto; float:none; }
.feature_persona { width:80%; margin:0px auto; padding:75px 10%; font-size:16px; line-height:26px; text-align:center; position:relative; top:auto; left:auto; transform:none; }
.feature_persona h1 { margin:0px 0px 15px 0px; font-size:22px; line-height:28px; }
.feature_persona h2 { margin:0px 0px 25px 0px; font-size:45px; line-height:45px; }

/* Eraser */
#eraser_container { display:none; }

/* Banners */
.banner_mask { position:relative; }
.banner_text { width:80%; max-width:450px; margin:0px auto; padding:60px 0px; font-size:16px; line-height:26px; position:relative; top:auto; left:auto; transform:none; }
.banner_text h1 { margin:0px 0px 15px 0px; font-size:45px; line-height:45px; }
.banner_text ul { margin:30px 0px 0px 0px; }
.banner_text ul li { display:block; width:300px; margin:0px auto; }

/* CTA */
.cta_footer_text { display:block; max-width:100%; margin:45px 20px 20px 20px; font-size:18px; line-height:28px; text-align:center; float:none }
.cta_footer_title { margin:0px 0px 10px 0px; font-size:36px; line-height:40px; text-align:center; }
.cta_footer_button { display:block; margin:0px 0px 60px 0px; padding:0px; float:none;}
.cta_footer_button a:link, .cta_footer_button a:visited { margin:0px auto; padding:10px 40px; color:#222; font-size:20px; line-height:20px; background:#FFF; }
.cta_footer_button a:hover, .cta_footer_button a:active { margin:0px auto; padding:10px 40px; color:#222; font-size:20px; line-height:20px; background:#FFF; }

/* Home */
.home_intro_title { margin:45px 30px 20px 30px; font-size:36px; line-height:40px; }
.home_intro_text { margin:0px 30px 45px 30px; padding:0px; font-size:16px; line-height:28px; }
.home_services { margin:0px 0px; padding:0px; overflow:auto; }
.home_service_block { display:block; width:100%; max-width:450px; margin:0px auto 30px auto; padding:0px; }
.home_service_image { margin:0px 5% 15px 5%; }
.home_service_title { margin:0px 5% 15px 5%; padding:20px 0px 0px 0px; font-size:22px; line-height:30px; text-align:center; border-top:1px solid #DDD; }
.home_service_text { display:none; }
.home_service_mobile { display:block; margin:0px 5%; padding:0px 0px 0px 0px; font-size:16px; line-height:28px; text-align:center; }
.home_persona { margin:0px 0px 45px 0px; padding:0px; overflow:auto; }
.home_persona_image { display:block; width:90%; max-width:450px; margin:0px auto 20px auto; padding:0px 0px 50% 0px; } 
.home_persona_block { display:block; width:90%; max-width:450px; margin:0px auto 0px auto; padding:0px; background:linear-gradient(#FFFFFF,#FFFFFF); overflow:auto; border-bottom:1px solid #DDD; }
.home_persona_text { width:auto; margin:0px 10px; padding:0px; font-size:16px; line-height:28px; text-align:center; position:relative; top:auto; left:auto; transform:none; }
.home_persona_text h2 { margin:0px 0px 10px 0px; font-size:22px; line-height:30px; }
.home_persona_text ul { margin:0px; padding:15px 0px; }
.home_persona_text ul li { display:block; width:280px; margin:0px auto; padding:0px; }
.home_persona_title { margin:0px 0px; padding:0px 0px 20px 0px; font-size:36px; line-height:40px; }
.home_persona_left { float:none; }
.home_persona_right { float:none; }

/* Personas */
.persona_intro_title { margin:60px 30px 20px 30px; padding:0px; font-size:45px; line-height:45px; }
.persona_intro_border { margin:40px 30% 0px 30%; padding:0px; border-top:1px solid #519122; }
.persona_intro_text { width:auto; margin:0px 30px 45px 30px; padding:0px; font-size:18px; line-height:30px; }
.persona_work { align-items:flex-start; margin:0px 0px 45px 0px; }
.persona_work_block { flex-basis:100%; margin:0px 20px 30px 20px; }
.persona_work_title { margin:0px; padding:45px 0px 0px 0px; font-size:36px; line-height:40px; text-align:center; }
.persona_work_text { font-size:16px; line-height:30px; }
.persona_work_text ul li { font-size:16px; line-height:26px; }
.persona_service { flex-wrap:wrap; align-items:flex-start; margin:0px 10px 45px 10px; padding:30px 0px 0px 0px; overflow:auto; border-top:1px solid #DDD; }
.persona_service_image { flex-basis:100%; order:1; margin:0px 20px; padding:0px; }
.persona_service_icon { margin:15px auto 30px auto; width:250px; height:250px; padding:0px; border-radius:50%; float:none; }
.persona_service_text { flex-basis:100%; order:1; margin:0px 20px; padding:0px; font-size:17px; line-height:30px; text-align:center;  }
.persona_service_order { order:1; }
.persona_service_order .persona_service_icon { float:none; }
.persona_service_text h2 { margin:0px 0px 15px 0px; font-size:36px; line-height:40px; }

 /* Contact */
.contact_form { margin:45px 30px; padding:0px; font-size:16px; line-height:28px; background:none; border:none; }
.conversion_form .form_body { text-align:center; }
.contact_info { margin:30px 30px -15px 30px; font-size:16px; line-height:28px; }
.contact_info ul { margin:0px; padding:0px; list-style:none; overflow:auto; }
.contact_info ul li { display:block; width:auto; margin:0px 30px; padding:0px 0px; float:none; box-sizing:border-box; }
.contact_info ul li h3 { margin:0px 0px 10px 0px; } 
.contact_info ul li:first-child { border-right:none; }
.contact_info ul li:last-child { display:none; }
.contact_map { min-height:500px; margin:0px 0px 0px 0px; font-size:16px; line-height:28px; background:#F7F7F7; }
.contact_map .map { margin:30px 30px 30px 30px; }
.contact_map .map_info { width:200px; height:100px; }

 /* Conversion */
.conversion_form { margin:45px 30px; padding:0px; font-size:16px; line-height:28px; background:none; border:none; }
.conversion_form .form_body { text-align:center; }

/* Leadership */
.leadership_block { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; margin:45px 20px 0px 20px; padding:0px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; }
.leadership_image { flex-basis:100%; margin:0px; padding:0px; background-size:cover; background-position:top center; }
.leadership_text { flex-basis:100%; margin:45px 0px; padding:0px; }
.leadership_text h5 { font-size:17px; }
.leadership_title { margin:0px 15px 15px 15px; padding:0px; text-align:center; }
.leadership_title h2 { margin:0px; font-size:36px; line-height:40px; }
.leadership_bio { margin:0px 15px 0px 15px; padding:0px; font-size:16px; line-height:28px; text-align:center; }
.leadership_bio img { margin:0px auto 20px auto; }

/* Partners */
.partners { display:flex; flex-wrap:no-wrap; justify-content:space-around; align-items:flex-start; margin:0px 0px 0px 0px; padding:0px; }
.partner_block { flex-basis:100%; max-width:300px; margin:0px auto 30px auto; padding:0px; border-bottom:1px solid #DDD;}
.partner_text { display:none; }
.partner_mobile { display:block; margin:0px 5%; padding:15px 0px 0px 0px; font-size:16px; line-height:28px; text-align:center; }

/* Technology */
.technology_gallery { margin:45px auto 90px auto!important; }
.technology_gallery .blocks-gallery-grid { justify-content:space-between; align-items:stretch; }
.technology_gallery .blocks-gallery-item { flex-basis:25%; padding:20px 0px; }
.technology_gallery .blocks-gallery-item img { margin:0px auto; width:75%!important; height:auto; }

/* Services */
.services_intro_title { margin:45px 30px 20px 30px; font-size:36px; line-height:40px; }
.services_intro_text { margin:0px 30px 45px 30px; padding:0px; font-size:16px; line-height:28px; }
.services_intro_text ul { }
.services_intro_text ul li { display:block; width:100%; max-width:300px; margin:0px auto 15px auto; }
.services_intro_text ul li a { font-size:16px; line-height:40px; }
.services_intro_text ul li a:link, .services_intro_text ul li a:visited { }
.services_intro_text ul li a:hover, .services_intro_text ul li a:active { }
.services_intro_border { margin: 0px 30% 45px 30%; }
.service_packages { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; margin:0px 0px 60px 0px; padding:0px; overflow:auto; }
.service_package_block { flex-basis:30%; margin:0px 1.5%; padding:0px; background:#F7F7F7; position:relative; }
.service_package_title { margin:0px; padding:45px 0px 0px 0px; font-size:36px; line-height:40px; text-align:center; }
.service_package_image { margin:30px auto 0px auto; width:250px; height:250px; border-radius:50%; border:8px solid #C2F72F; background-color:#F7F7F7; background-size:contain; background-position:center; background-repeat:no-repeat; }
.service_package_text { margin:0px; padding:20px 10% 45px 10%; font-size:16px; line-height:30px; text-align:center; }
.service_package_text ul { width:85%; margin:15px auto 45px auto; padding:0px; list-style:none; border-bottom:1px dotted #333; }
.service_package_text ul li { margin:0px; padding:5px 0px; font-size:14px; line-height:22px; font-weight:600; border-top:1px dotted #333; }
.service_package_price { margin:0px; padding:30px 10% 0px 10%; font-size:30px; line-height:30px; font-weight:400; text-align:center; }
.service_package_monthly { margin:0px; padding:10px 10% 0px 10%; font-size:16px; line-height:30px; font-weight:600; text-align:center; font-style:italic; }
.service_management { flex-wrap:wrap; align-items:flex-start; margin:0px 10px 45px 10px; padding:30px 0px 0px 0px; overflow:auto; border-top:1px solid #DDD; }
.service_management_image { flex-basis:100%; order:1; margin:0px 20px; padding:0px; }
.service_management_icon { margin:15px auto 30px auto; width:250px; height:250px; padding:0px; border-radius:50%; float:none; }
.service_management_text { flex-basis:100%; order:1; margin:0px 20px; padding:0px; font-size:17px; line-height:30px; text-align:center; }
.service_management_text ul { text-align:left; }
.service_management_order { order:1; }
.service_management_order .service_management_icon { float:none; }
.service_management_text h2 { margin:0px 0px 15px 0px; font-size:36px; line-height:40px; }
.service_management_comparison { font-size:12px; line-height:18px; }
.service_management_comparison table { }
.service_management_comparison table tr { }
.service_management_comparison table td { }
.service_management_comparison table tr:first-child td { padding:5px 3px; }
.service_management_comparison table tr:nth-child(even) { }
.service_management_comparison table tr:nth-child(odd) { }
.service_management_comparison table tr td { padding:10px 5px 10px 15px; }
.service_management_comparison table tr td:first-child { }
.service_management_comparison table tr td em { }
.service_management_comparison table tr td h4 { margin:0px; font-size:15px; font-weight:700; }
.service_management_comparison i { }
.service_management_comparison .link_button { display:none; }
.service_apis { }
.service_api_block { flex-basis:90%; margin:0px 5% 5% 5%; }
.service_api_title { font-size:30px; line-height:36px; }
.service_api_title h2 { font-size:30px; line-height:36px; }
.service_api_title h3 { font-size:18px; line-height:30px; }
.service_api_image { margin:0px 0px 10px 0px; }
.service_api_text { font-size:16px; line-height:28px; text-align:left; }

/* Projects */
.projects { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; margin:0px 0px 60px 0px; padding:0px; overflow:auto; }
.project_block { flex-basis:90%; margin:0px 5% 5% 5%; padding:20px; }
.project_image { display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; margin:0px 0px 30px 0px; padding:0px; }
.project_image_desktop { }
.project_image_mobile { }
.project_text { margin:0px 10px; font-size:16px; line-height:28px; }
.project_title { font-size:30px; line-height:36px; }
.project_domain { margin:0px 0px 15px 0px; }
.project_type { margin:0px 0px 20px 0px; padding:0px; font-size:14px; line-height:22px; }
.project_type h3 { font-size:14px; line-height:22px; }
.project_specs { font-size:14px; line-height:20px; }
.project_specs ul { }
.project_specs ul li { padding:3px 0px; font-size:14px; line-height:20px; }
.project_credit { margin:10px 15px 0px 15px; padding:0px; font-size:14px; line-height:20px; font-style:italic; text-align:left; } 

/* Onboarding */
.onboarding_form { margin:0px auto 80px auto; padding:45px; font-size:17px; line-height:30px; text-align:center; position:relative; background:#F7F7F7; border:1px solid #519122; }
.onboarding_form h2 { margin:0px 0px 10px 0px; }
.onboarding_form .form_body { max-width:700px; margin:0px auto; text-align:center; }
.onboarding_form .form_field { width:100%; margin:5px 0px; padding:0px 10px; box-sizing:border-box; }
.onboarding_form .form_dropdown { width:100%; margin:5px 0px; padding:0px 10px; box-sizing:border-box; }
.onboarding_form .form_button { height:40px!important; min-width:260px!important; display:inline-block!important; margin:10px auto!important; padding:0px 40px!important; color:#FFF!important; font-size:20px!important; line-height:40px!important; text-align:center!important; font-family:'Quicksand'!important; background:#519122!important; border-radius:1px!important; border:none!important; -webkit-appearance:none; }
.onboarding_form #referral_code_response { margin:10px 0px 0px 0px; font-size:15px; font-style:italic; }

}

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


}