/* Add here all your CSS customizations */
.description{
    padding: 50px 0;
    margin-bottom: 40px;
}

.description p{
    font-size: 22px;
    font-weight: 200;
}

.carousel-control.left, .carousel-control.right{
    background-image: none!important;
}

.footer-copyright{background-color: #8f8b79!important; border-color: #8f8b79!important;}
.footer-copyright *{color: #ffffff!important;}

#footer{
    background-color: #a09c88!important;
    border-color: #a09c88!important;
}

#footer ul li p, #footer ul li p *, #footer h4{color: #fff;}
#footer .footer-ribbon{background: #444;}
#footer .footer-ribbon:before{border-right-color: #646464!important; border-left-color: #646464!important;}

.float-right{float: right; margin: 0 0 20px 20px; max-width: 50%;}
.float-left{float: left; margin: 0 20px 20px 0; max-width: 50%;}

.header-body{background-color: #686452!important; border-color: #686452!important;}
.header-body a, .header-body a:after{color: #fff!important; border-color: #fff transparent transparent transparent!important;}
.dropdown ul li a{color: #2e2e2e!important;}
#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {background-color: #ccc5a4;}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {border-top-color: #ccc5a4!important;}

.mb-sm{color: #444!important; font-weight: 800;}
h2{color: #444!important;}

input, textarea, label{min-width: 100%!important;}

label{ margin: 26px 0 15px 0;}

h1.mt-xl{font-weight: 500!important;}
form h4{margin: 20px 0 10px;}
form label {margin: 10px 0 15px;}
.main h2{ margin: 30px 0 10px!important; }
.formbottom p{ color: #fff; }
.formbottom legend{
    border: 0;
    border-bottom: 0px solid #e5e5e5;
    color: #fff;
    font-weight: 200;
}
.formbottom label{ 
    color: #fff; 
    min-width: auto!important;
    max-width: auto!important;
    width: auto!important;
}
.formbottom input[type="checkbox"]{
    display: inline-block;
    max-width: 20%!important;
    min-width: 20%!important;
    width: 20%!important;
}

@media only screen and (min-width: 800px) {
    .dropdown .dropdown-menu .dropdown:hover > .dropdown-menu{
        position: absolute!important;
        display: block!important;
        top: 0!important;
        left: 100%!important;
        z-index: 9999!important;
        background-color: #fff!important;
        visibility: visible!important;
        color: red!important;
        opacity: 1!important;
    }
    .dropdown .dropdown{
        
    }
}
.owl-prev,.owl-next{
    background-color: rgba(255,255,255,.0)!important;
}







/* ----------------------- Pop UP ----------------------*/
@media (min-width: 480px) { 

    /* Modal Content */
    .modal-content-custom {
      background-color: #fefefe;
      margin: auto;
      padding: 10px;
      border: 1px solid #888;
      border-radius: 10px;
      width: 90%;
    }

    .modal-custom {
      display: none;
      position: fixed;
      z-index: 9999;
      padding-top: 100px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.4); 
    }

    .modal-content-custom img {
      display: block;
      width: 100%;
      margin: 10px 0 0;
    }

    /* The Close Button */
    .close-custom {
      color: #aaaaaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }

    .close-custom:hover,
    .close-custom:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }


    
}





/* Telefones em paisagem a tablet em retrato */

@media (max-width: 767px) {

    /* Modal Content */
    .modal-content-custom {
      background-color: #fefefe;
      margin: auto;
      padding: 10px;
      border: 1px solid #888;
      border-radius: 10px;
      width: 85%;
    }


    .modal-custom {
      display: none;
      position: fixed;
      z-index: 9999;
      padding-top: 100px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.4); 
    }

    .modal-content-custom img {
      display: block;
      width: 100%;
      margin: 10px 0 0;
    }

    /* The Close Button */
    .close-custom {
      color: #aaaaaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }

    .close-custom:hover,
    .close-custom:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }

   

}



/* Tablet em retrato a paisagem e desktop */

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

    /* Modal Content */
    .modal-content-custom {
      background-color: #fefefe;
      margin: auto;
      padding: 10px;
      border: 1px solid #888;
      border-radius: 10px;
      width: 60%;
    }

    .modal-custom {
      display: none;
      position: fixed;
      z-index: 9999;
      padding-top: 100px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.4); 
    }

    .modal-content-custom img {
      display: block;
      width: 100%;
      margin: 10px 0 0;
    }

    /* The Close Button */
    .close-custom {
      color: #aaaaaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }

    .close-custom:hover,
    .close-custom:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }



}



/* Desktop grande */

@media (min-width: 1025px) {

      /* Modal Content */
    .modal-content-custom {
      background-color: #fefefe;
      margin: auto;
      padding: 10px;
      border: 1px solid #888;
      border-radius: 10px;
      width: 30%;
    }

    .modal-custom {
      display: none;
      position: fixed;
      z-index: 9999;
      padding-top: 50px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.4); 
    }

    .modal-content-custom img {
      display: block;
      width: 100%;
      margin: 10px 0 0;
    }

    /* The Close Button */
    .close-custom {
      color: #aaaaaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }

    .close-custom:hover,
    .close-custom:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }



}