@charset "UTF-8";

/*!
Theme Name: PIE
Theme URI: http://pieinc-wi.com/
Author: Dara Skolnick
Author URI: http://daraskolnick.com
Description: Custom theme for PIE
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pie
Tags:

*/

@font-face {
    font-family: Asap;
    font-style: normal;
    font-weight: 400;
    src: local('Asap'), local('Asap-Regular'), url(https://fonts.gstatic.com/s/asap/v4/-KZsao_xwBpcExaHoPH8_w.ttf) format('truetype')
}

@font-face {
    font-family: Asap;
    font-style: normal;
    font-weight: 700;
    src: local('Asap Bold'), local('Asap-Bold'), url(https://fonts.gstatic.com/s/asap/v4/5DVGWnz9Skaq1amwwwGZEw.ttf) format('truetype')
}

@font-face {
    font-family: Asap;
    font-style: italic;
    font-weight: 400;
    src: local('Asap Italic'), local('Asap-Italic'), url(https://fonts.gstatic.com/s/asap/v4/8YIp-EIJXA6NJdTPxy9qiQ.ttf) format('truetype')
}

@font-face {
    font-family: Asap;
    font-style: italic;
    font-weight: 700;
    src: local('Asap Bold Italic'), local('Asap-BoldItalic'), url(https://fonts.gstatic.com/s/asap/v4/_sVKdO-TLWvaH-ptGimJBaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')
}

@font-face {
    font-family: 'Crete Round';
    font-style: normal;
    font-weight: 400;
    src: local('Crete Round'), local('CreteRound-Regular'), url(https://fonts.gstatic.com/s/creteround/v5/ZCcPJiCGOzh84o2siPk48Z0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')
}

@font-face {
    font-family: 'Crete Round';
    font-style: italic;
    font-weight: 400;
    src: local('Crete Round Italic'), local('CreteRound-Italic'), url(https://fonts.gstatic.com/s/creteround/v5/5xAt7XK2vkUdjhGtt98uneLrC4Du4e_yfTJ8Ol60xk0.ttf) format('truetype')
}

.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3,
a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

html {
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

*,
:after,
:before {
    box-sizing: border-box
}

body {
    background: #fff
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block
}

table {
    border-collapse: separate;
    border-spacing: 0
}

caption,
td,
th {
    font-weight: 400;
    text-align: left
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: ""
}

blockquote,
q {
    quotes: "" ""
}

a:focus {
    outline: dotted thin
}

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

a img {
    border: 0
}

#mc_embed_signup input[type=submit],
.main-navigation .menu-header-menu-icons-container .fa-commenting:before,
.main-navigation .menu-header-menu-icons-container .fa-commenting:hover:before,
.menu-header-menu-icons-container .fa-commenting:before,
.menu-header-menu-icons-container .fa-commenting:hover:before,
.menu-header-menu-text-container .fa-commenting:before,
.menu-header-menu-text-container .fa-commenting:hover:before,
.menu-toggle,
.site-title {
    display: inline-block;
    background-image: url(img/sprite.svg);
    background-size: 778px 348px
}

.lt-ie9 #mc_embed_signup input[type=submit],
.lt-ie9 .main-navigation .menu-header-menu-icons-container .fa-commenting:before,
.lt-ie9 .main-navigation .menu-header-menu-icons-container .fa-commenting:hover:before,
.lt-ie9 .menu-header-menu-icons-container .fa-commenting:before,
.lt-ie9 .menu-header-menu-icons-container .fa-commenting:hover:before,
.lt-ie9 .menu-header-menu-text-container .fa-commenting:before,
.lt-ie9 .menu-header-menu-text-container .fa-commenting:hover:before,
.lt-ie9 .menu-toggle,
.lt-ie9 .site-title {
    background-image: url(img/sprite.png)
}

.site-title {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

body,
button,
input,
select,
textarea {
    color: #313131;
    font-family: Asap, sans-serif;
    font-size: 18px;
    line-height: 1.5
}

::-moz-selection {
    background: rgba(0, 144, 157, .7);
    text-shadow: none
}

::selection {
    background: rgba(0, 144, 157, .7);
    text-shadow: none
}

a {
    color: #00909d;
    text-decoration: none
}

\ a:hover,
a:active,
a:focus {
    color: #083961
}

.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #014758;
    margin-bottom: 1em
}

@media (max-width:600px) {
    .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: .5e
    }
}


h1 {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: .5em;
}

.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3,
h2,
h3 {
    font-size: 22px
}

.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3,
h2 {
    font-family: 'open-sans', sans-serif
}

h5 {
    font-size: 14px
}

h6 {
    font-family: 'open-sans', sans-serif;
    font-size: 15px
}

p {
    margin-bottom: 1.5em;
    font-family: 'open-sans', sans-serif;
}

b,
strong {
    font-weight: 700
}

cite,
dfn,
em,
i {
    font-style: italic
}

blockquote {
    color: #1f5761;
    font-family: 'open-sans', sans-serif;
    font-size: 22px;
    font-style: italic
}

blockquote p+h6 {
    margin-top: -1em
}

.entry-content blockquote {
    float: left;
    width: 44.6281%;
    padding-right: 40px;
    padding-bottom: 40px;
    margin-left: -5%
}

@media (max-width:600px) {
    .entry-content blockquote {
        float: none;
        margin-left: 0;
        width: 100%;
        padding-bottom: 20px
    }
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code,
kbd,
tt,
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

ins,
mark {
    background: #fff9c0;
    text-decoration: none
}

sub,
sup {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    bottom: 1ex
}

sub {
    top: .5ex
}

small {
    font-size: 75%
}

big {
    font-size: 125%
}

.bg-blue,
.bg-teal,
.bg-teal-light,
.site-footer,
.site-header {
    background: #00808b;
    color: #fff
}

.bg-blue a,
.bg-teal a,
.bg-teal-light a,
.site-footer a,
.site-header a {
    color: #fff
}

.bg-blue a:hover,
.bg-teal a:hover,
.bg-teal-light a:hover,
.site-footer a:hover,
.site-header a:hover {
    text-decoration: underline
}

.bg-teal-light,
.site-footer {
    background: url(img/bg-teal-light.png)
}

.bg-blue {
    background: url(img/bg-blue.png)
}
.frm_button_submit,
.frm_style_formidable-style.with_frm_style .frm_submit button,
.frm_form_submit_style,
.frm_form_submit_style:hover,
.frm_style_formidable-style.with_frm_style .frm_submit input[type=button],
.frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover,
.frm_style_formidable-style.with_frm_style input[type=submit],
.frm_style_formidable-style.with_frm_style input[type=submit]:hover,
.frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit],
.frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit]:hover,
a.btn {
	/* background-image: linear-gradient(180deg,#0094a0 0,#007e8c 100%); */
	box-shadow: none;
	border-radius: 50px;
	color: #fff;
	padding: 13px 55px;
	/* font-style: italic; */
	font-size: 14px;
	text-transform: uppercase;
	/* text-shadow: 0 -1px 0 rgba(0,0,0,.8); */
	display: inline-block;
	background: #00aaaf;
	position: relative;
	font-weight: 600;
	font-family: 'Asap', sans-serif;
}
.frm_style_formidable-style.with_frm_style .frm_submit button:hover,
.frm_button_submit:hover,
.frm_form_submit_style:hover,
.frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover,
.frm_style_formidable-style.with_frm_style input[type=submit]:hover,
a.btn:hover {
    text-decoration: none;
    color: #fff !important;
    background: #014758;
    text-shadow: none
}
.frm_style_formidable-style.with_frm_style .frm_submit button:after,
.frm_button_submit:after,
.frm_form_submit_style:after,
.frm_form_submit_style:hover:after,
.frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:after,
.frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover:after,
.frm_style_formidable-style.with_frm_style input[type=submit]:after,
.frm_style_formidable-style.with_frm_style input[type=submit]:hover:after,
.frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit]:after,
.frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit]:hover:after,
a.btn:after {
    content: "";
    display: block;
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: -20px;
    left: 0;
    opacity: .6
}
.with_frm_style .vertical_radio .frm_checkbox,
.with_frm_style .vertical_radio .frm_radio {
	margin-bottom: 5px;
}
.employee-center h1,
a.btn-arrow {
    border: 1px solid #fff;
    padding: 15px 25px;
    font-family: 'open-sans', sans-serif;
    font-style: italic;
    display: inline-block;
    background: #00909d;
    position: relative
}
.with_frm_style .frm_submit {
	padding-left: 35px;
}
.sigPad { max-width: 100% !important; }
.employee-center h1:before,
a.btn-arrow:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0
}

.employee-center h1:after,
a.btn-arrow:after {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin-left: -18px;
    border-width: 18px 18px 0;
    border-style: solid;
    border-color: #00909d transparent;
    display: block;
    width: 0
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ol,
ul {
    margin: 0 0 1.5em 3em
}

ol li,
ul li {
    margin-bottom: .75em
}

.content ol,
.content ul,
.entry-content ol,
.entry-content ul {
    font-size: .9em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ol,
li>ul {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

img {
    height: auto;
    max-width: 100%
}

figure {
    margin: 0
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

th {
    font-weight: 700
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=time],
input[type=week],
textarea {
    border: 1px solid #313131;
    padding: 4px 10px;
    -webkit-appearance: none
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
textarea:focus {
    color: #313131
}

input[type=submit] {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: #313131
}

::-moz-placeholder {
    color: #313131
}

:-ms-input-placeholder {
    color: #313131
}

::placeholder {
    color: #313131
}

.frm_section_heading:nth-child(odd) {
    background: #f7fbfb;
    padding: 25px 35px
}
.frm_section_heading:nth-child(even) {
/*    background: #f7fbfb;*/
    padding: 25px 35px
}
.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3 {
    border-top: none
}

.frm_form_fields_active_style,
.frm_form_fields_error_style,
.frm_form_fields_style,
.frm_style_formidable-style.with_frm_style .chosen-container-multi .chosen-choices,
.frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-single,
.frm_style_formidable-style.with_frm_style .frm_scroll_box .frm_opt_container,
.frm_style_formidable-style.with_frm_style input[type=email],
.frm_style_formidable-style.with_frm_style input[type=number],
.frm_style_formidable-style.with_frm_style input[type=password],
.frm_style_formidable-style.with_frm_style input[type=phone],
.frm_style_formidable-style.with_frm_style input[type=search],
.frm_style_formidable-style.with_frm_style input[type=tel],
.frm_style_formidable-style.with_frm_style input[type=text],
.frm_style_formidable-style.with_frm_style input[type=url],
.frm_style_formidable-style.with_frm_style select,
.frm_style_formidable-style.with_frm_style textarea {
    background: #fafafa;
    box-shadow: none
}

.frm_style_formidable-style.with_frm_style input[type=email],
.frm_style_formidable-style.with_frm_style input[type=text] {
    max-width: 60%
}

.frm_style_formidable-style.with_frm_style label.frm_primary_label,
.frm_style_formidable-style.with_frm_style.frm_login_form label {
    font-family: Asap, sans-serif
}
#frm_field_175_container label {
	color: #00808b;
	text-transform: uppercase;
	font-weight: 700;
}
#mc_embed_signup {
    position: relative
}

#mc_embed_signup input[type=submit] {
    width: 22.1px;
    height: 25px;
    background-position: 0 0;
    text-indent: -9999px;
    background-color: transparent;
    border: none;
    float: right;
    position: absolute;
    bottom: 35px;
    right: 15px
}

.lt-ie9 #mc_embed_signup input[type=submit] {
    width: 13.1px;
    height: 21px;
    background-position: 0 0
}

#mc_embed_signup input[type=email] {
    background: 0 0;
    border: 1px solid #fff;
    width: 100%;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px
}

#mc_embed_signup label {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: .5em;
    display: block
}

#mc_embed_signup ::-webkit-input-placeholder {
    color: #fff
}

#mc_embed_signup ::-moz-placeholder {
    color: #fff
}

#mc_embed_signup :-ms-input-placeholder {
    color: #fff
}

#mc_embed_signup ::placeholder {
    color: #fff
}

.grid {
    display: block;
    clear: both
}

.grid .unit {
    float: left;
    width: 100%;
    padding: 10px
}

.grid .unit:first-child {
    padding-left: 20px
}

.grid .unit:last-child {
    padding-right: 20px
}

.unit .unit:first-child {
    padding-left: 0
}

.unit .unit:last-child {
    padding-right: 0
}

.unit .grid:first-child>.unit {
    padding-top: 0
}

.unit .grid:last-child>.unit {
    padding-bottom: 0
}

.no-gutters .unit,
.unit.no-gutters {
    padding: 0!important
}

.grid.wrap,
.wrap .grid {
    max-width: 978px;
    margin: 0 auto
}

.grid .w-1-1,
.grid .whole {
    width: 100%
}

.grid .half,
.grid .w-1-2 {
    width: 50%
}

.grid .one-third,
.grid .w-1-3 {
    width: 33.3332%
}

.grid .two-thirds,
.grid .w-2-3 {
    width: 66.6665%
}

.grid .one-quarter,
.grid .w-1-4 {
    width: 25%
}

.grid .three-quarters,
.grid .w-3-4 {
    width: 75%
}

.grid .one-fifth,
.grid .w-1-5 {
    width: 20%
}

.grid .two-fifths,
.grid .w-2-5 {
    width: 40%
}

.grid .three-fifths,
.grid .w-3-5 {
    width: 60%
}

.grid .four-fifths,
.grid .w-4-5 {
    width: 80%
}

.grid .golden-small,
.grid .w-g-s {
    width: 38.2716%
}

.grid .golden-large,
.grid .w-g-l {
    width: 61.7283%
}

.grid:after,
.grid:before {
    display: table;
    content: "";
    line-height: 0
}

.grid:after {
    clear: both
}

.align-center {
    text-align: center
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}
@media screen and (min-width:1091px) and (max-width:1340px) {
     #team-blue-bg{
        margin-top: -9em !important;
    }
    .team-standards,
    .team-memberships{
        padding-top: 10.5em !important;
    } 
}
@media screen and (max-width:1400px) {
	.wp-block-columns.stack-early {
	    flex-wrap: wrap;
	}
	.wp-block-columns.stack-early .wp-block-column {
		margin-left: 0 !important;
	}
}
@media screen and (max-width:1100px) {
	.wp-block-columns.stack-mid {
	    flex-wrap: wrap !important;
	}
	.wp-block-columns.stack-mid .wp-block-column {
		flex-basis: 100% !important;
		margin-left: 0 !important;
	}
}
@media screen and (min-width:841px) and (max-width:1090px) {
     #team-blue-bg{
        margin-top: -12.5em !important;
    }
    .team-standards,
    .team-memberships{
        padding-top: 14em !important;
    } 
}
@media screen and (min-width:769px) and (max-width:840px) {
     #team-blue-bg{
        margin-top: -16em !important;
    }
    .team-standards,
    .team-memberships{
        padding-top: 17em !important;
    } 
}

@media screen and (max-width:768px) {
    .grid .unit {
        width: 100%!important;
        padding-left: 20px;
        padding-right: 20px
    }
    .unit .grid .unit {
        padding-left: 0;
        padding-right: 0
    }
    .center-on-mobiles {
        text-align: center!important
    }
    .hide-on-mobiles {
        display: none!important
    }
    #team-blue-bg{
        margin-top: -14.5em !important;
    }
    .team-standards,
    .team-memberships{
        padding-top: 16em !important;
    } 
   

}

@media screen and (min-width:1180px) {
    .wider .grid {
        max-width: 1180px;
        margin: 0 auto
    }
}

.mobile-only {
    display: none;
}

@media (max-width:768px) {
    .mobile-only {
        display: block;
    }
}

.desktop-only {
    display: block;
}

@media (max-width:768px) {
    .desktop-only {
        display: none;
    }
    footer .desktop-only {
        display: block;
    }
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:active,
.screen-reader-text:focus,
.screen-reader-text:hover {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto!important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto
}

#mc_embed_signup:after,
#mc_embed_signup:before,
.clearfix:after,
.clearfix:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
    content: "";
    display: table
}

#mc_embed_signup:after,
.clearfix:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header:after {
    clear: both
}

.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.container {
    max-width: 1920px;
    margin: 0 auto;
    width: 90%
}

.site-header {
    padding: 30px 0;
    position: relative;
    z-index: 3
}

.site-header .container {
    position: relative
}

@media (max-width:768px) {
    .site-header {
        overflow: hidden;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0
    }
    .home .site-header {
        position: static
    }
}

@media (max-width:600px) {
    body {
/*        padding-top: 113px*/
    }
    .home body {
        padding-top: 0
    }
}

.hands {
    position: absolute;
    top: -30px;
    left: 0;
    display: none
}

.home .hands {
    display: none
}

@media (max-width:600px) {
    .hands {
        display: block
    }
}

.site-branding {
    float: left;
    position: relative;
    z-index: 2;
    max-width: 300px;
}
@media (max-width:1199px) {
    .site-branding {
        margin-left: 30px;
    }
}

@media (max-width:900px) {
    .site-branding {
        float: none;
    }
}

@media (max-width:768px) {
    .site-branding {
        float: left;
        z-index: 4
    }
}

.site-title {
    width: 324.2px;
    height: 76.5px;
    background-position: -223px -214px;
    margin-bottom: 0
}

.lt-ie9 .site-title {
    width: 323.2px;
    height: 75.5px;
    background-position: -223px -214px
}

@media (max-width:900px) {
    .site-title {
        margin: 0 auto 20px;
        display: block
    }
}

@media (max-width:768px) {
    .site-title {
        background: url(img/sprite/logo.svg);
        background-size: 227px;
        width: 227px;
        height: 53px;
        margin-bottom: 0
    }
}

.site-title a {
    display: block;
    width: 100%;
    height: 100%
}

div.navs {
    float: right;
    width: 60%;
    text-align: right;
    position: relative;
    z-index: 3
}

@media (max-width:900px) {
    div.navs {
        width: auto;
        text-align: center;
        float: none
    }
}

.top-nav {
    margin-bottom: 20px
}

@media (max-width:768px) {
    .top-nav {
        display: none
    }
}

.menu-header-menu-icons-container,
.menu-header-menu-text-container {
    display: inline-block
}

@media (max-width:768px) {
    .menu-header-menu-icons-container,
    .menu-header-menu-text-container {
        display: block;
    }
}

.menu-header-menu-icons-container ul,
.menu-header-menu-text-container ul {
    list-style: none;
    font-family: 'open-sans', sans-serif;
    font-size: 13px;
    margin: 0
}

.menu-header-menu-icons-container li,
.menu-header-menu-text-container li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.menu-header-menu-icons-container li.icon,
.menu-header-menu-text-container li.icon {
    margin-left: 10px
}

.menu-header-menu-icons-container a,
.menu-header-menu-text-container a {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 50, 91, .55)
}

.menu-header-menu-icons-container .icon a,
.menu-header-menu-text-container .icon a {
    text-shadow: none
}

.menu-header-menu-icons-container .fontawesome-text,
.menu-header-menu-text-container .fontawesome-text {
    display: none
}

.menu-header-menu-icons-container .fa,
.menu-header-menu-text-container .fa {
    font-size: 18px;
    color: #cddfe2
}

.menu-header-menu-icons-container .fa:hover,
.menu-header-menu-text-container .fa:hover {
    color: #083961
}

.menu-header-menu-icons-container .fa-commenting:before,
.menu-header-menu-text-container .fa-commenting:before {
    width: 23.2px;
    height: 20.4px;
    background-position: -16px -23px;
    content: "";
    position: relative;
    top: 2px
}

.lt-ie9 .menu-header-menu-icons-container .fa-commenting:before,
.lt-ie9 .menu-header-menu-text-container .fa-commenting:before {
    width: 22.2px;
    height: 19.4px;
    background-position: -16px -23px
}

.menu-header-menu-icons-container .fa-commenting:hover:before,
.menu-header-menu-text-container .fa-commenting:hover:before {
    width: 23.2px;
    height: 20.4px;
    background-position: -123px -117px
}

.lt-ie9 .menu-header-menu-icons-container .fa-commenting:hover:before,
.lt-ie9 .menu-header-menu-text-container .fa-commenting:hover:before {
    width: 22.2px;
    height: 19.4px;
    background-position: -123px -117px
}

@media (max-width:768px) {
    .main-navigation .menu-header-menu-icons-container ul {
        padding: 0;
        text-align: center
    }
    .main-navigation .menu-header-menu-icons-container li {
        display: inline-block;
        margin: 0 20px
    }
    .main-navigation .menu-header-menu-icons-container li:first-child {
        margin-left: 0
    }
    .main-navigation .menu-header-menu-icons-container li:last-child {
        margin-right: 0
    }
    .main-navigation .menu-header-menu-icons-container .fa {
        font-size: 38px
    }
    .main-navigation .menu-header-menu-icons-container .fa-commenting:before {
        width: 39.2px;
        height: 34.5px;
        background-position: -41px -45px
    }
    .lt-ie9 .main-navigation .menu-header-menu-icons-container .fa-commenting:before {
        width: 38.2px;
        height: 33.5px;
        background-position: -41px -45px
    }
    .main-navigation .menu-header-menu-icons-container .fa-commenting:hover:before {
        width: 39.2px;
        height: 34.5px;
        background-position: -82px -81px
    }
    .lt-ie9 .main-navigation .menu-header-menu-icons-container .fa-commenting:hover:before {
        width: 38.2px;
        height: 33.5px;
        background-position: -82px -81px
    }
    .main-navigation .menu-header-menu-text-container ul {
        font-size: 21px
    }
}

.site-footer {
    /*border-top:27px solid #083961;*/
    padding: 5.5em;
    padding-bottom: 2.5em;
    font-size: .88889em;
    position: relative;
    z-index: 1;
    line-height: 2em;
}

@media (max-width:600px) {
    .site-footer {
        border-top-width: 10px;
    }
}

.site-footer .unit {
    padding: 45px;
}
@media (max-width:991px) {
    .site-footer {
        padding: .3em;
    }
}

@media (max-width:900px) {
    .site-footer .unit {
        padding: 20px 10px;
        height: auto!important;
    }
}

.site-footer .unit:first-child {
    width: 34.24015%
}

@media (max-width:900px) {
    .site-footer .unit:first-child {
        width: 100%
    }
}

.site-footer .unit:nth-child(2) {
    width: 41.74484%
}

@media (max-width:900px) {
    .site-footer .unit:nth-child(2) {
        width: 100%
    }
}

.site-footer .unit:last-child {
    width: 23.45216%
}

@media (max-width:900px) {
    .site-footer .unit:last-child {
        width: 100%
    }
}

.site-footer .widget_nav_menu ul {
    list-style: none;
    margin: 0;
    line-height: 2
}

.site-footer .widget_nav_menu li {
    display: inline-block;
    margin-right: 15px
}

.site-footer i.fa {
    font-size: 18px;
    margin-right: 10px
}

@media (max-width:900px) {
    .site-footer i.fa {
        font-size: 35px
    }
}

.site-footer i.fa.fa-facebook {
    margin-right: 12px
}

.site-footer .unit:nth-child(2) i.fa {
    font-size: 22px
}

.site-footer .unit:nth-child(2) img {
    position: relative;
    left: -8px;
    margin-right: 5px;
    top: 5px
}

.site-footer .unit:last-child .btn,
.site-footer .unit:last-child .btn-arrow {
    width: 100%;
    text-align: center
}

@media (max-width:900px) {
    .site-footer .unit:last-child .btn,
    .site-footer .unit:last-child .btn-arrow {
        width: auto
    }
}

@media (max-width:900px) {
    .site-footer .unit:last-child {
        text-align: center
    }
    .site-footer .unit:last-child p {
        display: inline-block;
        margin: 0 15px
    }
}

@media (max-width:900px) {
    .site-footer .bg-blue {
        background: 0 0
    }
}
@media (max-width:900px) {
    .site-footer .bg-blue {
        background: 0 0
    }
}
@media (max-width:767px) {
    #menu-main-menu a:hover  {

        padding: 0px !important;
        background-image: none !important;
    }
    #menu-main-menu .sub-menu a:hover  {

        padding-left: 20px !important;
        background-image: none !important;
    }
    
}


#menu-main-menu a:hover  {
    border-radius: 50px;
    border: 2px solid #fff;
    text-decoration: none;
    padding: 1px 13px;
    background-image: linear-gradient(0deg, #1f5761 0, #144f59 100%);
}
#menu-main-menu .current-menu-item a:hover  {
    border-radius: 50px;
    border: none;
    text-decoration: none;
    padding: 3px 15px;
    background-image: linear-gradient(0deg, #1f5761 0, #144f59 100%);
}
#menu-main-menu .sub-menu a:hover{
    padding:15px 25px !important;
    background-image: none;
}
#menu-main-menu .menu-item-has-children a:hover  {
 padding: 3px 15px;
}

#menu-main-menu ul a:hover {
    text-decoration: underline;
}


.menu-item-has-children:hover{
    background-image: linear-gradient(0deg, #1f5761 0, #144f59 100%);
    border-radius: 10px 10px 0 0!important;
    border: 2px solid #fff;
    margin-top: -2px;
margin-left: 13px;
margin-right: -2px;
}
@media (max-width:767px) {
    .menu-item-has-children:hover{
        
        margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    }
}


#menu-main-menu ul a:hover, .menu-item-has-children a {
    border:none!important;
    border:0px!important;
}

.main-navigation {
    clear: both;
    display: block;
    width: 100%;
    position: relative;
/*    right: -25px;*/
    z-index: 3
}

@media (max-width:768px) {
    .main-navigation {
        right: 0
    }
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    text-align: left;
    font-size: 16px
}

.main-navigation ul li a{
    font-size: 17px;
}

@media (max-width:900px) {
    .main-navigation ul {
        text-align: center
    }
}

@media (max-width:768px) {
    .main-navigation ul {
        text-align: left;
        padding: 20px 0 20px 30px;
        font-size: 24px
    }
}

.main-navigation li {
    display: inline-block;
    position: relative;
    margin-left: 15px;
    margin-bottom: 0;
    line-height: 49px;
}

body {
    overflow-x: hidden;
}

.main-navigation li:hover {
    /* background-image: linear-gradient(0deg,rgba(31,87,97,.6) 0,rgba(20,79,89,.6) 100%); */
    /* box-shadow: 0 1px 0 0 rgba(255,255,255,.15), inset 0 1px 2px 0 rgba(0,0,0,.4); */
    border-radius: 15px;
}

.main-navigation li:hover a {
    /*color: #014758;*/
    text-decoration: underline;
}

.main-navigation ul li:hover ul a {
    color: #fff;
    text-decoration: none;
}

.main-navigation ul li:hover ul a:hover {
    color: #fff;
    text-decoration: underline;
}
/*
.main-navigation li.menu-item-has-children:hover {
    background-image: linear-gradient(0deg, #1f5761 0, #144f59 100%);
    border-radius: 10px 10px 0 0
}*/

.main-navigation li.menu-item-has-children:hover:after {
    width: 100%;
    height: 4px;
    background: #1f5761;
    content: "";
    z-index: 999999;
    position: absolute;
    bottom: -4px;
    left: 0
}

@media (max-width:768px) {
    .main-navigation li.menu-item-has-children:hover:after {
        display: none
    }
}

@media (max-width:768px) {
    .main-navigation li.menu-item-has-children:hover {
        background: 0 0
    }
}

@media (max-width:768px) {
    .main-navigation li {
        display: block;
        margin-left: 0;
        padding: 10px 0
    }
    .main-navigation li:hover {
        background-image: none;
        box-shadow: none
    }
}

.main-navigation a {
    display: block;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    padding: 3px 15px;
    font-weight: 600;
    font-family: 'Asap', sans-serif;
}

.main-navigation a:hover {
    text-decoration: none;
}

@media (max-width:768px) {
    .main-navigation a {
        padding: 0
    }
}

.main-navigation ul ul {
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, .15), inset 0 1px 2px 0 rgba(0, 0, 0, .4);
    border-radius: 0 0 10px 10px;
    background: #1f5761;
    float: left;
    position: absolute;
    text-align: left;
    top: 1.9em;
/*    left: -999em;*/
    z-index: 99999;

    border: 2px solid #fff;
    left: -2px;


    display:none;
}

.main-navigation ul li:hover ul {
    display: block;
}

.main-navigation ul ul:hover {
    display: block;
}


@media (max-width:768px) {
    .main-navigation ul ul {
        position: static;
        float: none;
        background: 0 0;
        box-shadow: none;
        padding: 0;
        display: none
    }
    .main-navigation ul ul.show {
        display: block
    }
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0
}

.main-navigation ul ul a {
    width: 260px;
    padding: 15px 25px
}

@media (max-width:768px) {
    .main-navigation ul ul a {
        width: 100%;
        padding: 0 0 0 20px
    }
}

.main-navigation ul ul a:hover {
    text-decoration: underline
}

.main-navigation ul ul li:first-child {
    padding-top: 15px
}

.main-navigation ul ul li:last-child {
    padding-bottom: 15px
}

.main-navigation ul ul li:hover {
    box-shadow: none;
    background-image: none
}
/*
.main-navigation ul ul li:hover:after {
    display: none
}

.main-navigation ul li:hover>ul {
    left: auto
}

.main-navigation ul ul li:hover>ul {
    left: 100%
}*/

#menu-main-menu>.current-menu-item,
#menu-main-menu>.current_page_ancestor,
#menu-main-menu>.current_page_item {
    background-image: linear-gradient(0deg, rgba(31, 87, 97, .6) 0, rgba(20, 79, 89, .6) 100%);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, .15), inset 0 1px 2px 0 rgba(0, 0, 0, .4);
    border-radius: 15px
}

#menu-main-menu>.current-menu-item.menu-item-has-children:hover,
#menu-main-menu>.current_page_ancestor.menu-item-has-children:hover,
#menu-main-menu>.current_page_item.menu-item-has-children:hover {
    background-image: linear-gradient(0deg, #1f5761 0, #144f59 100%);
    border-radius: 10px 10px 0 0
}

@media (max-width:768px) {
    #menu-main-menu>.current-menu-item.menu-item-has-children:hover,
    #menu-main-menu>.current_page_ancestor.menu-item-has-children:hover,
    #menu-main-menu>.current_page_item.menu-item-has-children:hover {
        background-image: none
    }
}

@media (max-width:768px) {
    #menu-main-menu>.current-menu-item,
    #menu-main-menu>.current_page_ancestor,
    #menu-main-menu>.current_page_item {
        background: 0 0;
        box-shadow: none
    }
}

@media (max-width:768px) {
    .menu-item-has-children>a {
        position: relative
    }
    .menu-item-has-children>a:before {
        content: "+";
        position: absolute;
        top: 0;
        left: -2.5rem;
    }
}

.menu-toggle {
    display: none;
    width: 36px;
    height: 36px;
    background-position: -148px -139px;
    border: none;
    background-color: transparent;
    text-indent: -9999px;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 4
}

.lt-ie9 .menu-toggle {
    width: 35px;
    height: 35px;
    background-position: -148px -139px
}


.nav-overlay {
    background-color: rgba(8, 57, 97, .7);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: none
}

.nav-overlay.toggled {
    display: block
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%
}

.widget {
    margin: 0 0 1.5em
}

.widget select {
    max-width: 100%
}

.widget_search .search-submit {
    display: none
}

h1.widget-title {
    color: #fff;
    font-family: 'open-sans', sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 19px;
    margin-bottom: .5em
}

.widget.narrow {
    width: 50%;
    margin: 0 auto
}

@media (max-width:900px) {
    .widget.narrow {
        width: 100%;
        text-align: center
    }
    .widget.narrow p {
        display: inline-block;
        margin-right: 30px
    }
}

.employee-center {
    margin-top: 3em
}

@media (max-width:600px) {
    .employee-center {
        margin-top: 0
    }
}

.employee-center h1 {
    font-size: 1em;
    width: 100%;
    cursor: pointer;
    text-align: center
}

.employee-center ul {
    list-style: none;
    margin: 0;
    width: 100%;
    padding: 30px;
    display: none
}

.employee-center a {
    border: 1px solid #fff;
    display: block;
    text-align: center
}

.employee-center.show-menu {
    background: #00576a
}

.employee-center.show-menu h1 {
    background: #00657b
}

.employee-center.show-menu h1:after {
    border-color: #00657b transparent
}

.employee-center.show-menu ul {
    display: block
}

.content-area {
    margin-top: 45px
}

.sticky {
    display: block
}

.hentry {
    margin: 0 0 1.5em
}

.byline,
.updated:not(.published) {
    display: none
}

.group-blog .byline,
.single .byline {
    display: inline
}

.entry-content,
.entry-summary,
.page-content {
    margin: 1.5em 0 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.archive .format-aside .entry-title,
.blog .format-aside .entry-title {
    display: none
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.comment-content img.wp-smiley,
.entry-content img.wp-smiley,
.page-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

embed,
iframe,
object {
    max-width: 100%
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin: 0 auto
}

.wp-caption-text {
    text-align: center
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

.page-template-default .hentry {
    width: 58.39768%;
    margin-right: 6.75676%;
    float: left
}

@media (max-width:600px) {
    .page-template-default .hentry {
        width: 100%;
        float: none
    }
}

.page-template-default .sidebar {
    width: 34.74903%;
    float: left;
    font-size: 16px
}

@media (max-width:600px) {
    .page-template-default .sidebar {
        width: 100%;
        float: none
    }
}

.page-template-default .sidebar figure img {
    display: block
}

.page-template-default .sidebar .content {
    padding-left: 40px;
    padding-top: 65px
}

@media (max-width:600px) {
    .page-template-default .sidebar .content {
        background: #f7f7f7;
        margin-left: -5%;
        margin-right: -5%;
        padding: 5%;
        margin-bottom: 0
    }
}

.page-template-default .sidebar .content h6 {
    position: relative;
    top: -1em
}

.page-template-default .sidebar ul {
    margin: 0;
    list-style: none
}

.page-template-page-testimonials .content-area {
    position: relative
}

.page-template-page-testimonials img.heart {
    position: absolute;
    top: 0;
    right: -150px
}

@media (max-width:1360px) {
    .page-template-page-testimonials img.heart {
        right: 0
    }
}

.page-template-page-testimonials .site-content {
    background: #194461;
    color: #fff;
    font-size: .88889em
}

.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading .page-template-page-testimonials .site-content h3,
.page-template-page-testimonials .site-content .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3,
.page-template-page-testimonials .site-content h1,
.page-template-page-testimonials .site-content h2,
.page-template-page-testimonials .site-content h3,
.page-template-page-testimonials .site-content h4,
.page-template-page-testimonials .site-content h5,
.page-template-page-testimonials .site-content h6 {
    color: #fff
}

.page-template-page-testimonials .hentry {
    max-width: 845px;
    position: relative;
    z-index: 2
}

.team {
    clear: both;
    margin-bottom: 1.5em;
    padding: 3.7em;
}

.team ul {
    margin: 0;
    list-style: none
}

.team li {
    display: inline-block;
    vertical-align: top;
    width: 30.8%;
    margin-right: 3%;
    background: #f7f7f7;
    padding: 15px
}

.team li:nth-child(3n) {
    margin-right: 0
}

@media (max-width:600px) {
    .team li {
        width: 100%;
        float: none
    }
}

.team img {
    width: 130px;
    margin-right: 15px;
    display: block
}

@media (max-width:900px) {
    .team img {
        width: 100%
    }
}

.team .text {
    width: calc(100% - 150px);
    word-wrap: break-word
}

.team .text.no-img {
    width: 100%
}

.team .text :last-child {
    margin-bottom: 0
}

.team .img,
.team .text {
    display: inline-block;
    vertical-align: top
}

@media (max-width:900px) {
    .team .img,
    .team .text {
        width: 100%
    }
}

.team h3 {
    margin-bottom: 0;
    line-height: 1.2
}

.team h4 {
    margin-bottom: .25em
}

.banner,
.home-header {
    clear: both;
    position: relative;
    z-index: 2;
    margin-top: 30px;
    display: inline-block
}

.banner .img,
.home-header .img {
    width: 476px;
    display: inline-block;
    margin-right: 40px;
    vertical-align: middle
}

@media (max-width:900px) {
    .banner .img,
    .home-header .img {
        display: block;
        margin: 0 auto 20px;
        width: 100%
    }
}

.banner .text,
.home-header .text {
    display: inline-block;
    width: calc(100% - 521px);
    vertical-align: middle
}

@media (max-width:900px) {
    .banner .text,
    .home-header .text {
        display: block;
        width: 100%
    }
}

.banner img:nth-child(2),
.banner img:nth-child(4),
.home-header img:nth-child(2),
.home-header img:nth-child(4) {
    margin-left: 8px
}

.banner h1,
.home-header h1 {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .85)
}

.banner p,
.home-header p {
    color: #dcdcdc;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .85)
}

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

.img-grid div {
    display: inline-block
}

.img-grid div:nth-child(2),
.img-grid div:nth-child(4) {
    margin-left: 2px
}

@media (max-width:768px) {
    .img-grid div:nth-child(2),
    .img-grid div:nth-child(4) {
        margin-left: 0
    }
}

.img-grid div:first-child {
    width: 39.70588%;
    height: 0;
    padding-bottom: 33.61345%
}

.img-grid div:nth-child(2) {
    width: 57.98319%;
    height: 0;
    padding-bottom: 33.61345%
}

.img-grid div:nth-child(3) {
    width: 54.41176%;
    height: 0;
    padding-bottom: 42.85714%
}

.img-grid div:nth-child(4) {
    width: 43.48739%;
    height: 0;
    padding-bottom: 42.85714%
}

.banner {
    background: #f7f7f7;
    display: block;
    padding: 35px 0
}

.banner:after {
    width: 100%;
    height: 65px;
    background: url(img/bg-links.png);
    display: block;
    content: "";
    position: relative;
    top: 35px;
    opacity: .4
}

.banner h3,
.banner p {
    color: #313131;
    text-shadow: none
}

.banner h3 {
    color: #083961;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0
}

.banner img {
    display: block
}

.home-links {
    text-align: center
}

.home-links .unit {
    padding: 0 20px
}

.home-links p {
    text-align: left;
}

@media (max-width:600px) {
    .home-links .unit {
        margin-bottom: 30px
    }
}

.home-links figure {
    border: 2px solid #e67e42;
    width: 135px;
    height: 135px;
    border-radius: 50%;
    margin-bottom: 30px
}

@media (max-width:600px) {
    .home-links figure {
        margin-bottom: 10px
    }
}

.home-links figure img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading .home-links h3,
.home-links .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3,
.home-links h2 {
    font-family: Asap, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: .15em;
    color: #00808b;
    text-align: left;
}

.home-links p {
    font-size: 14px
}

#menu-main-menu>.current-menu-item,
#menu-main-menu>.current_page_ancestor,
#menu-main-menu>.current_page_item {
    background:transparent;
    box-shadow: 0;
    border-radius: 50px;
    border: 2px solid #fff;
}

.have-question {
    color: #014758;
    background: #cddfe2;
    padding: 3em 0em;
    position: relative;
    z-index: 2;
}

.have-question h3 {
    font-size: 30px;
    margin-bottom: .5em;
}

.have-question p {
    font-weight: 600;
    margin-bottom: 0;
}

.have-question-contact {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.have-question-btn {
    text-transform: uppercase;
    color: #014758;
    border: 2px solid #014758;
    border-radius: 50px;
    padding: 13px 55px;;
    transition: .7s ease;
    float: right;
    font-weight: 600;
}
.inv-btn {
    text-transform: uppercase;
    color: #014758;
    border: 2px solid #014758;
    border-radius: 50px;
    padding: 13px 55px;
    transition: .7s ease;
    /* float: right; */
    font-size: 14px;
    font-weight: 600;
}

.have-question-btn:hover, .inv-btn:hover {
    text-decoration: none;
    color: #fff !important;
    background-color: #014758;
}

.home-links {
    text-align: center;
    padding-top: 3em;
}

.home-testimonials h2 {
    font-family: "Asap", serif;
    font-size: 40px;
    font-weight: 600;
}
.home-events ul{
    list-style: none;
    margin: 3em 0;
}
.home-events i{
    margin-right: 1em;
}
.top-header-links {
    margin: 0;
    display: flex;
    float: right;
    list-style-type: none;
    padding-top: 5px;
}

.top-header-links li a {
    color: #fff;
    padding-right: 1em;
    display: flex;
}

.top-header-links li:last-child a {
    padding-right: 0em;
}

.top-header-links li img {
    padding-right: .5em;
}

.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading .home-links h3,
.home-links .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3,
.home-links h2,
.home-links p {
    padding: 0 10px
}

.home-links .btn {
    padding: 10px 20px
}

.home-links .btn:after {
    bottom: -25px
}


}

}
main h1 {
    font-size: 60px;
}
#main p {
    line-height: 2em;
}
.home h2 {
    font-family: "Asap",
    serif;
    font-weight: 600;
    font-size: 40px;
}
.home .home-links h2 {
    font-family: "Asap",
    serif;
    font-weight: 600;
    font-size: 20px;
}
.home {
    background:#f7f7f7;
}


.events-block {
    background:#fff;
    padding:1em;
    margin: 10em auto;
}

.events-block .events-header {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

.events-block h4 {
    font-weight: 600;
    flex-grow: 1;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #014758;
}
.events-block .view-all {
    color: #014758;
    text-decoration: underline;
    font-size: 14px;
    transition:.1s ease;
}


.events-block .view-all:hover {
    color:#00aaaf;
}

.event-date {
    font-family: "Asap", serif;
    font-size: 30px;
    color:#333333;
    display: block;
    width: 100%;
}
.event-title {
    font-family: "Asap", serif;
    font-size: 14px;
    color:333333;
    text-transform: uppercase;
    clear: both;
}

.event-listing {
    margin-bottom: 1em;
}

h1.widget-title, footer h3, .site-footer h3 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    font-family: "Asap", sans-serif;
}

.testimonial {
    font-size:14px;
    padding-bottom:2em;
}

.all-navs {
    display: flex;
}

.contact-btn {
    text-transform: uppercase;
    border-radius: 50px;
    border: 2px solid;
    padding: .5em 2em;
    padding: 16px 56px !important;
    font-size: 14px;
    font-weight: 600;
}
.contact-btn:hover {
    background-image: linear-gradient(0deg, #1f5761 0, #144f59 100%);
}
.menu-main-menu-container {
    flex-grow: 1;
    padding: 0 2em;
    padding-right: 0px;
}
.svg-top-bar{

    width: 23px;
}

.top-links, .copyright-section {
    background:#014758; color:#fff; padding:.5em; overflow:auto;
}
.top-links span{
    font-family: 'open-sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.top-links li a{
    font-size: 14px;
    font-weight: 500;
}

.copyright-section {
    font-size: 14px;
}

.copyright-section p {
    margin-bottom:0;
}

    .testimonial-holder {
        background: #fff;
        padding: 1em;
        margin-bottom: -12em;
    }

.site-footer .widget_nav_menu li {
    display: block;
    margin-right: 15px;
}

@media (max-width:768px) {

    .testimonial-holder {
        text-align: center;
        margin-top: 1em;
    }

    .testimonial-holder img {
        margin-bottom:1em;
    }
    
    .top-header-links {
        margin: 0 auto;
        display: flex;
        float: none;
        list-style-type: none;
        align-items: center;
        justify-content: center;
    }

    .top-links span {display: none;}
}

@media (max-width:768px) {

   /* .events-block {
        margin: 1em;
    }*/

    .event-listing {
        margin-bottom: 1em;
        text-align: center;
    }

    h1 {
        font-size: 40px;
    }

    .menu-toggle {
        display: block
    }
    .all-navs {
        display: none
    }
    .all-navs.toggled {
        display: block
    }

    .btn,.inv-btn {
        display: block;
        text-align: center;
        margin: 1em 0;
    }

    header .contact-btn { display:none; }

    .have-question-btn {
        text-transform: uppercase;
        color: #014758;
        border: 2px solid #014758;
        border-radius: 50px;
        padding: 1em 1em;
        transition: .7s ease;
        float: none;
        margin: 2em auto 0em;
        font-size: 16px;
    }

    #menu-main-menu, #menu-main-menu ul, #menu-main-menu li, #menu-main-menu a {
        border:0px!important;
        border:none!important;
    }

}
/******Team Page*******/
.our-team-box{
    background: #fff;
    margin-top: -16em;
    padding: 3em 4em;
    text-align: center;
}

.our-team-box h1{
    color: #333333;
    font-weight: 600;
}
.our-team-box h5{
    color: #000000;
    font-size: 1.3em;
    font-weight: 600;
    font-style: italic;
    line-height: 1.2;
}
.our-team-box p{
     color: #000000;
     font-size: 1em;
     line-height: 1.8;
}
#team-blue-bg{
    background: #cddfe2;
    min-height: 509px;
    margin-top: -6em;
}
.team-standards,
.team-memberships{
    padding-top: 8.5em;
    padding-bottom: 1.5em;
}
.team-standards ul{
    list-style: none;
}
.team-standards i{
    padding-right: 0.5em;
}
#team-blue-bg h2{
    color: #333333;
    font-weight: 600;
    font-family: Asap, sans-serif;
    font-size: 2.45em;
    line-height: 1.6;
    margin-bottom: 0.5em; 
}
#team-blue-bg ul{
    padding: 0 5em 1em 0.5em;
    margin: 0;
}
.team-memberships p{
    font-weight: 600;
    font-size: 1em;
    line-height: 1.25;
}
.staff-member img{
        border-radius: 50%;
    display: block;
    overflow: hidden;
    max-width: 100%;
    width: 200px;
    height: 200px;
    background-size: cover!important;
    -webkit-background-size: cover!important;
    background-position: center center!important;
    margin: 0 auto;

}
.staff-member span{
    display: block;
    text-align: center;
}
.team-name{
    color: #333333;
    font-weight: 600;
    font-size: 1.25em;
    line-height: 1.2;
    padding-top: 1em;
}
.team-position{
    color: #333333;
    font-weight: 600;
    font-size: 1em;
    line-height: 1.25;
}
.team-other{
    font-size: 0.8em;
    font-family: 'open-sans', sans-serif;
    font-weight: 400;
    line-height: 1.7;
    padding-bottom: 6em;
}
.our-team-box a{
    color: #000000;
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1.5;
}
/********Service Page************/
.our-team-box a:hover{
    text-decoration: none;
    color: #000000;
}
#alter-content{
    padding: 2em 0 8em 0;
}
.service_icon{
    border-radius: 50%;
    display: block;
    overflow: hidden;
    max-width: 100%;
    width: 130px;
    height: 130px;
    background-size: cover!important;
    -webkit-background-size: cover!important;
    background-position: center center!important;
    margin-bottom: 2em;
}
.content-part h2{
    color: #333333;
    font-weight: 600;
    font-size: 2em;
    line-height: 0.6;
}
.content-part p{
    color: #333333;
    font-size: 1em;
    line-height: 1.8;
}
.padding{
    padding: 3em 0;
}


/**************Media Querries*******************/
@media screen and (min-width: 1400px){
    .main-navigation{
        right: -113px;
    }
    .menu-main-menu-container{
        flex-grow: 0.5;
    }

}
@media screen and (min-width: 1400px) and (max-width: 1499px){
    #mc_embed_signup input[type=email]{
            width: 120%;
    }
    #mc_embed_signup input[type=submit]{
        right: -12px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
    .main-navigation{
        right: -113px;
    }
    .menu-main-menu-container{
        flex-grow: 0.2;
    }
    #mc_embed_signup input[type=email]{
        width: 130%;
    }
    #mc_embed_signup input[type=submit]{
            right: -33px;
    }
}
@media screen and (min-width: 901px) and (max-width: 1199px){
    .all-navs{
        margin-top: 1em;
    }
}
@media only screen and (max-width: 991px){
    .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 2;
}
.order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.mt-sm-25,
.mt-sm-60{
    padding-bottom: 2em;
}
.padding{
    padding-top: 0em;
}
.featured-img-frame img{
    width: 100%;
}
img.service_icon{
    margin: 0 auto;
}
.content-part{
    text-align: center;
}
}
@media screen and (min-width: 769px) and (max-width: 941px){
    .menu-main-menu-container{
        padding: 0em 0em;
    }
    .main-navigation a{
        padding: 3px 7px !important;
    	margin: auto;
    	line-height: 50px;
    }
    .contact-btn{
        padding: 2px 5px;
    }


}

@media screen and (min-width: 619px) and (max-width: 768px){
    .entry-header{
        padding-top: 2em;
    }
}
@media screen and (min-width: 460px) and (max-width: 507px){
    #team-blue-bg {
    margin-top: -16em !important;
    }
     .team-standards{
        padding-top: 17em !important;
    }
     .team-memberships{
        padding-top: 0 !important;
    }
}
@media screen and (min-width: 400px) and (max-width: 459px){
    #team-blue-bg {
    margin-top: -20em !important;
    }
     .team-standards{
        padding-top: 23em !important;
    }
     .team-memberships{
        padding-top: 0 !important;
    }
}
@media screen and (min-width: 388px) and (max-width: 399px){
    #team-blue-bg {
    margin-top: -23.5em !important;
    }
     .team-standards{
        padding-top: 25em !important;
    }
     .team-memberships{
        padding-top: 0 !important;
    }
}
@media screen and (min-width: 361px) and (max-width: 387px){
    #team-blue-bg {
    margin-top: -35em !important;
    }
     .team-standards{
        padding-top: 36em !important;
    }
     .team-memberships{
        padding-top: 0 !important;
    }
}
@media screen and (max-width: 360px){
    #team-blue-bg {
    margin-top: -41.5em !important;
    }
     .team-standards{
        padding-top: 43em !important;
    }
     .team-memberships{
        padding-top: 0 !important;
    }
}

.have-question h3{
    color: #014758 !important;
}

footer #mce-EMAIL{
    background-color: #fff !important;
}
#mc_embed_signup ::placeholder{
    color: #333333 !important;
}
footer h1 {
    margin-top: 0px !important;
    margin-bottom: 24px !important;
    font-style: normal !important;
}
aside ul li{    
    line-height: 1;
    margin-bottom: 16px;
}
.footer-under-logo{
    margin-top: 6.5em;
}
.no-break{
    white-space: nowrap;
}



/*==============Home Page Rules=============*/
@media screen and (max-width: 1476px){
    .main-nav{
        width: 100% !important;
    }
    .menu-main-menu-container{
        padding-left: 10px;
        width: max-content;
}
.menu-main-menu-container ul{
    text-align: center;
}
    .menu-main-menu{
        width: max-content;
        text-align: left !important;
    }
    .contact-btn{
        /*
        position: absolute;
        right: 15px;
        top: -81px;*/
    }


}


@media screen and (min-width: 1200px){

.container-fluid{
    padding-left: 8.3333%;
    padding-right: 8.3333%;

}

.container-fluid.fluid-right{
padding-right: 0px;
}
.container-fluid.fluid-left{
    padding-left: 0px;
    }
.container-fluid.fluid-right .fluid-img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.container-fluid.fluid-left .fluid-img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
#primary,
#primary .fluid-img{
    
}
.locations h2{
    margin-top: .6em;
}
.home.page-template-page-home h1{
   font-size: 4vw;
   margin-top: .3em;
}
#primary h1{
    margin-top: .3em;
}
#main p {
    line-height: 1.5em;
    font-size: 1vw;
}
.page-template-page-home a.btn,
.page-template-page-home a.inv-btn{
 font-size: .9vw;
}
.page-template-page-home a.inv-btn{
    margin-left: 1.5em;
}
.page-template-page-home p{
      
    }
    .home h2{
        font-size: 2.5vw;    
    }
    .home .home-links h2 {
        font-size: 1.3vw;
       
      }
      .main-navigation ul ul{
          margin-top: 17px;
      }
      .home .locations p{
        margin-left: 7%;
        line-height: 1.9;
      }
      .testimonial-holder{
         margin-bottom: -180px; 
         padding: 1.5vw;
         padding-bottom: 0px;
      }
      .col-xl-7 .col-xl-11 {
       padding-left: 0px;

    }
    .home.page-template-page-home .home-testimonials p{
        font-size: .8vw; 
    }
    .home.page-template-page-home p{
        font-size: 1vw;
    }
    .home-events ul li{
        font-size: 1vw;
        font-weight: 600;
    }
    
    .home-events ul li i{
        font-size: 1.3vw;
        margin-right: .7em;
        font-weight: 400;
      
    }
    .home-events h4{
        font-size: 1.1vw;
    }
    .events-block .view-all,
    .event-listing a{
        font-size:.8vw;
    }
    .event-date{
        font-size: 1.8vw;
    }
    .events-block{
        padding: 1.5vw;

    }
    .home-events .col-xl-6{
        padding-left: 15px !important;
    }
    footer.site-footer{
        padding-left: 0px;
        padding-right: 0px;
    }
    footer h1.widget-title {
        font-size: 16px !important;
    }
    footer p{
        font-size: 16px !important;
        font-weight: 500 !important;
    }
   
    .copyright-section{
        padding-left: 8.3333% !important;
        padding-right: 8.3333% !important;

    }
    .copyright-section p{
        font-size: 14px !important;
        font-weight: 500;
    }
    .home.page-template-page-home #primary{
        margin-top: 75px;
    }
    .top-header-links li{
        margin-bottom: 0px;
    }
    .site-branding h1{
        margin-top: 0px !important;
    }
    .menu-main-menu li a{
        font-size: 1vw;
    }
    .main-navigation{
        right: 0px;
    }
    .all-navs{
        display: block;
        width: 100%;
    }
    .main-nav{
        width: calc(100% - 354px);
    }
    .contact-btn{
        float:right;
    }
    .menu-main-menu-container {
        float: left;
    }
    .logo{
        padding-left: 15px;
    }
    .top-links{
        padding-left: 0px;
        padding-right: 0px;
    }
    .have-question-btn{
        font-size: .9vw;
    }
}
@media screen and (min-width: 1600px){
    footer .f-1{
        flex: 0 0 23.667%;
        max-width: 23.667%;
    }
    footer .f-2{
        flex: 0 0 10.667%;
        max-width: 10.667%;
    }
    footer .f-3{
        flex: 0 0 11.667%;
        max-width: 11.667%;
    }
    footer .f-4{
        flex: 0 0 16.667%;
        max-width: 16.667%;
    }
    footer .f-5{
        flex: 0 0 16.667%;
        max-width: 16.667%;
    }
    footer .f-6{
        flex: 0 0 20.667%;
        max-width: 20.667%;
    }
    footer .site-branding{
        width: 100%;
    }
}
@media screen and (max-width: 1199px){
    .main-navigation ul{
        float: left;
    }
    .menu-main-menu-container{
        flex-grow: 0;
    }
    .contact-btn{
        margin-left: 2.5rem;
        padding: 16px 38px !important;
    }
    .site-title{
        
        margin-left: 30px;
    }
    .unit.one-third figure{
        margin:auto
    }
    .unit.one-third h2{
        text-align: center;
    }
    .unit.one-third p{
        text-align: center;
    }
    .sub-menu{
        top: 2.9em;
    }
    .locations .fluid-img{
        width: 100%;
    }
    .locations{
        padding-bottom: 2em !important ;
        text-align: center;
    }
    .locations .text{
        text-align: center !important;

    }
    .home-testimonials{
        text-align: center;
    }
    .main-navigation ul ul{
        top: 2.9em;
    }
    .hide-shrink {
    		flex-basis: 0 !important;
    }
    .hide-grow {
    		flex-basis: 100% !important;
    }
}
@media screen and (max-width: 767px){
    .logo{
        width: 95%;
    }
    .menu-toggle{
        position: relative;
        float: right;
        background-image: url(/wp-content/themes/pie/img/sprite.svg);
      
    }
    #menu-main-menu li a{
        text-align: left;
    }
    .inv-btn{
        width: max-content;
    }
    .page-template-default.page #primary{
        margin-top: 120px;
    }
	.main-nav {
		display: none !important;
	}
	.main-nav:has(nav):has(.all-navs.toggled) {
		display: flex !important;
	}
	.mob-nav .menu-item-has-children:hover {
    	border: none;
	}
	.main-navigation .mob-nav ul ul{
		border: none;
	}
	.mob-nav {
		padding-left: 3rem;
	}
	#menu-mobile-menu ul.sub-menu {
		display: none !important;
	}
	#menu-mobile-menu ul.sub-menu.show {
		display: block !important;
	}
    
}


.copyright-section{
    padding: 1.2em;
    padding-left: 45px;
    padding-right: 45px;
    
}
.copyright-section p{
    float: left;
    
}

.top-header-links a{
    text-transform: uppercase;
}
.entry-content .text p:nth-child(2) {
    margin-bottom: 2em;
}
.home .home-links h2 {
   
    margin-bottom: .5em;
}
.home-testimonials a.btn{
    margin-top: 1.5em;
}
.view-all{
    text-transform: uppercase;
    font-family: asap, sans-serif;

font-weight: 600;

font-style: normal;
}
.event-title{
    font-family: asap, sans-serif;

font-weight: 700;

font-style: normal;
}
.event-title:hover{
color: #014758;
transition: .1s;
}

/*======================Our Team Page===============*/
.our-team-box h5 {
font-size: 20px;
font-weight: 600;
margin-bottom: .5em;
}
.our-team-box p {
    font-family: open-sans, sans-serif;
font-weight: 400;
font-style: normal;
}
@media screen and (max-width: 767px){
    .team-memberships{
        padding-top: 0em !important;
    }
    .team-standards li span{
        
         width: calc(100% - 40px) !important;
         }
}
.team-standards ul li,
.team-memberships ul li{
    font-family: open-sans, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16;
}
.team-memberships h2{
    font-family: open-sans, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 16;
}



.team-standards li i{
display: inline-block;
width: 6%;
height: 100%;
min-height: 20px;
height: 20px;
font-size: 1.5em;
vertical-align: top;
margin-top: 3px;
min-width: 30px;

}
.team-standards li span{
   width: 90%;
    display: inline-block;
    }

    /*.staff-member img{
        width: 100%;
max-height: 250px;
max-width: 250px;
height: auto;
        object-fit: contain;
    }*/
.same-height.staff-icon{
    height: 250px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    max-width: 100%;
    width: 250px;
    height: 250px;
    background-size: cover!important;
    -webkit-background-size: cover!important;
    background-position: center center!important;
    margin: 0 auto;
    background-repeat: no-repeat;
}
.team .team-name{
font-family: asap, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 22px;
padding-bottom: .3em;
}
.team .team-position{
    font-family: asap, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 17px;
padding-bottom: .3em;
}




/*==============Service Page==============*/
.service_icon{
    object-fit: contain !important;
}
.content-part h2{
    font-family: asap, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 40px;
    line-height: 1;
}
.content-part p{
    font-family: open-sans, sans-serif;
font-weight: 400;
font-style: normal;
    font-size: 16px;
}
.left{
    padding-left: 60px;
}
.right{
    text-align: right;
    padding-right: 60px;
}
.right img{
margin-left: auto;
}

@media screen and (max-width: 767px){
    .left{
        padding-left: 15px;
    }
    .right{
        text-align: center;
        padding-right: 15px;
    }
    .right img{
    margin: auto;
    }
    .left img{
        margin: auto;
        }
}




footer .f-6 h1{
margin-bottom: 1em !important;
}
footer p {
   font-family:  Asap, sans-serif !important;
}





.Asap-Bold{

font-family: asap, sans-serif;

font-weight: 700;

font-style: normal;
}

.Asap-Regular{

font-family: asap, sans-serif;

font-weight: 400;

font-style: normal;
}
.Asap-SemiBold{

font-family: asap, sans-serif;

font-weight: 600;

font-style: normal;
}
.Open-sans{
font-family: open-sans, sans-serif;
font-weight: 400;
font-style: normal;
}
.Open-sans-SemiBold{
    font-family: open-sans, sans-serif;
    font-weight: 600;
    font-style: normal;
}
.Open-sans-Bold{
    font-family: open-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.stickynav {
  position: fixed;
  top: 0;
  width: 100%;
z-index:9999;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.stickynav + #content {
  padding-top: 150px;
}

.teamul p {
    padding-left: 35px;
}
.teamul i {
    position: absolute;
}

.our-services-box{
    background: #cddfe2 !important;
}

.priv-policy{
    color: #fff;
}

.priv-policy:hover{
    color: #fff;
}
.teamul li {
    margin-left: 1.2em;
}

.teamul i {
    margin-left: -1.2em;
}
.team-memberships ul li {
    margin-left: .7em;
}
ul.teamul {
    margin-left: 1em !important;
}
/*#team-sticky-nav {
    background: #014758;
    padding: 1rem 0;
    position: fixed;
    display: block;
    width: 100%;
    z-index: 9999;
}
#list-example {

}
.list-group-item.active {
    background: #014758 !important;
}
#team-sticky-nav ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin:  0;
}
#team-sticky-nav ul li {
    display: inline-block;
    float: left;
    list-style: none;
    margin-bottom: 0;
    margin-left: 1rem;
    margin-right:  1rem;
}
#team-sticky-nav ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    padding: 0.5rem;
    font-weight: 600;
    font-size:  1.650rem;
    font-family: 'Asap', sans-serif;
    line-height: 1;
}*/
#spy {
    padding-top:  40px;
    height:  100vh;
}
#spy .nav-pills .nav-link {
    border-radius: 50px;
    padding: 13px 55px;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    font-weight: bold;
}
#spy .nav-pills .nav-link.active {
    background: #00aaaf;
    color: #fff;
}

.scrollspy-example {
  position: relative;
  /*height: 550px;*/
  overflow: auto;
}
.team h2 {
        color: #333333;
    font-weight: 600;
    font-family: Asap, sans-serif;
    font-size: 2.45em;
    line-height: 1.6;
    margin-bottom: 0.5em;
 }