@charset "utf-8";
/*
  ************************************************************************
  * STYLE
  ************************************************************************
*/
/*html.index, body.index { height:100%; }*/
html { line-height: normal; }
.responsive-img { vertical-align:bottom; }
a { cursor:pointer; }
h1, h2, h3, h4, h5, h6 { line-height:normal; }
body { color:#000000; font-size:16px; font-family: 'Montserrat', sans-serif; }

.wrapper { max-width:1330px; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; position:relative; }

.mobile-contact { width:100%; display:none; margin:0px; padding:0px; list-style:none; text-align:center; position:fixed; left:0px; bottom:0px; z-index:2; }
.mobile-contact > li { width:33.3%; display:inline-block; vertical-align:top; background-color:#00c7ca; }
.mobile-contact > li.whatsapp { background-color:#27bc80; }
.mobile-contact > li.instagram { background-color:#f85f89; }
.mobile-contact > li.map { background-color:#4285F4; }
.mobile-contact > li > a { display:block; color:#ffffff; font-size:13px; font-weight:600; line-height:40px; cursor:pointer; }

.social-media { margin:0; padding:0; list-style:none; text-align:center; }
.social-media > li > a { width:33px; height:33px; display:inline-block; overflow:hidden; color:#e39866; font-size:16px; line-height:31px; border:2px solid #e39866; border-radius:50%; }

.header { margin-bottom:50px; text-align:center; position:relative; z-index:2; }
.header > .container { overflow:hidden; clear:both; }
.header .brand { display:inline-block; overflow:hidden; float:left; margin-top:40px; }
.header .contact { float:right; margin:0; margin-top:40px; padding:0; list-style:none; text-align:center; }
.header .contact > li { display:inline-block; vertical-align:top; }
.header .contact > li + li:before { margin:0px 15px; border-right:2px solid #3d363c; content:""; }
.header .contact > li > a { display:inline-block; color:#3d363c; font-size:17px; font-weight:800; }

.breadcrumbs-list { overflow:hidden; margin:0; margin-bottom:30px; padding:0; list-style:none; text-align:center; }
.breadcrumbs-list > li { display:inline-block; vertical-align:top; color:#3d363c; font-size:25px; position:relative; }
.breadcrumbs-list > li + li:before { margin:0px 7px; content:"/"; }
.breadcrumbs-list > li > strong { font-weight:800; }
.breadcrumbs-list > li > a { display:inline-block; }

.catalogs-list { margin:0; margin-bottom:30px; padding:0; list-style:none; text-align:center; }
.catalogs-list > li { max-width:265px; display:inline-block; margin-left:13px; margin-right:13px; margin-bottom:30px; vertical-align:top; }
.catalogs-list > li a { display:inline-block; color:#3d363c; font-size:18px; }
.catalogs-list > li a > strong { display:block; padding-top:10px; font-weight:500; }

.bottom-area { margin-bottom:70px; text-align:center; font-weight:500; }
.bottom-area .consultation { display:inline-block; }
.bottom-area .information { max-width:1000px; margin:0px auto; margin-top:15px; line-height:22px; } 
.bottom-area .information a { color:#000000; font-weight:700; }

.footer { padding-top:40px; padding-bottom:40px; text-align:center; color:#ffffff; font-weight:500; background-color:#3d363c; }
.footer > .container { overflow:hidden; clear:both; }
.footer .brand { display:inline-block; float:left; }
.footer .social-media { float:left; margin-left:40px; }
.footer .social-media > li { display:inline-block; margin-left:2px; margin-right:2px; }
.footer .address { max-width:250px; float:right; text-align:right; }
.footer .address a { display:inline-block; color:#ffffff; font-size:20px; font-weight:800; }
.footer .address p { margin:0; }
.copyright { margin-bottom:0; display:inline-block; }

.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-both { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none !important; }
.border-none { border:0px !important; }
.radius-none { border-radius:0px !important; }
.shadow-none { box-shadow:none !important; text-shadow:none !important; }
.outline-none, a { outline:none !important; }
.box-shadow { -webkit-box-shadow: 0px 0px 18px 0px rgba(34,31,31,0.6); -moz-box-shadow: 0px 0px 18px 0px rgba(34,31,31,0.6); box-shadow: 0px 0px 18px 0px rgba(34,31,31,0.6); }
.position-relative { position:relative; }
.position-absolute { position:absolute; }
.overflow-hidden { overflow:hidden; }
.display-none { display:none !important; }
.display-block { display:block; }
.display-inline-block { display:inline-block; }
.text-indent-9999 { text-indent:-9999px; }
.text-center { text-align:center !important; }
.img-border { border:1px solid #edf1f3; }

@media (max-width: 1200px) {
    
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
}
@media (max-width: 1100px) {
    
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /*body { background-color:red; }*/
}
@media (max-width:991.98px) {
    .footer .brand, .footer .social-media, .footer .address { float:none; margin-left:auto; margin-right:auto; }
    .footer .social-media { margin-top:20px; margin-bottom:20px; }
    .footer .address { max-width:inherit; text-align:center; }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /*body { background-color:green; }*/
}
@media (max-width: 767.98px) {
    
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    /*body { background-color:yellow; }*/
}
@media (max-width: 675.98px) {
    /*body { background-color:brown; }*/
    .catalogs-list > li { width:calc(49% - 26px); }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /*body { background-color:blue; }*/
    .header { margin-bottom:30px; }
    .header .brand, .header .contact { float:none; }
    .header .brand { margin-top:30px; }
    .header .contact { display:none; margin-top:5px; }
    .header .contact > li { display:block; margin-top:5px; }
    .header .contact > li + li:before { display:none; }
    .breadcrumbs-list > li { font-size:20px; }
}
@media (max-width: 450px) {
    .breadcrumbs-list > li { font-size:18px; }
}
.container { width:auto; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 576px) { .container { /*max-width: 576px;*/ } }
/* Small devices (landscape phones, less than 768px) */
@media (min-width: 768px) { .container { max-width: 768px; } }
/* Medium devices (tablets, less than 992px) */
@media (min-width: 992px) { .container { max-width: 992px; } }
/* Large devices (desktops, less than 1200px) */
@media (min-width: 1200px) { .container { max-width: 1170px; } }
@-webkit-keyframes pulse {
    0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@keyframes pulse {
    0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 
}