/*==----== [Configurações Gerais] ==----==*/
p {color: #484848;}
b {font-weight: bold;}


input {padding: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
textarea {padding: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

.form-control::placeholder {font-size: 16px;color: #272727;}
.form-control::-webkit-input-placeholder { /* Chrome, Safari, Opera */ font-size: 16px; color: #272727;}
.form-control::-moz-placeholder {  /* Firefox 19+ */ font-size: 16px; color: #272727;}
.form-control:placeholder {color: #000;}
.form-control:-ms-input-placeholder { /* IE10+ */ font-size: 16px; color: #272727;}
.form-control:-moz-placeholder { /* Firefox 18- */ font-size: 16px; color: #272727;}

.flexwrap {display: flex; flex-flow: wrap; justify-content: center;}

.icon {width: 35px; height: 35px; display: flex; position: relative;}
.icon.missao {background: url(../img/png/icon016.png) no-repeat; -webkit-background: url(../img/png/icon016.png) no-repeat; -moz-background: url(../img/png/icon016.png) no-repeat; background-size: contain; background-position: center;}
.icon.valores {background: url(../img/png/icon017.png) no-repeat; -webkit-background: url(../img/png/icon017.png) no-repeat; -moz-background: url(../img/png/icon017.png) no-repeat; background-size: contain; background-position: center;}
.icon.visao {background: url(../img/png/icon018.png) no-repeat; -webkit-background: url(../img/png/icon018.png) no-repeat; -moz-background: url(../img/png/icon018.png) no-repeat; background-size: contain; background-position: center;}

.form-control:focus {outline: none;}

.app-download-btn a.right {border-radius: 30px 30px 0 30px; -webkit-border-radius: 30px 30px 0 30px; -moz-border-radius: 30px 30px 0 30px;}

@media screen and (max-width: 768px){
  .hidden-xs {display: none;}
  .hidden-sm {display: none;}
}

@media screen and (min-width: 768px){
  .hidden-lg {display: none;}
  .hidden-md {display: none;}
  .hidden-sm {display: block;}
}

@media screen and (min-width: 1200px){
  .hidden-lg {display: none;}
}

/*==----== [Slider] ==----==*/
#slider {height: 100%;}
#slider .carousel-inner {height: 100%;}
#slider .carousel-inner .carousel-item {height: 100%;}
#slider .carousel-inner .carousel-item img {width: 100%; height: 100vh; object-fit: cover;}
#slider .carousel-inner .carousel-item .carousel-caption {height: 100%; display: flex; display: -webkit-flex; flex-flow: wrap; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; align-items: center; -webkit-align-items: center; -moz-align-items: center;}

/*==----== [About] ==----==*/
#about {background: #F5F9FC;}
#about b {color: #0893CA;}
#about .box {margin: 15px 0 0 0; padding: 10px; background: #F9F9F9; border-radius: 10px; box-shadow: 0 0 3px 0px;}
#about .box p span {font-weight: 600;}
#about .box .header {width: 100%; display: inline-flex; justify-content: center;}
#about .box .header h5 {display: flex; align-items: center; margin: 0 0 0 10px; padding: 0;}
#about .box:hover {box-shadow: 0 1px 7px 2px #666; -webkit-box-shadow: 0 1px 7px 2px #666; -moz-box-shadow: 0 1px 7px 2px #666; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;}
#about .box:hover h5 {color: #0094E6;}
#about .box:hover p {color: #272727;}

/*==----== [Features] ==----==*/
#features .section-heading {margin: 60px 0;}

/*==----== [Services] ==----==*/
#services {background: #F5F9FC; padding: 70px 0;}
#services h1 {font-size: 1.5rem; font-weight: 600; text-transform: uppercase; color: #2D2D2D;}
#services p {text-align: justify; margin: 0; z-index: 2;}
#services b {color: #0893CA;}
#services img {height: 100%; width: 100%; object-fit: cover; border-radius: 10px;}

#services .index {z-index: 2;}
#services .text-right {text-align: right!important;}

#services .background {margin: 25px 0px; padding: 45px 0; background: #E0E0E0;}
#services .background p {padding: 0 0 0 30px;}
#services .background .square {width: 50px; height: 50px; margin: 0 auto; position: absolute; top: -26px; right: 50%; transform: rotate(45deg); background-color: #F5F9FC; z-index: 1;}
#services .background .row {margin: 0;}

/*==----== [Screenshot] ==----==*/
#screenshot .section-heading {margin: 60px 0;}

/*==----== [Contact] ==----==*/
#contact .container-fluid .section-heading {margin: 4rem 0 2rem 0 !important;}
#contact .section-heading .line-shape.centered {margin: 0 auto !important;}