.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: 'Scamp-Player';
src:
url(//djsvet.com/wp-content/plugins/spectra-toolkit/assets/fonts/Scamp-Player.ttf) format('truetype'),
url(//djsvet.com/wp-content/plugins/spectra-toolkit/assets/fonts/Scamp-Player.woff) format('woff'),
url(//djsvet.com/wp-content/plugins/spectra-toolkit/assets/fonts/Scamp-Player.svg#Scamp-Player) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'Scamp-Player' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-close:before {
content: "\f00d";
}
.icon-remove:before {
content: "\f00d";
}
.icon-times:before {
content: "\f00d";
}
.icon-download:before {
content: "\f019";
}
.icon-repeat:before {
content: "\f01e";
}
.icon-rotate-right:before {
content: "\f01e";
}
.icon-refresh:before {
content: "\f021";
}
.icon-volume-off:before {
content: "\f026";
}
.icon-volume-down:before {
content: "\f027";
}
.icon-volume-up:before {
content: "\f028";
}
.icon-step-backward:before {
content: "\f048";
}
.icon-play:before {
content: "\f04b";
}
.icon-pause:before {
content: "\f04c";
}
.icon-step-forward:before {
content: "\f051";
}
.icon-random:before {
content: "\f074";
}
.icon-retweet:before {
content: "\f079";
}
.icon-bars:before {
content: "\f0c9";
}
.icon-navicon:before {
content: "\f0c9";
}
.icon-reorder:before {
content: "\f0c9";
}
.icon-spinner:before {
content: "\f110";
}
.icon-shopping-basket:before {
content: "\f291";
}
.icon-loop:before {
content: "\e600";
}
.icon-shuffle:before {
content: "\e601";
}
.icon-add-shopping-cart:before {
content: "\e609";
}
.icon-highlight-remove:before {
content: "\e60b";
}
.icon-pause-circle-outline:before {
content: "\e611";
}
.icon-play-arrow:before {
content: "\e612";
}
.icon-play-circle-outline:before {
content: "\e613";
}
.icon-queue-mus:before {
content: "\e614";
}
.icon-skip-next:before {
content: "\e616";
}
.icon-skip-previous:before {
content: "\e617";
}
.icon-volume-down2:before {
content: "\e618";
}
.icon-volume-mute:before {
content: "\e619";
}
.icon-volume-off2:before {
content: "\e61a";
}
.icon-volume-up2:before {
content: "\e61b";
}
.icon-remove-circle-outline:before {
content: "\e61c";
}
.icon-cancel:before {
content: "\e61e";
}
.icon-menu:before {
content: "\e61f";
}
.icon-sync:before {
content: "\e620";
}
.icon-share:before {
content: "\e621";
}
.icon-download2:before {
content: "\e900";
} #scamp_player * {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#scamp_player {
font:12px/1.4 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Garuda,Verdana,Tahoma,sans-serif;
} #scamp_player {
width: 100%;
clear: both;
position: fixed;
left: 0;
bottom: 0;
bottom: -100%;
z-index: 999999;
}
#scamp_player > a { display: none; }
#scamp_player, .sp-buttons-container a {
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
#scamp_player.sp-show {
bottom: 0px;
} #sp-toggle-wrap {
overflow: hidden;
}
#sp-toggle {
float: right;
width: 30px;
height: 20px;
z-index: 10;
cursor: pointer;
text-align: center;
font-size: 26px;
font-weight: normal;
line-height: 20px;
z-index:2;
position:relative;
}
#sp-toggle:after {
display: inline-block;
}
#scamp_player.sp-show-player #sp-toggle:after {
display: inline-block;
} .sp-main-container {
position: relative;
display: none;
}
#scamp_player.sp-show-player .sp-main-container {
display: block;
}
#scamp_player.sp-show-player.sp-show-list .sp-main-container {
} .sp-player-container {
width: 100%;
z-index: 2;
padding: 0 20px;
height: 58px;
position: relative;
}
.sp-show-list .sp-player-container:before {
content: '';
width: 100%;
height: 20px;
position: absolute;
left: 0;
top: -20px;
border-bottom: 1px solid;
} .sp-buttons-container {
width: 23.94366%;
float: left;
margin-right: 1.40845%;
height: 58px;;
position: relative;
line-height: normal;
padding-top: 10px;
}
.sp-buttons-container .sp-controls {
display: inline-block;
text-align: left;
}
.sp-buttons-container a {
display: inline-block;
cursor: pointer;
margin-right: 5px;
font-size: 28px;
vertical-align: middle;
text-align: left;
}
.sp-buttons-container a:hover {}
.sp-buttons-container a:before {
font-family: 'Scamp-Player';
}
.sp-buttons-container a.sp-play-button:before {
font-size: 42px;
}
#scamp_player.playing .sp-buttons-container a.sp-play-button:before {
font-size: 42px;
}
#scamp_player.loading .sp-buttons-container a.sp-play-button:before {
font-size: 42px;
display: inline-block;
-webkit-animation:spin 2s linear infinite;
-moz-animation:spin 2s linear infinite;
animation:spin 2s linear infinite;
}
.sp-buttons-container a.sp-next-button:before {
}
.sp-buttons-container a.sp-prev-button:before {
} .sp-volume-container {
position: relative;
display: inline-block;
}
.sp-buttons-container a.sp-volume-button:before {}
.sp-buttons-container a.sp-volume-button.sp-vol-max:before { }
.sp-buttons-container a.sp-volume-button.sp-vol-medium:before { }
.sp-buttons-container a.sp-volume-button.sp-vol-off:before { }
.sp-volume-bar-container {
width: 120px;
position: absolute;
top: -69px;
left: -45px;
height: 40px;
display: none;
}
.sp-volume-bar-container:after {
content: "";
width: 20px;
height: 20px;
position: absolute;
bottom: -10px;
left:50%;
margin-left: -10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.sp-volume-slider {
height: 8px;
width: 100px;
position: relative;
margin-left: 10px;
margin-top: 16px;
z-index: 1;
cursor:ew-resize;
cursor:-moz-grab;
cursor:grab;
}
.sp-volume-position {
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 8px;
max-width: 100px;
z-index: 1;
} .sp-buttons-container .sp-queue-button-container {
float: right;
position: relative;
}
.sp-buttons-container a.sp-queue-button:before {
font-size: 42px;
}
#scamp_player.sp-show-list .sp-buttons-container a.sp-queue-button:before {
font-size: 42px;
}
#scamp_player.sp-queue-loading .sp-buttons-container a.sp-queue-button:before {
font-size: 42px;
display: inline-block;
-webkit-animation:spin 2s linear infinite;
-moz-animation:spin 2s linear infinite;
animation:spin 2s linear infinite;
} .sp-badge {
position: absolute;
left: -6px;
top: -8px;
display: inline-block;
min-width: 10px;
padding: 3px 5px;
font-size: 12px;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 10px;
opacity: 0;
}
.sp-show-badge {
opacity: 1;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .sp-progress-container {
width: 49.29577%;
float: left;
margin-right: 1.40845%;
position: relative;
}
.sp-progress {
height: 8px;
width: 100%;
position: relative;
margin-top: 26px;
z-index: 1;
cursor:ew-resize;
cursor:-moz-grab;
cursor:grab;
}
.sp-progress:before {
border-left: 1px solid;
left: -1px;
}
.sp-progress:after {
border-right: 1px solid;
right: -1px;
}
.sp-progress:before, .sp-progress:after {
content: "";
height: 40px;
top: -16px;
position: absolute;
}
.sp-progress .sp-loading {
position: absolute;
left: 0;
top: 0;
height: 8px;
z-index: 2;
}
.sp-progress .sp-position {
position: absolute;
left: 0;
top: 0;
height: 8px;
z-index: 3;
}
#scamp_player.paused .sp-position {} .sp-time-elapsed,
.sp-time-total {
position: absolute;
top: 10px;
font-size: 11px;
}
.sp-time-elapsed {
left: 4px;
}
.sp-time-total {
right: 4px;
} .sp-track-container {
width: 23.94366%;
float: right;
position: relative;
margin-top:6px;
}
.sp-track-cover {
}
.sp-track-cover .sp-track-artwork {
float: left;
max-width: 46px;
max-height:46px;
height: 100%;
margin-right: 12px;
}
.sp-track-details {
float: left;
height: 50px;
width: 100%;
overflow: hidden;
position: relative;
}
.sp-track-title, .sp-track-artist {
display: block;
font-size: 12px;
width: 100%;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
margin: 2px 0;
width:100%;
position: absolute;
left: 0px;
padding-left: 60px;
}
.sp-track-title, .sp-track-title:hover {
}
.sp-track-artist, .sp-track-artist:hover {
top:22px;
}
.sp-marquee-container {
position: absolute;
left: 0;
top: 12px;
overflow: hidden;
font-size: 13px;
margin: 0 auto;
white-space: nowrap;
display: none;
width: 100%;
}
.sp-marquee {
display: inline-block;
padding-left: 100%;
-webkit-animation:marquee 10s linear infinite;
-moz-animation:marquee 10s linear infinite;
animation:marquee 10s linear infinite;
}
@-moz-keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }
@-webkit-keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }
@keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } .sp-queue-container {
padding: 0 20px;
display: none;
} .sp-progress-mobile {
width: 100%;
height: 20px;
position: relative;
display: none;
}
.sp-progress-mobile:before {
content: '';
width: 100%;
height: 20px;
position: absolute;
left: 0;
top: -43px;
z-index: 2;
}
.sp-progress-mobile .sp-progress { margin-top: 24px; } #scamp_player.sp-show-list .sp-queue-container {
padding: 60px 6px 60px 6px;
height: 100vh;
display:block;
}
.sp-queue {
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
width: calc(100% + 60px);
margin-left: -30px;
}
.sp-queue:before {
content: '';
width: 100%;
height: 20px;
background-color: red;
}
.sp-queue .sp-icon:before {
font-family: 'Scamp-Player';
font-size: 42px;
line-height: normal;
font-weight: normal;
}
.sp-track.playing .sp-icon:before, .sp-track.paused .sp-icon:before, .sp-track.loading .sp-icon:before {  }
#sp-scroller {
}
#sp-queue-scroll {
padding: 20px 0;
border-collapse: collapse;
border-spacing: 0;
width: 1200px;
max-width: 100%;
margin: 0 auto;
background-color: transparent;
}
.sp-queue-container {
padding: 16px 10px 6px 10px;
vertical-align: bottom;
text-align: left;
border: none;
background-color: transparent;
}
#sp-queue-scroll th.sp-th-cart { text-align: center; }
#sp-queue-scroll th.sp-th-remove { text-align: right; }
#sp-queue-scroll th { border:none; background-color: transparent}
#sp-queue-scroll td {
padding: 6px;
vertical-align: top;
border: none;
}
.sp-track.playing, .sp-track.paused, .sp-track.loading {}
.sp-track:hover {}
#sp-queue-scroll tr { border-bottom:1px solid; }
#sp-queue-scroll tr:last-child { border-bottom:none; } .sp-track-control {
display: inline-block;
cursor: pointer;
max-width: 42px;
}
.sp-track-control:before {
}
.sp-track.playing .sp-track-control:before {
} .sp-cover-artwork img {
width: 48px;
height: 48px;
margin-bottom: 0;
vertical-align: middle;
} .sp-title a {
display: block;
font-size: 12px;
}
.sp-title a.sp-title-button {
font-size: 14px;
}
.sp-title a.sp-artist-button { } .sp-cart {
text-align: center;
}
.sp-cart-button:before {
}
.sp-cart-button.sp-download-button:before {
} .sp-remove {
text-align: right;
}
.sp-remove-button {
cursor: pointer;
margin-right: 10px;
}
.sp-queue .sp-remove-button:before {
} .sp-queue .sp-icon:hover {}
.sp-queue .sp-icon:hover:before { }
#sp-queue-scroll th.sp-list-controls {
width:100%;
padding: 10px;
text-align: right;
} #sp-scroller .iScrollVerticalScrollbar {
position: absolute;
z-index: 10;
width: 4px;
bottom: 2px;
top: 2px;
right: 0px;
overflow: hidden;
}
#sp-scroller .iScrollVerticalScrollbar.iScrollBothScrollbars {
bottom: 18px;
}
#sp-scroller .iScrollIndicator {
position: absolute;
border-radius: 2px;
opacity: 0.05;
cursor: pointer;
}
#sp-scroller:hover .iScrollIndicator { opacity: 0.4; }
#sp-scroller .iScrollVerticalScrollbar .iScrollIndicator {
width: 100%;
} #scamp-mobile-init {
opacity: 0;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
overflow:hidden;
z-index:100000;
display: block;
}  @media only screen and (max-width: 1640px) and (min-width:1150px) { #sp-queue-scroll {
width: 1170px;
}
} @media only screen and (max-width: 1560px) and (min-width:1150px) { #sp-queue-scroll {
width: 1150px;
}
} @media only screen and (max-width: 1240px) {
.sp-buttons-container {
width: 23.94366%;
margin-right: 1.40845%;
}
.sp-progress-container {
width: 40.84507%;
margin-right: 1.40845%;
}
.sp-track-container {
width: 32.39437%;
}
#sp-queue-scroll {
width: 960px;
}
.sp-track-title, .sp-track-artist {
max-width: 400px;
}
} @media only screen and (max-width: 1020px) {
#sp-queue-scroll {
width: 100%;
padding: 0 30px;
}
#sp-scroller {
padding:0 40px;
}
} @media only screen and (min-width: 768px) and (max-width: 959px) {
.sp-buttons-container {
width: 23.94366%;
margin-right: 1.40845%;
}
.sp-progress-container {
width: 40.84507%;
margin-right: 1.40845%;
}
.sp-track-container {
width: 32.39437%;
}
.sp-volume-container { display:  none; }
} @media only screen and (max-width: 767px) {
.sp-player-container {
height: 58px;
padding-top: 0px;
}
.sp-buttons-container {
width: 59.29577%;
margin-right: 1.40845%;
}
.sp-progress-container {
display: none;
}
.sp-track-container {
width: 39.29577%;
}
.sp-track-title, .sp-track-artist { display: none; }
.sp-volume-container {display: none;}
.sp-track-cover { display:none;  }
.sp-marquee-container { display: block; }
.sp-progress-mobile { display: block; }
.sp-queue .sp-small-screen { display: none; }
.sp-title a.sp-title-button { font-size: 12px; }
.sp-cover-artwork img {
width: 32px;
height: 32px;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.sp-player-container {
height: 58px;
padding-top: 0px;
}
.sp-buttons-container {
width: 39.29577%;
margin-right: 1.40845%;
}
.sp-progress-container {
display: none;
}
.sp-track-container {
width: 59.29577%;
}
.sp-track-title, .sp-track-artist { display: block; }
.sp-volume-container {display: none;}
.sp-track-cover { display:block;  }
.sp-marquee-container { display: none; }
.sp-queue .sp-medium-screen { display: block; }
} #scamp_player.sp-show.playing #sp-toggle-wrap:after {
content: '';
position: absolute;
right:-15px;
top:-30px;
width: 80px;
height: 80px;
background-color: #eee;
border-radius: 100%;
-webkit-animation: play_anim 2.0s infinite ease-in-out;
animation: play_anim 2.0s infinite ease-in-out;
z-index:1;
}
#scamp_player.sp-show-player #sp-toggle-wrap:after {
display:none
}
@-webkit-keyframes play_anim {
0% { -webkit-transform: scale(0);
} 2% {
-webkit-transform: scale(0);
transform: scale(0);
} 4% {
-webkit-transform: scale(0);
transform: scale(0);
} 6% {
-webkit-transform: scale(0);
transform: scale(0);
} 100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes play_anim {
0% {
-webkit-transform: scale(0);
transform: scale(0);
} 8% {
-webkit-transform: scale(0);
transform: scale(0);
} 100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
} #scamp_player.is-shoutcast .sp-progress {
cursor: default;
}
#scamp_player.is-shoutcast .sp-loading,
#scamp_player.is-shoutcast .sp-position,
#scamp_player.is-shoutcast .sp-progress:before,
#scamp_player.is-shoutcast .sp-progress:after {
opacity: 0
}
#scamp_player.is-shoutcast .sp-progress-container:after {
display: none;
}
#scamp_player.is-shoutcast .sp-time-total {
opacity: 0
}
#scamp_player.is-shoutcast .sp-progress {
background: transparent;
}
#scamp_player.is-shoutcast .sp-time-elapsed {
font-size: 28px;
width: 100%;
position: relative;
text-align: center;
display: block;
top: -19px;
}
@media only screen and (max-width: 767px) {
#scamp_player.is-shoutcast.sp-show-list .sp-time-elapsed {
display:none
}
}#sp-queue-scroll th {
padding: 18px 0;
} #sp-toggle:after { content: "\002B"; }
#scamp_player.sp-show-player #sp-toggle:after { content: "\00D7"; }
.sp-buttons-container a.sp-play-button:before { content: "\e613"; }
#scamp_player.playing.sp-muted .sp-buttons-container a.sp-play-button:before
{ content: "\e613"}
#scamp_player.playing .sp-buttons-container a.sp-play-button:before { content: "\e611"; }
#scamp_player.loading .sp-buttons-container a.sp-play-button:before { content: "\e620"; }
.sp-buttons-container a.sp-next-button:before { content: "\e616"; }
.sp-buttons-container a.sp-prev-button:before { content: "\e617"; }
.sp-buttons-container a.sp-volume-button:before { content: "\e61b"; }
.sp-buttons-container a.sp-queue-button:before {content: "\e614"; }
#scamp_player.sp-show-list .sp-buttons-container a.sp-queue-button:before { content: "\e60b";}
#scamp_player.sp-queue-loading .sp-buttons-container a.sp-queue-button:before { content: "\e620"; }
.sp-track-control:before { content: "\e613"; }
.sp-track.playing .sp-track-control:before { content: "\e611"; }
.sp-cart-button:before { content: "\e609"; }
.sp-cart-button.sp-download-button:before { content: "\e900"; }
.sp-queue .sp-remove-button:before { content: "\e61c"; }
.sp-buttons-container a.sp-volume-button.sp-vol-max:before { content: "\e61b"; }
.sp-buttons-container a.sp-volume-button.sp-vol-medium:before { content: "\e618"; }
.sp-buttons-container a.sp-volume-button.sp-vol-off:before { content: "\e61a"; } #sp-toggle {
background: #000;
color: #fff;
}
.sp-player-container { background-color: #000;  background-color: rgba(000,000,000,0.90); }
#scamp_player.sp-show-list .sp-player-container { background-color: #000; }
.sp-show-list .sp-player-container:before { border-color: #090909; }
.sp-show-list .sp-player-container:before, .sp-progress-mobile:before {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); }
.sp-buttons-container { color: #fff; }
.sp-buttons-container a { color: #fff; }
.sp-buttons-container a:hover { text-shadow: 0 0 25px #feffff,-1px 1px 1px rgba(0,0,0,0.75); }
.sp-volume-bar-container, .sp-volume-bar-container:after { background: #000; }
.sp-volume-slider { background-color: #1f1f1f; }
.sp-volume-position { background-color: #fff; }
.sp-badge {
background-color: #e05d6f;
color: #fff;
}
.sp-progress {  background-color: #1f1f1f;  }
.sp-progress:before, .sp-progress:after { border-color: #1f1f1f; }
.sp-progress .sp-loading { background-color: #333; }
.sp-progress .sp-position { background-color: #fff; }
#scamp_player.paused .sp-position { background-color: #555; }
.sp-time-elapsed, .sp-time-total { color: #777; }
.sp-track-title, .sp-track-title:hover { color: #fff; }
.sp-track-artist, .sp-track-artist:hover { color:#999; }
.sp-marquee-container { color: #fff; }
.sp-queue-container {
background-color: #000;
background-color: rgba(000,000,000,0.95);
}
.sp-queue .sp-icon:before { color: #999; }
.sp-track.playing, .sp-track.paused, .sp-track.loading { background-color: rgba(111,111,111,0.3); }
.sp-track:hover { background-color: rgba(111,111,111,0.1); }
.sp-track.playing .sp-icon:before, .sp-track.paused .sp-icon:before, .sp-track.loading .sp-icon:before { color: #fff  }
#sp-queue-scroll tr { border-color: #090909; }
.sp-title a.sp-title-button { color: #fff; }
.sp-title a.sp-artist-button { color: #999; }
.sp-queue .sp-icon:hover {
color: #fff;
text-shadow: 0 0 25px #feffff,-1px 1px 1px rgba(0,0,0,0.75);
}
.sp-queue .sp-icon:hover:before { color: #fff }
#sp-scroller .iScrollIndicator { background-color: #fff; }
#scamp-mobile-init { background-color: #000; }
#sp-empty-queue {
text-transform: uppercase;
background-color: #eee;
font-size: 9px;
padding: 2px 8px;
line-height: normal;
color: #222;
border-radius:999em;
letter-spacing: 0.08em;
cursor: pointer;
}
.sp-progress-mobile {
height: 34px;
z-index: 4;
background: #010101;
}
.sp-progress-mobile:before {
top: -20px;
}
.sp-marquee-container {
top: 15px;
}.gmap-wrap .gmap-embeded iframe {
width: 100%;
height: 100%;
margin-bottom: 0;
-webkit-filter: contrast(0.9) grayscale(1);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-filter: invert(10%) grayscale(100%) brightness(70%) contrast(3);
filter: invert(10%) grayscale(100%) brightness(70%) contrast(3);
}  .tracks-carousel-wrap {
} .tracks-carousel-wrap .carousel-tracks-slider {
margin-bottom: 30px;
} .tracks-carousel-wrap .tracks-carousel-heading {
margin-bottom: 30px;
} .tracks-carousel-wrap .more-posts {
margin-top: 30px;
} .tracks-carousel-wrap .slide {
margin: 0px 10px;
}
.tracks-carousel-wrap .thumb-desc {
background-color: #333;
margin-bottom: 0;
}
.tracks-carousel-wrap .thumb-desc:before {
display: none;
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 40px;
height: 40px;
margin-top: -34px;
margin-left: -20px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
z-index: 5;
text-align: center;
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.tracks-carousel-wrap .thumb-desc.sp-play:before, .tracks-carousel-wrap .thumb-desc.sp-pause:before, .tracks-carousel-wrap .thumb-desc.sp-loading:before {
display: block
}
.tracks-carousel-wrap .thumb-desc.sp-play:before {
background-image: url(//djsvet.com/wp-content/plugins/spectra-toolkit/assets/images/eq.gif);
background-position: center center;
background-repeat: no-repeat;
}
.tracks-carousel-wrap .thumb-desc.sp-loading:before {
background-image: url(//djsvet.com/wp-content/plugins/spectra-toolkit/assets/images/loader.gif);
background-position: center center;
background-repeat: no-repeat;
}
.tracks-carousel-wrap .thumb-desc.sp-pause:before {
display: block;
font-family: 'Scamp-Player';
font-size: 22px;
line-height: 40px;
content: "\e611";
}
.tracks-carousel-wrap .thumb-desc i {
font-style: normal;
}  .posts-grid-wrap {
} .posts-grid-wrap .posts-grid-heading {
margin-bottom: 30px;
} .posts-grid-wrap .more-posts {
margin-top: 30px;
}  .posts-carousel-wrap {
} .posts-carousel-wrap .carousel-posts-slider {
margin-bottom: 30px;
} .posts-carousel-wrap .posts-carousel-heading {
margin-bottom: 30px;
} .posts-carousel-wrap .more-posts {
margin-top: 30px;
} .posts-carousel-wrap article {
margin: 0px 10px !important;
}
.posts-carousel-wrap .thumb-desc {
background-color: #333;
margin-bottom: 0;
}  .recent-posts-wrap {
}
.recent-posts-wrap:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
width: 0
} .recent-posts-wrap .recent-posts-heading {
margin-bottom: 30px;
margin-top: 20px;
} .recent-posts-wrap .more-posts {
margin-top: 20px;
} .recent-post {
position: relative;
width: 25%;
float: left;
}
.recent-post:before {
content: "";
display: block;
padding-top: 100%;
} .recent-post-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
color: white;
padding: 1px;
}
.recent-post-content div {
width: 100%;
height: 100%;
}
.recent-post-content .cell {
text-align: center;
vertical-align: middle;
width: 100%;
height: auto;
padding: 0 10px;
position: absolute;
z-index: 1;
top: 40%;
}
.recent-post-content .front.front-post-thumb .post-title, .recent-post-content .front.front-post-thumb .date {
text-shadow: -1px 0px 10px rgba(0, 0, 0, 1);
color: #fff;
}
.recent-post-content span {
display: block
}
.recent-post-content .date {
font-size: 13px;
color: #999;
font-style: italic;
}
.recent-post-content .post-title {
font-size: 22px;
line-height: normal;
}
.recent-post-content .readmore {
display: inline-block;
border: 1px solid #eee;
padding: 10px 30px;
background: transparent;
color: #fff;
}  .flip-container {
-webkit-perspective: 1000;
-moz-perspective: 1000;
-o-perspective: 1000;
perspective: 1000;
} .flipper {
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
position: relative;
width: 100%;
} .front, .back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;
-moz-transition: 0.6s;
-moz-transform-style: preserve-3d;
-o-transition: 0.6s;
-o-transform-style: preserve-3d;
transition: 0.6s;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
} .back {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
z-index: 1;
background-color: #444;
}
.flip-container:hover .back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.flip-container:hover .front {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
} .front {
z-index: 2;
background: #333; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0YzRjNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmQyZDJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover, #4c4c4c 0%, #2d2d2d 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #4c4c4c), color-stop(100%, #2d2d2d)); background: -webkit-radial-gradient(center, ellipse cover, #4c4c4c 0%, #2d2d2d 100%); background: -o-radial-gradient(center, ellipse cover, #4c4c4c 0%, #2d2d2d 100%); background: -ms-radial-gradient(center, ellipse cover, #4c4c4c 0%, #2d2d2d 100%); background: radial-gradient(ellipse at center, #4c4c4c 0%, #2d2d2d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#2d2d2d', GradientType=1); background-position: center center;
background-repeat: no-repeat;
background-size: cover;
} .no-csstransforms3d .flip-container:hover .front {
visibility: hidden;
} .ie10 .flip-container:hover .flipper {
transform: rotateY(0);
} .steps {
text-align: center;
margin-bottom: 20px;
}
.steps .step {
display: inline-block;
padding: 20px;
position: relative;
width: 24%;
}
.steps .step:after {
font-family: "icomoon";
content: "\e64b";
position: absolute;
right: -10px;
top: 50%;
margin-top: -30px;
color: #666;
font-weight: 300;
font-size: 18px;
}
.steps .step:last-child:after {
display: none;
}
.steps .step a {
display: block;
width: 100%;
height: 100%;
border-radius: 100%;
overflow: hidden;
border: 3px solid #999;
-webkit-box-shadow: inset 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow: inset 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
z-index:3
}
.steps .step a:hover {
border-color: #fff;
}
.steps .step a img {
vertical-align: middle;
position: relative;
z-index: 0;
border-radius:100%;
}
.steps .step .step-number {
position: absolute;
left: 50%;
top: 0px;
width: 50px;
height: 50px;
margin-left: -25px;
text-align: center;
color: #fff;
background-color: #f4624a;
font-weight: 300;
line-height: 50px;
overflow: hidden;
border-radius: 100%;
font-size: 18px;
z-index: 3;
} .tweets {
list-style: none;
margin: 0;
}
.tweets li {
margin: 0 0 20px 0;
font-size: 14px;
color: #999;
}
.tweets li:before {
content: "\2014";
color: #666;
padding-bottom: 5px;
display: block;
}
.tweets li:first-child:before {
display: none;
}
.tweets li .date a {
display: block;
margin-top: 12px;
font-size: 12px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #666;
border: none;
font-weight: normal;
width: 100%;
}
.tweets li .date a:hover {
color: #f4624a;
} .tweets-slider {
text-align: center;
overflow: hidden;
height: 190px;
}
.tweets-slider .slide {
color: #fff;
font-size: 24px;
font-style: italic;
padding: 0 20px;
}
.tweets-slider .slide a:hover {
color: #fff;
}
.tweets-slider .slide .date {
display: block;
margin-top: 20px;
margin-bottom: 60px;
opacity: .7;
text-transform: uppercase;
font-size: 18px;
}
.tweets-slider .slide .date a {
color: #fff;
font-weight: 400;
}
.tweets-slider .slide .date a:hover {
color: #f4624a;
opacity: 1;
} ul.stats {
list-style: none;
overflow: hidden;
height: 530px;
}
ul.stats li {
position: relative;
overflow: hidden;
padding: 0;
text-align: center;
padding-bottom: 50px;
margin: 0 0 30px 0;
width: 33.333%;
float: left;
}
ul.stats li:nth-child(odd) .stat-value, ul.stats li.odd .stat-value {
color: #fff;
color: rgba(255, 255, 255, 0.8);
}
ul.stats li .stat-value {
font-size: 140px;
color: #fff;
color: rgba(255, 255, 255, 0.5);
font-weight: bold;
line-height: normal;
}
ul.stats li .stat-name {
position: absolute;
text-transform: uppercase;
left: 0;
bottom: 0;
font-size: 14px;
font-weight: bold;
color: #fff;
opacity: 0.8;
width: 100%;
text-align: center;
}
ul.stats li .stat-value:after {
content: "";
display: block;
position: absolute;
width: 1px;
height: 40px;
left: 50%;
bottom: 30px;
background-color: #fff;
opacity: 0.7;
} #ticker-wrap {
width: 100%;
padding: 30px 0 40px;
}
#ticker {
height: 110px;
overflow: hidden;
text-align: center;
font-size: 98px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0;
list-style: none;
}
#ticker li {
margin: 0;
padding: 0 0 20px 0;
height: 98px;
color: #fff;
line-height: normal;
} .tracklist-grid {
overflow: hidden;
margin-bottom: 30px;
}
.tracks-grid-2-col, .tracks-grid-3-col, .tracks-grid-4-col, .tracks-grid-5-col {
}
.tracks-grid-2-col .tracks-grid-item {
width: 50%;
}
.tracks-grid-3-col .tracks-grid-item {
width: 33.33%;
}
.tracks-grid-4-col .tracks-grid-item {
width: 25%;
}
.tracks-grid-5-col .tracks-grid-item {
width: 20%;
}
.tracks-grid-item .track-meta {
margin: 2px 0;
color: #999;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
.tracks-grid-item .track-meta.hidden {
display: none;
}
.tracks-grid-item .track-title, .tracks-grid-item .track-artists {
font-size: 12px;
color: #ddd;
line-height: normal;
}
.tracks-grid-item .track-artists {
color: #999;
font-style: italic;
}
.tracks-grid-item .track-artists:before {
content: " - ";
}
.tracks-grid-item {
padding: 4px;
float: left;
position: relative;
max-width: 100%;
z-index: 1;
}
.tracks-grid-item:before {
display: none;
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 40px;
height: 40px;
margin-top: -34px;
margin-left: -20px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
z-index: 5;
text-align: center;
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.widget .tracks-grid-item:before {
margin-top: -20px;
}
.tracks-grid-item.sp-play:before, .tracks-grid-item.sp-pause:before, .tracks-grid-item.sp-loading:before {
display: block
}
.tracks-grid-item.sp-play:before {
background-image: url(//djsvet.com/wp-content/plugins/spectra-toolkit/assets/images/eq.gif);
background-position: center center;
background-repeat: no-repeat;
}
.tracks-grid-item.sp-loading:before {
background-image: url(//djsvet.com/wp-content/plugins/spectra-toolkit/assets/images/loader.gif);
background-position: center center;
background-repeat: no-repeat;
}
.tracks-grid-item.sp-pause:before {
display: block;
font-family: 'Scamp-Player';
font-size: 22px;
line-height: 40px;
content: "\e611";
}
.tracks-grid-item img {
margin-bottom: 0;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
display: block;
width: 100%;
} .single-track {
margin-bottom: 30px;
padding: 15px;
position: relative;
overflow: hidden;
background-color: #333;
border-radius: 3px;
}
.single-track .track {
position: relative;
display: block;
min-height: 100px;
overflow: hidden;
}
.single-track .track-title, .single-track .track-artists {
display: block;
margin-left: 120px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
padding-right: 15px;
}
.single-track .track-title {
color: #eee;
font-size: 16px;
margin-top: 10px;
font-weight: bold;
}
.single-track .track-title:hover {
color: #f4624a;
}
.single-track .track-artists, .single-track .track-artists:hover {
color: #aaa;
font-size: 12px;
}
.single-track .track-cover {
position: absolute;
left: 0px;
top: 0;
max-width: 100px;
max-height: 100px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.single-track .track-dot {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 30px;
top: 30px;
width: 40px;
height: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
z-index: 5;
text-align: center;
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.single-track .track.sp-play .track-dot, .single-track .track.sp-pause .track-dot, .single-track .track.sp-loading .track-dot {
display: block
}
.single-track .track.sp-play .track-dot {
background-image: url(//djsvet.com/wp-content/plugins/spectra-toolkit/assets/images/eq.gif);
background-position: center center;
background-repeat: no-repeat;
}
.single-track .track.sp-loading .track-dot {
background-image: url(//djsvet.com/wp-content/plugins/spectra-toolkit/assets/images/loader.gif);
background-position: center center;
background-repeat: no-repeat;
}
.single-track .track.sp-pause .track-dot:before {
display: block;
font-family: 'Scamp-Player';
font-size: 22px;
line-height: 40px;
content: "\e611";
} .single-track .track-buttons {
position: absolute;
bottom: 20px;
left: 135px;
float: left;
font-size: 11px;
text-transform: uppercase;
}
.single-track .track-buttons a {
color: #fff;
display: inline-block;
margin-right: 3px;
background-color: #f4624a;
padding: 2px 10px;
border-radius: 3px;
}
.single-track .track-buttons a:hover {
color: #fff;
background-color: #222;
} .single-track.compact .track {
min-height: 50px;
}
.single-track.compact .track-title, .single-track.compact .track-artists {
margin-left: 60px;
}
.single-track.compact .track-title {
color: #eee;
font-size: 14px;
margin-top: 0px;
font-weight: bold;
}
.single-track.compact .track-cover {
max-width: 50px;
max-height: 50px;
}
.single-track.compact .track-dot {
left: 5px;
top: 5px;
} ol.tracklist {
counter-reset: li; list-style: none; *list-style: decimal; padding: 0;
margin-left: 0;
background: #3d3d3d;
border-radius: 3px;
overflow: hidden;
}
ol.tracklist li {
margin: 0;
padding: 3px 0;
position: relative;
border-bottom: 1px solid #222;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
ol.tracklist li:last-child {
border: none;
}
ol.tracklist li:nth-child(odd) {
background: #393939;
}
ol.tracklist li:hover {
background-color: #444;
}
ol.tracklist li:hover .track-details:before {
color: #fff
}
ol.tracklist .track-details {
margin-left: 40px;
padding: 4px 0;
min-height: 49px;
width: auto;
overflow: hidden;
}
ol.tracklist .track-details:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: 0;
top: 8px;
text-align: center;
font-size: 22px;
width: 44px;
color: #aaa;
}
ol.tracklist .track {
margin-left: 15px;
position: relative;
float: left;
}
ol.tracklist.compact .track-details {
margin-left: 20px;
}
ol.tracklist.compact .track-details:before {
font-size: 16px;
width: 30px;
font-weight: bold;
}
ol.tracklist .track-title, ol.tracklist .track-artists {
display: block;
margin-left: 55px;
text-overflow: ellipsis;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding-right: 15px;
}
ol.tracklist .track-title {
color: #eee;
font-size: 13px;
font-weight: 700;
}
ol.tracklist .track-title:hover {
color: #fff;
}
ol.tracklist .track-artists, ol.tracklist .track-artists:hover {
color: #999;
font-size: 12px;
}
ol.tracklist .track-cover {
position: absolute;
left: 0;
top: 0;
max-width: 40px;
max-height: 40px;
min-height: 40px;
min-width: 40px;
vertical-align: middle;
}
ol.tracklist .track .track-title:before {
display: none;
content: "";
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
z-index: 5;
text-align: center;
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
ol.tracklist .track.sp-play .track-title:before {
display: block;
background-image: url(//djsvet.com/wp-content/plugins/spectra-toolkit/assets/images/eq.gif);
background-position: center center;
background-repeat: no-repeat;
}
ol.tracklist .track.sp-loading .track-title:before {
display: block;
background-image: url(//djsvet.com/wp-content/plugins/spectra-toolkit/assets/images/loader.gif);
background-position: center center;
background-repeat: no-repeat;
}
ol.tracklist .track.sp-play .track-title {
color: #fff;
}
ol.tracklist .track.sp-pause .track-title:before {
display: block;
font-family: 'Scamp-Player';
font-size: 22px;
line-height: 40px;
content: "\e611";
}
ol.tracklist .track:hover.sp-pause .track-title:before {
color: #eee;
} ol.tracklist .track-buttons {
margin-right: 15px;
margin-top: 10px;
float: right;
font-size: 11px;
text-transform: uppercase;
}
ol.tracklist .track-buttons a {
color: #ccc;
display: inline-block;
}
ol.tracklist .track-buttons a:after {
content: "/";
margin: 0 2px 0px 4px;
color: #888;
display: inline-block;
}
ol.tracklist .track-buttons a:last-child:after {
display: none;
}
ol.tracklist .track-buttons a:hover {
color: #f4624a;
} ol.tracklist.compact .track-details {
margin-left: 20px;
}
ol.tracklist.compact .track-details:before {
font-size: 16px;
width: 30px;
font-weight: bold;
} .details-list {
list-style: none;
margin: 0;
margin-bottom: 20px;
}
.details-list li {
margin: 0;
margin: 10px 0;
padding: 0 20px 10px;
overflow: hidden;
color: #999;
border-bottom: 1px solid #393939;
font-size: 12px;
text-transform: uppercase;
position: relative;
padding-left: 150px;
}
.details-list li:last-child {
border-bottom: 0;
}
.details-list li span {
position: absolute;
left: 0;
top: 0;
display: inline-block;
margin-right: 20px;
color: #666;
} .price-table {
width: 100%;
display: inline-block;
padding: 0;
position: relative;
}
#site .wpb_column > .wpb_wrapper > .price-table {
margin-bottom: 20px;
}
.price-table-inner {
position: relative;
display: block;
text-align: center;
}
.price-table-inner.important-price ul {
background-color: #555;
}
.price-table-inner.important-price > ul {
padding: 20px 0;
margin: -20px 0 0;
}
.price-table-inner ul {
list-style: none outside none;
margin: 0;
background-color: #333;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.price-table-inner ul li {
text-align: center;
margin: 0px;
padding: 9px 20px;
}
.price-table-inner ul .price-content-list {
padding: 0;
}
.price-content-list > ul {
padding: 20px 0;
}
.price-content-list > ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.price-content-list > ul li:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.price-table-inner ul li.prices {
padding: 40px 20px 5px;
}
.price-table-inner ul li.table-title {
font-size: 19px;
line-height: 19px;
color: #fff;
padding: 14px 25px 12px;
font-weight: 700;
}
.price-wrapper {
text-align: center;
}
.price-wrapper .value {
font-size: 19px;
line-height: 19px;
color: #fff;
vertical-align: top;
display: inline-block;
margin: 8px 0 0;
}
.price-wrapper .price {
font-size: 80px;
line-height: 80px;
padding: 0 3px;
font-weight: 500;
color: #fff;
vertical-align: middle;
display: inline-block;
}
.price-wrapper .mark {
font-size: 19px;
line-height: 19px;
color: #fff;
vertical-align: bottom;
position: relative;
top: -8px;
}
.price-table-inner .price-button-wrapper {
padding: 15px 0 50px;
}
.price-table-inner .price-button-wrapper a {
padding: 10px 30px;
margin: 0;
font-size: 14px;
font-weight: 700;
} .icon_column {
position: relative;
}
.icon_column.icon_top {
text-align: center;
}
.icon_column .text-holder {
display: block;
}
.icon_column.icon_left .text-holder {
padding-left: 50px;
}
.icon_column.icon_right .text-holder {
padding-right: 50px;
}
.icon_column .text-holder strong {
color: #ccc;
}
.icon_column .icon {
color: #555;
font-size: 28px;
display: inline-block;
margin-bottom: 20px;
}
.icon_column.icon_top .icon {
border: 1px solid #444;
padding: 20px;
border-radius: 100%;
}
.icon_column.icon_left .icon, .icon_column.icon_right .icon {
position: absolute;
top: 0;
}
.icon_column.icon_left .icon {
left: 0;
}
.icon_column.icon_right .icon {
right: 0;
}
.icon_column a {
color: #999;
}
.icon_column strong a {
color: #bbb
}
.icon_column a:hover {
color: #fff;
background-color: #f4624a;
}
.icon_column_title {
font-size: 16px;
color: #fff;
margin-bottom: 10px;
font-weight: 700;
display: block;
}  #site .vc_progress_bar .vc_single_bar {
background: #262626;
}
.vc_single_bar .vc_label {
color: #fff;
font-size: 13px;
} #site .wpb_tour_next_prev_nav a {
border-bottom: none;
text-decoration: none;
font-size: 11px;
text-transform: uppercase;
color: #fff;
background-color: #f4624a;
padding: 8px 10px;
border-radius: 3px;
font-weight: bold;
}
#site .wpb_tour_next_prev_nav a:hover {
text-decoration: none;
border-bottom: none;
background-color: #333;
}
#site .wpb_tour_next_prev_nav a:hover {
text-decoration: none;
border-bottom: none;
}
#site .wpb_tour_next_prev_nav span {
width: 48%;
display: inline-block;
padding-top: 2.4em;
float: left;
}
#site .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a, #site .wpb_content_element .wpb_accordion_header a {
padding: 0.7em 1em;
font-weight: 700;
}
#site .wpb_content_element .wpb_accordion_header a {
color: #ddd;
}
#site .wpb_content_element .wpb_tabs_nav li.ui-state-default a {
color: #bbb;
}
#site .wpb_content_element .wpb_tabs_nav li.ui-state-active a {
color: #fff;
}
#site .wpb_content_element .wpb_tabs_nav li {
background-color: #262626;
}
#site .wpb_content_element .wpb_tabs_nav li.ui-tabs-active, #site .wpb_content_element .wpb_tabs_nav li:hover {
background-color: #333;
}
#site .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, #site .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
background-color: #333;
}
#site .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
background-color: #333;
padding: 30px
}
#site .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
padding: 30px;
} #site .vc_tta-color-black.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a,
#site .vc_tta-color-black.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a span {
color: #fff;
font-size: 14px;
font-weight: 500;
}
#site .vc_tta-color-black.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
background-color: #2a2a2a;
}
#site .vc_tta-accordion.vc_tta-color-black.vc_tta-style-flat .vc_tta-panel {
margin-bottom:1px;
}
#site .wpb-js-composer .vc_tta-color-black.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a,
#site .wpb-js-composer .vc_tta-color-black.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a span {
color: #fff;
} #site .vc_tta-color-black.vc_tta-style-flat .vc_tta-tab.vc_active>a span {
color: #fff
}
#site .vc_tta-color-black.vc_tta-style-flat .vc_tta-tab>a span {
color: #fff
}
#site .vc_tta-color-black.vc_tta-style-flat .vc_tta-tab.vc_active>a {
background-color: #2a2a2a;
}
#site .vc_tta-color-black.vc_tta-style-flat .vc_tta-tab a {
background-color: #232323;
}
#site .vc_tta.vc_general .vc_tta-panel-body {
padding: 30px 30px;
} .wpb_toggle, #content h4.wpb_toggle {
font-size: 18px;
} .wpb_wrapper .flexslider {
border: 0;
background-color: #222;
}
.wpb_wrapper .wpb_gallery .wpb_flexslider .flex-control-nav {
bottom: -45px;
}
.wpb_wrapper .flex-control-paging li a {
background: rgba(255, 255, 255, .3);
}
.wpb_wrapper .flex-direction-nav a {
color: rgba(255, 255, 255, 0.8);
text-shadow: none;
} .wpb_wrapper .theme-default .nivo-controlNav a {
display: inline-block;
width: 12px;
height: 12px;
background-color: #fff;
opacity: 0.4;
border-radius: 100%;
text-indent: -9999px;
border: 0;
margin: 0 4px;
}
.wpb_wrapper .theme-default .nivo-controlNav a.active {
opacity: 0.8;
}
#site .wpb_posts_slider .flex-caption, #site .wpb_posts_slider .nivo-caption {
background-color: #333;
padding: 15px;
}
#site .wpb_posts_slider .flex-caption .post-title, #site .wpb_posts_slider .flex-caption .post-title a {
color: #fff;
font-size: 24px;
} .vc_separator h4 {
color: #444;
} html .wpb_single_image img {
width: 100%
}
html .vc_button-2-wrapper {
display: inline;
} .vc_row.vc_row-flex > .vc-container  {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
}
.vc_row.vc_row-flex > .vc-container {
box-sizing: border-box;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.vc_row.vc_row-flex > .vc-container  > .vc_column_container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
}
.vc_row.vc_row-flex > .vc-container  > .vc_column_container {
display: flex;
}
.vc_row.vc_row-o-equal-height > .vc-container > .vc_column_container {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.vc_row.vc_row-flex > .vc-container > .vc_column_container > .vc_column-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.vc_row.vc_row-flex > .vc-container > .vc_column_container > .vc_column-inner {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.vc_row.vc_row-o-content-middle > .vc-container > .vc_column_container > .vc_column-inner {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.vc_row.vc_row-o-content-bottom > .vc-container > .vc_column_container > .vc_column-inner {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.vc_row.vc_row-o-content-top > .vc-container > .vc_column_container > .vc_column-inner {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
} div.wpcf7 p {
color: #ddd;
}
div.wpcf7 img.ajax-loader {
vertical-align: top;
}
span.wpcf7-form-control-wrap {
margin: 7px 0;
display: block;
}
span.wpcf7-not-valid-tip {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 11px;
display: inline-block;
background-color: #fdcaca;
color: #7f6060;
border-color: #ffc3c3;
margin-top: 10px;
padding: 6px;
border-radius: 4px;
width: auto;
}
div.wpcf7-response-output {
font-family: Arial, Helvetica, sans-serif;
display: block;
font-size: 13px;
font-weight: bold;
border: 1px solid transparent;
padding: 14px 20px 14px 20px;
clear: both;
border-radius: 4px;
display: none;
}
div.wpcf7-mail-sent-ok {
background-color: #cafdce;
color: #637a65;
border-color: #9cfaa3;
}
div.wpcf7-mail-sent-info {
background-color: #dee9fe;
color: #737b8b;
border-color: #cddfff;
}
div.wpcf7-spam-blocked {
background-color: #fbe9de;
color: #877863;
border-color: #fbe0b9
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng {
background-color: #fdcaca;
color: #7f6060;
border-color: #ffc3c3;
}
div.wpcf7 .wpcf7-checkbox input, div.wpcf7 .wpcf7-radio input {
width: auto;
}
span.wpcf7-list-item {
margin-right: 20px;
margin-left: 0;
}
.wpcf7-list-item-label {
margin-right: 5px;
color: #999;
font-style: italic;
}  @media only screen and (max-width:1200px) { ul.stats li .stat-value {
font-size: 130px
} .recent-post-content .date {
font-size: 12px;
}
.recent-post-content .post-title {
font-size: 18px;
}
} @media only screen and (max-width:979px) {  h1.vc_custom_heading.responsive_heading {
font-size: 48px !important;
}
h2.vc_custom_heading.responsive_heading {
font-size: 36px !important;
}
h3.vc_custom_heading.responsive_heading {
font-size: 32px !important;
}
h4.vc_custom_heading.responsive_heading {
font-size: 24px !important;
}
h5.vc_custom_heading.responsive_heading,  h6.vc_custom_heading.responsive_heading {
font-size: 18px !important;
}
} @media only screen and (min-width:768px) and (max-width:980px) { .recent-post-content .date {
font-size: 12px;
}
.recent-post-content .post-title {
font-size: 14px;
}
.recent-post-content .readmore {
padding: 10px 30px;
} .steps {
text-align: center;
}
.steps .step {
display: inline-block;
padding: 20px;
position: relative;
width: 24.6%;
}
.steps .step:after {
right: -10px;
top: 50%;
margin-top: -30px;
font-weight: 300;
font-size: 18px;
}
.steps .step .step-number {
left: 50%;
top: 0px;
width: 50px;
height: 50px;
margin-left: -25px;
line-height: 50px;
font-size: 18px;
} #ticker {
height: 66px;
font-size: 56px;
}
#ticker li {
height: 56px;
} ul.stats {
height: 416px;
}
ul.stats li {
padding-bottom: 60px;
}
ul.stats li .stat-value {
font-size: 90px
} .tweets-slider {
height: 160px;
}
.tweets-slider .slide {
font-size: 18px;
}
.tweets-slider .slide .date {
font-size: 16px;
}
} @media only screen and (max-width:767px) { .recent-post {
width: 50%
}
.recent-post-content .date {
font-size: 12px;
}
.recent-post-content .post-title {
font-size: 13px;
}
.recent-post-content .readmore {
padding: 5px 10px;
font-size: 12px;
} .steps .step {
display: inline-block;
padding: 20px;
position: relative;
width: 100%;
}
.steps .step:after {
display: none;
}
.steps .step .step-number {
left: 50%;
top: 0px;
width: 50px;
height: 50px;
margin-left: -25px;
line-height: 50px;
font-size: 18px;
} .gmap {
height: 300px !important;
} .tweets-slider {
height: 200px;
}
.tweets-slider .slide {
font-size: 16px;
}
.tweets-slider .slide .date {
font-size: 14px;
} .intro-bg {
display: none;
}
#ticker-wrap {
padding: 10px 0 20px;
}
#ticker {
height: 28px;
font-size: 28px;
}
#ticker li {
height: 28px;
} ul.stats {
height: 306px
}
ul.stats li {
padding-bottom: 60px;
}
ul.stats li .stat-value {
font-size: 30px;
}
ul.stats li .stat-name {
font-size: 10px;
font-weight: 400;
}
ul.stats li .stat-value:after {
height: 20px;
left: 50%;
bottom: 40px;
} .tracks-grid-2-col .tracks-grid-item, .tracks-grid-3-col .tracks-grid-item, .tracks-grid-4-col .tracks-grid-item, .tracks-grid-5-col .tracks-grid-item {
width: 50%;
} ol.tracklist .track {
float: none;
display: block; }
ol.tracklist .track-buttons {
display: block;
} .single-track .track-buttons a {
display: none;
}
.single-track .track-buttons a:first-child {
display: inline-block;
} .details-list li {
padding-left: 120px;
} .icon_column {
padding-bottom: 30px;
}  h1.vc_custom_heading {
font-size: 36px !important;
}
h2.vc_custom_heading {
font-size: 34px !important;
}
h3.vc_custom_heading {
font-size: 26px !important;
}
h4.vc_custom_heading {
font-size: 22px !important;
}
h5.vc_custom_heading,  h5.vc_custom_heading {
font-size: 16px !important;
}
} @media only screen and (min-width:480px) and (max-width:767px) { .recent-post-content .post-title {
font-size: 14px;
}
.recent-post-content .readmore {
padding: 10px 30px;
} .steps .step {
width: 50%;
} #ticker-wrap {
padding: 10px 0 20px;
}
#ticker {
height: 48px;
font-size: 36px;
}
#ticker li {
height: 48px;
} ul.stats {
height: 306px
}
ul.stats li {
padding-bottom: 70px;
}
ul.stats li .stat-value {
font-size: 40px;
}
ul.stats li .stat-name {
font-size: 11px;
} .tweets-slider {
height: 180px;
} .details-list li span {
display: inline-block;
}
}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,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,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}  * {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {
color: #b1b1b1;
height: 100%;
background: #222;
font: 14px/1.7 "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
::-moz-selection { background: #f4624a; color: #fff; text-shadow: none; }
::selection { background: #f4624a; color: #fff; text-shadow: none; }
h1, h2, h3, h4, h5, h6 {
color: #fff;
font-weight: 400;
line-height: 1.4;
margin-bottom: 20px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
h1, h2, h3 {
font-weight: 700;
}
a, a > * {
color: #f4624a;
text-decoration: none;
-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
a:hover, a > *:hover { color: #fff; }
h1 { font-size: 45px; }
h2 { font-size: 34px; }
h3 { font-size: 29px; }
h4 { font-size: 22px; }
h5 { font-size: 19px; }
h6 { font-size: 17px; }
small { font-size: 12px; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin: 1px 0 1px 30px;}
dl,hr,ol,ul,pre,table,address,fieldset,blockquote,p,iframe { margin-bottom: 30px; }
article { margin-bottom: 30px; }
strong, b { font-weight: bold; } table {
width: 100%;
background: #222;
}
table td, table th {
padding: 15px;
border: 1px solid #333;
text-align: left;
}
table th {
background: #292929;
font-weight: bold;
color: #ccc;
}
table caption {
padding: 1em 0;
text-align: center;
}
dt {
font-weight: bold;
}
dd {
line-height: 1.4;
margin: 4px 0 0;
padding: 0 0 .5em 0;
} cite {
text-align: right;
font-style: normal;
display: block;
color: #eee;
}
cite:before {
content: '\2013 \00A0';
} dt {
font-weight: bold;
color: #ddd;
font-size: 16px;
}
dd {
line-height: 1.4;
margin: 4px 0 0;
padding: 0 0 .5em 0;
} del {
color: red;
text-decoration: line-through;
}
em, i {
font-style: italic;
}
strong, b {
font-weight: bold;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
abbr, acronym {
border-bottom: 1px dotted;
}
address {
margin: 0 0 1.5em;
font-style: italic;
}
code,
kbd,
pre,
samp,
tt {
font: 0.8em 'Andale Mono', 'Lucida Console', monospace;
}
pre,
code {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: #292929;
border: 1px solid #333;
color: #ddd;
padding: 2px 4px;
font-size: 14px;
}
pre {
white-space: pre;
word-wrap: normal;
overflow-x: scroll;
line-height: 1.3;
padding: 15px;
} blockquote {
font-style: italic;
color: #ddd;
border-left-style: solid;
border-left-width: 4px;
border-left-color: #ddd;
margin-left: 20px;
font-size: 16px;
}
blockquote p {
padding: 20px 20px 20px 20px;
}
blockquote p:last-of-type { margin-bottom: 0; } small {
font-size: 11px;
} img {
max-width: 100%;
height: auto;
} label {
cursor: pointer;
display: block;
margin: 0 0 5px;
color: #ddd;
font-size: 14px;
}
input, textarea, select {
background-color: #e1e1e1;
border: 1px solid #ccc;
color: #333;
padding: 10px;
border-radius: 0;
}
select {
max-width:200px;
}
textarea {
padding: 10px;
resize: both;
width: 100%;
min-height: 200px;
}
select, option {
cursor: pointer;
padding: 5px 7px;
}
#submit {
margin-top:20px;
margin-bottom:0px
}
input[type="checkbox"], input[type="radio"] {
width:auto;
-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
-ms-appearance: checkbox !important;
-o-appearance: checkbox !important;
appearance: checkbox !important;
} .form {
max-width: 100%;
}
.form input, .form textarea {
width: 100%;
}
.form .row { margin-bottom: 0px }
.form input { padding-top: 12px; padding-bottom: 12px; }
.form textarea { min-height: 200px; }
.form input[type="submit"] {
margin: 0;
width: auto;
min-width: 160px;
height: auto;
}
.ie8 .form input[type="submit"] { min-width: 100px; } .hidden { display: none; }
.disabled { cursor: auto; }
.invisible { visibility: hidden; }
.no-margin { margin: 0; }
.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
img.size-1-2 { width: 50%; height: 50%;}
img.size-3-4 { width: 75%; height: 75%;}
.alignleft, .floatleft { float: left; }
.alignright, .floatright { float: right; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.color { color: #f4624a; }
.white { color: #fff; }
.dark { color: #666; }
.caps { text-transform: uppercase; }
.clear{ clear:both; display:block; height:1px; margin-top:-1px; overflow:hidden; visibility:hidden; width:0 }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0 }
* html .clearfix,:first-child+html .clearfix { zoom:1 }
.inlineblock { display: inline-block;}
#ascrail2000 { background-color: #ccc; width: 6px; z-index: 1000000; } #main .alignfull {
margin-left  : calc( -100vw / 2 + 100% / 2 - 50px );
margin-right : calc( -100vw / 2 + 100% / 2 );
max-width    : 100vw;
}
@media only screen and (max-width: 980px) and (min-width: 768px) {
#main .alignfull {
margin-left  : calc( -100vw / 2 + 100% / 2 );
margin-right : calc( -100vw / 2 + 100% / 2 );
}
}
#main .wp-block-cover.alignfull,
#main .wp-block-cover-image.alignfull {
width:auto;
}
.blog-list #main .alignfull,
.blog-list #main .alignwide,
.alignfull.is-type-video.wp-embed-aspect-16-9 {
margin-left  :0;
margin-right :0;
max-width    : 100vw;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
}
.caption-txt{
font-size: 14px;
}
.wp-caption .wp-caption-text {
font-style: italic;
font-size: 12px;
}
.wp-caption {
margin-bottom: 30px;
max-width: 100%;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0 0 0px 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0;
}
.sticky.post {
position: relative;
overflow: hidden;
}
.post.sticky .entry-title:before {
font-family: "Icomoon";
content: "\e698";
display:inline-block;
margin-right:10px;
}
#main .gallery-item {
float: left;
margin: 3px;
width: auto !important;
}
#main .gallery-item img {
border: none;
vertical-align: middle;
}
.bypostauthor {
width: 100%;
}
.gallery {
margin-bottom: 30px;
clear: both;
}
.gallery:after { clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0 }
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
max-width: 100%;
}
.gallery-item img {
max-height: 100%;
max-width: 100%;
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }   .heading-xl {
font-size: 65px;
line-height: 1.4em;
letter-spacing: -0.02em;
} .heading-l {
font-size: 48px;
line-height: 1.4em;
text-transform: uppercase;
} .heading-m {
font-size: 36px;
line-height: 1.4em;
letter-spacing: -0.02em;
}
.heading-xl,.heading-l, .heading-m { margin-bottom: 0; font-weight: 900; } .heading-light { font-weight: 400; } .sub-heading {
display: block;
position: relative;
top: -20px;
font-size: 14px;
color:#999;
font-weight: 400;
margin-bottom: 0;
text-align: center;
text-transform: uppercase;
}
.sub-heading a { color: #999; }
.sub-heading a:hover { color: #fff; }
.sub-heading.top { top:0; }
.intro .heading-xl, .intro .heading-l, .intro .heading-m, .intro .sub-heading { color: #fff; }  .site { overflow: hidden; }
.site.show-navigation {
padding-top: 65px;
} .container {
width: 1090px;
margin: 0 auto;
position: relative;
} .vc-container {
width: 1090px;
margin: 0 auto;
position: relative;
}
.vc-container >.vc_column_container > .vc_column-inner { padding: 0; } .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
float: left;
margin-right: 50px;
}
.col-1-1 { width: 100%; }
.col-1-2 { width: 520px; }
.col-1-3 { width: 330px; }
.col-1-4 { width: 235px; }
.col-1-5 { width: 178px; }
.col-2-3 { width: 710px; }
.col-3-4 { width: 805px; } .last { margin-right: 0px !important; }
.row { margin-bottom: 50px; clear: both;} .flex-col-1-1, .flex-col-1-2, .flex-col-1-3, .flex-col-1-4, .flex-col-1-5 { float: left; }
.flex-col-1-1 { width: 100%; }
.flex-col-1-2 { width: 50%; }
.flex-col-1-3 { width: 33.33%; }
.flex-col-1-4 { width: 25% }
.flex-col-1-5 { width: 20% } .masonry {
margin-left: -50px;
margin-right: -50px;
margin-bottom: 30px;
clear: both;
position: relative;
overflow: hidden;
}  #page {
margin: 100px 0;
margin-top:150px;
}
#page.no-margin { margin: 0; } #upcoming-event .anim-css,
#page .anim-css { opacity: 0;
-webkit-transform: translate(0px, 50px);
-moz-transform: translate(0px, 50px);
transform: translate(0px, 50px);
} #WPAjaxLoader {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 99999999;
background: #000;
opacity: 0;
}
#WPAjaxLoader.show-layer {
opacity: 1;
}
#WPAjaxLoader.hide-layer {
opacity: 0;
} #loading-layer {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 99999999;
background: #000;
opacity: 0;
}
#loading-layer.show-layer {
opacity: 1;
transition: all 0.5s cubic-bezier(0.24, 1, 0.31, 1);
}
#loading-layer.hide-layer {
opacity: 0;
transition: all 0.5s cubic-bezier(0.24, 1, 0.31, 1);
} .ajax-loader {
display: block;
position: fixed;
z-index: 9999;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: 20px;
}
.ajax-loader {
width: 40px;
height: 40px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #fff;
border-left-color: #fff;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
@-webkit-keyframes nprogress-spinner {
0%   { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
0%   { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .my-custom-loader {
display: block;
position: fixed;
z-index: 9999;
top: 50%;
left: 50%;
color:#fff;
-webkit-transform: translateX(-50%) translatey(-50%);
-moz-transform: translateX(-50%) translatey(-50%);
transform: translateX(-50%) translatey(-50%);
} #main {
width: 780px; }
#main.main-right {
float: right;
margin-left: 50px;
}
#main.main-left {
float: left;
margin-right: 50px;
}
#main.wide { width: 100%; }
#main article:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#main article:last-child { margin-bottom:0px } .sidebar {
width: 260px;
}
.sidebar.slidebar { width: 100% }
.sidebar.main-left { float: right; }
.sidebar.main-right { float: left; } #slidebar {
width: 400px;
background-color: #222;
position:fixed;
top:0;
bottom:0;
right:0;
padding: 80px 30px;
overflow:hidden;
z-index:100001;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#slidebar.is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
#slidebar header {
top: 0;
right: 0;
position: absolute;
width: 100%;
height: 50px;
background-color: #292929;
z-index:100001;
}
#slidebar.is-visible header { display: block; }
#slidebar header a {
color: #eee;
float: right;
margin-right: 30px;
margin-top: 14px;
font-weight: 700;
}
#slidebar header a span {
color: #eee;
display: inline-block;
margin-left: 5px;
font-size: 13px;
}
#slidebar header a:hover,
#slidebar header a:hover span {
color: #f4624a;
}
#slidebar-wrap {
position: absolute;
top: 60px;
bottom: 60px;
right: 30px;
left: 30px;
}
#slidebar-content {
position: relative;
width: 100%;
height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
width: calc(100% + 50px);
margin-left: 0px;
}
#slidebar-content > div {
padding-right:30px;
} #slidebar .iScrollVerticalScrollbar {
position: absolute;
z-index: 10;
width: 8px;
bottom: 2px;
top: 2px;
right: -18px;
overflow: hidden;
}
#slidebar .iScrollVerticalScrollbar.iScrollBothScrollbars {
bottom: 18px;
}
#slidebar .iScrollIndicator {
position: absolute;
background-color: #fff;
border-radius: 2px;
opacity: 0.05;
cursor: pointer;
}
#slidebar:hover .iScrollIndicator { opacity: 0.4; }
#slidebar .iScrollVerticalScrollbar .iScrollIndicator {
width: 100%;
} #slidebar-layer {
opacity: 0.92;
background-color: #000;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
overflow:hidden;
z-index:100000;
display: none;
}
#slidebar-layer.is-visible { display: block; }  #header { height: 65px; }
#header.hide { top: -65px; } #header {
border-bottom: 1px solid #2a2a2a;
background: #444; height: 65px;
width: 100%;
top: 0px;
z-index: 1000;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#header.sticky {
position: fixed;
top: 0;
left: 0;
visibility: visible;
overflow: visible;
height: auto;
border-bottom: 0;
}
.admin-bar #header.sticky { top:32px; }
#header.hide-navigation {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
background-color: transparent;
padding: 20px 0;
}
.intro-light #header.hide-navigation {
background: rgba(69,69,70, 0.6);
} .nav-container {
height: 65px;
padding: 0 40px;
position: relative;
width: 100%;
} #nav {
float: right;
z-index: 100;
margin-top: 0px;
}
#nav > ul { margin-bottom: 0; }
#nav li {
list-style: none;
float: left;
margin: 0;
position: relative;
}
#nav a {
color: #fff;
font-size: 12px;
display: block;
padding:0 10px;
line-height: 65px;
position: relative;
text-align: center;
text-transform: uppercase;
z-index: 98; }
#nav .current > a, #nav .current-menu-item > a, #nav a:hover {
background-color: #eee;
background-color: rgba(255,255,255,0.1);
}
#nav li.menu-item-has-children > a { cursor: default; }
#nav li.menu-item-has-children > a:after {
font-family: "icomoon";
content: "\f107";
display: inline-block;
margin-left: 10px;
}
#nav ul ul li.menu-item-has-children > a:after {
content: "\f105";
} #nav ul ul {
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
#nav ul ul {
background: #404040;
left: 0;
padding: 0;
position: absolute;
width: 200px;
z-index: 300;
opacity: 0;
visibility: hidden;
}
#nav ul ul.show-list {
visibility: visible;
opacity: 1;
filter: alpha(opacity= 100);
}
#nav ul ul li { float: none; }
#nav ul ul a {
border: none !important;
color: #eee;
display: block;
font-size: 13px;
letter-spacing: 0;
padding: 12px 16px;
text-align: left;
line-height: normal;
letter-spacing: 0.02em;
text-transform: none;
}
#nav ul ul a:hover, #nav ul ul .hover > a, #nav ul ul .current > a, #nav ul ul .current > a:hover {
border: none !important;
color: #fff;
} #nav ul ul ul {
left: 100% !important;
top: 0 !important;
}
body #nav ul li > .edge {
right: 100% !important;
left: -100% !important;
}
body #nav ul .edge {
right: 100% !important;
left: auto !important;
} #slidemenu {
width: 400px;
background-color: #222;
position:fixed;
top:0;
bottom:0;
left:0;
padding: 50px 0px;
overflow:hidden;
z-index:100001;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#slidemenu.is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
#slidemenu header {
top: 0;
right: 0;
position: absolute;
width: 100%;
height: 50px;
background-color: #292929;
z-index:100001;
}
#slidemenu.is-visible header { display: block; }
#slidemenu header a {
color: #eee;
float: right;
margin-right: 30px;
margin-top: 14px;
font-weight: 700;
}
#slidemenu header a span {
color: #eee;
display: inline-block;
margin-left: 5px;
font-size: 13px;
}
#slidemenu header a:hover,
#slidemenu header a:hover span {
color: #f4624a;
}
#slidemenu-wrap {
position: absolute;
top: 50px;
bottom: 50px;
right: 0px;
left: 0px;
}
#slidemenu-content {
position: relative;
width: 100%;
height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
width: calc(100% + 30px);
margin-left: 0px;
} #slidemenu-layer {
opacity: 0.92;
background-color: #000;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
overflow:hidden;
z-index:100000;
display: none;
}
#slidemenu-layer.is-visible { display: block; } #slidemenu ul {
padding: 0;
margin: 0;
list-style-type: none;
font-weight: 400;
}
#slidemenu ul li {
width: 100%;
padding: 0;
margin: 0;
border-top: 1px solid rgba(255, 255, 255, 0.08);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#slidemenu ul li a {
width: 100%;
display: inline-block;
padding: 1em 0em 1em 40px;
color: #f5f5f5;
}
#slidemenu ul li.menu-item-has-children > a:after {
font-family: "icomoon";
content: "\f107";
display: inline-block;
margin-left: 10px;
}
#slidemenu ul li a:hover {
text-decoration: none;
background-color: rgba(255, 255, 255, 0.04);
}
#slidemenu ul li a { border-left: 3px solid transparent; }
#slidemenu ul li a:hover { border-left: 3px solid #f4624a; }
.responsive-submenu { background-color: rgba(255, 255, 255, 0.05);
}
.responsive-submenu ul { background-color: rgba(255, 255, 255, 0.06); }
#slidemenu .responsive-submenu li a { padding-left: 60px; }
#slidemenu .responsive-submenu li li a { padding-left: 70px; } #icon-nav #nav-slidemenu { display: none; }  #icon-nav {
float: right;
z-index: 100;
height: 16px;
margin-top: 24px;
}
#icon-nav li:first-child {
margin-left:10px;
padding-left:10px;
border-left: 1px dotted #fff;
border-left: 1px dotted rgba(255, 255, 255, 0.6);
}
#icon-nav li {
list-style: none;
float: left;
margin: 0;
position: relative;
}
#icon-nav a {
color: #ddd;
font-size: 14px;
font-weight: bold;
display: block;
padding:0 10px;
top: -2px;
position: relative;
text-align: center;
z-index: 98;
}
#icon-nav a span { color: #fff; } #icon-nav #shop-link span {
color:#fff;
}
#icon-nav #shop-link .shop-items-count {
position:absolute;
top: -10px;
right: 0px;
font-size: 10px;
padding: 2px 2px;
border-radius:100%;
background-color:#f4624a;
color:#fff;
display:inline-block;
min-width: 20px;
text-align:center;
min-height: 15px;
} #logo {
float: left;
margin: 8px 0 0 0;
}
#logo img { margin: 0; } #search-wrap {
display: block;
position: absolute;
right: 40px;
top: 0px;
width: 300px;
z-index: 200;
display: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#header.hide-navigation #search-wrap { top: 20px; }
#search-wrap.visible-search {
display: block;
} .close-search {
width: 40px;
background: transparent;
height: 40px;
display: inline-block;
vertical-align:top;
position: absolute;
right:0;
top:0;
cursor:pointer;
}
.close-search:after {
content: "\e641";
font-family: "icomoon";
display:block;
color: #fff;
margin-top:7px;
margin-left:10px;
opacity:0.8;
}
.close-search:hover:after { opacity:1; } #search-wrap #s {
border: 0;
background-color: #1b1b1b;
width: 100%;
padding: 25px 20px;
font-size: 14px;
color: #fff;
}
#search-wrap #s::-webkit-input-placeholder { color: #fff; }
#search-wrap #s:-moz-placeholder { color: #fff; }
#search-wrap #s:-ms-input-placeholder { color: #fff; }
.widget #s {
width:100%
} .entry-media.content-image,
.entry-media.content-video { margin-bottom: 30px; }
.entry-media img {
vertical-align: middle;
width: 100%;
}
.entry-media.featured-image img {
vertical-align: middle;
width: auto;
}
.entry {
clear: both;
display: block;
padding-left: 100px;
padding-bottom: 20px;
position: relative;
min-height: 200px;
}
.entry-content p { margin-bottom: 20px; }
.entry-side {
left: 0;
position: absolute;
top: 0;
margin-top: 1px;
width: 70px;
}
.entry-date {
width: 100%;
height: 100px;
text-align: center;
padding-top: 20px;
color: #222;
background-color: #ddd;
}
.entry-date span {
display: block;
line-height: normal;
}
.entry-date > .month {
font-size: 15px;
}
.entry-date > .day {
font-size: 28px;
margin-bottom: 5px;
} .entry-title, .entry-title a {
color: #eee;
font-size: 28px;
font-weight: 700;
}
.entry-title a:hover {
color: #f4624a;
} .edit-link a {
display: block;
margin-top: 1px;
width: 100%;
background-color: #666;
padding: 10px 0;
line-height: normal;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 11px;
}
.edit-link a:hover {
background-color: #f4624a;
} .comments-link {
display: block;
margin-top: 1px;
width: 100%;
background-color: #f4624a;
padding: 10px 0;
line-height: normal;
color: #fff;
text-align: center;
font-size: 14px;
}
.comments-link span {
color: #fff;
margin: 5px;
}
.comments-link:hover {
background-color: #eee;
color: #222;
}
.comments-link:hover span {
color: #222;
}
.entry-meta {
position: relative;
top: -10px;
color: #999;
margin-bottom: 20px;
}
.entry-meta div {
display: inline-block;
margin-right:12px;
padding-right: 12px;
border-right: 1px solid #333;
}
.entry-meta div:last-child {
margin-right:0;
padding-right:0;
border:0;
}
.entry-meta a {
color: #bbb;
}
.entry-meta a:hover {
color: #f4624a;
} .more-link {
display: inline-block;
margin-top: 30px;
}
.more-link-excerpt {
display: inline-block;
margin-bottom: 30px;
} .entry-search {
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#main article:last-child .entry-search { border: none; }
.entry-search .post-type {
position: absolute;
right: 0;
top: 0;
font-size: 15px;
display: inline-block;
background-color: #666;
color: #eee;
padding: 2px 10px;
border-radius: 12px;
} .blog-grid {
overflow: hidden;
} .blog-grid-items article {
border: 1px solid #333;
background: #282828;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.blog-grid-items article .btn { margin: 0;}
.posts-grid-wrap .vc-blog-grid-items article .btn { margin-top: 30px;}
.blog-grid-items article .entry-grid-content {
padding: 30px;
}
.blog-grid-items article .entry-grid-title,
.blog-grid-items article .entry-grid-title a {
font-size: 22px;
margin-bottom: 15px;
color: #fff;
}
.blog-grid-items article .entry-grid-title a:hover {
color: #f4624a;
}
.blog-grid-items article .entry-grid-meta {
margin-bottom: 30px;
font-size: 12px;
color: #999;
}
.blog-grid-items article .entry-grid-meta span {
display: inline-block;
margin-right:12px;
padding-right: 12px;
border-right: 1px solid #333;
}
.blog-grid-items article .entry-grid-meta span:last-child {
margin-right:0;
padding-right:0;
border:0;
}
.blog-grid-items article .entry-grid-meta a {
color: #999;
} .blog-grid-items article .entry-grid-media img { width: 100%; }
.blog-grid-items article .entry-grid-media,
.blog-grid-items .entry-grid-media iframe,
.blog-grid-items .entry-grid-media .carousel-slider,
.blog-grid-items .entry-grid-media .tracklist,
.blog-grid-items .entry-grid-media .single-track,
.blog-grid-items .entry-grid-media .video { margin-bottom: 0 }  .page-footer { margin-top: 40px; }
.social-wrap {
width: 100%;
height: 60px;
clear: both;
border-bottom: 1px solid #333;
margin-bottom: 1px;
}
.page-social {
width: 100px;
height: 100%;
margin: 0 auto;
border-bottom: 1px solid #999;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
position: relative;
z-index: 2;
}
.page-social:hover {
border-bottom: 6px solid #999;
}
.page-social a {
width: 50px;
height: 100%;
line-height: 60px;
text-align: center;
float: left;
}
.page-social a span {
color: #999;
font-size: 28px;
}
.page-social a.twitter-share:hover span {
color: #33ccff;
}
.page-social a.facebook-share:hover span {
color: #3b5998;
}
.page-social a.googleplus-share:hover span {
color: #dd4b39;
} .nav-links {
-webkit-hyphens: auto;
-moz-hyphens:    auto;
-ms-hyphens:     auto;
hyphens:         auto;
word-wrap: break-word;
}
.post-navigation,
.image-navigation {
margin: 10px auto 48px;
padding-bottom: 10px;
border-bottom: 1px solid #333;
}
.post-navigation a,
.image-navigation .previous-image,
.image-navigation .next-image {
padding: 12px 20px 12px;
width: 50%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
.post-navigation a:last-child { text-align: right; }
.post-navigation .meta-nav {
color: #ccc;
display: block;
font-size: 13px;
font-weight: 400;
line-height: 2;
text-transform: uppercase;
}
.post-navigation a,
.image-navigation a {
color: #888;
display: inline-block;
font-size: 12px;
font-weight: normal;
line-height: 1.7142857142;
text-transform: uppercase;
}
.post-navigation a:hover,
.image-navigation a:hover {
color: #fff;
} .paging-navigation {
margin: 48px 0 0px 0;
}
#page.no-margin .paging-navigation {
margin: 48px 0 48px 0;
}
#main .paging-navigation {
position: relative;
top: -20px;
}
.paging-navigation .loop-pagination {
text-align: center;
}
.paging-navigation .page-numbers {
display: inline-block;
font-size: 14px;
font-weight: 900;
margin-right: 1px;
padding: 7px 16px;
text-transform: uppercase;
}
.paging-navigation a {
color: #999;
}
.paging-navigation .page-numbers.current, .paging-navigation .page-numbers:hover {
background-color: #eee;
color:#222;
}
.paging-navigation a:hover {
color: #fff;
} .page-nav {
position: relative;
height: 80px;
border-top: 1px solid #444;
border-bottom: 1px solid #444;
position: relative;
z-index: 1;
font-size: 24px;
}
.page-nav a span {
color: #999;
}
.page-nav a:hover span {
color: #eee;
} .page-nav .prev-button,
.page-nav .next-button {
position: absolute;
display: block;
top: 24px;
height: 31px;
}
.page-nav .prev-button {
left: 20px;
}
.page-nav .next-button {
right: 20px;
}
.page-nav .disabled span, .page-nav .disabled:hover span { opacity: 0.3; color: #999; } .section {
overflow: hidden;
width: 100%;
}  .content-header {
text-align: center;
margin-bottom: 50px;
}
.content-title {
font-size: 50px;
letter-spacing: 0;
text-transform: uppercase;
font-weight: 900;
}
.content-title a { color: #eee; }
.content-title a:hover { color: #f4624a; }
.content-line {
width: 100%;
height: 8px;
background-color: #444;
} .sign-wrapper {
width:100%;
height:0;
position:relative;
}
.section-sign {
position: absolute;
left: 50%;
top: -26px;
margin-left: -26px;
background-color: #f4624a;
width: 52px;
height: 52px;
line-height: 52px;
text-align: center;
z-index: 3;
}
.section-sign.invert { background-color: #252627; }
.section-sign:after {
content: "";
display: block;
width: 52px;
height: 23px;
background: transparent url(//djsvet.com/wp-content/themes/spectra/images/section-sign-shadow.png) center center no-repeat;
}
.section-sign span {
color: #fff;
font-size: 16px;
} #page .vc-custom-section {
margin-left: 0;
margin-right: 0;
position: relative;
}
#page .vc-custom-section.vc_row {
margin: 0;
}
#page .vc-custom-fw-section .vc_column_container {
padding: 0;
}
.vc-custom-section .container {
z-index: 2;
}
.vc-parallax {
background-attachment: fixed;
}
.site .vc_row-no-padding.vc_custom_overlay > .overlay,
.site .vc_custom_overlay.vc_parallax > .overlay {
position: absolute;
z-index: 1;
}
.site .vc_custom_overlay.vc_row-no-padding > .overlay { z-index:0 }
.site .vc_custom_overlay > .overlay { z-index:0 }
.vc_custom_overlay {
position: relative;
} .intro {
border-top: 1px solid #262626;
border-bottom: 1px solid #333;
position: relative;
overflow: hidden;
}   .parallax {
background-attachment: fixed;
background-position: 50% 0;
background-color: #ddd;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
} .parallax.stretch {
background-size: cover;
} .touch-device .parallax { background-size: cover; background-attachment: scroll; background-position: top center!important; }
.parallax.no-parallax { background-size: cover!important; background-attachment: scroll!important; background-position: center!important; } #ajax-content .intro-slider {
padding: 0;
background-color: #222;
margin-bottom: 0;
overflow: hidden;
}
.carousel-slider.intro-slider .owl-pagination { bottom: 10px }
.resize-image,
.intro-image,
.intro-youtube {
background-color: #222;
position: relative;
}
.intro-image,
.intro-youtube {
min-height: 600px;
overflow: hidden;
} .intro-slider.intro-resize,
.intro-image.intro-resize,
.intro-youtube.intro-resize,
.intro-slider.intro-resize .slide {
height: 100vh;
width: 100vw;
}
.touch-device .intro-youtube .image { min-height:  0 !important }
.intro-image .carousel-slider {
margin-bottom: 0;
}
.intro-image .carousel-slider,
.intro-image .carousel-slider .slide {
min-height: 600px;
} .intro-image .image,
.intro-slider .image,
.intro-youtube .image-video,
.resize-image .image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
background-color: #222;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
} .intro-captions,
.intro-content {
position: absolute;
left: 0px;
top: 50%;
z-index: 6;
width:100%;
padding: 0 10px;
text-align:center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.intro-captions .caption-title {
color: #fff;
font-weight: bold;
margin-bottom: 0;
width: 100%;
padding: 0 8px;
display: block;
margin-top: 0px;
font-size: 65px;
}
.intro-captions .caption-subtitle {
color: #fff;
font-size: 22px;
margin-bottom: 0px;
padding: 0 8px;
display: block;
}
.intro-captions .caption-button {
margin-bottom: 0;
margin-top: 10px;
}
.site.hide-navigation .intro-captions { padding-top:106px } .intro-captions .caption-title.anim-css,
.intro-captions .caption-subtitle.anim-css,
.intro-captions .caption-button.anim-css,
.intro-content.anim-css {
opacity: 0;
-webkit-transform: translatey(-80px);
-moz-transform: translatey(-80px);
transform: translatey(-80px);
}
.intro-captions .caption-title.active,
.intro-captions .caption-subtitle.active,
.intro-captions .caption-button.active {
opacity: 1;
-webkit-transform: translatey(0px);
-moz-transform: translatey(0px);
transform: translatey(0px);
}
.intro-content.active {
opacity: 1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.overlay.active {
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.intro-captions .caption-title.active,
.intro-captions .caption-subtitle.active,
.intro-captions .caption-button.active,
.swipe-icon,
.intro-content.active {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
} .overlay.active,
.overlay.noise.active,
.overlay.dots.active {
transition-delay: 1s;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
-ms-transition-delay: 1s;
-o-transition-delay: 1s;
}
.intro-captions .caption-title.active,
.intro-content.active {
transition-delay: 2s;
-webkit-transition-delay: 2s;
-moz-transition-delay: 2s;
-ms-transition-delay: 2s;
-o-transition-delay: 2s;
}
.intro-captions .caption-subtitle.active {
transition-delay: 2.2s;
-webkit-transition-delay: 2.2s;
-moz-transition-delay: 2.2s;
-ms-transition-delay: 2.2s;
-o-transition-delay: 2.2s;
}
.intro-captions .caption-button.active {
transition-delay: 2.6s;
-webkit-transition-delay: 2.6s;
-moz-transition-delay: 2.6s;
-ms-transition-delay: 2.6s;
-o-transition-delay: 2.6s;
} .swipe-icon {
position: absolute;
right: 40px;
bottom: 20px;
opacity: .2;
background: transparent url(//djsvet.com/wp-content/themes/spectra/images/swipe-icon.png) left top no-repeat;
width: 44px;
height: 41px;
z-index: 200;
}
.swipe-icon:hover { opacity: 1; } .scroll-anim {
position: absolute;
bottom: 50px;
left: 50%;
margin-left: -24.5px;
z-index: 3;
-webkit-animation: scrollfade 1s ease-in alternate infinite;
-moz-animation: scrollfade 1s ease-in alternate infinite;
animation: scrollfade 1s ease-in alternate infinite;
}
@-webkit-keyframes scrollfade {
0% { opacity:0.3; }
100% { opacity:1; }
}
@-moz-keyframes scrollfade {
0% { opacity:0.3; }
100% { opacity:1; }
}
@keyframes scrollfade {
0% { opacity:0.3; }
100% { opacity:1; }
}
.scroll-anim > .scroll {
color: #FFF;
display: block;
font-size: 42px;
width: 16px;
height: 30px;
border: 2px solid #FFF;
position: relative;
margin: 0 auto 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.scroll-anim > .scroll:before {
content: '';
display: block;
position: absolute;
top: 8px;
width: 2px;
height: 4px;
background: #fff;
left: 50%;
margin-left: -1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.scroll-anim > .scroll-text {
text-transform: uppercase;
font-size: 12px;
text-align: center;
float: left;
color: #fff;
letter-spacing: 1px;
} .intro-map {
background-color: #ddd;
height: 500px;
position: relative;
width: 100%;
-webkit-filter: contrast(0.9) grayscale(1);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-filter: invert(10%) grayscale(100%) brightness(70%) contrast(3);
filter: invert(10%) grayscale(100%) brightness(70%) contrast(3);
}
#contact-map:before, #contact-map:after {
-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
content: '';
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.intro-map.gmap-embeded iframe {
width:100%;
margin-bottom: 0;
min-height: 500px;
} .intro-custom-content {
padding: 100px 0;
background-color: #222;
}
.tag-intro, .intro-page-title {
padding: 80px 0;
background: transparent url(//djsvet.com/wp-content/themes/spectra/images/intro-bg.jpg) center top no-repeat;
background-size:cover;
}
.intro-page-title .page-subtitle {
font-size: 16px;
color:#fff;
font-weight: 400;
margin-bottom: 0;
text-align: center;
margin-bottom: 10px
}
.intro-page-title .content-title { margin-bottom: 5px; color: #fff;}
.tag-intro .sub-heading, .intro-page-title .sub-heading { top:0; }
.site.hide-navigation .intro-custom-content { padding-top: 186px;} .intro-youtube.videobg.intro-resize .overlay,
.intro-youtube.videobg.intro-resize .overlay.active {
z-index: 2;
}  .filter {
margin-top: 20px;
padding: 0 40px;
position: relative;
width: 100%;
}
.filter ul {
list-style: none;
border-bottom: solid 1px #444;
}
.filter ul li {
margin: 0;
padding: 0;
float: left;
}
.filter li a {
color: #bbb; font-size: 14px;
display: block;
padding: 12px 14px 20px;
position: relative;
text-align: center;
border-bottom: 6px solid transparent;
cursor: pointer;
}
.filter li a:hover, .filter li a.active {
color: #fff;
border-color: #fff;
} .filter .filter-label .label {
color: #999;
display: inline-block;
padding: 14px 14px 20px 0;
line-height: normal; }
.filter .filter-label .label:after {
display: inline-block;
content: "\2192";
margin-left: 10px;
} .fullwidth.items { margin: 40px 40px 40px 0; }
.item {
display: block;
color: #222;
float: left;
overflow: hidden;
position: relative;
}
.item img {
max-width: 100%;
max-height: 100%;
display: block;
}
.fullwidth .item { width: 20%; }
.fullwidth .item { margin: 0px -1px 0px 0px; }
.container .item, .vc-container .item { width: 25%; }
.fullwidth .item .project-thumb {
margin: 0px 0px 40px 40px; border-top:1px solid rgba(255, 255, 255, 0.2);
border-radius:2px;
overflow:hidden;
} .event-countdown {
padding: 80px 0;
background: #111 url(//djsvet.com/wp-content/themes/spectra/images/map.png) center 140px no-repeat;
}
.countdown {
text-align: center;
position: relative;
}
.countdown:before {
content: "";
display: block;
height: 80px;
width: 1px;
background-color: #444;
top: -60px;
left: 50%;
position: absolute;
}
.countdown .days, .countdown .hours, .countdown .minutes, .countdown .seconds {
position: relative;
display: inline-block;
font-size: 170px;
line-height: normal;
font-weight: bold;
}
.countdown .days {
color: #444;
}
.countdown .hours {
color: #666;
}
.countdown .minutes{
color: #444;
}
.countdown .seconds {
color: #f4624a;
}
.countdown .days:before, .countdown .hours:before, .countdown .minutes:before, .countdown .seconds:before {
content: "";
display: block;
height: 60px;
width: 1px;
background-color: #444;
left: 50%;
bottom: 40px;
position: absolute;
}
.countdown .days:after, .countdown .hours:after, .countdown .minutes:after, .countdown .seconds:after {
content: attr(data-label);
font-size: 24px;
position: relative;
text-transform: uppercase;
display: block;
font-weight: bold;
color: #444;
padding-top:50px;
text-align: center;
}
h6.upcoming-event {
font-size: 24px;
color: #444;
text-transform: uppercase;
position: relative;
margin-bottom: 0;
line-height: normal;
}  #events-list, #events-list-anim {
padding: 0;
margin: 0;
list-style: none;
}
#events-list li, #events-list-anim li {
width: 100%;
padding: 0;
margin: 1px 0 0 0;
width: 100%;
height: 300px;
padding-top: 60px;
padding-bottom: 50px;
background-color: #191919;
background-position: center top;
background-size: cover;
overflow: hidden;
position: relative;
}
#events-list li:after, #events-list-anim li:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
content: "";
background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 27%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.8)), color-stop(27%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 27%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 27%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 27%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 27%,rgba(0,0,0,0) 100%); z-index: 1;
width: 70%;
height: 100%;
}
#events-list li:nth-child(odd), #events-list-anim li:nth-child(odd) {
background-color: #1d1d1d;
}
#events-list-anim li:hover {
position: relative;
margin-top: -50px;
width: 100%;
height: 400px;
z-index: 80;
-moz-box-shadow: 0px 0px 40px 0px #000;
-webkit-box-shadow: 0px 0px 40px 0px #000;
-o-box-shadow: 0px 0px 40px 0px #000;
box-shadow: 0px 0px 40px 0px #000;
} #events-list .inner, #events-list-anim .inner {
padding: 0 40px;
z-index: 2;
position: relative;
} #events-list .event-date, #events-list-anim .event-date {
font-size: 36px;
color: #f4624a;
display: block;
position: relative;
font-weight: bold;
} #events-list h2, #events-list h2 a,
#events-list-anim h2, #events-list-anim h2 a {
color: #fff;
font-size: 65px;
margin-bottom: 0;
}
#events-list h2, #events-list h2 a:hover,
#events-list-anim h2, #events-list-anim h2 a:hover {
color: #f4624a; } #events-list .event-location, #events-list-anim .event-location {
color: #fff;
text-transform: uppercase;
font-size: 18px;
} .events-separator {
background-color: #111;
padding: 60px 40px;
}
.events-separator h6 {
color: #444;
margin-bottom: 0;
} .masonry-events {
margin-top: 1px;
}
.masonry-events .event-brick {
margin-bottom: 1px;
margin-left:-1px !important;
width:20%;
min-height: 330px;
padding: 40px;
background-color: #191919;
background-position: center center;
background-size: cover;
}
.masonry-events .event-brick:nth-child(odd) {
background-color: #1d1d1d;
}
.masonry-events .event-brick.active {
position: relative;
z-index: 999;
-moz-box-shadow: 0px 0px 40px 0px #000;
-webkit-box-shadow: 0px 0px 40px 0px #000;
-o-box-shadow: 0px 0px 40px 0px #000;
box-shadow: 0px 0px 40px 0px #000;
} .masonry-events .event-date {
font-size: 36px;
color: #f4624a;
display: block;
position: relative;
font-weight: bold;
line-height: 120%;
} .masonry-events .event-title {
color: #eee;
display: block;
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
line-height: 140%;
}
.masonry-events .event-brick:hover .event-title { color: #f4624a; }
.masonry-events .event-type-title {
color: #666;
display: block;
font-size: 44px;
font-weight: bold;
} .event-brick .event-location {
display: block;
color: #999;
} #events-list-anim li, .masonry-events .event-brick.active {
-webkit-transition: all 300ms cubic-bezier(0.680, 0.120, 0.060, 0.835);
-moz-transition: all 300ms cubic-bezier(0.680, 0.120, 0.060, 0.835);
-ms-transition: all 300ms cubic-bezier(0.680, 0.120, 0.060, 0.835);
-o-transition: all 300ms cubic-bezier(0.680, 0.120, 0.060, 0.835);
transition: all 300ms cubic-bezier(0.680, 0.120, 0.060, 0.835);
-webkit-transition-timing-function: cubic-bezier(0.680, 0.120, 0.060, 0.835);
-moz-transition-timing-function: cubic-bezier(0.680, 0.120, 0.060, 0.835);
-ms-transition-timing-function: cubic-bezier(0.680, 0.120, 0.060, 0.835);
-o-transition-timing-function: cubic-bezier(0.680, 0.120, 0.060, 0.835);
transition-timing-function: cubic-bezier(0.680, 0.120, 0.060, 0.835);
} table th,
table td{
text-align: left;
}
table.layout {
width: 100%;
border-collapse: collapse;
}
table.display {
margin-bottom: 40px;
}
table.display th,
table.display td {
padding: 1em 1em;
vertical-align: top;
border: 1px solid #292929;
}
table td.table-date { font-weight: bold; }
table.display th { font-size: 16px; background: #3f3f3f;}
table.display td { background: #333; } table .table-date {
color: #bbb;
font-size: 16px;
} table .table-name {
color: #bbb;
} table .event-location:before {
content: '::';
display: inline-block;
padding: 0 10px;
color: #777;
} table .buy-tickets,
.widget table .buy-tickets {
padding: 8px 12px;
font-size: 12px;
font-weight: 400;
color: #ccc;
background: #555;
border-radius: 2px;
text-transform: uppercase;
}
.widget table .table-name a { color: #f4624a }
.widget table .table-name a:hover { color: #fff }
table .buy-tickets:hover,
.widget table .buy-tickets:hover {
background-color: #f4624a;
color: #fff;
}
table .buy-tickets.sold, table .buy-tickets.sold:hover,
.widget table .buy-tickets.sold, .widget table .buy-tickets.sold:hover {
opacity: .5;
color: #999;
background: #666;
filter:alpha(opacity=50);
} .widget table.responsive-table { box-shadow: none; }
.widget table.responsive-table thead { display: none;  }
.widget table.display th,
.widget table.display td {
padding: .8em 1em;
border: 1px solid #444;
}
.widget table.responsive-table td:nth-child(1):before,
.widget table.responsive-table td:nth-child(2):before {
position: absolute;
left: .5em;
font-weight: bold;
}
.widget table.responsive-table tr,
.widget table.responsive-table td { display: block; }
.widget table.responsive-table tr {
position: relative;
margin-bottom: 1em;
}
.widget table.responsive-table td { border-top: none; }
.widget table.responsive-table td.table-date { border-top: 1px solid #444; }
.widget table.responsive-table td.actions{
position: absolute;
top: 0;
right: 0;
border: none;
background: none;
}  #gallery-albums article { margin-bottom: 0; } #gallery-images {
margin-bottom: 30px;
}
#gallery-images a img, #gallery-images .thumb a img { vertical-align: middle; margin-bottom:  0}
#gallery-images a, #gallery-albums article a {
float: left;
padding: 1px;
margin-bottom: 0;
}
#gallery-images .thumb { margin-bottom: 0; } #newsletter {
position: relative;
overflow: hidden;
padding: 120px 0;
text-align: center;
background: transparent url(//djsvet.com/wp-content/themes/spectra/images/newsletter-bg.jpg) center center no-repeat;
background-size: cover;
width: 100%;
}
#newsletter .container {
z-index: 10;
}
#newsletter input {
width: 70%;
margin: 0 auto;
} #newsletter .mc_custom_border_hdr {
color: #fff;
font-size: 36px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
} #newsletter #mc_subheader {
font-size: 12px;
color: #ddd;
line-height: 12px;
text-align: center;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
} #newsletter #mc_message {
text-align: left;
}
#newsletter .mc_error_msg, #newsletter .mc_success_msg {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
display: block;
margin-top: 10px;
padding: 12px;
border-radius: 4px;
width: auto;
}
#newsletter .mc_error_msg {
background-color: #fdcaca;
color: #7f6060;
border-color: #ffc3c3;
}
#newsletter .mc_success_msg {
background-color: #cafdce;
color: #637a65;
border-color: #9cfaa3;
}
#newsletter #mc-indicates-required {
text-align: right;
width: auto;
color:#ddd;
font-size: 11px;
}
#newsletter #mc_unsub_link {
margin:0;
text-align:right;
}
#newsletter #mc_unsub_link a {
color: #ddd;
font-size: 11px;
text-decoration:underline;
}
#newsletter #mc_unsub_link a:hover { text-decoration: none }
#newsletter #mc_display_rewards {
color:#ddd;
font-size: 12px;
}
#newsletter #mc_display_rewards a {
color:#ddd;
text-decoration:underline
}
#newsletter #mc_display_rewards a:hover {
text-decoration:none;
} #newsletter .mc_var_label, #newsletter .mc_interest_label {
display: block;
text-align: left;
font-weight: 700;
color: #ddd;
}
#newsletter #mc_signup_submit {
margin-top: 1.5em;
width: 100%;
} #search-404 { margin-top: 20px; }
#search-404 #s {
border: 1px solid #383838;
background-color: #1b1c1d;
width: 100%;
padding: 16px 40px 16px 40px;
font-size: 24px;
color: #ddd;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
#search-404 #s::-webkit-input-placeholder { color: #ddd; }
#search-404 #s:-moz-placeholder { color: #ddd; }
#search-404 #s:-ms-input-placeholder { color: #ddd; }
#search-404  #s:focus {
background-color: #1b1c1d;
} .error-page .sub-heading { text-align: left; } .comments-section {
background-color: #333;
padding: 100px 0 80px 0;
position: relative;
} .comment-message {
font-size: 16px;
color: #ccc;
padding: 20px;
border: 1px solid rgba(255,255,255,0.2);
border-radius: 3px;
}
.comments-title {
margin-bottom: 40px;
color: #fff;
font-size: 24px;
}
.comments-list {
border-bottom: 1px solid #4e4e4e;
margin: 30px 0 60px;
padding: 0 0 30px;
overflow: hidden;
}
.comment {
border-top: 1px solid #4e4e4e;
list-style: none;
margin: 30px 0 0;
padding: 35px 0 0;
}
.comment:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.comment-field { padding-top: 20px; overflow: hidden; clear: both;}
.comment > article {
margin: 0;
overflow: hidden;
position: relative;
}
.comment .avatar-wrap {
background: #eee;
float: left;
position: absolute;
z-index: 1;
left: 0;
top: 0;
}
.comment .avatar-wrap img {
margin: 0;
width: 70px;
height: 70px;
float: left;
}
.comment .comment-body, .comment .comment-meta {
margin: 0 0 -20px 100px;
color: #ccc;
}
.comment .comment-meta { margin-bottom: 0; }
.comment .author, .comment .author a {
color: #eee;
margin: 0;
font-size: 14px;
font-weight: 700;
}
.comment .author a:hover { color: #f4624a; }
.comment .date {
color: #888;
font-size: 13px;
margin: 0 0 5px;
}
.comment .reply a {
background-color: #f4624a;
color: #fff;
margin-left: 4px;
display: inline-block;
font-size: 11px;
text-transform: uppercase;
padding:2px 6px;
border-radius: 3px
}
.comment .reply a:hover {
background-color: #222;
}
.comment .children {
margin: 0;
padding: 30px 0 0;
position: relative;
}
.comment .children .comment {
border-top: 1px solid #4e4e4e;
margin: 30px 0 0;
padding: 35px 0 0 125px;
position: relative;
}
.comment .children .comment.depth-4,
.comment .children .comment.depth-5,
.comment .children .comment.depth-6,
.comment .children .comment.depth-7,
.comment .children .comment.depth-8,
.comment .children .comment.depth-9,
.comment .children .comment.depth-10
{ padding-left: 0; }
.comment .children .comment:first-child { margin-top: 0; } .comment-list .pingback,
.comment-list .trackback {
list-style: none;
margin-left: 0;
padding-top: 30px;
padding-left: 0;
border-top: 1px dotted #4e4e4e;
}
.comment-list .pingback:first-child,
.comment-list .trackback:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.comment-list .pingback .author,
.comment-list .trackback .author,
.comment-list .pingback .author a,
.comment-list .trackback .author a,
.comment-list .pingback .author a:hover,
.comment-list .trackback .author a:hover
{
font-size: 16px;
color: #ddd;
margin-bottom: 12px;
}
.comment-list .pingback .date,
.comment-list .trackback .date {
color: #888;
font-size: 13px;
margin: 0 0 5px;
position: relative;
top:-5px;
} #respond {
margin-top: 80px;
}
#reply-title {
font-size: 26px;
margin-bottom: 10px;
color: #fff
}
#reply-title small {
font-size: 24px;
font-weight: normal;
}
#respond input[type="text"] {
width:100%;
}
#respond .comment-form-cookies-consent {
padding-top:20px;
clear:both;
display:block;
}
#respond .comment-form-cookies-consent label {
display:inline-block;
margin-left:10px;
}
.form-allowed-tags { font-size: 12px; color: #888;display: none;} #social {
background-color: #191919;
overflow: hidden;
border-top: 1px solid rgba(0,0,0,0.3);
}
#social a {
display: block;
width: 100%;
height: 100%;
line-height: 80px;
text-align: center;
color: #fff;
border-bottom: 1px solid rgba(0,0,0,0.3);
border-right: 1px solid rgba(0,0,0,0.3);
}
#social a span {
color: #fff;
display: inline-block;
font-size: 24px;
margin-right: 18px;
position: relative;
top:5px;
}
#social a:hover { background-color: #222; } #social .social-feed:hover { background-color: orange; }
#social .social-twitter:hover { background-color: #00acee; }
#social .social-facebook:hover { background-color: #3b5998; }
#social .social-soundcloud:hover { background-color: #ff7700; }
#social .social-vimeo:hover { background-color: #86c9ef; }
#social .social-youtube:hover { background-color: #c4302b; }
#social .social-dribbble:hover { background-color: #ea4c89; }
#social .social-flickr:hover { background-color: #ff0084; }
#social .social-google-plus:hover { background-color: #dd4b39; }
#social .social-delicious:hover { background-color: #07529c; }
#social .social-instagram:hover { background-color: #1c5380; }
#social .social-pinterest:hover { background-color: #cb2027; }
#social .social-vk:hover { background-color: #2B587A; }
#social .social-whats-app:hover { background-color: #25D366; }
#social .social-mixcloud:hover { background-color: #52aad8; }
#social .social-beatport:hover { background-color: #94d500; }
#social .social-spotify:hover { background-color: #1DB954 }
#social .social-bandcamp:hover { background-color: #629aa9 }
#social .social-snapchat:hover {background-color: #fffc00;color: #000;}
#social .social-snapchat:hover .icon { color: #000;} .page-template-fullscreen #social { display: none; } #footer {
padding: 120px 0;
background-color: #111;
width: 100%;
}
#copyrights {
color: #999;
text-align: center;
font-size: 11px;
text-transform: uppercase;
}
#copyrights a { color: #ccc; }
#copyrights a:hover { color: #fff; } .page-template-fullscreen #footer { display: none; } .widget {
font-size: 14px;
-webkit-hyphens: auto;
-moz-hyphens:    auto;
-ms-hyphens:     auto;
hyphens:         auto;
margin-bottom: 48px;
width: 100%;
word-wrap: break-word;
}
.widget a {
color: #aaa;
}
.widget a:hover {
color: #f4624a;
}
.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget h6 {
margin: 24px 0 12px;
}
.widget h1 {
font-size: 24px;
}
.widget h2 {
font-size: 22px;
line-height: 1.2;
}
.widget h3 {
font-size: 20px;
}
.widget h4 {
font-size: 18px;
line-height: 1.5;
}
.widget h5 {
font-size: 16px;
}
.widget h6 {
font-size: 14px;
line-height: 2;
}
.widget address {
margin-bottom: 18px;
}
.widget abbr[title] {
border-color: rgba(255, 255, 255, 0.1);
}
.widget mark,
.widget ins {
color: #000;
}
.widget pre,
.widget fieldset {
border-color: rgba(255, 255, 255, 0.1);
}
.widget code,
.widget kbd,
.widget tt,
.widget var,
.widget samp,
.widget pre {
font-size: 12px;
}
.widget blockquote {
color: rgba(255, 255, 255, 0.7);
font-size: 18px;
line-height: 1.5;
margin-bottom: 18px;
}
.widget blockquote cite {
color: #999;
font-size: 14px;
}
.widget dl,
.widget dd {
margin-bottom: 18px;
}
.widget ul,
.widget ol {
list-style: none;
margin: 0;
}
.widget li > ol,
.widget li > ul {
margin-left: 10px;
}
.widget table,
.widget th,
.widget td {
border-color: rgba(255, 255, 255, 0.1);
padding: 0;
border: none;
}
.widget table {
margin-bottom: 18px;
}
.widget del {
color: rgba(255, 255, 255, 0.4);
}
.widget hr {
background-color: rgba(255, 255, 255, 0.1);
}
.widget p {
margin-bottom: 18px;
}
.widget input,
.widget textarea {
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.1);
color: #999;
font-size: 14px;
padding: 8px;
}
.widget input:focus,
.widget textarea:focus {
border-color: rgba(255, 255, 255, 0.3);
}
.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
background-color: #f4624a;
border: 0;
font-size: 12px;
padding: 8px 15px;
}
.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
color: #222;
background-color: #fff;
}
.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active {
color: #222;
background-color: #fff;
}
.widget .wp-caption {
color: rgba(255, 255, 255, 0.7);
margin-bottom: 18px;
}
.widget .widget-title {
font-size: 16px;
margin: 0 0 15px 0;
text-transform: uppercase;
letter-spacing: 2px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding-bottom: 5px;
font-weight: 400;
}
.widget-title,
.widget-title a {
color: #fff;
}
.widget-title a:hover {
color: #f4624a;
} .widget_tag_cloud .tagcloud a {
padding: 4px 8px;
margin: 2px;
display: inline-block;
line-height: normal;
color: #262626;
background-color: #666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-weight: 700;
font-size: 12px !important;
text-transform: uppercase;
}
.widget_tag_cloud .tagcloud a:hover {
text-decoration: none;
line-height: normal;
color: #fff;
background-color: #f4624a;
} .widget table#wp-calendar a {
display: block;
background: #ccc;
color:#222;
line-height: 30px;
text-decoration:none;
}
.widget table#wp-calendar a:hover {
background:#fff;
color:#333;
line-height:30px;
text-decoration:none;
}
.widget table#wp-calendar {
width:99%;
margin-left:2px;
}
.widget table#wp-calendar tbody td {
text-align: center;
border: 1px solid #222;
background-color: #333;
color:#999;
font-size:13px;
line-height:30px;
}
.widget table#wp-calendar caption {
font-size: 12px;
text-transform: uppercase;
width: 100%;
color: #ddd;
padding:0;
margin-bottom: 5px;
}
.widget table#wp-calendar th {
font-weight: normal;
color:#999;
text-align: center;
padding: 2px;
border: none;
}
.widget table#wp-calendar #next a {
text-align: right;
color:#999;
line-height:10px;
background:none;
}
.widget table#wp-calendar #prev a {
text-align: left;
color:#999;
line-height:15px;
background:none;
}
.widget table#wp-calendar #next a:hover, .widget table#wp-calendar #prev a:hover { color:#f4624a; } .widget li { margin-left: 0; }
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 8px 0 9px;
}
.widget_archive li:before,
.widget_categories li:before,
.widget_links li:before,
.widget_meta li:before,
.widget_nav_menu li:before,
.widget_pages li:before,
.widget_recent_comments li:before,
.widget_recent_entries li:before {
content: "";
width:4px;
height:4px;
background-color: #555;
border-radius:50%;
display: inline-block;
line-height: normal;
margin-right: 8px;
margin-bottom: 4px;
font-weight:800;
}
.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
border-top: 0;
}
.widget_categories li ul,
.widget_nav_menu li ul,
.widget_pages li ul {
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 9px;
}
.widget_categories li li:last-child,
.widget_nav_menu li li:last-child,
.widget_pages li li:last-child {
padding-bottom: 0;
} .widget_recent_entries .post-date {
display: block;
} .rsswidget img {
margin-top: -4px;
}
.widget_rss li a { color: #f4624a; }
.rssSummary {
margin: 9px 0;
color: #999;
}
.rss-date {
display: block;
}
.widget_rss li {
margin-bottom: 18px;
}
.widget_rss li:last-child {
margin-bottom: 0;
} .widget_text > div > :last-child {
margin-bottom: 0;
}  .tweets-widget {
list-style: none;
margin: 0;
}
.tweets-widget li {
margin: 0 0 20px 0;
font-size: 14px;
color: #999;
}
.tweets-widget li a { color: #f4624a; }
.tweets-widget li a:hover { color: #fff; }
.tweets-widget li:before {
content: "\2014";
color: #666;
padding-bottom: 5px;
display: block;
}
.tweets-widget li:first-child:before { display: none;}
.tweets-widget li .date a {
display: block;
margin-top: 12px;
font-size: 12px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #666;
border: none;
font-weight: normal;
width: 100%;
}
.tweets-widget li .date a:hover { color: #f4624a; } .widget_r_tracks ol { margin-bottom: 30px; }
.widget_r_tracks .btn.list-btn { margin-bottom: 0px; }  hr.divider {
background-color: #333;
width: 100%;
height: 1px;
margin: 30px 0 50px 0;
} .error, .success, .info, .warning {
font-family: Arial, Helvetica, sans-serif;
display: block;
font-size: 13px;
font-weight: bold;
border: 1px solid;
padding: 14px 20px 14px 20px;
clear: both;
}
.error {
background-color: #fdcaca;
color: #7f6060;
border-color: #ffc3c3;
}
.success {
background-color: #cafdce;
color: #637a65;
border-color: #9cfaa3;
}
.info {
background-color: #dee9fe;
color: #737b8b;
border-color: #cddfff;
}
.warning {
background-color: #fbe9de;
color: #877863;
border-color: #fbe0b9
}  input[type="submit"], button, .btn, .widget .btn {
font-family: "Roboto","Arial", "Helvetica Neue", Helvetica,sans-serif;
color: #fff;
font-size: 13px;
cursor: pointer;
height: auto;
width: auto;
overflow: visible;
padding: 12px 20px;
margin: 0 15px 30px 0;
background-color: #f4624a;
border: none;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
border-radius: 3px;
font-weight: 400;
}
input[type="submit"] {
margin:0
}
input[type="submit"]:hover, button:hover, .btn:hover, .widget .btn:hover {
background-color: #666 !important;
color: #fff;
}
.btn { display: inline-block; vertical-align: middle;}
.text-right .btn { margin-right:0; margin-left: 15px; }
.text-center .btn { margin-right: 0; }
input[type="submit"].small, button.small, .btn.small { padding: 6px 20px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
input[type="submit"].medium, button.medium, .btn.medium { padding: 12px 18px; }
input[type="submit"].large, button.large, .btn.large { padding: 18px 28px; font-size: 18px;} .btn.wide {
width: 100%;
margin-right: 0;
padding: 0;
}
.list-btn {
top:-10px;
position: relative;
} .btn .icon {
color: inherit;
margin-right: 10px;
font-size: 16px;
font-weight: normal;
vertical-align: middle;
top: -2px;
position: relative;
} .stamp-button {
border: 1px solid #fff;
color: #fff;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
padding: 10px 40px;
display: inline-block;
position: relative;
z-index: 2;
margin-bottom: 30px;
}
.stamp-button span {
z-index: 2;
position: relative;
color: #fff;
}
.stamp-button:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: #fff;
content: '';
position: absolute;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
z-index: 0;
}
.stamp-button:hover,
.stamp-button:hover span { color: #111; }
.stamp-button:hover:after,
.stamp-button:active:after { height: 100%; }  .thumb {
display: block;
margin-bottom: 30px;
overflow: hidden;
position: relative;
overflow: hidden;
}
.thumb img {
max-height: 100%;
height: auto;
display: block;
max-width: 100%;
width: 100%;
margin: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.thumb:hover img {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
.thumb .inner {
position: absolute;
left: 0;
top: 0;
opacity: 0;
background: rgb(0,0,0);
background: rgba(0,0,0,.8);
display: block;
height: 100%;
width: 100%;
z-index: 2;
}
.thumb:hover .inner { opacity: 1; }
.thumb .inner h6 {
position: absolute;
left: 0px;
top: 50%;
z-index: 6;
width:100%;
text-align:center;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
width: 100%;
padding: 12px;
text-align: center;
color: #fff;
font-size: 1.2em;
opacity: 0;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.inner h6:after {
display: block;
width: 60px;
height: 1px;
background-color: #fff;
content: "";
margin: 12px auto 0 auto;
}
.thumb:hover .inner h6 {
opacity: 1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.thumb .inner h6 span {
display: block;
font-size: 14px;
font-weight: normal;
} .frame-box {
position: relative;
}
.frame-box .line1,.frame-box .line2,.frame-box .line3,.frame-box .line4 {
display:block;
position:absolute;
background-color:#fff;
z-index:10;
}
.frame-box .line1, .frame-box .line3 {
width:0;
height:1px;
}
.frame-box .line2, .frame-box .line4 {
width:1px;
height:0;
}
.frame-box .line1 { top:0; right:0; }
.frame-box:hover .line1{-moz-animation:animLine1 1.5s ease-out 0s infinite;animation:animLine1 1.5s ease-out 0s infinite;-o-animation:animLine1 1.5s ease-out 0s infinite;-ms-animation:animLine1 1.5s ease-out 0s infinite;}
@-moz-keyframes animLine1{
0%{width:0;left:0;}
50%{width:100%;left:0;}
100%{width:0;left:100%;}
}
@keyframes animLine1{
0%{width:0;left:0;}
55%{width:100%;left:0;}
100%{width:0;left:100%;}
}
@-o-keyframes animLine1{
0%{width:0;left:0;}
55%{width:100%;left:0;}
100%{width:0;left:100%;}
}
@-ms-keyframes animLine1{
0%{width:0;left:0;}
55%{width:100%;left:0;}
100%{width:0;left:100%;}
}
.frame-box .line2 { top:0; right:0; }
.frame-box:hover .line2{-moz-animation:animLine2 1.5s ease-out 0s infinite;animation:animLine2 1.5s ease-out 0s infinite;-o-animation:animLine2 1.5s ease-out 0s infinite;-ms-animation:animLine2 1.5s ease-out 0s infinite;}
@-moz-keyframes animLine2{
0%{height:100%;top:0;}
54%{height:0;top:100%;}
55%{height:0;top:0;}
100%{height:100%;top:0;}
}
@keyframes animLine2{
0%{height:100%;top:0;}
54%{height:0;top:100%;}
55%{height:0;top:0;}
100%{height:100%;top:0;}
}
@-o-keyframes animLine2{
0%{height:100%;top:0;}
54%{height:0;top:100%;}
55%{height:0;top:0;}
100%{height:100%;top:0;}
}
@-ms-keyframes animLine2{
0%{height:100%;top:0;}
54%{height:0;top:100%;}
55%{height:0;top:0;}
100%{height:100%;top:0;}
}
.frame-box .line3 { bottom:0; right:0; }
.frame-box:hover .line3{-moz-animation:animLine3 1.5s ease-out 0s infinite;animation:animLine3 1.5s ease-out 0s infinite;-o-animation:animLine3 1.5s ease-out 0s infinite;-ms-animation:animLine3 1.5s ease-out 0s infinite;}
@-moz-keyframes animLine3{
0%{width:0;right:0;}
55%{width:100%;right:0;}
100%{width:0;right:100%;}
}
@keyframes animLine3{
0%{width:0;right:0;}
55%{width:100%;right:0;}
100%{width:0;right:100%;}
}
@-o-keyframes animLine3{
0%{width:0;right:0;}
55%{width:100%;right:0;}
100%{width:0;right:100%;}
}
@-ms-keyframes animLine3{
0%{width:0;right:0;}
55%{width:100%;right:0;}
100%{width:0;right:100%;}
}
.frame-box .line4 { bottom:0; left:0; }
.frame-box:hover .line4 {-moz-animation:animLine4 1.5s ease-out 0s infinite;animation:animLine4 1.5s ease-out 0s infinite;-o-animation:animLine4 1.5s ease-out 0s infinite;-ms-animation:animLine4 1.5s ease-out 0s infinite;}
@-moz-keyframes animLine4{
0%{height:100%;bottom:0;}
54%{height:0;bottom:100%;}
55%{height:0;bottom:0;}
100%{height:100%;bottom:0;}
}
@keyframes animLine4{
0%{height:100%;bottom:0;}
54%{height:0;bottom:100%;}
55%{height:0;bottom:0;}
100%{height:100%;bottom:0;}
}
@-o-keyframes animLine4{
0%{height:100%;bottom:0;}
54%{height:0;bottom:100%;}
55%{height:0;bottom:0;}
100%{height:100%;bottom:0;}
}
@-ms-keyframes animLine4{
0%{height:100%;bottom:0;}
54%{height:0;bottom:100%;}
55%{height:0;bottom:0;}
100%{height:100%;bottom:0;}
} .thumb-desc > div {
position: absolute;
line-height: normal;
left: 0;
bottom: 0;
z-index: 3;
width: 100%;
padding: 10px;
background: -moz-linear-gradient(top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.8) 96%, rgba(0,0,0,0.8) 98%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.06)), color-stop(96%,rgba(0,0,0,0.8)), color-stop(98%,rgba(0,0,0,0.8))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.8) 96%,rgba(0,0,0,0.8) 98%); background: -o-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.8) 96%,rgba(0,0,0,0.8) 98%); background: -ms-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.8) 96%,rgba(0,0,0,0.8) 98%); background: linear-gradient(to bottom, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.8) 96%,rgba(0,0,0,0.8) 98%); }
.thumb-desc div div {
text-shadow: -1px 0px 5px rgba(0, 0, 0, 1);
color: #fff;
font-size: 15px;
font-weight: 700;
}
.thumb-desc div div span {
display: block;
font-size: 12px;
font-weight: 400;
margin-top:5px;
} .thumb-icon {
cursor: pointer;
display: block;
position: relative;
font-size: 0;
overflow: hidden;
line-height: 0;
margin-bottom: 30px;
}
.thumb-icon img {
max-width: 100%;
max-height: 100%;
margin: 0;
}
.thumb-icon .icon-wrap {
position: absolute;
opacity: 0;
display: block;
height: 100%;
width: 100%;
z-index: 2;
top: 0;
left:0;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.thumb-icon:hover .icon-wrap { opacity: 1; }
.thumb-icon .icon {
content: '';
position: absolute;
color: #fff;
height: 32px;
width: 32px;
line-height: 32px;
text-align: center;
font-size: 16px;
display: inline-block;
z-index: 3;
margin-top: -14px;
left:10px;
bottom: 10px;
background-color: #f4624a;
} .badge {
color: #fff;
white-space: nowrap;
overflow: hidden;
position: absolute;
text-align: center;
padding: 4px;
height: 26px;
width: 120px;
min-width: auto;
min-height: 26px;
max-height: 26px;
right: -31px;
top: 16px;
left: auto;
z-index: 1;
text-transform: uppercase;
font-size: 12px;
line-height: 17px;
font-weight: bold;
letter-spacing: 2px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.badge.new { background-color: #f4624a; color: #fff; }
.badge.free { background-color: #000; }
.badge.soundcloud { background-color: #ff3a00; } #ie-message { background:#c00; border-bottom:1px solid #900; display: block; margin: 0 auto 20px auto; width:100%; z-index:10000; position: fixed; }
#ie-message p { text-align:center; color:#fff; font-size:13px; padding:20px; margin: 0 25%; }
#ie-message a { color:#fff; font-weight:bold; text-decoration:underline; } .carousel {
margin-bottom: 30px;
}
.carousel-fw-item {
width: auto;
margin: 1px;
} .slider {
background-color: #222;
}
.text-slider { background-color: transparent; }
.carousel-slider {
margin-bottom: 30px;
background-color: transparent;
}
.carousel-slider img {
display: block;
width: 100%;
height: auto;
}
.tracks-carousel-wrap .slide {
margin: 0px 10px;
}
.carousel-slider .owl-pagination,
.text-slider .owl-pagination {
z-index: 10;
position: absolute;
text-align: center;
top: auto;
width: 100%;
left: 0;
bottom: -40px;
}
.text-slider .owl-pagination { bottom: 10px; }
.carousel-slider .slide {position:  relative;overflow: hidden;}
.carousel-slider.owl-theme .owl-buttons i {
color: #111;
font-size: 18px;
line-height: 36px;
margin-left:0;
vertical-align:top;
}
.carousel-slider.owl-theme .owl-controls .owl-buttons div {
position: absolute;
}
.carousel-slider.owl-theme .owl-controls .owl-buttons .owl-prev,
.carousel-slider.owl-theme .owl-controls .owl-buttons .owl-next {
height: 50px;
width: 50px;
margin-top: -25px;
border: 1px solid #fff;
text-align: center;
}
.carousel-slider.owl-theme .owl-controls .owl-buttons .owl-prev i,
.carousel-slider.owl-theme .owl-controls .owl-buttons .owl-next i {
color: #fff;
line-height: 50px
}
.carousel-slider.owl-theme .owl-controls .owl-buttons .owl-prev:hover,
.carousel-slider.owl-theme .owl-controls .owl-buttons .owl-next:hover {
background-color: rgba(255,255,255,0.2)
}
.carousel-slider.owl-theme .owl-controls .owl-buttons .owl-prev:hover i,
.carousel-slider.owl-theme .owl-controls .owl-buttons .owl-next:hover i {
color: #fff;
}
.carousel-slider.owl-theme .owl-controls .owl-buttons .owl-prev {
left: 0px;
border-left: 0;
top: 50%;
}
.carousel-slider.owl-theme .owl-controls .owl-buttons .owl-next {
right: 0px;
border-right: 0;
top: 50%;
}
.carousel-slider.owl-theme .owl-controls {
margin-top: 0px;
} .carousel-slider.owl-theme .owl-controls .owl-buttons .owl-prev,
.carousel-slider.owl-theme .owl-controls .owl-buttons .owl-next {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
} .content-slider { background-color: #222 ; overflow: hidden;}
.content-slider .content-captions {
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 1;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.content-slider .content-captions:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.content-slider .content-captions span {
display: block;
}
.content-slider .content-captions .caption-title {
font-size: 14px;
font-weight: bold;
}
.content-slider .slide { display: none; }
.content-slider .slide:first-child { display: block; } .owl-theme .owl-controls{
margin-top: 30px;
text-align: center;
} .owl-theme .owl-controls .owl-buttons div{
color: #fff;
display: inline-block;
zoom: 1;
}  .owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100); opacity: 1;
text-decoration: none;
} .owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
position: relative;
margin: 0 3px;
}
.owl-theme .owl-controls .owl-page span:after {
content: '';
width: 4px;
height: 4px;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: inline-block;
position: absolute;
top: 3px;
left: 3px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
width: 12px;
height: 12px;
background: transparent;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border: 1px solid #fff;
}
.owl-theme .owl-controls .owl-page.active span:after,
.owl-theme .owl-controls.clickable .owl-page:hover span:after {
display: none;
} .owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
} .owl-item.loading{
min-height: 150px;
background: url(//djsvet.com/wp-content/themes/img/AjaxLoader.gif) no-repeat center center
}
.image.zoom {
-webkit-animation: sliderzoom linear 40s infinite alternate;
-moz-animation: sliderzoom linear 40s infinite alternate;
animation: sliderzoom linear 40s infinite alternate;
}
keyframes sliderzoom
{
from { -webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
to   {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
}
@keyframes sliderzoom
{
from { -webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
to   {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
}
@-moz-keyframes sliderzoom
{
from { -webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
to   {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:      -o-transform, opacity;
transition-property:         transform, opacity;
} .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: transparent;
background-position: left top;
background-repeat: repeat;
z-index: 2;
display: block;
background-color: #000;
}
.overlay.anim-css,
.overlay.noise.anim-css,
.overlay.dots.anim-css { opacity: 0; }
.overlay,
.overlay.active {
opacity: 0.6;
} .overlay.noise {
background: transparent url(//djsvet.com/wp-content/themes/spectra/images/overlay-noise.gif) left top repeat;
}
.overlay.noise,
.overlay.noise.active {
opacity: 0.04;
} .overlay.dots {
background: transparent url(//djsvet.com/wp-content/themes/spectra/images/overlay-dots.png) left top repeat;
}
.overlay.dots,
.overlay.dots.active {
opacity: 1;
z-index: 2;
} .mfp-iframe-scaler iframe {
box-shadow:none;
} #tooltip {
text-align: center;
color: #333;
background: #ddd;
position: absolute;
z-index:100002;
padding: 15px;
} #tooltip:after {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #ddd;
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}
#tooltip.top:after {
border-top-color: transparent;
border-bottom: 10px solid #ddd;
top: -20px;
bottom: auto;
}
#tooltip.left:after {
left: 10px;
margin: 0;
}
#tooltip.right:after {
right: 10px;
left: auto;
margin: 0;
}  @media only screen and (max-width: 1200px) {  .container { width: 960px; } .vc-container { width: 960px; } .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
margin-right: 20px;
}
.col-1-2 { width: 460px; }
.col-1-3 { width: 300px; }
.col-1-4 { width: 220px; }
.col-2-3 { width: 620px; }
.col-3-4 { width: 700px; }
.col-1-2 .col-1-2 { width: 220px; } #main { width: 640px; }
#main.main-right { margin-left: 50px; }
#main.main-left { margin-right: 50px; } .sidebar { width: 260px; } .masonry { margin-right: -20px;}   #nav {
display: none;
}
#icon-nav li:first-child {
margin-left:0px;
padding-left:0px;
border-left: 0;
} .nav-container {
padding: 0 20px;
} #slidemenu { width: 100%; }
#icon-nav #nav-slidemenu {
display: block;
position: relative;
top:-10px;
}
#icon-nav #nav-slidemenu:hover span { border: 1px solid rgba(255,255,255, 0.3); }
#icon-nav #nav-slidemenu span {
font-size: 32px;
padding: 4px;
border-radius: 3px;
border: 1px solid rgba(255,255,255, 0.2);
}   .section-heading { font-size: 62px; }
.section-sub-heading { font-size: 28px; } .fullwidth.items { margin: 40px 40px 40px 0; }
.fullwidth .item { width: 33.3%; }
.container .item { width: 33.3%; }
.fullwidth .item .project-thumb { margin: 0px 0px 40px 40px; } #events-list li, #events-list-anim li {height: 260px;}
#events-list li:hover, #events-list-anim li:hover {
height: 250px;
margin-top: -30px;
} #events-list h2, #events-list h2 a,
#events-list-anim h2, #events-list-anim h2 a { font-size: 48px; }
#events-list .event-location, #events-list-anim .event-location { font-size: 16px; } .masonry-events .event-brick {
width: 25%;
} .event-brick .event-title { font-size: 28px; }
} @media only screen and (max-width: 980px) and (min-width: 768px) {  .container { width: 748px; } .vc-container { width: 748px; }
.container img, .vc-container img {
max-width:100%;
max-height:100%;
} .col-1-2 { width: 364px; }
.col-1-3 { width: 236px; }
.col-2-3 { width: 492px; }
.col-1-4 { width: 172px; }
.col-3-4 { width: 492px; } #main { width: 492px; }
#main.main-right { margin-left: 20px; }
#main.main-left { margin-right: 20px; } .sidebar { width: 236px; }  #header.hide-navigation { padding: 0; }  #nav {
display: none;
} .nav-container {
padding: 0 20px;
} #icon-nav #nav-slidemenu {
display: block;
position: relative;
top:-10px;
}
#icon-nav #nav-slidemenu:hover span { border: 1px solid rgba(255,255,255, 0.3); }
#icon-nav #nav-slidemenu span {
font-size: 32px;
padding: 4px;
border-radius: 3px;
border: 1px solid rgba(255,255,255, 0.2);
} #icon-nav {
position: absolute;
right: 20px;
top: 0;
border: 0;
z-index: 100;
margin-top: 26px;
}
#icon-nav li:first-child {
margin-left:0px;
padding-left:0px;
border-left: 0;
}
#icon-nav a span { font-size: 18px; } #logo {
float: left;
margin: 8px 0 0 0;
}
#logo img { margin: 0; } #header.hide-navigation #search-wrap { top: 0px; }
#search-wrap { right: 20px; }  .column-icon {
position: relative;
}
.column-icon .txt {
padding-left: 0px;
display: block;
}
.column-icon .icon {
position: relative;
} .entry {
padding-left: 0px;
padding-top: 0px;
position: relative;
}
.entry-header {
padding-left:80px;
min-height:150px;
padding-top: 20px;
}
.logged-in .entry-header {
min-height:180px;
}
.entry-side {
position: absolute;
margin-top: 1px;
width: 60px;
}
.entry-meta div {
margin-right:0;
padding-right: 0;
border: 0;
} .page-title {
font-size: 48px;
}
.page-intro-image {
height: 400px;
} .parallax, .vc-parallax { background-size: cover !important; background-attachment: scroll !important; background-position: top center!important; } .section-heading { font-size: 62px; }
.section-sub-heading { font-size: 28px; } .intro-image.intro,
.intro-youtube.intro {
min-height: 400px !important;
}
.intro-slider.carousel-slider,
.intro-slider.carousel-slider .slide {
min-height: 400px !important;
}
.scroll-anim { bottom: 30px; }
.site.hide-navigation .intro-captions { padding-top:60px } .intro-captions .caption-title { font-size: 56px; }
.intro-captions .caption-subtitle { font-size: 28px; } .fullwidth.items { margin: 40px 40px 40px 0; }
.fullwidth .item { width: 33.3%; }
.container .item, .vc-container .item { width: 33.3%; }
.fullwidth .item .project-thumb { margin: 0px 0px 40px 40px; } .filter ul {
text-align: center;
padding-bottom: 20px;
}
.filter ul li {
float: none;
display: inline-block;
}
.filter li a {
padding: 12px;
border-bottom: none;
}
.filter li a:hover, .filter li a.active {
background-color: #111;
color: #fff;
} .filter .filter-label { width: 100%; }
.filter .filter-label .label { padding: 12px; } .filter .filter-label .label:after { content: "\2193"; } #events-list li, #events-list-anim li { height: 260px; }
#events-list li:hover, #events-list-anim li:hover {
height: 300px;
margin-top: 0px;
} #events-list h2, #events-list h2 a,
#events-list-anim h2, #events-list-anim h2 a { font-size: 48px; }
#events-list .event-location,
#events-list-anim .event-location { font-size: 16px; } .masonry-events .event-brick {
width: 33.3%;
} .event-brick .event-title { font-size: 26px; line-height: normal;} .countdown:before {
height: 80px;
top: -60px;
}
.countdown .days, .countdown .hours, .countdown .minutes, .countdown .seconds {
font-size: 140px;
}
.countdown .days:before, .countdown .hours:before, .countdown .minutes:before, .countdown .seconds:before {
height: 60px;
bottom: 40px;
}
.countdown .days:after, .countdown .hours:after, .countdown .minutes:after, .countdown .seconds:after {
font-size: 18px;
padding-top:50px;
}
h6.upcoming-event {
font-size: 22px;
} .comment .avatar-wrap img {
width: 55px;
height: 55px;
}
.comment .comment-body, .comment .comment-meta { margin-left: 70px; }
.comment .children { padding: 30px 0 0 75px; }
} @media only screen and (max-width: 767px) {  .container { width: 100%; padding: 0 20px; } .vc-container { width: 100%;padding: 0 20px;}
.container img {
max-width: 100%;
max-height:100%;
} .col-1-2,
.col-1-3,
.col-1-4,
.col-1-5,
.col-2-3,
.col-3-4,
.flex-col-1-2,
.flex-col-1-3,
.flex-col-1-4,
.flex-col-1-5 {
width: 100%;
margin-right:0;
} #site .wpb_text_column { margin-bottom:30px } #main { width: 100%; margin-bottom:40px }
#main.main-right { margin-left: 0; }
#main.main-left { margin-right: 0; } .sidebar { width: 100%; } #slidebar { width: 100%; } .masonry { margin-right: 0px;}   .heading-xl {
font-size: 40px;
line-height: 1.4em;
} .heading-l {
font-size: 30px;
line-height: 1.4em;
} .heading-m {
font-size: 24px;
line-height: 1.4em;
}  #header.hide-navigation { padding: 0; }
.admin-bar #site #header.sticky { top: 46px; z-index: 400;}  #nav {
display: none;
} .nav-container {
padding: 0 20px;
} #slidemenu { width: 100%; }
#icon-nav #nav-slidemenu {
display: block;
position: relative;
top:-10px;
}
#icon-nav #nav-slidemenu:hover span { border: 1px solid rgba(255,255,255, 0.3); }
#icon-nav #nav-slidemenu span {
font-size: 32px;
padding: 4px;
border-radius: 3px;
border: 1px solid rgba(255,255,255, 0.2);
} #icon-nav {
position: absolute;
right: 20px;
top: 0;
border: 0;
z-index: 100;
margin-top: 26px;
}
#icon-nav a span { font-size: 18px; } #logo {
float: left;
margin: 8px 0 0 0;
}
#logo img { margin: 0; } #header.hide-navigation #search-wrap { top: 0px; }
#search-wrap { right: 20px; } .entry {
padding-left: 0px;
padding-top: 0px;
position: relative;
}
.entry-header {
padding-left:80px;
min-height:150px;
padding-top: 10px;
}
.logged-in .entry-header {
min-height:180px;
}
.entry-side {
position: absolute;
margin-top: 1px;
width: 60px;
}
.entry-meta div {
margin-right:0;
padding-right: 0;
border: 0;
}
.entry-search .post-type { position: relative; } .section-header { padding: 60px 0; }
.parallax, .vc-parallax { background-size: cover !important; background-attachment: scroll !important; background-position: top center!important; } .section-heading { font-size: 48px; }
.section-sub-heading { font-size: 24px; } .content-title { font-size: 28px; }
.site.hide-navigation .intro-custom-content {
padding-top: 126px;
} .intro-image.intro,
.intro-youtube.intro  {
min-height: 300px !important;
}
.intro-slider.carousel-slider,
.intro-slider.carousel-slider .slide {
min-height: 300px !important;
}
.caption-title.big { font-size: 22px; }
.caption-title.medium { font-size: 16px; }
.caption-title.small { font-size: 14px; }
.scroll-anim { bottom: 20px; }
.site.hide-navigation .intro-captions { padding-top:60px }
.caption-button {
font-size: 14px;
font-weight: 400;
padding: 6px 20px;
} .intro-captions .caption-title { font-size: 38px; }
.intro-captions .caption-subtitle { font-size: 18px; } .masonry-news {
background-image: none;
} h6.upcoming-event { font-size: 18px; } #newsletter { padding: 60px 0 }
#subscribe-email { width: 204px; } .fullwidth.items { margin: 40px 40px 40px 0; }
.fullwidth .item { width: 100%; }
.container .item, .vc-container .item { width: 100%; }
.fullwidth .item .project-thumb { margin: 0px 0px 40px 40px; } .filter ul {
text-align: center;
padding-bottom: 20px;
}
.filter ul li {
float: none;
display: inline-block;
}
.filter li a {
padding: 12px;
border-bottom: none;
}
.filter li a:hover, .filter li a.active {
background-color: #111;
color: #fff;
} .filter .filter-label { width: 100%; }
.filter .filter-label .label { padding: 12px; } .filter .filter-label .label:after { content: "\2193"; } #events-list li, #events-list-anim li {
height: auto;
padding: 0;
}
#events-list li:after, #events-list-anim li:after { display: none; }
#events-list li:hover, #events-list-anim li:hover {
height: auto;
margin-top: 0px;
} #events-list .inner, #events-list-anim .inner {
padding: 40px 20px;
background-color:rgba(0,0,0,0.6)
} #events-list .event-date,
#events-list-anim .event-date { font-size: 18px; } #events-list h2, #events-list h2 a,
#events-list-anim h2, #events-list-anim h2 a { font-size: 28px; margin-bottom: 10px; } #events-list .event-location,
#events-list-anim .event-location {
color: #999;
font-size: 14px;
} .more-events {
background-color: #1c1c1d;
padding: 40px 20px;
} .masonry-events .event-brick {
width: 100%;
min-height: 0;
margin-right: 0;
padding: 40px 20px;
} .masonry-events .event-date {
font-size: 18px;
} .masonry-events .event-location { font-size: 14px; } .countdown:before {
height: 80px;
top: -60px;
}
.countdown .days, .countdown .hours, .countdown .minutes, .countdown .seconds {
font-size: 60px;
}
.countdown .days:before, .countdown .hours:before, .countdown .minutes:before, .countdown .seconds:before {
height: 48px;
bottom: 24px;
}
.countdown .days:after, .countdown .hours:after, .countdown .minutes:after, .countdown .seconds:after {
font-size: 14px;
padding-top:50px;
}
h6.upcoming-event {
font-size: 18px;
} #search-404 { margin-top: -20px; } .comment .avatar-wrap img {
width: 55px;
height: 55px;
}
.comment .comment-body, .comment .comment-meta { margin-left: 70px; }
.comment .children { padding: 30px 0 0 75px; }
} @media only screen and (min-width: 480px) and (max-width: 767px) {  .flex-col-1-2,
.flex-col-1-4 {
width: 50%;
} #slidebar {
width: 400px;
}  #slidemenu {
width: 400px;
}    #intro-logo { margin: 0 auto 20px auto; } a#scroll-arrows { margin: 30px auto 0; } .fullwidth.items { margin: 40px 40px 40px 0; }
.fullwidth .item { width: 50%; }
.container .item, .vc-container .item { width: 50%; }
.fullwidth .item .project-thumb { margin: 0px 0px 40px 40px; }  .countdown:before {
height: 80px;
top: -60px;
}
.countdown .days, .countdown .hours, .countdown .minutes, .countdown .seconds {
font-size: 90px;
}
.countdown .days:before, .countdown .hours:before, .countdown .minutes:before, .countdown .seconds:before {
height: 40px;
bottom: 24px;
}
.countdown .days:after, .countdown .hours:after, .countdown .minutes:after, .countdown .seconds:after {
font-size: 14px;
padding-top: 30px;
}
h6.upcoming-event {
font-size: 18px;
}
}
@media only screen and (max-width:480px) {  #icon-nav li {
display: none;
}
#icon-nav li:last-child {
display: block;
}
} @media (max-width: 50em) { table.responsive-table { box-shadow: none; }
table.responsive-table thead { display: none;  }
table.display th,
table.display td {
padding: .8em 1em;
border: 1px solid #444;
}
table.responsive-table td:nth-child(1):before,
table.responsive-table td:nth-child(2):before {
position: absolute;
left: .5em;
font-weight: bold;
}
table.responsive-table tr,
table.responsive-table td { display: block; }
table.responsive-table tr {
position: relative;
margin-bottom: 1em;
}
table.responsive-table td { border-top: none; }
table.responsive-table td.table-date { border-top: 1px solid #444; }
table.responsive-table td.actions{
position: absolute;
top: 0;
right: 0;
border: none;
background: none;
}
}