/*-------------------- # General --------------------*/
 body {
     background: #fff;
     color: #444;
     font-family: "Montserrat", sans-serif;
}
 a {
     color: #596bf3;
}
 a:hover, a:active, a:focus {
     color: #278bf2;
     outline: none;
     text-decoration: none;
}

 h1, h2, h3, h4, h5, h6 {
     margin: 0 0 20px 0;
     padding: 0;
}
/*-------------------- # Top Bar --------------------*/
 #topbar {
     padding: 10px 0;
     border-bottom: 1px solid #eee;
     font-size: 14px;
     background: #071e33;
}
 #topbar .contact-info a {
     line-height: 1;
}
 #topbar .contact-info a:hover {
     color: #596bf3;
}
 #topbar .contact-info i {
     color: #596bf3;
     padding: 4px 4px 0 0;
}
/*-------------------- # Header --------------------*/
 #header {
     background: transparent;
}
 .sticky-wrapper {
     position: absolute;
     width: 100%;
     z-index: 9;
     background: transparent;
}
 #header #logo h1 {
     font-size: 28px;
     margin: 6px 0 0 0;
     line-height: 0;
     font-family: "Montserrat", sans-serif;
     font-weight: 700;
}
 #header #logo h1 a {
     line-height: 1;
     display: inline-block;
     color: #ffffff;
}
 .is-sticky #header #logo h1 a{
     color: #ffffff;
}
 #header #logo h1 a span {
     color: #07cc91;
}
 #header #logo img {
     padding: 0;
     margin: 0;
}
 .is-sticky #header {
     background: linear-gradient(to right, #2871f8, #00aaff);
     box-shadow: 2px 1px 1px #33333336;
}

 @media (max-width: 768px) {
     #header {
         padding: 20px 0;
         height: 74px;
    }
     #header #logo h1 {
         font-size: 34px;
    }
     #header #logo img {
         max-height: 40px;
    }
}

/*-------------------- # Navigation Menu --------------------*/
/* Nav Menu Essentials */
 .nav-menu, .nav-menu * {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .nav-menu ul {
     position: absolute;
     display: none;
     top: 100%;
     left: 0;
     z-index: 99;
}
 .nav-menu li {
     position: relative;
     white-space: nowrap;
}
 .nav-menu > li {
     float: left;
}
 .nav-menu li:hover > ul, .nav-menu li.sfHover > ul {
     display: block;
}
 .nav-menu ul ul {
     top: 0;
     left: 100%;
}
 .nav-menu ul li {
     min-width: 180px;
}
/* Nav Menu Arrows */
 .sf-arrows .sf-with-ul {
     padding-right: 22px;
}
 .sf-arrows .sf-with-ul:after {
     content: "\f107";
     position: absolute;
     right: 8px;
     font-family: "Montserrat", sans-serif;
     font-style: normal;
     font-weight: normal;
}
 .sf-arrows ul .sf-with-ul:after {
     content: "\f105";
}
/* Nav Meu Container */
 #nav-menu-container {
     float: right;
     margin: 0;
}
/* Nav Meu Styling */
 .nav-menu a {
     padding: 10px 8px;
     text-decoration: none;
     display: inline-block;
     color: #ffffff9c;
     font-family: "Montserrat", sans-serif;
     font-weight: 700;
     font-size: 14px;
     outline: none;
}
 .nav-menu > li {
     margin-left: 10px;
}
 .nav-menu ul {
     margin: 4px 0 0 0;
     padding: 10px;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
     background: #fff;
}
 .nav-menu ul li a {
     padding: 10px;
     color: #333;
     display: block;
     font-size: 13px;
}
 .nav-menu ul li:hover > a {
     color: #596bf3;
}
 .nav-menu ul ul {
     margin: 0;
}
/*------- Inner Banner ---------*/
 #innerBanner{
     padding: 138px 0 64px;
     text-align:center;
     background: #278bf2;
}
 #innerBanner h2{
     color:#fff;
     text-align:center;
     font-weight:normal;
     font-size:18px;
     margin:0px;
}
 #innerBanner h2 span{
     color: #ffffff;
     font-weight:bold;
     font-size:38px;
     text-align:center;
}
/* Sections Header --------------------------------*/
 .section-header {
     margin-bottom: 30px;
}
 .section-header h2 {
     font-size: 32px;
     color: #071e33;
     font-weight: 700;
     position: relative;
     padding-bottom: 20px;
     text-align: center;
}
 .section-header h2::before {
     content: '';
     position: absolute;
     display: block;
     width: 62px;
     height: 3px;
     bottom: 0;
     left: 0;
     border-top: #596bf3 solid 2px;
     right: 0;
     text-align: center;
     margin: 0 auto;
}
 .section-header p {
     padding: 0;
     margin: 0;
     text-align: center;
     color: #333;
}
/* Custom Section --------------------------------*/
#customsection {
     padding: 60px 0;
}
/*-------------------- # Footer --------------------*/
 #footer {
     background: #071e33;
     padding: 0 0 30px 0;
     font-size: 14px;
     color: #fff;
}
 #footer .copyright {
     text-align: center;
     padding-top: 30px;
     color: #ffffffdd;
}
 #footer .credits {
     text-align: center;
     font-size: 13px;
     color: #ffffff85;
     margin-top: 8px;
}
 #footer .credits a {
     color: #278bf2;
}