html {
	scroll-behavior: smooth;
}

:target:before {
	content:"";
	display:block;
	height:100px; /* fixed header height*/
	margin:-100px 0 0; /* negative fixed header height */
}

.row, .row.limited{ max-width: 1190px;margin: 0 auto; }
.row.fullwidth{ max-width: 100%; }
[class*="block-grid-"]{margin:0;}
[class*="block-grid-"] > li{padding: 0 15px;}
[class*="block-grid-"].collapse > li{padding:0;padding-bottom:20px;}

:focus{outline: 0}

.column, .columns {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.row .row:not(.limited) {margin: 0 -15px;}

img{max-width: 100%}

body{height: auto;}

body, p, .sub-nav dt, .sub-nav dd, .sub-nav li, span, div, li, ul, label{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 13px; 
    line-height: 20px;
    letter-spacing: 1px;
    color:#999999; 
}

a{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 13px; 
    line-height: 20px;
    color:#999999;
    outline: 0;
    transition:0.25s;
    display: inline-block;
    letter-spacing: 1px;
    max-width: 100%;
}

a:hover, a:focus, a.active{transition:0.25s;color:#3065B5}
a.text-primary:hover {color:#1ea9c5}


h1, .h1, h2, h3, h4, h5, .h5, h6{font-family: 'Montserrat', sans-serif;color:#333;margin-top: 0;margin-bottom: 20px;}
h1 > *:not(br), .h1 > *:not(br), h2 > *:not(br), h3 > *:not(br), h4 > *:not(br), h5 > *:not(br), h6 > *:not(br), .h6 > *:not(br){font-size: inherit !important;line-height: inherit !important;font-weight:inherit;letter-spacing: inherit;}

h1, .h1{
    font-weight: 600;
    font-size: 42px;
    line-height: 57px;
    letter-spacing: 0;
}
.h1.small{font-size: 35px;line-height: 41px;font-weight: 500;}

h2{
    font-weight: 500;
    font-size: 25px;
    line-height: 29px;
    letter-spacing: 1px;
}
h2.large{
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
}

h2.border{position: relative;margin-bottom: 41px}
h2.border::after{
    content: " ";
    display: block;
    background: #0EB2E7;
    height: 1px;
    width: 70px;
    position: absolute;
    left: 0;
    bottom: -20px;
}
h2.border.text-right::after{right: 0;left:initial}


h3{
    font-weight: 500;
    font-size: 22px;
    line-height: 29px;
    letter-spacing: 0;
}
h3 > a{color:#3065B5}
h3 > a:hover{color:#808080}

h4{
    font-weight: 400;
    font-size: 21px;
    line-height: 27px;
    letter-spacing: 1px;
}

h5{
    font-weight: 500;
    font-size: 19px;
    line-height: 20px;
    letter-spacing: 1px;
}
h5.small{font-size: 18px;}

h6, .h6{
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0;
}

.titulo{
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
}

.button, button{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    padding: 13px 58px;
    background: #3065B5;
    color:#fff;
    border-radius:0;
}
.button:hover, .button:focus, .button.active{background: #1ea9c5;color:#fff;}

.button.large{padding: 17px 55px;font-size: 22px;font-weight: 600;background: #1EA9C5;}
.button.large:hover, .button.large:focus{background: #3065B5;}

.button.small{
    border:1px solid #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    padding: 6px 25px;
    color:#fff;
}

.button.tiny{
    padding: 0 10px;
    line-height: 24px;
    background: #808080;
    color: #fff;
    border: 0;
}

.button.tiny.alt{
    border:1px solid #3065B5;
    background: #fff;
    color:#3065B5;
    line-height: 23px;
    font-size: 13px;
    font-weight: 500;
}
.button.tiny.alt:hover{background: #3065B5;color:#fff;}

.button.btn-border{
    color:#9D89FF;
    border:2px solid #9D89FF;
    background: #fff;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    padding: 11px 43px;
    margin-bottom: 0;
}
.button.btn-border:hover,.button.btn-border:focus{background: #9D89FF;color:#fff;}

.btn-outline{
    padding: 2.5px 18px;
    font-size: 13px;
    font-weight: 500;
    background: transparent;
    border:1px solid #fff;
    color:#fff;
}
.btn-outline:hover, .btn-outline:focus{
    background: #fff;
    color:#3065B5;
}

.btn-icons a{
    width: 53px;
    height: 53px;
    text-align: center;
    font-size: 30px;
    background: #808080;
    color:#fff;
    line-height: 50px;
    vertical-align: middle;
    margin: 0 5px;
    border:1px solid transparent;
}
.btn-icons a:first-of-type{margin-left: 0}
.btn-icons a:last-of-type{margin-right: 0}
.btn-icons a.btn-color{
    background: #9D89FF;
    color:#fff;
}

.btn-icons i.fa-link{
    transform: rotate(90deg);
}

.btn-icons a:hover{
    background: #fff;border:1px solid #9D89FF;color:#9D89FF
}

.bg-f2{background: #F2F2F2}
.bg-e6{background: #E6E6E6}

.text-primary{color:#3065B5;}
.text-secondary{color:#1ea9c5;}
.text-alt{color:#82A1AD;}
.text-999{color:#999999;}
.text-80{color:#808080;}
.text-666{color:#666666}
.text-4d{color:#4D4D4D}
.text-purple{color:#9D89FF}
.text-normal{font-weight: 400 !important}

.border-primary{border-color:#3065B5;}
.border-b3{border-color:#B3B3B3;}
.border-ccc{border-color:#ccc;}

.bg-primary{background:#3065B5;}
.bg-secondary{background:#1ea9c5;}

.mgauto{margin:auto}

.text-flex{
    display: flex;
    flex-wrap:wrap;
}

.text-36p{font-size: 36px !important}

input[type="text"], input[type="email"], input[type="number"], input[type="password"],textarea{
    box-shadow:none;
    margin-bottom: 25px;
    background: #fff !important;
    opacity: 1;
    padding: 14px 20px 14px 0;
    min-height: 48px;
    border:0;
    border-bottom: 2px solid #777777;
}

::placeholder{
    color: #999999;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    opacity: 1;
}

#modalSearch input[type="search"]{
    height: 55px;
    border: 0;
    box-shadow: none;
}
#modalSearch #pesquisa{
    line-height: 55px;
    height: 55px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    border-left: 5px solid #555;
    color:#555;
}

.share a{font-size: 17px}
.share a:not(:hover){color:#B3B3B3;}
.share a:not(:last-of-type){margin-right: 20px}

/* ------------------------------------- */
header .cta-links{padding: 12.5px 0}
header .inline-list{vertical-align: middle;margin-left: 0;margin-top: -4px}
header .inline-list li:not(:last-of-type) {
    border-right: 2px solid #3065B5;
}

.inline-list{margin: 0 36px;display: inline-block;}
.inline-list a{font-size:18px;line-height: 20px;font-weight: 500;color:#3065B5;}
.inline-list a.active{font-weight: 600}

.inline-list > li{padding: 0 20px;margin: 0}
header .inline-list > li:first-child{padding-left: 0 }
header .inline-list > li:last-child{padding-right: 0 }

header a{color:#3065B5}
header a:hover,  header a.active{color:#1ea9c5}

header .social a{font-size: 17px;}
header .social a:not(:last-of-type){margin-right: 17px}


header nav > span{padding: 42.9px 0;position: relative;}
header nav > a.search{
    position: relative;
    font-size: 18px;
    border: 1px solid;
    padding: 9.5px 11.5px;
}
header nav a.active:after{display:block;content:" ";height: 1px;width:100%;background: #1ea9c5;position: absolute;bottom: 0;}
header nav span{
    display: inline-block;
    margin-right: 24px;
    position: relative;
}

header nav span a{
    font-size: 15px;
    letter-spacing: 1px
}

header span > div.submenu{
    display: none;
    position: absolute;
    top: 106px;
    z-index: 99;
    background: #fff;
    text-align: left;
    width: 120%;
    left: -10%;
    box-shadow: 0px 3px 3px #ccc;
    min-width: 95px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

header span > div.submenu:hover, 
header span:hover > div.submenu{
    display: block;
}

header div.submenu a{
    font-size: 17px;
    padding: 10px 21px;
    display: block;
}
header div.submenu a:hover{background: #93D6E3;color:#3065B5}


.filter{
    background: rgba(102, 102, 102, 0.21);
    height: 100%;
    width: 100%; 
}

.orbit-home .filter{padding-top: 140px}

.orbit-home h1, .orbit-home .h1, .orbit-home h2{
    color:#fff;
    text-shadow: 1px 1px #555;
}
.orbit-home h1, .orbit-home .h1{
    margin-bottom: 120px;
}
.orbit-home h2{
    margin-bottom: 50px;
}

.orbit-home .button{
    padding: 16px 10px;
    color: #fff;
    min-width: 232.5px;
    text-transform: none;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    border-radius: 0;
    border: 1px solid #fff;
    background: linear-gradient(to bottom, #00A99D, #1ea9c5 );
}
.orbit-home .button:not(:hover){border-color: #fff;}

.orbit-home div.orbit-bullets-container{
    display: block;
    border: 0;
    bottom: 30px;
    position: absolute;
    width: 100%;
}

.orbit-home div.orbit-bullets-container .orbit-bullets {top:0;margin:0}
.orbit-home .orbit-bullets li {
    background: transparent;
    border: 1px solid #fff;
    padding: 8.5px;
    margin-right: 13px;
}
.orbit-home .orbit-bullets li.active {
    background: #fff;
}

.orbit-timer, .orbit-progress{visibility: hidden}

.noarrows.orbit-slides-container+.orbit-prev,
.noarrows.orbit-slides-container+.orbit-prev+.orbit-next{
    visibility: hidden;
}

.or-al, .or-ar{
    border:1px solid #666666;
    height: 41px;
    width:41px;
    margin: 5px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    transition: 0.25s;
}
.or-al{margin-left: 0;}
.or-ar{margin-right: 0;}

.or-al:hover, .or-ar:hover{background: #666666;}

.or-al::before, .or-ar::before{
    font-family: Ionicons;
    color:#666666;
    line-height: 39px;
    font-size: 18px;
    text-align: center;
    transition: 0.25s;
}
.or-al::before{content:"\f2ca";}
.or-ar::before{content:"\f30f";}

.or-al:hover::before, .or-ar:hover::before{color:#fff;}

.cta-contactos i{font-size:25px;color:#75B7FF}
.cta-contactos p{margin-bottom: 15px}
.cta-contactos h6{margin-bottom: 0}

.cta-areas .filter{background:rgba(51, 51, 51, 0.69);position: relative;}
.cta-areas .filter:hover{background:rgba(51, 51, 51, 0.96)}

.cta-areas .watermark{
    position: absolute;
    bottom:20px;
    right:20px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(221deg) brightness(106%) contrast(105%);
}

#app-noticias h3{font-size: 30px;font-weight: 500;line-height: 36px;}


.filter-header{
    background:rgba(227, 244, 246, 0.48);
    height:100%;
    width:100%;
    display:flex;
}

.nofilter{background: none !important}

.card-border{
    border:10px solid #fff;
    background: #E4F4F3;
    padding: 100px 65px 20px;
    max-width: 100%;
    margin-top: 33.5px;
    margin-left: calc(-34px + -92.5px);
}

.card-border p{color:#333;}

.cta{background: #1EA9C5;padding: 60px 0 35px;}
.cta h2{
    color:#fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
}

.cta .text-flex.text-right p{margin: auto}

.cta a.button{
    background: #fff;
    color:#1EA9C5;
    font-weight: 500px;
    font-size: 26px;
    line-height: 32px;
    padding: 16.5px 26.5px
}

.card-areas h2{
    font-size: 30px;
    line-height: 46px;
    font-weight: 500;
    margin-bottom: 40px;
}


.card-prod{
    background: #fff;
    padding: 15px 20px;
    border: 1px solid #3065B5;
    position: relative;
}

.prod-cards > li:nth-child(2n) > div.card-prod{margin:auto}
.prod-cards > li:nth-child(3n) > div.card-prod{float:right}

.card-prod .card-overlay{
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    height: 350px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.25s;
}
.card-prod > img:hover+.card-overlay, .card-overlay:hover{
    opacity: 1;
}

.card-prod h6{
    font-weight: 500;
    line-height: 21px;
    padding: 20px 20px 0;
    border-top: 1px solid #3065B5;
    margin: 0 -20px 20px;
}

.painel-areas > div.bg-white:first-of-type{
    display: flex;
    flex-direction: column;
    height:100%;
}

.painel-areas .btn-icons{
    margin-top: auto;
}

.painel-areas h5{
    line-height: 32px;
    color:#999999;
}

.social-whatsapp{
    position: fixed;
    bottom: 30px;
    right: 30px;
}

.social-whatsapp span{
    background: #fff;
    padding: 4.5px 10px;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    vertical-align: bottom;
}


.bg-footer{background: #525463;}
footer{
    background: #525463;
    padding: 77px 0 47px;
}

footer .quick-links div{margin-bottom: 20px}
footer .quick-links i{font-size: 16px;margin-right: 10px}
footer .quick-links a{
    display: flex;
}
footer .quick-links a i{margin: auto 10px auto 0}

footer a, footer p, footer, footer div{
    color:#fff;
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
    letter-spacing: 1px;
}
footer a:hover{color:#1ea9c5}

footer .social a{font-size: 25px;}
footer .social a:not(:last-of-type){margin-right: 28px;}

label[for="check-menu"].active i:before{
    content: "\f12a";
    font-family: Ionicons;
    padding-left: 2.8px;
}
#check-menu{
    margin: -13px 0 0;
    position: absolute;
    visibility: hidden;
}
div.menu-alt{display: none;}
#check-menu:checked+div.menu-alt{
    display: block;
    position: absolute;
    width: 100%;
    z-index: 999;
    background: #fff;
}
#check-menu:checked+div.menu-alt ul{
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
    box-shadow: 0px 3px 3px #ccc;
}
#check-menu:checked+div.menu-alt a{
    font-size: 15px;
    letter-spacing: 1px;
    color: #3065B5;
    padding: 13.5px 18px;
    display: block;
}
#check-menu:checked+div.menu-alt li a:hover, #check-menu:checked+div.menu-alt li.active a{
    background: #3EB8D7;
    color: #fff
}
div.menu-alt li a.submenu-indicator::after{
    content: "\f107";
    position: absolute;
    right: 10px;
    font-family: FontAwesome;
}

@media only screen and (max-width: 40em) { 
    .cta-areas > .columns > a > div{
        height: 400px !important;
    }
    .cta-areas > .columns > a > div > .filter{
        padding-top: 110px !important
    }

    .card-border {margin-left: 0;}

    .card-areas.mgr-95, .card-areas.mgl-130{
        margin: 0 !important;
    }

    .cta-contactos .mgauto{
        margin: 0 0 20px;
        flex-wrap: nowrap;
    }

    .cta-contactos i{
        min-width: 37px;
    }

    h1, .h1, .contact-form-title {
        font-size: 32px;
        line-height: 44px;
    }

    .filter-header h2{
        margin: 15px 0 !important;
    }
    .filter-header h1{
        font-size: 32px;
        line-height: 42px;
    }

    h2.titulo.text-normal{
        font-size: 24px;
        line-height: 32px;
    }
    
    .small-pda0{padding: 0 !important;}
    .small-pda20{padding: 20px !important;}

    header .search{
        font-size: 22px;
        margin-top: 10px;
    }

    .orbit-home h1, .orbit-home .h1 {
        margin-bottom: 60px;
    }

    .cta-contactos{text-align: center;}
    .cta-contactos .text-flex{display: block}
    .cta-contactos i.fa{margin: 10px 0 10px !important;}


} 


@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
    .cta-areas .medium-6:last-of-type{
        margin: auto;
        float: none;
    }

    .cta-contactos .mgauto{
        flex-wrap: nowrap;
    }

    .prod-cards.collapse > li {
        padding: 20px
    }
    .prod-cards.collapse > li:last-of-type {
        float: none;
        margin: auto;
    }

    header .search{
        font-size: 22px;
        margin-top: 10px;
    }

}

@media only screen and (min-width: 64.063em) {
    .cta-areas .medium-6{
        padding: 0;
    }
    .cta-areas .columns:not(:last-of-type) {
        padding-right: 1px !important;
    }

    .cta-contactos .mgauto{
        flex-wrap: nowrap;
    }

    .card-prod {max-width: 330px;}

}