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


/*--------------------------------------------------
Cover
--------------------------------------------------*/
#cover { position: relative; z-index: 1; }
#cover .container { position: absolute; z-index: 2; top: 0; padding-top: 50px; left: 50%; margin-left: -585px; }
#cover .title { font-size: 80px; font-weight: 900; text-transform: uppercase; padding: 0 0 15px; margin: 0; line-height: 70px; width: 50%; }
#cover img { width: 100%; }
#cover .title.white { color: #fff; }
/* MD */
@media (min-width:992px) and (max-width:1199px) {
    #cover .container { margin-left: -485px; }
}
/* SM */
@media (min-width:768px) and (max-width:991px) {
    #cover .container { margin-left: -375px; }
    #cover .title { font-size: 60px; line-height: 48px; }
}
/* XS */
@media (max-width:767px) {
    #cover .container { left: 0; margin: 0; top: 10px; padding-top: 10px; }
    #cover .title { font-size: 24px; line-height: 18px; margin-bottom: 10px; }
}


/*--------------------------------------------------
Intro
--------------------------------------------------*/
#discipline_intro .container { padding-bottom: 40px; background: url(../img/ico/ico_catena.png) no-repeat 15px bottom; }
#discipline_intro { padding: 40px 0; }
#discipline_intro .container { position: relative; z-index: 1; }
#discipline_intro .cat { font-size: 13px; text-transform: uppercase; color: #1b1a1a; margin-left: 2px; }
#discipline_intro .tit { max-width: 960px; }
#discipline_intro .text { font-size: 16px; line-height: 24px; max-width: 980px; }
#discipline_intro .switch { top: 0; right: 15px; bottom: auto; background-image: url(../img/bg_switcher_gruppo.png); }
#discipline_intro .switcher { background-image: url(../img/switch_gruppo.png); }

/*--------------------------------------------------
Intro LANDING
--------------------------------------------------*/
.landingRuote { }
.discipline_landing .container { padding-bottom: 0 !important; background: none !important; }
.altri_prod_row.landingRuote { margin-top: 0 !important; }
.landingRuote a { position: relative; z-index: 1; }

.landingRuote a .desc_img { position: absolute; z-index: 3; left: 0; top: 100px; width: 100%; color: #fff; font-size: 20px; line-height: 20px; font-weight: 700; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.landingRuote a .fondo_desc { position: absolute; z-index: 2; background: #00447c; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }

.landingRuote a:hover .desc_img { opacity: 1; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.landingRuote a:hover .fondo_desc { opacity: 0.9; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }

@media (min-width:768px) and (max-width:991px) {
    .landingRuote a .desc_img { font-size: 16px; line-height: 16px; font-weight: 400; top:45px; }
}
/* XS */
@media (max-width:767px) {
    .landingRuote a .desc_img { font-size: 16px; line-height: 16px; font-weight: 400; top:45px; }
}

/*--------------------------------------------------
Box
--------------------------------------------------*/
#discipline #box_4 { z-index: 1; }
#discipline #box_3 { z-index: 2; }
#discipline #box_2 { z-index: 3; }
#discipline #box_1 { z-index: 4; }
#discipline .box:before, #discipline .box:after { display: table; content: ' '; }
#discipline .box:after { clear: both; }
#discipline .box { position: relative; z-index: 1; height: 443px; clear: both; background: #fff; }
#discipline .box .text { width: 485px; float: left; }
#discipline .box.right .text { float: right; }
#discipline .box .img { width: 570px; height: 100%; float: right; margin: 0 0 0 85px; overflow: hidden; position: relative; z-index: 1; }
#discipline .box.right .img { float: left; margin: 0 85px 0 0; }
#discipline .box .img img { width: 100%; position: absolute; z-index: 1; top: 0; left: 0; }
#discipline .box .cat { padding: 60px 0 2px; border-bottom: 1px solid #000; text-transform: uppercase; color: #1b1a1a; font-size: 13px; }
#discipline .box .tit { font-size: 60px; line-height: 50px; font-weight: 900; text-transform: uppercase; color: #1b1a1a; margin: 25px 0; }
/* MD */
@media (min-width:992px) and (max-width:1199px) {
    #discipline .box { height: 343px; }
    #discipline .box .cat { padding: 30px 0 2px; }
    #discipline .box .tit { font-size: 50px; line-height: 40px; margin: 20px 0; }
    #discipline .box .text { width: 405px; }
    #discipline .box .img { width: 470px; height: 100%; margin: 0 0 0 65px; }
    #discipline .box.right .img { margin: 0 65px 0 0; }
}
/* SM */
@media (min-width:768px) and (max-width:991px) {
    #discipline .box { height: 243px; }
    #discipline .box .cat { padding: 20px 0 2px; }
    #discipline .box .tit { font-size: 40px; line-height: 30px; margin: 15px 0; }
    #discipline .box .text { width: 315px; }
    #discipline .box .img { width: 360px; height: 100%; margin: 0 0 0 45px; }
    #discipline .box.right .img { margin: 0 45px 0 0; }
}

/* XS */
@media (max-width:767px) {
    #discipline .box { height:auto }
    #discipline .box .cat { padding: 10px 0 2px; border: none; margin-bottom:10px; }
    #discipline .box .text { width: 100%; padding-bottom: 15px; margin-bottom: 15px; }
    #discipline .box .img { width: 100%; height: auto; margin: 0 !important; overflow: visible; position: static; }
    #discipline .box .img img { position: static; }
    #discipline .box .tit { font-size: 40px; line-height: 30px; margin: 0 0 15px 0; font-weight: 700; }
}


/*--------------------------------------------------
Full Bg
--------------------------------------------------*/
.full_bg { position: relative; z-index: 1; }
.full_bg .container { position: absolute; z-index: 2; top: 0; padding-top: 0px; left: 50%; margin-left: -585px; }
.full_bg img { width: 100%; }
.full_bg .box { background: none !important; }
.full_bg .cat.white { color: #fff !important; border-bottom: 1px solid #fff !important; }
.full_bg .tit.white { color: #fff !important; }
.full_bg .text.white { color: #fff !important; margin-bottom: 20px; }
/* MD */
@media (min-width:992px) and (max-width:1199px) {
    .full_bg .container { margin-left: -485px; }
}
/* SM */
@media (min-width:768px) and (max-width:991px) {
    .full_bg .container { margin-left: -375px; }
}
/* XS */
@media (max-width:767px) {
    .full_bg .container { left: 0; margin: 0; top: 10px; padding-top: 10px; position:relative; top: auto; left:auto}
    .full_bg img { position:absolute; height: 100%; top:0; left:0 }
}


/*--------------------------------------------------
Extra area
--------------------------------------------------*/
.extra_area { padding: 0 0 40px; }
.extra_area hr { margin: 40px 0; }


/*--------------------------------------------------
Filter
--------------------------------------------------*/
.filter { margin-bottom: 30px; margin-top: 26px; }
.filter a { color: #8d8c8c; font-weight: bold; margin-right: 15px; }
.filter a i { font-size: 18px; vertical-align: middle; position: relative; z-index: 1; top: 1px; }
.filter a:hover, .filter a.active { color: #1b1a1a; }
/* XS */
@media (max-width:767px) {
    .filter a { display: block; line-height: 0.9; margin-bottom: 6px; }
    .filter a i { margin-right: 3px; }
}

/*--------------------------------------------------
Lancio tecnologie
--------------------------------------------------*/
#lancio-tecnologie { padding: 60px 0; }
#lancio-tecnologie .altri_prod_row { width: auto; }
#lancio-tecnologie .prod_box { width: 33%; padding-right: 30px; }
#lancio-tecnologie .prod_box .tit { text-align: left; padding-left: 0; }
#lancio-tecnologie a.prod_box .text { text-transform: none; font-size: 13px; line-height: 18px; text-align: left; margin-top: -10px; }
/* XS */
@media (max-width:767px) {
    #lancio-tecnologie { padding-bottom: 0; }
    #lancio-tecnologie .prod_box { float: none; }
}
/*--------------------------------------------------
Team
--------------------------------------------------*/
#team { padding-top: 40px; }
.team .prod_box img { opacity: .8; -moz-opacity: .8; -webkit-opacity: .8; filter: alpha(opacity=80); }
.team .prod_box:hover img { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); }