*{
 font-family: 'Ubuntu', sans-serif;
 /*font-size: 22px;*/
 color: #1834cb !important;
}
body{
 background-color: #FFF; 
 margin-bottom: 0px;
}

/******************************************/
/**** 
https://w3bits.com/css-image-hover-zoom/ 
***/
/* [1] The container */
.img-hover-zoom {
 /*height: 300px; /* [1.1] Set it as per your need */
 overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
 transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
 transform: scale(1.5);
}

/******************************************/
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input:focus {   
 background-color: #FFF;
 color: #1834cb !important;
}

.form-control:focus {   
 /*   border-color: rgba(126, 239, 104, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
    outline: 0 none;*/
 border-color: #1834cb;
 box-shadow: 0 1px 1px rgba(255,255,255, 0.075) inset, 0 0 8px rgba(255,255,255, 0.6);
 outline: 0 none;
}

/******************************************/
.carousel-inner > .item > img {
 width:640px;
 height:360px;
}
.carousel {
 width:640px;
 height:360px;
}

/******************************************/
/**
https://stackoverflow.com/a/48879012
**/
@media (min-width: 576px) {
 .modal-dialog { max-width: none; }
}

.modal-dialog {
 width: 98%;
 height: 92%;
 padding: 0;
}

.modal-content {
 background-color: #1834cb;
 height: 99%;
}
.modal-content *{
 color: #FFF !important;
}
.modal-body{
 background-color: #FFF;
}
.modal-body *{
 color: #1834cb !important;
}

.modal.fade .modal-dialog {
 /* -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
  top: 300px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;*/

 /* -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition:      -o-transform .3s ease-out;
  transition:         transform .3s ease-out;
  -webkit-transform: translate(0, 100%) rotate(180deg) !important;
  -ms-transform: translate(0, 100%) rotate(180deg) !important;
  -o-transform: translate(0, 100%) rotate(180deg) !important;
  transform: translate(0, 100%) rotate(180deg) !important;*/
}

.modal.fade.show .modal-dialog {
 /* -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform: translate3d(0, -300px, 0);
  transform: translate3d(0, -300px, 0);
  opacity: 1;*/

 /* -webkit-transform: translate(0, 50%) rotate(360deg) scale(1.2, 1.2) !important;
  -ms-transform: translate(0, 50%)  rotate(360deg) scale(1.2, 1.2) !important;
  -o-transform: translate(0, 50%)  rotate(360deg) scale(1.2, 1.2) !important;
  transform: translate(0, 50%)  rotate(360deg) scale(1.2, 1.2) !important;*/
}

/******************************************/
.splashWrapper{
 position: fixed;
 z-index: 1000;
 width: 100%;
 height: 100%;
 background-color: #FFF;
 opacity: 0.8;
}
.splashWrapper img{
 position: relative;
 left: calc(50% - 11px);
 top: 0;
}
.navbarWrapper{
 /*margin-top: 50px;
 background-color: #0056b3;*/
 /* Set a specific height */
 height: 100vh;
 /* Create the parallax scrolling effect */
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
 background-image: url(../img/bkg01.jpg);
}
.navbar{
 background-color: #FFF;
 height: 150px;
 background-image: linear-gradient(to right, #1834cb50, #1834cb);
 position: fixed;
 z-index: 10;
 width: 100%;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
.rolado{
 height: 70px;
 box-shadow: 0px 2px 4px grey;
}
.carousel-caption{
 background-color: #FFF;
}
.navbar .navbar-brand{
 /*background-color: #FFF;*/
}
#navbarSupportedContent{
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
#cardInicio{
 position: absolute;
 left: calc(50% - 250px);
 top: calc(50vh - 94px);
 background-image: linear-gradient(to right, #1834cb50, #1834cb50);
}
#slideInicio{
 position: absolute;
 width: 80%;
 left: 10%;
 top: calc(50vh - 44px);
 background-image: linear-gradient(to right, #1834cb50, #1834cb50);
 border-radius: 5px;
}
.img-navbar-brand{
 height: 128px;

 position: absolute;
 left: calc(50% - 181px);
 top: calc(30vh - 64px);
 background-color: #FFF;
 border-radius: 10px;
 box-shadow: 5px 5px 5px grey;

 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
.img-navbar-brand-rolado{
 height: 45px;
 padding-left: 50px;

 position: relative;
 left: 0;
 top: 0;
 background-color: transparent;
 border-radius: 0px;
 box-shadow: none;
}
.navbar .navbar-brand:hover{
 border-bottom: none;
 margin-bottom: 0px;
}
.navbar a{
 color: #FFF !important;
}
.navbar a:hover{
 border-bottom: #FFF solid 2px;
 margin-bottom: -2px;
}
.nav-link.active{
 border-bottom: #FFF solid 2px;
 margin-bottom: -2px;
}
.navbar .nav-item{
 padding-left: 25px;
}
@media screen and (max-width: 991px) {
 .navbar-collapse{
  background-image: linear-gradient(to right, #1834cb, #1834cb, #1834cb80);
 }
 .navbar{
  height: 70px;
  box-shadow: 0px 2px 4px grey;
 }
 .img-navbar-brand{
  height: 45px;
  padding-left: 50px;

  position: relative;
  left: 0;
  top: 0;
  background-color: transparent;
  border-radius: 0px;
  box-shadow: none;
 }
}

@media (max-width: 400px) {
 .slider img{
  width: 90%;
 }
}


section{
 min-height: 100vh;
 width: 100%;
 padding-bottom: 20vh;
 padding-top: 10vh;
}
section h1{
 color: #FFF;
 padding-top: 75px;
 text-align: center;
}
section .sepH1Section{
 height: 20px;
 width: 80%;
 top: -20px;
 position: relative;
 margin: auto;
 border-bottom: solid 2px #1834cb;
}
section .sepH1Section:after{
 font-family: "Font Awesome 5 Free";
 /*content: "\f1fc";*/
 content: "\f043";
 display: inline-block;
 padding-right: 15px;
 padding-left: 15px;
 vertical-align: middle;
 font-weight: 900;
 position: relative;
 /*left: calc(50% - 30px);*/
 float: right;
 right: -2.2%;
 top: -5px;
 font-size: 1.5em;
 background-color: #FFF;
}
@media (max-width: 500px) {
 section .sepH1Section:after{
  /*left: calc(50% - 30px);*/
  float: right;
  right: -2.2%;
  top: 10px;
  font-size: 0.8em;
  background-color: #FFF;
 }
}
hr{
 height: 1px;
 background-color: #1834cb;
}


/*-----------------------------------------------*/
/*-----------------------------------------------*/
#sobreNos {
 background-color: #1834cb;
}
#sobreNos *{
 color: #FFF !important;
}
#sobreNos .carousel *{
 color: #1834cb !important;
}
#sobreNos .carousel-indicators li{
 background-color: #1834cb !important;
}
#sobreNos .sepH1Section{
 border-bottom: solid 2px #FFF;
}
#sobreNos .sepH1Section:after{
 background-color: #1834cb;
}
#sobreNos hr{
 background-color: #FFF;
}
#sobreNos a:hover{
 text-decoration: none;
}
#rowSobreNos{
 background-color: #FFF;
 border-radius: 5px;
 padding: 10px;
 min-height: 40vh;
}
#rowSobreNos *{
 color: #1834cb !important;
}
#rowSobreNos .active{
 color: #FFF !important;
 background-color: #1834cb !important;
 /* border: 1px solid #1834cb;*/
}
#rowSobreNos .tab-pane.active{
 color: #1834cb !important;
 background-color: #FFF !important;
 /* border: 1px solid #1834cb;
  border-radius: 2px;*/
}





/*-----------------------------------------------*/
/*-----------------------------------------------*/
#produtos .col-sm{
 padding-bottom: 10px;
}
#produtos .card-body .btn{
 width: auto;
 position: absolute;
 margin: auto;
 left: 2%;
 right: 2%;
 bottom: 2%;
 color: #FFF !important;
}
#produtos .card{
 background-color: #FFF;
 min-height: 60vh;
 cursor: pointer;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
#produtos .card:hover{
 padding-bottom: 5px;
 /*top: -5px;*/
 box-shadow: 4px 4px 4px grey;
}


/*-----------------------------------------------*/
/*-----------------------------------------------*/
#contato {
 background-color: #1834cb;
}
#contato *:not(textarea):not(input){
 color: #FFF !important;
}
#contato .sepH1Section{
 border-bottom: solid 2px #FFF;
}
#contato .sepH1Section:after{
 background-color: #1834cb;
}
#contato hr{
 background-color: #FFF;
}
#contato a:hover{
 text-decoration: none;
}

#ondeEstamos{
}
#ondeEstamos .mapa{
 box-shadow: 0px 2px 4px grey;
}

footer{
 bottom: 0px;
 width: 100%;
 height: 10vh;
 background-color: #1834cb;

 /*background-image: linear-gradient(-140deg, #ffffff 15%, #1834cb 70%);*/
 /* -webkit-clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0 100%, 0 70%);
  clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0 100%, 0 70%);*/
}
/*.footerContent{
 left:10%;
 top: 5%;
 width: 25%;
 position: relative;
 text-align: center;
}*/
footer *{
 color: #FFF !important;
}