@charset "utf-8";
.hidden {display:none!important;visibility:hidden!important;}
.bg-dark {
    background: #F5E7B2;
    color:#111;
}
.bg-dark .hs-line-4 {
    color: #111;
}
.bg-light-alfa:before {
    background: transparent;
}
body, .top-bar {
    background: #FFF7D1;
}
footer.bg-gray-lighter, .main-nav {
    background: #F5E7B2;
}
.articolo .col-xs-2 {
    padding-left: 15px;
    padding-right: 5px;
}
.articolo .col-xs-2 .form-control
{
    padding:5px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {vertical-align:middle;}
.zoom {text-decoration:none;position:absolute;top:4px;right:4px;z-index:99;color:#ddd;}
.bg-p {background:#ffd7d7;}
.bg-y {background:#feffb5;}
.bg-w {background:#fefefe;}
.color-blu {color:#0e419d;}
.bg-opera {
    background: #0e419d;
}
.alert a {text-decoration:none;}
/*==============================================
 Pre Loader
 ===============================================*/
#tb-preloader {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: rgba(255, 255, 255, 0.85);
}

.tb-preloader-wave {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
}

.tb-preloader-wave:before,
.tb-preloader-wave:after {
    position: absolute;
    display: inline-block;
    width: 60px;
    height: 60px;
    content: "";
    -webkit-animation: preloader-wave 1.6s linear infinite;
            animation: preloader-wave 1.6s linear infinite; 
    border-radius: 50%;
    background: #222;
}

.tb-preloader-wave:after {
    -webkit-animation-delay: -.8s;
            animation-delay: -.8s;
}

@-webkit-keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
        opacity: .5;
    }
    100% {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
        opacity: 0;
    }
}

@keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
        opacity: .5;
    }
    100% {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
        opacity: 0;
    }
}
.top-links li a {display:inline-block!important;}
.goog-te-banner-frame {bottom:0!important;top:unset!important;}
.quick-preview img {border:1px solid #ccc;}
.articolo .form-control {
    padding: 6px 2px !important;
}
.disable-input input {
    pointer-events: none;
}
.disable-input .btn {
    display:none!important;
}
.not-available {
    display: none;
}
.back-soon {
    display: none;
}
.disable-input.input-not-available .not-available {
    display: inline;
    font-size: 11px;
}
.disable-input.input-back-soon .back-soon {
    display: inline;
    font-size: 11px;
}
.news-label {
    position:absolute;
    top:5px;
    right:40px;
    font-size:12px;
    z-index:99;
}
.quick-order-codart {
    font-size:10px;
    margin-bottom:0;
}
.btn-2xh {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.order-active #ctl00_ContentPlaceHolderMain_txtReference {
    background: #feffb5;
}
/*.campi-input.disable-input {
    display: none;
}*/
.border {
    border:1px solid #ccc;
}

.fancybox-arrow:after {
    background-size: 42px 42px;
}
.img-shake {
    animation: shake 4s;
    animation-iteration-count: infinite;
}
@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    3% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    6% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    9% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    12% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    15% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    18% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    21% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    24% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    27% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    30% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}