@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf')  format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Extrabold';
    src: url('../fonts/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Extrabold.woff') format('woff'), url('../fonts/OpenSans-Extrabold.ttf')  format('truetype'), url('../fonts/OpenSans-Extrabold.svg#OpenSans-Extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { color:#FFF; background: #26cae6; font-family:'OpenSans', sans-serif; }
tbody, thead, h1, li, a { color: #000000; }
.navbar-wrapper { font-family: 'OpenSans', sans-serif; }
.navbar-default { background-color: #26cae6; height: 95px; border-color: transparent;; }
.navbar-default ul.nav-justified { }
.navbar-default .nav-justified > li > a { color: #ffffff !important; box-shadow: inset 0 0px 0 #FFFFFF; transition: box-shadow 0.3s linear; cursor: pointer; text-transform: uppercase; margin: 0 12px; padding: 20px 0px 5px; }
.navbar-default .nav-justified > li > a:hover,
.navbar-default .nav-justified > li > a:focus { box-shadow: inset 0 -3px 0 #ffffff; }
.navbar-default .nav-justified > .active > a, 
.navbar-default .nav-justified > .active > a:hover, 
.navbar-default .nav-justified > .active > a:focus { box-shadow: inset 0 -3px 0 #ffffff; background-color: transparent; }
.navbar-default .nav > li > a, 
.navbar-default .nav > li > a:hover, 
.navbar-default .nav > li > a:focus { background-color: transparent;    }

.container > .navbar-header { width: 310px; margin: 0 auto; float: none; height: auto; }

h1 {
    font-size: 70px;
    margin: 0 0 38px;
    text-transform: uppercase;
    font-family: 'OpenSans-Extrabold','OpenSans', sans-serif;
    color: #ffffff;
    text-align: center;
    letter-spacing: -0.06em; 
}
.borda_linha {
    border-top-width: 1px;
    border-top-color: #f5831f;
}
.box-center {
}
.p-0{ padding: 0 !important; }
.w-50p { width: 50% !important; }
.mt-50 { margin-top: 50px !important; }
.mt-90 { margin-top: 90px !important; }
.mb-100 { margin-bottom: 100px !important; }
.mb-200 { margin-bottom: 200px !important; }

/* SENSES */
.senses {background: url(../images/layout/bg-senses.jpg) no-repeat top center #f6c507;padding: 100px 0;text-align: center;overflow: hidden;}
.senses .thumb{
    z-index: 0;
    position: relative;
    padding: 20px 0 0 0;
    margin: 0 0 30px 0;}
.senses .thumb em{width:100%;height:100%;position:absolute;overflow:hidden;display:block;top:0;left:0;}
.senses .thumb em:after{content:'';position:absolute;top:0;left:0;background:#ffffff;width:100%;height:100%;z-index:-1;margin:136px 0 0 0;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.senses .thumb:hover em:after{margin:0 0 0 0;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.senses .thumb .thumbnail{margin:0;border-radius:0;box-shadow:none;border:none;padding:0;background:none;position:relative;}
.senses .thumb .thumbnail .caption{padding:0 35px 35px;margin:0;position:relative;height:240px;}
.senses .thumb .thumbnail .caption p{font-size: 14px; line-height: 20px; color: #8b8a8a; margin: 0;}
.senses .thumb .thumbnail .caption hr.hr1{margin:0 0 25px 0;border-top:4px solid #1a97ac;}
.senses .thumb .thumbnail .caption hr.hr2{border-top:1px solid #1a97ac;margin:0;z-index:2;display:;bottom: 0;}
.senses .thumb .thumbnail .caption strong{color:#616161;margin-bottom:30px;display:inline-block;font-size:32px;}
.senses .thumb .thumbnail .caption.indent hr{border-color:#77b3d4;}
.senses .thumb .thumbnail .caption.indent1 hr{border-color:#f19189;}
.senses .thumb .thumbnail .caption.indent2 hr{border-color:#f1db89;}
.senses .thumb figure{margin:0 0 23px 0;}
.senses .thumb figure img{border-radius:100%;}

/* CLIENTES */
.clientes { background: #105965; padding: 120px 0; }
.clientes .img { display: flex; align-items: center; justify-content: center; height: 130px; }
.clientes img { cursor: pointer; }

/* CONTATO */
.contato { background-color: #ffffff; }
.contato .box { background-color: #ffffff; height: 485px; }
.contato ul { margin: 50px 0 0 50px; padding: 0; }
.contato li { list-style: none; font-size: 20px; margin: 25px 0; }
.contato li.blod { font-family: 'OpenSans-Extrabold', 'OpenSans', sans-serif; width: 400px; cursor: default; }
.contato li.blod:first-child {  }
.contato li i { font-size: 35px; margin-right: 10px; text-align: right; width: 40px; float: left; }
.contato li a { vertical-align: -webkit-baseline-middle; align-items: center; text-decoration: none; }
.contato li:hover > a, 
.contato li:hover > i, 
.contato li:active > a { color: #1a97ac; text-decoration: none; } 
a:hover, a:active, 
i:hover, i:active { color: #1a97ac; text-decoration: none; }

footer {
    display: block;;
    text-align: center;
    padding: 50px 0 45px;
    font-size: 16px;
    color: #2f2f2f;
    font-weight: bold;
    clear: both;
}

.navbar-default .navbar-toggle {
    border-color: #ffffff;
}

.navbar-toggle {
    margin-right: 15px;
    padding: 11px 8px;
    margin-top: 15px;
    border: 1px solid #ffffff;
    border-radius: 0;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-toggle:hover > .icon-bar, 
.navbar-default .navbar-toggle:focus > .icon-bar {
    background-color:   ;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {;;
    width: 360px;
    margin: 0 auto;;;
    border-color: #1a97ac;
}

@media screen and (max-width: 768px) {

    .container > .navbar-header {
        margin: 0;
        float: none;
        height: auto;
        width: 100%;
    }
    .navbar-toggle {
        margin-right: 0;
    }
    .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px 0;
        width: 80%;
    }
    .navbar-default {
        background-color: #26cae6;
        height: 80px;
    }
    .category-navbar {
        margin: 80px auto 10px;
    }
    .navbar-default ul.nav-justified {
        margin: 0px;
    }
    .navbar-default .nav-justified > li > a {
        margin: 0;
        padding: 15px 30px;
    }
    .navbar-default .nav-justified > .active > a, 
    .navbar-default .nav-justified > .active > a:hover, 
    .navbar-default .nav-justified > .active > a:focus {
        box-shadow: inset 0 -50px 0 #26cae6;
    }
    .navbar-default .nav-justified > li > a {
        box-shadow: inset 0 0px 0 #26cae6;
        transition: box-shadow 0.5s linear;
    }
    .navbar-default .nav-justified > li > a:hover, 
    .navbar-default .nav-justified > li > a:focus {
        box-shadow: inset 0 -50px 0 #26cae6;
    }
    .navbar-fixed-top .navbar-collapse, 
    .navbar-fixed-bottom .navbar-collapse {
        max-height:initial;
        width: 100%;
        margin-top:19px;
        background:#0098ae;
    }
    .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
    h1 {
        font-size: 50px;
    }
    .box-center {
        width: 90%;
        display: block;
    }
    .mb-200 { margin-bottom: 0px; }
    .pb-130 { padding-top: 130px; }
    .contato {
        display: block;
    }
    .contato ul {
        margin: 70px 29% 76px;
    }
}
@media screen and (max-width: 450px) {
    .navbar-brand > img {
        width: 100%;
    }
    .senses .thumb .thumbnail .caption {
        height: auto;
    }
    .contato ul {
        margin: 70px 10% 76px;
    }
    .contato li.blod {
        width: 256px;
    }
    .contato li i.fa-map-marker {
        height: 80px;
    }
}
@media screen and (max-width: 400px) {
    .contato ul {
        margin: 70px 16% 76px !important;
    }
}
@media screen and (max-width: 350px) {
    .contato ul {
        margin: 70px 10% 76px !important;
    }
}

.modal-popup { background-color: rgba(0, 0, 0, 0.5) !important; position: fixed;top: 0; width: 100%; height: 100%; z-index: 9999; }
.img-content { width: 700px; margin: 35px auto 0; position: relative; }
.close { position: absolute; top: -27px; right: -27px; }
.modal-content { background-color: transparent !important; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-background-clip: initial; background-clip: initial; outline: 0; }