/* FONTS */

@font-face {
    font-family: 'Century';
    src: URL('../fonts/century-gothic-font/GOTHICB0.TTF') format('truetype');
}

body, html { font-family: 'Century'; text-transform: uppercase; }



h2 { font-size: 22px; }
p { font-size: 16px; line-height: 2rem; margin-bottom: 2.5rem; } 

.border-light-orange { border-left: 5px solid #f88223; padding-left: 10px; }
.border-dark-orange { border-left: 5px solid #be5c0d; padding-left: 10px; }

/* COLORS */

.bg-light-orange {
    background-color: #f88223;
}

.bg-dark-orange {
    background-color: #be5c0d;
}

.bg-dark-grey {
    background-color: #333534;
}

.bg-white {
    background-color: #ffffff;;
}

.light-orange { 
    color: #f88223
}

.light-gray {
    color: #6d6b6c;
}

/* HEADER */

.header { position: absolute; z-index: 9999; width: 100%; }
.header .container { margin: 35px auto; }
.header .logo img { width: 70%; }

.header .menu-list { display: flex; align-items: center; }
.header .menu-list ul li { margin: 0px; }
.header .menu-list ul li a { color: #ffffff; font-size: 12px; }
.header .menu-list ul li a { border-right: 2px solid rgba(255, 255, 255, .5); margin: 0px; padding: 0rem 1rem; }
.header .menu-list ul li a:hover { text-decoration: underline 2px #f88223; }
.header .menu-list ul li:last-child a { border: none; }

.header .language-list { display: flex; align-items: center; width: fit-content; }
.header .language-list .language-list-inner ul li  { border-right: 2px solid #f88223; margin: 0px; }
.header .language-list .language-list-inner ul li:last-child  { border-left: none; }

.header .language-list li a { color: #f88223; padding: .5rem .7rem; font-size: 12px; }
.header .language-list ul li a:hover { text-decoration: underline 2px #f88223; color: #ffffff; }
.header .language-list ul li a.active { text-decoration: underline 2px #f88223; color: #ffffff; }

.header .language-list-inner { border: 2px solid #f88223; border-right: none;}

.header.fixed .menu-list ul li a:hover { text-decoration: underline 2px #be5c0d; }
.header.fixed #icon-menu { color: #ffffff; }

.header.fixed .container { margin: 20px auto; }
.header.fixed { 
    position: fixed; 
    background-color: #f88223; 
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}


.header.fixed .language-list li a { color: #ffffff; }
.header.fixed .language-list-inner { border: 2px solid #ffffff; border-right: none;}
.header.fixed .language-list .language-list-inner ul li  { border-right: 2px solid #ffffff; margin: 0px; }
.header.fixed .language-list ul li a:hover { text-decoration: underline 2px #be5c0d; color: #ffffff; }
.header.fixed .language-list ul li a.active { color: #1a1b1a; text-decoration: underline 2px #1a1b1a}

.mobile-menu { display: none; }

/* BANNER */
.carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px;
    background-color: rgb(188,126,54);
}


.carousel-inner, 
.slide, 
.carousel-item,
.carousel-item .active { height: inherit; width: 100%; }

/* DIFERENCIALS */

section.diferencials {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.diferential-text {
    min-height: 90px;
}

.diferential-box {
    -webkit-box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.75);
}

/* BFEL */

section.bfel {
    background-image: url('../images/boi_selo.png');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 40%;
}

.bfel-text .row { margin: 3rem; }

/* PRODUCTS */

/* .icon-content-holder {
    margin-top: 65px;
    margin-bottom: 65px;
} */

.img-bile { position: absolute; z-index: 9998; top: 90px; height: 400px; }

.products-holder-title {
    padding: 65px;
}

.text-holder { 
    width: 50%;
    margin-right: 150px;
 }

/* .icon-content-holder img {
    position: absolute;
} */

/* EXPORTATIONS */

section.exportations {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 40%;
}

/* CONTACT */

section.contact { height: auto; }

.exportation-row { margin: 3rem; }
 
/* FOOTER */

section.footer {
    height: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* COMPONENTS */

section.no-padding { padding: 0px; }
section { padding: 65px; height: 100%; }

input[type=text], input[type=email], textarea.form-control { 
    border-radius: 0%;
    padding: 20px;
    border: 2px solid #f88223;
 }

 input[type=text]::placeholder, 
 input[type=email]::placeholder, 
 textarea.form-control::placeholder {
    color: #f88223;
 }

input[type=submit], .btn {
    width: inherit;
    padding: 12px 22px;
    margin: 10px 5px;
    border-radius: 0%;
    box-sizing: border-box;
    background-color: #f88223;
    text-transform: uppercase;
    color: #ffffff;
}

input[type=submit]:hover, .btn:hover { background-color: #be5c0d; }

input[type=submit]:hover, .btn:hover {
    color: #ffffff;
}

.icons-footer img {
    width: 60%;
    display: block;
    margin: 0px auto;
}

.icons-footer ul li {
    max-width: fit-content;
    margin: 0px;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    /* ELEMENTS */
    section { padding: 35px; height: auto; }
    .products-holder-title { padding: 35px; }
    

    /* HEADER */
    #icon-menu { font-size: 35px; color: #f88223; }
    .header .container,
    .header.fixed .container { margin: 15px auto; }

    /* MOBILE MENU */
    .mobile-menu { 
        background-color: transparent; position: fixed; z-index: 9999;
    }

    .mobile-menu .mobile-menu-items .row{ padding: 1rem 0rem; border-bottom: 1px solid rgba(255, 255, 255, .5); }
    .mobile-menu .mobile-menu-items a { color: #ffffff; }

    .language-switcher-mobile a { color: #ffffff; }

    .language-switcher-mobile .col { 
        text-align: center; 
        border: 1px solid rgba(255, 255, 255, .5);
        padding: 5px 15px; 
    }

    /* BANNER */
    .carousel-item img {
        height: 100vh; 
        height: -moz-available; 
        height: -webkit-fill-available;
        height: fill-available;
    }

    /* DIFERENCIALS */
    section.diferencials { height: auto; }
    section.diferencials .diferential-box { margin: 35px; }

    /* BFEL */
    section.bfel {
        background-image: none; }
    .bfel-text .row { margin: 0px; }

    /* PRODUCTS */
    .img-bile { display: none !important; }
    .text-holder { width: 100%; margin: 0px; padding: 35px; }
    .title-products-holder { height: fit-content; }

    /* EXPORTATIONS */
    .exportation-row { margin: 0rem; }

    /* CONTACT */
    section.contact { height: auto; }

    /* FOOTER */
    .logo-footer img { width: 50%; display: block; margin: auto; }
    section.footer { height: auto; }

    section.footer {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
    }

}