Your IP : 216.73.216.95
/* --------------- sponsors --------------- */
.sponsors {
background: #fef4f0;
}
.sponsors__wrap {
min-height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.sponsors__wrap > .container {
margin: 0;
width: 100%;
}
.sponsors__title {
font-size: 60px;
line-height: 66px;
font-weight: 200;
letter-spacing: 1px;
color: #2c2c2c;
margin-bottom: 10px;
text-align: center;
text-transform: uppercase;
}
.sponsors__subtitle {
font-family: 'Noto Sans', sans-serif;
font-size: 22px;
font-weight: 400;
margin: 0 0 30px;
line-height: 24px;
padding: 0;
color: #f25421;
text-align: center;
text-transform: uppercase;
}
.sponsors__content {
position: relative;
}
.sponsors__content > * {
padding: 0;
}
.sponsors___content-title {
background: #2c2c2c;
overflow: hidden;
padding: 0 15px !important;
font-size: 18px;
text-transform: uppercase;
position: relative;
color: #fff;
z-index: 9;
transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
-webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
transition-duration: 0ms;
-webkit-transition-duration: 0ms;
}
.sponsors__content_fixed {
position: fixed;
top: 0;
left: 0;
}
.sponsors__content_absolute {
position: absolute;
bottom: 0;
left: 0;
}
.sponsors___content-title h3 {
font-weight: normal;
margin: 0;
font-size: 18px;
line-height: 40px;
}
.sponsors__content .container {
width: 100%;
margin: 0;
padding: 0;
}
.sponsors__content .container .row {
margin: 0;
padding: 0;
background: #5f5f5f;
}
.sponsors__content .container .row > * {
padding: 0;
}
.sponsors__info {
position: static;
}
.sponsors__info p{
text-align: left;
padding: 15px;
opacity: 0.7;
line-height: 17px;
font-size: 12px;
color: #fff;
font-family: 'Noto sans', sans-serif;
}
.sponsors__item {
float: left;
width: 100%;
/*height: 570px;*/
padding-bottom: 66%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 800;
perspective: 800;
border-top: 1px solid #2c2c2c;
overflow: hidden;
position: relative;
}
.sponsors__item:first-child {
border-top: none;
}
.sponsors__content_silver .sponsors__item {
width: 50%;
/*height: 285px;*/
padding-bottom: 33%;
border-left: 1px solid #2c2c2c;
}
.sponsors__content_silver .sponsors__item:nth-child(-n+2){
border-top: none;
}
.sponsors__content_silver .sponsors__item:nth-child(2n+1){
border-left: none;
}
.sponsors__content_bronze .sponsors__item{
width: 25%;
/*height: 143px;*/
padding-bottom: 17%;
border-left: 1px solid #2c2c2c;
}
.sponsors__content_bronze .sponsors__item:nth-child(-n+2){
border-top: none;
}
.sponsors__content_bronze .sponsors__item:nth-child(4n+1){
border-left: none;
}
.sponsors__face1 {
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
top: 0;
left: 0;
z-index: 2;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-position: center center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 500ms ease-in-out;
transition: transform 500ms ease-in-out;
}
.sponsors__face2{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 500ms ease-in-out;
transition: transform 500ms ease-in-out;
-webkit-transform: rotatey(-180deg);
-ms-transform: rotatey(-180deg);
transform: rotatey(-180deg);
background: #f25421;
padding: 30px;
}
.sponsors__item_flipped .sponsors__face1 {
-webkit-transform: rotatey(-180deg);
-ms-transform: rotatey(-180deg);
transform: rotatey(-180deg);
}
.sponsors__item_flipped .sponsors__face2 {
-webkit-transform: rotatey(-360deg);
-ms-transform: rotatey(-360deg);
transform: rotatey(-360deg);
}
.sponsors__face2 > h4{
margin: 0;
text-transform: uppercase;
font-weight: 100;
font-size: 42px;
text-align: left;
color: #ffffff;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.small .sponsors__face2{
padding: 5px;
}
.small .sponsors__face2 > h4 {
font-size: 25px;
}
.sponsors__face2 > p{
display: none;
opacity: 0.7;
color: #ffffff;
text-align: left;
font-size: 15px;
line-height: 18px;
font-family: 'Noto sans';
}
.small .sponsors__face2 > p {
display: none;
}
.sponsors__face2 > a{
text-transform: uppercase;
border: 2px solid #ffffff;
padding: 10px 20px;
display: inline-block;
font-size: 18px;
cursor: pointer;
z-index: 100;
position: absolute;
bottom: 30px;
color: #ffffff;
-webkit-transition: color 0.5s ease-in-out, background 0.5s ease-in-out;
transition: color 0.5s ease-in-out, background 0.5s ease-in-out;
}
.sponsors__face2 > a > i {
display: none;
}
.sponsors__face2 > a:hover {
background: #fff;
color: #f25421;
}
.small .sponsors__face2 > a {
padding: 3px 7px;
bottom: 5px;
}
.small .sponsors__face2 > a > span {
display: none;
}
.small .sponsors__face2 > a > i {
display: inline-block;
}
.sponsors__photo {
position: relative;
}
/* --------------- /sponsors --------------- */
@media screen and (min-width: 768px){
.sponsors__face2 > p {
display: block;
}
}
@media screen and (max-width: 767px){
.sponsors__content_silver .sponsors__item {
width: 50%;
height: auto;
}
.sponsors__content_bronze .sponsors__item{
width: 25%;
height: auto;
padding-bottom: 19%;
}
.sponsors__info{
display: none;
}
.sponsors__content_gold .sponsors__item {
width: 100%;
height: auto;
padding-bottom: 100%;
}
}