#layout .-handle .-link.-move-handle > i:before {
    content: "" !important;
}
#layout .-handle .-link.-clone-handle > i:before {
    content: "" !important;
}

h1, h2{font-family: 'Poppins', serif; font-weight: 300; font-size: 30px; text-transform: none;} 
h3, h4, h5, h6{ font-family: 'Josefin Sans', sans-serif; font-weight: 300;}
h3{font-size: 30px;}
h4{font-size: 25px; text-decoration: none; font-style: normal; font-weight: 400;}
.lei-paragraph{font-size: 16px; }
.lei-paragraph p{font-size: 16px; margin-bottom: 15px; color: #757575;}
.lei-paragraph li{ font-size: 16px; font-family: 'Metrophobic', sans-serif; position: relative; color: #757575;}
.lei-paragraph ul{list-style-type: none;}
.lei-paragraph ul li::before {content: "\2022"; left: -25px; position: absolute;}
.-lei-edit .lei-paragraph ul li::before {  }
.-lei-edit .lei-root{padding-top: 30px;}

ol {
    list-style-type: decimal;
}
.text-white .lei-paragraph p{color: #fff;     margin-bottom: 15px;}
.text-white .lei-paragraph ul li{color: #fff; }
.text-white .lei-paragraph ul li::before{color: #fff; }

/* fix gaps on narrow screen */
@media (max-width: 1000px){
    .lei-row-in {margin-top: 0px;}
}
/* white space on right and left edge of screen on mobile */
@media (max-width: 1000px) and (min-width: 321px){
    .lei-col { padding: 0px 35px;}
}
@media (max-width:921px){
    .float-right{
        width: auto !important;
        float: none;
        margin-left: 0; 
    }
}

@media (max-width: 920px){
    .row-width-full .lei-row-in {width: 100%;    }
}
@media (max-width:540px){
    .float-right{float: none; margin-left: 0; width: auto !important; margin-left: 0;}
}

@media (max-width:920px){
    .lei-row{ margin-top: 0; margin-bottom: 0; }
}


.button-theme-a{background: #176278;}
.button-theme-b{background: #5d5d5d;}
.button-theme-c{background: #fff; color: #176278;}
.button-theme-d{background: transparent; border: 1px solid #949494; text-transform: uppercase; color: #5a5a5a; margin-left: 0 !important;}
.button-theme-d:hover{ background: #1b3f52;  color:#fff;}
.button-theme-e{background: transparent; border: 1px solid #fff; text-transform: uppercase; color: #fff; margin-left: 0;}
.button-theme-e:hover{ background: #fff;  color:#1b3f52;}

.buttons-inline{text-align:center;}
.buttons-inline .tools-button{    display: inline-block; text-align: center; margin: 0 12px;}

.lei-row.row-width-full{width: 100%;}

.bio-pic-col{width: 300px;}

.-lei-edit .float-left{float: none;}
.font-awesome .lei-paragraph:before{   font-family: FontAwesome; padding-right: 7px; font-size: 20px; font-size: 20px; float: left; position: relative; color: #9a9a9a;}
.font-awesome .lei-paragraph:hover:before{color: #333;}
.font-awesome .lei-paragraph a{color: #9a9a9a;}
.font-awesome .lei-paragraph a:hover{color: #333;}
.phone .lei-paragraph:before{content: "\f095"; } 
.email .lei-paragraph:before{content: "\f0e0"; font-size: 18px;}
.address .lei-paragraph:before{content: "\f041";}

.social-header .lei-paragraph p{    display: inline; font-size: 12px;}
.social-header .font-awesome{display: inline-block; margin-right: 30px;}
.contact-column .lei-col-in{text-align: center;}

.social-icon{width: 50px; display: inline-block; margin: 0px 5px;}

@media (min-width:920px){
    .lei-row{width: 900px;}
}

@media (max-width:920px){
    .reverse-on-mobile .lei-row-in{display: flex;  flex-flow: column;}
    .reverse-on-mobile .lei-col{flex-grow: 1;}
    .reverse-on-mobile .lei-col:last-of-type{order: -1;}
    .mobile-img-constrain .lei-image-image{ max-height: 300px; width: auto !important; float: left; margin: 0 20px 10px 0; float: none;}
}

.intro-screen{min-height: 55vh; padding: 10vh 0;}
.intro-screen h1, .intro-screen h2{line-height: 0.8; font-family: 'Josefin Sans', sans-serif; color: #fff; text-transform: uppercase;    font-size: 41px;}
.intro-screen .lei-heading{    }
.inner-home-screen{ /*height: 40vh; min-height: 250px;*/ height: 380px;}
@media only screen and (max-width : 921px) {
    .intro-screen .lei-image{    max-width: 250px; margin: 0 auto;}
    .inner-home-screen{ height: 240px;}
}
.banner-img-med{height: 290px;}


.lei-col:hover .columnHandleHeader { z-index: 9;}

@media (max-width:920px){
    h1, h2{font-size: 30px;}
    .intro-screen{max-height: 50vh;}
    .three-features .lei-col{display: block; width: 93%; display: block; margin: 15px auto;}
    .image-column-right, .image-column-left{background-position: center; background-size: cover; width: 100%; min-height: 300px;}
}

.join-flag{margin-left: auto !important;  margin-right: 0; margin-bottom: 50px; width: 700px;}
.join-flag .lei-row-in .indent .lei-col-in { margin-left: 90px;}
.join-flag .major-text{ padding-top: 0; margin-top: 6px;}
.join-flag .minor-text{ padding-bottom: 0; margin-bottom: 0;}
.join-flag .major-text .lei-heading{font-family: 'Josefin Sans', sans-serif; color: #fff; text-transform: uppercase; font-size: 50px; font-weight: 700;}
.join-flag .minor-text .lei-heading{font-family: 'Josefin Sans', sans-serif; color: #fff; text-transform: uppercase; font-size: 25px; letter-spacing: 8px;}
.join-flag .major-text:after {    content: " "; border: 3px solid gold; width: 150px; position: absolute; /*left: 125px; */ margin-top: 10px; margin-bottom: 10px; }
.join-flag .lei-btn{border: 1px solid #fff; padding: 15px 40px; color: #fff; font-family: 'Josefin Sans', sans-serif; margin-top: 40px; text-transform: uppercase; font-size: 12px; margin-left: 0;}

.join-mailing-list .major-text{ padding-top: 0; margin-top: 6px;}
.join-mailing-list .minor-text{ padding-bottom: 0; margin-bottom: 0;}
.join-mailing-list .major-text .lei-heading{font-family: 'Josefin Sans', sans-serif; color: #fff; text-transform: uppercase; font-size: 50px; font-weight: 700;}
.join-mailing-list .minor-text .lei-heading{font-family: 'Josefin Sans', sans-serif; color: #fff; text-transform: uppercase; font-size: 25px; letter-spacing: 8px;}
.join-mailing-list .major-text:after {    content: " "; border: 3px solid gold; width: 150px; position: absolute; left: 35px; margin-top: 10px; margin-bottom: 10px; }
.join-mailing-list .lei-btn{border: 1px solid #fff; padding: 15px 40px; color: #fff; font-family: 'Josefin Sans', sans-serif; margin-top: 40px; text-transform: uppercase; font-size: 12px; margin-left: 0;}

@media (max-width: 920px){
    .join-flag{width: 100%; padding-top: 50px; margin-bottom: 0;}
    .join-flag .lei-col{display: block; width: auto !important;}
    .join-flag .lei-row-in .indent .lei-col-in{width: auto; margin-left: 0; text-align: center;}
    .join-flag .lei-btn{ margin: 0 auto; margin-top: 50px;}
    .join-flag .major-text:after{display: inline-block; /* needed for scaling */ position: relative; left: 50%; margin-left: -100%; -webkit-transform: scale(0.7, 1); /* three lines above most relevant */ transform: scale(0.7, 1)}
}

.color-banner{background: #00a1b0;}
.theme-color{background: #00a1b0;}
.button-theme-a{background: #00a1b0;}
.color-banner h2.lei-heading{font-size: 30px;}

/* navigation*/
#cssmenu { background: #ffffff;}
#cssmenu > ul li a{color: #404040; font-weight: 300; font-size: 15px; font-family: 'Poppins', sans-serif;}

#navBar { position: relative; border-bottom: none;}
.logoNav > img{ padding-top: 0;}
#layout{ margin-top: 0;}
#layout.-lei-view {margin-top: 0px;     margin-top: 120px;}
#cssmenu .-tier-2 ul li a{color: #fff;}
#cssmenu > ul { width: auto; margin-right: 60px; margin-left: auto; text-align: right;}

/*level 2*/
#cssmenu > ul > li > ul{border-color: #555;} /* dropdown border-top */
#cssmenu > ul > li > ul::after{    border-bottom-color: #555; } /* triangle */

#cssmenu > ul > li > ul {    background: #fff;    columns: 1 auto;    -moz-columns: 1 auto;    -webkit-columns: 1 auto;  color: #555;}
#cssmenu .-tier-2 ul li a { color: #555; text-align: left;}
#cssmenu .-nav-root{/*background: #fff;*/}

.-browser-mobile #cssmenu .-nav-root, .-browser-tablet#cssmenu .-nav-root{background: #fff;     border-bottom: 1px solid #d8d8d8;}
.-browser-mobile #cssmenu .-tier-2.-opened > a, .-browser-tablet #cssmenu .-tier-2.-opened > a {    background: transparent;}
.-browser-mobile #cssmenu ul li ul, .-browser-tablet #cssmenu ul li ul {    background: #f4f4f4;}
.-browser-mobile #cssmenu .-tier-2 > ul > li, .-browser-tablet #cssmenu .-tier-2 > ul > li{border-color: #e6e6e6;}
.-browser-mobile #cssmenu > ul, .-browser-tablet #cssmenu > ul {/*padding-left:40px;*/ padding-left: 0;text-align: center;}
.-browser-mobile #cssmenu > ul > li > ul, .browser-tablet #cssmenu > ul > li > ul{border-left: none; border-right: none;}
.-browser-mobile #cssmenu .-tier-2.-opened > ul, .-browser-tablet #cssmenu .-tier-2.-opened > ul{border-color: #555;}
.-browser-mobile #cssmenu .-tier-2 ul li a, .-browser-tablet #cssmenu .-tier-2 ul li a{color: #555; text-align: center; padding-left: 0;}
   .-browser-mobile #layout, .-browser-tablet #layout{margin-top:0px;}
   .-browser-mobile .logoNav, .-browser-tablet .logoNav{  position: relative; }
   .-browser-mobile #cssmenu .-nav-root > li, .-browser-tablet #cssmenu .-nav-root > li{    padding-bottom: 8px; padding-top: 8px;}
.-browser-mobile #cssmenu .-tier-2.has-sub::after, .-browser-tablet #cssmenu .-tier-2.has-sub::after{right: 100px;}
.-browser-mobile #cssmenu .-tier-2.has-sub.-opened::after, .-browser-tablet #cssmenu .-tier-2.has-sub.-opened::after{right: 100px; border-top-color: #555;}
.-browser-mobile #cssmenu .submenu-button, .-browser-tablet #cssmenu .submenu-button{left: 0;}


/* FEED */
.lei-feed .-feed-filter-hold{display: none;}
.lei-feed .-feed-row:hover { opacity: .9;}
.lei-feed .-feed-row .-feed-header .-feed-img-hold{width: auto; display: block; max-width: 400px; float: left; margin-right: 30px;}
.lei-feed .-feed-row{ width: 100%; display: inline-block; margin: auto 20px 80px 20px;}
.lei-feed .-feed-row .-feed-header{display: block;}
.lei-feed .-feed-row .-feed-row-foot .-feed-tag{    font-family: "Poppins", sans-serif; font-weight: 400; border-radius: 8px;}
.-feed-img-hold{ display: block; }
.-feed-title-hold a { color: #333; font-family: 'Poppins', serif;  font-weight: 300; font-size: 30px; text-align: left;}
.-feed-title-hold{ font-family: "Poppins", sans-serif; color: #333; display: block;}
.-feed-title-hold a{ color: #333; }
.-feed-title { min-height: 50px; margin: 10px auto; text-align: center; font-size: 21px;}
.lei-feed .-feed-row .-feed-row-foot{margin-top: 20px;}
.lei-feed .-feed-row .-feed-header .-feed-desc{color: #666; line-height: 1.5;}
.lei-feed .-feed-filter-hold .-feed-counter, .-feed-order-title, .-feed-order-box, .-feed-page-box.-active{font-family: "Poppins", sans-serif; font-weight: 300;}
/* hide date tag */
.-feed-row-foot{display: none;}
@media (max-width: 650px){
    .lei-feed .-feed-row { width: 95%;}
}

.image-size-sm{max-width: 160px; margin: 0px auto; }
.image-size-med{max-width: 500px; margin: 0px auto; }


.-lei-edit .float-right, .-lei-edit .float-left{float:none;}


.logo-section{/*margin-bottom: 50px;*/ background: #00a1b0;}
.logo-section .pdi-logo{   width: 230px; margin: 0 auto; margin-top: -82px;}
@media (max-width: 500px){
    .logo-section .pdi-logo{ 
        width: 180px;
    }
    .logo-section .pdi-logo .lei-image{ 
        position: absolute;
        bottom: -40px;
        width: 180px;
    }
}
.logo-section{
    margin-bottom: 50px !important;
    background: #00a1b0;
    width: 100% !important;
    bottom: -50px;
    /*bottom: 0;*/
    position: absolute;
    max-width: initial;
}
.inner-home-screen .lei-sec-in{
    height: 100%;
}

@media (max-width: 1030px){
    .feature-section {padding: 0 30px;}
    .image-column-right { min-height: 300px;}
    .feature-section .lei-sec-in { padding: 10px 0;}
}

.mailing-list-code{margin-top: 75px;}
.join-mailing-list{    padding-top: 110px;    padding-bottom: 110px;}

.footer .lei-paragraph{text-align: center;}
.footer .lei-heading{color:#fff;}

.vertical-align-col{   vertical-align: middle;    display: table-cell;}

/* no hamburger navigation */
.-browser-mobile-tablet .-no-hamburger #cssmenu .-nav-root{
    background: transparent;
    border: none;
}
.-browser-mobile-tablet .-no-hamburger #cssmenu .-nav-root > li{
    padding: none;
    border-top: 0;
    display: inline-block;
    width: auto;
}
.-browser-mobile-tablet .-no-hamburger #cssmenu > ul{
    margin-right: auto;
}

/* navigation bars */
.-browser-mobile-tablet #head-mobile{
    margin-right: 25px;
}
.-browser-mobile-tablet #cssmenu ul li ul{
    background: #fff;
}
.-browser-mobile-tablet #cssmenu .-tier-2 > ul > li{
    border: none;
}
.-browser-mobile-tablet .main-nav #cssmenu>ul>li{
    height: auto;
}
.-browser-mobile-tablet #cssmenu > ul{
    margin-right: auto;
}
.-browser-mobile-tablet #cssmenu>ul>li>ul:after{
    display: none;
}
.-browser-mobile-tablet #cssmenu .-tier-2>ul{
    border: none;
}
.-browser-mobile-tablet #cssmenu .-tier-2.-opened > ul{
    border: none;
}
.-browser-mobile-tablet #cssmenu .-tier-2.has-sub:after{
    top: 20px;
}


@media (max-width: 650px){
    .-browser-mobile-tablet #cssmenu .-tier-2.has-sub::after{ right: 0;    }
}
@media (max-width: 450px){
    #cssmenu>ul>li>a{padding-right: 0;}
    .quick-nav .tools-nav, .quick-nav .social{width: 100%;}
}
/* quick-nav */
.quick-nav {
    background: #14a2b1;
}
.quick-nav .tools-nav{margin: 0;}
.quick-nav #cssmenu{
    background: transparent;
}
body.-lei-preview .quick-nav #cssmenu{margin-top: 0;}
.quick-nav #cssmenu > ul li a{
    color: #fff;
    font-size: 13px;
}
.quick-nav .lei-col-in{
    text-align: right;
    margin: 4px 0;
}
.quick-nav .tools-nav, .quick-nav .social{
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

/* main-nav */
.main-nav #cssmenu > ul{
    text-align: center;
}
.main-nav .lei-col-in{
     text-align: center;
}
.main-nav .tools-nav{
    margin-top: 0;
    margin-bottom: 0;
}

body.-lei-preview #cssmenu{
    margin-top: 0;
}
body.-lei-preview #layout {
    margin-top: 135px;
}
.-lei-edit .nav-sec{
    margin-bottom: 50px;
}

/* nav-sec */
.nav-sec{
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 99;
    border-bottom: 1px solid #ccc;
}
body.-lei-preview .nav-sec {
    margin-top: 30px;
}

/* logo nav */
.-browser-mobile-tablet .navlogo{display: none !important;}
.navlogo{
    background: url("/files/5de7e2a0ddf91.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.3s;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 10px;
    position: relative;
    top: 17px;
}

.nav-scrolled .navlogo{
    width: 100px;
    /*height: 60px;*/
    /*height: 50px;*/
    margin: 0px 20px !important;

}

#cssmenu>ul>li.navlogo:hover {
    transition: transform .25s cubic-bezier(.22,.61,.36,1) .1s;
    pointer-events: inherit;
    transform: scale(1.2);
}
#cssmenu>ul>li.navlogo>a{
    height: 100%;
}

#navBar.nav-scrolled #cssmenu{
    background: rgba(255, 255, 255, 0.93);
    /*background: rgba(0, 0, 0, 0.9);*/
    border-bottom: 1px solid #e8e8e8;
    -webkit-box-shadow: 4px 4px 11px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    4px 4px 11px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         4px 4px 11px 0px rgba(50, 50, 50, 0.2);
}
#navBar.nav-scrolled #cssmenu>ul>li>a{
    color: #000;
}
/* menu scroll don't change on mobile */
.-browser-mobile-tablet #navBar.nav-scrolled #cssmenu{
    background: inherit;
    /*background: rgba(0, 0, 0, 0.9);*/
    border-bottom: inherit;
    -webkit-box-shadow: inherit;
    -moz-box-shadow:    inherit;
    box-shadow:         inherit;
}
.-browser-mobile-tablet #navBar.nav-scrolled #cssmenu>ul>li>a{
    color: inherit;
}

.main-nav #cssmenu>ul>li {
    height: 60px;
}