/*fixes*/
@media (max-width: 1000px){
    .lei-row-in, .lei-sec-in { width: 95%;  margin: 0 auto; padding: 0;}
}
h2 {font-size: 25px;}
#cssmenu>ul>li>ul{    width: 200px;     }
#cssmenu>ul>li:hover>ul{left: -90px !important;}
#cssmenu ul ul li{margin-bottom: 10px;}

.no-bullets .lei-paragraph ul { list-style-type: none;}

/* Sticky Header */
/*body:not(.-browser-mobile, .-browser-tablet) .contact-header.sticky .header-menu{*/
.contact-header.sticky .header-menu{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    background:#fff;
    transition:all 0.4s ease;
    animation: fadeInDown 1s both 0.2s;
    -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.30);
    -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.30);
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.30);
    z-index: 998;
    max-width: 100%;
    left: 0;
    right: 0;
}
.sticky + div{margin-top: 54px;} /* this should be the height of the header before it collapses */
.contact-header.sticky .lei-:nth-of-type(2) {} 
.contact-header.sticky .header-menu .lei-row-in{max-width: 1350px;}
.contact-header.sticky .header-menu .contact-header-logo { width: 230px; padding: 4px; padding-left: 30px;     padding-top: 10px;
    padding-bottom: 10px;}
.contact-header.sticky .header-menu .logo{width: 230px;}
.contact-header.sticky .header-menu .social-icon i{font-size: 14px; width: 14px;}


.contact-header.sticky .header-menu .social-media-plugin{display: none;}

textarea:focus, input:focus{ outline: none;}

.-lei-edit .float-left{float: none;}
.float-left ~ .lei-elem > .elementHandleHeader{position: absolute;}
/*logo stylings in the nav*/

.-lei-edit .lei-root{padding-top: 20px;}
.-lei-edit .hide{display: block !important; opacity: 0.4;}
.hide{display: none;}

.lei-heading{font-family: 'Poppins', sans-serif; color: #2d403a;}
h6.lei-heading{color: #717171; text-transform: none;}

.lei-paragraph p{margin-bottom: 20px; font-size: 16px;}
.lei-paragraph li{font-size: 16px;}
.image-align-right .lei-image-image{margin-left: auto; display: block;}

.tools-plugin.lei-elem{margin-top: 0;}

/* custom */
.get-started-cta .lei-heading{color: #fff;}
.lei-elem.licenced-insured .lei-heading{color: #444; font-size: 20px;}
.main{padding-bottom: 50px;     padding-top: 40px;}
.main h3.lei-heading{margin-top: 60px;}
.main .sidebar-col h3.lei-heading{margin-top: 0;}
body.-lei-edit #navBar{background: #adadad;}
.gallery-slick-single .tools-image img{height: 500px; width: auto; margin: 0 auto;} /* single image gallery fixed height*/
.logoNav>img{max-width: 400px; margin-top: 45px; max-height: 130px;} /* logo Nav */

/* contact header */
.contact-header *, .contact-header :after, .contact-header :before { box-sizing: initial;}
.contact-header .lei-elem { display: inline-block; margin: 0;}
.contact-header .contact .lei-col-in{text-align: right;}
.contact-header .lei-plugin{display: initial !important; } /*manually show all slides on plugin in builder*/
.contact-icon{display: inline-block !important; margin-right: 40px; margin-bottom: 7px;}
.contact-icon a { font-family: 'Open Sans', sans-serif; color: #333; font-size: 13px;}
.contact-icon a:hover {cursor: pointer; color: #000; text-decoration: underline;}
.contact-icon i {padding-right: 10px;}
.contact-header .lei-sec-in { width: 100%; }

.social-icon{display: inline-block !important; margin-right: 20px; border-radius: 50%; background: #ccc; border: 2px solid transparent; 
    transition:all 0.2s ease;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;}
.social-icon:hover{cursor: pointer; /*background: #333 !important;*/ background: transparent !important; border: 2px solid #333;}
.social-icon:hover i{color: #333;}
.social-icon i{padding: 10px; color: #fff; text-align: center; font-size: 20px; width: 20px; }
.social-icon:hover i{}

.logo-col{width: 130px;}
.contact-header .lei-row{ /*max-width: 1350px; */ margin: 0 auto; width: 100%;}
.contact-header-logo{width: 330px; margin-right: 60px;  padding-left: 30px; padding-top: 10px;    padding-bottom: 10px;}
.contact-header .contact{vertical-align: middle;}

@media (max-width: 1000px){
    .contact-header-logo{margin: 0 auto !important; display: block !important; width: 90%; }
    .contact-header .logo{width: 100%;}
    .contact-header .header-menu .contact-header-logo { padding-left: 0;     max-width: 320px;}
    .contact-header .tools-plugin{text-align: center; display: block; margin-top: 10px; margin-bottom: 10px;}
}
@media (max-width:920px){
    .contact-header .contact-info-plugin{width: 80%; margin: 0 auto;}
}
@media (max-width: 600px){
    
}

/* custom nav*/
.-lei-edit .home-nav-row { background: #ccc;}
.tools-nav{/*position: absolute;*/ width: 100%;}
/*.-lei-edit .tools-nav{position: relative;}*/
.lei-nav{max-width: 1100px; margin: 0 auto; position: relative; margin-top: 20px;}

/* custom sidebar nav */
.service-sidebar{background: #e0e0e0; }
.service-sidebar .lei-nav{  max-width: initial;     z-index: 8; max-width: 100%;}
.service-sidebar #cssmenu ul li a{
    text-transform: capitalize;
    color: #4d5054;
    padding: 20px 8px;
}
.service-sidebar #cssmenu ul li a:hover{color: #333;}
.-lei-edit .service-sidebar {
    margin-top: 20px;
}
.service-sidebar .lei-nav, .service-sidebar .tools-nav{
    margin: 0;
    padding: 0;
}
.service-sidebar .selected-item { background: #ccc;}
.blank-sidebar{height: 57px;}

@media (max-width: 750px) and (min-width: 321px){
    .lei-row-in {margin-top: 0px !important;}
}

.footer-links .lei-paragraph p{    color: #444;     line-height: 1.5;     margin: 0px;     font-size: 13px;     font-weight: 700; }
.footer-links .lei-paragraph a{    color: #444; }
.footer-links .lei-paragraph a:hover{    text-decoration: underline; }
.footer-links .lei-paragraph p::before {     xcontent: "- ";    font-size: 10px;}
.footer-links .lei-heading{color: #444;}

.footer{background: #012e42; background: #f1f1f1; }
.footer .logo { width: 120px;}
.footer .footer-logo{max-width: 400px;     margin: 40px auto;}
.footer .lei-paragraph p{font-size: 14px;}
.footer .lei-row{max-width: 1400px;}
.footer .lei-col-in{text-align: center;}
.footer .tools-button { display: block;}
.footer .lei-btn { margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0;}
.footer .lei-btn {    font-family: 'Poppins', sans-serif; color: #444; font-size: 14px;}
.footer .lei-btn:hover{color: #333; text-decoration: underline;}
/*.footer .lei-btn:before { content: "\f0da"; font-family: FontAwesome; padding-right: 8px; font-size: 14px; position: relative;}*/
@media (max-width: 920px){
    .footer .lei-btn{margin: 0 auto;}
}
.footer-logo .lei-image:after {
    border-bottom: 1px solid #1d2c3d;
    content: " ";
    width: 100px;
    height: 1px;
    margin: 0 auto;
    display: block;
    margin-top: 34px;
}

.two-columns{  -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;   -moz-column-fill: balance;  column-fill: balance; column-gap: 50px; -moz-column-gap: 50px;}
.two-columns li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
@media (max-width:800px){
    .two-columns{  -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1;}
}

.button-size-med { font-size: 15px; padding: 11px 39px; text-transform: uppercase;}
.button-size-lg { font-size: 18px; padding: 15px 50px;}

.button-theme-a{background: #012e42;}
.button-theme-a:hover {background: #272727; opacity: 1.0;}

.button-theme-b{    
    background: #fff;
    color: #5f87b4;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 16px 40px !important;
    font-size: 15px !important;
}
.button-theme-b:hover{
    background: #e6e5e5;
    color: #5f87b4;
}
.button-theme-c { color: #012e42; background: #fff; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-weight: 700; border: none;}

.button-theme-d { 
    background: transparent;
    border: none;
    color: #0070ba;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 16px 0 0;
    margin-left: 0 !important;
}
.button-theme-d:hover { color: #021827;  }
.button-theme-d:after{
    position: absolute;
    height: 24px;
    vertical-align: middle;
    top: 1px;
    font-family: FontAwesome;
    content: "\f105";
    font-weight: 900;
    padding-left: 16px;
    transition: padding .25s;
    font-size: 18px;
    top: -2px;
}
.button-theme-d.button-style-base:hover:after{
    padding-left: 10px;    
}

.button-theme-e { color: #000; background: transparent; border: 1px solid #000; font-family: 'Poppins', sans-serif; /*text-transform: uppercase;*/ font-weight: 400;}
.button-theme-e:hover {    background-color: #000; color: #fff; border-color: #000;}

.button-size-med{padding: 10px 40px; font-size: 13px;}

@media (max-width:550px){
    .float-left{float: none; width: 100%; margin:0 auto;}
}
@media (max-width:1000px){
    .lei-col-in{width: 90%; margin: 0 auto;}
}
.theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6, .theme-dark p{color: #fff;}


/* Nav styles */
#layout{    /*top: -35px; */ position: relative; margin-top: 0;}
#cssmenu{background: transparent;}
#cssmenu ul{text-align: right; width: 80%;}
#cssmenu ul li a{    color: #fff; font-weight: 400; font-size: 16px;     font-family: 'Lato', serif; text-transform: uppercase;     font-size: 14px; }
#navBar{border-bottom: none;  position: absolute; }
#cssmenu > ul > li > a:hover { color: #012e42;}

#cssmenu > ul > li > a{border-bottom: 3px solid transparent; }
#cssmenu > ul > li > a:hover{border-color: #012e42; color:#fff;}
#cssmenu > ul > li.has-sub > a{border-color: transparent;}
#cssmenu > ul > li:hover::after { border-top-color: #012e42;} /*sub triangle*/
#cssmenu ul ul li:hover > a { color: #012e42;     background: #f1f1f1;}
#cssmenu ul ul li > a { padding-left: 15px; padding-right: 15px;}

/*level 2*/
#cssmenu > ul > li > ul{border-color: #012e42;} /* dropdown border-top */
#cssmenu > ul > li > ul::after{    border-bottom-color: #fff; right: 80px; left: auto; top: -12px;} /* 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: #efefef;    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: transparent;}
.-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; padding-left: 0;}
.-browser-mobile #cssmenu .-tier-2.-opened > ul, .-browser-tablet #cssmenu .-tier-2.-opened > ul{ border-color: #dedede; background: #dedede;}
.-browser-mobile #cssmenu > ul > li > ul::after, .-browser-tablet #cssmenu > ul > li > ul::after{border-bottom-color: #dedede; left: 50%; right: 50%;}
.-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;     border-right-color: #333; top: 20px;}
.-browser-mobile #cssmenu .-tier-2.has-sub.-opened::after, .-browser-tablet #cssmenu .-tier-2.has-sub.-opened::after{right: 100px; border-top-color: #333; top: 20px;}
.-browser-mobile #cssmenu .submenu-button, .-browser-tablet #cssmenu .submenu-button{left: 0;}


/* Site-specific styles */
.intro-home{}
.intro-home .lei-sec-in{padding: 100px 0; padding: 10vh 0;}
.intro-home .lei-row{width: 100%; max-width: 1400px; }
.intro-home .lei-row-in{max-width: 620px; margin-left: 0;}
.intro-home h2.lei-heading{text-align: center; font-size: 36px; padding-top: 100px; padding-top:10vh;}
.intro-home h3.lei-heading{font-weight: 300; font-size: 20px; text-align: center; }
.intro-home .btn-row{padding-bottom: 100px; padding-bottom: 10vh;}

.standard-banner{    -webkit-filter: grayscale(100%);    filter: grayscale(80%); z-index: 9;}
.standard-banner .lei-sec-in{/*padding: 90px 0;*/ width: 100%;}
@media (max-width: 1000px){
    .standard-banner{background-position: center center !important;}
}

.intro{padding: 100px 0 100px 0; /*padding: 20vh 0 20vh 0;*/ max-width: 700px; text-align: center;}
.intro .lei-heading{line-height: 2.2; color: #525252; font-weight: 700; /*font-size: 17px; font-weight: 300;*/}
.intro .lei-heading strong{font-family: 'Poppins', sans-serif; color: #2d403a; font-weight: 700;}
.intro .lei-paragraph p, .intro .lei-paragraph li{   line-height: 2.2; color: #525252; font-weight: 700;     font-family: 'Poppins', sans-serif;    font-size: 18px;
    text-align: left;
    font-weight: 300;
}

@media (max-width:920px){
    .intro-home .lei-row-in{margin-left: auto;}
    .left-button .lei-btn{margin-right: auto !important;}
    .right-button .lei-btn{margin-left: auto !important;}
    .btn-row .lei-col-in{margin: 0 auto !important;}
    .intro{padding-top: 50px;}
}
@media (max-width: 1000px){
    .lei-col-in{margin : 0 auto !important;}
}

.feature-bg .lei-sec-in{    padding-top: 200px; padding-top: 20vh; padding-bottom: 200px; padding-bottom: 20vh;}
.feature-bg .lei-heading{color: #012e42;  /*margin-bottom: 50px;*/}
.feature-bg .lei-paragraph p{    line-height: 2.2; color: #555;}
.feature-bg .lei-row{margin: 0 auto; max-width: 750px;}
.feature-bg .lei-paragraph li { font-size: 16px; line-height: 1.9; margin-bottom: 25px; color: #333;}

.services-row{width: 100%; /*max-width: 1000px;*/ }
.services-row .lei-row-in { height: 100%; display: grid;  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); grid-row-gap: 40px;}
.services-row .lei-col{height: 100%;}
/*.services-row .lei-col-in{background: #fff; padding: 20px; text-align: center; height: 100%;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-rows: 150px auto auto;
    align-items: end;
}*/
.services-row .lei-heading{font-weight: 300; font-size: 23px; line-height: 1.4;}
/*.services-row .tools-button{margin-top: 45px;}*/
@media (max-width:750px){
    .services-row .lei-col-in{    grid-template-rows: auto auto auto;} 
    .services-row .tools-button{margin-top: 0px;}
    .services-row .lei-elem.tools-paragraph{ margin: 0;}

}
@media (max-width:400px){
    .services-row .lei-row-in{grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}
}

/* services internet explorer */
.-browser-internet-explorer .services-row .lei-col{display: inline-block; width: 350px;}
@media (max-width:1400px){
    .-browser-internet-explorer .services-row .lei-col{width: 100%;}
    .-browser-internet-explorer .services-row.get-started .lei-col{max-width: 90%;}
}

/* LET'S GET STARTED CTA */
.get-started{text-align: center;}
.services-row.get-started .lei-col-in{background: #fff; padding: 20px; text-align: center; height: 100%;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
    /*box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.40);*/
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-rows: auto auto auto;
    align-items: center;
}
.services-row.get-started .tools-button{margin-top: 0;}
.services-row.get-started{    max-width: 1000px;}
.-browser-internet-explorer .services-row.get-started{    max-width: 100%;}

/* About CTA */
.about-cta{    background: #5f87b4;     padding-top: 30px;    padding-bottom: 30px;}
.about-cta .lei-paragraph p{color: #fff; text-align: center;}
.about-cta .lei-heading{color: #fff; text-align: center;     line-height: 1.2; font-size: 38px; margin-top: 20px; font-weight: 400;}

.left-button .lei-btn{margin-right: 5px;}
.right-button .lei-btn{margin-left: 5px;}

.logo{width: 330px; margin: 0 auto;}

.shadow-text{ /*text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.40);*/ text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
.-lei-view .float-h1.tools-heading{float: left; top: 9px; position: relative;}
.float-h1 .lei-heading{font-size: 18px; text-align: left; margin-left: 0px; margin-right: -25px;}
.-browser-safari .float-h1 .lei-heading{margin-left: 0; margin-right: 0}

.airy .lei-sec-in{    padding-top: 200px; padding-top: 20vh; padding-bottom: 200px; padding-bottom: 20vh;}
.breathing-room .lei-sec-in{    padding-top: 100px; padding-top: 10vh; padding-bottom: 100px; padding-bottom: 10vh;}

.fake-border-bottom:after{content:" "; position: absolute; width: 100px; height: 4px; background: #012e42; left:0; right: 0; margin: 0 auto;}
.dark-overlay{position: relative;}
.dark-overlay:before{  background: #000 none repeat scroll 0 0; background: linear-gradient(to right, #000 , #333 );
    content: ""; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; z-index: 0;
}
.color-overlay{position: relative;}
.color-overlay:before{  
    background: #012e42none repeat scroll 0 0; 
    background: linear-gradient(to right, #012e42, #010f81); 
    background: linear-gradient(to right, #000000, #868686);
    background: linear-gradient(to right, #022e429e, #2196f3); /*dark blue to light blue*/
    background: linear-gradient(to right, #022e429e, #858e06eb); /*blue to yellow*/
    background: linear-gradient(to right, #13242b9e, #00000094);/* dark grey to black*/
    content: ""; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; z-index: 0;
}

.down-arrow{width: 80px; width: min-content; border-radius: 50%; border: 5px solid #fff; margin: 0 auto; font-size: 80px; color: #012e42; background-color: #fff; }
.down-arrow svg:hover{cursor: pointer; color: #777; }
.down-arrow:hover{cursor: pointer; color: #777; }
.down-arrow svg{color: #012e42;    font-size: 80px;     background: #fff;    border-radius: 50%;}
.down-arrow-hold.lei-row, .down-arrow-hold .lei-col, .down-arrow-hold .lei-col-in, .down-arrow-hold .lei-elem{padding: 0; margin: 0;}
.down-arrow-hold{    position: relative; z-index: 9; margin: 0 auto !important;}
.-lei-view .down-arrow-hold{    top: -40px;    position: absolute; left: 0; right: 0; }

.down-arrow-small {
    width: 80px;
    width: min-content;
    border-radius: initial;
    border: none;
    margin: 0 auto;
    font-size: 60px;
    color: #012e42;
    margin-top: 13px;
    background-color: transparent;
}


.green .lei-heading{color: #012e42;}
.green-overlay .lei-heading{color: #fff; }
.cta{padding: 50px 0;}

/* sidebar */
.has-sidebar .lei-sec-in{ max-width: 1200px; margin: 0px auto; padding-top: 50px;}
.has-sidebar .lei-row{ width: auto; display: table; margin-left: 260px; max-width: 800px;}
.has-sidebar .sidebar{ width: 260px; float: left; margin-left: 0px; position: sticky; top: 70px; margin-top: 80px;}
.-lei-edit .has-sidebar .sidebar{ z-index: 9;}
.-browser-mobile .has-sidebar .sidebar, .-browser-tablet .has-sidebar .sidebar{/*position: relative; top: 0;*/ top: 0; margin-top: 0 !important; position: relative !important; z-index: 9;     border-bottom: 1px solid #ccc;}
.sidebar:hover .rowHandleHeader{z-index: 5;}
.has-sidebar .sidebar .lei-col-in .tools-heading:nth-of-type(1) .lei-heading{text-align: right;}
@media (max-width:750px) {  .standard-banner{height: 180px; background-position: center center;}  }
@media (max-width:1000px) {
    .has-sidebar .sidebar .lei-col-in .tools-heading:nth-of-type(1) .lei-heading { text-align: left; margin-right: auto;}
}


.sidebar-col{/*background: #f4f4f4;*/}
.sidebar-col .lei-heading{margin-right: 20px; font-size: 22px;}
.sidebar-col .tools-button{ padding: 10px 16px 10px 0; margin: 0;  border-right: 2px solid #012e42; position: relative;}
.sidebar-col .lei-btn{ text-align: right; font-size: 15px; text-transform: capitalize; line-height: 1.2; font-weight: 300; display: block; font-family: 'PT Sans', sans-serif; padding: 0px; margin: 0; color: #777777;  background: none; }
.sidebar-col > .lei-btn:hover{cursor: pointer; color: #f3c512; font-weight: 700;}

.has-sidebar .lei-sec-in:after {    content: " ";    visibility: hidden;    display: block;    height: 0;    clear: both; }

.tools-button:before{/*content: "\25b6";*/ content:"\25c2"; color: transparent; /*left: -4px;*/ right: -6px; font-size: 28px; top: 7px; position: absolute;}

.sidebar .tools-button{ #b9b9b9 !important}
.sidebar .selected-item:before{color: #012e42;} 
.sidebar .selected-item .lei-btn{color: #012e42; font-weight: 700;}
.sidebar .lei-btn:hover{color: #012e42;}

.sidebar .pillars .selected-item:before{top: -1px; left: -23px} 

.sidebar .sidebar-col .tools-button.major .lei-btn { font-size: 18px; font-family: 'Poppins', serif; color: #333;}
.sidebar .sidebar-col .tools-button.major{padding: 0; border-left: none;  margin-top: 20px; margin-bottom: 5px;}
.sidebar .sidebar-col .tools-button.major:hover .lei-btn{color: #012e42;}

@media (max-width:920px) {
    .has-sidebar .lei-sec-in{ max-width: 1100px; margin: 0px auto;}
    .has-sidebar .lei-row{ width: 90%; display: block; margin-left: auto !important; position:relative !important;}
    .has-sidebar .sidebar{ width: 100%; float: none;}
    .has-sidebar .sidebar .lei-row-in{background: transparent; margin-top: 0;}
    .has-sidebar .sidebar .lei-col-in{border: none; padding: 10px 20px;}
    .has-sidebar .sidebar .lei-col-in .tools-heading {display: inline-block; margin: 0px 5px;}
    .has-sidebar .sidebar .lei-col-in .tools-button{display: inline-block; margin: 0px 5px;}
    .has-sidebar .sidebar .lei-col-in .tools-heading:nth-of-type(1){display: block;}
    .has-sidebar .sidebar .lei-col-in .tools-heading:nth-of-type(1) h2{text-align:left; font-size: 25px; margin-bottom: 10px;}
    .has-sidebar .lei-sec-in{ padding-top: 0;}
    
    /*.has-sidebar .sidebar h5.lei-heading:after{content: none !important; color: transparent; padding-right:4px;}*/
    /*.has-sidebar .sidebar h5.lei-heading:before{content: "\25b6" !important; color: transparent; padding-right:4px;}*/
}

.sidebar a{color: inherit;}
.sidebar a:hover{color: inherit; text-decoration: none; }




/* new sidebar with nav element*/
.sidebar-col #cssmenu ul li a{    text-align: right; font-size: 15px; text-transform: capitalize; line-height: 1.2; font-weight: 300; display: block;
    font-family: 'PT Sans', sans-serif; padding: 0px; margin: 0; color: #777777; background: none; border-bottom: none;}
.sidebar-col .tools-nav{position: relative;}
.sidebar-col #cssmenu>ul>li { display: block; padding: 10px 16px 10px 0; margin: 0; border-right: 2px solid #012e42; position: relative;}
.sidebar-col #cssmenu > ul > li > a:hover { border-color: #012e42; color: #012e42;}
.sidebar-col #cssmenu > ul > li > a:hover:before { color: #012e42;}
.sidebar .selected-item a:before { color: #012e42 !important;}
.sidebar-col #cssmenu ul li a:before { content: "\25c2"; color: transparent; right: -6px; font-size: 28px; top: 3px; position: absolute;}
@media (max-width:920px) {
    .sidebar-col #cssmenu>ul>li {     padding: 8px 18px; margin: 0; border-right: 0;  display: inline-block;}
    .-browser-mobile .sidebar-col #cssmenu>ul>li, .-browser-tablet .sidebar-col #cssmenu>ul>li {padding: 8px 0; }
    .-browser-mobile .sidebar-col #cssmenu .nav-item.selected-item > a, .-browser-tablet .sidebar-col #cssmenu  .nav-item.selected-item > a{font-weight: 700; }
    .-browser-mobile .sidebar-col #cssmenu .nav-item.selected-item > a:before, .-browser-tablet .sidebar-col #cssmenu  .nav-item.selected-item > a:before{content: none;}
    .-browser-mobile .sidebar-col #cssmenu .nav-item > a:after, .-browser-tablet .sidebar-col #cssmenu  .nav-item > a:after{content: none;}


    .sidebar-col #cssmenu>ul>li a:after {
        content: " "; display: inline;
        top: 8px; position: absolute; border-left: 1px solid black; height: 20px; right: 0px;
    }
    .sidebar #cssmenu.-node-nav>ul{ text-align: left;}
    .sidebar-col #cssmenu ul li a:before{    top: 1px;}
    .has-sidebar .sidebar{top: 0; margin-top: 10px;     background: #f4f4f4;}
    .sidebar .nav-item selected-item{     font-weight: 700; color: #000;}
}
@media (max-width:650px) {
    .sidebar #cssmenu.-node-nav>ul{ text-align: center;}
    .has-sidebar .sidebar .lei-col-in .tools-heading:nth-of-type(1) .lei-heading{text-align: center;}
}

/*debugging nav - apple/safari users */
.-browser-mobile #cssmenu .submenu-button, .-browser-tablet #cssmenu .submenu-button{}
.-browser-mobile #cssmenu .-nav-root > li, .-browser-tablet #cssmenu .-nav-root > li{text-align: left;}
.-browser-mobile #cssmenu > ul .one-column, .-browser-tablet #cssmenu > ul .one-column{ max-width: initial;}

/* mobile hamburger colors */
.-browser-mobile #cssmenu .button:before, .-browser-tablet #cssmenu .button:before{background: #222;}
.-browser-mobile #cssmenu .button:after, .-browser-tablet #cssmenu .button:after {    border-top: 2px solid #222;    border-bottom: 2px solid #222;}
.-browser-mobile #cssmenu .button.menu-opened:before, .-browser-tablet #cssmenu .button.menu-opened:before {    background: #222;}
.-browser-mobile #cssmenu .button.menu-opened:after, .-browser-tablet #cssmenu .button.menu-opened:after {    background: #222;    border: none;}
.-browser-mobile #head-mobile, .-browser-tablet #head-mobile{color:#222;}
.-browser-mobile #cssmenu > ul > li a, .-browser-tablet #cssmenu > ul > li a {    text-align: center; color: #333; padding-right: 0;}



/* mobile nav element */
.-browser-mobile #cssmenu, .-browser-tablet #cssmenu { overflow: hidden; z-index: 999; top: 0; position: fixed; /*right: 10px;*/
    background: #fff; border-bottom: 1px solid #ccc; left: 0;}
.-browser-tablet .contact-header, .-browser-mobile .contact-header  { margin-top: 60px;}
.-browser-mobile #cssmenu .-nav-root.open, .-browser-tablet #cssmenu .-nav-root.open{border-bottom: 2px solid #FF9800;}

.-browser-mobile .tools-nav:after, .-browser-tablet .tools-nav:after{
    content: " ";
    height: 100vh;
    width: 100vw;
    position: fixed;
    visibility: hidden;
    transition: 1s background-color;
    -webkit-transition: 1s background-color;
    top: 0;
    z-index: 100;
    left: 0;
}
.-browser-mobile .tools-nav.tools-nav-open:after, .-browser-tablet .tools-nav.tools-nav-open:after{
    background: rgba(0, 0, 0, 0.8);
    visibility: initial;
    left: 0;
}
.-browser-mobile .-no-hamburger #cssmenu, .-browser-tablet .-no-hamburger #cssmenu{position: relative; overflow: auto; top: initial; overflow: hidden;}
.-browser-mobile .-no-hamburger #cssmenu .-nav-root, .-browser-tablet .-no-hamburger #cssmenu .-nav-root{display: block !important; width: fit-content;}
.-browser-mobile .-no-hamburger #cssmenu .-nav-root>li, .-browser-tablet .-no-hamburger #cssmenu .-nav-root>li{width: auto; border: unset; display: inline-block; padding: 4px 10px;}
.-browser-mobile .-no-hamburger #cssmenu .-nav-root, .-browser-tablet .-no-hamburger #cssmenu .-nav-root{background: transparent;    border-bottom: none;}
.-browser-mobile .-no-hamburger  #cssmenu, .-browser-tablet .-no-hamburger #cssmenu{background: transparent; border-bottom: none;}
.-browser-mobile .-no-hamburger #cssmenu .-nav-root>li, .-browser-tablet  .-no-hamburger #cssmenu .-nav-root>li{border-top: none;}
.-browser-mobile .-no-hamburger #cssmenu > ul > li a, .-browser-tablet .-no-hamburger #cssmenu > ul > li a {    padding-right: initial;}
.-browser-mobile .service-sidebar #cssmenu ul li a, .-browser-tablet .service-sidebar #cssmenu ul li a{    padding: 5px 8px; }

.-browser-mobile #mobileMenuContainer, .-browser-tablet #mobileMenuContainer {
    display: block;
    position: fixed;
    top: -150px;
    right: 0;
}

/* full width */
@media (max-width: 1000px){
    .row-width-full .lei-col-in {width:100%;}
    .row-width-full .lei-row-in {width:100%;}
}


/* New Styles */
.logoNav>img{display: none;}
h1.lei-heading{font-family: 'Lato', sans-serif; font-family: EngraversGothicBT-Regular, 'Playfair Display', serif;}
.main h1.lei-heading{    font-family: EngraversGothicBT-Regular, 'Playfair Display', serif; font-family: 'Playfair Display', serif; color: #444;     font-weight: 300;}
h2.lei-heading{font-size: 35px; font-family: EngraversGothicBT-Regular, 'Playfair Display', serif; font-family: 'Playfair Display', serif; color: #444;     line-height: 1.6; }
.main h2.lei-heading { font-size: 28px;     font-weight: 300;}
h3.lei-heading{font-size: 25px; font-family: EngraversGothicBT-Regular, 'Playfair Display', serif; font-family: 'Playfair Display', serif; color: #444;     line-height: 1.6;     font-weight: 300;}

.attorney.main .lei-row{max-width: 1400px; width: 100%;}
.attorney .head-shot-col{    width: 25%;}
.attorney .head-shot-col .lei-image{width: 220px; }
@media (max-width: 750px){
    .attorney .head-shot-col{width: 100%;}
}

.practice{padding-bottom: 60px;}
.our-practice{    
    width: 100%;
    background: #d5d5d5;
    max-width: 100%;
}
.our-practice .lei-row-in{    max-width: 1200px;}
.our-practice h2.lei-heading{
    font-size: 30px;
    text-align: left;
    font-family: EngraversGothicBT-Regular, 'Playfair Display', serif; font-family: 'Playfair Display', serif;
    color: #444;
}
.our-practice h3.lei-heading{
    text-align: left;
    font-family: EngraversGothicBT-Regular, 'Playfair Display', serif; font-family: 'Playfair Display', serif;
    font-weight: 300;
    color: #444;
    font-size: 20px;
}

.intro-screen{height: 95vh; min-height: 400px;}
.intro-screen .lei-sec-in{display: grid; /*grid-template-columns: repeat(5, 1fr);     grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));*/ height: 100%;}
.intro-screen .lei-row{  justify-self: center; align-self: center; }
.intro-screen .lei-heading{
    text-align: center;
    font-size: 50px;
    letter-spacing: 8px;
    text-shadow: 1px 1px 6px #000;
    /*text-transform: uppercase;*/
    font-weight: 300;
    line-height: 1.5;
}
@media (max-width: 600px){
  .intro-screen .lei-heading{
    font-size: 30px;
    letter-spacing: 3px;
    line-height: 2;
  }
}
.intro-screen .lei-row.content{    /*grid-column-start: 2; grid-column-end: 4;*/}


/* intro screen IE*/
.-browser-internet-explorer .intro-screen .lei-col{
    vertical-align: middle;
    text-align: center;
}
.-browser-internet-explorer .intro-screen .lei-row-in,
.-browser-internet-explorer .intro-screen .lei-row,
.-browser-internet-explorer .intro-screen .lei-sec-in,
.-browser-internet-explorer .intro-screen .lei-sec{
    height: 100%;
}

.intro-down-arrow{
    margin: 0 auto;
    font-size: 50px;
    color: #fff;
    width: min-content;
    margin-top: 80px;
}
.intro-down-arrow:hover{
    cursor: pointer;
    opacity: 0.5;
}   

.about .lei-row{max-width: 1400px; max-width: 980px;}
.about{padding-top: 80px; padding-bottom: 100px;}


.lei-paragraph.lei-elem-in p, .lei-paragraph li, p {
    margin-bottom: 8px;
    font-size: 17px;
    font-family: 'Lato', sans-serif;
    line-height: 1.6;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-wrap: break-word;
}
.tools-heading { margin-bottom: 0;}
.tools-paragraph{ margin-top: 8px;}


/* Divider */
@media (min-width: 750px){
.divider-right:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: #b2b2b2;
    background: #f2f2f2;
    background: -webkit-gradient(linear,left top,left bottom,from(#f2f2f2),color-stop(50%,#ccc),to(#f2f2f2));
    background: linear-gradient(180deg,#f2f2f2 0,#ccc 50%,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#f2f2f2",GradientType=0);
}
}

/* Services Row */
.services-row .lei-col-in{
    padding: 20px;
}


/* Nav standard - inner pages */
.nav-standard {
    /*position: absolute;*/
    top: 0;
    right: 0;
    margin-right: 60px;
}


.grey-bar{
    position: absolute;
    bottom: 0;
    height: 50px;
    margin-bottom: 0;
    padding: 0;
}

/* logo hover */
.contact-header-logo:hover {
    transition: transform .25s cubic-bezier(.22,.61,.36,1) .1s;
    pointer-events: inherit;
    transform: scale(.9);
    /*transform: scale(1.08);*/
}

/* bio head shot attorneys */
.head-shot-col .lei-btn {
    margin-left: 0;
    letter-spacing: 1px;
    font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-wrap: break-word;
    color: #444;
    font-weight: 400;
    line-height: 1.5;
    margin: 7px 0;
}

.head-shot-col .tools-button{
    margin: 0;
}
.head-shot-col .tools-button:hover .lei-btn{
    color: #333;
    text-decoration: underline;
}
.head-shot-col .tools-image{margin-bottom: 0;}
.v-card{
    margin: 0;
    text-align: center;
    width: 100%;
    width: 220px;
    background: #6b95c5;
}
.head-shot-col .v-card {
    margin-top: -3px;
    margin-bottom: 40px;
}
.head-shot-col .v-card .lei-file{
    text-align: center;
    width: 100%;
    color: #fff;
    padding: 15px 0;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 0;
    display: block;
}
.head-shot-col .tools-file.v-card:hover .lei-file{
    color: #fff;
}
.head-shot-col .tools-file.v-card:hover{ background: #5f87b4;}
.head-shot-col .tools-file.v-card a.lei-file:before{content: none;}
.head-shot-col .email a{font-size: 14px;}

.statistic .lei-heading{
font-size: 28px;
    font-weight: 300;
    font-family: 'Playfair Display', serif;
    line-height: 1.6;
}