/*
Theme Name: WhereCoolThingsHappen
Theme URI: http://webarchitecten.com
Author: webarchitecten.com
Author URI: http://webarchitecten.com
Description:  WhereCoolThingsHappen v1.0
Version: 1.0
*/

/* ADD YOUR CSS HERE
----------------------------------------------- */

/* ===== Primary Styles ========================================================
   Author: nettino.pl
   ========================================================================== */
a{
    color: #9a8200;
}
::-moz-selection { background: #f7e90c; color: #000; text-shadow: none; }
::selection { background: #f7e90c; color: #000; text-shadow: none; }

body {
    font-family: "PT Sans",sans-serif;
    font-size:13px;
    background:#dcccba;
}

.container {
    width:975px;
    margin: 0 auto;
    padding:0 10px;    
}
/*    .wrap_contact-us .container{
        max-width: 975px;
        width: 100%;
        padding: 0;
    }*/


strong {
    font-weight:bold;
}


.mobile {
    display:none;
}


ul.centered-list {
    position:relative;
    left:50%;
    /*clear:left;*/
    float:left;
}
ul.centered-list li {
    right:50%;
    position:relative;
}

ul#paging li {
    float:left;
}
ul#paging li a {
    color:#333;
    font-family:'Muli',sans-serif;
    display:block;
    width:26px;
    height:26px;
    line-height:26px;
    text-align:center;
}
ul#paging li a:hover {
    color:#f7e90c;
}
ul#paging li.active a:hover {
    color:inherit;
}
ul#paging li.active a {
    background: transparent url("img/pagination-icons.png") no-repeat center 0px;
}
ul#paging li.icon a {
    text-indent:-9999em;
    background-image: url("img/pagination-icons.png");
    background-repeat: no-repeat;
}
ul#paging li a#pagi-backward {
    background-position:center -72px;
}
ul#paging li a#pagi-back {
    background-position:center -120px;
}
ul#paging li a#pagi-next {
    background-position:center -174px;
}
ul#paging li a#pagi-forward {
    background-position:center -226px;
}
ul#paging li a#pagi-backward:hover {
    background-position:center -286px;
}
ul#paging li a#pagi-back:hover {
    background-position:center -334px;
}
ul#paging li a#pagi-next:hover {
    background-position:center -388px;
}
ul#paging li a#pagi-forward:hover {
    background-position:center -439px;
}


/* don't forget overflow hidden on the containter */

header {
    height:72px;
    border-top:4px solid #f7e90c;
    background:#000;
    min-width:996px;
}
/*    .wrap_contact-us header{
        min-width: 0;
    }*/

header #logo {
    margin-top:16px;
    display:block;
    float:left;
}

header #nav-box {
    float:right;
}
header nav li {
    float:left;
    position:relative;
}
header nav > ul > li > a {
    line-height:96px !important;
    height:72px;
    padding:0 21px;
    /*    background-image: url(img/navi-icons.png);*/
}
header nav ul li a {
    display:block;
    text-transform: uppercase;
    font-size:14px;
    color:#fff;
    font-family:"Oswald", sans-serif;    
    background-repeat: no-repeat;    
}
header nav li a#nav-home {
    background-position: center 14px;
}
header nav li a#nav-categories {
    background-position: center -89px;
}
header nav li a#nav-top20 {
    background-position: center -182px;
}
header nav li a#nav-hotspots {
    background-position: center -284px;
}
header nav li a#nav-followus {
    background-position: center -381px;
}

header nav li.current-menu-item > a,
header nav li.current-menu-item > a:hover {
    background-color:#f7e90c;
    color:#000;
}
header nav li.current-menu-item a#nav-home,
header nav li.current-menu-item a#nav-home:hover {
    background-position: center -472px;
}
header nav li.current-menu-item a#nav-categories,
header nav li.current-menu-item a#nav-categories:hover {
    background-position: center -568px;
}
header nav li.current-menu-item a#nav-top20,
header nav li.current-menu-item a#nav-top20:hover {
    background-position: center -655px;
}
header nav li.current-menu-item a#nav-hotspots,
header nav li.current-menu-item a#nav-hotspots:hover {
    background-position: center -740px;
}
header nav li.current-menu-item a#nav-followus,
header nav li.current-menu-item a#nav-followus:hover {
    background-position: center -823px;
}
.hovered-image,
.active-image{
    display : none;   
}
.menu-image,
.hovered-image,
.active-image{
    position: absolute;
    margin: auto;
    top: -25px;
    left: 0;
    right: 0;
    bottom: 0;
}
.active-ctg-image,
.hovered-ctg-image{
    position: absolute;
    margin: auto;
    top: -5px;
    left: -150px;
    right: 0;
    bottom: 0;
}
.sub-menu .menu-image,
.sub-menu .hovered-image,
.sub-menu .active-image{
    top: 0;
    left: -105px;
}
/*.sub-menu li.twitter .hovered-image,
.sub-menu li:nth-child(2) .hovered-image{
    top: -3px;
}
.sub-menu li.tumblr .hovered-image,
.sub-menu li:nth-child(3) .hovered-image{
    top: 2px;
}*/
.ctg .hovered-ctg-image{
    display: none;
}
footer #navi-social li:nth-child(2) .hovered-image {
    top: 1px;
}
footer #navi-social li:nth-child(3) .hovered-image{
    top: 3px;
}
footer #navi-pages .menu-image,
footer #navi-pages .hovered-image,
footer #navi-pages .active-image,
footer #navi-social .menu-image,
footer #navi-social .hovered-image,
footer #navi-social .active-image{
    position: relative;
    top: 2px;
    left: -5px;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
}
header nav li a:hover {    
    color:#f7e90c;    
}
header nav li a#nav-home:hover {
    background-position: center -932px;
}
header nav li a#nav-categories:hover {
    background-position: center -1026px;
}
header nav li a#nav-top20:hover {
    background-position: center -1117px;
}
header nav li a#nav-hotspots:hover {
    background-position: center -1212px;
}
header nav li a#nav-followus:hover {
    background-position: center -1311px;
}

header nav li a:hover + ul {
    display:block;
}
header nav li a:hover + ul.mobile {
    display:none;
}
header nav li ul:hover {
    display:block;
}
header nav li ul li:hover {
    display:block;
}
header nav li ul a:hover {
    display:block;
}
header nav li ul {
    position: absolute;
    z-index:2000;
    right:0;    
    display:none;
}
header nav li ul.ctg{
    right: -80px;
}
header nav li li {
    float:none;
}
header nav li li a {    
    /*    background-image:url(img/more-navi-icons.png);*/
    background-repeat: no-repeat;
    min-height:22px;
    line-height:20px;
    padding:5px 20px 5px 43px;
    background-color:rgba(0,0,0,0.8);
}
.ie8 header nav li li a { 
    background-color:#000;
}
header nav li li:first-child a {
    padding-top:10px;
}
header nav li li.last a {
    padding-bottom:10px;
}

header nav li li a#nav-twitter {
    background-position:11px -400px;
}
header nav li li a#nav-facebook {
    background-position:11px -439px;
}
header nav li li a#nav-tumblr {
    background-position:12px -473px;
}
header nav li li a#nav-twitter:hover {
    background-position:11px -506px;
}
header nav li li a#nav-facebook:hover {
    background-position:11px -547px;
}
header nav li li a#nav-tumblr:hover {
    background-position:12px -583px;
}


.wrap_comments_box{
    
}


#Content {
    padding-top:10px;
    min-width:996px;
    /* background:url(img/tmp/page-bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    */
}

/*.wrap_contact-us #Content{
    min-width: 0;
}*/

.ie8 #Content {
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.img/tmp/page-bg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/tmp/page-bg.jpg', sizingMethod='scale')";*/
}



/*#Content #bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }*/




input.standard-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:40px;
    border:1px solid #cac4bc;
    width:100%;
    line-height:38px;
    margin-bottom:10px;
    text-indent:10px;     
}
label.standard-label {
    margin-bottom:5px;
    display:inline-block;
}
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #cac4bc;
    width:100%;    
    margin-bottom:10px;
    height:120px;
    padding-left:10px;
    padding-top:10px;
    line-height:1.35em;    
}

.standard-button {
    background:#f7e90c;
    border: 1px solid #e5c700;
    font-size:14px;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color:#000;
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:40px;
    padding:0 30px;
}
.standard-button:hover {
    background-color:#efd604;
    border-color:#e5c700;
}

#contact-form-box {
    padding-top:30px;
    padding-left: 20px;
}
#contact-form-box > .wpcf7 form {
    width:632px;
    float:left;
    margin-right:60px;
}
#Page #Main #contact-form-box h3 {
    margin-top: 0;
}

.jqTransformSelectWrapper {
    width:100%!important;
}
.jqTransformSelectWrapper {
    height:40px;
    margin-bottom:10px;
}
.jqTransformSelectWrapper div span {
    padding-top:0px;
    line-height:40px;
    padding-left:10px;
    height:40px;
    width:100%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
    height:40px;
}
.jqTransformSelectWrapper ul {
    top:39px;    
    width:100%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#Main .jqTransformSelectWrapper ul a {
    color:#333;
}
#Main .jqTransformSelectWrapper ul a:hover {
    text-decoration: none;
}



#Content #main-banner {
    float:left;
}
#Content #main-banner img {
    float:left;
}


#search-form {
    float:right;
    display:inline;
    width:24%;
}
#search-form input[type=text]{
    background: #fff url(img/search-magnifier.png) no-repeat 8px center;
    text-indent:35px;
}
#search-form input.standard-button {
    width:92px;
    margin-right: 5px;
}
#search-form p small {
    font-size:14px;
    color:#666;
    width:50%;
    padding-top:5px;
}

#category-baner-box figure {
    position:relative;
}
#category-baner-box figure img {
    float: left;
    z-index:0;
}
#category-baner-box figcaption {
    position:absolute;
    bottom:55px;
    left:0;       
    z-index:10000; 
}
#category-baner-box figcaption h1 {
    font-size:32px;
    font-family:"Oswald", sans-serif;
    padding:38px;
    background:rgba(0,0,0,0.8);
    z-index:10000;
    color:#fff;
    text-transform:uppercase;
    font-weight:300;
}



#Content .section-header {
    font-size:18px;
    font-family:"Oswald", sans-serif;
    text-transform:uppercase;
    margin:10px;
    margin-top:8px;
    display:block;
}

#Content .hr-box {
    clear:both;
}
#Content .hr {
    height:0;
    border: 0 none;
    border-top:1px solid #948984;
    margin:9px -6px;    
}

.article-content{
    clear: both;
    font-size: 14px;
}

.article-content p, 
.article-content h1, 
.article-content h2, 
.article-content h3, 
.article-content h4,
.article-content h5,
.article-content h6{
    padding:0 10px 10px;
    clear: both;
}
.article-content iframe{
    width: 100% !important;
}
.columns .column{
    float:left;
    width:48%;
}
.columns .column +.column {
    margin-left:4%;
}

#Page #Main h1 {
    margin-bottom:0;
}
#Page #Main > div {
    background:url(img/main-bg.png) repeat;
    padding-bottom:15px;
}
#Page #Main figure {
    position:relative;
    overflow: hidden;
}
#Page #Main h3 {
    font-size:18px;
    font-family:"Oswald", sans-serif;
    text-transform:uppercase;
    margin:30px 0 15px;
}
#Page #Main p {
    margin-bottom:12px;
    line-height:1.35em;
}

#Page #Content .hr {
    margin:21px -6px 9px;
}
#Page #Content.sidebar .hr {
    margin:15px -6px 4px;
}
#Page #Content #Sidebar .hr {
    margin:9px -6px;
}



#Main a {
    color:#9a8200;
}
#Main a:hover {
    text-decoration:underline;
}


.sidebar #Main {
    float:left;
    width:640px;
    position: relative;
    overflow:visible!important;
}
#Article #Main > div,
.sidebar #Main > div {
    background:url(img/main-bg.png) repeat;
}

.sidebar_widget{
    clear: both;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 10px;
}
    #Sidebar .sidebar_widget:first-child{
        border-top: 0px;
        padding-top: 0px;
        margin-top: 0px;
    }


#Article #Main > div figure {
    width:100%; 
    margin-left:0;
    margin-right:0;   
}
#Main > div figure img {
    width: 100%;
    height: auto;
}
#Article #Main > div > article {
    padding:0px;
}
#Main > div .text-box {
    padding:0 15px;
}

/*#Main > div > article {
    padding:0 15px;
}*/

#Main article figure.main-image {
    margin-bottom:2px;
}
#Article #Main article figure.main-image {
    margin-bottom:12px;
}

.text-box p {
    margin-bottom:1em;
    line-height:1.35em;
}


#social-share {
    margin-left:10px;
    margin-top: 15px;
    clear: both;
}
#social-share a {    
    position:relative;
    height:35px;
    line-height:35px;
    padding-left:36px;
    display:inline-block;
    color:#fff;
    text-transform:uppercase;
    font-family:"Oswald", sans-serif;
}
    #social-share a:hover{
        text-decoration: none;
    }
#social-share a i {
    position:absolute;
    left:0;
    display:block;
    width:36px; 
    height:35px;
    background: transparent url(img/social-share-icons.png) no-repeat;
}
#social-share a span {
    display:inline-block;
    height:35px;
    margin-right:7px;    
    width:63px;
    text-align:center;
}
#social-share a span.count-share {
    position:relative;
    width:auto;
    padding:0 6px;
}
#social-share a span.count-share div {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 5px 5px 0;    
    left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
}
#social-share a#facebook-share span {
    background-color:#28437b;    
}
#social-share a#facebook-share span.count-share, 
#social-share a#facebook-share i {
    background-color:#305292;    
}
#social-share a#facebook-share span.count-share div {
    border-color: rgba(48,82,146,0) rgba(48,82,146,1) rgba(48,82,146,0) rgba(48,82,146,0);
}
#social-share a#facebook-share i {
    background-position:8px 9px;
}

.above-comments-ad-wrap > div {
    margin-left: auto;
    margin-right: auto;
}

.fb-comments.fb_iframe_widget{
    display: inline !important;
	overflow: hidden;
}

.fb-comments.fb_iframe_widget span,
.fb_iframe_widget iframe {
    width: 97% !important;
}

.pin-it-btn-wrapper img{
    width: auto !important;
}
#social-share a#pin-share span {
    background-color:#a91b21;    
}
#social-share a#pin-share span.count-share, 
#social-share a#pin-share i {
    background-color:#cb2027;    
}
#social-share a#pin-share span.count-share div {
    border-color: rgba(203,32,39,0) rgba(203,32,39,1) rgba(203,32,39,0) rgba(203,32,39,0);
}
#social-share a#pin-share i {
    background-position:7px -132px;
}

#social-share a#tweeter-share span {
    background-color:#21b2ef;    
}
#social-share a#tweeter-share span.count-share, 
#social-share a#tweeter-share i {
    background-color:#33ccff;    
}
#social-share a#tweeter-share span.count-share div {
    border-color: rgba(51,204,255,0) rgba(51,204,255,1) rgba(51,204,255,0) rgba(51,204,255,0);    
}
#social-share a#tweeter-share i {
    background-position:8px -286px;
}

#social-share a#normal-share span {
    background-color:#e03d12;    
}
#social-share a#normal-share span.count-share, 
#social-share a#normal-share i {
    background-color:#f04e23;
}
#social-share a#normal-share span.count-share div {
    border-color: rgba(240,78,35,0) rgba(240,78,35,1) rgba(240,78,35,0) rgba(240,78,35,0);
}
#social-share a#normal-share i {
    background-position:7px -440px;
}

.fb-comments {
    margin-left:10px;
    margin-right:10px;
}


#main-wrapper,
#Main {
    position:relative;
}




#Sidebar {
    width:300px;
    float:right;
}
#Article #Sidebar {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
}
#Sidebar .post-list li {
    display:block;
    float:left;
    margin:0 8px 6px 8px;
}
#Sidebar .post-list li a {    
    background-color:rgba(0,0,0,0.8);
    display:block;
    position: relative;
}
#Sidebar .post-list li a > img {
    float:left;
}
#Sidebar .post-list li a > div {
    width:162px;
    float:left;
    height:54px;
    padding:8px 11px;
}
#Sidebar .post-list li a > div time {
    color:#f7e90c;
    margin-top:-0.5em;    
    display:inline-block;
    line-height:1.5em;
}
#Sidebar .post-list li a > div h2 {
    color:#fff;
    font-size:14px;
    line-height:1.5em;
    font-family:"Oswald", sans-serif;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
#Sidebar .post-list li a > div p {
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    color:#ccc;
    line-height:1.5em;
}

#Sidebar .post-list li a:hover {
    background:#000;
}
#Sidebar .post-list li a:hover > span {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100px;
    height:70px;
    background:rgba(255,255,255,0.2);
    z-index:1000;
}

#Sidebar #advert-box p {
    text-align:center;
    font-family:"Oswald", sans-serif;
    text-transform: uppercase;    
    font-size:16px;
    margin-top:12px;    
}
#Sidebar #advert-box p a {
    color:#f7e90c;
    font-size:13px;
    line-height:1.5em;
}



#Content .transparent-box {
    background:transparent url(img/main-bg.png) repeat;
    padding:6px;
    margin-bottom:10px;
}
#Content .transparent-box.tiles-box {
    padding-right:0;
    padding-bottom:0;
}


#Article #Main figure,
.tiles-box a {
    float:left;
    position:relative;
    margin-right:6px;
    margin-bottom:6px;    
    height: auto;
}
.tiles-box .right {
    float:right;
}
.tiles-box img {
    float:left;
}
.tiles-box figcaption {
    position:absolute;    
    bottom:0;
    width:100%;    
    z-index:1000;
    height: auto;
    background: rgba(0, 0, 0, 0.8);
}
.tiles-box figcaption {
    height:47px;
}
#Article article .tiles-box .main-image figcaption {
    height:auto;
}
#Article .tiles-box .main-image figcaption {
    bottom: 5px;
}
.tiles-box .main-image figcaption {
    height:51px;
}
.tiles-box figcaption h1,
.tiles-box figcaption h2 {
    color:#fff;
    font-family:"Oswald",sans-serif;
    text-transform: uppercase;
    font-size:14px;
    line-height:47px;
    padding-left:40px;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    width:100%;    
    padding-right:15px;    
}
.tiles-box figcaption h1 {
    font-size:18px;
    line-height:41px;
    padding-left:50px;
}
.tiles-box figcaption h1 a{
    margin-bottom:0;
    color: #fff !important;
}
.tiles-box .featured {
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:97px;
    height:97px;
    background: transparent url(img/featured.png) no-repeat center center;
    text-indent:-9999em;
    z-index: 666;
}
.sticker{
    max-width: 300px; 
    box-sizing: border-box;
    z-index: 8888;
}
    .sticker img{max-width: 100%;}

.followMeBar {
    position: relative;
    max-width: 300px;
}
    .followMeBar img{max-width: 100%;}

.followMeBar.fixed{
    position: fixed;
    top: 10px;
    width: 98%;
}
.followMeBar.fixed.absolute {
/*    position: absolute;*/
}


.wrap_ads{clear: both;max-width: 728px;margin: 0 auto 10px;}
.wrap_ads p{display: none;}


.tiles-box .place-category figcaption h1 {
    background: transparent url(img/home-main-category/place.png) no-repeat 14px 12px;
}
.tiles-box .stay-category figcaption h1 {
    background: transparent url(img/home-main-category/stay.png) no-repeat 14px 12px;;
}
.tiles-box .photo-category figcaption h1 {
    background: transparent url(img/home-main-category/photo.png) no-repeat 14px 12px;;
}
.tiles-box .gadget-category figcaption h1 {
    background: transparent url(img/home-main-category/gadget.png) no-repeat 14px 12px;;
}
.tiles-box .transport-category figcaption h1 {
    background: transparent url(img/home-main-category/transport.png) no-repeat 14px 12px;;
}
.tiles-box .outdoor-category figcaption h1 {
    background: transparent url(img/home-main-category/outdoor.png) no-repeat 14px 12px;;
}
.tiles-box .advert-category figcaption h1 {
    background: transparent url(img/home-main-category/advert.png) no-repeat 14px 12px;;
}
.tiles-box .food-category figcaption h1 {
    background: transparent url(img/home-main-category/food.png) no-repeat 15px 12px;;
}
.tiles-box .architecture-category figcaption h1 {
    background: transparent url(img/home-main-category/architecture.png) no-repeat 14px 12px;;
}
.tiles-box .art-category figcaption h1 {
    background: transparent url(img/home-main-category/art.png) no-repeat 14px 12px;
}


.tiles-box figcaption h2desktop {
    background: transparent url(img/homepage-category-icons.png) no-repeat;
}
.tiles-box .place-category figcaption h2 {
    background-position:12px 16px;
}
.tiles-box .stay-category figcaption h2 {
    background-position:12px -67px;
}
.tiles-box .photo-category figcaption h2 {
    background-position:12px -165px;
}
.tiles-box .gadget-category figcaption h2 {
    background-position:12px -273px;
}
.tiles-box .transport-category figcaption h2 {
    /*background-position:12px -377px;*/
}
.tiles-box .outdoor-category figcaption h2 {
    background-position:12px -494px;
}
.tiles-box .advert-category figcaption h2 {
    background-position:12px -610px;
}
.tiles-box .food-category figcaption h2 {
    background-position:12px -722px;
}
.tiles-box .architecture-category figcaption h2 {
    background-position:12px -832px;
}
.tiles-box .art-category figcaption h2 {
    background-position:12px -932px;
}

.tiles-box .main-image figcaption div {
    padding-left:50px;
    padding-right:35px;
    margin-bottom: 4px;
}
.desktop p a, 
.mobile p a{
    float: none;
    /*    color: #ffffff !important;*/
}
.tiles-box figure article {
    position:absolute;
    bottom:0;    
    text-overflow:ellipsis;
    overflow:hidden;
    padding-left:0px;
    padding-right:0px;    
}
.modif{
    position: relative;
    bottom:2px;
}
.ctgtitle{
    float: none !important;
}
figcaption a.ctgtitle:hover{
    text-decoration: none !important;
}
/*.tiles-box figure article h2 {
    margin-top:4px;
}*/

.tiles-box figure figcaption div {    
    padding-left:40px;
    padding-right:20px;
}
.tiles-box a figure figcaption div {
    display:none;
}
.tiles-box figure figcaption p {
    color:#fff;
}
.tiles-box figure figcaption time {
    color:#f7e90c;
    display:inline-block;
    line-height:1.5em;
}
.modif time{
/*    width:26%;*/
    margin-right: 5px;
}
.tiles-box figure figcaption .spantags{
    width: 73%;
    line-height:1.5em;
}
.tiles-box figure figcaption .spantags a{
    line-height: 1.3;
    margin-bottom: 0 !important;
    margin-right: 0px;
    color: #ffffff !important;
}
.tiles-box figure article p {
    color:#ccc;
    margin-bottom:1em;
    line-height:1.5em;
}
.tiles-box a:hover figcaption {
    top: 0;
    bottom: 0;
    height: 100%;    
}
.tiles-box a:hover article > div {
    display:inherit;
}


.w1h1,
.w1h2,
.w2h2 { 
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.w1h1 img,
.w1h2 img,
.w2h2 img {
    display:none;    
}
.w1h1 {
    width:317px;
    height:177px;    
}
.w1h2 {
    width:317px;
    height:360px;
}
.w2h2 {
    width:640px;
    height:360px;    
}
#Content .container { 
    position:relative;
}
#background-caption {
    color:#fff;
    background: rgba(0,0,0,0.8);    
    /*position:absolute;
    bottom:0;
    right:100%;*/
    line-height:1.25em;
    text-align:right;

    bottom: 6px;
    right: 50%;
    margin-right:496px;
    position: fixed;
}
#background-caption.bottom-sticked {
    position:absolute;
    bottom:0;
    right:100%;
    margin-right:-1px;
}
#Page .sidebar #background-caption.bottom-sticked {
    margin-bottom:10px;
}
#background-caption.wallpaper-on {    
    margin-right:0px;
    left:6px;
    bottom: 6px;
    right:auto!important;
    position: fixed!important;
}

#background-caption p {
    white-space: normal;
    padding:5px 10px;
    width: 85px;
    text-align: right;
}
#background-caption #show-wall {
    display:block;
    background:#000;
    text-transform: uppercase;
    color:#fff;
    font-size:12px;
    font-family:"Oswald", sans-serif;
    height: 25px;
    line-height: 25px;
    position: relative;
    text-align:left;
    display:block;
    text-indent:10px;
}
#background-caption #show-wall span {
    background:transparent url("img/show-wall-icon.png") no-repeat center center;
    position: absolute;
    right:10px;
    top:4px;
    display:block;
    width:15px;
    height:15px;
}


#article-nav {
    position: fixed;
    top: 50%;
    right: 50%;
    margin-right:496px;
    margin-top:-72px;
    z-index:1000;
}
#article-nav li a {
    width:40px;
    height:40px;
    text-indent:-9999em;
    display:block;
    background-image: url(img/article-nav-icons.png);
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.5);
}
#article-nav li + li {
    margin-top:11px;
}
#article-nav #article-prev a {
    background-position: center 14px;
}
#article-nav #article-home {
    background-position: center -89px;
}
#article-nav #article-next a{
    background-position: center -190px;
}

/* article wide collumns banner */
.article-banner {
	float: left;
	padding-right: 10px;
	padding-bottom: 20px;
	/*display: none;*/
}

.article-content p { clear: none; }

.article-wide-columns .su-clearfix:before,
.article-wide-columns .su-clearfix:after 
{
	display: inline;
}

.article-wide-columns .su-quote-style-default:before {
	left: 10px;
}

.article-wide-columns .su-quote-style-default:after {
	right: 10px;
}

#Content.content-absolute {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
}
#Content.content-absolute .container {
    position: static;
}
#Content.content-absolute #background-caption {
    bottom:6px;
    left:6px;
    right:auto;
}


footer {
    min-width:996px;
    padding: 26px 0 26px;
    background:#000;
    color:#cccccc;
    border-bottom:4px solid #f7e90c;
}

/*    .wrap_contact-us footer{
        min-width: 0;
    }*/

#footer-logo {
    float:left;
    margin-right:18px;
    margin-top:1px;
}
#page-info {
    float:left;
}

footer p {
    line-height:1.5em;    
}
footer a {
    color:#cccccc;
}
footer a:hover {
    color:#f7e90c;    
}

footer nav {
    float:right;    
}
footer nav > div {
    float:left;
}
footer nav li + li {
    margin-top:7px;
}
footer nav li a {
    text-transform: uppercase;
    font-family:"Oswald", sans-serif;
    font-size:13px;
    padding-left:40px;
    background-repeat: no-repeat;
    display:block;
    min-height:22px;
    line-height:20px;
}
/*#menu-right-footer li a {
    background-image:url(img/more-navi-icons.png);
}*/
footer nav li a#navi-aboutus {
    background-position:left 3px;
}
footer nav li a#navi-advertise {
    background-position:left -30px;
}
footer nav li a#navi-privacy {
    background-position:1px -63px;
}
footer nav li a#navi-contact {
    background-position:left -94px;
}
/*#menu-right-footer li.twitter a {
    background-position:left -132px;
}
#menu-right-footer li.facebook a{
    background-position:left -166px;
}
#menu-right-footer li.tumblr a{
    background-position:1px -200px;
}*/

footer nav li a#navi-aboutus:hover {
    background-position:left -638px
}
footer nav li a#navi-advertise:hover {
    background-position:left -671px;
}
footer nav li a#navi-privacy:hover {
    background-position:1px -704px;
}
footer nav li a#navi-contact:hover {
    background-position:left -735px;
}
/*#menu-right-footer li.twitter a:hover {
    background-position:left -516px;
}
#menu-right-footer li.facebook a:hover {
    background-position:left -552px;
}
#menu-right-footer li.tumblr a:hover {
    background-position:1px -588px;
}*/


footer nav > div#navi-social {
    margin-right:22px;
    margin-left:65px;
}



/*############## sharebox btns ###############*/

#article-content figure{
    position: relative;
}

.sharebox_btn{
    position: absolute;
    bottom: 15px;
    right: 20px;
    width: 46px;
    padding: 10px 0;
    display: none;
    background: rgba(0, 0, 0, 0.5);
}

    figure figure .sharebox_btn{bottom: 80px;}

    .sharebox_btn li a{
        display: block;
        width: 46px;
        height: 30px;
        margin: 0 auto;
        background: url(img/sharebox_icons.png) no-repeat center 0;
    }
    
    .sharebox_btn li.text_share{
        color: #FFF;
        text-transform: uppercase;
        font-size: 9px;
        font-weight: bold;
        letter-spacing: -1px;
        margin-left: -1px;
        padding: 0 0 7px;
        text-align: center;
    }
    
    .sharebox_btn li .sh_fb{background-position: center 0;}
        .sharebox_btn li .sh_fb:hover{background-position: center -133px;}
        
    .sharebox_btn li .sh_tw{background-position: center -30px;}
        .sharebox_btn li .sh_tw:hover{background-position: center -163px;}
        
    .sharebox_btn li .sh_st{background-position: center -60px;}
        .sharebox_btn li .sh_st:hover{background-position: center -193px;}
        
    .sharebox_btn li .sh_pi{background-position: center -90px;}
        .sharebox_btn li .sh_pi:hover{background-position: center -223px;}





/* sticky footer */

html, body { height: 100%;}
#wrapper { min-height: 100%;}
#Content {
    overflow:auto;
    padding-bottom: 168px;  /* must be same height as the footer */
}
footer {
    position:relative;
    margin-top:-171px; /* negative value of footer height */
    clear:both;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


span.wpcf7-not-valid-tip { 
margin: 0px 0 15px 0;
}


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}