/*
THEME NAME: 8-Bitters
DESCRIPTION: Custom theme developed by DaddyDesign.com for 8-Bitters
VERSION: 1
AUTHOR: Daddy Design
AUTHOR URI: http://www.daddydesign.com/
*/

/* General Settings */
*{ margin: 0; padding: 0; }
img { border: 0; }

body{
font-family: 'Roboto', sans-serif;
font-size: 17px;
color: #000;
background: url(images/ground.svg) repeat top center #008089; 
-webkit-background-size: 50px; 
-moz-background-size: 50px;  
-o-background-size: 50px; 
background-size: 50px; 
}



p { margin-bottom: 20px; line-height: 27px; }

a{ color: #000; text-decoration: none; outline: none; }
a:hover{ text-decoration: none; }

.wf{ font-family: '8bit_wondernominal', sans-serif; }
.wf2{ font-family: 'press_start_2pregular', sans-serif; }

/* HTML5 Elements */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

/* Loader */
.loader{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: #000; text-indent: -9000px; z-index: 9; }
#loader{ position: fixed; z-index: 9999999; }
.loader:before {
content: '';
height: 20px;
width: 20px;
position: absolute;
left:50%; 
top:50%; 
margin-top: -10px;
margin-left: -10px;
-webkit-animation: rotation .6s infinite linear;
-moz-animation: rotation .6s infinite linear;
-o-animation: rotation .6s infinite linear;
animation: rotation .6s infinite linear;
border-left: 6px solid rgba(255, 255, 255, .3);
border-right: 6px solid rgba(255, 255, 255, .3);
border-bottom: 6px solid rgba(255, 255, 255, .3);
border-top: 6px solid rgba(255, 255, 255, 1);
border-radius: 100%;
text-indent: -9000px;
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
.loader.big:before { height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; }
@-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } }
@-moz-keyframes rotation { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(359deg); } }
@-o-keyframes rotation { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(359deg); } }
@keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } }

/* Box Method */
.box{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Round */
.round{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* With Background Image */
.with_bg{
background-color: #000;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover;
}
.with_bg:before{
content: '';
display: block; 
width: 100%; 
height: 100%; 
position: absolute;
top: 0;
left: 0;
background: #000; 
-webkit-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
z-index: 1;
}

/* Button */
.btn{
display: inline-block;
font-size: 15px;
color: #333;
border-left: 2px solid #333; 
border-right: 2px solid #333;
}
.btn span{ display: block; padding: 4px 8px; margin: -2px 0; border-top: 2px solid #333; border-bottom: 2px solid #333; }
.btn:hover{ color: #fff; background: #333; }

/* Image Resizing */
.img img{ display: block; width: auto; max-width: 100%; height: auto; margin: 0 auto; position: relative; }

/* Container */
#container{ width: 100%; float: left; display: block; position: relative; }

/* Header */
#header{ width: 100%; height: 90px; display: block; position: fixed; top: 0; left: 0; background: #000; z-index: 9999; }

#header h1#logo{ width: 244px; height: 50px; float: left; margin: 20px; display: block; text-indent: -9000px; }
#header h1#logo a{ width: 244px; height: 50px; display: block; background: url(images/logo.svg) no-repeat center; }

#nav_btn{ display: none; }
#header .toggle{ display: block; }
#header #nav{ width: auto; float: left; }
#header #nav .wrap{ width: auto; float: left; position: relative; margin-left: -8px; }
#header #nav ul.main{ width: auto; float: left; padding: 0 12px; list-style: none; }
#header #nav ul.main li{ width: auto; float: left; position: relative; }
#header #nav ul.main li a{ height: 90px; display: block; font-size: 15px; color: #fff; line-height: 90px; text-transform: uppercase; padding: 0 8px; position: relative; }
#header #nav ul.main li a:hover{ color: #888; }
#header #nav ul.main li.read a:hover{ color: #ec1c23; }
#header #nav ul.main li.watch a:hover{ color: #1d5ad7; }
#header #nav ul.main li.buy a:hover{ color: #278d22; }
#header #nav ul.main li.art a:hover{ color: #ff6600; }
#header #nav ul.main li.download a:hover{ color: #dbac2a; }

#header #nav .search_form{ float: right;  }
#header #nav .search_form #search_btn{
width: 30px; 
height: 90px;
display: block;
background: url(images/search.svg) no-repeat center; 
-webkit-background-size: 18px 22px; 
-moz-background-size: 18px 22px;  
-o-background-size: 18px 22px; 
background-size: 18px 22px; 
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
text-indent: -9000px; 
cursor: pointer;
position: relative;
z-index: 9;
}
#header #nav .search_form #search_btn:hover{ -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }
.toggle_search{ display: none; }
#header #nav .search_form #searchform{ position: absolute; top: 0; right: 40px; left: 0; bottom: 0; z-index: 9999; }
#header #nav .search_form #searchform::before{ content: ''; width: 6px; height: 6px; display: block; position: absolute; top: 22px; left: 5px; background: #000; z-index: 99999; }
#header #nav .search_form #searchform::after{ content: ''; width: 6px; height: 6px; display: block; position: absolute; bottom: 22px; left: 5px; background: #000; z-index: 99999; }
#header #nav .search_form .field{ display: block; width: 100%; height: 100%; padding: 25px 0 25px 8px; background: #000; position: relative; }
#header #nav .search_form .field::before{ content: ''; width: 6px; height: 6px; display: block; position: absolute; top: 22px; right: -3px; background: #000; z-index: 99999; }
#header #nav .search_form .field::after{ content: ''; width: 6px; height: 6px; display: block; position: absolute; bottom: 22px; right: -3px; background: #000; z-index: 99999; }
#header #nav .search_form .field input{ 
width: 100%; 
height: 100%;
font-family: '8bit_wondernominal', sans-serif;
font-size: 13px;
color: #000;
padding: 0 18px; 
background: #fff;
border: 0;
outline: none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-radius: 0; 
-moz-border-radius: 0; 
-webkit-border-radius: 0;
}
#header #nav .search_form .field input::-webkit-input-placeholder{ color: #000; }
#header #nav .search_form .field input:-moz-placeholder{ color: #000; }
#header #nav .search_form .field input::-moz-placeholder{ color: #000; }
#header #nav .search_form .field input:-ms-input-placeholder{ color: #000; }
#header #nav .search_form .submit{ display: none; }

/* Social Sites */
#header ul.social{ display: block; position: absolute; top: 0; right: 0; padding: 0 20px; list-style: none; }
ul.social li{ width: 32px; height: 32px; float: left; text-indent: -9000px; }
#header ul.social li{ height: 90px; }
ul.social li a{ width: 32px; height: 32px; display: block; background-position: center; background-repeat: no-repeat; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; position: relative; overflow: hidden; }
#header ul.social li a{ height: 90px; }
ul.social li a:hover{ -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }
ul.social li.rss a{ background-image: url(images/rss.svg); }
ul.social li.facebook a{ background-image: url(images/facebook.svg); }
ul.social li.twitter a{ background-image: url(images/twitter.svg); }
ul.social li.instagram a{ background-image: url(images/instagram.svg); }
ul.social li.youtube a{ background-image: url(images/youtube.svg); }
ul.social li.pinterest a{ background-image: url(images/pinterest.svg); }
ul.social li.reddit a{ background-image: url(images/reddit.svg); }
ul.social li.snapchat a{ background-image: url(images/snapchat.svg); }

/* Main */



#main{ width: 100%; float: left; display: block; margin: 90px 0 0; background: #fff; position: relative; }
#home #main, #main.archive, #main.search{ background: #191919; }
#main.page{ background: #000; }

/* Section */
.section{ width: 100%; float: left; position: relative; }
.section .header{ width: 100%; float: left; position: relative; }
.section .content{ width: 100%; float: left; position: relative; }
.section .footer{ width: 100%; float: left; padding: 10px 0 0; position: relative; }

/* Entry */
.entry{ width: 100%; max-width: 1140px; display: block; color: #fff; padding: 80px; margin: 0 auto; position: relative; overflow: hidden; }
.entry.error_404{ text-align: center; }
.entry .header{ width: 100%; float: left; margin: 0 0 30px; position: relative; }
.entry .header h1{ font-size: 56px; font-weight: normal; line-height: 66px; }
.entry .content{ width: 100%; float: left; position: relative; }

/* Archive / Search */
.header.title{ width: 50%; height: 360px; float: left; color: #000; background-color: #fff; position: relative; overflow: hidden; }
.header.title.read{  color: #fff; background: #ec1c23; }
.header.title.watch{  color: #fff; background: #1d5ad7; }
.header.title.buy{  color: #fff; background: #278d22; }
.header.title.art{  color: #fff; background: #ff6600; }
.header.title.download{  color: #fff; background: #dbac2a; }
.header.title .wrap{
width: 80%;
display: block;
position:absolute; 
top: 50%; 
left: 50%; 
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%); 
transform: translate(-50%,-50%);
text-align: center; 
z-index: 9;
}
.header.title .wrap h1{ font-size: 56px; font-weight: normal; line-height: 62px; }
.header.title .wrap h1.with_margin{ margin: 0 0 25px; }
.header.title .wrap h2.sub_title{ font-size: 21px; font-weight: normal; line-height: 31px; padding: 12px 0 0; }
.header.title .wrap .btn{ font-size: 13px; line-height: 13px; color: #fff; border-left: 3px solid #fff; border-right: 3px solid #fff; backface-visibility: hidden; -webkit-filter: blur(0); }
.header.title .wrap .btn span{ display: block; padding: 10px 15px; margin: -3px 0; border-top: 3px solid #fff; border-bottom: 3px solid #fff; backface-visibility: hidden; -webkit-filter: blur(0); }
.header.title .wrap .btn:hover{ color: #000; background: #fff; backface-visibility: hidden; -webkit-filter: blur(0); }
.header.title.read .wrap .btn:hover{ color: #ec1c23; }
.header.title.watch .wrap .btn:hover{ color: #1d5ad7; }
.header.title.buy .wrap .btn:hover{ color: #278d22; }
.header.title.art .wrap .btn:hover{ color: #ff6600; }
.header.title.download .wrap .btn:hover{ color: #dbac2a; }

#main.no_results{ text-align: center; }
#main.no_results .entry .header h2.sub_title{ font-size: 21px; font-weight: normal; line-height: 31px; padding: 20px 0 0; }

/* Posts */
.post.ads-home:before,
.post.ads-home a:before{display: none !important;}
.post.preview{ width: 25%; height: 360px; float: left; background-color: #333; position: relative; overflow: hidden; }
.post.preview.featured{ width: 50%; height: 720px; background-color: #222; }
.post.preview a{ display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; color: #fff; z-index: 9; }
.post.preview a:before{
content: '';
display: block; 
width: 100%; 
height: 100%; 
position: absolute;
top: 0;
left: 0;
background: #000; 
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.8s ease-out 0.3s;
-moz-transition: all 0.8s ease-out 0.3s;
-ms-transition: all 0.8s ease-out 0.3s;
-o-transition: all 0.8s ease-out 0.3s;
transition: all 0.8s ease-out 0.3s;
z-index: 9;
}
.post.preview.read a::before{ background: #ec1c23; }
.post.preview.watch a::before{ background: #1d5ad7; }
.post.preview.buy a::before{ background: #278d22; }
.post.preview.art a::before{ background: #ff6600; }
.post.preview.download a::before{ background: #dbac2a; }
.post.preview:hover a:before{ 
-webkit-opacity: 0.7; 
-moz-opacity: 0.7; 
opacity: 0.7; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 
rule:properties; 
}
.post.preview .header{
width: 80%;
max-width: 680px; 
display: block;
position:absolute; 
top: 50%; 
left: 50%; 
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%); 
transform: translate(-50%,-50%);
border-left: 10px solid #fff;
border-right: 10px solid #fff;
text-align: center; 
z-index: 9;
}
.post.preview .header::before{ content: ''; width: 10px; height: 10px; display: block; position: absolute; top: -5px; left: -5px; background: #fff; }
.post.preview .header::after{ content: ''; width: 10px; height: 10px; display: block; position: absolute; top: -5px; right: -5px; background: #fff; }
.post.preview .header .wrap{ display: block; padding: 25px; margin: -10px 0; border-top: 10px solid #fff; border-bottom: 10px solid #fff; }
.post.preview.featured .header .wrap{ padding: 40px; }
.post.preview .header .wrap::before{ content: ''; width: 10px; height: 10px; display: block; position: absolute; bottom: -5px; left: -5px; background: #fff; }
.post.preview .header .wrap::after{ content: ''; width: 10px; height: 10px; display: block; position: absolute; bottom: -5px; right: -5px; background: #fff; }
.post.preview .header h2{ font-size: 21px; font-weight: normal; line-height: 31px; word-spacing: -10px; text-transform: uppercase; }
.post.preview.featured .header h2{ font-size: 31px; line-height: 41px; word-spacing: -14px; }
.post.preview .header span.meta{ display: block; font-size: 13px; padding: 12px 0 0; }
.post.preview .header span.meta span{ display: inline-block; }
.post.preview .header span.meta span.cat{ padding: 0 18px 0 0; position: relative; }
.post.preview .header span.meta span.cat::after{ content: ''; width: 6px; height: 6px; display: block; position: absolute; top: 4px; right: 6px; background: #fff; }

/* Post Single */
.post.single{width: 100%;float: left;position: relative; padding-bottom: 65px;}
.post.single:after{
    content: '';
    width: 100%;
    height: 73px;
    float: left;
    background: url(images/ground.svg) repeat top center #008089;
    -webkit-background-size: 50px;
    -moz-background-size: 50px;
    -o-background-size: 50px;
    background-size: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1000;
}
.post.single:before{
    content: '';
    width: 34%;
    height: 100%;
    float: left;
    background: url(images/brick.svg) repeat top center #008089;
    -webkit-background-size: 60px 30px;
    -moz-background-size: 60px 30px;
    -o-background-size: 60px 30px;
    background-size: 60px 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
}
.post.single:last-of-type{ padding-bottom: 0; }
.post.single:last-of-type:after{ display:none; }
.post.single .main{width: 66%;float: left;padding: 80px 130px 80px 80px;background: #fff;}
.post.single .main .header{ width: 100%; float: left; margin: 0 0 30px; }
.post.single .main .header h1{ font-size: 44px; font-weight: normal; color: #000; line-height: 58px; text-transform: uppercase; word-spacing: -18px; }
.post.single .main .content{ width: 100%; float: left; margin: 0 0 20px; }
.post.single .main .footer{ width: 100%; float: left; text-align: center; padding: 10px 0; margin: 0 0 40px; position: relative; }
.post.single #comments{ width: 100%; float: left; text-align: center; position: relative; }

/* Post Single - Button */
.post.single a.btn.more{
display: inline-block;
font-size: 21px;
color: #000;
border-left: 10px solid #000;
border-right: 10px solid #000;
text-align: center; 
text-decoration: none;
position: relative;
}
.post.single  a:hover.btn.more{ color: #fff !important; background: #000; }
.post.single a.btn.more::before{ content: ''; width: 10px; height: 10px; display: block; position: absolute; top: -5px; left: -5px; background: #000; }
.post.single a.btn.more::after{ content: ''; width: 10px; height: 10px; display: block; position: absolute; top: -5px; right: -5px; background: #000; }
.post.single a.btn.more span{ display: block; padding: 20px 40px; margin: -10px 0; border-top: 10px solid #000; border-bottom: 10px solid #000; }
.post.single a.btn.more span::before{ content: ''; width: 10px; height: 10px; display: block; position: absolute; bottom: -5px; left: -5px; background: #000; }
.post.single a.btn.more span::after{ content: ''; width: 10px; height: 10px; display: block; position: absolute; bottom: -5px; right: -5px; background: #000; }

.post.single .content a.btn.more{ font-size: 17px; border-left: 6px solid #000; border-right: 6px solid #000; margin: 0 0 20px; }
.post.single .content a.btn.more::before{ width: 6px; height: 6px; top: -3px; left: -3px; }
.post.single .content a.btn.more::after{ width: 6px; height: 6px; top: -3px; right: -3px; }
.post.single .content a.btn.more span{ padding: 15px 25px; margin: -6px 0; border-top: 6px solid #000; border-bottom: 6px solid #000; }
.post.single .content a.btn.more span::before{ width: 6px; height: 6px; bottom: -3px; left: -3px; }
.post.single .content a.btn.more span::after{ width: 6px; height: 6px; bottom: -3px; right: -3px; }

.post.single.read a.btn.more{ color: #ec1c23; border-color: #ec1c23; }
.post.single.read a:hover.btn.more{ background: #ec1c23; }
.post.single.read a.btn.more::before{ background: #ec1c23; }
.post.single.read a.btn.more::after{ background: #ec1c23; }
.post.single.read a.btn.more span{ border-color: #ec1c23; }
.post.single.read a.btn.more span::before{ background: #ec1c23; }
.post.single.read a.btn.more span::after{ background: #ec1c23; }

.post.single.watch a.btn.more{ color: #1d5ad7; border-color: #1d5ad7; }
.post.single.watch a:hover.btn.more{ background: #1d5ad7; }
.post.single.watch a.btn.more::before{ background: #1d5ad7; }
.post.single.watch a.btn.more::after{ background: #1d5ad7; }
.post.single.watch a.btn.more span{ border-color: #1d5ad7; }
.post.single.watch a.btn.more span::before{ background: #1d5ad7; }
.post.single.watch a.btn.more span::after{ background: #1d5ad7; }

.post.single.buy a.btn.more{ color: #278d22; border-color: #278d22; }
.post.single.buy a:hover.btn.more{ background: #278d22; }
.post.single.buy a.btn.more::before{ background: #278d22; }
.post.single.buy a.btn.more::after{ background: #278d22; }
.post.single.buy a.btn.more span{ border-color: #278d22; }
.post.single.buy a.btn.more span::before{ background: #278d22; }
.post.single.buy a.btn.more span::after{ background: #278d22; }

.post.single.art a.btn.more{ color: #ff6600; border-color: #ff6600; }
.post.single.art a:hover.btn.more{ background: #ff6600; }
.post.single.art a.btn.more::before{ background: #ff6600; }
.post.single.art a.btn.more::after{ background: #ff6600; }
.post.single.art a.btn.more span{ border-color: #ff6600; }
.post.single.art a.btn.more span::before{ background: #ff6600; }
.post.single.art a.btn.more span::after{ background: #ff6600; }

.post.single.download a.btn.more{ color: #dbac2a; border-color: #dbac2a; }
.post.single.download a:hover.btn.more{ background: #dbac2a; }
.post.single.download a.btn.more::before{ background: #dbac2a; }
.post.single.download a.btn.more::after{ background: #dbac2a; }
.post.single.download a.btn.more span{ border-color: #dbac2a; }
.post.single.download a.btn.more span::before{ background: #dbac2a; }
.post.single.download a.btn.more span::after{ background: #dbac2a; }

/* Post Single - Sidebar */
.post.single .sidebar{width: 34%;float: left;position: relative;background: url(images/brick.svg) repeat bottom center #008089;-webkit-background-size: 60px 30px;-moz-background-size: 60px 30px;-o-background-size: 60px 30px;background-size: 60px 30px;z-index: 999;}
.post.single .sidebar .image{ width: 100%; float: left; background: #191919; }
.post.single .sidebar .image img{ width: 100%; }
.post.single .sidebar .meta{ width: 100%; float: left; padding: 40px; background: #000; position: relative; }
.post.single.read .sidebar .meta{ background: #ec1c23; }
.post.single.watch .sidebar .meta{ background: #1d5ad7; }
.post.single.buy .sidebar .meta{ background: #278d22; }
.post.single.art .sidebar .meta{ background: #ff6600; }
.post.single.download .sidebar .meta{ background: #dbac2a; }

.post.single .sidebar .meta .date{ float: right; text-align: center; border-left: 10px solid #fff; border-right: 10px solid #fff; position: relative; }
.post.single .sidebar .meta .date::before{ content: ''; width: 10px; height: 10px; display: block; position: absolute; top: -5px; left: -5px; background: #fff; }
.post.single .sidebar .meta .date::after{ content: ''; width: 10px; height: 10px; display: block; position: absolute; top: -5px; right: -5px; background: #fff; }
.post.single .sidebar .meta .date .wrap{ display: block;  padding: 5px; margin: -10px 0; background: #fff; border-top: 10px solid #fff; border-bottom: 10px solid #fff; }
.post.single .sidebar .meta .date .wrap::before{ content: ''; width: 10px; height: 10px; display: block; position: absolute; bottom: -5px; left: -5px; background: #fff; }
.post.single .sidebar .meta .date .wrap::after{ content: ''; width: 10px; height: 10px; display: block; position: absolute; bottom: -5px; right: -5px; background: #fff; }
.post.single.read .sidebar .meta .date{ color: #ec1c23; }
.post.single.watch .sidebar .meta .date{ color: #1d5ad7; }
.post.single.buy .sidebar .meta .date{ color: #278d22; }
.post.single.art .sidebar .meta .date{ color: #ff6600; }
.post.single.download .sidebar .meta .date{ color: #dbac2a; }
.post.single .sidebar .meta .date span{ display: block; padding: 2px 0; }
.post.single .sidebar .meta .date span.month{ font-size: 15px; }
.post.single .sidebar .meta .date span.day{ font-size: 23px; }
.post.single .sidebar .meta .date span.year{ font-size: 13px; }

.post.single .sidebar .meta h3.cat{ font-size: 36px; font-weight: normal; color: #fff; }
.post.single .sidebar .meta .tags{ display: block; clear: both; }
.post.single .sidebar .meta .tags h4{ 
font-size: 18px; 
font-weight: normal;
color: #fff;
padding: 0 0 4px 32px; 
margin: 0 0 18px;
background: url(images/icon_tags.svg) no-repeat left; 
-webkit-background-size: 24px 22px; 
-moz-background-size: 24px 22px;  
-o-background-size: 24px 22px; 
background-size: 24px 22px;  
}
.post.single .sidebar .meta .tags ul{ display: block; list-style: none; }
.post.single .sidebar .meta .tags ul li{ display: inline-block; margin: 0 5px 9px 0; border-left: 2px solid #fff; border-right: 2px solid #fff; }
.post.single .sidebar .meta .tags ul li a{ display: block; font-size: 14px; color: #fff; padding: 4px 8px; margin: -2px 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
.post.single .sidebar .meta .tags ul li a:hover{ color: #000; background: #fff; }
.post.single.read .sidebar .meta .tags ul li a:hover{ color: #ec1c23; }
.post.single.watch .sidebar .meta .tags ul li a:hover{ color: #1d5ad7; }
.post.single.buy .sidebar .meta .tags ul li a:hover{ color: #278d22; }
.post.single.art .sidebar .meta .tags ul li a:hover{ color: #ff6600; }
.post.single.download .sidebar .meta .tags ul li a:hover{ color: #dbac2a; }

.post.single .sidebar .ad{ width: 100%; float: left; color: #fff; text-align: center; }
.post.single .sidebar .ad a{ color: #fff; }
.post.single .sidebar .ad a:hover{ text-decoration: underline; }
.post.single .sidebar .ad.scrolled{
	width:34%;
	top:90px;
	right:0;
	position:fixed;
}
.section.content-ad{
	width: 100%;
    height: 96px;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 96px;
    background: #191919;
}
.section.content-ad a{ color: #fff; }
.section.content-ad a:hover{ text-decoration: underline; }
.preview.ads-home .ads{
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}
.preview.ads-home .ads span{ display: table-cell; vertical-align: middle; }
/* Sharing Widget */
.atss{ top: 90px !important; right: 34% !important; z-index: 99 !important; }
#at4-scc{ display: none !important; }

/* Load More */
.load_more{ display: block; clear: both; margin: 0 0 -65px -5px; position: relative; z-index: 99; }
.load_more a, .load_more .loader{ 
display: block; 
width: 245px;
height: 65px; 
font-family: '8bit_wondernominal', sans-serif; 
font-size: 20px; 
font-weight: bold; 
color: #e3601c;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
text-align: center;
line-height: 62px;
margin: 0 auto;
background: url(images/load_btn_bg.svg) no-repeat center #000; 
overflow: hidden; 
text-align: center; 
position: relative; 
}
.load_more{ display: block; clear: both; position: relative; }
.load_more a:hover{ color: #c74d0e; }
.load_more .loader{ position: relative; top: inherit; left: inherit; width: 245px; height: 65px; display: block; }
.load_more .loader:before { border-left: 6px solid rgba(0, 0, 0, .15); border-right: 6px solid rgba(0, 0, 0, .15); border-bottom: 6px solid rgba(0, 0, 0, .15); border-top: 6px solid rgba(0, 0, 0, 1); }

/* Footer */
#footer{ width: 100%; float: left; text-align: center; position: relative; }
#footer::before{ 
content: ''; 
width: 100%; 
height: 65px; 
float: left; 
background: url(images/brick.svg) repeat top center #008089; 
-webkit-background-size: 60px 30px; 
-moz-background-size: 60px 30px;  
-o-background-size: 60px 30px; 
background-size: 60px 30px;
}
#footer::after{ 
content: ''; 
width: 100%; 
height: 73px; 
float: left; 
background: url(images/ground.svg) repeat top center #008089; 
-webkit-background-size: 50px; 
-moz-background-size: 50px;  
-o-background-size: 50px; 
background-size: 50px;
}
#footer .main{ width: 100%; float: left; padding: 60px; background: #000; position: relative; }
#footer .nav{ width: 100%; float: left; position: relative; }
#footer .nav .btn{ font-size: 13px; line-height: 13px; color: #fff; margin: 0 0 20px; border-left: 3px solid #fff; border-right: 3px solid #fff; }
#footer .nav .btn span{ padding: 10px 15px; margin: -3px 0; border-top: 3px solid #fff; border-bottom: 3px solid #fff; }
#footer .nav .btn:hover{ color: #000; background: #fff; }
#footer .nav ul.menu{ display: block; margin: 0 0 15px; list-style: none; }
#footer .nav ul.menu li{ display: inline-block; margin-right: -4px; position: relative; }
#footer .nav ul.menu li a{ display: block; font-size: 13px; color: #fff; text-transform: uppercase; padding: 6px; position: relative; }
#footer .nav ul.menu li a:hover{ color: #888; }
#footer ul.social{ display: inline-block; }

#footer .meta{ width: 100%; float: left; font-size: 11px; color: #999; line-height: 17px; text-align: center; padding-top: 15px; }
#footer .meta span{ display: block; }
#footer .meta span span{ display: inline; }
#footer .meta span.credits{ margin: 0 0 12px; }
#footer .meta a{ color: #999; }
#footer .meta a:hover{ text-decoration: underline; }
#footer .meta a.dd_logo{ width: 28px; height: 40px; display: inline-block; background: url(images/dd_logo.svg) no-repeat center; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; text-indent: -9000px; }
#footer .meta a:hover.dd_logo{ -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }

#footer .back_top{
width: 50px; 
height: 50px;
display: block;
position: fixed;
bottom: 0;
right: 0;
background: url(images/arrow_up.svg) no-repeat center #000; 
-webkit-background-size: 30px 22px; 
-moz-background-size: 30px 22px;  
-o-background-size: 30px 22px; 
background-size: 30px 22px; 
text-indent: -9000px; 
cursor: pointer;
z-index: 9999;
}

/* Forms */
.wpcf7{ display: block; clear: both; padding: 20px 0 0 !important; }
.wpcf7-form{ width: 100%; display: block; overflow: hidden; position: relative; }
.wpcf7-form fieldset{ width: 100%; float: left; display: block; border: 0; border-bottom: 1px dotted #ccc; padding: 0 0 20px; margin: 0 0 30px; }
.wpcf7-form label{ display: block; font-size: 15px; font-weight: bold; line-height: 20px; text-transform: uppercase; padding: 0 0 0 5px; margin: 0 0 8px; }
.wpcf7-form div.form_radios{ width: 100%; float: left; margin: 0 0 20px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wpcf7-form div.form_radios .wpcf7-list-item{ display: inline-block; padding: 0 4px 4px 0; }
.wpcf7-form div.form_field{ width: 100%; float: left; margin: 0 0 20px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wpcf7-form div.form_field::before{ content: ''; width: 6px; height: 6px; display: block; position: absolute; top: -3px; left: -3px; background: #000; z-index: 99999; }
.wpcf7-form div.form_field::after{ content: ''; width: 6px; height: 6px; display: block; position: absolute; bottom: -3px; left: -3px; background: #000; z-index: 99999; }
.wpcf7-form div.form_field span{ display: block; }
.wpcf7-form div.form_field span::before{ content: ''; width: 6px; height: 6px; display: block; position: absolute; top: -3px; right: -3px; background: #000; z-index: 99999; }
.wpcf7-form div.form_field span::after{ content: ''; width: 6px; height: 6px; display: block; position: absolute; bottom: -3px; right: -3px; background: #000; z-index: 99999; }
.wpcf7-form div.form_field input, 
.wpcf7-form div.form_field select,
.wpcf7-form div.form_field textarea { 
width: 100%; 
display: block; 
font-family: '8bit_wondernominal', sans-serif; 
color: #000;
font-size: 13px; 
padding: 12px 14px;
background: #fff;
border: 1px solid #fff;
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box;
-webkit-appearance: none;
border-radius: 0; 
-moz-border-radius: 0; 
-webkit-border-radius: 0;	
outline: none;
}
.wpcf7-form div.form_field textarea { height: 140px; }
.wpcf7-form div.form_field select{ 
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
padding-right: 32px;
background: url(images/arrow_down.svg) no-repeat right 12px top 50% #fff;
-webkit-background-size: 10px 6px; 
-moz-background-size: 10px 6px;  
-o-background-size: 10px 6px; 
background-size: 10px 6px;
}
.wpcf7-form div.form_field select::-ms-expand { display: none; }
.wpcf7-form div.form_field input::-webkit-input-placeholder{ color: #000; }
.wpcf7-form div.form_field input:-moz-placeholder{ color: #000; }
.wpcf7-form div.form_field input::-moz-placeholder{ color: #000; }
.wpcf7-form div.form_field input:-ms-input-placeholder{ color: #000; }
.wpcf7-form div.form_field select::-webkit-input-placeholder{ color: #000; }
.wpcf7-form div.form_field select:-moz-placeholder{ color: #000; }
.wpcf7-form div.form_field select::-moz-placeholder{ color: #000; }
.wpcf7-form div.form_field select:-ms-input-placeholder{ color: #000; }
.wpcf7-form div.form_field textarea::-webkit-input-placeholder{ color: #000; }
.wpcf7-form div.form_field textarea:-moz-placeholder{ color: #000; }
.wpcf7-form div.form_field textarea::-moz-placeholder{ color: #000; }
.wpcf7-form div.form_field textarea:-ms-input-placeholder{ color: #000; }

.wpcf7-form div.submit{ width: 100%; float: left; clear: both; margin: 0 0 20px; position: relative; }
div.wpcf7 img.ajax-loader{ position: absolute; top: 50%; right: 0; margin-top: -8px; }
.wpcf7-form div.submit input { 
width: auto; 
float: left; 
font-family: '8bit_wondernominal', sans-serif;
font-size: 23px;
color: #fff; 
background: none;
padding: 10px 0;
margin: 0; 
border: 0;
position: relative; 
cursor: pointer;
outline: none;
-webkit-appearance: none;
border-radius: 0; 
-moz-border-radius: 0; 
-webkit-border-radius: 0;	
z-index: 9; 
}
.wpcf7-form div.submit input:hover{ color: #999; }

div.wpcf7-response-output{ 
clear: both;
color: #333 !important;
font-size: 15px;
font-weight: bold;
line-height: 22px;
border: 1px solid #ddd !important;
background: #f9f9f9;
margin: 0 0 20px !important; 
padding: 25px 20px !important;
color: inherit; 
text-align: center;
border-radius: 6px; 
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
}
div.wpcf7-validation-errors{ color: #fff !important; border: 1px solid #ff0000 !important; background: #ff0000; }

span.wpcf7-not-valid-tip {
width: auto !important;
height: 1px;
position: absolute;
overflow: hidden;
background: transparent !important;
border: 0 !important;
border-top: 1px solid #ff0000 !important;
text-indent: -9000px;
top: 0 !important;
left: 5px !important;
right: 5px !important;
bottom: inherit !important;
padding: 0 !important;
}

/* Content Block Universal Code */
/* Begin Images */
.content-block img{ display: block; max-width: 100%; height: auto; padding: 0 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.content-block .aligncenter { display: block; margin: 0 auto; }
.content-block .alignleft{ max-width: 50%; display: inline-block; float: left; padding-right: 30px; vertical-align: top; }
.content-block .alignright{ max-width: 50%; display: inline-block; float: right; padding-left: 30px; vertical-align: top; }
.content-block .alignleft img, .content-block .alignright img{ padding-left: 0; padding-right: 0; }
.content-block .wp-caption{ width: auto !important; text-align: center; margin: 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.content-block .wp-caption.alignleft, .content-block .wp-caption.alignright{ width: 50% !important; padding: 0; }
.content-block .wp-caption.alignleft{ margin-right: 30px; }
.content-block .wp-caption.alignright{ margin-left: 30px; }
.content-block .wp-caption p.wp-caption-text{ display: block; font-size: 15px; font-weight: bold; line-height: 23px; padding: 6px 0; margin: 0; }
.content-block .wp-caption img{ padding: 10px 0 0; margin: 0 auto; }
/* END Images */

/* Begin Image Gallery */
.content-block .gallery{ display: block; clear: left; padding: 10px 0 20px; margin: 0; overflow: hidden; }
.content-block .gallery .gallery_item{ width: 16.6666%; float: left; padding: 10px 10px 10px 0; }
.content-block .gallery .gallery_item a{ display: inline-block; border-left: 5px solid #000; border-right: 5px solid #000; }
.content-block .gallery .gallery_item a span{ display: block; margin: -5px 0; border-top: 5px solid #000; border-bottom: 5px solid #000; }
.content-block .gallery .gallery_item a img{ display: block; width: 100%; max-width: 100%; height: auto; padding: 0; margin: 0 auto; }
/* END Image Gallery */

/* Video */
.content-block embed, .content-block iframe, .content-block object{ max-width: 100%; }
.content-block video { max-width: 100%; height: auto; }

.content-block a{ text-decoration: underline; }
.content-block a:hover{ text-decoration: none; }

.content-block blockquote{ 
font-size: 28px;
font-weight: 100;
line-height: 40px;
padding: 15px 15px 15px 50px;
margin: 0 0 20px;
position: relative;
}
.content-block blockquote:before{ content: '\0201C'; position: absolute; top: 22px; left: 22px; font-size: 50px; font-style: normal; }
.content-block blockquote p{ line-height: 40px; }
.content-block blockquote p:last-child{ margin-bottom: 0; }

.content-block h1, .content-block h2, .content-block h3, .content-block h4, .content-block h5{ font-size: 100%; padding: 25px 0 15px; }
.content-block h1:first-child, .content-block h2:first-child, .content-block h3:first-child, .content-block h4:first-child, .content-block h5:first-child{ padding-top: 0; }
.content-block h1{ font-size: 36px; line-height: 44px; }
.content-block h2{ font-size: 30px; line-height: 38px; }
.content-block h3{ font-size: 26px; line-height: 34px; }
.content-block h4{ font-size: 22px; line-height: 30px; }
.content-block h5{ font-size: 18px; line-height: 26px; }

.content-block ul, .content-block ol{ padding: 0 0 20px 40px; }
.content-block ul{ list-style: square; }
.content-block ul li, .content-block ol li{ padding: 0 0 8px; line-height: 26px; }
.content-block ul li p, .content-block ol li p{ margin: 0 0 15px; }
/* END Content Block Universal Code */

/* Modal Window */
#modal, #mask{
display:none;
width: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999998;
}
#mask{ background: #000; }

.modal_window{
display: none;
position: absolute;
top: 0; 
right: 0; 
left: 0; 
bottom: 0;
margin: 0 0 45px;
z-index: 99999999;
}
.modal_window .loader{ background-color: transparent !important; }

.modal_window_content{
display:none;
width: auto;
height: auto;
background: #fff;
-webkit-box-shadow: 0px 0px 60px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 60px rgba(0,0,0,0.12);
box-shadow: 0px 0px 60px rgba(0,0,0,0.12); 
position: fixed;
z-index: 999999;
}
.modal_window_content .loader{ background-color: transparent !important; }
.modal_window_content .close{
width: 40px;
height: 40px;
display: block;
position: absolute;
top: 0;
right: 0;
text-indent: -9000px;
background: url(images/close.svg) no-repeat center;
-webkit-background-size: 14px; 
-moz-background-size: 14px;   
-o-background-size: 14px;  
background-size: 14px; 
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-radius: 0 0 0 5px; 
-moz-border-radius: 0 0 0 5px; 
-webkit-border-radius: 0 0 0 5px;
z-index: 9;
cursor: pointer;
}
.modal_window_content .close:hover{ border-color: #396faa; }

.controls{
display: none;
width: 100%;
height: 100%;
position: relative;
z-index: 99999999;
}
.controls .wrap{ width: 100%; display: block; position: absolute; bottom: -45px; text-align: center; }
.controls .btns{ width: auto; display: inline-block; margin: 0 auto; }
.controls .btns span{ width: auto; height: 30px; display: inline-block; font-size: 16px; color: #999; line-height: 30px; background: #fff; border-right: 1px solid #000; vertical-align: top; }
.controls .btns span.prev_btn, .controls .btns span.next_btn{ font-size: 21px; line-height: 28px; }
.controls .btns span.next_btn{ border-right: 0; }
.controls .btns .disabled{ color: #aaa; padding: 0 12px;  }
.controls .btns span a{ display: block; color: #333; padding: 0 12px; cursor: pointer; }
.controls .btns span a:hover{ color: #bf2e1a; text-decoration: none; }
.addthis-smartlayers{ position: relative; z-index: 9000; }