.unavailable {
	font-size: 14px;
	margin: 1.25em 0 -1.5em
}
a {
	color: #ee3224;
	text-decoration: none
}
p a {
	text-decoration: underline
}
p a:hover {
	text-decoration: none
}
a:active, a:hover {
	outline: 0
}
.load-content {
	display: block;
	height: 100%;
	left: 0;
	min-height: 285px;
	position: relative;
	width: 100%
}
.load-content:hover .grid-text {
	display: table
}
.grid-icon {
	background: url(../img/global/icons.png) -241px -74px no-repeat;
	color: #fff;
	font-family: 'StandardCT-Medium';
	height: 16px;
	line-height: 16px;
	left: 20px;
	position: absolute;
	text-transform: uppercase;
	top: 12px;
	width: 25px
}
.grid-icon span {
	display: block;
	left: 25px;
	position: relative;
	overflow: hidden;
	width: 0;
	-webkit-transition: all ease-in-out 200ms;
	-moz-transition: all ease-in-out 200ms;
	transition: all ease-in-out 200ms
}
.grid-icon:hover span {
	width: 60px
}
.header-speedo-logo {
	margin-top: 2px;
	position: absolute;
	right: 20px;
	top: 0
}
a.logo-aotc {
	display: inline-block
}
a.logo-aotc img {
	top: 0;
	-webkit-transition: all ease-in-out 200ms;
	-moz-transition: all ease-in-out 200ms;
	transition: all ease-in-out 200ms
}
a.logo-aotc:hover img {
	top: -43px;
	-webkit-transition: all ease-in-out 200ms;
	-moz-transition: all ease-in-out 200ms;
	transition: all ease-in-out 200ms
}
.nav-bar {
	background: #000;
	bottom: 0;
	display: none;
	left: 0;
	min-width: 980px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 10
}
.fixed {
	bottom: auto;
	left: 0;
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0)
}
.nav-link {
	border-left: 1px solid #333;
	color: #fff;
	display: inline-block;
	font-family: 'StandardCT-Medium';
	font-size: 13px;
	height: 90px;
	line-height: 76px;
	padding: 0 50px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase
}
.nav-link:after {
	background: url(../img/global/icons.png) -258px -131px no-repeat;
	content: '';
	height: 6px;
	left: 50%;
	margin-left: -4px;
	opacity: .4;
	position: absolute;
	top: 64%;
	width: 8px
}
.nav-link:first-child {
	border-left: 0
}
.nav-link:hover {
	color: #ee3224
}
.nav-link:hover:after {
	opacity: 1
}
.footer-links, .social-links {
	position: absolute;
	z-index: 5
}
.social-links.on-white {
	position: relative
}
.grid-container .footer-links, .grid-container .social-links {
	display: none
}
.footer-links {
	bottom: 20px;
	left: 20px
}
.social-links {
	bottom: 16px;
	right: 20px
}
.social-links.on-white {
	bottom: auto;
	margin: 38px 0 110px;
	right: auto
}
.footer-links a {
	color: #fff;
	color: rgba(255,255,255,0.8);
	display: inline-block;
	font-family: 'StandardCT-Medium';
	font-size: 11px;
	line-height: 27px;
	margin: 0 40px 0 0;
	position: relative;
	text-transform: uppercase
}
.add-divider:before {
	border-left: 1px solid;
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.45);
	content: '';
	height: 33px;
	left: -20px;
	position: absolute;
	top: -3px
}
.social-links a {
	background: url(../img/global/logos-social.png) no-repeat;
	border: 2px solid;
	border-color: #fff;
	border-color: rgba(255,255,255,0.3);
	border-radius: 30px;
	display: inline-block;
	height: 30px;
	margin: 0;
	width: 30px
}
.social-links .facebook, .social-links.on-white .facebook:hover {
	background-position: -3px -4px
}
.social-links .twitter, .social-links.on-white .twitter:hover {
	background-position: -40px -4px
}
.social-links .pinterest, .social-links.on-white .pinterest:hover {
	background-position: -76px -4px
}
.social-links a:hover {
	background-color: #fff
}
.social-links.on-white a {
	border-color: #000;
	border-color: rgba(0,0,0,0.3);
	border-width: 1px;
	height: 31px;
	width: 31px
}
.social-links .facebook:hover, .social-links.on-white .facebook {
	background-position: -3px -40px
}
.social-links .twitter:hover, .social-links.on-white .twitter {
	background-position: -40px -41px
}
.social-links .pinterest:hover, .social-links.on-white .pinterest {
	background-position: -76px -40px
}
.social-links.on-white a:hover {
	background-color: #000
}
.btn {
	display: inline-block;
	height: 62px;
	overflow: hidden;
	width: 255px
}
.col30 .btn {
	margin: 32px 0 10px 0
}
.btn span {
	background-color: #ee3224;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-family: 'StandardCT-Medium';
	font-size: 16px;
	line-height: 62px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 255px;
	-webkit-transition: all ease-in-out 200ms;
	-moz-transition: all ease-in-out 200ms;
	transition: all ease-in-out 200ms
}
.btn:hover span {
	top: -62px;
	-webkit-transition: all ease-in-out 200ms;
	-moz-transition: all ease-in-out 200ms;
	transition: all ease-in-out 200ms
}
.btn .hover, .intro .btn.small span {
	background-color: #000;
	color: #fff
}
.btn.small {
	height: 38px;
	margin-left: 50px;
	position: relative;
	width: 162px
}
.nav-bar .btn.small {
	margin-bottom: -22px
}
.btn.small span {
	font-size: 14px;
	line-height: 38px;
	width: 162px
}
.btn.small .hover {
	background-color: #fff;
	color: #000
}
.intro .btn.small .hover {
	background: #ee3224
}
.btn.small:hover span {
	top: -38px
}
.open-video {
	left: 50%;
	margin-left: -132px;
	position: absolute;
	top: 100%;
	z-index: 5
}
.open-video span {
	background-color: #fff;
	color: #000
}
.intro .open-video {
	left: auto;
	margin-left: 0;
	position: relative;
	top: auto
}
.close {
	background: url(../img/global/icons.png) 0 -22px no-repeat;
	cursor: pointer;
	height: 22px;
	position: absolute;
	right: 20px;
	top: 95px;
	width: 22px;
	z-index: 20
}
.slide-in .close {
	background-position: 0 0
}
.cover .close {
	display: none;
	display: block\9;
	top: 40px
}
.cover:hover .close {
	display: block
}
.close:hover {
	background-position: 0 -44px
}
.col40 a {
	display: inline-block;
	margin-top: 70px
}
section {
	clear: both;
	margin: 0 auto;
	min-width: 980px;
	padding-top: 90px;
	position: relative;
	width: 980px
}
.full-width.centered {
	padding-bottom: 130px;
	padding-top: 125px
}
.full-width {
	background-color: #eee;
	min-width: 980px;
	padding-bottom: 62px;
	text-align: center;
	width: 100%
}
.centered {
	padding-bottom: 85px;
	text-align: center
}
.centered img {
	display: block;
	margin: -90px auto 20px
}
.grid-container {
	height: 100%;
	min-height: 750px;
	min-width: 1070px;
	overflow: hidden;
	padding-top: 0;
	width: 100%;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-style: flat;
	-webkit-transform-origin: 0 0;
	-ms-backface-visibility: hidden;
	-ms-transform: translate3d(0, 0, 0);
	-ms-transform-style: flat;
	-ms-transform-origin: 0 0;
	-moz-backface-visibility: hidden;
	-moz-transform: translate3d(0, 0, 0);
	-moz-transform-style: flat;
	-moz-transform-origin: 0 0
}
.ie8 .grid-container {
	height: auto
}
.ie8 .hidden .grid-container {
	height: 100%
}
.grid-container-ajax {
	background-color: #e6e6e8;
	overflow: hidden;
	padding-top: 0;
	width: 100%;
	-webkit-transform: translate3d(0, 0, 0)
}


.page .grid-block {
	height: 375px;
	visibility: visible;
	width: 25%
}
.grid-img {
	height: 100%;
	min-height: 375px;
	position: absolute;
	width: 100%;
	z-index: 2
}
.grid-hover {
	height: 100%;
	left: -100%;
	min-height: 375px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}
.slide-in {
	background: #fff;
	bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	height: 360px;
	left: 0;
	padding-top: 60px;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 10
}
.page {
	background: #fff;
	min-width: 980px;
	overflow: hidden;
	position: relative;
	z-index: 1
}
header {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	padding: 0 30px;
	position: absolute;
	text-align: center;
	top: -50px;
	width: 100%;
	z-index: 10
}
.hero-container {
	background: #e6e6e8;
	overflow: hidden;
	padding-top: 0;
	width: 100%;
	z-index: 6
}
.hero-canvas {
	height: 100%;
	overflow: hidden;
	position: relative
}
.hero-img {
	display: block;
	margin: 0 auto
}
.col30 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0 20px;
	width: 30%
}
.col70 {
	float: left;
	width: 70%
}
.col40 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0 20px;
	width: 40%
}
.col60 {
	float: left;
	width: 60%
}
.intro .grid-img {
	background: #000;
	display: table
}
.grid-img.set-height {
	height: 375px
}
.logo-aotc {
	height: 43px;
	margin: 0 -15px;
	overflow: hidden;
	text-align: center
}
.logo-aotc img {
	display: block;
	margin: 0 auto;
	position: relative;
	width: 356px
}
.intro .grid-hover {
	background: #fff;
	background: -moz-radial-gradient(center, ellipse cover, #fff 60%, #d4d4d4 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #fff 60%, #d4d4d4 100%);
	background: -ms-radial-gradient(center, ellipse cover, #fff 60%, #d4d4d4 100%);
	background: radial-gradient(ellipse at center, #fff 60%, #d4d4d4 100%);
	display: table;
	left: 0;
	vertical-align: middle
}
.logo-speedo-black {
	display: block;
	margin: 0 auto 2em
}
.intro p {
	color: #444;
	font-family: 'StandardCT-Regular';
	font-size: 13px;
	letter-spacing: 3px;
	line-height: 3;
	text-align: center;
	text-transform: uppercase
}
.grid-text {
	color: #fff;
	display: none;
	font-family: 'StandardCT-Medium';
	font-size: 26px;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5
}
.grid-text span {
	opacity: 0
}
.athlete-name, .artist-name {
	display: block;
	letter-spacing: 4px;
	position: relative;
	text-align: center;
	text-transform: uppercase
}
.athlete-name {
	top: 30px
}
.artist-name {
	top: 40px
}
.athlete-name:after {
	background: url(../img/global/icons.png) -22px 0 no-repeat;
	content: '';
	display: block;
	height: 42px;
	margin: 25px auto 20px;
	position: relative;
	width: 42px;
	z-index: 10
}
.grid-block-ajax .grid-text {
	font-size: 22px
}
.grid-block-ajax .athlete-name:after {
	margin-top: 20px
}
@media screen and (max-width:1050px) {
.grid-block-ajax .grid-text {
	font-size: 18px
}
}
.hero-text {
	color: #fff;
	display: table;
	font-family: 'StandardCT-Medium';
	font-size: 26px;
	height: 100%;
	left: -1px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5
}
.hero-text .athlete-name, .hero-text .artist-name {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	font-size: 42px;
	height: 150px;
	letter-spacing: 2px;
	line-height: 1.2;
	margin-top: -162px;
	position: absolute;
	top: 50%;
	width: 50%
}
.hero-text .athlete-name {
	left: -5%;
	padding-right: 87px;
	text-align: right
}
.hero-text .artist-name {
	padding-left: 87px;
	right: -5%;
	left: 55%;
	text-align: left;
	width: 50%
}
.hero-text .athlete-name:after {
	background: none;
	display: none
}
.hero-text .icon {
	background: url(../img/global/icons.png) -74px -10px no-repeat;
	display: none;
	height: 54px;
	left: 960px;
	margin: -114px 0 0 -27px;
	position: absolute;
	top: 53%;
	width: 54px;
	z-index: 5
}
@media screen and (min-width:1200px) {
.hero-text .icon {
	background-position: -64px 0;
	height: 74px;
	margin: -124px 0 0 -37px;
	width: 74px
}
}
.hero-text .vertical-align {
	visibility: hidden
}
.vertical-align.visible {
	visibility: visible
}
.athlete-name .vertical-align {
	text-align: right
}
.artist-name .vertical-align {
	text-align: left
}
@media screen and (min-width:1200px) {
.hero-text .athlete-name, .hero-text .artist-name {
	font-size: 60px
}
}
.updates fieldset {
	padding-top: 30px;
	position: relative
}
.updates fieldset:before {
	font-family: 'StandardCT-Regular';
	font-size: 13px;
	left: 50%;
	letter-spacing: 0;
	margin-left: -210px;
	position: absolute;
	text-align: left;
	top: 10px;
	width: 340px
}
.updates .error:before {
	color: #ee3224;
	content: 'Please enter a valid e-mail'
}
.updates .success:before {
	content: 'Thank you. We\'ll keep you posted.'
}
.updates label, .updates input {
	font-family: 'StandardCT-Medium';
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase
}
.updates input[type=text] {
	border: 1px solid #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 18px;
	width: 340px
}
.updates input[type=button] {
	background: none;
	border: 0;
	cursor: pointer
}
.cover {
	bottom: 0;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 15
}
.big-athlete {
	display: block;
	margin-left: -270px
}
#slides-wrapper {
	float: right;
	height: 580px;
	margin: 0 20px 110px 0;
	position: relative;
	width: 640px
}
.preserve {
	margin-left: 20px
}
.slides {
	position: relative
}
.slides-container {
	display: none
}
.slides .scrollable {
	height: 100%;
	left: 0;
	overflow-y: auto;
	position: relative;
	top: 0;
	-webkit-overflow-scrolling: touch
}
.slides .scrollable:after {
	clear: both;
	content: "";
	display: table
}
.slides-navigation {
	margin: 0 auto;
	position: absolute;
	top: 46%;
	width: 100%;
	z-index: 3
}
.slides-navigation a {
	background-image: url(../img/global/icons.png);
	background-repeat: no-repeat;
	display: none;
	height: 62px;
	position: absolute;
	text-indent: 100%;
	width: 42px
}
.slides-navigation a.prev {
	background-position: 0 -74px;
	left: 0
}
.slides-navigation a.next {
	background-position: -42px -74px;
	right: 0
}
.slides-navigation a.prev:hover {
	background-position: -84px -74px
}
.slides-navigation a.next:hover {
	background-position: -126px -74px
}
.slides:hover .slides-navigation a {
	display: block
}
.slides-pagination {
	bottom: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	z-index: 3
}
.slides-pagination a {
	background-color: #ccc;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
	border-radius: 6px;
	display: -moz-inline-stack;
	display: inline-block;
	height: 6px;
	margin: 0 8px;
	overflow: hidden;
	text-indent: 100%;
	vertical-align: middle;
	width: 6px;
	zoom: 1
}
.slides-pagination a.current {
	background: #ee3224
}
.slides-pagination a:hover {
	background: #444
}
.gallery-slides .slides-pagination {
	display: none
}
.gallery-arrows a {
	height: 62px;
	width: 32px
}
.gallery-arrows a.prev {
	background-position: -138px 0;
	left: 30px
}
.gallery-arrows a.next {
	background-position: -170px 0;
	right: 30px
}
.gallery-arrows a.prev:hover {
	background-position: -202px 0
}
.gallery-arrows a.next:hover {
	background-position: -234px 0
}
#gallery {
	background-color: #fff
}
.gallery-container {
	margin: -90px auto -62px;
	max-width: 2000px;
	overflow: hidden
}
.gallery-block {
	float: left;
	overflow: hidden;
	position: relative;
	width: 25%
}
.gallery-block.wide {
	width: 50%
}
.gallery-block img {
	max-width: 100%;
	position: relative
}
.gallery-block .screen {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 1
}
.left .screen {
	left: -100%;
	top: 0
}
.right .screen {
	right: -100%;
	top: 0
}
.up .screen {
	bottom: -100%;
	left: 0
}
.gallery-block .screen:after {
	background: url(../img/global/icons.png) -169px -74px no-repeat;
	content: '';
	height: 62px;
	left: 50%;
	margin: -31px 0 0 -31px;
	position: absolute;
	top: 50%;
	width: 62px;
	z-index: 1
}
.gallery-block .screen:before {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8xMS8xM9e5ydAAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzQGstOgAAAADUlEQVQImWNgYGBoAAAAhQCBuMOYEwAAAABJRU5ErkJggg==) 0 0 repeat;
	background: rgba(0,0,0,0.2);
	content: '';
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}
.gallery-block .screen.img:after, .gallery-block .screen.img:before {
	display: none
}
.for-ajax {
	background: #e6e6e8
}
.for-ajax .cover {
	background-color: #e6e6e8;
	display: block
}
.gallery-slides {
	visibility: hidden
}
.loading-block {
	display: table;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.loading-block p {
	color: #444;
	display: table-cell;
	font-family: 'StandardCT-Medium';
	font-size: 18px;
	letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle
}
.loading-block span {
	opacity: 0;
	-webkit-animation: ellipsis 1.3s infinite;
	-moz-animation: ellipsis 1.3s infinite;
	animation: ellipsis 1.3s infinite
}
.loading-block .one {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	animation-delay: 0s
}
.loading-block .two {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	animation-delay: .2s
}
.loading-block .three {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	animation-delay: .3s
}
@keyframes ellipsis {
0% {
opacity:0
}
50% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes ellipsis {
0% {
opacity:0
}
50% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes ellipsis {
0% {
opacity:0
}
50% {
opacity:0
}
100% {
opacity:1
}
}
.banner {
	border: solid #000;
	border-width: 1px 0;
	font-family: 'StandardCT-Medium';
	font-size: 14px;
	line-height: 50px;
	margin: 24px 0;
	text-align: center;
	text-transform: uppercase;
	width: 200px
}
footer {
	background-color: #000;
	height: 70px;
	-webkit-transform: translate3d(0, 0, 0)
}


/*BOTONES*/

/*.grid-block {
	height: 50%;
	float: left;
	min-height: 375px;
	overflow: hidden;
	position: relative;
	visibility: hidden;
	width: 33.333333333%
}*/

.grid-block {
    float: left;
    overflow: hidden;
    visibility: hidden;
    width: 100%;
}




@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.load-content {
    min-height: 110px;
}

}