/*--------------------------------------------------
C A M P A G N O L O
www.campagnolo.com
website by websolute
----------------------------------------------------
CONTATTI
--------------------------------------------------*/


/*--------------------------------------------------
Area supporto
--------------------------------------------------*/
#area_supporto hr { margin: 60px 0; }
#area_supporto .tit { font-size: 46px; line-height: 40px; font-weight: 900; text-transform: uppercase; margin-bottom: 25px; margin-left: -2px; }
/* XS */
@media (max-width:767px) {
    #area_supporto hr { margin: 20px 0; }
    #area_supporto .tit { font-size: 26px; line-height: 20px; }
}


/*--------------------------------------------------
Cerca Supporto
--------------------------------------------------*/
#cerca_supporto { padding: 60px 0 0; }
#cerca_supporto_form { position: relative; z-index: 1; width: 50%; margin: 0 auto; overflow: hidden; }
#cerca_supporto_input { background: #e7e9ea; font-size: 20px; border: none; padding: 12px 15px; width: 100%; color: #555; }
#cerca_supporto_submit { width: 49px; height: 49px; position: absolute; z-index: 1; right: 0px; top: 0px; border: none; padding: 0; margin: 0; cursor: pointer; background: url(../img/bg_cerca_big.png) no-repeat center #969696; text-align: left; text-indent: -9999px; }

#cerca_supporto_form.small { margin: -5px 0 0; width: 100%; position: relative; z-index: 1; }
#cerca_supporto_form.small #cerca_supporto_input { font-size: 14px; padding: 6px 8px; height: 36px; }
#cerca_supporto_form.small #cerca_supporto_submit { width: 36px; height: 36px; background: url(../img/bg_cerca.png) no-repeat center #969696; text-align: left; }


/* XS */
@media (max-width:767px) {
    #cerca_supporto_form { margin: 0; width: 100%; }
    #cerca_supporto_form.small { margin: 20px 0; }
    #cerca_supporto { padding: 20px 0 0; }
    #cerca_supporto_input { font-size: 14px; padding: 6px 8px; }
    #cerca_supporto_submit { width: 36px; height: 36px; background: url(../img/bg_cerca.png) no-repeat center #969696; text-align: left; }
}

/*--------------------------------------------------
Faq List
--------------------------------------------------*/
.faq_list .faq { margin: 0 20px 20px 0; }
.faq_list .faq_domanda {font-weight:bold;}
.faq_list .faq .faq_tit { font-weight: 700; font-size: 16px; line-height: 20px; }
.faq_list .faq .faq_txt { font-size: 14px; line-height: 20px; }




/*--------------------------------------------------
Knowledge List
--------------------------------------------------*/
.knowledge_list .knowledge { margin: 0 -15px 20px 0; padding-right: 25px; }
.knowledge_tit { font-weight: 700; font-size: 16px; line-height: 20px; text-transform: uppercase; }
.knowledge_txt { font-size: 14px; line-height: 20px; }
/* XS */
@media (max-width:767px) {
    .knowledge_list { margin-top: 40px; }
    .knowledge_list .knowledge { margin-left: -15px; }
    .knowledge_list .row { margin: 0; }
    .risultati .knowledge_list { margin: 0; }
    .risultati .knowledge_list .knowledge { margin-left: 0; }
}


/*--------------------------------------------------
General List
--------------------------------------------------*/
.general_list .general { margin: 0 -15px 20px 0; padding-right: 25px; }
.general_list .general_img { float: left; margin: 0 10px 10px 0; }
.general_tit { font-weight: 700; font-size: 16px; line-height: 20px; text-transform: uppercase; }
.general_txt { font-size: 14px; line-height: 20px; }


/*--------------------------------------------------
Tutorial List
--------------------------------------------------*/
.tutorial_list { margin: 0 -15px; }
.tutorial_list:before, .tutorial_list:after { content:' '; display:table; }
.tutorial_list:after { clear: both; }
.tutorial_list .tutorial { float: left; width: 25%; padding:0 15px 15px; }
.tutorial_list .tutorial_img img { display: block; width: 100%; margin-bottom:5px; }
.tutorial_tit { font-weight: 700; font-size: 16px; line-height: 18px;  text-transform: uppercase; }
.tutorial_txt { font-size: 14px; line-height: 20px; margin:5px 0;}
/* XS */
@media (max-width:767px) {
    .tutorial_list { margin: 0; }
    .tutorial_list .tutorial { float: none; width: 100%; padding:0 15px 15px 80px; position:relative; z-index:1;  }
    .tutorial_list .tutorial_img { width: 60px; position: absolute; z-index: 1; width: 70px; top:0; left:0; }
}

/*--------------------------------------------------
Remove Tag
--------------------------------------------------*/
.remove-tag { background: #ddd; font-size: 12px; text-transform: uppercase; color: #555; display: inline-block; padding: 0px 5px; line-height: 18px; position: relative; z-index: 1; top: -1px; margin-left: 5px; font-weight: normal; border-radius: 1px; }
.remove-tag .close { background: url(../img/bg_close.png) no-repeat center; width: 8px; height: 8px; display: inline-block; float: none; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); margin-left: 3px; }
.remove-tag:hover { color: #333; }


/*--------------------------------------------------
Documentazione
--------------------------------------------------*/
.documentazione_list .documentazione { margin: 0 0 20px 0; padding-right: 25px; }
.documentazione_tit { font-weight: 700; font-size: 16px; line-height: 20px; text-transform: uppercase; }
.documentazione_txt { font-size: 14px; line-height: 20px; }


/*--------------------------------------------------
Supporto Contatti
--------------------------------------------------*/
.supporto_contatti_list { margin-bottom: 60px; }
.supporto_contatti_list .supporto_contatti { margin: 0 0 20px 0; padding-right: 25px; }
.supporto_contatti_tit { font-weight: 700; font-size: 16px; line-height: 20px; text-transform: uppercase; margin-bottom: 10px; }
.supporto_contatti_txt { font-size: 14px; line-height: 20px; min-height: 70px; }
/* XS */
@media (max-width:767px) {
    .supporto_contatti_txt { min-height: 0; }
}


/*--------------------------------------------------
Filtra list
--------------------------------------------------*/
.filtra_list { padding: 30px 15px; }
.filtra_tit { font-weight: 900; font-size: 26px; line-height: 24px; text-transform: uppercase; margin-bottom: 20px; }
.filtra_list .filtri { margin: 10px 0 20px; padding: 0; list-style: none; }
.filtra_list .filtri .cat { font-weight: 700; font-size: 16px; line-height: 20px; text-transform: uppercase; margin-bottom: 10px; display: block; margin-bottom: 8px; }
.filtra_list .filtri li { margin-bottom: 20px; }
.filtra_list .filtri li li { margin-bottom: 0; }
.filtra_list .filtri ul { margin: 0 0 0 5px; padding: 0; list-style: none; }
.filtra_list .filtri label { color: #1390d1; font-weight: normal; cursor: pointer; }
.filtra_list .filtri label input { margin: 0 5px 0 0; position: relative; z-index: 1; top: 1px; }


/*--------------------------------------------------
Risultati list
--------------------------------------------------*/
.risultati_list { padding: 30px 0; }
.risultati_faq { margin: 0 0 0 15px; }
.risultati_tit { font-weight: 900; font-size: 26px; line-height: 24px; text-transform: uppercase; margin-bottom: 20px; }
.risultati { margin-bottom: 30px; }
.risultati .tit { border-bottom: 1px solid #dfe2e4; text-transform: uppercase; font-weight: 700; font-size: 16px!important; line-height: 20px!important; text-transform: uppercase; margin-bottom: 10px!important; display: block; padding-bottom: 4px; }


/*--------------------------------------------------
mediaquery
--------------------------------------------------*/
/* LG */
@media (min-width:1200px) {
}

/* MD */
@media (min-width:992px) and (max-width:1199px) {
}

/* SM */
@media (min-width:768px) and (max-width:991px) {
}

/* XS */
@media (max-width:767px) {
}