#masonryContainer{ visibility:hidden;}
.loader { height: 700px; text-align: center; width: 100%; }
.loader > img{margin-top:20%;}
.white_bg {
background-color: #fff;
position: relative;
}
@media (max-width: 600px) {
ul.goal_list {
margin: 20px 0 0 5% !important;
padding: 0;
position: absolute;
}
ul.goal_list li {
background-image: url("../images/white_circle.png");
background-repeat: no-repeat;
display: inline-block;
font-family: 'cubanoregular';
font-size: 26px;
height: 38px;
line-height: 38px;
margin: 0 9px;
text-align: center;
width: 38px;
}
.ad, .ad1 {
background-color: none;
border: none;
box-shadow: 0 0 0 !important;
line-height: 0;
margin: 0 15px 30px;
padding: 30px 0 0;
text-align: center;
}
.ad .text, .ad1 .text {
color: #888;
font-family: "Open Sans",Helvetica,sans-serif;
font-size: 10px;
left: 0;
letter-spacing: 1px;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
top: 14px;
}
#countdown {
color: #FFFFFF;
display: block;
float: none !important;
margin: 20px auto 0 !important;
overflow: auto;
position: absolute !important;
right: 0 !important;
text-align: center;
top: 0 !important;
width: 240px !important;
}
.featured.post a img {
float: none;
margin-left: -336px !important;
width: auto !important;
}
.featured.post.fit a img {
float: right;
vertical-align: bottom;
width: auto !important;
margin-left:-250px;
left:50%;
float:none;
height:500px;
}
.carousel .mask {
margin: 0 auto;
overflow: hidden;
position: relative;
width: 300px !important;
}
.add-nav {
margin: 10px 10px 0 0 !important;
}
.holder_wide {
margin: 0 auto;
width: 300px !important
}
#footer .holder_wide {
margin: 0 auto;
width: 90% !important;
}
.back-to-top {
color: #858585;
display: block;
float: none !important;
margin: 0 0 20px 3px !important;
text-transform: uppercase;
}
.post {
float: left;
margin: 0 0 30px 30px;
overflow: hidden;
position: relative;
width: 300px;
}
.post a img {
float: right;
vertical-align: bottom;
width:100%
}
.post img {
float: right;
vertical-align: bottom;
width:100%
}
#siBar-wrapper{display:none}
#wrapper {margin-top: -35px;}
.topbtn{display:inline-block !important}
.text-hover:hover {
zoom: 1;
filter: alpha(opacity=0) !important;
opacity: 0 !important;
}
a.box {
display: block;
position: relative;
text-decoration: none;
z-index: 999;
}
.text-holder {
background: url("../images/bg-text.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
bottom: 0;
left: 0;
position: absolute;
width: 100%;
z-index: 999;
}
}
@media (min-width : 601px) and (max-width : 789px){
ul.goal_list {
margin: 20px 0 0 5% !important;
padding: 0;
position: absolute;
}
ul.goal_list li {
background-image: url("../images/white_circle.png");
background-repeat: no-repeat;
display: inline-block;
font-family: 'cubanoregular';
font-size: 26px;
height: 38px;
line-height: 38px;
margin: 0 9px;
text-align: center;
width: 38px;
}
.ad, .ad1 {
background-color: none;
border: none;
box-shadow: 0 0 0 !important;
line-height: 0;
margin: 0 15px 30px;
padding: 30px 0 0;
text-align: center;
}
.ad .text, .ad1 .text {
color: #888;
font-family: "Open Sans",Helvetica,sans-serif;
font-size: 10px;
left: 0;
letter-spacing: 1px;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
top: 14px;
}
#countdown {
color: #FFFFFF;
display: block;
float: none !important;
margin: 20px auto 0 !important;
overflow: auto;
position: absolute !important;
right: 0 !important;
text-align: center;
top: 0 !important;
width: 240px !important;
}
.featured.post a img {
float: none;
margin-left: -234px !important;
width: auto !important;
}
.featured.post.fit a img {
float: right;
vertical-align: bottom;
width: auto !important;
margin-left:-250px;
left:50%;
float:none;
height:500px;
}
.carousel .mask {
margin: 0 auto;
overflow: hidden;
position: relative;
width: 300px !important;
}
.add-nav {
margin: 10px 10px 0 0 !important;
}
.holder_wide {
margin: 0 auto;
width: 630px !important
}
#footer .holder_wide {
margin: 0 auto;
width: 90% !important;
}
.back-to-top {
color: #858585;
display: block;
float: none !important;
margin: 0 0 20px 3px !important;
text-transform: uppercase;
}
.post {
float: left;
margin: 0 0 30px 30px;
overflow: hidden;
position: relative;
width: 300px;
}
.post a img {
float: right;
vertical-align: bottom;
width:100%
}
.post img {
float: right;
vertical-align: bottom;
width:100%
}
#siBar-wrapper{display:none}
/*#wrapper {margin-top: -35px;}/*/
.topbtn{display:inline-block !important}
.text-hover:hover {
zoom: 1;
filter: alpha(opacity=0) !important;
opacity: 0 !important;
}
a.box {
display: block;
position: relative;
text-decoration: none;
z-index: 999;
}
.text-holder {
background: url("../images/bg-text.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
bottom: 0;
left: 0;
position: absolute;
width: 100%;
z-index: 999;
}
}
@media (min-width : 790px){
ul.goal_list li {
background-image: url("../images/white_circle.png");
background-repeat: no-repeat;
display: inline-block;
font-family: 'cubanoregular';
font-size: 26px;
height: 38px;
line-height: 38px;
margin: 0 9px !important;
text-align: center;
width: 38px;
}
ul.goal_list {
margin: 20px 0 0 5%;
padding: 0;
position: absolute;
}
.ad, .ad1 {
background-color: none;
border-bottom: none;
box-shadow: 0 0 0 !important;
line-height: 0;
margin: 0 auto;
padding: 10px;
text-align: center;
}
.holder_wide { position: relative; }
#si_1{
margin:0 auto;
}
.ad .text, .ad1 .text {
color: #888;
font-family: "Open Sans",Helvetica,sans-serif;
font-size: 10px;
left: 0;
letter-spacing: 1px;
position: relative;
right: 0;
text-align: center;
text-transform: uppercase;
}
.carousel .mask {
margin: 0 auto;
overflow: hidden;
position: relative;
width: 600px !important;
}
.holder_wide {
margin: 0 auto;
width: 790px !important;
}
.topbtn{display:none !important}
.ad1 { -webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease; }
}
@media (min-width : 960px){
.carousel .mask {
margin: 0 auto;
overflow: hidden;
position: relative;
width: 900px !important;
}
.topbtn{display:none !important}
}
@media (min-width : 1200px){
.carousel .mask {
margin: 0 auto;
overflow: hidden;
position: relative;
width: 1200px !important;
}
.holder_wide {
margin: 0 auto;
width: 1200px !important;
}
#siBar-wrapper{display:block}
#wrapper {margin-top: 0;}
.topbtn{display:none !important}
}
@media (min-width : 1610px){
.carousel .mask {
margin: 0 auto;
overflow: hidden;
position: relative;
width: 1500px !important;
}
.holder_wide {
margin: 0 auto;
width: 1610px !important;
}
#siBar-wrapper{display:block}
#wrapper {margin-top: 0;}
.topbtn{display:none !important}
}
@media (min-width : 2020px){
.carousel .mask {
margin: 0 auto;
overflow: hidden;
position: relative;
width: 1800px !important;
}
.holder_wide {
margin: 0 auto;
width: 2020px !important;
}
#siBar-wrapper{display:block}
#wrapper {margin-top: 0;}
.topbtn{display:none !important}
}
@font-face {
font-family: 'cubanoregular';
src: url('../../soccer-goals/fonts/cubano-regular.eot');
src: url('../../soccer-goals/fonts/cubano-regular.eot?#iefix') format('embedded-opentype'),
url('../../soccer-goals/fonts/cubano-regular.woff') format('woff'),
url('../../soccer-goals/fonts/cubano-regular.ttf') format('truetype'),
url('../../soccer-goals/fonts/cubano-regular.svg#cubanoregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'exoregular';
src: url('../../sochi/fonts/exo-regular-webfont.eot');
src: url('../../sochi/fonts/exo-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../../sochi/fonts/exo-regular-webfont.woff') format('woff'),
url('../../sochi/fonts/exo-regular-webfont.ttf') format('truetype'),
url('../../sochi/fonts/exo-regular-webfont.svg#exoregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'exobold';
src: url('../../sochi/fonts/exo-bold-webfont.eot');
src: url('../../sochi/fonts/exo-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../../sochi/fonts/exo-bold-webfont.woff') format('woff'),
url('../../sochi/fonts/exo-bold-webfont.ttf') format('truetype'),
url('../../sochi/fonts/exo-bold-webfont.svg#exobold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'exolight';
src: url('../../sochi/fonts/exo-light-webfont.eot');
src: url('../../sochi/fonts/exo-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../../sochi/fonts/exo-light-webfont.woff') format('woff'),
url('../../sochi/fonts/exo-light-webfont.ttf') format('truetype'),
url('../../sochi/fonts/exo-light-webfont.svg#exolight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'exodemibold';
src: url('../../sochi/fonts/exo-semibold-webfont.eot');
src: url('../../sochi/fonts/exo-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('../../sochi/fonts/exo-semibold-webfont.woff') format('woff'),
url('../../sochi/fonts/exo-semibold-webfont.ttf') format('truetype'),
url('../../sochi/fonts/exo-semibold-webfont.svg#exodemibold') format('svg');
font-weight: normal;
font-style: normal;
}
* {
margin: 0;
}
html, body.home {
height: -webkit-calc(100% - 20px);
height: -moz-calc(100% - 20px);
height: -o-calc(100% - 20px);
}
body.home {
overflow-x: hidden;
overflow-y: scroll !important;
}
UL.drop-nav LI.topstory .headline, UL.drop-nav LI.story .headline {
font-size: 18px !important;
line-height: 18px !important;
}
body.home #wrapper {
min-height: 100%;
margin-bottom: -75px;
}
body.home #wrapper:after {
content: "";
display: block;
}
body.home #footer, body.home #wrapper:after {
min-height: 110px;
}
::selection {
background: #d6b56a; /* Safari */
color:#fff
}
::-moz-selection {
background: #d6b56a; /* Firefox */
color:#fff
}
ul.goal_list {
margin: 20px 0 0 40px;
padding: 0;
position: absolute;
}
.check_back {
display: none;
position: absolute;
right: 30px;
top: 120px;
}
ul.goal_list.top {
}
ul.goal_list.bottom {
top: 50px;
}
ul.goal_list li {
background-image: url("../images/white_circle.png");
background-repeat: no-repeat;
display: inline-block;
font-family: 'cubanoregular';
font-size: 26px;
height: 38px;
line-height: 38px;
margin: 0 6px;
text-align: center;
width: 38px;
}
ul.goal_list li.active:hover {
-webkit-transform: scale(1.25,1.25);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1.25,1.25);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
position: relative;
z-index: 99;
}
ul.goal_list li.active {
background-image: url("../images/blue_circle.png");
color:#fff !important;
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
ul.goal_list li.active a{
color:#fff;
}
ul.goal_list li.active a:hover{
cursor:pointer;
}
ul.goal_list li a{
color:#24a1cd;
display:block
}
ul.goal_list li a:hover{
cursor:default;
}
#countdown {
bottom: 0;
color: #FFFFFF;
display: block;
float: right;
height: 150px;
left: 0;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 260px;
z-index: 9;
}
#countdown p {
display: inline-block;
padding: 5px;
margin: 0;
}
#countdown .block {
float: left;
letter-spacing: 2px;
width:20%
}
#countdown .sochi_small{
margin:0 0 20px 0
}
#countdown .block.colon {
width:6%
}
#countdown .block .number{
font-family: 'exobold';
font-size:29px;
}
#countdown .block .name {
color: #DDC98D;
font-family: 'exoregular';
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
#countdown h1{
text-align:center;
font-family: 'exobold';
font-weight:normal;
text-transform:uppercase;
font-size:11px;
line-height:17px;
margin:0px;
padding:0px;
letter-spacing:2px;
}
#countdown h2 {
border-bottom: 1px solid #6C6C6C;
color: #D9C58A;
font-family: 'exobold';
font-size: 14px;
font-weight: normal;
letter-spacing: 2px;
line-height: 17px;
margin: 0 0 5px;
padding: 0 0 5px;
text-align: center;
text-transform: uppercase;
}
.olympic .credit {
bottom: 8px;
color: #888888;
font-family: helvetica;
font-size: 11px;
position: absolute;
right: 5px;
text-align: right;
}
.post a img {
vertical-align: bottom;
filter: alpha(opacity=100);
opacity: 1;
transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out;
}
.post.fit a img {
vertical-align: bottom;
filter: alpha(opacity=75);
opacity: 0.75;
width:100%;
transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out;
}
.post a img:hover {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
a.box {
display: block;
text-decoration: none;
}
a{text-decoration:none}
img{border-style:none;}
a:hover {text-decoration:none;}
a:active{background-color:transparent;}
input,
textarea,
select {
font:100% Arial, Helvetica, sans-serif;
vertical-align:middle;
color:#000;
}
form, fieldset {
margin:0;
padding:0;
border-style:none;
}
#wrapper {
position:relative;
overflow:hidden;
}
#header .logo-holder {
position: relative;
}
.logo a img{
vertical-align:top;
}
.nav-block{background:url(../images/bg-nav.png) repeat-x;}
.nav-holder img{vertical-align:top;}
.home_panel {
background: url("../images/bg-panel.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
border-radius: 0 0 0 0;
margin-bottom: 0;
position: relative;
width: 100%;
z-index: 9999;
}
.home_panel .holder_wide {
padding: 11px 0 10px;
position: relative;
width: 100% !important;
}
.home_panel .holder_wide:after{
display:block;
clear:both;
content:'';
}
.add-nav {
float: right;
font: 11px/14px 'Open Sans',Arial,sans-serif;
letter-spacing: 0.5px;
list-style: none outside none;
margin: 10px 30px 0 0;
padding: 0;
}
.add-nav li{
display:inline-block;
vertical-align:top;
padding:0 2px 0 11px;
}
.add-nav li a{
display:block;
position:relative;
z-index:12;
}
.add-nav li a:focus{
color:#EBCF8F !important;
text-decoration:none;
}
.add-nav li a:after{
content:"";
background:url(../images/sprite.png) no-repeat 0 -79px;
width:5px;
height:8px;
position:absolute;
left:-9px;
top:3px;
}
.add-nav li .slide-frame a:after,
.add-nav li:first-child a:after{background:none;}
.add-nav a{ color:#ebcf8f; }
.add-nav a:hover{
color:#ddd !important;
text-decoration:none;
}
.add-nav .facebook:hover{color:#4b8cd7 !important;}
.add-nav .tweet:hover{color:#4099FF !important;}
.add-nav .gplus:hover{ color:#db5442 !important;}
.comment{
background:url(../images/sprite.png) no-repeat 0 3px;
padding:0 0 0 15px;
}
.post .comment{
background-position:0 4px;
color:#fff;
}
.comment:hover{ background:url(../images/sprite.png) no-repeat -189px 3px;}
.slide-opener{
margin:0 auto;
padding:0 0 7px;
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
background:url(../images/bg-slide-opener.png) repeat-x;
}
.tiles .opener{
display:block;
background:url(../images/sprite.png) no-repeat 0 -142px;
width:12px;
height:12px;
margin: 0 0 0 1px;
padding: 0 0 0 3px;
}
.opener:hover{ background:url(../images/sprite.png) no-repeat -188px -142px;}
.carousel{
position:relative;
z-index:1;
margin:45px 0 0;
}
.carousel .mask .slideset {
width: 99999px;
float: left;
}
.carousel .mask .slide {
width: 300px;
float: left;
}
.slide .image-area {
background-color: #000000;
float: left;
position: relative;
width: 300px;
}
.slide .image-area a:after {
background: url("../images/sprite.png") no-repeat scroll 0 -79px rgba(0, 0, 0, 0);
content: "";
height: 8px !important;
left: -243px;
position: absolute;
top: 134px !important;
width: 5px;
}
.add-nav .image-area a{position:static;}
.slide img{
vertical-align:top;
filter: alpha(opacity=70);
opacity: 0.7;
transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out;
}
.slide img:hover{
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.slide-text{
color:#fff;
position:absolute;
bottom:0;
left:0;
background:url(../images/bg-text.png);
width:100%;
}
.carousel .btn-prev,
.carousel .btn-next{
text-indent:-9999px;
overflow:hidden;
position:absolute;
left:10px;
bottom:50%;
background:url(../images/sprite.png) no-repeat 0 -380px;
width:12px;
height:20px;
margin: 0 0 -10px;
}
.carousel .btn-next{
background:url(../images/sprite.png) no-repeat -188px -380px;
right:10px;
left:auto;
}
.carousel .btn-prev:hover{background:url(../images/sprite.png) no-repeat 0 -237px;}
.carousel .btn-next:hover{background:url(../images/sprite.png) no-repeat -188px -237px;}
#main {
margin: 0;
overflow: hidden;
}
.image-block{
/*background:#f1f1f1;*/
overflow:hidden;
}
.image-block .frame{
overflow:hidden;
margin:0 -15px;
padding:30px 0;
}
.post{
float:left;
margin:0 15px 30px;
position:relative;
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
}
.text-holder{
background:url(../images/bg-text.png);
position:absolute;
bottom:0;
left:0;
width:100%;
}
.text-frame.vault {
background: url("../images/vault_pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
border-top: 4px solid #D0AF65;
}
.text-frame{
padding: 11px 15px 15px 16px;
font:700 11px/12px 'Open Sans', Arial, sans-serif;
}
.slide-frame{
padding: 3px 11px;
overflow:hidden;
font:14px/18px 'Open Sans', Arial, sans-serif;
}
.slide .title{font-weight:400;}
.post h2 {
color: #FFFFFF;
font: 20px/24px 'Montserrat',sans-serif;
letter-spacing: 1px;
margin: 0 0 5px;
text-transform: uppercase;
}
.slide h2 a,
.post h2 a{color:#fff;}
.slide h2 a:hover{
text-decoration:underline;
color:#fff;
}
.autor {
color: #EBCF8F;
font-weight: normal;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.autor a{color:#ebcf8f;}
.date-holder {
float: right;
font-weight: normal;
letter-spacing: 0.5px;
margin: -4px 0 0;
}
.date{
font-size:11px;
line-height:19px;
font-style:normal;
position:relative;
/*padding:0 11px 0 0;*/
padding:0;
color:#ebcf8f;
}
.slide .date{
float:left;
font-weight:400;
padding: 0 14px 0 0;
}
.date:after{
content:'';
/*background:url(../images/sprite.png) no-repeat 0 -79px;*/
position:absolute;
right:4px;
top:4px;
width:5px;
height:8px;
}
.slide .date:after{
top:6px;
right:3px;
}
.text-hover{
font:16px/24px 'PT Serif', Arial, serif;
text-align:center;
position:absolute;
top:0;
left:0;
bottom:0;
background:url(../images/bg-text-hover.png);
width:100%;
white-space:nowrap;
overflow:hidden;
padding:22px 0;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0.0;
transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out;
}
.text-hover:hover {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.text-hover:after{
content:'';
display:inline-block;
height:100%;
width:1px;
overflow:hidden;
margin:0 0 0 -5px;
vertical-align:middle;
}
.text-hover p {
font-weight:normal;
color: #EBCF8F;
margin: 0;
max-width:640px;
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.text-hover-v{
vertical-align:middle;
display:inline-block;
white-space:normal;
padding: 0 35px;
max-height:100%;
overflow:hidden;
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.note{
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
color: #A7A7A8;
font: 9px/11px 'Open Sans',Arial,sans-serif;
position: absolute;
right: 10px;
text-align: right;
top: 8px;
white-space: normal;
}
.text-holder .note{
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
color: #eee;
font: 9px/11px 'Open Sans',Arial,sans-serif;
position: absolute;
right: 10px;
text-align: right;
top: -16px;
white-space: normal;
}
.btn-group {
margin: 14px 0 0;
text-align: center;
}
.btn-default {
background-color: #222222;
color: #EBCF8F;
display: block;
font: 14px/16px 'Open Sans',Arial,sans-serif;
margin: 2px 0;
padding: 10px;
text-align: left;
text-decoration: none;
text-transform: capitalize;
}
.btn-default input{
display:none;
}
.btn-default:hover{
color: #222;
background:#EBCF8F;
text-decoration:none;
}
/*.checked {
background-color: #EBCF8F !important;
color: #222222 !important;
text-decoration: none !important;
}*/
.btn {
background: none repeat scroll 0 0 #EBCF8F;
color: #222222;
display: inline-block;
font: 14px/16px 'Open Sans',Arial,sans-serif;
margin: 0 0 23px;
padding: 16px 35px 18px;
text-decoration: none;
text-transform: uppercase;
}
.topbtn{
width:150px;
height:50px;
position:absolute;
font: 14px/16px 'Open Sans', Arial, sans-serif;
display:inline-block;
text-transform:uppercase;
background:#ebcf8f;
color:#222;
text-align:center;
line-height:50px;
text-decoration:none;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
}
.btn:hover{
background:#d6b56a;
text-decoration:none;
}
.post:hover .text-hover{display:block;}
.main-holder{
text-align:center;
padding:12px 0 33px;
}
.main-holder .holder_wide{
max-width:970px;
}
.main-holder img{vertical-align:top;}
#footer {
font: 14px/17px 'Open Sans',Arial,sans-serif;
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
padding: 0;
}
#footer .holder_wide {
max-width: 970px;
overflow: hidden;
padding: 32px 0 21px;
font-size: 14px;
line-height: 16px;
}
#footer .holder_wide p {
color: #bf9955;
margin: 0 0 10px !important;
padding: 0 !important;
}
#footer .holder_wide p strong{
color:#fff;
font-weight:normal !important;
font-family:'PT Serif', Arial, serif;
letter-spacing:0.5px;
}
#footer .holder_wide p a{
color:#F5D08D;
}
#footer .holder_wide p a:hover{
color:#bf9955;
text-decoration:none
}
.back-to-top {
color: #858585;
float: right;
margin: 0 0 0 15px;
position: relative;
text-transform: uppercase;
z-index: 99;
}
a.back-to-top{color:#858585;}
a.back-to-top:hover{color:#999; text-decoration:none}
#footer .frame{
text-align:center;
background:#181818;
}
#footer .content {
font: 11px/16px Arial,Helvetica,sans-serif;
margin: 0 auto;
max-width: 600px;
padding: 20px 0 5px;
width: 80%;
}
#footer .content p {
margin: 0 !important;
padding: 15px 0 !important;
}
#ad_choices {
margin: 0 0 0 5px;
vertical-align: middle;
}
#footer .content p a{
color:#999
}
#footer .logo {
display: inline-block;
height: 23px;
left: auto;
margin: 0 auto;
overflow: hidden;
position: relative;
width: 66px;
}
#countdown {
bottom: 0;
color: #FFFFFF;
display: block;
float: right;
height: 160px;
left: 0;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 260px;
z-index: 9;
}
#countdown p {
display: inline-block;
padding: 5px;
margin: 0;
}
#countdown .block {
float: left;
letter-spacing: 2px;
width:20%
}
#countdown .sochi_small{
margin:0 0 20px 0
}
#countdown .block.colon {
width:6%
}
#countdown .block .number{
font-family: 'exobold';
font-size:29px;
}
#countdown .block .name {
color: #DDC98D;
font-family: 'exoregular';
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
#countdown h1{
text-align:center;
font-family: 'exobold';
font-weight:normal;
text-transform:uppercase;
font-size:11px;
line-height:17px;
margin:0px;
padding:0px;
letter-spacing:2px;
}
#countdown h2 {
border-bottom: 1px solid #6C6C6C;
color: #D9C58A;
font-family: 'exobold';
font-size: 14px;
font-weight: normal;
letter-spacing: 2px;
line-height: 17px;
margin: 0 0 5px;
padding: 0 0 5px;
text-align: center;
text-transform: uppercase;
}
.olympic .credit {
bottom: 8px;
color: #888888;
font-family: helvetica;
font-size: 11px;
position: absolute;
right: 5px;
text-align: right;
}
ul.olympic_lines {
margin: 0;
overflow: auto;
padding: 0;
width: 100%;
}
.olympic_lines li {
display: inline-block;
float: left;
height: 3px;
width: 20%;
}
.olympic_lines li.blue{
background-color:#0173cb
}
.olympic_lines li.gold{
background-color:#f5c405
}
.olympic_lines li.black{
background-color:#000
}
.olympic_lines li.green{
background-color:#009e41
}
.olympic_lines li.red{
background-color:#e00026
}
/* General styles for all menus */
.cbp-spmenu {
background-color: #000000;
position: fixed;
}
.cbp-spmenu h3 {
background-color: #000000;
color: #EBCF8F;
font-size: 25px;
font-weight: 300;
margin: 0;
padding: 20px;
text-align: left;
}
.cbp-spmenu a {
display: block;
color: #fff;
font-size: 1.1em;
font-weight: 300;
}
.cbp-spmenu a:hover {
background: #258ecd;
}
.cbp-spmenu a:active {
background: #afdefa;
color: #47a3da;
}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
width: 240px;
height: 100%;
top: 0;
z-index: 99999;
}
.cbp-spmenu-vertical a {
border-bottom: 1px solid #258ecd;
padding: 1em;
}
.cbp-spmenu-horizontal {
width: 100%;
height: 150px;
left: 0;
z-index: 1000;
overflow: hidden;
}
.cbp-spmenu-horizontal h3 {
height: 100%;
width: 20%;
float: left;
}
.cbp-spmenu-horizontal a {
float: left;
width: 20%;
padding: 0.8em;
border-left: 1px solid #258ecd;
}
/* Vertical menu that slides from the left or right */
/*.cbp-spmenu-left {
left: -240px;
}*/
.cbp-spmenu-right {
right: -240px;
}
.cbp-spmenu-left.cbp-spmenu-open {
left: 0px;
}
.cbp-spmenu-right.cbp-spmenu-open {
right: 0px;
}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {
top: -150px;
}
.cbp-spmenu-bottom {
bottom: -150px;
}
.cbp-spmenu-top.cbp-spmenu-open {
top: 0px;
}
.cbp-spmenu-bottom.cbp-spmenu-open {
bottom: 0px;
}
/* Push classes applied to the body */
.cbp-spmenu-push {
overflow-x: hidden;
position: relative;
left: 0;
}
.cbp-spmenu-push-toright {
left: 240px;
}
.cbp-spmenu-push-toleft {
left: -240px;
}
.sub_footer {
background-color: #EEEEEE;
padding: 10px 0 3px;
text-align: center;
}
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width : 789px){
.holder_wide { position: relative; }
}
/*body { padding-top: 0px !important; }
#siBar-wrapper { display: none !important; }
.showbar #siBar-wrapper { display: block !important; }
body.showbar { padding-top: 35px; }*/
@media (max-width : 599px){
.challenge { position:relative!important; float:left; width:300px!important; height:auto!important; top:auto!important; bottom:auto!important; padding:0!important; box-sizing:border-box}
.lazy{ width:auto!important; height:390px!important; float:left}
#masonryContainer{ height:auto!important; overflow:visible!important; float:left; width:100%}
.featured.post a img {
height: 450px !important;
margin-left: -255px !important;
max-width: none;
width: auto !important;
}
img {
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
}
.post img { float:left; height:auto!important}
.lazy{ width:auto!important; height:auto!important}