html {
    font-size: initial;
}

body {
    font-family: 'Heebo', sans-serif;
    font-size: 1.125rem;
    line-height: 1.55;
    color: #222;
}

@media (max-width: 991.98px) {
    body {
        font-size: 1rem;
        line-height: 1.55;
    }
}

.container-fluid {
    max-width: 1480px;
}

label {
    font-weight: inherit;
}

select.form-control {
    font-family: 'Heebo', sans-serif;
}

.form-group {
    margin-bottom: 10px;
}

.text-left {
    text-align: left !important;
}

b, strong {
    font-weight: bold;
}

p a, .link {
    color: inherit;
    position: relative;
    text-decoration: none;
}

    p a:after, .link:after {
        content: '';
        height: 1px;
        background: #222;
        position: absolute;
        width: 100%;
        bottom: 3px;
        left: 0;
        -webkit-transition: all 0.3s ease-in-out; /* Chrome y Safari */
        -moz-transition: all 0.3s ease-in-out; /* Mozilla Firefox */
        -o-transition: all 0.3s ease-in-out; /* Opera */
        -ms-transition: all 0.3s ease-out; /* Internet Explorer */
        transition: all 0.3s ease-in-out; /* W3C */
    }

    p a:hover, .link:hover, p a:focus, .paragraph a:focus, .link:focus {
        color: #ff8300;
        text-decoration: none;
    }

        p a:hover:after, .link:hover:after, p a:focus:after, .paragraph a:focus:after, .link:focus:after {
            background: #ff8300;
        }

.paragraph p:not(:last-child) {
    margin-bottom: 1.38rem;
}

a:hover,
input:hover,
button:hover,
.box-acces,
.block-shop-online .box-acces .ico, ul {
    -webkit-transition: all 0.3s ease-in-out; /* Chrome y Safari */
    -moz-transition: all 0.3s ease-in-out; /* Mozilla Firefox */
    -o-transition: all 0.3s ease-in-out; /* Opera */
    -ms-transition: all 0.3s ease-out; /* Internet Explorer */
    transition: all 0.3s ease-in-out; /* W3C */
}

@media (max-width: 767px) {
    /* Background shopping cart */
    .dropdown-backdrop {
        background-color: #000;
        opacity: 0.8;
    }
}

ol, ul {
    margin: 0;
    padding: 0;
}

.help-block {
    font-size: 13px;
    color: #666666;
    margin-left: 8px;
    margin-top: 1px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .margin-bootom-xs {
        margin-bottom: 5px;
    }
}

@media (min-width: 768px) {
    .margin-bootom-sm {
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .margin-bootom-md {
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {
    .margin-bootom-lg {
        margin-bottom: 40px;
    }
}

.hr-main {
    margin-top: 0;
    margin-bottom: 30px;
}

.color-orange {
    color: #ff8300;
}

.bg-color-recollida-botiga {
    background-color: #4EC1E0;
}

.bg-color-box-directe {
    background-color: #FF6B00;
}

.bg-color-entrega-domicili {
    background-color: #6CC04A;
}

.bg-color-horoteca {
    background-color: #00548B;
}


.table-responsive {
    -webkit-overflow-scrolling: touch;
}

/* COLORS LABELS */

.red {
    background-color: #D72638;
}

.turquoise {
    background-color: #72CCDC;
}

.brown {
    background-color: #553624;
}

.especial-setmana-santa {
    background-color: #9abd97;
}

.black {
    background: #000;
}

.green {
    background: #29a54e;
}

/* NAV BAR */

.navbar-wrapper {
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}

.navbar {
    margin-bottom: 0px;
    border: 0px;
    min-height: 30px;
}

.navbar-inverse {
    background-color: white;
}

.navbar-brand {
    display: none;
}

.navbar .searchbox {
    display: none;
}

.navbar .navbar-nav > li > a {
    font-size: 13px;
    color: #808080;
    padding: 7px 10px 7px 10px;
    line-height: 16px;
    font-weight: 400;
    display: inline-block;
}

.navbar .navbar-nav > li.active,
.navbar .navbar-nav > li.active:hover,
.navbar .navbar-nav > li:hover {
    -webkit-transition: all 0.3s ease-in-out; /* Chrome y Safari */
    -moz-transition: all 0.3s ease-in-out; /* Mozilla Firefox */
    -o-transition: all 0.3s ease-in-out; /* Opera */
    -ms-transition: all 0.3s ease-out; /* Internet Explorer */
    transition: all 0.3s ease-in-out; /* W3C */
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
}


.navbar-bonarea li a:hover, .navbar-bonarea li.active-top a {
    color: #000000 !important;
    text-decoration: none;
    /*font-weight: 700;*/
}

.navbar-bonarea li.active-top a {
    font-weight: 700;
}

    .navbar-bonarea li a:hover span, .navbar-bonarea li.active-top a span {
        opacity: 1;
    }

.toolbar-login {
    padding: 20px 8px 20px 8px;
}

@media (min-width: 768px) {
    #navbar .dropdown:hover .dropdown-menu {
        display: block;
    }

    .navbar-right {
        margin-right: 0;
    }
}

.navbar-inverse .navbar-toggle {
    display: none;
}

@media (max-width: 767.98px) {
    .container-fluid > .navbar-header {
        background-color: #FFF;
        border-bottom: 1px solid #eee;
        position: relative;
        height: 50px;
    }

    .navbar-inverse {
        background-color: transparent;
    }

    .navbar-brand {
        display: block;
    }

    .navbar-toggle {
        background-color: transparent;
        padding: 13px 13px;
    }

    .navbar-inverse .navbar-brand {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0;
    }

    .navbar-inverse .navbar-toggle {
        float: none;
        border-color: transparent;
        z-index: 1;
        margin-top: 3px;
        margin-bottom: 0;
        font-size: 0;
        outline: none;
        display: block;
    }

    button.navbar-inverse .navbar-toggle:hover,
    button.navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
        border: none;
    }

    .navbar .searchbox {
        position: relative;
        float: right;
        display: block;
        width: 180px;
        margin: 8px 10px 0px 0px;
    }

    .navbar-inverse .navbar-collapse {
        background-color: #fff;
        border: 0;
        -webkit-box-shadow: -1px 3px 5px 1px rgba(0,0,0,0.22);
        -moz-box-shadow: -1px 3px 5px 1px rgba(0,0,0,0.22);
        box-shadow: -1px 3px 5px 1px rgba(0,0,0,0.22);
        position: relative;
        height: calc(100vh - 6.1vh);
        overflow-y: scroll;
        padding-bottom:3rem;
    }

        .navbar-inverse .navbar-collapse .navbar-nav {
            /*margin: 0 -15px;*/
        }

        .navbar-inverse .navbar-collapse ul.navbar-nav:first-child {
            padding-top: 15px;
        }

        .navbar-inverse .navbar-collapse ul.navbar-nav {
            border-bottom: 1px solid #ccc;
            margin-bottom: 15px;
            padding-bottom: 15px;
        }

    .navbar .navbar-nav .open .dropdown-menu {
        background-color: #FFF;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #000;
        display: block;
    }

    .navbar-inverse .navbar-toggle[aria-expanded="true"] .icon-bar {
        background-color: red;
        display: none;
    }

    .navbar-inverse .navbar-toggle .icon-close {
        display: none;
    }

    .navbar-inverse .navbar-toggle[aria-expanded="true"] .icon-close {
        display: block;
    }

    .navbar-inverse .navbar-toggle .icon-close {
        margin: 0 auto;
        display: none;
    }

    .navbar .navbar-nav > li.show > a {
        color: #ff8300 !important;
    }

        .navbar .navbar-nav > li.show > a.webs-grup {
            font-weight: 700;
        }

    .navbar .navbar-nav > li > a {
        font-size: 16px;
        padding: 15px 20px;
        color: #222;
        text-decoration: none;
    }

    /*------------------------ MENU MOBILE -----------------------------*/
    #navbar ul.navbar-bonarea:first-child > li > a {
        font-weight: 700;
    }

    .navbar-bonarea > li > a.icon:after {
        content: '';
        background-image: url(img/icons/icon-next-orange.svg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 12px;
        width: 12px;
        position: absolute;
        right: 1.25rem;
        transform: rotate( 90deg );
    }

    .menu-mobil {
        padding: 0;
        border: none;
    }

        .menu-mobil > ul, .menu-mobil .dropdown-submenu {
            border-bottom: 1px solid #D1CFCF;
        }

            .menu-mobil > ul > li, .menu-mobil .dropdown-submenu:first-child, .submenu-mobil > ul > li {
                border-top: 1px solid #D1CFCF;
            }

                .menu-mobil > ul > li > a, .menu-mobil .dropdown-submenu > a, .submenu-mobil > ul > li > a {
                    padding-top: 10px;
                    padding-left: 1.25rem;
                    padding-right: 1.25rem;
                    padding-bottom: 10px;
                    display: block;
                    color: #808080;
                    font-size: 1rem;
                }

                .submenu-mobil > ul > li > a {
                    padding-left: 1.875rem;
                }

    .dropdown-submenu > a {
        position: relative;
    }

        .dropdown-submenu > a.icon:after {
            content: '';
            background-image: url('img/icons/icon-next.svg');
            background-repeat: no-repeat;
            background-size: cover;
            height: 12px;
            width: 12px;
            position: absolute;
            right: 1.25rem;
            top: 1em;
            transform: rotate( 90deg );
        }

    .dropdown-submenu.open > a, .dropdown-submenu.open > a:hover {
        text-decoration: none;
        background-color: #fff;
    }

    .navbar .navbar-nav .open .dropdown-menu.submenu-mobil {
        background-color: #E5E3E4;
        padding: 0;
        margin: 0;
    }
}

@media (max-width: 480px) {
    .navbar .searchbox {
        width: 138px;
    }

    .navbar-inverse .navbar-collapse {
        width: inherit;
        float: inherit;
    }
}

@media (max-width: 350px) {
    .navbar .searchbox {
        display: none;
    }
}

/* ------ HEADER ------ */
.section-header {
    border-bottom: 1px solid #ddd;
    background: #fff;
    position: sticky;
    top:30px;
    z-index: 5;
}

    #header, #header .menu {
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #header .menu {
            padding-left: 3%;
            width: 100%;
        }

            #header .menu a {
                font-size: 1rem;
                color: #808080;
                text-decoration: none;
                display: inline-block;
                padding: 0;
            }

                #header .menu a.btn-buy, a.btn-buy.online, a.btn-buy.horeca {
                    margin-left: auto;
                    padding: 5px 10px;
                    color: #fff;
                    border-radius: 5px;
                    border: 1px solid;
                    margin-right: 0;
                }

}

a.btn-buy.online {
    display: inline-block;
}

#header .menu a.btn-buy.online, a.btn-buy.online {
    margin-left: auto;
    background: #ff8300;
    text-decoration: none;
}

#header .menu a.btn-buy.horeca, a.btn-buy.horeca {
    margin-left: auto;
    background: #00548B;
}

#header .menu a.btn-buy.online:hover {
    background: #fff;
    color: #ff8300;
    border-color: #ff8300;
}

#header .menu a.btn-buy.horeca:hover {
    background: #fff;
    color: #00548B;
    border-color: #00548B;
}

#header .menu a.selection {
    color: #222;
    font-weight: bold;
}

    #header .menu a.selection .icon-down path {
        stroke: #000;
        stroke-width: 2;
    }

#header .menu > a, #header .menu .dropdown-own {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    padding-left: .7rem;
    margin-right: 0.5rem;
}

.dropdown.dropdown-own.show {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

#header .menu > a:not(:last-child), #header .menu .dropdown-own {
    padding-right: .7rem;
}

#header .menu a:hover, #header .menu .show > a {
    color: #ff8300;
    background: transparent;
}

    #header .menu .show > a .icon-down path {
        stroke: #ff8300;
    }

.dropdown.dropdown-own {
    position: initial;
}

.dropdown-menu.dropdown-menu-own {
    top: 60px;
    left: 0;
    right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #ccc;
    border-bottom: 2px solid #ff8300;
    padding: 0;
    margin: 0;
}

#header .menu .dropdown-menu-own a {
    padding: 1.16rem 0.7rem;
    display: inline-block;
}

#header-logo .logo {
    max-width: 130px;
}

#header_slider {
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .section-header {
        display: none;
    }

    #header {
        margin-top: 50px;
    }
}

.triangle-up {
    position: relative;
}

    .triangle-up:before, .triangle-up:after {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 10px solid;
    }

.first.triangle-up:before, .first.triangle-up:after {
    left: 236px;
}

.second.triangle-up:before, .second.triangle-up:after {
    left: 365px;
}

@media (max-width: 1199.98px) {
    .first.triangle-up:before, .first.triangle-up:after {
        left: 204px;
    }

    .second.triangle-up:before, .second.triangle-up:after {
        left: 331px;
    }
}

@media (max-width: 991.98px) {
    .first.triangle-up:before, .first.triangle-up:after {
        left: 157px;
    }

    .second.triangle-up:before, .second.triangle-up:after {
        left: 251px;
    }
}

.triangle-up:before {
    border-bottom-color: #ccc;
    top: -11px;
}

.triangle-up:after {
    border-bottom-color: white;
    top: -9px;
}

.backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    z-index: 4;
}

    .backdrop.show {
        opacity: .3;
        width: 100%;
    }

@media (max-width: 1199.98px) {
    #header-logo .logo {
        max-width: 110px;
    }
}

@media (max-width: 991.98px) {
    #header-logo .logo {
        max-width: 98px;
    }

    #header .menu {
        padding-left: 1%;
    }

        #header .menu a {
            font-size: 14px;
            letter-spacing: -0.1px;
        }

        #header .menu > a, #header .menu .dropdown-own {
            padding-left: .2rem;
            margin-right: 0.1rem;
        }

            #header .menu > a:not(:last-child), #header .menu .dropdown-own {
                padding-right: .2rem;
            }

        #header .menu a.btn-buy {
            padding: 5px 4px;
        }
}
/* MENU GENERAL */
.container-main {
    padding-top: 20px;
    margin-bottom: 20px;
}

    .container-main .title, .container-main .lead {
        margin-bottom: 1.25rem;
    }

@media (min-width: 768px) {
    .container-main .title, .container-main .lead {
        margin-bottom: 1.875rem;
    }

    .container-main {
        margin-top: 30px;
        padding-top: 0;
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .container-main {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    .container-main {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media (min-width: 1400px) {
    .container-main {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

.page-header-location {
    font-size: 15px;
    font-weight: 600;
    color: #001c86;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
}

@media (max-width: 480px) {
    .main {
        padding-left: 0;
        padding-right: 0;
    }
}

/* HOME */

.block-shop-online .title {
    margin-bottom: 1.875rem;
}

.block-shop-online a.box-acces {
    border-bottom: 1px solid #C0BEBE;
    color: #FFF;
    float: left;
    line-height: 27px;
    margin-right: 1%;
    margin-left: 1%;
    text-align: center;
    text-decoration: none;
    width: 23%;
}

    .block-shop-online a.box-acces:hover {
        border-color: transparent;
    }

.block-shop-online a.botiga-home::after,
.block-shop-online a.box-home::after,
.block-shop-online a.domicili-home::after,
.block-shop-online a.horoteca-home::after {
    padding-bottom: 7%;
    content: '';
    display: block;
    width: 0;
    transition: width .5s;
}

.block-shop-online a.botiga-home::after {
    border-bottom: 1px solid #ef6c00;
}

.block-shop-online a.box-home::after {
    border-bottom: 1px solid #00b5d4;
}

.block-shop-online a.domicili-home::after {
    border-bottom: 1px solid #58ab44;
}

.block-shop-online a.horoteca-home::after {
    border-bottom: 1px solid #004875;
}

.block-shop-online a.botiga-home:hover::after,
.block-shop-online a.box-home:hover::after,
.block-shop-online a.domicili-home:hover::after,
.block-shop-online a.horoteca-home:hover::after {
    width: 100%;
}

.block-shop-online a.botiga-home:hover .bg-color-box-directe {
    background-color: #ef6c00;
}

.block-shop-online a.box-home:hover .bg-color-recollida-botiga {
    background-color: #00b5d4;
}

.block-shop-online a.domicili-home:hover .bg-color-entrega-domicili {
    background-color: #58ab44;
}

.block-shop-online a.horoteca-home:hover .bg-color-horoteca {
    background-color: #004875;
}

.block-shop-online .box-acces .ico {
    font-size: 19px;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    display: inline-block;
    width: 220px;
    height: 220px;
    padding: 63px 8px 0 8px;
    line-height: 26px;
    margin-bottom: 4%;
    font-weight: 600;
}

    .block-shop-online .box-acces .ico img {
        margin: -2% auto 0 auto;
        width: 57%;
        display: block;
    }

.block-shop-online .box-acces .text {
    min-height: 84px;
    color: #333;
}

    .block-shop-online .box-acces .text h3 {
        font-weight: 700;
        margin-bottom: 0.3125rem;
    }

    .block-shop-online .box-acces .text span {
        display: block;
        line-height: 24px;
        color: #999;
        font-weight: 400;
    }

.block-shop-online, .block-grup {
    margin-top: 0;
}

@media (max-width: 767.98px) {

    .block-shop-online, .block-grup {
        margin-top: 0;
    }
}

@media (max-width: 1180px) {
    .block-shop-online .box-acces .ico {
        font-size: 16px;
        line-height: 22px;
        width: 170px;
        height: 170px;
        padding: 45px 10px 0 10px;
    }

        .block-shop-online .box-acces .ico img {
            /*margin: 0 auto;*/
        }

    .block-shop-online a.box-acces {
        font-size: 14px;
        line-height: 23px;
    }

    .block-shop-online .box-acces .text {
        /*min-height: 159px;*/
    }

        .block-shop-online .box-acces .text span {
            font-size: 15px;
        }

    .block-shop-online .box-acces .btn-acces {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .block-shop-online .box-acces .btn-acces {
        font-size: 22px;
    }

    .block-shop-online .box-acces .ico {
        line-height: 20px;
        /*padding: 8% 13%;*/
    }

        .block-shop-online .box-acces .ico img {
            /*padding: 9px 7px 2px 7px;*/
            margin-top: -3%;
            width: 63%;
        }

    .block-shop-online a.box-acces {
        width: 48%;
        font-size: 15px;
        border-bottom: none;
    }

        .block-shop-online a.box-acces:nth-child(-n+3) {
            margin-bottom: 20px;
        }

    .block-shop-online a.botiga-home::after,
    .block-shop-online a.box-home::after,
    .block-shop-online a.domicili-home::after,
    .block-shop-online a.horoteca-home::after {
        content: none;
    }

    .block-shop-online .box-acces .text {
        min-height: initial;
    }
}

@media (max-width: 480px) {
    .block-shop-online {
        margin-bottom: 0;
    }

        .block-shop-online .box-acces {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }

        .block-shop-online a.box-acces {
            font-size: 13px;
            line-height: 20px;
            width: 48%;
            border-bottom: none;
        }

        .block-shop-online .box-acces .ico img {
            width: 68%;
        }

        .block-shop-online .box-acces .ico {
            font-size: 15px;
            width: 140px;
            height: 140px;
            padding: 30px 20px 0 20px;
        }

        .block-shop-online .box-acces .text span {
            font-size: 13px;
            line-height: 20px;
        }
}
/*-------------------------- BANNER HOME --------------------------------*/
.banner-03 .banner {
    height: 164px;
}

.banner-02 .banner {
    height: 120px;
}

.banner.gradient {
    background: linear-gradient(60deg, rgba(229,227,228,0) 16%, rgba(229,227,228,1) 51%);
}

    .banner.gradient.campaign {
        background: linear-gradient(60deg, rgba(229,227,228,0) 46%, rgba(229,227,228,1) 80%);
    }
.banner.solid {
    background: #E5E3E3;
    overflow: hidden;
}

.banner a {
    color: initial;
    display: block;
    text-decoration: none;
    height: inherit;
    padding: 1.12em;
    position: relative;
}

    .banner a:after {
        content: '';
        background-image: url('img/icons/icon-arrow-right.svg');
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
        position: absolute;
        position: absolute;
        right: 1.8rem;
        bottom: 1.8rem;
        transition: right .7s ease-in-out, opacity .7s ease-in-out;
    }

.banner .back-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: -1;
}

    .banner .back-img img {
        position: absolute;
        max-width: none;
        max-height: none;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -40%);
        transform: translate(-50%, -50%);
    }

.banner ._img img {
    -webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.2);
}

.banner .pretitle {
    color: #ff8300;
    margin-bottom: 0.313rem;
    font-family: Antenna, Heebo,sans-serif;
}

.banner-03 .title, .banner-02 .title {
    font-size: 1.5rem; /*24*/
    line-height: 1.25;
    margin-bottom: 0.313rem !important;
}

@media (min-width: 992px) {
    .banner a:hover:after {
        right: 2.8rem;
        opacity: .5;
    }
}

@media (max-width: 1199.98px) {
    .banner-03 .banner {
        height: 142px;
    }

    .banner .pretitle {
        font-size: 0.85rem;
    }

    .banner-03 .title, .banner-02 .title {
        font-size: 1.25rem;
    }
}

@media (max-width: 991.98px) {
    .banner-03 .banner {
        height: 133px;
    }

    .banner a {
        padding: 0.938rem;
    }

        .banner a:after {
            right: 0.938rem;
            bottom: 0.938rem;
            background-size: cover;
            height: 14px;
            width: 14px;
        }

    .banner .pretitle {
        font-size: 0.813rem;
    }

    .banner-03 .title, .banner-03 .title {
        font-size: 1.125rem;
    }
}
@media (max-width: 1457px) {
    .banner .back-img img {
        max-width: 130%;
    }
}
@media (max-width: 767.98px) {
    .banner {
        margin-bottom: 1.25rem;
    }

        .banner-03 .banner, .banner ._img, .banner-02 .banner {
            height: 85px;
        }

        .banner ._img {
            overflow: hidden;
            padding: 12px 5px 0 5px;
            margin-top: -0.625em;
        }

        .banner a {
            padding: 0.625em;
        }

        .banner .back-img img {
            max-width: 89%;
            left: 40%;
        }

        .banner .pretitle {
            font-size: 0.7rem;
            margin-bottom: 0;
        }

    .banner-03 .title, .banner-02 .title {
        font-size: 1.05rem;
        margin-bottom: 0 !important;
    }
}


/**/
.section:not(:last-child) {
    margin-bottom: 5rem;
}

.block-shop-online {
    margin-bottom: 1.875rem;
}

.section .title {
    margin-bottom: 3.75rem;
}

.block-shop-online .title {
    margin-bottom: 1.9rem;
}
/*-------------------------- BANNER FOOTER HOME --------------------------------*/
@media (max-width: 1199.98px) {
    .section:not(:last-child) {
        margin-bottom: 3.75rem;
    }
}

@media (max-width: 991.98px) {
    .section:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    .section .title {
        margin-bottom: 2.7rem;
    }
}

@media (max-width: 767.98px) {
    .section .title {
        margin-bottom: 1.75rem;
    }

    .block-shop-online .title {
        margin-bottom: 1.2rem;
    }
}
/*-------------------------- SLIDER --------------------------------*/
.carousel-indicators li, .carousel-indicators .active {
    width: 50px;
}

.carousel-indicators li {
    height: 7px;
}

.carousel-indicators .active {
    height: 9px;
}

.carousel-control {
    width: 7%;
}

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -24px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -24px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        transform: translateY(-50%);
    }

.glyphicon-chevron-right:before, .glyphicon-chevron-left:before {
    content: '';
    background-image: url('img/icons/icon-angle-white.svg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
}

.glyphicon-chevron-left:before {
    transform: rotate(-180deg);
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 40px;
        height: 40px;
    }

    .glyphicon-chevron-right:before, .glyphicon-chevron-left:before {
        height: 40px;
        width: 40px;
    }
}

@media (max-width: 767.98px) {
    .carousel-control {
        width: 15%;
    }

    .carousel-indicators li {
        height: 6px;
    }

    .carousel-indicators .active {
        height: 8px;
    }

    .carousel-indicators {
        bottom: 3px;
    }
}
/*-------------------------- BUSINESS HOME --------------------------------*/
.block-business-main a {
    display: block;
    padding-bottom: 79%;
    color: #fff;
    text-decoration: none;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.87156869583771)), color-stop(71%, rgba(0,0,0,0)));
    background: -o-linear-gradient(top, rgba(0,0,0,0.87156869583771) 0%, rgba(0,0,0,0) 71%);
    background: linear-gradient(180deg, rgba(0,0,0,0.87156869583771) 0%, rgba(0,0,0,0) 71%);
}

.block-business-main ._img {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

    .block-business-main ._img img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 54% 70%;
        object-position: 54% 70%;
        height: 100%;
        width: 100%;
        z-index: -1;
        -webkit-transition: -webkit-transform .5s ease-in-out;
        transition: -webkit-transform .5s ease-in-out;
        -o-transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    }

.block-business-main .description {
    padding: 3rem 2rem 2rem;
}

    .block-business .description h3, .block-business-main .description h2 {
        display: inline-block;
        -webkit-transition: border .3s ease-in-out;
        -o-transition: border .3s ease-in-out;
        transition: border .3s ease-in-out;
        border-bottom: 1px solid transparent;
    }

    .block-business-main .description h2 {
        margin-bottom: 0.6rem;
    }

    .block-business-main .description h2, .block-business-main .description p {
        margin-bottom: 0.6rem;
    }

.block-business a {
    display: block;
    text-decoration: none;
    color: initial;
    margin-bottom: 0.5rem;
}

.block-business ._img {
    overflow: hidden;
}

    .block-business ._img img {
        -webkit-transition: opacity .5s ease, -webkit-transform .5s ease-in-out;
        transition: opacity .5s ease, -webkit-transform .5s ease-in-out;
        -o-transition: transform .5s ease-in-out, opacity .5s ease;
        transition: transform .5s ease-in-out, opacity .5s ease;
        transition: transform .5s ease-in-out, opacity .5s ease, -webkit-transform .5s ease-in-out;
    }

.block-business a ._icon {
    transition: transform .7s ease-in-out, opacity .7s ease-in-out;
}

.block-business .description {
    padding: 0.8rem 0;
}

    .block-business .description h3 {
        margin-bottom: 0.6rem;
    }

    .block-business .description p {
        color: #808080;
        font-size: 1rem;
        margin-bottom: 0.6rem;
        min-height: 44px;
    }

.icon-arrow-right:after {
    content: '';
    background-image: url('img/icons/icon-arrow-right.svg');
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

@media (min-width: 992px) {
    .block-business a:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.05);
        opacity: 0.6;
    }

    .block-business a:hover ._img {
        background-color: #222;
    }

    .block-business a:hover h3 {
        border-bottom-color: #222;
    }

    .block-business-main a:hover h2 {
        border-bottom-color: #fff;
    }

    .block-business-main a:hover ._img {
        background-color: #222;
    }

    .block-business-main a:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0.6;
    }

    .block-business a:hover ._icon {
        transform: translateX(5%);
        opacity: 0.5;
    }
}

@media (max-width: 991.98px) {
    .block-business-main a {
        padding-bottom: 93%;
    }

    .block-business .description {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 767.98px) {
    .block-business-main a {
        padding-bottom: 0;
        margin-bottom: 1.3em;
        padding-top: 28%;
    }

    .block-business-main a {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.87156869583771)), color-stop(80%, rgba(0,0,0,0)));
        background: -o-linear-gradient(top, rgba(0,0,0,0.87156869583771) 20%, rgba(0,0,0,0) 80%);
        background: linear-gradient(0deg, rgba(0,0,0,0.87156869583771) 20%, rgba(0,0,0,0) 80%);
    }

    .block-business-main .description {
        padding: 1rem;
    }

    .block-business .description {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
    }

        .block-business .description h3 {
            margin-bottom: 0.3rem;
        }

        .block-business .description p {
            font-size: 0.85rem;
            min-height: initial;
            margin-bottom: 0;
        }

    .block-business-main ._img img {
        top: -43%;
    }
}
/*-------------------------- SERVICES HOME --------------------------------*/
.block-services ul {
    list-style: none;
    padding-top: 3%;
}

    .block-services ul li a {
        padding: 1.18rem 0 0 0;
        text-decoration: none;
        color: initial;
        display: inline-block;
        margin-left: 35px;
        position: relative;
        margin-bottom: 0.4rem;
        border-bottom: 1px solid #cccccc;
    }

        .block-services ul li a:before {
            content: '';
            background-image: url('img/icons/icon-next-orange.svg');
            background-repeat: no-repeat;
            background-size: cover;
            height: 12px;
            width: 12px;
            position: absolute;
            left: -36px;
            top: 1.8rem;
            -webkit-transition: left .7s ease, opacity .7s ease-in-out;
            -o-transition: left .7s ease, opacity .7s ease-in-out;
            transition: left .7s ease, opacity .7s ease-in-out;
        }

        .block-services ul li a:after {
            content: '';
            height: 1px;
            background: transparent;
            width: 20%;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 4px;
            -webkit-transition: width .3s ease;
            -o-transition: width .3s ease;
            transition: width .3s ease;
        }

@media (min-width: 992px) {
    .block-services ul li a:hover {
        border-bottom-color: transparent;
    }

        .block-services ul li a:hover:after {
            background: #ff8300;
            width: 100%;
        }

        .block-services ul li a:hover:before {
            left: -22px;
            opacity: 0.5;
        }
}

@media (max-width: 991.98px) {
    .icon-arrow-right:after {
        background-size: cover;
        height: 14px;
        width: 14px;
    }

    .block-services ul li a:before {
        height: 10px;
        width: 10px;
        top: 1.57rem;
    }
}

@media (max-width: 767.98px) {
    .block-services {
        position: relative;
    }

        .block-services ul {
            padding-top: 0;
        }

            .block-services ul li a {
                padding-top: .6rem;
                margin-left: 28px
            }

                .block-services ul li a:before {
                    left: -25px;
                    top: 1rem;
                }

        .block-services ._img {
            position: absolute;
            top: 0;
            right: 0;
            width: 80%;
            padding-bottom: 55%;
            overflow: hidden;
            z-index: -1;
        }

            .block-services ._img img {
                position: absolute;
                right: -18%;
                width: 117%;
            }
}

/*-------------------------- FOOTER CORPORATION --------------------------------*/
.section-corporation {
    background-color: #E5E3E3;
    padding-top: 3%;
    padding-bottom: 3%;
}

.block-corporation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.block-corporation .title {
    padding-bottom: 1rem;
    display: block;
}

.block-corporation ul li a {
    color: #808080;
    display: block;
    text-decoration:none;
}
.block-corporation ul li a:hover {
    color: initial;
   
}
.block-corporation ul li:not(:first-child) {
    padding-top: 0.4rem;
}

.block-corporation ul li:not(:last-child) {
    padding-bottom: 0.4rem;
}

.box-seals span, .box-seals a {
    display: inline-block;
    vertical-align: top;
    margin-right: .7rem;
    margin-bottom: 0.7rem;
}

.box-rrss {
    margin-top: 1.1rem;
    color: #808080;
}

    .box-rrss a {
        display: inline-block;
        margin-right: 0.5rem;
    }

        .box-rrss a:hover {
            opacity: 0.5;
        }

    .box-rrss p {
        margin-bottom: 0.7rem;
    }

    .box-rrss a:not(:last-child) {
        margin-right: 0.4rem;
    }

@media (max-width: 991.98px) {
    .block-corporation ul {
        margin-bottom: 1rem;
    }

        .block-corporation ul li a {
            font-size: 1rem;
        }

    .box-seals span, .box-seals a {
        margin-right: 0.4rem;
    }

        .box-seals span img, .box-seals a img {
            width: 85px;
        }
}

@media (max-width: 767.98px) {
    .section-corporation {
        padding-top: 8%;
        padding-bottom: 8%;
    }

    .logo-corporation {
        margin-bottom: 1.5rem;
        display: block;
    }

    .block-corporation .title {
        padding-bottom: 0.6rem;
    }

    .block-corporation ul li:not(:first-child) {
        padding-top: 0.3rem;
    }

    .block-corporation ul li:not(:last-child) {
        padding-bottom: 0.3rem;
    }

    .box-rrss {
        color: initial;
    }
}

/* ------------------------ SIDEBAR ------------------------ */
.sidebar {
    width: 80%;
    position: sticky;
    top: 120px;
}

    .sidebar ul {
        list-style: none;
        border-top: 1px solid #cccccc;
        list-style: none;
    }

    .sidebar.company ul li {
        width: 100%;
    }

    .sidebar.organization .panel {
        margin: 0;
        border-radius: 0;
    }

        .sidebar.organization .panel ul {
            padding-top: 0.938rem;
            padding-bottom: 0.938rem;
        }

            .sidebar.organization .panel ul li {
                padding-left: 1.875rem;
                position: relative;
            }

                .sidebar.organization .panel ul li:before {
                    content: '';
                    width: 1px;
                    height: 114%;
                    background: #cccccc;
                    position: absolute;
                    left: 15px;
                    top: 0;
                    bottom: 4px;
                }

                .sidebar.organization .panel ul li.active:before {
                    width: 3px;
                    height: 95%;
                    background: #ff8300;
                    top: 5px;
                    left: 14px;
                }

    .sidebar.company ul li, .sidebar.organization .panel {
        border-bottom: 1px solid #cccccc;
    }

        .sidebar.organization .panel:first-child {
            border-top: 1px solid #cccccc;
        }

        .sidebar.company ul li a, .sidebar.organization .panel a {
            color: #808080;
            text-decoration: none;
            padding: .8rem 0 0.4rem 0;
            display: block;
            margin-bottom: 0.4rem;
            position: relative;
        }

            .sidebar.company ul li.active a, .sidebar.organization .panel a.active, .sidebar.organization .panel ul li.active a,
            .sidebar.company ul li a.active {
                color: #222;
                font-weight: bold;
            }

        .sidebar.company ul li.active a {
            cursor: auto;
        }

            .sidebar.company ul li.active a:after, .sidebar.organization .panel > a:after,
            .sidebar.company ul li a.active:after {
                content: '';
                background-image: url('img/icons/icon-next-orange.svg');
                background-repeat: no-repeat;
                background-size: cover;
                height: 12px;
                width: 12px;
                position: absolute;
                right: 0.8rem;
                top: 1.2em;
            }

        .sidebar.organization .panel > a:after {
            transform: rotate(-90deg);
        }

        .sidebar.organization .panel > a.collapsed:after {
            transform: rotate(90deg);
        }

        .sidebar.company ul li.active a:hover, .sidebar.organization .panel a.active:hover {
            color: #222;
        }

        .sidebar.company ul li a:hover, .sidebar.organization .panel a:hover {
            color: #FF8300;
            text-decoration: none;
        }

@media (max-width: 1199.98px) {
    .sidebar {
        width: 93%;
    }
}

@media (max-width: 991.98px) {
    .sidebar {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .sidebar {
        width: 100%;
        margin-bottom: 1.25rem;
    }
}
/* ------------------------ MAIN GENERAL ------------------------ */
.block-video, .div-box {
    margin-bottom: 1.25rem;
}

.block-direct-camp .div-box {
    background-color: #edecec;
}

.div-box, .blockbox, .div-box-border {
    padding: 1.25rem;
}

    .div-box a, .blockbox a, .div-box-border a {
        text-decoration: none;
    }

.div-box-border {
    border: 1px solid #D1CFCF;
    font-size: 1rem;
    color: initial;
    text-decoration: none;
}

    .div-box-border .title {
        margin-bottom: 1.25rem;
    }

.blockbox .link {
    color: #ff8300;
    display: inline;
}

    .blockbox .link:after {
        background: #ff8300;
    }

.div-box {
    background-color: #E5E3E3;
}

    .div-box ._info {
        padding-top: 2rem;
    }

    .div-box ._img {
        overflow: hidden;
    }

    .div-box .img-box {
        position: relative;
        padding-bottom: 100%;
        overflow: hidden;
    }

        .div-box .img-box img {
            max-width: none;
            max-height: none;
            min-width: 100%;
            min-height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .div-box .pretitle, .div-box-border .pretitle {
        color: #ff8300;
        margin-bottom: 0.938rem;
    }

    .div-box .box-icon {
        margin-bottom: 1.25rem;
        min-height: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .div-box._small {
        min-height: 380px;
        padding: 1.5625rem 0.85rem;
    }

        .div-box._small p {
            font-size: 1rem;
        }
/* ------------------------ MAIN blockbox ------------------------ */
.blockbox .number {
    font-size: 2.5rem;
    color: #ff8300;
}

.blockbox img {
    margin-bottom: 10px;
}

.blockbox p {
    color: #807E7E;
    position: relative;
    margin-top: 15px;
}

.blockbox .border-top:before {
    content: '';
    height: 2px;
    width: 20%;
    background: #ff8300;
    position: absolute;
    top: -.8rem;
}

.blockbox .border-top-orange:before {
    content: '';
    height: 2px;
    width: 20%;
    background: #ff8300;
    position: absolute;
    top: -.8rem;
}

@media (max-width: 991.98px) {
    .blockbox img {
        margin: 0 auto 10px 0;
        width: 60px;
    }
}

.list-ul {
    list-style: none;
}

    .list-ul li {
        list-style: none;
        position: relative;
        padding-left: 1.5rem;
        padding-bottom: 0.8rem;
    }

        .list-ul li:before {
            content: '::';
            font-weight: bold;
            color: #ff8300;
            position: absolute;
            left: 0;
            font-family: sans-serif;
        }

.list-ol {
    padding-left: 15px;
}

    .list-ol li {
        padding-left: 0.5rem;
        list-style-type: lower-alpha
    }

        .list-ol li::marker {
            color: #ff8300;
        }

.paragraph .title {
    margin-bottom: 1.3rem;
}

@media (max-width: 991.98px) {
    .div-box .img-box {
        padding-bottom: 55%;
    }

    .list-ul li {
        padding-bottom: 0.2rem;
    }

    .div-box ._info {
        padding-top: 1.5rem;
    }

    .paragraph .title {
        margin-bottom: 0.8rem;
    }

    .div-box._small {
        min-height: 286px;
        padding: 1.5625rem 0.85rem 1.2rem;
    }

        .div-box._small p {
            font-size: 0.87rem;
        }
}

@media (max-width: 767.98px) {
    .div-box .img-box {
        padding-bottom: 60%;
    }

    .div-box._small {
        min-height: 303px;
        padding: 1.5625rem 0.8rem 1.2rem;
        margin-bottom: 1.2rem;
    }

        .div-box._small p {
            font-size: 0.84rem;
        }

    .div-box .pretitle {
        margin-bottom: 1rem;
    }

    .div-box .box-icon {
        min-height: initial;
        margin-bottom: 1rem;
    }

        .div-box .box-icon img {
            max-height: 49px;
        }
}

/*-------------------------- CRONOLOGIA --------------------------------*/
.block-years {
    border-bottom: 1px solid #ff8300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0.625rem;
}

    .block-years .years {
        position: relative;
        margin-right: 0.313em;
    }

        .block-years .years:not(:last-child):after {
            content: '';
            height: 1rem;
            width: 2px;
            background: #D1CFCF;
            position: absolute;
            right: -0.25rem;
            top: 50%;
            transform: translateY(-50%);
        }

        .block-years .years a {
            font-size: 1rem;
            display: block;
            padding-top: 0.313em;
            padding-bottom: 0.313em;
            color: #807E7E;
            text-decoration: none;
        }

@media (min-width: 768px) {
    .block-years .years a:hover {
        color: #FF8300;
    }
}

.block-years .years:not(:first-child) a {
    padding-left: 0.438rem;
}

.block-years .years:not(:last-child) a {
    padding-right: 0.438rem;
}

.block-years .years.active a {
    color: #ff8300;
    font-weight: bold;
}

.triangle-down-orange {
    position: relative;
}

.active .triangle-down-orange:before, .active .triangle-down-orange:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.active .triangle-down-orange:before {
    border-top-color: #ff8300;
    top: 45px;
}

.active .triangle-down-orange:after {
    border-top-color: white;
    top: 44px;
}

.block-cronologia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .block-cronologia .box {
        padding-top: 1.5rem;
        padding-bottom: 2.5rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid #D1CFCF;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
    }

        .block-cronologia .box:not(:nth-child(3n)) {
            margin-right: 2%;
            padding-right: 2rem;
        }

    .block-cronologia .year {
        font-size: 2.5rem;
        color: #222;
    }

    .block-cronologia .description {
        color: #807E7E;
    }

.pagination-chronology a {
    color: #ff8300;
    text-transform: lowercase;
    font-weight: 500;
}

    .pagination-chronology a:first-letter {
        text-transform: uppercase
    }

    .pagination-chronology a.btn-back:before, .pagination-chronology a.btn-next:after {
        content: '';
        background-image: url('img/icons/icon-next-orange.svg');
        background-size: cover;
        background-repeat: no-repeat;
        height: 12px;
        width: 12px;
        display: inline-block;
        vertical-align: middle;
    }

    .pagination-chronology a.btn-next:after {
        margin-left: 5px;
    }

    .pagination-chronology a.btn-back:before {
        transform: rotate(180deg);
        margin-right: 5px;
    }

@media (max-width: 991.98px) {
    .block-years .years a {
        font-size: 0.84rem;
    }

    .active .triangle-down-orange:after {
        top: 36px;
    }

    .active .triangle-down-orange:before {
        top: 38px;
    }

    .block-years .years:not(:last-child) a {
        padding-right: 0.238rem;
    }

    .block-years .years:not(:first-child) a {
        padding-left: 0.238rem;
    }

    .block-cronologia .box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
    }

        .block-cronologia .box:not(:nth-child(3n)) {
            margin-right: 0;
            padding-right: 0;
        }

        .block-cronologia .box:not(:nth-child(2n)) {
            margin-right: 2%;
            padding-right: 1rem;
        }

    .block-cronologia .year {
        font-size: 1.875rem;
    }
}

@media (max-width: 767.98px) {
    .block-years {
        border-bottom: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 1.25rem;
    }

    .block-cronologia .box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-top: 0;
        padding-bottom: 1.5rem;
        margin-bottom: 1rem;
    }
}

/*-------------------------- GALERIA MULTIMEDIA --------------------------------*/
#video-frame {
    margin-bottom: 1.875rem;
}

.block-multimedia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .block-multimedia > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 23.1%;
        margin-bottom: 1.875rem;
        border: 1px solid #ddd;
    }

        .block-multimedia > div:not(:nth-child(4n)) {
            margin-right: 2.5%;
        }

        .block-multimedia > div > a {
            color: initial;
            text-decoration: none;
            display: block;
            height: 100%;
        }

    .block-multimedia .info h6 {
        font-weight: 700;
        margin-bottom: 0.65rem;
    }

    .block-multimedia .img-box {
        margin-bottom: 0.65rem;
        background-color: #000;
        position: relative;
    }

    .block-multimedia .doc .img-box .icon {
        background-image: url('img/icons/icon-doc.svg');
    }

    .block-multimedia .play .img-box .icon {
        background-image: url('img/icons/icon-play.svg');
    }

    .block-multimedia .doc .img-box .icon, .block-multimedia .play .img-box .icon {
        height: 40px;
        width: 40px;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0.8;
        transition: opacity .3s ease-in-out;
    }

.img-box .img {
    opacity: 0.8;
    transition: opacity .3s ease-in-out;
    width: 100%;
}

@media (min-width: 992px) {
    .block-multimedia > div > a:hover .img-box .icon {
        opacity: 1;
    }

    .block-multimedia > div > a:hover .img-box .img {
        opacity: 0.5;
    }

    .block-multimedia > div > a:hover .info h6 {
        text-decoration: underline;
    }
}

.block-multimedia .info {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
}

    .block-multimedia .info p {
        font-size: 1rem;
    }

    .block-multimedia .info button {
        padding: 0;
        font-weight: 700;
        font-size: 11px;
    }

@media (max-width: 1199.98px) {
    .block-multimedia > div {
        flex: 0 0 31.65%;
    }

        .block-multimedia > div:not(:nth-child(4n)) {
            margin-right: 0;
        }

        .block-multimedia > div:not(:nth-child(3n)) {
            margin-right: 2.5%;
        }
}

@media (max-width: 991.98px) {
    .block-multimedia > div {
        flex: 0 0 48.7%;
    }

        .block-multimedia > div:not(:nth-child(3n)) {
            margin-right: 0;
        }

        .block-multimedia > div:not(:nth-child(2n)) {
            margin-right: 2.5%;
        }
}

@media (max-width: 767.98px) {
    .block-multimedia > div {
        flex: 0 0 46%;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #ddd;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

        .block-multimedia > div:not(:nth-child(2n)) {
            margin-right: 7%;
        }

    .block-multimedia .info {
        padding: 0;
    }

        .block-multimedia .info h6, .block-multimedia .info p {
            font-size: 14px;
        }

        .block-multimedia .info p {
            line-height: 1.4;
        }

        .block-multimedia .info button {
            font-size: 10px;
        }
}
/*-------------------------- BOTIGAS --------------------------------*/
/*-------------------------- LA TEVA BOTIGA --------------------------------*/

#divInfoShop {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
}

.block-info-shop > div {
    margin-bottom: 1.875rem;
}

.block-info-shop h6 {
    margin-bottom: 0.625rem;
}

.block-info-shop p {
    font-size: 0.875rem;
}

    .block-info-shop p.phone {
        font-size: 1rem;
    }

.obert {
    color: black;
}

tr.passat {
    color: #a5a7a9;
    border-bottom: 1px solid #ccc;
}

    tr.passat td {
        padding-bottom: 5px;
        padding-top: 5px;
    }

.tancat {
    color: #e40000;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    .block-info-shop {
        margin-bottom: 1.25rem;
    }

        .block-info-shop h6 {
            margin-bottom: 0.313rem;
        }
}

/*-------------------------- BOTIGUES - PREUS I PRODUCTES  --------------------------------*/
.list-prices-products td.image {
    padding-top: 0;
    padding-bottom: 0;
    width: 10%;
}

.list-prices-products .table {
    font-size: 0.875rem;
}

    .list-prices-products .table > thead > tr > th {
        border-bottom: 1px solid #CCCCCC;
    }

    .list-prices-products .table > tbody > tr > td {
        vertical-align: middle;
        border-top: 0;
        border-bottom: 1px solid #CCCCCC;
    }

.list-prices-products div.container-btn-comprar {
    width: 92px;
    margin-top: 7px;
}

    .list-prices-products div.container-btn-comprar a {
        color: #ff8300;
        padding: 3px 17px;
        border: 1px solid #ffdcb3;
        border-radius: 100px;
        font-weight: 500;
        display: block;
    }

        .list-prices-products div.container-btn-comprar a:hover {
            background-color: #fff2e4;
            text-decoration: none;
        }

.list-prices-products td.price {
    text-align: right;
}

.list-prices-products a[aria-expanded="true"] {
    background-color: #fff6eb;
}

    .list-prices-products a[aria-expanded="true"].btn .body {
        color: #ff8300;
    }

.list-prices-products a.btn {
    padding: 0.6rem 0 0.6rem 10px;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    white-space: normal;
    width: 100%;
    border-bottom: 1px solid #ffdcb3;
}

    .list-prices-products a.btn .body {
        font-size: 1rem;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        width: 100%;
        color: initial;
    }

    .list-prices-products a.btn:hover .body {
        color: #ff8300;
    }

    .list-prices-products a.btn .plus {
        font-size: 1.5rem;
        padding: 0 10px;
        display: table-cell;
        vertical-align: middle;
        font-weight: lighter;
        color: #ff8300;
    }

        .list-prices-products a.btn .plus span {
            height: 28px;
            width: 28px;
            border: 1px solid #ffdcb3;
            display: block;
            border-radius: 50%;
            line-height: 28px;
        }

    .list-prices-products a.btn:active,
    .list-prices-products a.btn.active {
        box-shadow: none;
    }

.list-prices-products .image img {
    padding-top: 5px;
    padding-bottom: 5px;
}

.list-prices-products .list-prices-products ul {
    padding: 0px;
}

    .list-prices-products .list-prices-products ul li {
        display: table;
        width: 100%;
        border-bottom: 2px solid #d4d7e4;
        padding: 0;
    }

.list-prices-products .list-prices-products li.titles {
    padding: 0 0 0 7px;
}

.list-prices-products .list-prices-products .titles {
    color: #FFF;
    background-color: #B1B8B6;
    border-bottom: 0px;
    font-weight: 600;
}

    .list-prices-products .list-prices-products .titles .col {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        padding: 3px 5px 3px 5px;
        border-right: 3px solid #FFF;
    }

.list-prices-products .list-prices-products .col {
    font-size: 14px;
    font-weight: 300;
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}

.list-prices-products .list-prices-products .image {
    width: 12%;
}

.list-prices-products .list-prices-products .code {
    width: 11%;
}

.list-prices-products .list-prices-products .description {
    width: 55%;
}

.list-prices-products .list-prices-products .price {
    width: 11%;
    text-align: right;
}

.list-prices-products .list-prices-products .units {
    width: 11%;
    text-align: center;
}

@media (max-width: 767.98px) {
    .list-prices-products .table {
        font-size: 0.813rem;
    }

    .list-prices-products .image img {
        width: 60px;
    }

    .list-prices-products div.container-btn-comprar {
        float: left;
    }
}

@media (max-width: 480px) {
    .list-prices-products .list-prices-products .col {
        font-size: 12px;
    }

    .list-prices-products a.btn .body {
        font-size: 14px;
    }
}
/* ------------------------ BTN -----------------------*/
.btn-primary {
    color: #ff8300;
    border: 1px solid #ff8300;
    background-color: transparent;
    border-radius: 50px;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active:hover, .btn-primary:active:focus {
        color: #fff;
        border: 1px solid #ff8300;
        background-color: #ff8300;
    }
/*-------------------------- Sol·licitud franquícia --------------------------------*/
.box-request-shop {
    padding-top: 11%;
    margin-bottom: 0;
}

    .box-request-shop .list-ul {
        font-family: Antenna, Heebo, sans-serif;
    }

        .box-request-shop .list-ul li {
            font-size: 1.25rem;
            border-top: 1px solid #D1CFCF;
            padding-top: 0.938rem;
            padding-bottom: 0.938rem;
        }

@media (max-width: 991.98px) {
    .box-request-shop {
        padding-top: 30px;
    }

        .box-request-shop .list-ul li {
            font-size: 1rem;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
        }
}
/*-------------------------- BUFFETS --------------------------------*/
.block-buffet {
    margin-bottom: 30px;
}

    .block-buffet .box-img {
        position: relative;
    }

    .block-buffet .tag {
        font-size: 1rem;
    }

    .block-buffet .tag, .tag-buffet {
        background: #ff8300;
        color: white;
        padding: 4px 13px;
    }

    .block-buffet .box-img .tag {
        position: absolute;
        left: 0;
        top: 0;
    }
    /*.block-buffet .box-img .alert {
            position: absolute;
            bottom:-10px;
        }*/
    .block-buffet .box-img img {
        width: 100%;
    }

    .block-buffet .info {
        font-size: 1rem;
        padding: 1.25rem;
        border-bottom: 1px solid #D1CFCF;
        min-height: 375px;
    }

.list-buffet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

    .list-buffet a {
        color: initial;
        text-decoration: none;
        padding-left: 35px;
    }

        .list-buffet a:not(:last-child) {
            margin-bottom: 12px;
        }

        .list-buffet a.icon:before {
            content: '';
            height: 25px;
            width: 25px;
            display: inline-block;
            vertical-align: middle;
            background-repeat: no-repeat;
            background-size: cover;
            margin-right: 10px;
            opacity: 0.5;
            margin-left: -35px;
        }

.icon-marker:before {
    background-image: url('img/icons/icon-marker.svg');
}

.icon-safety:before {
    background-image: url('img/icons/icon-safety.svg');
}

.icon-phone:before {
    background-image: url('img/icons/icon-phone.svg');
}

.icon-clock-price:before {
    background-image: url('img/icons/icon-clock-price.svg');
}

.icon-clock:before {
    background-image: url('img/icons/icon-clock.svg');
}

.services-buffet > div {
    padding-top: 1.25rem;
}

.services-buffet a {
    display: inline-block;
    margin-bottom: 10px;
}

@media (max-width: 767.98px) {
    .block-buffet {
        font-size: 15px;
    }

        .block-buffet .info {
            min-height: initial;
            padding-left: 0;
            padding-right: 0;
        }

    .list-buffet {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }

        .list-buffet a.icon:before {
            height: 18px;
            width: 18px;
        }

        .list-buffet a:not(:last-child) {
            margin-bottom: 10px;
        }
}
/*-------------------------- BUFFETS INTERIORES--------------------------------*/
.block-price-buffet {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

    .block-price-buffet > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .block-price-buffet > div:first-child {
            background-color: #E5E3E3;
        }

        .block-price-buffet > div .box {
            padding: 1.25rem;
        }

            .block-price-buffet > div .box:first-child {
                flex: 0 0 75%;
                border-right: 1px solid #ccc;
                border-bottom: 1px solid #ccc
            }

            .block-price-buffet > div .box:last-child {
                flex: 0 0 25%;
                border-bottom: 1px solid #ccc
            }

    .block-price-buffet .box.title-price, .block-price-buffet .box.price {
        text-align: center;
    }

    .block-price-buffet .box.price {
        color: #ff8300;
        font-weight: bold;
        font-size: 1.5rem;
    }

    .block-price-buffet .box p:not(:first-child) {
        font-style: italic;
        color: #807E7E;
    }

    .block-price-buffet .box p:first-child {
        font-weight: bold;
    }

.box-img-buffet img {
    width: 100%;
}

@media (max-width: 991.98px) {
    .block-price-buffet {
        font-size: 1rem;
    }

        .block-price-buffet > div .box {
            padding: 0.938rem;
        }
}

@media (max-width: 767.98px) {
    .block-price-buffet > div .box {
        padding: 0.6rem;
    }
}
/*-------------------------- BUFFETS LA CARTA --------------------------------*/


#main-container-restaurants .block-restaurant-detall div.titles {
    border-bottom: 1px solid #ff8300;
    display: table;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
}

    #main-container-restaurants .block-restaurant-detall div.titles .col {
        font-size: 19px;
        background-color: transparent;
        padding: 3px 5px 3px 5px;
        border-right: 2px solid transparent;
        font-weight: bold;
    }

#main-container-restaurants .block-restaurant-detall .col {
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
    font-weight: 400;
    padding: 0;
    background-color: #eee;
}

#main-container-restaurants .block-restaurant-detall .col-day {
    width: 24%;
    padding: 10px 20px;
}

#main-container-restaurants .block-restaurant-detall .col-price {
    background-color: #ec9a4b;
    vertical-align: top;
    border: 0;
}

#main-container-restaurants .block-restaurant-detall .col-price-holidays {
    background-color: #ff8300;
    vertical-align: top;
    border: 0;
}

#main-container-restaurants .block-restaurant-detall ul li {
    display: table;
    width: 100%;
    padding: 0 0 5px 0;
}
/*-------------------------- CONTENT MAPS--------------------------------*/

.content-map {
    position: relative;
}
/*-------------------------- INFORMATIVO --------------------------------*/
.content-informativo {
    text-align: center;
}

    .content-informativo a {
        display: inline-block;
        border-bottom: 1PX solid #D1CFCF;
        padding-bottom: 1.25rem;
        margin-bottom: 0.625rem;
    }

        .content-informativo a img {
            -webkit-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.34);
            box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.34);
        }
/* BUFET */
.locate-bufet {
    padding: 0px;
    margin-bottom: 30px;
}

/* LOCATE */

.line-locate {
    height: 1px;
    margin-bottom: 10px;
    width: 20%
}

    .line-locate.benzinera {
        background-color: #32418E;
    }


/* FOOTER */
.footer {
    padding: 20px;
    font-size: 0.875rem;
    line-height: 1.5;
}

    .footer a {
        color: initial;
        text-decoration: none;
    }

    .footer .legal a {
        border-bottom: 1px solid;
        opacity: 0.6;
    }

footer .legal a:not(:last-child) {
    margin-right: 1rem;
}

.footer .direccio {
    opacity: 0.6;
}

.footer .legal {
    text-align: right;
}

@media (min-width: 992px) {
    .footer a:hover {
        opacity: 1;
    }
}

@media (max-width: 991.98px) {
    .footer {
        line-height: initial;
    }

        .footer .legal, .footer .direccio {
            text-align: center;
        }

        .footer .direccio {
            margin-bottom: 1.5rem;
        }

        .footer .legal a {
            margin-bottom: 0.4rem;
            display: inline-block;
        }
}

/* --------------------------- CONTACTAR  --------------------------- */
.block-contact {
    display: inline-block;
}

    .block-contact a {
        font-weight: 700;
    }

    .block-contact > div:not(:last-child ) {
        margin-bottom: 1.25rem;
    }

    .block-contact .box-icon {
        margin-bottom: 1.25rem;
    }

    .block-contact .icon-contact {
        padding-left: 40px;
    }

        .block-contact .icon-contact:before {
            float: left;
            margin-left: -42px;
        }

.icon-contact:before {
    content: '';
    background-image: url('img/icons/sprite-icons-contact-35.svg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
}

.icon-call:before {
    background-position-y: 0;
}

.icon-send:before {
    background-position-y: -30px;
}

.icon-fuel:before {
    background-position-y: -60px;
}

.icon-invoice:before {
    background-position-y: -90px;
}

.icon-job:before {
    background-position-y: -120px;
}

.icon-bonarea:before {
    background-position-y: -150px;
}

.icon-shop:before {
    background-position-y: -180px;
}

.icon-box-online:before {
    background-position-y: -210px;
}
/*---*/
.table-horeca {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
    width: 99%;
    max-width: 99%;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    margin-right: 10px;
    margin-left: 10px;
}

    .table-horeca > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border: 1px solid #ddd;
    }

    .table-horeca > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

@media only screen and (max-width: 768px) {
    #divModalVideoYoutube {
        width: 100%;
    }
}

.back-cookies {
    background-color: rgba(215, 215, 215, .95) !important; /*#d7d7d7*/
}

.text-cookies {
    font-size: 14px;
    color: #333;
    padding: 17px 25px;
}

a.close, a.close {
    opacity: 1;
    font-weight: 400;
    font-size: 25px;
    padding: 10px 0px;
}

.text-orange {
    color: #FF8300 !important;
}

.text-grey {
    color: #807E7E !important;
}


.alert {
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 0;
}

.alert-danger {
    color: #CC0000;
    background-color: #f7e9e9;
    border-color: #FFB9BB;
}

.alert-success {
    background: #f5fcf2;
    color: #1bc312;
}

.alert-info {
    background: #ECF5FB;
    color: #07b0ef;
}

.pl-0 {
    padding-left: 0;
}

.pr-0 {
    padding-right: 0;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-20 {
    margin-bottom: 20px;
}

.menu-mobil ul li.active a {
    color: #222;
    font-weight: bold;
}

.nav-link.dropdown-toggle::after, .webs-grup.dropdown-toggle::after {
    content: none;
}


.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
        border: none;
    }

    /*
  .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }
    */



    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }