/*LINK*/
.Link BLOCKQUOTE P { color: #fbd53f; }
.Link {
	background: #FFFFFF url(../../images/work/link/bg1@1x.jpg) no-repeat center top;
	background-image: -webkit-image-set (
            url("../../images/work/link/bg1@1x.jpg") 1x,
            url("../../images/work/link/bg1@2x.jpg") 2x );
}
.Link SECTION { width: 100%; float: left;}
.Link1 { color: #fff;}
.Link2 {
	height: 252px;
	background: #000 url(../../images/work/link/bg2@1x.jpg) no-repeat center top;
	background-image: -webkit-image-set (
            url("../../images/work/link/bg2@1x.jpg") 1x,
            url("../../images/work/link/bg2@2x.jpg") 2x );
	color: #ccc;
	position: relative;
}
.Link3 {
	height: 282px;
	background: url(../../images/work/link/bg3@1x.jpg) no-repeat center top;
	background-image: -webkit-image-set (
            url("../../images/work/link/bg3@1x.jpg") 1x,
            url("../../images/work/link/bg3@2x.jpg") 2x );
}
.Link4 {
	height: 540px;
	background: url(../../images/work/link/bg4@1x.jpg) no-repeat center top;
	background-image: -webkit-image-set (
            url("../../images/work/link/bg4@1x.jpg") 1x,
            url("../../images/work/link/bg4@2x.jpg") 2x );
}
.Link4 .Wrapper .Block1 { color:#ccc;}
.Link5 {
	height: 1100px;
	background: url(../../images/work/link/bg5@1x.jpg) center 72px;
	background-image: -webkit-image-set (
            url("../../images/work/link/bg5@1x.jpg") 1x,
            url("../../images/work/link/bg5@2x.jpg") 2x );
	overflow: hidden;
    margin-top: 20px;
}
.Link6 {
	height: 750px;
	background: url(../../images/work/link/bg6@1x.jpg) no-repeat center top;
	background-image: -webkit-image-set (
            url("../../images/work/link/bg6@1x.jpg") 1x,
            url("../../images/work/link/bg6@2x.jpg") 2x );
	overflow: hidden;
}
.Link7 {
	height: 882px;
	background: url(../../images/work/link/bg7@1x.jpg) no-repeat center top;
	background-image: -webkit-image-set (
            url("../../images/work/link/bg7@1x.jpg") 1x,
            url("../../images/work/link/bg7@2x.jpg") 2x );
}
.Link8 {
	height: 637px;
	background: url(../../images/work/link/bg8@1x.jpg) no-repeat center 82px;
	background-image: -webkit-image-set (
            url("../../images/work/link/bg8@1x.jpg") 1x,
            url("../../images/work/link/bg8@2x.jpg") 2x );
}
/**/
.Link1 H3 { color: #CCCCCC;}
/**/
.Link4 .Video { width: 65%; float: left;}
.Link4 .Video FIGURE { height: 0; padding-bottom: 56.25%; position: relative; width:100%;}
.Link4 .Video IFRAME { height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.Link4 .Block1 { width: 32%; float: left; /*padding-top: 3%;*/ padding-left:3%;}
/**/
.Link4b .Wrapper .Block2 { margin-left: 30%; margin-top: -40px;}
/**/
.Link5 H4 { padding-bottom: 10px;}
.Link5 .LeftCol { width: 65%; float: left; padding-right:3%;}
.Link5 .RightCol { width: 32%; float: left;}
.Link5 .Fig1 { width: 100%; position: relative; z-index: 1}
.Link5 .Fig2 { width: 82%; position: relative; margin-left: -16px; z-index: 2; top: -190px;}
.Link5 .Fig3 { width: 71%; position: relative; top: -285px; z-index: 3; margin-left: 23%;}
/**/
.Link6 .Block3 { position: relative;}
.Link6 P {width: 30%;}
.Link6 .Fig1 { width: 39.81481481481481%; float: left; margin-top: 45px; margin-left: 3%;}
.Link6 .Fig2 { width: 35.55555555555556%; float: left; margin-left: 2%; margin-top: -100px;}
.Link6 .Fig3 { width: 47.22222222222222%; float: left; position: relative; z-index: 2; margin-left: 11.5%; margin-top: -100px;}
.Link6 .Fig4 { width: 40.64814814814815%; float: left; position: relative; z-index: 3; margin-left: -8%; margin-top: -170px;}
.Link6 .Fig5 { width: 33.61111111111111%; float: right; position: relative; z-index: 4; margin-right: 3%; margin-top: -230px;}
/**/
.Link7 .Titulos { overflow: hidden; height: 234px;}
.Link7 H4 { font-size: 2.8em; line-height:30px; font-style:italic; float: left; }
.Link7 .One { color: #A1793C; margin-left: 5%; margin-top: 150px; }
.Link7 .Two { color: #00825A; margin-left: 10px; width: 380px; }
.Link7 .Three { margin-top: 62px;}
.Link7 FIGURE { width: 27%; margin-left: 11%;}
/**/
.Link8 P { width: 44%;}
.Link8 H3 {
	background-repeat: no-repeat;
	text-indent: -5000px;
	height: 113px;
	width: 448px;
	margin-left: 14%;
	margin-top: 120px;
}
.Esp .Link8 H3 {
	background-image: url(../../images/work/link/ganador-brasil@1x.png);
	background-image: -webkit-image-set (
            url("../../images/work/link/ganador-brasil@1x.png") 1x,
            url("../../images/work/link/ganador-brasil@2x.png") 2x );
}
.Eng .Link8 H3 {
	background-image: url(../../images/work/link/ganador-brasil-eng@1x.png);
	background-image: -webkit-image-set (
            url("../../images/work/link/ganador-brasil-eng@1x.png") 1x,
            url("../../images/work/link/ganador-brasil-eng@2x.png") 2x );
}
@media screen and (max-width: 1009px) {
    .Link .Foot { margin-top: 0 }
    .Link4b .Wrapper .Block2 { margin-left: 25%;}
	.Link SECTION.Link6 { height: auto; padding-bottom: 20px;}
	.Link8 H3 { margin-left: 0%; }
}

@media screen and (max-width: 959px) {
	.Link5 { background-position: center 32px;}
	.Link8 H3 { background-size: contain; width: 54%;}
    /**/
    .Link7 .One, .Link7 .Two, .Link7 .Three { display: none;}
}

@media screen and (max-width: 879px) {
    .Link4b .Wrapper .Block2 { margin-left: 20%;}
	.Link5 .Fig3 { margin-left: 21%;}
	.Link SECTION.Link7 { height: auto; padding-bottom: 100px;}
	.Link8 P { width: 100%;}
}

@media screen and (max-width: 800px) {
    .Link SECTION.Link5 { height:auto;}
    .Link4b .Wrapper .Block2 { margin-left: 15%;}
}

@media screen and (max-width: 700px) {
    .Link { background: #FFFFFF url(../../images/work/link/bg1-tablet@1x.jpg) no-repeat center 0; background-image: -webkit-image-set ( url(../../images/work/link/bg1-tablet@1x.jpg) 1x, url(../../images/work/link/bg1-tablet@1x.jpg) 2x ); }
	.Link FIGURE IMG { float: none}
	.Link SECTION.Link4 { background: #000; height: auto; /*padding-bottom: 20px; background-position: 60% 0; background-size: 300%;*/}
	.Link4 .Video { width: 100%; float: none}
	.Link4 .Block1 { width:100%; float: none; padding-left:0; padding-top:0;}
    .Link4b .Wrapper .Block2 { margin-left: 0%; margin-top: 20px;}
	.Link5 .Fig3 { display: none}
	.Link5 .LeftCol { width: 100%; float: none; /*margin-top: 20px;*/ clear: both; padding:0;}
	.Link5 .RightCol {width: 100%; float: none; clear: both;}
	.Link6 .Fig1,
	.Link6 .Fig2,
	.Link6 .Fig3,
	.Link6 .Fig4,
	.Link6 .Fig5 { display: none}
	.Link SECTION.Link5 { background: none; height:auto;}
	.Link SECTION.Link6 { background: none; width: 100%; float: none;}
	.Link6 P { margin-left: 0; width: 100%}
	.Link SECTION.Link7 { background-size: 240%; background-position: center 10px;}
	.Link SECTION.Link8 { height: auto;}
	.Link5 .Fig2 { top:0; margin:20px 0; width:100%; float:left;}
    /**/
    .Link6 .Block3 { /margin-top: 0px;}
    .Link3 { height: 120px;}
}
@media screen and (max-width: 450px) {
    .Link { background: #FFFFFF url(../../images/work/link/bg1-mobile@1x.jpg) no-repeat center 0; background-image: -webkit-image-set ( url(../../images/work/link/bg1-mobile@1x.jpg) 1x, url(../../images/work/link/bg1-mobile@1x.jpg) 2x ); }
	.Link SECTION.Link7  { padding-bottom: 20px;}
	.Link7 H4 { font-size: 2.3em;}
	.Link7 FIGURE { width: 40%; margin-top: -50px;}
	.Link8 { background-position: center 120px}
	.Link8 H3 { width:65%;}
    /**/
    .Link2 {background: #000;}
    .Link3 {height: 282px;}
}