/* rip laravel padding */
body{
    padding: 0 !important;
}

/*    hide zopim    */
body.hide-chat .zopim{
    display: none;
}

/* row fix */
.row{
    margin: 0;
}

/*   MAIN   */
body{
/*    color: #9c9b9b;*/
    color: #4d4d53;
    font-family: 'Muli', sans-serif;
}

.footer{
    margin-top: 10px;
}

a{
    color: #434343;
}

a:hover,
a:focus{
    color: #000;
}

.padding-top{
    padding-top: 130px;
}

.btn-default{
    background-color: #ed712a;
    color: #fff;
    border-color: #ed712a;
    border-radius: 0;
}

#menu_top{
    background: #fff;
}

.main.container-fluid{
    padding: 0;
/*    overflow-x: hidden;*/
}

.main-menu{
    padding-top: 25px;
    padding-bottom: 25px;
}

.navbar-brand{
    height: 100%;
}

.modal-content{
    border-radius: 0;
}
.modal-footer,
.modal-header{
    border: 0;
}

/*   TOP NAV   */

.top-nav{
    list-style: none;
    float: right;
    margin: 0;
    padding: 15px;
    opacity: 0;
    transform: translateY(-100%);
    transition: .5s ease-in-out;
}

.top-nav .nav-button{
    float: left;
    margin-left: 15px;
    position: relative;
    transition: .3s ease-in-out;
}

.top-nav.active{
    transform: translateY(0);
    opacity: 1;
}

.top-nav.selected .nav-button{
    transform: scale(0.8);
    opacity: 0.7;
}

.top-nav.selected .nav-button.selected{
    transform: scale(1);
    opacity: 1;
}

li.nav-button:before{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    border: 2px solid;
    opacity: 0;
    transition: .3s ease-in-out;
}

li.nav-button.selected:before{
    opacity: 1;
    transform: scale(1.1);
}

/*   CAROUSEL   */

.carousel-inner,
.carousel-inner>.item,
.carousel-inner>.item>img{
    height: 100%;
}

.carousel-inner>.item>img{
/*
    object-fit: cover;
    width: 100%;
*/
    float: right;
    max-width: none;
}

.carousel-control.left,
.carousel-control.right{
    background-image: none;
    color: #ed712a;
    text-shadow: none;
}

.carousel-indicators li{
    border-color: #ed712a;
}
.carousel-indicators .active{
    background-color: #ed712a;
}

#allergeniSlider .carousel-inner .item {
    transition-property: opacity;
}

#allergeniSlider .carousel-inner .item,
#allergeniSlider .carousel-inner .active.left,
#allergeniSlider .carousel-inner .active.right {
    opacity: 0;
}

#allergeniSlider .carousel-inner .active,
#allergeniSlider .carousel-inner .next.left,
#allergeniSlider .carousel-inner .prev.right {
    opacity: 1;
}

#allergeniSlider .carousel-inner .next,
#allergeniSlider .carousel-inner .prev,
#allergeniSlider .carousel-inner .active.left,
#allergeniSlider .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

.slider-text{
    position: absolute;
    z-index: 1;
    left: 15%;
    top: 5%;
    font-size: 65px;
    line-height: 85px;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
}

/*  BUTTON  */

.gen-button{
    display: inline-block;
    color: #ed712a;
    border: 2px solid #ed712a;
    padding: 10px;
    width: 420px;
    cursor: pointer;
    transition: .5s ease-in-out;
}

.gen-button img{
    float: left;
}

.gen-button span{
    font-size: 35px;
    margin-left: 10px;
    line-height: 100px;
}

.gen-button span.long{
    line-height: 50px;
}

/*   COLORS   */

.orange{
    color:#ed712a;
    border-color: #ed712a;
}

.green{
    color:#39a935;
    border-color: #39a935;
}

.yellow{
    color:#f8b133;
    border-color: #f8b133;
}

.blue{
    color:#1d70b7;
    border-color: #1d70b7;
}

.grey{
    color:#6f6f6e;
    border-color: #6f6f6e;
}

.green-lite{
    color:#93c01f;
    border-color: #93c01f;
}

/*   VIEW   */
.view-text{
    margin: 5%;
    margin-bottom: 20px;
    font-size: 40px;
}

.button-group{
    margin-top: 15px;
}

.button-group div.col-md-6:not(:last-child){
    margin-bottom: 7%;
}

.button-group div.col-md-6:nth-last-child(2){
    margin: 0;
}

.button-group div.col-md-6.margin{
    margin-bottom: 7%;
}

/*  DINAMIC VIEW  */

.dairies,
.seafood,
.veggies,
.chemicals,
.nuts,
.solution{
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.toggle{
    height: 100%;
    opacity: 1;
}

.dinamic-view{
    font-size: 23px;
    position: relative;
    transition: transform .5s ease-in-out, opacity .2s;
    width: 100%;
}

.dinamic-view.transition{
    position: absolute;
    transform: translateX(-100%);
}

#choose_content{
    display: none;
}

#choose_content.active{
    display: block;
}

#choose_content .gen-button{
    opacity: 0;
    transform: scale(0.7);
}

#choose_content .toggle .gen-button{
    opacity: 1;
    transform: scale(1);
}

#choose_content .button-group div:nth-child(1) .gen-button{ transition-delay: 0.5s; }
#choose_content .button-group div:nth-child(2) .gen-button{ transition-delay: 0.8s; }
#choose_content .button-group div:nth-child(3) .gen-button{ transition-delay: 1.1s; }
#choose_content .button-group div:nth-child(4) .gen-button{ transition-delay: 1.4s; }
#choose_content .button-group div:nth-child(5) .gen-button{ transition-delay: 1.7s; }
#choose_content .button-group div:nth-child(6) .gen-button{ transition-delay: 2s; }
#choose_content .button-group div:nth-child(7) .gen-button{ transition-delay: 2.3s; }
#choose_content .button-group div:nth-child(8) .gen-button{ transition-delay: 2.6s; }
#choose_content .button-group div:nth-child(9) .gen-button{ transition-delay: 2.9s; }
#choose_content .button-group div:nth-child(10) .gen-button{ transition-delay: 3.2s; }
#choose_content .button-group div:nth-child(11) .gen-button{ transition-delay: 3.5s; }
#choose_content .button-group div:nth-child(12) .gen-button{ transition-delay: 3.8s; }
#choose_content .button-group div:nth-child(13) .gen-button{ transition-delay: 4.1s; }
#choose_content .button-group div:nth-child(14) .gen-button{ transition-delay: 4.4s; }
#choose_content .button-group div:nth-child(15) .gen-button{ transition-delay: 4.7s; }
#choose_content .button-group div:nth-child(16) .gen-button{ transition-delay: 5s; }
#choose_content .button-group div:nth-child(17) .gen-button{ transition-delay: 5.3s; }
#choose_content .button-group div:nth-child(18) .gen-button{ transition-delay: 5.6s; }
#choose_content .button-group div:nth-child(19) .gen-button{ transition-delay: 5.9s; }
#choose_content .button-group div:nth-child(20) .gen-button{ transition-delay: 6.2s; }

/*   LAST PAGE   */

.side-img{
    position: absolute;
    width: 12%;
    padding-right: 15px;
}

.side-img img{
    float: right;
}

.main-view-text{
    padding-right: 15px;
    padding-left: 12%;
}

.main-view-text .img-responsive{
    width: 100%;
}

/*   CONTACTS   */

.contacts{
    margin-left: 5%;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #434343;
}

.icon-group{
    min-height: 42px;
}

.icon-group.oneline{
    line-height: 42px;
}

.icon-group span {
    padding-left: 50px;
    display: block;
}

.icon-group i {
    float: left;
}

/*   FORM   */
.form-control{
    border: 2px solid #ed712a;
    border-radius: 0;
}

.form-control:focus{
    border-color: #9c9b9b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(171, 171, 171, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(171, 171, 171, 0.6);
}

@media (max-width: 991px){
    /*  margin quando va a capo il pulsante  */
    .main-menu div.col-md-6:not(:last-child){
        margin-bottom: 15px;
    }
    .button-group div.col-md-6:not(:last-child){
        margin-bottom: 15px;
    }
    
    .slider-text,
    .top-nav{
        display: none;
    }
}


@media (max-width: 450px), (max-height: 500px){
    .row.main-menu{
        margin: 0;
    }
    
    .gen-button{
        width: 100%;
    }
    
    .gen-button img{
        width: 50px;
        height: 50px;
    }
    .gen-button span{
        font-size: 25px;
        line-height: 50px;
    }
    
    .side-img{
        position: inherit;
        padding: 10px;
        left: 0;
        width: auto;
    }
    
    .side-img img{
        width: 50px;
        margin: auto;
        float: none;
    }
    .main-view-text{
        padding-left: 15px;
    }
    
    .view-text{
        font-size: 35px;
    }
    
}