@font-face {
    font-family: 'museo_sans300';
    src: url('museosans300-webfont.woff2') format('woff2'),
    url('museosans300-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans500';
    src: url('museosans500-webfont.woff2') format('woff2'),
    url('museosans500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans700';
    src: url('museosans700-webfont.woff2') format('woff2'),
    url('museosans700-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html { overflow-x: hidden; }
body { font-family: 'museo_sans500', sans-serif; background-color: #f7f7f7; }
p { font-size: 18px; }
h1 { font-size: 50px; font-family: 'museo_sans700', sans-serif; color: #035361; margin-bottom: 50px; text-transform: uppercase; }
h2 { font-size: 40px; font-family: 'museo_sans700', sans-serif; }
h3 { font-size: 30px; font-family: 'museo_sans700', sans-serif; }
h4 { font-size: 25px; font-family: 'museo_sans700', sans-serif; }
h5 { font-size: 20px; font-family: 'museo_sans700', sans-serif; }
section { padding: 50px 0; }

.font300 { font-family: 'museo_sans300', sans-serif; }
.font500 { font-family: 'museo_sans500', sans-serif; }
.font700 { font-family: 'museo_sans700', sans-serif; }
.linha { width: 80%; height: 3px; background-color: #007378; margin: 40px auto 0; }
.cursor-pointer { cursor: pointer; }

.parsley-errors-list { color: #b32721; list-style: none; padding: 0; margin: 0; font-weight: bold }
input.parsley-error,
input.parsley-error:focus { border: 3px solid #b32721; }

input, select, textarea { border-radius: 0 !important; background-color: #00252e !important; color: #ffffff !important; font-family: 'museo_sans300', sans-serif !important; border: none !important; margin-bottom: 10px; padding: 20px !important; }
input[type=submit] { background-color: #007378 !important; color: #ffffff; font-family: 'museo_sans300', sans-serif; font-size: 18px; font-weight: bold; margin-top: 20px; transition: 0.2s linear; cursor: pointer; padding: 10px 40px !important; }
input[type=submit]:hover {background-color: #00595e !important; }
a.upTop { position: fixed; bottom: 20px; right:20px; padding: 10px 20px; border-radius: 10px; background-color: #007378; opacity: 0.3; transition: 0.2s linear; z-index: 2000; }
a.upTop:hover { opacity: 1; }

.navbar,
.navbar a { font-family: 'museo_sans300', sans-serif }
.navbar .nav-item { padding: 0 10px; }
.navbar .nav-item.telefone { font-size: 22px }

#banner h1 { }

#quadros #mosaico { position: relative; height: 546px; }
#quadros #mosaico .mo { width: 274px; height: 496px; background-repeat: no-repeat; background-size: cover; float: left; margin-right: 4px; cursor: pointer; }
#quadros #mosaico .moDown { margin-top: 49px; margin-left: 1px; }
#quadros #mosaico .moFull { position: relative; top: 0; left: 0; background-repeat: no-repeat; background-size: contain; width: 100%; height: 546px; z-index: 10; display: none; }
#quadros #mosaico .moText { position: absolute; top: 0; right: 0; background-color: rgba(255,255,255,0.9); width: 50%; height: 546px; z-index: 100; display: none; padding: 40px; }
#quadros #mosaico .moText h3 { text-transform: uppercase; color: #007378; overflow: hidden }
#quadros #mosaico .moText p { font-size: 16px; font-family: 'museo_sans300', sans-serif; }
#quadros #mosaico .moText .moClose { position: absolute; top: 0; right: 0; z-index: 101; }
#quadros #mosaico .moBtn {
    background-color: #009d9a;
    background-image: url(../img/seta.png);
    background-repeat: no-repeat;
    background-position: 130px 65px;
    width: 274px;
    height: 100px;
    color: #ffffff;
    font-family: 'museo_sans700', sans-serif;
    padding: 25px 20px;
    font-size: 20px;
    text-transform: uppercase;
    position: absolute;
}

#escopo .quadro p { font-size: 14px; }
#escopo .list-escopo { list-style-image: url('../img/icon-list.png'); margin: 200px 0 0 40px ; padding: 20px; }
#escopo .list-escopo li { float: left; width: 50%; margin-bottom: 40px; font-family: 'museo_sans700', sans-serif; text-transform: uppercase; font-size: 16px; }
#escopo .mobile .quadro { margin-bottom: 20px; }
#escopo .mobile .list-escopo { list-style-image: url('../img/icon-list.png'); margin: 50px 0 0 0px ; padding: 20px; }
#escopo .mobile .list-escopo li { float: none; width: 80%; margin-bottom: 40px; font-family: 'museo_sans700', sans-serif; text-transform: uppercase; font-size: 16px; }

#time .linha { margin: 10px 0; }

footer { background-color: #001720; color: #fff; margin-top: 100px; padding: 100px 0 1px; }
footer .copyright { border-top: 2px solid #00252e; width: 80%; font-size: 16px; padding-top: 20px; margin: 50px auto; text-align: center; }