* {
    transition: 0.5s;
}
@font-face {
    font-family: 'Azo Sans Black';
    src:url('../fonts/azo-sans/AzoSans-Black.otf') format('opentype');
}
@font-face {
    font-family: 'Azo Sans Bold';
    src:url('../fonts/azo-sans/AzoSans-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'Azo Sans Light';
    src:url('../fonts/azo-sans/AzoSans-Light.otf') format('opentype');
}
@font-face {
    font-family: 'Azo Sans Medium';
    src:url('../fonts/azo-sans/AzoSans-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Azo Sans Regular';
    src:url('../fonts/azo-sans/AzoSans-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Azo Sans Thin';
    src:url('../fonts/azo-sans/AzoSans-Thin.otf') format('opentype');
}
.width-20 {
    width: 20px!important;
}
.height-20 {
    height: 20px!important;
}
.error {
    color: red;
    font-weight: 800;
}
.radio-t-y-c input[type=radio] {
    width: 20px!important;
    height: 20px!important;
}
.radio-t-y-c label::before {
    width: 20px!important;
    height: 20px!important;
}
.radio-t-y-c label::after {
    width: 8px!important;
    height: 8px!important;
    left: 6px!important;
    top: 6px!important;
}
.font-family-azo-sans-black {
    font-family: 'Azo Sans Black', sans-serif!important;
}
.font-family-azo-sans-bold {
    font-family: 'Azo Sans Bold', sans-serif!important;
}
.font-family-azo-sans-light {
    font-family: 'Azo Sans Light', sans-serif!important;
}
.font-family-azo-sans-medium {
    font-family: 'Azo Sans Medium', sans-serif!important;
}
.font-family-azo-sans-regular {
    font-family: 'Azo Sans Regular', sans-serif!important;
}
.font-family-azo-sans-thin {
    font-family: 'Azo Sans Thin', sans-serif!important;
}
.form-material-underline-none {
    background-image: none!important;
}
.bg-black {
    background-color: black!important;
}
.bg-low-brown {
    background-color: #2d2d2d!important;
}
.black {
    color: black!important;
}
.page {
    background-color: white!important;
    max-width: 1600px;
}
.height-35 {
    height: 35px!important;
}
.yellow {
    color: rgb(255,236,0)!important;
    color: #ffec00ff!important;
}
.bg-yellow {
    background-color: rgb(255,236,0)!important;
    background-color: #ffec00ff!important;
}
.input-round {
    border-top-left-radius: 200px!important;
    border-bottom-left-radius: 200px!important;
}
.button-round {
    border-top-right-radius: 200px!important;
    border-bottom-right-radius: 200px!important;
}
.height-60 {
    height: 60px!important;
}
.height-30 {
    height: 30px!important;
}
.bg-grey {
    background-color: #c5c5c5ff!important;
}
.auto-height {
    height: auto!important;
}
.site-footer {
    background-color: #f3f3f3ff!important;
}
.footer-menu>p {
    margin-top: 4px!important;
    margin-bottom: 4px!important;
}
.icon-placeholder {
    font-family: "FontAwesome";
}
.slider-font {
    font-family: 'Alegreya Sans', sans-serif;
}
#triangle-bottomright {
    width: 0;
    height: 0;
    border-bottom: 10px solid #ffec00ff;
    border-left: 10px solid transparent;
}
#triangle-bottomright-md {
    left: 3%;
    position: absolute;
    border-bottom: 20px solid #ffec00ff;
    border-left: 20px solid transparent;
}
#triangle-topright-lg {
    width: 0;
    height: 0;
    border-top: 40px solid #ffec00ff;
    border-left: 40px solid transparent;
}
.triangle-bottomright-md {
    position: absolute!important;
    bottom: 0;
    right: 0;
    border-bottom: 50px solid #ffec00ff;
    border-left: 50px solid transparent;
}
.text-decoration-none {
    text-decoration: none!important;
}
.navbar {
    margin-bottom: 0!important;
}
.custom-margin {
    margin-top: -55px!important;
}
.panel-footer {
    border-top: 20px solid #eee!important;
}
.btn-catalog-product {
    color: black!important;
    background-color:transparent;
    border: 5px solid #ffec00ff;
}
.catalog-panel.panel:hover {
    background-color: #eee!important;
}
.catalog-panel.panel:hover .btn {
    background-color: #ffec00ff!important;
}
.catalog-panel.panel:hover .panel-footer {
    border-top: 20px solid #ffec00ff!important;
}
.product-desc-separator {
    border: 6px solid #ffec00ff!important;
}
.product-catalog-separator {
    border: 10px solid #eee!important;
}
.category-slot-text {
    bottom:10%;
    left: 5%;
}
.font-size-35 {
    font-size: 35px!important;
}
.height-10 {
    height: 10px!important;
}
.category-slot {
    background-color: #eee!important;
    width: 100%!important;
    height: 250px!important;
}
.category-slot-misc {
    position:absolute;
    bottom: 5%;
    left: 0;
    right: 0;
    margin:auto;
}
.home-category-img {
    position:absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin:auto;
}
.home-category-text {
    position:absolute;
    bottom: 15%;
    left: 0;
    right: 0;
    margin:auto;
}
.category-slot:hover {
    background-color: #ffec00ff!important;
}
.category-slot:hover .category-slot-text {
    color: #ffec00ff!important;
}
.category-slot:hover .category-slot-misc {
    background-color: white!important;
}
.img-bordered-yellow {
    border:6px solid #ffec00ff!important;
}
.img-bordered-black {
    border:2px solid black!important;
}
.img-bordered-grey {
    border:4px solid #eee!important;
}
.gmap {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.max-width-100pc {
    max-width: 100% !important;
}
.shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.margin-horizontal-minus-15 {
    margin-right: -15px!important;
    margin-left: -15px!important;
}
.form-material .form-control{
    border-bottom:4px solid rgb(255,236,0)!important;
}
.address {
    position: absolute!important;
    top: 10%;
    right: 10%;
}
.chevron-misc {
    position: absolute!important;
    left: 0;
    right: 0;
    bottom: 18.7%;
    margin: auto;
}
.circle-misc {
    position: absolute!important;
    left: 0;
    right: 0;
    bottom: 17%;
    margin: auto;
}
.triangulo_inf {
    width: 0;
    height: 0;
    margin: auto;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 35px solid #2d2d2d;
}
.opacity-50-pc {
    opacity: 0.5!important;
}
input.icon-placeholder[type='text'] {
    text-align:right;
}

input.icon-placeholder[type='text']:focus {
    text-align:left;
}
ul.footer-list {
    padding-left: 0;
    list-style-type: none;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
.nav li.active {
    border-bottom: 4px solid black!important;
}
.nav li:hover {
    border-bottom: 4px solid black!important;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 20%;
    float: left;
}
.this-pull {
    float: right;
}
.logo-home {
    position: absolute;
    margin: auto;
    right: 0;
    top: 25px;
    bottom: 0;
}
@media (max-width:767px) {
    .logo-home {
        position: relative;
        top: 0;
    }
    .this-pull {
        float: none;
    }
    .address {
        position: relative!important;
        top: 0;
        right: 0;
        text-align: center;
    }
    .form-material .form-control~.floating-label {
        font-size: 14px;
    }
    .form-material .form-control.focus ~ .floating-label, .form-material .form-control:focus ~ .floating-label, .form-material .form-control:not(.empty) ~ .floating-label {
        font-size: 14px;
    }
    .carousel-caption {
        position: relative;
        right: 0;
        left: 0;
        margin: auto;
        top: 0;
        bottom: 0;
    }
    .carousel-caption > h3,h1,p {
        text-align: center!important;
        font-size: 16px;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .logo-home {
        position: relative;
        top: 0;
    }
    .this-pull {
        float: none;
    }
    .form-material .form-control~.floating-label {
        font-size: 14px;
    }
    .form-material .form-control.focus ~ .floating-label, .form-material .form-control:focus ~ .floating-label, .form-material .form-control:not(.empty) ~ .floating-label {
        font-size: 14px;
    }
    .carousel-caption {
        position: relative;
        right: 0;
        left: 0;
        margin: auto;
        top: 0;
        bottom: 0;
    }
    .carousel-caption > h3,h1,p {
        text-align: center!important;
        font-size: 16px;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .logo-home {
        position: relative;
        top: 0;
    }
    .slider-caption-1 {
        font-size: 24px;
    }
    .slider-caption-2 {
        font-size: 26px;
    }
    .slider-caption-3 {
        font-size: 13px;
    }
    .carousel-caption {
        top: 25%;
    }
    .carousel-caption h3,
    .carousel-caption h1,
    .carousel-caption p {
        text-align: left!important;
    }
    .this-pull {
        float: none;
    }
}
@media (min-width:1200px) {
    .slider-caption-1 {
        font-size: 35px;
    }
    .slider-caption-2 {
        font-size: 35px;
    }
    .slider-caption-3 {
        font-size: 20px;
    }
    .carousel-caption {
        top: 25%;
        left: 49%;
        right: 9%;
    }
    .carousel-caption h3,
    .carousel-caption h1,
    .carousel-caption p {
        text-align: left!important;
    }
    .this-pull {
        float: right;
    }
}
@media (min-width:1200px) and (min-height: 648px) and (max-height: 801px) {
    .slider-caption-1 {
        font-size: 35px;
    }
    .slider-caption-2 {
        font-size: 35px;
    }
    .slider-caption-3 {
        font-size: 20px;
    }
    .carousel-caption {
        top: 25%;
        left: 49%;
        right: 9%;
    }
    .carousel-caption h3,
    .carousel-caption h1,
    .carousel-caption p {
        text-align: left!important;
    }
    .this-pull {
        float: right;
    }
}
@media (min-width:1600px) {
    .slider-caption-1 {
        font-size: 40px;
    }
    .slider-caption-2 {
        font-size: 40px;
    }
    .slider-caption-3 {
        font-size: 24px;
    }
    .carousel-caption h3,
    .carousel-caption h1,
    .carousel-caption p {
        text-align: left!important;
    }
    .this-pull {
        float: right;
    }
}