@charset "utf-8";
/*
# ------------------ #
# Author: Kauê Porte #
# ------------------ #
*/
/* ---------------------------------------- */
/* Standards */
/* ---------------------------------------- */
html, body    {background: #F5F5F5; color: #333333; font-family: 'Open Sans', sans-serif;}
body          {display: flex; flex-direction: column; min-height: 100vh;}
#flex-wrapper {flex: 1;}

a, a:link, a:active, a:visited {transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -webkit-transition: 0.3s all;}
.btn                           {transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -webkit-transition: 0.3s all;}

/* ---------------------------------------- */
/* Static Top */
/* ---------------------------------------- */
.toplogo      {background: linear-gradient(#daf4fa,#FFFFFF);font-size: 14px;}
.toplogo i    {color: #007CBC;}
.logo-topo{
    width: 140px;
    background: #fff;
    box-shadow: 0px 4px 1px 1px white, 1px 5px 13px 4px #49505787, -3px 6px 2px -3px #49505787, 14px 10px 1px -41px #49505787;
    padding-top: 11px;
    padding-right: 10px;
    padding-left: 10px;
}

/* ---------------------------------------- */
/* Navbar */
/* ---------------------------------------- */
.navbar                       {background: url(../../img/bg-lines.png) top left repeat #004179;box-shadow: 0 -4px 8px rgba(40,40,40,0.10);}
.navbar .navbar-nav .nav-link {color: #ccc;font-size: 13px;text-transform: uppercase;}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus
{
    background-color: #007cbc;
}
.navbar .navbar-toggler       {border-color: rgb(255,255,255); color: #FFFFFF;}
.navbar .navbar-toggler-icon  {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}

.brand     {max-height: 80px; position: relative; z-index: 999;}

@media only screen and (max-width: 992px)
{
    .toplogo   {height: 140px;}
    .brand img {max-height: 100px; padding: 10px;}
}

.dropdown-menu {font-size: 13px;}

/* ---------------------------------------- */
/* Carousel Fade */
/* ---------------------------------------- */
.carousel-fade .carousel-item {opacity: 0; transition-duration: 0.6s; transition-property: opacity;}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right
{
    opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right
{
    opacity: 0;
}
.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev
{
    transform: translate3d(0,0,0);
    transform: translateX(0);
}

/* ---------------------------------------- */
/* Carousel Zoom */
/* ---------------------------------------- */
@-webkit-keyframes zoom {from{-webkit-transform: scale(1, 1);} to{-webkit-transform: scale(1.1, 1.1);}}
@keyframes zoom         {from{transform: scale(1, 1);} to {transform: scale(1.1, 1.1);}}

.carousel-inner .zoom > img {animation: zoom 20s; -webkit-animation: zoom 20s;}

.carousel-item .card {background: rgba(255, 255, 255, 0.3);width: 60%;}
.carousel-item h5    {color: #004179;font-size: 24px;font-weight: 600;text-transform: uppercase;}
.carousel-item p     {color: #666666; font-weight: 600;}

/* ---------------------------------------- */
/* Sections */
/* ---------------------------------------- */
section {padding: 40px;}
section a {color:#DA251D; padding: 6px;}
section a:hover {background: rgba(0,0,0,0.10); color:#007CBC; text-decoration: none;}

.section-title              {margin-bottom: 40px; overflow: hidden; text-align: center;margin-top: 40px;}
.section-title span         {color: #004179;font-size: 24px;font-weight: 600;position: relative;}
.section-title span:before  {content: ""; border-top: 1px dotted #DDDDDD; margin-right: 12px; position: absolute; right: 100%; top: 50%; width: 1000%;}
.section-title span:after   {border-top: 1px dotted #DDDDDD; content: ""; left: 100%; margin-left: 12px; position: absolute; top: 50%; width: 1000%;}

.bg-asphalt    {background:  top left repeat #FFFFFF;}
.bg-paper      {background: url('../../img/bg-paper.png') top left repeat #F2F2F2;}
.bg-white      {background: #FFFFFF;}
.bg-blue       {background: linear-gradient(#007cbc4a,#FFFFFF);color: #333333;}
.bg-light-blue {background: #f1f1f1;color: #333333;}

.wdwd h3      {margin-bottom: 80px;}

.wdwd i       {border: 1px solid #004179;border-radius: 50%;color: #004179;font-size: 30px;margin-bottom: 20px;padding: 22px 0;width: 74px;}
.wdwd i       {transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -webkit-transition: 0.2s all;}
.wdwd i:hover {background: #004179;color: #FFFFFF;}
.wdwd h4      {font-weight: 500;}
.wdwd p       {line-height: 22px; margin-top: 12px; padding: 0 20px;}

/* ---------------------------------------- */
/* Cards */
/* ---------------------------------------- */
.card-title {min-height: 45px;}

#prod_gallery img {height: 300px; padding: 10px; width: auto;}

/* ---------------------------------------- */
/* Footer */
/* ---------------------------------------- */
.footer               {background: url('../../img/bg-lines.png') top left repeat #004179; border-top: 4px solid #002546; color: #FFFFFF; font-size: 13px;}
.footer-copyright     {border-top: 1px solid #002546;}
.footer-copyright img {max-height: 20px; width: auto;}

.footer h5            {border-bottom:  1px dotted #CCCCCC; font-weight: 600; padding: 0 0 10px 0;}

.italic_titulo{
    float: right;
    margin-top: 3%;
    font-size: 0.9em;
    font-style: italic;}

/* ####################################################### */
/* CUSTOM DANIEL */
.product-img {
    max-height: 250px;
}

.rounded {
    width: 100%;
    height: 260px;
}

.text-justify{
    text-align: center;
}

.btn-primary {
    background-color: #0176b3;
    border-color: #0176b3;
}

.btn-primary:hover {
    background-color: #003c70;
    border-color: #003c70;
}

.card-title {
    margin-bottom: -0.25rem;
    margin-top: 1em;
}


.btn-predios {
    background-color: #004179;
    border-color: #004179;
    color: #fff
}

.btn-predios:hover {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.color-predios{
    color: #004179;
}
.menu-in{
    padding: 1em;
    text-align: center;
    border-bottom: 1px solid #bcbcbc;
}
.menu-predio:hover{
    background-color: rgb(0,255,255);
}
.menu-clean:hover{
    background-color: rgb(1,209,255);
}
.menu-paper:hover{
    background-color: rgb(0,63,129);
}
.menu-binqi:hover{
    background-color: rgb(0,125,191);
}
.menu-sport:hover{
    background-color: rgb(0,170,255);
}
.btn-predio{
    color: #000000;
    background-color: rgb(0,255,255);
}
.btn-predio:hover{
    background-color: #393939;
    text-decoration: none;
    color: white;
}
.btn-clean{
    color: #000000;
    background-color: rgb(1,209,255);
}
.btn-clean:hover{
    background-color: #393939;
    text-decoration: none;
    color: white;
}
.btn-paper{
    color: #000000;
    background-color: rgb(0,63,129);
}
.btn-paper:hover{
    background-color: #393939;
    text-decoration: none;
    color: white;
}
.btn-binqi{
    color: #000000;
    background-color: rgb(0,125,191);
}
.btn-binqi:hover{
    background-color: #393939;
    text-decoration: none;
    color: white;
}
.btn-sports{
    color: #000000;
    background-color: rgb(0,170,255);
}
.btn-sports:hover{
    background-color: #393939;
    text-decoration: none;
    color: white;
}
.imgs{
    margin: 1em;
}
.imgs div img{
    border-radius: 5px;
    height: 250px;
}
.whats-link{
    color: #333333;
}
.whats-link:hover{
    color: #004179;
    text-decoration: none;
}
.tit-predio{
    color: rgb(0, 255, 255)!important;
}
.tit-clean{
    color: rgb(1,209,255)!important;
}
.tit-brinq{
    color: rgb(0,125,191)!important;
}
.tit-sports{
    color: rgb(0,170,255)!important;
}
.carousel-item{
    height: 255px;
}
.card-body{
    padding: 0px;
}