@CHARSET "UTF-8";
@charset "utf-8";

 html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  b, u, i, center,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary,  time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
font-family: Helvetica, sans-serif;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,  q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
color: #63d7db;
text-decoration: none;
transition: color 0.25s ease-out 0s;
line-height: 1.6em;
font-weight: normal;
}
a:hover {
color: #63d7db;
text-decoration: none;
transition: none;
}
h2 {
margin: 0 0 11px;
}
h2.three-more {
color: #232F2F;
font-weight: 600;
font-size: 20px;
}
h2#spotify 
{
font-size: 25px;
margin-left: 28px;
color: white;
}
h4 a {
font-family: Helvetica, sans-serif;
font-size: 13px;
line-height: 13px;
font-weight: bold;
color: #5AC6CA;
}
h4 a:hover {
color: white;
text-decoration: none;
background: #63d7db;
padding: 3px 5px;
margin: -3px -5px;
transition: none;
}
body {
background: none repeat scroll 0 0 #0e1e1f;
font-family: Helvetica, sans-serif;
}
.article_w {
width: 700px !important;
}
.container {
width: 1030px;
margin: 0 auto;
}
.img-align-center {
margin: 38px 0;
}
header {
float: left;
width: 100%;
}
.logo {
float: left;
height: 60px;
margin: 22px 5px 0;
width: 215px;
}
.logo > a {
background-repeat: no-repeat;
height: 50px !important;  
}
img#header-logo {
width: 100%;
}
.advert {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
float: right;
height: 90px;
margin: 9px 0 0;
width: 805px;
}
.menu {
margin: 0px;
}
.menu {
float: left;
position: relative;
width: 100%;
}
.de {
display: none !important;
}
nav {
float: left;
}
.search_responsive {
display: none;
}
nav ul li a {
color: white;
float: left;
font-family: 'Open Sans Condensed';
font-size: 22px;
font-weight: bold;
line-height: 25px;
padding: 12px 20px;
text-decoration: none;
text-transform: uppercase;
}
nav ul li {
float: left;
list-style: outside none none;
}
nav ul {
margin: 10px 0 0;
padding: 0;
width: auto;
float: left;
}
nav ul li a:hover {
color: #63D7DB;
}
nav ul li.current-menu-item a, .post-type-archive-pov .pov-menu a, .single-pov .pov-menu a {
color: #63d7db;
background: none;
}
.sticky nav ul li.current-menu-item a {
color: black;
background: #63d7db none repeat scroll 0 0;
}
.right-top-search {
float: right;
position: relative;
top: 5px;
width: 100%;
}
.bttn-rsd {
position: relative;
}
.search-aria-bottom button {
position: static!important;
}
.search-aria button {
background: #3b4c4d none repeat scroll 0 0;
border: 0 none;
color: #fff;
float: right;
font-size: 11px;
margin: 6px 1px 0 0;
padding: 6px 6px;
position: absolute;
right: 0;
}
.search-aria-top button {
float: left;
}
.right-links ul li a {
color: #96adae;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.menu-secondary-menu-container .menu {
margin: 0 0 3px;
position: relative;
z-index: 9999;
}
.search-aria button:hover {
cursor: pointer;
color: #63d7db;
}
.search-aria-top input {
float: left!important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.search-aria button {
padding: 6px 8px;
}
.search-aria-bottom button {
padding: 7px 8px 8px 8px;
}
}
.search-aria input {
background: none repeat scroll 0 0 #3b4c4d;
border: 1px solid rgba(59, 76, 77, 0.69);
color: #fff;
float: right;
font-size: 11px;
height: 23px;
margin: 6px 3px 0;
padding: 0 0 0 16px;
width: 75.4%;
}
.rs-search-ba {
}
.right-links li {
display: inline;
list-style: outside none none;
margin: 0 0 0 20px;
}
.right-links > ul {
margin: 0;
padding: 0;
}
.right-links {
float: right;
margin: 0;
padding: 5px 0;
text-align: right;
width: 100%;
}
.right-links {
float: right;
margin: 0;
padding: 0 0 10px;
width: 100%;
}
.sticky .sb-search.sb-search-open, .no-js .sb-search {
margin: 1px 0 0;
}
.sticky #menu-dropdown {
margin: 0 !important;
}
.sticky .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
left: 0;
position: absolute;
width: 0;
}
.sticky .sb-search-input {
font-size: 12px;
}
.sticky .sb-search {
margin-top: -1px;
}
.search-aria {
float: right;
height: 35px;
margin: 0;
overflow: hidden;
width: 100%;
}
.search-aria input:focus {
border: 1px solid #3d7073;
transition: all 2.5s ease 0s;
}
.right-links ul li a:hover {
color: #63d7db;
}
aside, #sidebar {
float: right;
height: auto;
width: 328px;
margin: 8px 0 0;
}
aside li, #sidebar li {
height: auto;
padding: 11px 0;
}
aside li, #sidebar li {
border-bottom: 1px solid #ccc;
height: auto;
padding: 11px 0;
width: 83%;
list-style: none;
transition: all 2.5s ease 0s;
} .hover_right_box {
border-bottom: 1px solid #3b4c4d;
color: white;
cursor: pointer;
float: left;
font-family: Helvetica, sans-serif;
height: 72.4px;
margin: 0 0 0 23px;
padding: 0;
transition: all 0.5s ease 0s;
vertical-align: middle;
width: 87%;
}
.letest_poste {
color: #63d7db;
font-family: helvetica;
font-size: 15px;
letter-spacing: 3px;
line-height: 16px;
margin-bottom: 8px;
margin-left: 30px;
text-align: left;
margin-top: 13px;
}
.hover_right_box > strong {
float: left;
line-height: 73px;
color: #62d6da;
padding: 1px 20px 0 8px;
font-family: 'Open Sans Condensed';
}
.hover_right_box a {
color: #232F2F;
display: table-cell;
font-family: Helvetica, sans-serif;
font-size: 15px;
height: 73px;
line-height: 18px;
text-decoration: none;
transition: all 0s ease -0.5s;
vertical-align: middle;
width: 77%;
padding-right: 5px;
}
.hover_right_box a:hover {
color: #000;
}
.hover_right_box:hover {
background: none repeat scroll 0 0 #63d7db;
color: #63d7db;
transition: all 0s ease 0s;
}
.hover_right_box a.homepage-reading-list {
color: white;
font-size: 14px;
line-height: 19px
}
.da-thumbs {
list-style: outside none none;
margin: 0;
padding: 0;
position: relative;
}
.da-thumbs li {
float: left;
position: relative;
}
.da-thumbs li a,  .da-thumbs li a img {
display: block;
position: relative;
}
.da-thumbs li a {
overflow: hidden;
}
.da-thumbs li a div {
background: -moz-linear-gradient(left center, #0d5053, #63d7db) repeat scroll 0 0 rgba(0, 0, 0, 0);
color: white;
height: 100%;
opacity: 0.85;
transition: all 0.2s ease 0s !important;
position: absolute;
width: 100%;
background: -webkit-gradient(linear, left top, right top, from(#0D5053), to(#63d7db));
background: -moz-linear-gradient(center left, #0D5053, #63d7db);
}
.da-thumbs li a div span {
bottom: 62px;
color: white;
display: block;
font-family: Helvetica, sans-serif;
font-size: 19px;
font-weight: bold;
margin: 50px 20px 20px;
padding: 10px 0;
position: absolute;
width: 278px;
z-index: 24;
}
.article {
width: 560px;
float: left;
margin: 16px 0 32px;
background: #FDFDFD;
padding: 30px 50px;
} .single-galleries .interview_article_box_container article p 
{
color: white !important;
}
article.mighty {
background: none !important;
padding: 0px !important;
}
.article#homepage-image-features {
background:none;
padding: 0;
margin: 22px 0px 0px 0px;
}  .sb-search {
}
.sb-search.sb-search-open, .no-js .sb-search {
margin-left: 4px !important;
}
.da-thumbs li a div {
top: 0px;
opacity: 0;
left: 0;
-webkit-transition:transition: opacity 0.2s ease-in-out 0s;;
-moz-transition:transition: opacity 0.2s ease-in-out 0s;;
-o-transition:transition: opacity 0.2s ease-in-out 0s;;
-ms-transition:transition: opacity 0.2s ease-in-out 0s;;
transition: transition: opacity 0.2s ease-in-out 0s;;
}
.da-thumbs li a div span {
left: -500px;
transition: all 0.1s ease-in-out 0s;
}
.da-thumbs li a:hover div > span {
left: 0;
}
.da-thumbs li a:hover div {
opacity: 0.9;
}
.gellry-btn {
background: none repeat scroll 0 0 black;
bottom: 24px;
color: white;
font-family: 'Open Sans Condensed';
font-size: 40px;
left: 19px;
padding: 13px 12px 14px 12px;
position: absolute;
text-transform: uppercase;
}
.nw1:hover .gellry-btn {
color: #63d7db;
transition: all 1.5s ease 0s;
}
.nw2:hover .gellry-btn {
color: #63d7db;
transition: all 1.5s ease 0s;
}
.slider-img {
float: left;
height: 401px;
overflow: hidden;
width: 100%;
}
.hover-box-container {
float: left;
width: 100%;
}
.hover-box:first-child {
margin: 23px 0 0;
}
.hover-box {
background: none repeat scroll 0 0 #fff;
float: left;
height: 185px;
margin: 23px 0 0 29px;
overflow: hidden;
width: 335px;
}
.gellry-btn-light {
font-size: 40px !important;
}
section {
float: left;
width: 100%;
}
.article i {
font-style: italic;
}
.article strong {
font-weight: 500;
}
.article blockquote {
padding-left: 18px;
border-left: 6px solid #848484;
}
.article h2 {
margin: 25px 0px 10px 0px;
}
.article h3 {
color: #232F2F;
text-decoration: none;
font-size: 25px;
font-family: 'Open Sans Condensed';
font-weight: 500;
line-height: 28px;
text-transform: uppercase;
margin: 25px 0px 10px 0px;
}
.article h4 {
color: #232F2F;
text-decoration: none;
font-size: 21px;
font-family: 'Open Sans Condensed';
line-height: 24px;
text-transform: none;
margin: 0px 0px 12px 0px;
font-weight: 600;
}
.article h5 {
color: #232F2F;
text-decoration: none;
font-size: 15px;
font-family: Helvetica, sans-serif;
line-height: 25px;
text-transform: none;
margin: 0px 0px 4px 0px;
font-weight: bold;
}
.article h6 {
color: #232F2F;
text-decoration: none;
font-size: 10px;
font-family: Helvetica, sans-serif;
line-height: 25px;
text-transform: uppercase;
margin: 0px 0px 4px 0px;
font-weight: normal;
}
.strong {
color: #ebebeb;
float: left;
font-family: 'Open Sans Condensed';
font-size: 27px;
font-weight: normal;
margin-right: 4px;
text-transform: uppercase;
width: auto;
}
.news-links {
color: white;
float: right;
height: auto;
width: 36%;
font-size: 11px;
}
.more_lins_this li {
color: #63d7db;
float: left;
margin-right: 4px !important;
}
.more_lins_this li a {
color: #63d7db !important;
font-family: Helvetica, sans-serif;
font-size: 11px !important;
}
.white {
color: #fff !important;
font-size: 11px !important;
margin-top: 3px !important;
}
.more_lins_this li a:hover {
color: #fff !important;
}
.news-links a {
color: #63d7db;
margin: 36px 0 28px;
text-decoration: none;
}
.news-links a:hover {
color: #fff;
}
.new-right-liks {
float: right;
margin-right: 3px !important;
}
h1 {
color: #232F2F;
float: left;
font-family: 'Open Sans Condensed';
font-size: 2em;
text-transform: uppercase;
width: 100%;
margin: 0 0 20px;
line-height: 1.1em;
}
.posts-group-detail {
width: 100%;
float: left;
margin: 0 0 45px;
}
.hfeed div {
float: left;
margin: 0 0 16px;
width: 100%;
}
.posts-group-detail a { }
.posts-group-detail a:hover {
color: #FFF;
}
p {
font-size: 15px;
line-height: 1.7em;
margin-bottom: 1.7em;
color: #232F2F;
}
.page_new_continue a {
background: none repeat scroll 0 0 #474e56;
color: white;
float: left;
font-family: Helvetica, sans-serif;
font-size: 15px;
margin: 0 24px 0 0;
padding: 7px 27px;
text-decoration: none;
transition: color 0.25s ease-out 0s;
}
.page_new_continue {
float: left;
margin: 29px 0 55px;
width: 100%;
transition: all 0.5s ease 0s;
}
.page_new_continue a:hover {
background: none repeat scroll 0 0 #63D7DB;
transition: all 0.5s ease 0s;
color: #000;
}
.date_section {
color: #5AC6CA;
float: left;
width: 100%;
margin: 39px 0 0;
}
.date_section a {
color: #5AC6CA;
font-size: 11px;
text-decoration: none;
transition: all 0.5s ease 0s;
}
.date_section a:hover {
color: #232F2F;
text-decoration: none;
}
.year_color {
color: #232F2F;
}
.adte_hadding {
color: #232F2F;
float: left;
margin: 0 21px 0 0;
}
.table_container {
margin: 0 0 52px;
width: 100%;
}
h4 {
font-family: 'Open Sans Condensed';
font-size: 23px;
color: #fff;
font-weight: normal;
margin-bottom: 15px;
text-transform: uppercase;
}
.date_section_hadding {
float: left;
width: 71%;
}
.search-aria-bottom input {
width: 79.4%;
}
.widget {
border-top: 0px solid #7b8997;
color: white;
float: left;
margin: 0 0 0 27px;
width: 91%;
padding: 2px 0 75px;
}
.widget li {
border-bottom: 0 solid #ccc;
height: auto;
line-height: 17px;
list-style: outside none none;
padding: 0;
transition: all 0.5s ease 0s;
width: auto;
}
.widget li a {
color: white;
font-size: 12px;
text-decoration: none;
}
.widget-title {
font-size: 11px;
}
.foter_section_box:first-child {
margin: 25px 47px 38px 0;
width: 179px;
}
.foter_section_box {
float: left;
height: 200px;
margin: 25px 0 0 41px;
width: 226px;
}
.foter_section_box > ul {
float: left;
}
.right_aligen_links {
float: right !important;
}
.foter_section_box a {
color: white;
font-size: 13px;
line-height: 1.3em;
text-decoration: none;
font-weight:normal;
}
.foter_section_box a:hover {
color: white;
text-decoration: none;
background: #63d7db;
padding: 3px 5px;
margin: -3px -5px;
transition: none;
}
.foter_section_box a:hover span {
color: #63D7DB;
transition: all 0.5s ease 0s;
}
.foter_section_box span {
color: #8d9393;
}
.foter_section_box strong {
color: #8d9393; 
font-weight: normal; 
margin-left: 5px;
}
.foter_section_box h3 {
color: #63d7db;
font-family: 'Open Sans Condensed';
font-size: 17px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 600;
} .article_news {
margin: 60px 0 32px;
}
.aside_news {
margin: 0 0 0;
}
.active {
padding: 2px 0;
}  .rader_long_box {
background: none repeat scroll 0 0 white;
float: left;
height: 329px;
margin: 18px 18px 18px 2px;
overflow: hidden;
width: 649px;
} .rader_small_box_se {
background: none repeat scroll 0 0 #fff;
float: left;
height: 329px;
margin: 17px 15px 0 2px;
overflow: hidden;
width: 347px;
} .rader_small_box {
background: none repeat scroll 0 0 #fff;
float: left;
height: 329px;
margin: 18px 0 0;
overflow: hidden;
width: 347px;
}
.gellry-text {
color: #fff;
font-family: 'Open Sans Condensed';
font-size: 40px;
font-weight: normal;
position: absolute;
margin: 20px;
position: absolute;
text-shadow: 3px 3px 4px #000;
text-transform: uppercase;
top: 20px;
z-index: 3;
line-height: 32px;
}
.rader_nav_left {
background: none repeat scroll 0 0 #436b72;
float: left;
height: 54px;
margin: 0 18px 0 2px;
position: relative;
width: 251px;
}
.rader_nav_right {
background: none repeat scroll 0 0 #436b72;
float: left;
height: auto;
position: relative;
width: 744px;
}
.rader_nav_hadding {
float: left;
margin: 18px 0 0;
width: 100%;
}
.rader_nav_left h3 {
color: white;
float: left;
font-family: 'Open Sans Condensed';
font-size: 22px;
font-weight: normal;
padding: 16px 20px;
text-transform: uppercase;
white-space: nowrap;
}
.rader_nav_right p {
color: white;
float: right;
font-size: 13px;
margin: 0;
padding: 6px 21px;
width: 94%;
} .interview_top_img {
background: none repeat scroll 0 0 #485657;
float: left;
height: auto;
width: 425px;
}
.interview_article_section {
float: left;
margin: 37px 0 0;
width: 100%;
}
.interview_padding h3 {
font-size: 11px;
font-weight: normal;
margin-bottom: 10px;
color: #FFF;
float: left;
text-transform: uppercase;
}
.interview_padding {
padding: 15px;
float: left;
}
.interview_img_box {
background: none repeat scroll 0 0 #fff;
border: 2px solid #578384;
float: left;
height: 213px;
overflow: hidden;
width: 97.3%;
}
.interview_img_box:hover {
border: 2px solid #fff;
transition: 1.25s ease-out 0s;
}
.interview_padding h2 {
float: left;
font-family: 'Open Sans Condensed';
font-size: 23px;
margin: 2px 0 0;
}
.interview_padding h2 a {
color: #63d7db;
}
.interview_padding h2 a:hover {
color: #fff;
transition: 1.25s ease-out 0s;
}
.interview_padding p {
color: white;
float: left;
font-size: 11px;
width: 100%;
}
.clear {
clear: both;
}
.widget > h4 {
font-size: 11px;
}
.audio-player-header > a {
color: #63d7db;
float: left;
font-size: 17px;
font-weight: bold;
line-height: 22px;
text-decoration: none;
width: 87%;
}
p {
font-family: Helvetica, sans-serif;
text-transform: none;
width: 100%;
}
.interview_article_box_container {
border-bottom: 0px solid #58626c;
float: left;
margin: 0px;
padding: 0px;
width: 100%;
}
.interview_article_box_container article {
background: none;
margin: 0;
padding: 0;
}
.interview_article_box_container p {
color: #232F2F;
}
article #content .entry-content iframe {
width: 100% !important;
} 
.interview_article_box {
float: left;
width: 100%;
}
.interview_link_top {
width: 100%;
float: right;
}
.interview_link_top a {
color: #63d7db;
float: right;
}
.interview_link_top a:hover {
color: #fff;
}
.post-date {
color: #909090;
font-size: 10px;
margin: 0px 0 5px;
float: left;
}
.post-title-hd {
float: left;
font-family: 'Open Sans Condensed';
font-size: 22px;
font-weight: 600;
line-height: 24px;
text-transform: uppercase;
width: 100%;
color: #232F2F;
}
.post-title-hd a {
color: #63d7db;
float: left;
margin: 5px 0 19px;
transition: all 1.25s ease-out 0s;
width: 100%;
text-decoration: none;
}
.post-title-hd a:hover {
transition: none !important;
}
.posts-group-detail a:hover h2 {
color: #fff !important;
}
.interview_article_box a:hover h2 {
color: white !important;
text-decoration: none !important;
background: #63d7db !important;
padding: 4px 8px !important;
margin: 21px -8px 6px -8px !important;
transition: none !important;
}
.interview_article_box p {
margin-bottom: 36px;
}
.interview_link_right {
float: right;
}
.interview_link_right a {
color: #63d7db;
}
.interview_link_left a {
color: #63d7db;
}
.interview_link_left a:hover {
color: #fff;
}
.interview_link_right a:hover {
color: #fff;
}
.grey {
color: #909090;
}
.interview_link_bottom {
float: left;
width: 100%;
}
.tweter_link {
float: right;
margin: 7px 0 0;
width: 100%;
}
.tweter_link > a {
float: right;
}
.more_interview {
font-family: 'Open Sans Condensed';
font-size: 19px;
color: white;
font-weight: normal;
margin-bottom: 0;
text-transform: uppercase;
}
.top_fixd {
float: left;
left: 0;
margin-left: auto;
margin-right: auto;
position: fixed;
right: 0;
margin-top: -16px;
width: 82%;
z-index: 33333;
all 1.5s ease 0s;
display: none;
}
.top_fixd nav ul li a {
padding: 11px 75px;
} .gellry_top_fav {
float: left;
height: auto;
margin: 0 0 0 36px;
width: 54%;
}
.gellry_top_fav h3 {
font-size: 11px;
font-weight: normal;
margin-bottom: 7px;
color: #FFFFFF;
padding-top: 4px;
text-transform: uppercase;
}
.cover_boxes:first-child {
margin: 0;
}
.cover_boxes {
float: left;
height: auto;
margin: 0 0 0 50px;
width: 249px;
}
.cover_boxes h2 {
font-size: 23px;
font-weight: normal;
font-family: 'Open Sans Condensed';
line-height: 33px;
text-transform: uppercase;
text-overflow: ellipsis;
}
.cover_boxes a {
color: #63d7db;
display: block;
overflow: hidden;
text-overflow: ellipsis;
transition: color 0.25s ease-out 0s;
white-space: nowrap;
width: 100%;
}
.cover_boxes a:hover {
color: #fff;
}
.cover_boxes img {
border: 2px solid #578384;
transition: 1.25s ease-out 0s;
}
.cover_boxes img:hover {
border: 2px solid #fff;
}
.top_box_cover {
float: left;
width: 100%;
}
.photo-sponsor {
background: none repeat scroll 0 0 #202529;
float: left;
height: 126px;
margin: 32px 0 0;
width: 100%;
}
.photo-sponsor h3 {
border: 0 none;
color: #63d7db;
font-size: 11px;
font-weight: normal;
margin-bottom: 10px;
padding-top: 7px;
text-transform: uppercase;
}
.photo-sponsor p {
color: #fff;
font-size: 11px;
font-family: Helvetica, sans-serif;
width: 276px;
}
.sponsor-pad > img {
float: right;
position: absolute;
right: 29px;
top: 13px;
}
.sponsor-pad {
padding: 0 0 0 9px;
position: relative;
}
.article_gellry_box h1 {
border-bottom: 1px solid #58626c;
color: #ebebeb;
font-family: 'Open Sans Condensed';
font-size: 23px;
font-weight: normal;
margin-bottom: 28px;
padding-bottom: 8px;
text-transform: uppercase;
}
.article_box_container {
float: left;
width: 100%;
margin: 0 0 67px;
}
.article_box:first-child {
margin: 0;
}
.article_box {
float: left;
height: auto;
margin: 0 0 0 22px;
width: 240px;
}
.article_box h2 a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 235px;
transition: color 0.25s ease-out 0s;
color: #63d7db;
font-family: Helvetica, sans-serif;
font-size: 14px;
}
.article_box h2 a:hover {
color: #fff;
}
.article_box a img {
border: 2px solid #578384;
max-height: 135px;
max-width: 235px;
margin: 8px 0 0;
transition: 0.25s ease-out 0s;
width: 98%;
}
.article_box a img:hover {
border: 2px solid #fff;
}
.more_gellry {
float: left;
width: 100%;
font-family: 'Open Sans Condensed';
font-size: 19px;
font-weight: normal;
margin-bottom: 12px;
color: #FFF;
text-transform: uppercase;
}
.moz_hight {
height: 25px !important;
}  .zoming_img_box {
background: none repeat scroll 0 0 #fff;
float: left;
height: 160px;
overflow: hidden;
width: 100%;
border: 1px solid #878c8d;
transition: 0.25s ease-out 0s;
}
.zoming_img_box:hover {
border: 1px solid #fff;
} .fader {
display: inline-block;
height: 256px;
overflow: hidden;
position: relative;
width: 100%;
}
.fader img { width: 100%;
height: 100%; line-height: 0; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.fader img:hover { width: 120%;
transform: rotate(10deg) scale(1.2);
height: 120%;
}
.fader .text { z-index: -10; position: absolute;
top: 50%;
left: 50%;
}
.fader .text p { margin-top: -50%;
margin-left: -50%;
}
.widget h2 a {
color: #63d7db;
float: left;
font-size: 17px;
line-height: 19px;
margin: 40px 0 7px;
width: 100%;
text-decoration: none;
transition: color 0.25s ease-out 0s;
font-family: 'Open Sans Condensed', Helvetica, sans-serif;
text-transform: uppercase;
font-weight: normal;
}
.widget h2 a:hover {
color: #fff;
}
.zoom_box_aria {
float: left;
width: 100%;
}
.latest-acros li a {
border-bottom: 0 none;
color: #63d7db;
transition: color 0.25s ease-out 0s;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1.5em;
text-decoration: none;
text-transform: uppercase;
}
.latest-acros li a:hover {
color: #fff;
transition: color 0.25s ease-out 0s;
}
.rew_links a {
font: 12px Helvetica, sans-serif !important;
text-transform: none !important;
}
.sticky .sb-search.sb-search-open, .no-js .sb-search {
margin-left: 0 !important;
}
.latest-acros li {
border-bottom: 0 none;
color: #63d7db;
margin: 23px 0 0;
padding: 0;
width: 100%;
transition: color 0.25s ease-out 0s;
}
.rew_links {
margin: 0 !important;
}
.latest-acros {
float: left;
width: 100%;
}
.latest-acros li:first-child {
margin: 0;
}
.latest-acros-pad {
border: 1px solid #ccc;
padding: 12px 12px 12px 12px;
width: 92%;
}
.latest-acros {
float: left;
padding: 0 0 0 0;
width: 100%;
}   .posts-scroller {
position: relative;
}
.posts-scroller ul {
overflow: hidden;
margin-right: 36px;
height: 294px;
white-space: nowrap;
}
.posts-scroller ul li {
display: inline-block;
width: 135px;
white-space: normal;
vertical-align: top;
margin-right: 15px;
height: 265px;
overflow: hidden;
}
.posts-scroller .preview {
border: 2px solid #578384;
display: block;
overflow: hidden;
height: 132px;
width: 131px;
overflow: hidden;
}
.posts-scroller img {
display: block;
min-width: 131px;
min-height: 132px;
width: 100%;
height: auto;
}
.posts-scroller a {
display: block;
}
.posts-scroller a strong {
font-family: 'Open Sans Condensed';
font-size: 19px;
display: block;
margin-bottom: 10px;
font-weight: normal;
color: #63d7db;
}
.posts-scroller em {
color: #63d7db;
display: block;
font-size: 11px;
}
.posts-scroller a:hover strong {
color: #FFF;
}
.posts-scroller a:hover em {
color: #FFF;
}
.posts-scroller a:hover .preview {
border-color: #FFF;
}
.posts-scroller.active-scroller .fader-scroll-right, .posts-scroller.active-scroller .fader-scroll-right {
height: 250px;
}
.posts-scroller.active-scroller .fader-scroll-right {
right: 36px;
}
.news-scroller {
position: relative;
padding-bottom: 50px;
margin-top: 90px;
}
.news-scroller li {
background: url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/img/bullet.png) right center no-repeat;
padding-right: 14px;
margin-right: 7px;
}
.news-scroller li:last-child {
background: none;
padding-right: 0;
}
.news-scroller a:hover {
color: white;
}
.news-scroller.active-scroller ul {
margin: 0 20px;
}
.news-scroller.active-scroller .previous-scroll-arrow, .news-scroller.active-scroller .next-scroll-arrow {
background-image: url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/img/arrows-small.png);
width: 20px;
height: 20px;
top: 43px;
}
.news-scroller.active-scroller .previous-scroll-arrow {
background-position: 0 0;
left: 0;
}
.news-scroller.active-scroller .previous-scroll-arrow:hover {
background-position: 0 -20px;
}
.news-scroller.active-scroller .next-scroll-arrow {
background-position: -20px 0;
}
.news-scroller.active-scroller .next-scroll-arrow:hover {
background-position: -20px -20px;
}
.news-scroller.active-scroller .fader-scroll-right, .news-scroller.active-scroller .fader-scroll-left {
height: 30px;
}
.news-scroller.active-scroller .fader-scroll-right {
right: 20px;
}
.news-scroller.active-scroller .fader-scroll-left {
left: 20px;
}
.latest-across li {
padding-bottom: 15px;
display: block;
}
.scroller ul {
overflow: hidden;
white-space: nowrap;
}
.scroller ul li {
display: inline-block;
white-space: normal;
zoom: 1;
*display: inline;
}
.news-scroller ul li {
height: 30px;
}
*:first-child+html .posts-scroller ul {
} *:first-child+html .scroller ul li {
display: inline;
zoom: 1;
} *:first-child+html .posts-scroller ul li {
display: inline;
height: 294px
} .active-scroller {
position: relative;
}
.active-scroller ul {
overflow: hidden;
position: relative;
}
.active-scroller .previous-scroll-arrow, .active-scroller .next-scroll-arrow {
position: absolute;
top: 0px;
width: 36px;
height: 356px;
background: url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/css/images/buttons/arrows.png) 0 0 no-repeat;
cursor: pointer;
z-index: 3;
}
.active-scroller .previous-scroll-arrow {
right: 100%;
background-position: 0 0;
}
.active-scroller .previous-scroll-arrow:hover {
background-position: 0 -356px;
}
.active-scroller .next-scroll-arrow {
right: 0;
background-position: -36px 0;
}
.active-scroller .next-scroll-arrow:hover {
background-position: -36px -356px;
}
.active-scroller .fader-scroll-left, .active-scroller .fader-scroll-right {
position: absolute;
width: 20px;
z-index: 2;
background: url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/css/images/backgrounds/fader.png) 0 0 repeat-y;
display: none !important;
height: 0 !important;
}
.active-scroller .fader-scroll-left {
background-position: -20px 0;
left: 0;
}
.active-scroller .fader-scroll-right {
background-position: 0 0;
right: 0;
}
.active-scroller .scroll-bar {
position: absolute;
left: 0;
bottom: 0;
height: 17px;
z-index: 3;
background: url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/css/images/backgrounds/scrollbar.png) right 0 no-repeat;
}
.active-scroller .scroll-bar-handle {
position: absolute;
height: 100%;
width: 91px;
top: 0;
left: 0;
cursor: default;
background: url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/css/images/backgrounds/scrollbar-handle.png) 0 0 no-repeat;
}  .page-content-top {
float: left;
width: 100%;
}
.page-content-box-con h4 {
color: white;
float: left;
font-family: 'Open Sans Condensed';
font-size: 23px;
font-weight: normal;
margin-bottom: 4px;
margin-top: 30px;
text-transform: uppercase;
}
.page-content-box {
border-top: 1px solid #58626c;
float: left;
padding-top: 12px;
width: 100%;
}
.page-content-box-con {
float: left;
width: 100%;
}
.page-content-top h2 { }
.page-content-top p {
font: 12px Helvetica, sans-serif;
color: #FFF;
}
.page-content-top a {
color: #63d7db;
display: block;
font: 12px Helvetica, sans-serif;
text-decoration: none;
transition: all 1.5s ease 0s;
}
.page-content-top a:hover {
color: #fff;
}
.light-wt {
color: #909090;
font-size: 10px;
margin: 0 !important;
}
.page-content-box ul li a { }
.page-content-box li {
margin: 0 0 24px;
}
.page-content-box ul li a:hover {
color: #fff;
}
.alfesis > li {
color: #63d7db;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 239px;
}
.page-content-left {
float: left;
}
.page-content-right {
float: right;
}
.contect-box-img {
border: 2px solid #578384;
margin: 11px 0 30px;
max-height: 135px;
max-width: 235px;
transition: all 1.5s ease 0s;
overflow: hidden;
}
.contect-box-img:hover {
border: 2px solid #fff;
}
.contect-box-img img {
width: 100%;
}
.pull_right {
float: right
}
.pull_left {
float: left
}
.zoom_box_aria h3 {
float: left;
}
.zoom_box_aria .pull_right {
color: #63d7db;
font-size: 11px;
text-decoration: none;
}
.zoom_box_aria .pull_right:hover {
color: #fff;
}
.input_box {
background: none repeat scroll 0 0 #202529;
border-radius: 5px;
float: left;
height: auto;
margin: 25px 0 0;
width: 100%;
}
.pull_left > input:focus {
background: none repeat scroll 0 0 #0e1e1f;
}
.pull_left > input:hover {
background: none repeat scroll 0 0 #0e1e1f;
}
.pull_left > input {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
border-radius: 5px;
color: #fff;
font-family: Helvetica, sans-serif;
height: 22px;
padding: 1px 8px;
}
::-moz-placeholder { color: #fff;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
opacity: 1;
}
::-webkit-input-placeholder { color: #fff;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
opacity: 1;
}
.input_set {
width: 82%;
}
textarea:focus {
background: none repeat scroll 0 0 #0e1e1f;
}
textarea {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
padding: 1px 8px;
border-radius: 5px;
}
textarea:hover {
background: none repeat scroll 0 0 #0e1e1f;
}
.pad_div {
float: left;
padding: 21px 16px;
}
.pad_div h2 {
font-size: 23px;
font-weight: normal;
line-height: 33px;
font-family: 'Open Sans Condensed';
text-transform: uppercase;
}
.pad_div p {
font-size: 11px;
margin-bottom: 13px;
width: 98%;
}
.buttons button {
background: none repeat scroll 0 0 #3b4c4d;
border: 1px solid #2c3136;
color: #fff;
cursor: pointer;
font-size: 11px;
height: 28px;
padding: 8px 8px 19px;
vertical-align: bottom;
}
.buttons {
margin-top: 10px;
}  .team_container {
border-top: 1px solid #7b8997;
float: left;
margin: 46px 0 62px;
width: 100%;
}
h2 {
color: #63d7db;
text-decoration: none;
transition: color 0.25s ease-out 0s;
font-size: 25px;
font-family: 'Open Sans Condensed';
font-weight: normal;
line-height: 25px;
text-transform: uppercase;
}
.team_container p { }
b {
font-weight: bold;
}
.table_links a { }
.table_links a:hover {
color: #FFF;
}
.table_links span {
color: #fbfbfb;
font-size: 15px;
}
.table_links {
float: left;
margin: 0 0 19px;
width: 100%;
}
.effect_links {
color: #63d7db;
text-decoration: none;
transition: color 0.25s ease-out 0s;
}
.effect_links:hover {
color: #fff;
}
.team_container h2 {
margin: 0 0 24px;
}
h2 :hover {
color: #FFF;
}  .post-header-meta h2 a {
color: #1b58ba;
font-family: 'Open Sans Condensed';
font-size: 80px;
line-height: 80px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.post-header-meta h2 {
text-align: center;
}
.post-header-meta h3 {
color: #fff;
font-size: 34px;
padding-bottom: 25px;
padding-top: 10px;
text-align: center;
}
.mighty-author-left {
float: left;
width: 131px;
}
.mighty-author-left h3 {
color: white;
font-size: 128%;
font-weight: bold;
line-height: 2em;
}
.mighty-author-left span {
color: #ccc;
font: 12px Helvetica, sans-serif;
}
.dropcap {
color: #1b58ba;
float: left;
font-size: 65px;
line-height: 55px;
margin-left: -5px;
padding-left: 0;
padding-right: 3px;
padding-top: 4px;
}
.mighty-author-right {
float: right;
width: 437px;
}
.mighty-author-right p {
color: white;
font-size: 20px;
line-height: 30px;
margin-left: 2px;
margin-right: 40px;
padding-bottom: 20px;
}
.mighty-quote {
}
.sp_left {
font-size: 36px;
line-height: 0.5em;
color: #1b58ba;
}
.sp_right {
float: right;
font-size: 36px;
line-height: 0.5em;
color: #1b58ba;
}
.mighty-quote-content {
color: #fff;
font-size: 26px;
line-height: 30px;
}
.shilhost {
border: 2px solid #578384;
float: left;
width: 100%;
margin: 22px 0 39px;
transition: all 1.25s ease-out 0s;
}
.shilhost:hover {
border: 2px solid #fff;
float: left;
}
.shilhost a {
color: #63d7db;
float: left;
height: auto;
line-height: 0.6em;
margin: 0;
text-decoration: none;
width: 100%;
}
.content-post {
float: left;
width: 100%;
}
.widget h3 {
float: left;
font-size: 115%;
font-weight: bold;
padding-bottom: 10px;
width: 100%;
}
div.widget_pt_author_info h5.widget-title, div.widget_pt_author_info h4.widget-title {
display:none;
}
div.widget_pt_gallery_info h5 {
display:none;
}
.author-avatar {
border: 1px solid #fff;
float: left;
overflow: hidden;
width: 39%;
}
.author-description {
float: left;
margin: 0 0 0 8px;
width: 50%;
}
.author-description > p {
font-size: 12px;
line-height: 1;
margin: 0 0 21px;
}
.green_bttn {
background: none repeat scroll 0 0 #578384;
border: 0 none;
border-radius: 2px;
color: white;
cursor: pointer;
float: right;
padding: 1px 3px;
}
.green_bttn:hover {
background: none repeat scroll 0 0 #ccc;
border: 0 none;
border-radius: 2px;
color: white;
cursor: pointer;
float: right;
padding: 1px 3px;
}
.sepret_hd {
margin: 0 0 24px;
width: 73%;
}
.new-gallery-description {
background-color: #485657;
color: #fff;
float: left;
font-size: 1em;
padding: 34px 0;
text-align: center;
width: 100%;
}
.new-gallery-img {
float: left;
height: auto;
margin: 75px 0 0;
width: 100%;
}
.sb-search-open .se{ display:none;}
.widget h5 {
color: #ebebeb;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 5px;
}
footer {
float: left;
margin: 0 0 6px;
width: 100%;
}
.section {
float: left;
width: 100%;
} .long_box_rs {
background: none repeat scroll 0 0 #fff;
float: left;
height: 329px;
width: 63%;
}
.long_box_rs2 {
background: none repeat scroll 0 0 #fff;
float: left;
height: 329px;
margin: 19px 0 19px 20px;
width: 63%;
}
.short_box_rs {
background: none repeat scroll 0 0 #f00;
float: left;
height: 329px;
margin: 0 0 0 20px;
width: 33.7%;
}
.short_box_rs2 {
background: none repeat scroll 0 0 #f00;
float: left;
height: 329px;
margin: 19px 0;
width: 33.7%;
}
.rs_slider-img {
float: left;
height: 329px;
overflow: hidden;
width: 100%;
}
h1.entry-title {
color: #232F2F;
font-weight: 600;
font-size: 36px;
}
#content .post-info, #content .categories {
display: none;
}
.interview_article_links {
color: #63d7db;
float: right;
font-size: 11px;
text-align: right;
width: 100%;
}
.article.article_responsive.plus_pad {
margin: 36px 0 0;
}
.interview_article_links_bottom {
font-size: 13px;
}
.post-title-mighty {
color: white;
font-size: 70px;
line-height: 70px;
margin: 30px 0 0;
text-align: center
}
.post-title-mighty a {
color: #1b58ba;
}
.post-subtitle-mighty {
color: silver;
font-family: 'Open Sans Condensed';
font-size: 38px;
font-weight: normal;
padding-bottom: 25px;
padding-top: 10px;
text-align: center;
}
.new-mighty-img {
float: none;
height: auto;
margin: 0 auto;
width: 98%;
}
.mighty-author {
float: left;
width: 150px;
margin: 0 0 20px 12px;
}
.mighty-author h5 {
color: #ebebeb;
font-size: 11px;
font-weight: normal;
text-transform: none;
}
.mighty-had-name {
font-family: Helvetica, sans-serif !important;
font-size: 18px !important;
font-weight: normal !important;
margin: 0px !important;
text-transform: unset !important;
color: silver !important;	
}
.mighty-had-name a {
transition: 0.3s color;
}
.mighty-had-name a:hover {
color: white;
text-decoration: none;
background: #63d7db;
padding: 3px 5px;
margin: -3px -5px;
transition: none;
}
.mighty {
margin-bottom: 0;
width: 825px !important;
}
.mighty-pretext p {
float: left;
font-size: 19px;
line-height: 30px;
}
.mighty-pretext {
float: right;
font-size: 20px;
line-height: 30px;
width: 64%;
margin-right: 5%;
background: #FDFDFD;
padding: 40px;
}
.mighty-pretext a {
transition: 0.3s color;
}
.mighty-pretext a:hover {
color: white;
text-decoration: none;
background: #63d7db;
padding: 3px 5px;
margin: -3px -5px;
transition: none;
}
.aside_might {
width: 179px !important;
}
.aside_might p {
float: left;
font-size: 24px;
line-height: 30px;
padding-bottom: 20px;
font-family: 'Open Sans Condensed';
}
.star_start {
color: silver;
float: left;
font-family: Georgia, Serif;
font-size: 85px;
line-height: 0.5em;
width: 100%;
}
.star_end {
color: #1b58ba;
float: right;
font-size: 37px;
line-height: 0.5em;
width: 100%;
text-align: right;
display: none;
}
.new-gallery-text {
background: none repeat scroll 0 0 #222222;
float: right;
width: 78%;
}
.new-gallery-padding > p {
float: right;
font: 12px Helvetica, sans-serif;
width: auto;
}
.new-gallery-padding {
padding: 10px 10px;
}
.two-mighty-img {
float: left;
margin: 21px 0 0;
width: 100%;
}
.left-mighty-img {
float: left;
margin: 0 21px 6px 10px;
width: 48%;
height: 372px;
}
.right-mighty-img {
float: left;
height: 372px;
overflow: hidden;
width: 48%;
}
.mighty-author-container p:first-child::first-letter {
color: silver;
float: left;
font-size: 76px;
font-weight: normal;
line-height: 55px;
margin: 4px 4px 0 -6px;
}
.fa-circle {
color: #999;
font-size: 6px !important;
margin: 0 0 0 4px;
position: relative;
top: -5px;
} .alignnone.wp-image-858 {
height: 100%;
width: 100%;
}
.author-description {
float: left;
font-size: 12px;
margin: 0 0 8px 8px;
width: 56%;
color: white !important;
}
.author-twitter {
float: left;
margin: 12px 0 0 0px;
width: auto;
}
.alignnone.size-large.wp-image-886 {
height: 100%;
width: 100%;
} .article img {
max-width: 100%;
border: 1px silver solid;
margin-bottom: 15px;
}
.reponcive-post {
display: none;
float: left;
font-size: 18px !important;
margin: 0 0 23px;
text-transform: none !important;
width: 100%;
}
.radar_container .item.item-large {
background: none repeat scroll 0 0 white;
float: left;
height: 329px;
overflow: hidden;
width: 649px;
}
.responcive_post {
display: none;
}
.posts-group-detail p a {
color: white;
}
.new-right-liks.neli {
margin-right: 0;
}
.tags {
display: none;
}
.posts-group-title {
color: #232F2F;
font-family: 'Open Sans Condensed';
font-size: 23px;
padding: 5px 0;
text-transform: uppercase;
margin: 24px 0px 12px 0px;
font-weight: 600;
text-decoration: underline;
display: none;
}
.posts-group-title strong {
color: #232F2F;
font-weight: 600;
}
nav ul .current_page_item a {
background: none repeat scroll 0 0 #63d7db;
color: #000;
}
.reviews-start {
float: left;
width: 100%;
}
.loadingIndicator {
font-family: 'Open Sans Condensed';
background: #436B72;
font-size: 27px;
font-weight: normal;
line-height: 60px;
padding: 0 20px;
text-transform: uppercase;
margin: 18px 0 0;
width: 94.8%;
float: left;
clear: both;
-webkit-animation: loadingAnimation 2s linear infinite;
-moz-animation: loadingAnimation 2s linear infinite;
}
@-webkit-keyframes loadingAnimation {
0% {
background:#436B72;
}
50% {
background:#5F97A1;
}
100% {
background:#436B72;
}
}
@-moz-keyframes loadingAnimation {
0% {
background:#436B72;
}
50% {
background:#5F97A1;
}
100% {
background:#436B72;
}
}
.single-news .news-menu a, 
.single-radar .radar-menu a,
.single-galleries .gallery-menu a,
.single-album-reviews .reviews-menu a,
.single-live-reviews .reviews-menu a,
.single-interviews .interviews-menu a {
background: none;
color: #63d7db;
}
.single-news .sticky nav ul li.news-menu a,
.single-radar .sticky nav ul li.radar-menu a,
.single-galleries .sticky nav ul li.gallery-menu a,
.single-album-reviews .sticky nav ul li.reviews-menu a,
.single-live-reviews .sticky nav ul li.reviews-menu a,
.single-interviews .sticky nav ul li.interviews-menu a 
.single-pov .sticky nav ul li.pov-menu a 
{
color: black;
background: #63d7db none repeat scroll 0 0;
} .template-browsing-links {
color: white;
float: right;
font-size: 11px;
text-align: right;
width: 62%;
display:none;
}
div.navigation {
display: none;
}
#archive_calendar td {
color: grey;
font-size: 11px;
padding: 1px 3px;
text-align: center;
}
#archive_calendar th {
color: #232F2F;
font-size: 11px;
padding: 4px 5px;
vertical-align: middle;
}
#archive_calendar th p {
margin: 0;
color: white;
font-size: 11px;
}
#archive_calendar th p {
margin-top: -6px;
}
.widget-spotify {
background: rgba(0, 0, 0, 0) url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/img/spotify.png) no-repeat scroll 0 0;
border: medium none;
padding-top: 9px;
}
.widget-spotify h4 {
color: #92cb00;
font-family: 'Open Sans Condensed';
font-size: 23px;
font-weight: normal;
height: 26px;
margin-bottom: 0;
margin-right: 7px;
text-align: right;
}
.custom-width {
font-size: 23px !important;
padding: 55px 0 !important;
width: 90% !important;
}
#da-thumbs > li img {
height: 100%;
width: 100%;
border: none;
}
#da-thumbs > li {
width: 100%;
} .home .slider-img #da-thumbs > li img {
height: 400px;
border: none;
}
.pov-aside {
float: left;
padding: 20px 0;
text-align: center;
width: 390px;
}
.pov-aside > section {
padding: 10px 0;
}
p.pov-intro {
margin: 25px 0px -20px 0px;
color:white;
}
p#recommended_by {
color:white;
}
.logo-block > img {
width: 73%;
}
.video-rev > img {
width: 100%;
}
.social-icons > img {
width: 128px;
}
.video-rev > h2 {
color: #fff;
font-size: 28px;
font-weight: 600;
margin: 15px 0 6px;
}
.social-icons > h2 {
color: #fff;
font-size: 28px;
font-weight: 600;
margin: 40px 0 10px;
}
.contant-main {
float: right;
padding: 35px 0;
width: 61%;
}
.track-sec {
background: #fff none repeat scroll 0 0;
border: 10px solid #fff;
padding: 20px 35px;
width: auto;
margin: 0 0 5px;
min-height: 215px;
}
.track-head, .track-contant {
float: left;
margin: 0 0 15px;
width: 100%;
}
.track-head > div:first-child {
float: left;
width: 75%;
}
.track-head h2 a, .track-head h2 {
color: #3b4c4d;
font-size: 28px;
font-weight: 600;
line-height: 36px;
}
.track-head > div:last-child {
color: #232F2F;
float: right;
padding: 12px 0 0;
text-align: right;
width: 20%;
}
.track-head .track-post-meta a, .track-head > .track-post-meta p {
color: #3b4c4d;
font-size: 11px;
margin: 0;
}
.track-contant p {
color: #3c3c3c;
}
.inner-img {
float: left;
width: 40%;
margin-top: 5px;
}
.inner-img > div {
position: relative;
}
.inner-img > div > img {
height: auto;
width: 100%;
}
.track-sec:nth-child(2n+1) > .track-contant > .inner-img > div > img:last-child {
left: auto;
position: absolute;
right: -22px;
}
.inner-img > div > img:last-child {
bottom: -25px;
left: -30px;
position: absolute;
width: 80px;
}
.track-disc {
float: right;
width: 60%;
}
.track-disc > p:last-child {
margin: 0;
}
.track-disc > p {
color: #232F2F;
font-size: 14px;
line-height: 22px;
padding: 0 0 0 40px;
width: auto;
}
.track-sec.active {
border-color: #c97e00;
}
.pov-aside > p {
margin-left: auto;
margin-right: auto;
width: 250px;
}
.inner-img > div > img:first-child {
border: 1px solid silver;
}
.social-icons.s-icons {
display: none;
}
.track-head h2:hover a, .track-head .track-post-meta a:hover {
background: #d8dbdb none repeat scroll 0 0 !important;
border-radius: 4px;
padding: 0px;
}
.track-head h2 a,  .post-name > a {
padding: 0px;
}
.post-date-time {
float: right;
padding: 0
}
.track-related {
padding: 0 35px;
width: 89%;
}
.track-related > h2 {
color: #fff;
font-size: 23px;
font-weight: 600;
text-align: right;
}
.contant-main.contant-related {
padding: 15px 0 35px;
}
.track-sec.track-sec-indv {
border-color: #c87f00;
}
.related-inner {
float: right;
margin: 0 0 10px 10px;
min-height: 280px;
width: 40%;
}
.related-main {
float: right;
margin: 15px 0 0;
width: 420px;
}
.related-inner img {
float: left;
height: auto;
width: 100%;
}
.related-inner p {
float: left;
font-weight: 600;
line-height: 1.33;
margin: 12px 0 24px 0;
text-align: right;
color: white;
font-size: 14px;
}
.track-contant > ul {
float: left;
width: 100%;
display: none;
}
.track-contant ul li > a::before {
background: rgba(0, 0, 0, 0) url(http://stage.punktastic.com/wp-content/themes/punktastic/assets/img/play-btn.png) repeat scroll 0 0 / 100% 100%;
content: "";
display: block;
height: 50px;
left: 0;
position: absolute;
top: -12px;
width: 50px;
}
.track-contant ul li {
padding: 0 0 0 60px;
position: relative;
}
.play-overlay {
background: #232F2F none repeat scroll 0 0;
height: 100%;
opacity: 0.7;
position: absolute;
width: 100%;
display: none;
}
.for_pov_page .play-btn {
bottom: 0;
display: none;
left: 0;
margin: auto;
opacity: 0.8;
position: absolute;
right: 0;
top: 50px;
width: 60px !important;
}
.track-sec .play-btn {
bottom: 0;
display: none;
left: 0;
margin: auto;
opacity: 0.8;
position: absolute;
right: 0;
top: 0px;
width: 60px !important;
}
.related-inner .play-btn {
bottom: 0;
display: none;
left: 0;
margin: auto;
opacity: 0.8;
position: absolute;
right: 0;
top: 0px;
width: 60px !important;
}
.track-sec:hover .play-btn, .track-sec:hover .play-overlay, .related-inner > a:hover .play-btn, .related-inner > a:hover .play-overlay {
display: block;
}
.track-head h2 {
float: left;
}
.track-disc > p a:hover {
background: #fbebd5 none repeat scroll 0 0;
color: #c77d1d;
}
.track-disc > p a {
border-radius: 3px;
color: #ed9a2d;
transition: none;
}
.rel-img-upper {
float: left;
position: relative;
width: 100%;
}  .star_start {
font-size: 42px;
\
} .play_thumb {
cursor: pointer;
}
.track-sec .social-sharing.ss-social-sharing {
display: none;
} .star_start {
color: silver !important;
float: left;
font-size: 85px;
line-height: 0;
margin: 48px 0 -31px -26px;
padding: 0 !important;
}
.responsive_aside.aside_might span:nth-child(2) {
color: silver !important;
float: left;
padding-left: 15px;
}
.entry-content img {
border: 1px solid rgb(116, 116, 116);
}
.entry-content a {
font-weight:bold;
color: #5AC6CA;
}
.entry-content a:hover {
color: white;
text-decoration: none;
background: #63d7db;
padding: 3px 5px;
margin: -3px -5px;
transition:none;
}
.single-album-reviews .entry-content img:first-child {
float: right;
margin-bottom: 15px;
margin-left: 15px;
width: 250px;
} .news_posts_hover {
margin: 0;
padding: 3px 0;
width: 49.55%;
}
.news_posts_hover {
width: 99%;
}
.for_pov_page {
border-bottom: 15px solid #3e4b4b;
float: left;
margin: 50px 0;
padding: 10px 0 0;
width: 100%;
}
.pov_logo_wrap {
float: left;
margin: 22px 0 0;
position: relative;
text-align: center;
width: 29%;
}
.pov_logo_wrap a > img {
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: -65px;
width: 159px;
}
.pov_text_wrap {
background: #fff none repeat scroll 0 0;
padding: 28px 10% 6px;
}
.pov_text_wrap > h2 {
color: #0c1c40;
font-size: 27px;
}
.pov_text_wrap > p {
color: #0c1c40;
line-height: 18px;
}
.img_wrapper {
float: right;
width: 70.5%;
margin-top: 22px;
}
.img_wrapper > div {
float: left;
margin: 0 5px 0 0;
position: relative;
width: 32.85%;
}
.img_wrapper .play_thumb:nth-child(3) {
margin: 0;
}
.play_thumb > a {
position: relative;
}
.img_wrapper > div:last-child {
margin: 0;
}
.img_wrapper > div:hover .play-overlay {
display: block;
}
.img_wrapper > div:hover .play-btn {
display: block;
}
.img_wrapper > div > img {
width: 100%;
}
.overlay_text {
display: none;
}
.img_wrapper > div:hover .overlay_text {
display: block;
}
.overlay_text {
font-size: 14px;
font-weight: 600;
line-height: 15px;
margin: 10px 0 0;
position: absolute;
text-align: center;
text-transform: uppercase;
display: none;
color: white;
}
.ss-button-pinterest {
display: none !important;
}  #getFixed {
width: 390px;
}
.sticky .logo > a {
background-size: 100% auto !important;
}       
header {
color: #fff;
margin-bottom: 15px;
}        
header.sticky {
background: #0e1e1f none repeat scroll 0 0;
border-bottom: 1px solid #3d4b4b;
height: 48px;
position: fixed;
text-align: left;
width: 100%;
z-index: 9999;
}
.sticky .logo {
width: 82px !important;
}
.sticky .logo > a {
background-repeat: no-repeat;
}
.sticky .logo {
height: 25px;
margin-bottom: 12px;
margin-top: 14px;
width: 82px !important;
}
.sticky .advert {
width: 920px;
}
.sticky .advert div:nth-child(2) {
float: left;
width: auto;
margin:0;
}
.sticky .menu {
margin: 3px 0 0 6px;
}
.sticky .menu-secondary-menu-container .menu {
margin: 0;
}
.sticky .se {
font-size: 12px;
}
.sticky nav ul li a {
font-size: 16px;
padding: 0 6px;
}
.sticky .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search{
right: 64px;
}
.sb-search-open .sb-icon-search {
width: 0;
}
.sticky .right-links {
padding: 0;
}
.right-links li:first-child {
margin: 0;
}
.sticky .right-top-search {
float: right !important;
max-width: 54%;
width: 54%;
}
.sticky .right-links ul li a {
font-size: 12px;
}
.sticky .right-links li {
margin: 0 0 0 20px;
}
.sticky .right-links li:first-child {
margin: 0;
}
.sticky .sb-search-input::-moz-placeholder {
font-size: 12px;
}
.page-template .acf-field.acf-field-textarea.acf-field-555f0f80f51b1 {
display: none !important;
}  .stamp-1 h3 {
font-family: 'Amatic SC', cursive;
font-size: 33px;
color: #fff;
position: absolute;
width: 100%;
text-align: center;
top: 45px;
letter-spacing: 4px;
}
.stamp-1 img {
margin: 0 auto;
display: block;
}
.pickup-logo-wrapper {
position: relative;
}
.stamp-1 li {
width: auto;
border-top: 1px solid #3b4c4d;
padding:0;
border-bottom: 0;
transition: all 0.5s ease 0s;
}
.stamp-1 li:hover {
background: none repeat scroll 0 0 #63d7db;
color: #63d7db;
transition: all 0s ease 0s;
}
.stamp-1 a {
color: #fff;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 14px;
font-weight: 700;
padding: 13px 12px;
display:block;
}
.stamp > a {
padding: 0 !important;
}
.stamp-1 p {
color: #fff;
font-family: 'Open Sans Condensed', sans-serif;
text-align: center;
font-size: 16px;
padding: 15px 25px 15px;
width: auto;
margin-bottom: 0;
font-weight: 300;
line-height: 22px;
}
.stamp-1 {
background: #253638;
left: 0%;
top: 0px;
width: 270px;
margin-bottom:20px;
}
.stamp-1 {
position: absolute;
}
.grid {
position: relative;
max-width: 1140px;
margin: 0 auto;
width: auto !important;
}
@media all and (max-width:1140px) {
.grid {
position: relative;
max-width: 850px;
margin: 0 auto;
width: auto !important;
}
.grid-item.grid-item-2 {
width: calc(68.2% - 20px) !important;
}
}
@media all and (max-width:850px) {
.grid {
position: relative;
max-width: 560px;
margin: 0 auto;
width: auto !important;
}
.grid-item.grid-item-2 {
width: calc(49.2% - 20px) !important;
}
}
@media all and (max-width:560px) {
.grid {
position: relative;
max-width: 270px;
margin: 0 auto;
width: auto !important;
} .mini-content {
width: 100% !important;
float: unset !important;
margin-right: 0 !important;
}
.mini-sidebar {
width: 100% !important;
float: unset !important;
}
}
.grid {
position: relative;
max-width: 1140px;
margin: 0 auto;
width: auto !important;
} .grid:after {
content: '';
display: block;
clear: both;
}
.grid-item {
width: calc(24% - 20px);
min-width: 270px;
float: left;
margin-bottom: 20px;
background: #fff;
border: 2px solid #333;
border-color: rgba(255, 255, 255, 1);
border-radius: 5px;
}
.grid-item.grid-item-2 {
width: calc(50.9% - 20px);
margin-bottom: 20px;
background: #fff;
border: 2px solid #333;
border-color: rgba(255, 255, 255, 1);
border-radius: 5px;
}
.post-type-archive-the_pickup header .container {
width: 90%;
}
.post-type-archive-the_pickup .container {
max-width: 1140px;
width: 100%;
margin: 0 auto;
}
.mini-sidebar {
width: 38%;
float: right;
padding: 10px 6px;
}
.mini-content {
width: 58%;
float: left;
margin-right: 4%;
padding: 10px 6px;
}
.grid-item-2 .grid-bottom {
clear: both;
padding: 5px 15px 5px 5px;
}
.exclusive {
background-color: #60d7db;
padding: 10px 5px;
}
.grid-item-2 .grid-top h3 {
position: absolute;
top: 0;
background-color: #0c181d;
color: #fff;
padding: 8px;
text-transform: uppercase;
font-size: 36px;
max-width: 75%;
margin: 7px 0px 0 7px;
font-family: 'Open Sans Condensed', sans-serif;
line-height: 35px;
}
.grid-item-2 .grid-top h3 > span {
display: block;
font-size: 12px;
position: absolute;
bottom: -18px;
background-color: #0c181d;
left: 0;
padding: 3px 8px;
color: #63d7db;
font-weight: bold;
width: 173px;
line-height: 15px;
}
.grid-top {
position: relative;
}
.grid-item.grid-width h3 {
position: absolute;
bottom: 0;
background-color: #0C181D;
padding: 5px 5px;
color: #fff;
text-transform: uppercase;
margin: 0 0 10px 10px;
max-width: 80%;
width: auto;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
z-index: 1;
}
.grid-item .grid-middle {
padding: 10px 7px;
float: left;
}
.grid-item .grid-middle p {
margin-bottom: 10px;
line-height: 1.4em;
font-family: Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
}
.grid-bottom {
float: left;
width: 100%;
padding: 4px 9px;
}
.grid-bottom.exclusive span:first-child {
color: #fff;
font-family: Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
}
.grid-date {
color: #586c6d;
font-family: Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
text-transform: uppercase;
}
.grid-item a {
display: inline-block;
}
.grid-item .mini-content {
width: 58%;
float: left;
margin-right: 4%;
padding: 0;
}
.grid-item .mini-sidebar {
width: 38%;
float: right;
padding: 0;
}
.grid-item h5 {
color: #000;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
line-height: 18px;
}
.img-overlay {
background-color: #000;
position: absolute;
height: 100%;
bottom: 0;
width: 100%;
opacity: 0;
transition: opacity 0.2s ease;
}
.grid-item a:hover .img-overlay {
opacity: 0.5;
transition: opacity 0.2s ease;
}
.grid-listen {
line-height: 20px;
background-color: #60D7DB;
color: #0E1E1F;
font-weight: bold;
font-size: 12px;
text-align: right;
padding: 0 10px;
text-transform: uppercase;
width:100%;
transition: height 0.2s ease;
height: 0 !important;
position: absolute;
bottom: 0;
overflow: hidden;
}
.grid-item a:hover .grid-listen {
height: 27px !important;
line-height: 28px;
background-color: #60D7DB;
color: #0E1E1F;
font-weight: bold;
font-size: 12px;
text-align: right;
padding: 0 10px;
text-transform: uppercase;
transition: height 0.2s ease;
position: absolute;
bottom: 0;
width: 100%;
overflow: hidden;
z-index: 0;
}
.view-more-button {
background-color: #fff;
border: 0;
padding: 10px 32px;
border-radius: 4px;
text-transform: uppercase;
margin: 0 auto;
display: block;
}
.search-pop {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #0E1E1F;
padding: 20px 20px 5px;
color: #fff;
display: none;
max-width: 500px;
z-index: 10;
z-index: 8888;
min-width: 265px;
}
.search-pop p {
color: #fff;
line-height: 17px;
font-size: 13px;
}
.search-pop form {
display: flex;
max-height: 35px;
margin-bottom: 15px;
}
#search.text-input {
width: 90%;
height: 35px;
font-size: 17px; display: block;
padding: 0px 7px;
border: 0;
margin-right: 0px;
}
#search.submit {
height: 35px;
border: 0px;
width: 10%;
cursor: pointer;
display: block;
margin-top: 0px;
}
.list-wrap span {
font-size: 14px;
}
.list-wrap {
margin-bottom: 10px;
}
.list-wrap a {
font-size: 13px;
}
.search-overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
z-index: 9;
}
.search-close {
position: absolute;
right: 0;
top: 0px;
padding: 4px 10px;
font-size: 26px;
cursor: pointer;
}
.search-close:hover {
color: #63d7db;
}
.for-fans span {
text-transform: capitalize;
}
input[type="text"],input[type="submit"],textarea {
border-radius: 0;
-webkit-appearance: none;
}
.next.page-numbers {
color: #000;
background-color: #60d7db;
padding: 8px 19px;
border-radius: 4px;
font-family: 'Open Sans Condensed', sans-serif;
text-transform: uppercase;
font-weight: bold;
}
.prev.page-numbers, .page-numbers {
color: #fff;
background-color: #253638;
padding: 8px 19px;
border-radius: 4px;
font-family: 'Open Sans Condensed', sans-serif;
text-transform: uppercase;
font-weight: bold;
}
.page-numbers.dots {
background: no-repeat;
padding: 0 7px;
}
.page-numbers.current {
background-color: #bacccd;
color: #000;
}
.page-numbers:hover {
background-color: #bacccd;
color: #000;
}
.page-numbers.dots:hover {
background-color: transparent;
color: #fff;
}
.next.page-numbers:hover {
background-color: #fff;
}
.acf-field textarea {
resize: vertical;
border: 1px solid;
border-radius: 0;
font-family: Helvetica, Sans-Serif;
}
.acf-field textarea:hover {
background-color:#fff !important;
}
textarea:focus {
background-color:#fff !important;
}
textarea::-webkit-input-placeholder {
color: silver;
}
textarea:-moz-placeholder { color: silver;
}
textarea::-moz-placeholder { color: silver;
}
textarea:-ms-input-placeholder {
color: silver;
}
.acf-actions.-hover {
display: none !important;
max-width: 20% !important;
left: -12px;
top: -28px;
z-index: 99999 !important;
} .acf-icon.small, .acf-icon.-small {
font-size: 16px;
background-color: transparent !important;
border-color: transparent !important;
overflow: visible !important;
color: #63d7db;
top: 6px;
}
.acf-actions .acf-icon::before {
font-family: Open Sans, sans-serif !important;
content: 'Add a new band' !important;
width: 9em !important;
}
.acf-icon.-cancel::before {
top: 4px !important;
}
a.acf-icon:hover {
border-color: transparent;
background: #2a9bd9;
background-color: rgb(42, 155, 217);
color: #63d7db;
}
.acf-fields > .acf-field {
border-top: none !important;
}
.acf-field .acf-label label {
font-family: 'Open Sans Condensed' !important;
}
.acf-field p.description {
font-size: 85% !important;
color: #5d5d5d !important;
}
.single-the_picku .article {
width: 550px;
padding: 5px 5px 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 0;
}
.single-the_pickup aside, .single-the_pickup #sidebar {
float: left;
height: auto;
width: 270px;
margin: 0;
background-color: #253638;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
display: block;
}
.pickup-bottom-nav {
height: auto;
width: 100%;
margin: 0;
background-color: #253638;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
clear: both;
}
.single-the_pickup .widget {
border-top: 0px solid #7b8997;
color: white;
float: left;
margin: 0 27px 0 0;
width: 91%;
padding: 2px 0 75px;
}
.single-the_pickup .pickup {
width: 560px;
float: left;
margin: 0 0 32px 40px;
background: transparent;
padding: 0;
}
.single-the_pickup .article {
width: 550px;
padding: 5px 5px 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 0;
}
.single-the_pickup h1 {
color:#fff;
margin: 0;
}
.single-the_pickup .article img {
max-width: 100%;
border: 0;
margin-bottom: 15px;
}
.single-the_pickup .responsive_aside h3 {
font-family: 'Amatic SC', cursive;
font-size: 33px;
color: #fff;
position: absolute;
width: 100%;
text-align: center;
top: 45px;
letter-spacing: 4px;
}
.single-the_pickup .responsive_aside img {
margin: 0 auto;
display: block;
}
.single-the_pickup .responsive_aside > a {
padding: 0 !important;
}
.pickup-logo-wrapper {
position: relative;
}
.single-the_pickup .responsive_aside li {
width: auto;
border-top: 1px solid #3b4c4d;
padding:0;
border-bottom: 0;
transition: all 0.5s ease 0s;
}
.single-the_pickup .responsive_aside li:hover {
background: none repeat scroll 0 0 #63d7db;
color: #63d7db;
transition: all 0s ease 0s;
}
.single.single-the_pickup .responsive_aside a {
color: #fff;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 14px;
font-weight: 700;
padding: 13px 12px;
display:block;
}
.single-the_pickup .responsive_aside p {
color: #fff;
font-family: 'Open Sans Condensed', sans-serif;
text-align: center;
font-size: 16px;
padding: 15px 25px 15px;
width: auto;
margin-bottom: 0;
font-weight: 300;
line-height: 22px;
}
.pickup-bottom-nav li {
width: auto;
border-bottom: 2px solid #222;
padding: 0;
}
.pickup-bottom-nav a {
color: #fff;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 13px;
font-weight: bold;
padding: 13px 12px;
display: block;
}
.pickup-bottom-nav li:hover {
background: none repeat scroll 0 0 #63d7db;
color: #63d7db;
transition: all 0s ease 0s;
}
.single-the_pickup h1 {
color: #fff;
margin: 0;
font-family: 'Open Sans Condensed';
font-weight: 300;
line-height: 32px;
margin-bottom: 10px;
}
.article-header {
float: left;
width: 100%;
padding: 3px;
position: relative;
}
.single-the_pickup .article h5 {
color: #232F2F;
text-decoration: none;
font-size: 15px;
font-family: 'Open Sans Condensed';
line-height: 25px;
text-transform: none;
margin: 0px 0px 4px 0px;
font-weight: bold;
text-transform: uppercase;
}
.single-the_pickup .article p {
line-height: 22px;
}
.mini-sidebar {
width: calc(50% - 5%);
float: right;
}
.mini-content {
width: 46%;
float: left;
margin-right: 4%;
}
.content-top {
padding: 0 10px;
float: left;
width: calc(100% - 20px);
}
.content-middle {
padding: 36px 10px 0;
}
.content-bottom {
padding: 5px 10px 0;
}
.related-wrap h4 {
text-transform: none;
font-size: 22px;
text-align: center;
font-weight: 700;
margin-top: 30px;
}
.related-wrap {
float: left;
width: 100%;
margin-bottom: 20px;
}  .related-item {
background-color: #fff;
border-radius: 4px;
overflow: hidden;
border: 2px solid #fff;
margin-bottom: 17px;
display: block;
width: 48%;
float: left;
}
.related-item:nth-child(even) {
margin-right:0;
margin-left:1%;
}
.related-item:nth-child(odd) {
margin-right:1%;
margin-left:0;
clear: left;
}
.related-item a {
display: inline-block;
height: 100%;
}
.related-item img {
width: 100%;
}
.related-item h3 {
position: absolute;
bottom: 15px;
left: 12px;
background-color: #000;
color: #fff;
padding: 4px 10px;
text-transform: uppercase;
font-family: 'Open Sans Condensed';
}
.related-top {
position: relative;
}
.related-bottom {
background-color: #ddd;
padding: 12px;
text-align: right;
}
a.selected {
background-color:#1F75CC;
color:white;
z-index:100;
}
.messagepop {
background-color:#FFFFFF;
border:1px solid #999999;
cursor:default;
display:none;
margin-top: 15px;
position:absolute;
text-align:left;
width:394px;
z-index:50;
padding: 25px 25px 20px;
}
label {
display: block;
margin-bottom: 3px;
padding-left: 15px;
text-indent: -15px;
}
.messagepop p, .messagepop.div {
border-bottom: 1px solid #EFEFEF;
margin: 8px 0;
padding-bottom: 8px;
}
.article-date {
color: #586c6d;
font-family: Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
text-transform: uppercase;
position: relative;
right: 8px;
top: 10px;
}
.related-middle {
padding: 7px;
}
.related-item h5 {
color: #000;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
line-height: 18px;
}
.search-pop {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #0E1E1F;
padding: 20px 20px 5px;
color: #fff;
display: none;
max-width: 500px;
z-index: 10;
z-index: 9999;
min-width: 265px;
}
.search-pop p {
color: #fff;
line-height: 17px;
font-size: 13px;
}
.search-pop form {
display: flex;
max-height: 35px;
margin-bottom: 15px;
}
#search.text-input {
width: 90%;
height: 35px;
font-size: 17px;
display: block;
padding: 0px 7px;
border: 0;
margin-right: 0px;
}
#search.submit {
height: 35px;
border: 0px;
width: 10%;
cursor: pointer;
display: block;
margin-top: 0px;
}
.list-wrap span {
font-size: 14px;
margin-right: 3px;
}
.list-wrap {
margin-bottom: 10px;
}
.list-wrap a {
font-size: 13px;
margin-right: 5px;
}
.img-overlay {
background-color: #000;
position: absolute;
height: 100%;
bottom: 0;
width: 100%;
opacity: 0;
transition: opacity 0.2s ease;
}
.related-item a:hover .img-overlay {
opacity: 0.5;
transition: opacity 0.2s ease;
}
.related-item a:hover .related-bottom {
background-color: #63d7db;
padding: 12px;
text-align: right;
color: #fff;
}
.search-overlay {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
z-index: 9998;
}
header.sticky {
z-index: 9997 !important;
}
.search-close {
position: absolute;
right: 0;
top: 0px;
padding: 4px 10px;
font-size: 26px;
cursor: pointer;
}
.search-close:hover {
color: #63d7db;
}
.article-body {
float: left;
}
.for-fans span {
text-transform: capitalize;
}
.grid-listen {
line-height: 20px;
background-color: #60D7DB;
color: #0E1E1F;
font-weight: bold;
font-size: 12px;
text-align: right;
padding: 0 10px;
text-transform: uppercase;
width: 100%;
transition: height 0.2s ease;
height: 0 !important;
position: absolute;
bottom: 0;
overflow: hidden;
}
.related-item h3 {
position: absolute;
bottom: 0;
background-color: #0C181D;
padding: 5px 5px;
color: #fff;
text-transform: uppercase;
margin: 15px auto;
max-width: 80%;
width: auto;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
z-index: 1;
}
.grid-top {
position: relative;
}
.related-item a:hover .grid-listen {
height: 20px !important;
line-height: 20px;
background-color: #60D7DB;
color: #0E1E1F;
font-weight: bold;
font-size: 12px;
text-align: right;
padding: 0 10px;
text-transform: uppercase;
transition: height 0.2s ease;
position: absolute;
bottom: 0;
width: 100%;
overflow: hidden;
z-index: 0;
right: 0;
}
.grid-date {
color: #586c6d;
font-family: Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
text-transform: uppercase;
}
.grid-middle {
padding: 9px;
}
.related-item .grid-middle p {
margin-bottom: 10px;
line-height: 1.4em;
font-family: Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
}
.related-wrap > h2 {
color: #fff;
font-weight: bold;
text-transform: none;
margin-top: 30px;
text-align: center;
}
.mini-content a {
word-wrap: break-word;
}
input[type="text"],input[type="submit"],textarea {
border-radius: 0;
-webkit-appearance: none;
}
.related-item {
-webkit-column-break-inside: avoid;
}
.search #inner {
width: 100%;
min-height: 640px;
}
.no-results {
width: 75%;
float: right;
color: #fff;
padding: 20px 20px;
} p.for-fans span, mini-content span {
padding: 0px 5px;
background: #b6e9ea;
font-size: 11px;
margin-bottom: 4px;
display: inline-block;
}
p.for-fans span:hover, mini-content span:hover {
color: white;
text-decoration: none;
background: #40cfd4;
padding: 0px 5px;
}
p.for-fans a {
color:#232F2F;
padding: 0px 5px;
background: #b6e9ea;
font-size: 11px;
margin-bottom: 4px;
display: inline-block;
}
p.for-fans a:hover {
color: white;
text-decoration: none;
background: #40cfd4;
padding: 0px 5px;
} /*/*/.grid-item.grid-width h3 {
position: absolute;
bottom: 0;
background-color: #0C181D;
padding: 5px 5px;
color: #fff;
text-transform: uppercase;
margin: 0 0 10px 10px;
max-width: 80%;
width: auto;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 24px;
z-index: 1;
}/*/*/div.grid-bottom.exclusive {
padding: 5px 0px 5px 5px;
}
.grid-bottom {
float: left;
width: 100%;
padding: 4px 0px 4px 9px;
}
.grid-date {
color: #586c6d;
font-family: Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
text-transform: uppercase;
margin-right:10px;
}/*/*/.view-more-button {
color: #000;
background-color: #60d7db;
padding: 8px 19px;
border-radius: 4px;
font-family: 'Open Sans Condensed', sans-serif;
text-transform: uppercase;
font-weight: bold;
margin: 20px auto;
display: block;
max-width: 268px;
text-align: center;
}
.view-more-button:hover {
color: #000000;
}/*/*/.grid-item-2 .grid-top h3 > span {
display: block;
font-size: 12px;
position: absolute;
bottom: -18px;
background-color: #0c181d;
left: 0;
padding: 3px 8px;
color: #63d7db;
font-weight: bold;
width: 173px;
line-height: 15px;
}.clearr {
clear: both;
}
.track-disc > .track-sec > .track-contant > .track-disc {
width: 100%;
}
.track-sec > .track-contant > .track-disc > .track-sec {
border: medium none;
padding: 0;
}
@media only screen and (max-width:1900px) {
.fa.fa-bars {
padding-right: 5px;
}
.none {
display: none !important;
}
.se {
margin-top: 1px !important;
}
.sticky .sb-icon-search{
margin: -5px 0px 0 -12px !important;	
}
.dropbtn {
margin-top: 5px;
}
.sticky .dropdown {
display: block !important;
}	
.sb-icon-search {
top: 2px !important;
}
.sticky #menu-item-171953 {
display: none;
}
.sticky #menu-item-172389 {
display: none;
}
.sticky #menu-item-179557 {
display: none;
}
.dropbtn.none {
display: none;
}
.sticky .right-links {
float: left;
width: 85%;
}
.advert {
float: left;
}
.sticky #menu-dropdown{
border: 1px solid rgba(150, 173, 174, 0.5);	
background-color: #0e1e1f;
}
}
@media only screen and (max-width:1280px) {
.fa.fa-bars {
padding-right: 5px;
}
.none {
display: none !important;
}
.sticky .sb-icon-search{
margin: -5px 0px 0 -12px !important;	
}
.se {
}
.dropbtn {
margin-top: 4px;
}
.sticky .dropdown {
display: block !important;
}	
.sb-icon-search {
top: 2px !important;
}
.sticky #menu-item-171953 {
display: none;
}
.sticky #menu-item-172389 {
display: none;
}
.sticky #menu-item-179557 {
display: none;
}
.dropbtn.none {
display: none;
}
.sticky .right-links {
float: left;
width: 85%;
}
.advert {
float: left;
}
}
@media only screen and (max-width:1024px) {
.single-the_pickup .pickup {
max-width: 560px;
float: left;
margin: 0 0 32px 15px !important;
background: transparent;
padding: 0;
width: calc(100% - 295px) !important;
}
.single-the_pickup aside, .single-the_pickup #sidebar {
float: left;
height: auto;
width: 270px;
margin: 0;
background-color: #253638;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
display: block;
}
.single-the_pickup .article {
max-width: 550px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 100% !important;
}
.fa.fa-bars {
padding-right: 0;
}
.sticky .dropdown {
display: block !important;
}
.sticky .sb-icon-search{
margin: -5px 0px 0 -12px !important;	
}
.sticky #menu-item-172389 {
display:block;
}
.sticky nav ul li a {
}
.none {
display: none !important;
}
.sticky .right-links {
float: left;
margin-right: 10px;
width: 80%;
}
.dropdown-content {
right: -57px;
}
.fa.fa-bars {
padding-right: 5px;
}
.sticky .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
right: 76px !important;
}
.search-aria button {
padding: 6px 7px;
}
.news-links a {
color: #63d7db;
margin: 0 6px 0 3px;
text-decoration: none;
}
.news-links {
width: 100%!important;
}
.responcive_post {
color: #232F2F;
display: block;
float: left !important;
font-family: Helvetica, sans-serif !important;
font-weight: bold !important;
margin: 0px 0 24px !important;
width: 100% !important;
font-size: 14px;
}
.responcive_post a {
font-family: Helvetica, sans-serif !important;
font-weight: bold !important;
color: #5AC6CA;
}
.responcive_post a:hover {
color: white;
text-decoration: none;
background: #63d7db;
padding: 3px 5px;
margin: -3px -5px;
transition: none;
} .widget {
display: none;
}
.news-scroller {
display: none;
margin-top: 90px;
padding-bottom: 50px;
position: relative;
}
.shilhost {
border: 2px solid #578384;
float: left;
margin: 22px 0 39px;
transition: all 1.25s ease-out 0s;
width: 97%;
}  .gellry_top_fav {
width: 93%;
}
.photo-sponsor {
background: none repeat scroll 0 0 #202529;
float: left;
height: 126px;
margin: 32px 0 21px;
width: 100%;
}
.article_box:last-child {
margin: 0;
}
.article_box:nth-child(3) {
margin: 0 22px 0 24px;
}
.article_box h2 a {
width: 100%;
}
.article_box {
float: left;
height: auto;
margin: 0 0 0 22px;
width: 185px;
}  .two-columns .column2 {
float: right;
width: 413px !important;
}
.interview_top_img {
background: none repeat scroll 0 0 #485657;
float: left;
height: auto;
left: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
right: 0;
width: 425px;
}
.rs_interview_top_img {
float: left;
height: 337px;
width: 100%;
}
.colm_rs_top {
float: left;
height: 299px;
width: 100%;
}
.colm_rs_bttm {
left: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
right: 0;
width: 447px;
}  .rader_small_box {
background: none repeat scroll 0 0 #fff;
float: left;
height: 329px;
margin: 17px 0 0;
overflow: hidden;
width: 347px;
}
.rader_small_box_se {
background: none repeat scroll 0 0 #fff;
float: left;
height: 329px;
margin: 18px 18px 0 17px;
overflow: hidden;
width: 347px;
}
.rader_long_box_se {
margin: 18px 0 0;
}
.rader_long_box {
background: none repeat scroll 0 0 white;
float: left;
height: 329px;
margin: 36px 18px 0 2px;
overflow: hidden;
width: 649px;
}
.rader_nav_right {
display: none;
}
.rader_nav_left {
width: 100%;
}
.container {
width: 95%;
}
.rs_slider-img {
width: 100% !important;
}
.latest-acros {
padding: 0;
}
.latest-acros-pad {
float: left;
padding: 12px;
width: 96.7%;
}
.foter_section_box:first-child {
height: auto;
}
body {
overflow-x: hidden;
}
.article_responsive {
width: 90% !important;
padding: 30px 20px;
}
.hover-box-container {
float: none;
margin: 0 auto;
width: 700px;
}
.slider-img {
float: none;
height: 401px;
margin: 0 auto;
overflow: hidden;
width: 700px;
}
.advert {
width: 72%;
}
.logo > a {
background-repeat: no-repeat;
}
.sticky .logo {
float: left;
margin-top: 14px;
width: 82px !important;
}
.sticky .advert {
float: right;
width: 87%;
}
.sticky .dropdown {
float: left !important;
}
.sticky #menu-item-171953 {
display: none;
}
.sticky .right-top-search {
float: right !important;
max-width: 46%;
width: 46%;
}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
left: 0 !important;
position: absolute;
}
.sticky #menu-item-179557 {
display: none;
}
.sticky #menu-item-179556 {
display: none;
}
.sticky .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
right: 84px;
}
.sticky nav ul li a {
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
nav ul li a {
padding: 12px 15px;
}
}
nav {
float: left;
width: 100%;
}
.search-aria input {
width: 71.4%;
}
.news-scroller {
width: 95%;
}
.news-links {
color: white;
float: right;
font-size: 11px;
height: auto;
margin: 0;
width: 34%;
}
.responsive_aside {
width: 100%;
display: none;
}
.foter_pad {
padding: 0 44px;
}
.foter_section_box {
margin: 25px 0 0;
}
footer {
float: left;
margin: 22px 0 47px;
width: 100%;
}
.hover_right_box {
width: 98%;
margin: 0;
}
p {
width: 100%;
}
.widget {
margin: 0;
width: 99%;
}
.letest_poste {
margin-left: 0;
}
.zoming_img_box {
width: 200px;
} .pov-aside,
.pov_aside {
width: 38%;
}
.pov_aside > .pov-aside:first-child {
width: 100%;
}
.pov_aside > .pov-aside:last-child {
width: 356px !important;
}
.logo-block > img {
height: auto;
width: 285px;
}
.video-rev > img {
width: auto;
}
.track-sec {
padding: 20px 4%;
width: 88%;
}
.track-related {
padding: 0;
width: 100%;
}
.posts_views_hover {
width: 100% !important;
}
.img_wrapper {
margin: 31px 0 0;
}
.img_wrapper > div {
width: 32.8%;
}
div.mighty-pretext {
float: left;
width: 84%;
margin: 0 5px;
padding: 30px;
}
}
@media only screen and (max-width:1014px) {
.dropdown-content {
right: -57px;
}
}
@media only screen and (max-width:1011px) {
.textwidget > img {
height: auto;
width: 100%;
}
.img_wrapper {
margin: 32px 0 0;
}
.dropdown-content {
right: -57px;
}
}
@media only screen and (max-width:993px) {
.pov_text_wrap {
padding: 32px 7% 15px;
}
.img_wrapper {
margin: 48px 0 0;
}
.dropdown-content {
right: -57px;
}
}
@media only screen and (max-width:980px) {
.sticky .right-top-search {
float: right !important;
max-width: 47%;
width: 47%;
}
.img_wrapper {
margin: 49px 0 0;
}
.sticky .sb-icon-search{
margin: -5px 0px 0 -12px !important;	
}
.sb-search-input {
}
nav ul li a {
padding: 14px 16px;
font-size: 19px;
}
}
@media (min-width: 808px) and (max-width: 960px) {
.search-aria input {
width: 66.4%;
}
.sticky .right-top-search {
float: right !important;
max-width: 45%;
width: 45%;
}
}
@media only screen and (max-width: 960px) {
.track-sec {
width: auto;
}
.sticky .sb-icon-search{
margin: -5px 0px 0 -12px !important;	
}
.sticky .right-top-search {
float: right !important;
max-width: 49%;
width: 49%;
}
.sticky nav ul li a {
}
.img_wrapper {
margin: 52px 0 0;
}
.pov_aside > .pov-aside:last-child {
width: 331px !important;
}
}
@media only screen and (max-width: 933px) {
.img_wrapper {
margin: 22px 0 0;
}
}
@media only screen and (max-width: 931px) {
.img_wrapper {
margin: 5px 0 0;
width: 100%;
}
.sticky .sb-icon-search{
margin: -5px 0px 0 -12px !important;	
}
.pov_logo_wrap {
width: 100%;
}
.pov_logo_wrap > img {
width: 159px !important;
}
.pov_logo_wrap a > img {
width: 159px !important;
}
.sticky .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
right: 80px !important;
}
.sticky .right-top-search {
float: right !important;
max-width: 47%;
width: 47%;
}
.sticky nav ul li a {
}
}
@media only screen and (max-width: 900px) {
.right-links li {
margin: 0 0 0 12px;
}
.sticky nav ul li a {
}
.sticky .right-top-search {
max-width: 43%;
width: 43%;
}
.sticky .sb-icon-search{
margin: -5px 0px 0 -12px !important;	
}
.sticky .right-links {
float: left;
width: 76%;
}
.sticky .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
right: 65px !important;
}
}
@media only screen and (max-width: 870px) {
.logo {
margin-top: 34px;
width: 156px !important;
}
.logo > a {
background-size: 100% auto;
}
.advert {
width: 75%;
}
.sticky .sb-icon-search{
margin: -5px 0px 0 -12px !important;	
}
nav ul li a {
padding: 11px 13px;
}
.pov_aside > .pov-aside:last-child {
width: 320px !important;
}
.sticky .right-links {
float: left;
width: 75%;
}
.sticky .right-top-search {
max-width: 42%;
width: 42%;
}
.sticky .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
right: 65px !important;
}
}
@media only screen and (max-width: 823px) {
.sticky .right-top-search {
max-width: 40%;
width: 40%;
}
.dropbtn {
margin-top: 0;
}
.sticky .sb-icon-search{
margin: -5px 0px 0 -12px !important;	
}
.de {
display: block !important;
}
.dropdown-content a:nth-child(2){display: none !important;}
.dropdown-content a:nth-child(3){display: none !important;}
.dropdown-content a:nth-child(4){display: none !important;}
.dropdown-content a:nth-child(5){display: none !important;}
.dropdown-content a:nth-child(6){display: none !important;}
.dropbtn.none {
display: block !important;
padding: 5px 0 17px !important;
text-transform: capitalize;
}
.menu .none:nth-child(8) {
display: block !important;
}
.dropbtn {
display: none;
}
.sticky .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
right: 38px !important;
}
.sticky .right-links {
float: left;
width: 70%;
}
.sticky .right-links li:first-child {
display: none;
}
}
@media only screen and (max-width:807px) {
.sb-icon-search {
top: 0 !important;
}
.sticky .sb-icon-search{
margin: -5px 0px 0 -12px !important;	
}
.se {
margin-top: 0;
}
.sb-search-open .sb-search-input {
margin-top: 1px !important;
}
.dropbtn {
padding: 2px 0 13px !important;
}
.fa.fa-search {
position: relative;
right: 1px;
top: 2px !important;
}
.right-mighty-img {
float: left;
margin: 0 0 0 9px;
width: 98%;
}
.left-mighty-img {
float: left;
margin: 0 0 21px 9px;
width: 98%;
}
.foter_section_box {
height: auto;
}
.article_box {
float: left;
height: auto;
margin: 0 0 0 22px;
width: 157px;
}
.latest-acros-pad {
float: left;
padding: 12px;
width: 90.7%;
}
.search-aria input {
margin-left: 2px;
}
.right-links {
width: 99.8%;
}
.pov_aside > .pov-aside:last-child {
width: 300px !important;
}
.pov_aside > .pov-aside > .logo-block > img {
width: 100%;
}
}
@media only screen and (max-width:654px) {
.right-links li:nth-child(2) {
display: none;
}
.right-links li:nth-child(3) {
display: none;
}
.dropdown {
display: block !important;
}
.right-links {
float: left;
width: 89%;
}
.dropdown-content a:nth-child(7) {
display: none !important;
}
.dropbtn.none {
padding: 4px 0 10px !important;
}
.img_wrapper > div {
width: 32.65%;
}
.sticky .right-top-search {
max-width: 42%;
width: 42%;
}
.img_wrapper .play_thumb:nth-child(3) {
margin: 0 auto;
}
.play_thumb > a {
margin: 5px 0;
}
.img_wrapper > div:last-child {
margin: 0 auto;
}
.img_wrapper > div {
float: none;
margin: 5px auto;
padding: 0;
width: 280px;
}
.pov_logo_wrap {
width: 100%;
}
.img_wrapper .play_thumb:nth-child(3) > a {
margin-bottom: 0;
}
}
@media only screen and (max-width:640px) {
.single-the_pickup .responsive_aside ul li:first-child {
display: block;
}
.single-the_pickup .responsive_aside ul li {
display: none;
}
.single-the_pickup .pickup-logo-wrapper p {
display: none;
}
.single-the_pickup #content {
max-width: 320px;
margin: 0 auto;
display: block;
float: unset;
}
.single-the_pickup aside, .single-the_pickup #sidebar {
float: left;
height: auto;
max-width: 320px;
margin: 0;
background-color: #253638;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
display: block;
}
.single-the_pickup .pickup {
max-width: 560px;
float: left;
margin: 30px 0 32px 0 !important;
background: transparent;
padding: 0;
width: 100% !important;
text-align: center;
} .single-the_pickup .mini-content {
width: 100%;
float: left;
margin-right: 0;
}
.single-the_pickup .mini-sidebar {
width: 100%;
float: right;
}
.single-the_pickup .article-body {
text-align: left;
}
.related-item {
width: calc(100% - 4px) !important;
margin: 0 auto 15px !important;
}
.related-wrap {
float: left;
width: 100%;
text-align: left;
}
.pickup-bottom-nav {
height: auto;
width: 100%;
margin: 0;
background-color: #253638;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
clear: both;
text-align: left;
}
.logo {
margin-top: 13px;
width: 156px !important;
}
.sticky .sb-icon-search{
margin: -5px 0px 0 -12px !important;	
}
.dropdown-content a:nth-child(1){ display:block !important;}
.dropdown-content a:nth-child(2){ display:block !important;}
.dropdown-content a:nth-child(3){ display:block !important;}
.dropdown-content a:nth-child(4){ display:block !important;}
.dropdown-content a:nth-child(5){ display:block !important;}
.dropdown-content a:nth-child(6){ display:block !important;}
.advert div:nth-child(2) {
display: none;
}
.sticky .logo {
float: left;
width: 82px !important;
}
.sticky .advert {
width: 68%;
}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
left: 0 !important;
position: absolute;
}
.dropbtn {
display: none;
}
.dropbtn.none {
display: block !important;
}
.dropbtn.none {
display: block !important;
padding: 12px 0 20px;
}
.dropdown {
text-align: right;
}
.none {
display: block !important;
}
.dropdown-content {
z-index: 9999;
}
.dropdown-content a {
padding-bottom: 8px !important;
}
header {
height: 48px;
}
.dropdown{ display:block!important;}
#menu-secondary-menu li {
display: none;
}
.advert {
width: 68%;
}
#menu-secondary-menu li:last-child {
display: block;
}
.template-browsing-links {
width: 100%;
margin-bottom: 30px;
}
.related-main {
width: 100%;
}
.track-related > h2 {
text-align: left;
}
.related-inner {
margin: 0 0 25px;
min-height: auto;
width: 100%;
}
.related-inner img {
width: 50% !important;
}
.related-inner p {
margin: 0 0 0 4%;
text-align: left;
width: 45%;
}
.pov-aside,  .contant-main,
#inner > #content aside{
width: 100%;
}
.dropdown {
float: right;
}
.right-links {
float: left;
width: 70%;
}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
margin: 1px 1px 0;
}
.dropdown {
float: right;
text-align: center;
}
.right-links {
padding: 6px 0 0;
}
.advert {
margin: 22px 0 0;
width: 60% !important;
}
.dropbtn.none {
margin-top: 6px !important;
}
.right-links {
float: left;
width: 85%;
}
.sticky .advert {
float: right;
width: 86% !important;
}
.sticky .right-top-search {
max-width: 100% !important;
width: 100% !important;
}
.sticky .advert {
float: right;
margin: 8px 0 0 !important;
width: 82% !important;
}
.sticky .right-links {
float: left;
width: 85%;
}
.sticky .dropbtn.none {
margin: 0 !important;
}
.sticky .logo {
margin-top: 15px !important;
}
}
@media only screen and (max-width:767px) {
.sticky .right-links{ margin:0;}
.sticky  .none {
display: block !important;
}
.sticky .advert div:nth-child(2) {
display: none;
}
.fa-search:before {
top: -2px !important;
}
.fa.fa-bars {
padding: 0;
}
.sticky .sb-icon-search{
margin: -5px 0px 0 -12px !important;	
}
.right-links li:nth-child(2) {
display: none;
}
.right-links li:nth-child(1) {
display: none;
}
.right-links li:nth-child(3) {
display: none;
}
.dropdown {
display: block !important;
}
.right-links {
float: left;
width: 78%;
}
.sb-search {
margin-right: 12px;
top: 1px;
}
.sb-search.sb-search-open, .no-js .sb-search {
margin: 1px 0 0;
}
.dropbtn.none {
padding: 6px 0 10px !important;
position: relative;
top: -1px;
}
.dropdown-content a:nth-child(7) {
display: none !important;
}
#menu-dropdown{
border: 1px solid rgba(150, 173, 174, 0.5);	
}
.advert {
width: 72%;
}
.sb-search-input::-moz-placeholder {
font-size: 12px !important;
}
.sb-search-open .sb-search-input {
font-size: 12px !important;
margin: 0px 21px 0 0;
border: 1px solid;
width: 55% !important;
}
.sticky .logo {
float: left;
margin-left: 0;
margin-right: 0;
}
.sticky .advert {
width: 86%;
}
.sb-icon-search {
margin:-6px 0 0 -6px !important;
}
.sb-search-input::-moz-placeholder {
font-size: 12px;
}
.search-aria button {
display: none;
}
.sticky nav ul li a {
}
.sticky .right-top-search {
max-width: 48%;
width: 48%;
}
.search_responsive {
display: block;
}
.search-aria {
display: none;
}
.sepret_hd {
margin: 0 0 34px 5px;
width: 97%;
}
.slider-img {
height: auto;
width: 100%;
}
.hover-box {
margin: 23px 0 0;
width: 100%;
height: auto;
}
.da-thumbs li {
float: left;
width: 100%;
background: #0e1e1f;
}
.hover-box-container {
width: 100%;
}
.video-rev.rev-vid-main,  .logo-block.logo-indv {
display: none;
}
.track-contant > ul {
display: block;
margin: 15px 0 0;
}
.track-contant ul li > a::before {
top: -7px;
}
.track-disc {
min-height: 180px;
}
.track-contant > ul a {
border-bottom: 2px solid #4e6162;
color: #4e6162;
font-size: 18px;
font-weight: 600;
padding: 0 0 2px;
text-transform: uppercase;
}
.track-sec.track-sec-indv {
border-color: #fff;
}
.track-sec:hover .play-btn, .track-sec:hover .play-overlay, .related-inner > a:hover .play-btn, .related-inner > a:hover .play-overlay {
display: none;
}
.page-id-165694 .contant-main {
padding-top: 0;
}
.sticky .right-top-search {
max-width: 43%;
width: 43%;
}
}
@media only screen and (max-width:767px) {
nav ul li a {
padding: 12px 8px;
font-size: 17px;
}
.rader_small_box_se {
margin: 18px 18px 0 0;
}
.da-thumbs li a div {
opacity: 1;
background: none;
}
.da-thumbs li a:hover div {
opacity: 1;
}
.da-thumbs li a div span {
background: #000;
font-size: 15px;
font-weight: 600;
margin: 0 0 30px;
padding: 20px;
width: auto;
z-index: 24;
left: 0;
bottom: 20px;
max-width: 50%;
}
.custom-width {
font-size: 15px !important;
padding: 20px !important;
width: auto !important;
}
.gellry-btn,  strong.gellry-text {
display: none;
}
.textwidget > img {
height: auto;
width: 100%;
} #da-thumbs img {
height: auto !important;
width: 100%;
}
.radar_container .item.item-large {
height: auto;
width: 100%;
} .for_pov_page .play-btn,  .for_pov_page .play-overlay,  .for_pov_page .overlay_text {
display: block;
}
.search-aria input {
margin-right: 1px;
}
}
@media only screen and (max-width:692px) {
.search_responsive {
right: 23px;
top: 33px;
}
#menu-dropdown{
border: 1px solid rgba(150, 173, 174, 0.5);	
}
.sticky .right-links li {
margin: 0 0 0 6px;
}
.sticky .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
left: 6px !important;
position: absolute !important;
top: 1px;
}
.sb-search {
margin-top: 1px;
}
.sticky .se {
font-size: 12px;
margin: 1px 0 0;
}
.dropbtn {
padding: 2px 0 13px !important;
}
.sticky .right-top-search {
max-width: 43%;
width: 453%;
}
.sticky .right-top-search {
max-width: 44%;
width: 44%;
}
.sticky .logo {
margin-top: 16px;
width: 82px !important;
}
.sticky .advert {
width: 86%;
}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
left: 0 !important;
position: absolute;
}
#inner img {
height: auto;
max-width: 100%;
}
.widget_pt_author_info {
display: none;
}
.foter_section_box {
height: auto;
width: 196px;
}
.author-twitter {
float: none;
margin: 6px 0 0 7px;
width: auto;
}
.author-description {
float: none;
font-size: 12px;
margin: 0 auto;
width: 56%;
}
.author-avatar {
float: none;
margin: 0 auto;
max-width: 200px;
text-align: center;
}
.zoming_img_box {
background: none repeat scroll 0 0 #fff;
border: 1px solid #878c8d;
float: none;
height: 160px;
margin: 0 auto;
overflow: hidden;
transition: all 0.25s ease-out 0s;
width: 209px;
}
.zoom_box_aria {
float: none;
margin: 0 auto;
text-align: center;
width: 100%;
}
.more_lins_this {
margin: 0 auto;
width: 178px;
}
.widget {
margin: 0 auto;
text-align: center;
width: 99%;
}
aside, #sidebar {
float: right;
height: auto;
margin: 22px 0 0;
width: 100%;
}
.da-thumbs li a div {
color: white;
height: 100%;
left: 0 !important;
opacity: 0.91;
background: none;
position: absolute;
transition: all 0.5s ease 0s !important;
width: 100%;
}
.page_new_continue a {
margin: 0 0 3px !important;
}
.rader_long_box {
background: none repeat scroll 0 0 white;
float: left;
height: auto;
margin: 36px 18px 0 2px;
overflow: hidden;
width: 100%;
}
.rader_long_box_se {
height: auto;
width: 100%;
}
#da-thumbs img {
width: 100%;
}
.gellry_top_fav {
width: 98%;
margin: 0 0 16px;
}
.cover_boxes {
float: left;
height: auto;
margin: 0;
width: 100%;
}
.page_new_continue a {
background: none repeat scroll 0 0 #474e56;
color: white;
float: left;
font-family: Helvetica, sans-serif;
font-size: 15px;
margin: 0;
padding: 7px;
text-align: center;
text-decoration: none;
transition: color 0.25s ease-out 0s;
width: 100%;
}
.right-links li {
width: auto;
}
.da-thumbs li a div span {
bottom: 0;
}
.rader_small_box_se.item.item-large {
height: auto;
width: 100%;
}
.social-icons > img {
width: 128px !important;
}
.video-rev > img {
width: auto !important;
}
.logo-block > img {
width: 285px !important;
}
.inner-img > div > img:last-child {
width: 80px !important;
}
.search-aria input {
margin-right: 1px;
}
}
@media only screen and (max-width: 590px) {
.sticky .logo {
width: 82px !important;
}
.sticky .advert {
width: 73% !important;
}
.sticky .right-links {
float: left;
width: 82%;
}
.right-links {
float: left;
width: 78%;
}
iframe {
width: 100% !important;
}
.track-head > div:last-child {
padding: 0 0 10px;
text-align: left;
width: 100%;
}
#menu-dropdown{
border: 1px solid rgba(150, 173, 174, 0.5);	
}
.dropbtn.none {
}
.advert {
margin: 22px 0 0;
width: 58%;
}
.track-head > div:first-child,  .track-disc {
width: 100%;
}
.inner-img {
margin: 0 0 50px;
width: 100%;
}
.track-disc > p {
padding: 0;
}
.track-disc {
min-height: auto;
}
.track-contant > ul {
margin: 25px 0 0;
}
}
@media all and (min-width: 900px) {
.items-wrapper {
display: block;
float:left;
}
.grid-item-2 .grid-top h3 > span {
line-height: 15px;
margin-bottom: -3px;
}
}
@media all and (max-width: 568px) {
.items-wrapper {
column-count: 1;
}
}
@media all and (max-width:1024px) {
.acf-actions.-hover {
display: block !important;
max-width: 20% !important;
left: -12px;
top: -28px;
z-index: 99999 !important;
}
.acf-field.acf-field-taxonomy .acf-label {
margin: 0 0 30px;
}
.acf-icon.small, .acf-icon.-small {
width: 109px !important;
height: 18px;
line-height: 18px !important;
font-size: 14px;
background-color: transparent !important;
border-color:transparent !important;
overflow: visible !important;
color: #63d7db;
}
.acf-actions .acf-icon::before {
font-family: Open Sans, sans-serif !important;
content: 'Add a new band' !important;
width: 9em !important;
}
.acf-icon.-cancel::before {
top: 4px !important;
}
a.acf-icon:hover {
border-color: transparent;
background: #2a9bd9;
background-color: rgb(42, 155, 217);
color: #63d7db;
}
}
@media only screen and (max-width:790px) {
#search.submit {
margin-top: -2px !important;
}
}
@media only screen and (max-width:736px) {
.search-pop {
display: block;
width: 85%;
min-width: 84%;
}
.search-pop p.mobile-hide, .search-pop h3, .search-pop .list-wrap {
display:none !important;
}
}
@media only screen and (max-width:567px) {
.grid-item-2 .grid-top h3 {
position: absolute;
top: 0;
background-color: #0c181d;
color: #fff;
padding: 8px;
text-transform: uppercase;
font-size: 20px !important;
max-width: 75%;
margin: 7px 0px 0 7px;
font-family: 'Open Sans Condensed', sans-serif;
line-height: 20px !important;
}
.reponcive-post {
display: block;
float: left;
font-family: Verdana !important;
font-weight: bold !important;
margin: 0 0 23px;
width: 100% !important;
}
.foter_pad .logo {
float: none;
width: 144px;
}
.article_box {
float: left;
height: auto;
margin: 0 0 0 22px;
width: 222px;
}
.article_box:nth-child(3) {
margin: 0 22px 0 0;
}
.page_new_continue {
float: left;
margin: 29px 0 55px;
transition: all 1.5s ease 0s;
width: 93%;
}
.page_new_continue a {
margin: 0 0 10px;
}
h4 {
font-size: 18px;
}
#menu-dropdown{
border: 1px solid rgba(150, 173, 174, 0.5);	
}
.footer_top_center {
margin: 0px;
width: 100%;
}
.foter_center {
margin: 0px;
width: 69%;
}
.foter_section_box > ul {
float: left;
text-align: left;
}
.foter_section_box:first-child {
margin: 25px 0 0;
width: 60%;
}
.foter_center {
margin: 0px;
width: 80%;
}
}
@media only screen and (max-width:530px) {
.article_box {
float: left;
height: auto;
margin: 0 0 0 22px;
width: 191px;
}
.article_box h2 a {
width: 100%;
}
.page-content-right {
float: right;
width: 100%;
}
.page-content-left {
float: left;
width: 100%;
}
#menu-dropdown{
border: 1px solid rgba(150, 173, 174, 0.5);	
}
.contect-box-img {
border: 2px solid #578384;
margin: 11px 0 30px;
max-width: 100%;
max-height: none;
overflow: hidden;
transition: all 1.5s ease 0s;
}
}
}
@media only screen and (max-width:500px) {
.date_section {
display: none;
}
.fa-search:before {
top: -8px !important;
}
.sticky .logo {
margin-top: 2.5% !important;
width: 22% !important;
}
.sticky .right-links {
float: left;
}
.advert {
width: 72%;
}
.single-news aside, #sidebar {
display: none;
}
.foter_center {
margin: 0 auto;
.  width: 56%;
}
.sponsor-pad > img {
display: none;
}
.photo-sponsor {
height: auto;
}
.photo-sponsor p {
width: 100%;
}
}
@media only screen and (max-width: 480px) {
#da-thumbs img {
height: auto;
width: 100%;
}
.fa-search:before {
top: -8px !important;
}
.sticky .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
left: 0 !important;
}
.advert {
margin: 20px 0 0;
width: 60% !important;
}
.fa.fa-search {
font-size: 14px !important;
}
.dropbtn {
padding: 8px 0 13px !important;
}
.dropbtn.none {
top: -3px;
}
.rader_small_box_se {
height: auto;
margin: 18px 0 0;
width: 100%;
}
.video-rev > img {
width: 100% !important;
}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
margin: 0px 5px !important;
}
.dropdown {
float: right;
}
.right-links {
float: left;
width: 78%;
}
.right-links {
padding: 6px 0 0;
}
.sb-search.sb-search-open, .no-js .sb-search {
margin: 1px 0 0;
}
}
@media only screen and (max-width:455px) {
.table_links table {
width: 100%;
}
.fa-search:before {
top: -8px !important;
}
.advert {
margin: 20px 0 0;
width: 62% !important;
}
.interview_top_img {
width: 300px;
}
.interview_padding h3 {
width: 100%;
}
.interview_img_box {
width: 98.3%;
}
.interview_img_box img {
width: 100%;
}
.colm_rs_bttm {
width: 300px;
}
div.two-columns .column2 {
float: right;
width: 280px !important;
}
.table_container {
float: left;
margin: 24px 0 52px;
width: 100%;
}
.table {
width: 477px;
}
h2 {
font-size: 21px;
}
.date_section_hadding {
float: left;
width: 95%;
}
iframe {
height: 235px !important;
}
.sticky .right-links {
width: 76% !important;
}
.logo {
margin-top: 13px;
width: 135px !important;
}
}
@media only screen and (max-width:426px) {
.logo {
margin-top: 13px;
width: 112px !important;
}
.dropdown-content {
min-width: 325px !important;
text-align: right;
}
.sticky .logo {
margin-top: 14px !important;
width: 82px !important;
}
.sticky .advert {
width: 70% !important;
}
.advert {
float: right;
padding-right: 10px;
}
.advert {
margin: 10px 0 0;
width: 59% !important;
}
.search-aria button {
display: none;
}
.right-links {
float: left;
width: 73%;
}
.article_box {
float: none;
height: auto;
margin: 0 auto !important;
width: 246px;
}
.search-aria input {
height: 25px;
width: 88.4% !important;
}
.foter_center {
margin: 0 auto;
width: 72%;
}
.article_gellry_box h1 {
font-size: 18px;
}
.search-aria input {
height: 25px;
width: 67.4%;
}
.search-aria input {
margin-right: 2px;
}
.fa-search:before {
top: -8px !important;
}
}
@media only screen and (max-width:331px) {
.foter_center {
margin: 0 auto;
width: 81%;
}
}
@media only screen and (max-width:360px) {
.foter_center {
margin: 0 auto;
width: 82%;
}
.sb-search.sb-search-open .fa.fa-search::before {
position: relative;
top: -7px !important;
}
.container {
width: 90%;
}
.sb-search-input {
width: 64% !important;
}
.advert {
width: 72%;
}
}
@media only screen and (max-width:360px) {
.advert {
margin: 10px 0 0;
padding: 0 !important;
width: 55% !important;
}
.sticky .advert {
width: 68% !important;
}
.sb-search.sb-search-open, .no-js .sb-search {
width: 90px !important;
}
.logo > a {
background-size: 100% 100%;
}
.right-links {
float: left;
width: 105px;
}
.sb-search-open .sb-search-input {
border: 1px solid;
margin: 4px -2px 0 0;
width: 79% !important;
}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
margin: 1px 2px 0;
}
.dropdown {
float: right;
}
.right-links {
padding: 6px 0 0;
}
.sb-search.sb-search-open, .no-js .sb-search {
margin: 0;
width: 100%;
}
.logo > a {
height: 22px !important;
}
.dropbtn {
padding: 8px 0 13px !important;
}
.sticky .right-links {
width: 70% !important;
}
.sticky .dropbtn.none {
padding: 4px 0 19px !important;
}
.dropdown-content {
min-width: 324px !important;
text-align: left;
}
}
@media only screen and (max-width:320px) {
.grid-item-2 .grid-top h3 > span {
bottom: -40px !important;
}
.dropdown-content {
min-width: 289px !important;
text-align: left;
}	 
}.posts-scroller {
position: relative;
}
.posts-scroller ul {
overflow: hidden;
margin-right: 36px;
height: 294px;
white-space: nowrap;
}
.posts-scroller ul li {
display: inline-block;
width: 135px;
white-space: normal;
vertical-align: top;
margin-right: 15px;
height: 265px;
overflow: hidden;
}
.posts-scroller .preview {
border: 2px solid #578384;
display: block;
overflow: hidden;
height: 132px;
width: 131px;
overflow: hidden;
}
.posts-scroller img {
display: block;
min-width: 131px;
min-height: 132px;
width: 100%;
height: auto;
}
.posts-scroller a {
display: block;
}
.posts-scroller a strong {
font-family: 'Open Sans Condensed';
font-size: 19px;
display: block;
margin-bottom: 10px;
font-weight: normal;
color: #63d7db;
}
.posts-scroller em {
color: #63d7db;
display: block;
font-size: 11px;
}
.posts-scroller a:hover strong {
color: #FFF;
}
.posts-scroller a:hover em {
color: #FFF;
}
.posts-scroller a:hover .preview {
border-color: #FFF;
}
.posts-scroller.active-scroller .fader-scroll-right, .posts-scroller.active-scroller .fader-scroll-right {
height: 250px;
}
.posts-scroller.active-scroller .fader-scroll-right {
right: 36px;
}
.news-scroller {
position: relative;
padding-bottom: 50px;
margin-top: 90px;
} .news-scroller li {
padding-right: 6px;
margin-right: 0px;
background:none;
}
.news-scroller li:last-child {
background: none;
padding-right: 0;
}
.news-scroller a, .news-scroller a:visited {
font-family: Helvetica, sans-serif;
font-size: 16px;
color: #63d7db;
text-decoration: none;
transition: all 0.2s ease-out 0s;
}
.news-scroller a:hover {
color: white;
transition: none;
}
.news-scroller.active-scroller ul {
margin: 0 20px;
}
.news-scroller.active-scroller .previous-scroll-arrow, .news-scroller.active-scroller .next-scroll-arrow {
background-image: url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/img/arrows-small.png);
width: 20px;
height: 20px;
top: 39px;
}
.news-scroller.active-scroller .previous-scroll-arrow {
background-position: 0 0;
left: 0;
}
.news-scroller.active-scroller .previous-scroll-arrow:hover {
background-position: 0 -20px;
}
.news-scroller.active-scroller .next-scroll-arrow {
background-position: -20px 0;
}
.news-scroller.active-scroller .next-scroll-arrow:hover {
background-position: -20px -20px;
}
.news-scroller.active-scroller .fader-scroll-right, .news-scroller.active-scroller .fader-scroll-left {
height: 30px;
}
.news-scroller.active-scroller .fader-scroll-right {
right: 20px;
}
.news-scroller.active-scroller .fader-scroll-left {
left: 20px;
}
.latest-across li {
padding-bottom: 15px;
display: block;
}
.scroller ul {
overflow: hidden;
white-space: nowrap;
}
.scroller ul li {
display: inline-block;
white-space: normal;
zoom: 1;
*display: inline;
}
.news-scroller ul li {
height: 30px;
}
*:first-child+html .posts-scroller ul {
} *:first-child+html .scroller ul li {
display: inline;
zoom: 1;
} *:first-child+html .posts-scroller ul li {
display: inline;
height: 294px
} .active-scroller {
position: relative;
}
.active-scroller ul {
overflow: hidden;
position: relative;
}
.active-scroller .previous-scroll-arrow, .active-scroller .next-scroll-arrow {
position: absolute;
top: 0px;
width: 36px;
height: 356px;
background: url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/css/images/buttons/arrows.png) 0 0 no-repeat;
cursor: pointer;
z-index: 3;
}
.active-scroller .previous-scroll-arrow {
right: 100%;
background-position: 0 0;
}
.active-scroller .previous-scroll-arrow:hover {
background-position: 0 -356px;
}
.active-scroller .next-scroll-arrow {
right: 0;
background-position: -36px 0;
}
.active-scroller .next-scroll-arrow:hover {
background-position: -36px -356px;
}
.active-scroller .fader-scroll-left, .active-scroller .fader-scroll-right {
position: absolute;
width: 20px;
z-index: 2;
background: url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/css/images/backgrounds/fader.png) 0 0 repeat-y;
display: none !important;
height: 0 !important;
}
.active-scroller .fader-scroll-left {
background-position: -20px 0;
left: 0;
}
.active-scroller .fader-scroll-right {
background-position: 0 0;
right: 0;
}
.active-scroller .scroll-bar {
position: absolute;
left: 0;
bottom: 0;
height: 17px;
z-index: 3;
background: url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/css/images/backgrounds/scrollbar.png) right 0 no-repeat;
}
.active-scroller .scroll-bar-handle {
position: absolute;
height: 100%;
width: 91px;
top: 0;
left: 0;
cursor: default;
background: url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/css/images/backgrounds/scrollbar-handle.png) 0 0 no-repeat;
}
.section h3 strong {
color: white;
font-family: 'Open Sans Condensed';
font-size: 20px;
font-weight: normal;
margin-right: 5px;
}
.news-scroller.section.scroller.active-scroller > h3 {
margin: 0 0 12px;
}.scroller ul li{background:none; }

.social-sharing{width: 100%; clear: both;}
.social-sharing span{display: inline-block;font-size: 110%;}
.social-sharing span.top, .social-sharing span.bottom {width:100%;} .social-sharing span.right {display: inline;}  
a.button-facebook,a.button-googleplus,a.button-twitter,a.button-linkedin,a.button-pinterest,a.button-xing,a.button-reddit{color: #fff;text-decoration:none;font-size: 16px;font-weight:normal; margin:1% 1% 1% 0;padding:5px 1%;padding:.5rem 1%;text-align:center;display: inline-block;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);border:0px;}
a.button-facebook {background-color: #2b4170;background: -moz-linear-gradient(top, #3b5998, #2b4170);background: -ms-linear-gradient(top, #3b5998, #2b4170);background: -webkit-linear-gradient(top, #3b5998, #2b4170);text-shadow: 0 -1px -1px #1f2f52;}
a.button-facebook:hover {background-color: #3b5998;background: -moz-linear-gradient(top, #2b4170, #3b5998);background: -ms-linear-gradient(top, #2b4170, #3b5998);background: -webkit-linear-gradient(top, #2b4170, #3b5998);color:#fff;}
a.button-googleplus { background-color: #c33219;background: -moz-linear-gradient(top, #e64522, #c33219);background: -ms-linear-gradient(top, #e64522, #c33219);background: -webkit-linear-gradient(top, #e64522, #c33219);text-shadow: 0 -1px -1px #972412;}
a.button-googleplus:hover {background-color: #e64522;background: -moz-linear-gradient(top, #c33219, #e64522);background: -ms-linear-gradient(top, #c33219, #e64522);background: -webkit-linear-gradient(top, #c33219, #e64522); color:#fff;}
a.button-twitter {background-color: #0081ce;background: -moz-linear-gradient(top, #00aced, #0081ce);background: -ms-linear-gradient(top, #00aced, #0081ce);background: -webkit-linear-gradient(top, #00aced, #0081ce);text-shadow: 0 -1px -1px #005ea3;} 
a.button-twitter:hover {background-color: #00aced;background: -moz-linear-gradient(top, #0081ce, #00aced);background: -ms-linear-gradient(top, #0081ce, #00aced);background: -webkit-linear-gradient(top, #0081ce, #00aced);color:#fff;}
a.button-linkedin {background-color: #0073b2;background: -moz-linear-gradient(top, #009cda, #0073b2);background:-ms-linear-gradient(top, #009cda, #0073b2);background: -webkit-linear-gradient(top, #009cda, #0073b2);text-shadow: 0 -1px -1px #005486;}
a.button-linkedin:hover{background-color: #009cda;background: -moz-linear-gradient(top, #0073b2, #009cda);background: -ms-linear-gradient(top, #0073b2, #009cda);background: -webkit-linear-gradient(top, #0073b2, #009cda);color:#fff;}
a.button-pinterest {background-color: #a0171c;background: -moz-linear-gradient(top, #cb2027, #a0171c);background: -ms-linear-gradient(top, #cb2027, #a0171c);background: -webkit-linear-gradient(top, #cb2027, #a0171c);text-shadow: 0 -1px -1px #761114;}
a.button-pinterest:hover{background-color: #cb2027; background: -moz-linear-gradient(top, #a0171c, #cb2027);background: -ms-linear-gradient(top, #a0171c, #cb2027);background: -webkit-linear-gradient(top, #a0171c, #cb2027);color:#fff;}
a.button-xing{background-color: #135353; background: -moz-linear-gradient(top, #006464, #135353);background: -ms-linear-gradient(top, #006464, #135353);background: -webkit-linear-gradient(top, #006464, #135353);text-shadow: 0 -1px -1px #1e7677;}
a.button-xing:hover {background-color: #006464;background: -moz-linear-gradient(top, #135353, #006464);background: -ms-linear-gradient(top, #135353, #006464);background: -webkit-linear-gradient(top, #135353, #006464);color:#fff;}
a.button-reddit { background-color: #c33219;background: -moz-linear-gradient(top, #f04b23, #c33219);background: -ms-linear-gradient(top,#f04b23, #c33219);background: -webkit-linear-gradient(top,#f04b23, #c33219);text-shadow: 0 -1px -1px #972412;}
a.button-reddit:hover {background-color: #f04b23;background: -moz-linear-gradient(top, #c33219, #f04b23);background: -ms-linear-gradient(top, #c33219,#f04b23);background: -webkit-linear-gradient(top, #c33219, #f04b23); color:#fff;}
.ss-social-sharing a{text-indent: -99999px;}
a.ss-button-facebook, a.ss-button-googleplus, a.ss-button-twitter, a.ss-button-linkedin,a.ss-button-pinterest,a.ss-button-xing, a.ss-button-reddit{background-image: url(//www.punktastic.com/wp-content/plugins/wp-social-sharing/static/socialshare.png);width: 45px;height: 45px;background-repeat: no-repeat;padding: 0px;border: 0px;margin:1% 1% 1% 0;display: inline-block;}
a.ss-button-twitter{background-position:0px -45px;}a.ss-button-twitter:hover{background-position:0px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
a.ss-button-googleplus{background-position: -45px -45px;}a.ss-button-googleplus:hover{background-position: -45px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
a.ss-button-facebook{background-position: -90px -45px;}a.ss-button-facebook:hover{background-position: -90px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
a.ss-button-linkedin{background-position: -135px -45px;}a.ss-button-linkedin:hover{background-position: -135px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
a.ss-button-pinterest{background-position: -180px -45px;}a.ss-button-pinterest:hover{background-position: -180px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
a.ss-button-xing{background-position: -225px -45px;}a.ss-button-xing:hover{background-position: -225px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
a.ss-button-reddit{background-position: -270px -45px;}a.ss-button-reddit:hover{background-position: -270px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;} @media (max-width : 480px){
.social-sharing a{text-indent: -99999px;}
a.button-facebook, a.button-googleplus,a.button-twitter,a.button-linkedin,a.button-pinterest,a.button-xing,a.button-reddit{background-image: url(//www.punktastic.com/wp-content/plugins/wp-social-sharing/static/socialshare.png) !important;width: 45px;height: 45px;background-repeat: no-repeat;padding: 0px;border: 0px;}
a.button-twitter{background-position:0px -45px; }a.button-twitter:hover{background-position:0px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
a.button-googleplus{background-position: -45px -45px;}a.button-googleplus:hover{background-position: -45px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
a.button-facebook{background-position: -90px -45px;}a.button-facebook:hover{background-position: -90px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
a.button-linkedin{background-position: -135px -45px;}a.button-linkedin:hover{background-position: -135px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
a.button-pinterest{background-position: -180px -45px;}a.button-pinterest:hover{background-position: -180px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
a.button-xing{background-position: -225px -45px;}a.button-xing:hover{background-position: -225px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
a.button-reddit{background-position: -270px -45px;}a.button-reddit:hover{background-position: -270px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
}@font-face {
font-family: 'icomoon';
src:url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/fonts/icomoon/icomoon.eot);
src:url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/fonts/icomoon/icomoon.eot?#iefix) format('embedded-opentype'),
url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/fonts/icomoon/icomoon.woff) format('woff'),
url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/fonts/icomoon/icomoon.ttf) format('truetype'),
url(//www.punktastic.com/wp-content/themes/punktastic-july-2018/assets/fonts/icomoon/icomoon.svg#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
.sb-search {
float: right; margin-top: -2px;
min-width: 75px;
position: relative;
transition: width 0.3s ease 0s;
width: 0;
}
.sb-search-open {
}
.sb-search-input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #96adae !important;
font-family: Helvetica, sans-serif !important;
font-size: 12px;
font-weight: bold;
margin: 0;
outline: medium none;
padding: 0 6px !important;
position: absolute;
right:-15px;
top: 1px;
width: 88%;
}
.sb-search-open .sb-search-input {
padding-right: 0;
width: 80%;
}
.sticky .sb-search-open .sb-search-input {
padding-right: 0;
width: 60%;
margin-right: 30px;
}
.sb-search-input::-webkit-input-placeholder {
color: #96adae;
font-family: Helvetica, sans-serif;
font-style: unset;
}
.sb-search-input:-moz-placeholder {
color: #96adae;
font-family: Helvetica, sans-serif;
font-style: unset;
font-size: 13px;
}
.sb-search-input::-moz-placeholder {
color: #96adae;
font-family: Helvetica, sans-serif;
font-style: unset;
font-size: 13px;
}
.sb-search-input:-ms-input-placeholder {
color: #96adae;
font-family: Helvetica, sans-serif;
font-style: unset;
font-size: 13px;
}
.sb-icon-search, .sb-search-submit {
cursor: pointer;
display: block;
height: 18px;
left: 0;
line-height: 60px;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
top: -2px;
width: 18px;
}
.fa-search {
font-size: 13px;
margin: 6px 0 0 0;
}
.sb-search-submit {
background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;
color: transparent;
border: none;
outline: none;
z-index: -1;
}
.sb-icon-search {
background: #0e1e1f none repeat scroll 0 0;
color: #96adae;
font-size: 15px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-top: -4px;
position: relative;
text-transform: none;
width: 90px;
z-index: 99999999999;
left: -6px;
}
.se {
float: right;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin-top: 5px;
padding-left: 6px;
}
.sb-search.sb-search-open, .no-js .sb-search {
margin: 1px 0 0;
width: 130px;
}
.sb-search.sb-search-open .fa.fa-search::before {
position: relative;
top: -3px;
left: 14px;
}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #96adae;
right: 0;
z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
left: 0;
z-index: 90;
} .dropbtn {
background-color: transparent;
border: medium none;
color: #96adae;
cursor: pointer;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 0 0 18px;
} .dropbtn:hover, .dropbtn:focus {
color: #63D4B2;
}
.sticky .dropdown {
float: left !important;
} .dropdown {
position: relative;
display: inline-block;
top: -3px;
} .dropdown-content {
background-color: #0e1e1f;
display: none;
min-width: 155px;
padding: 0;
position: absolute;
right: 0;
text-align: left;
z-index: 9999;
} .dropdown-content a {
border-bottom: none;
color: white;
display: block;
font-family: Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
padding: 10px !important;
text-decoration: none;
} .dropdown-content a:hover {
color: white;
background: #5AC6CA;
} .show {display:block;}
.dropdown {
display: none;
}
.sticky .dropbtn {
position: relative;
top: 1px;
}
@media only screen and (max-width: 480px) {
.sticky .dropbtn, .sticky .dropbtn.none {
top: -1px !important;
}
}