/* LAYOUT */ 
@media (min-width: 768px)
{
    .home .span5{width: 30%; margin-left: 2%;}
    .home .span11{width: 65%; margin-left: 2%;} 
    .home #home-content #trackForm .span6{width: 270px; }
    .home #box--rintraccia-spedizione .box__content, .home #box--centro-operativo .box__content{ min-height: 27vh; } 
    .home .assistenza.box .box__content{ min-height: 27vh;}
    /*.home .news, .home .assistenza{width: 50%; float: left; }*/
}
@media (min-width: 980px)
{
    .home .span5{width: 280px; margin-left: 20px;}
    .home .span11{width: 620px; margin-left: 20px;} 
    .home #home-content #trackForm .span6{width: 270px; }
    .home #box--rintraccia-spedizione .box__content, .home #box--centro-operativo .box__content{ min-height: 250px; } 
    .home .assistenza.box .box__content{ min-height: 184px;}
    html[lang="en-US"] .home .assistenza.box .box__content{ min-height: 180px;}
}

/* COMPONENTS */
.box__header{font-weight: bold; background-color: #BE2E28; padding: 3px; text-align: left; line-height: 0; } 
.box__header > h3{color: #FFF; font-size: 16px; margin-top: 0; display: inline-block; line-height: 35px; margin-bottom: 0; vertical-align: top; } 
.box__header .icon{width: 35px; height: 35px; background-color: #FFF; display: inline-block; margin-right: 5px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } 

.box__content{padding: 20px;} 

#focus__box--login .box__content{min-height: 163px;} 
html[lang="en-US"] #focus__box--login .box__content{min-height: 159px;} 

.box .box__content{border: 2px solid #DCDDDE; border-top: none;}

.btn--block{ color: #FFF; display: block; padding: 20px 15px; text-transform: uppercase; font-weight: bold; background: #BE2E28 url(img/icon-arrow-right-light.png) no-repeat 93% center;}
.btn--block.grey{padding-left: 8px; background: #DCDDDE url(img/icon-arrow-right-dark.png) no-repeat 93% center; color: #323334; text-transform: none;}
.btn--block span{ display: inline-block; vertical-align: middle;}
.btn--block.grey span{text-decoration: none; text-transform: uppercase;}
.btn--block span.icon{text-decoration: none;}
.btn--block:hover, .btn--block:focus{color: #FFF;}
.btn--block.grey:hover, .btn--block.grey:focus{color: #323334;}
.btn--block .icon{ width: 35px; height: 35px; display: inline-block; margin-right: 5px;}
.btn--block .icon--whitebg{ margin-left: -12px; width: 35px; height: 35px; background-color: #FFF; display: inline-block; margin-right: 5px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } 
.btn--block .btn__label{display: inline-block; line-height: 1.3; width: 70%; }

.home span.icon{background-repeat: no-repeat; background-position: center center; }

@media (max-width: 480px)
{
    .btn--block.ritiro{
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;  
        -webkit-box-sizing: border-box;  
        -moz-box-sizing: border-box;

        /* Firefox v3.6+ */ 
        /* safari v4.0+ and by Chrome v3.0+ */
        background-image:-webkit-gradient(linear,63% 0%,63% 103%,color-stop(0, rgb(220,88,88)),color-stop(0.46, rgb(220,88,88)),color-stop(0.51, rgb(209,33,33)),color-stop(1, rgb(209,33,33)));
        /* Opera v11.10+ */
        /* IE v10+ */
        background-image:-webkit-linear-gradient(rgb(220,88,88) 0%,rgb(220,88,88) 46%,rgb(209,33,33) 51%,rgb(209,33,33) 100%);
        background-image:linear-gradient(rgb(220,88,88) 0%,rgb(220,88,88) 46%,rgb(209,33,33) 51%,rgb(209,33,33) 100%);

        /* Firefox v1.0+ */
        /* Safari v3.0+ and by Chrome v0.2+ */
        /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
        border-radius:9px ;
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdc5858,endColorstr=#ffd12121,GradientType=0)";
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdc5858,endColorstr=#ffd12121,GradientType=0);
        font-weight: normal;
        color: #ffffff;
        text-shadow: none;
        font-size: 15px;
        box-shadow: 2px 2px 5px #525252;
        border-style: none;
        font-style: normal;
        padding: 10px 20px;

    }

    .btn--block.ritiro .icon--whitebg{
        margin-left: 7px;
        width: 28px;
        height: 28px;
        -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;
        -webkit-border-top-left-radius: 7px;
        -webkit-border-bottom-left-radius: 7px;
        -moz-border-radius-topleft: 7px;
        -moz-border-radius-bottomleft: 7px;
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
    }

    .btn--block.ritiro span{
        font-weight:400 !important;
    }
    
    .btn--block.ritiro .icon{
        margin-right: 0;
        margin-left: 4px;
        background-image: url(../img/icon-accedi.png);
        background-repeat: no-repeat;
    }
}
@media (min-width:482px) and  (max-width: 767px){
.btn--block.ritiro{
        padding: 20px 3px;
    }
    
    .btn--block.ritiro .icon{
        display: inline-block;
            width: 35px;
    height: 35px;
    background-color: #FFF;
    display: inline-block;
    margin-right: 5px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
        
        background-image: url(../img/icon-area-clienti.png);
        background-repeat: no-repeat;
    }
}



@media (max-width: 767px){
    .btn--block.ritiro{
        margin-bottom:10px;
    }
}

@media (min-width: 768px)
{
    .home span.icon{display: none;}
    .box__header{padding-left: 10px;}
    .btn--block.grey{padding-left: 20px; } 
    
    .btn--block.ritiro{
        margin-bottom:10px;
        padding: 20px 15px;
    }
    .btn--block.ritiro .icon{
        display: none;
    }
}


@media (min-width: 980px)
{
    .home span.icon{display: inline-block;}
    .box__header{padding-left: 3px;}
    .btn--block.grey{padding-left: 8px; }
    
     
    
    .btn--block.ritiro{
        padding: 20px 3px;
    }
    
    .btn--block.ritiro .icon{
        display: inline-block;
            width: 35px;
    height: 35px;
    background-color: #FFF;
    display: inline-block;
    margin-right: 5px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
        
        background-image: url(../img/icon-area-clienti.png);
        background-repeat: no-repeat;
    }
}


/* ELEMENTS */

.home #focus{	background-color: #FBFCFD;	border-bottom:  1px solid #DCDDDE; margin-bottom: 10px; padding-bottom: 10px; }
.home #focus__box--login{background-color: #DCDDDE; margin-bottom: 10px; margin-left: 0; text-align: center; } 
.home #focus__box--login form{margin-bottom: 0; } 
.home #focus__box--login .btn{font-size: 14px; padding: 8px 30px; margin-bottom: 0; } 
.home #focus__box--login input{border-radius: 8px; font-size: 13px; margin-bottom: 15px; width: auto; background-color: #FCFCFC; border: 1px solid #888888; padding: 8px 10px; width: 100%; box-sizing: border-box; line-height: 35px; height: 35px; } 

.home #home-content{ margin-bottom: 20px; }
.home #home-content .container{ padding-bottom: 4px;}
.home #home-content .btn--block, #home-content .box{	margin-bottom: 16px; }

.home #home-content #box--centro-operativo{text-align: center; } 

.home #home-content .news{ font-size: 13px; box-sizing: border-box; }
.home #home-content .news h4{	font-size: 16px;	margin-bottom: 10px; padding-bottom: 10px; padding-top: 10px; margin-top: 0; display: block; border-bottom: 2px solid #DCDDDE; border-top: 2px solid #DCDDDE; font-weight: bold; padding-left: 20px; }
.home #home-content .news ul{margin: 0; padding: 0; }
.home #home-content .news li{ color: #333; padding-left: 20px; padding-right: 20px; list-style-type: none; margin-bottom: 10px; padding-bottom: 10px; display: block; border-bottom: 1px solid #DCDDDE; font-weight: bold; }
.home #home-content .news li a{ color: #333; line-height: 16px; }
.home #home-content .news .date{ display: block; font-weight: normal; margin-bottom: 4px; }

.home #home-content .form-search{margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #DCDDDE; padding-bottom: 25px } 
.home #home-content .form-search input{width: 55%; border-radius: 8px; height: 32px; line-height: 32px; display: inline-block; margin-right: 5px; font-size: 13px; background-color: #FCFCFC; border: 1px solid #888888; box-sizing: border-box; } 
.home #home-content .form-search button{padding-top: 5px; padding-bottom: 5px; background-image: -webkit-gradient(linear,77% 0%,77% 117%,color-stop(0, rgb(213,213,213)),color-stop(0.46, rgb(213,213,213)),color-stop(0.51, rgb(199,199,199)),color-stop(1, rgb(199,199,199))); background-image: -webkit-linear-gradient(rgb(213,213,213) 0%,rgb(213,213,213) 46%,rgb(199,199,199) 51%,rgb(199,199,199) 100%); background-image: linear-gradient(rgb(213,213,213) 0%,rgb(213,213,213) 46%,rgb(199,199,199) 51%,rgb(199,199,199) 100%); color: #444444; font-size: 14px; display: inline-block; } 

.home #home-content .assistenza__faq .form-label{	font-weight: bold;	font-size: 14px; display: block; margin-bottom: 15px; padding-left: 15px; }
.home #home-content .assistenza__faq .styled-select{ margin-bottom: 0; }

.home #home-content #box--rintraccia-spedizione input{ margin-top: 10px; }
.home #box--rintraccia-spedizione .span6 input{ width: 80%;}

@media (min-width: 481px)
{	.home #focus{padding-top: 10px;}
}
@media (min-width: 768px){
    .home #focus{padding-top: 20px;}
    .home #home-content .container{ border-bottom: 1px solid #DCDDDE; }
    /*.home #home-content .news{padding-left: 20px;}*/

    .home #box--rintraccia-spedizione .span5{ width: 42% !important; font-size: 14px;}
    .home #box--rintraccia-spedizione .span6{ width: 50% !important;}
    .home #home-content #box--rintraccia-spedizione input{margin-top: 0;}
    .home #home-content #box--centro-operativo #form-ricerca-co{	margin-top: 45px;	margin-bottom: 0; } 
    .home #home-content #box--centro-operativo #form-ricerca-co footer{ margin-top: 65px; }

    .home #home-content .form-search input{width: 50%;}
}
@media (min-width: 980px)
{

    .home #box--rintraccia-spedizione .span5{ width: 290px !important; font-size: 16px;}
    .home #box--rintraccia-spedizione .span6{ width: 265px !important;}

    .home #home-content .form-search input{width: 64%;}
    html[lang="en-US"] .home #home-content .form-search input{width: 61%;}
}