/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10 de ago. de 2021, 15:43:41
    Author     : Cristiano Xavier Silva
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12 de jul. de 2021, 11:03:12
    Author     : Cristiano Xavier Silva


--------------------------------- CABEÇALHO ------------------------------------ 
*/
body {
    background-repeat: repeat;
}
#menu {
    margin-top: 30px;
    width: 100%;
    position: absolute;
}
#menu .dropdown-menu,
#menu .navbar,
#menu .navbar-inner {
    z-index: 2;
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#menu .dropdown-menu {
    background-color: #fff;
    border: none;
}
#menu .nav {
    border: none;
    border-radius: 0;
    box-shadow: none;
}
#menu .nav a {
    color: #fff;
    padding: 15px 30px;
}
#menu .nav .active,
#menu .nav .active a {
    color: #fff;
    box-shadow: none;
    background: 0 0;
}
#menu .nav .caret {
    color: #ec1d30;
}
#menu .nav .dropdown.open a {
    background: 0 0;
    box-shadow: none;
}
#menu .nav .dropdown.open .dropdown-menu li a {
    color: #000;
}
main {
    width: 100%;
}
#logo-about {
    position: relative;
    top: 200px;
    z-index: 2;
}
#logo-about img {
    width: 350px;
    -webkit-filter: drop-shadow(7px 7px 2px #000);
    filter: drop-shadow(7px 7px 2px #000);
    border: none;
}

#logo-about {
    position: relative;
    left: 9%;
    top: 20px;
}

#logo-about, #logo-about a, #logo-about img {
    width: 40%;
    border: none;
}

#logo-about img {
    border: none !important;
}

#primary-about {
    width: 100%;
}

#primary-about .stp-title {
    margin-left: 0;
}

#btn-advance {
    position: relative;
    top: 470px;
    z-index: 1;
    width: 100%;
    text-align: center;
}
#btn-advance a {
    color: #fff;
    background: 0 0;
}
#about #stp-about {
    position: relative;
    top: 500px;
    margin-top: 80px;
}
#about #stp-about p,
#primary-about p {
    color: #fff;
    padding-left: 0;
}
#about #stp-about p,
#primary-about p, #about2 p {
    text-align: justify;
}
.stp-title {
    width: 100%;
    text-align: left;
    background: #3c809d;
    background: linear-gradient(90deg, #4da0c3 0, #3c809d 35%, transparent 100%);
    color: #fff;
    padding: 15px;
    padding-left: 30px;
    margin-top: 0;
    margin-left: -30px;
}

.stp-title-right {
    width: 100%;
    text-align: right;
    background: #3c809d;
    background: linear-gradient(90deg, transparent 0, #3c809d 35%, #4da0c3 100%);
    color: #fff;
    padding: 15px;
    padding-right: 30px;
    margin-top: 0;
    margin-left: 30px;
}

#about #stp-about {
    position: relative;
    top: -20px;
    margin-top: 50px;
}

#about #logo-about {
    position: absolute;
}

#about #primary-about {
    background: #fff;
    width: 100%;
    position: absolute;
}

#about #stp-about .p-right {
    padding-right: 0;
}

#about .img-responsive {
    width: 100%;
}
#about img, #primary-about img,
#about2 img {
    border: 1px solid #fff;
}

#about h1, #about h2, #about ul li {
    color: #fff;
}

#about p, #primary-about p,
#about2 p, #about2 ul li {
    font-size: 20px;
}

#about2 * {
    color: #fff;
}

#modal_enlarge .modal-dialog {
    width: 90%;
}

#img-location .col-md-4, #img-location2 .col-md-4,
#img-location3 .col-md-4, #primary-about .text-center {
    position: relative;
}

.hover-box, #primary-about .hover-box {
    background-color: rgba(7, 158, 169, .5);
    width: 92.5%;
    position: absolute;
    top: 31px;
    opacity: 0;
}

.hover-box:hover,
#primary-about .hover-box:hover {
    opacity: 1;
}

.hover-box span {
    font-size: 300%;
    position: relative;
    top: calc(50% - 21px);
    color: #fff;
}

.btn-send {
    padding: 20px 60px;
    background: #05b3fb;
    box-shadow: none;
    font-size: 20px;
}
footer {
    width: 100%;
    background-color: #079ea9;
    position: relative;
    z-index: 2;
}
footer span {
    color: #fff;
}
#btn-top {
    position: absolute;
    bottom: 30px;
    right: 125px;
    z-index: 2;
    float: right;
}
#btn-top:link {
    box-shadow: none;
}
.m-10 {
    margin: 10px;
}
.m-20 {
    margin: 20px;
}
.m-30 {
    margin: 30px;
}
.p-10 {
    padding: 10px;
}
.p-20 {
    padding: 20px;
}
.p-30 {
    padding: 30px;
}
.mt-10 {
    margin-top: 10px;
}
.pt-10 {
    padding-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.pt-20 {
    padding-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.pt-30 {
    padding-top: 30px;
}
.ml-10 {
    margin-left: 10px;
}
.pl-10 {
    padding-left: 10px;
}
.ml-20 {
    margin-left: 20px;
}
.pl-20 {
    padding-left: 20px;
}
.ml-30 {
    margin-left: 30px;
}
.pl-30 {
    padding-left: 30px;
}
.mr-10 {
    margin-right: 10px;
}
.pr-10 {
    padding-right: 10px;
}
.mr-20 {
    margin-right: 20px;
}
.pr-20 {
    padding-right: 20px;
}
.mr-30 {
    margin-right: 30px;
}
.pr-30 {
    padding-right: 30px;
}
.mb-10 {
    margin-bottom: 10px;
}
.pb-10 {
    padding-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.pb-20 {
    padding-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.pb-30 {
    padding-bottom: 30px;
}