﻿/*@import "fonts.css";
@import "/Content/entypo.css";
@import "flaticon.css";*/

/*---------------------------------------------
Load Google Fonts 
---------------------------------------------*/
/* 
    
    */
@font-face {
  	font-family: 'Lato';
  	font-style: normal;
  	font-weight: 400;
  	src: local('Lato Regular'), local('Lato-Regular'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  	font-family: 'Lato';
  	font-style: normal;
  	font-weight: 700;
  	src: local('Lato Bold'), local('Lato-Bold'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
/* PT Sans */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/LKf8nhXsWg5ybwEGXk8UBQ.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v8/0XxGQsSc1g4rdRdjJKZrNBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
/* Pacifico */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v7/yunJt0R8tCvMyj_V4xSjafesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

/*---------------------------------------------
SVG for smoother text in Chrome-Windows 
---------------------------------------------*/
/* Lato */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato.svg') format('svg');
    font-weight: 400;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Bold.svg') format('svg');
    font-weight: 700;
  }
}
/* PT Sans */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'PT Sans';
    src: url('/fonts/PTSans-Regular.svg') format('svg');
    font-weight: 400;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'PT Sans';
    src: url('/fonts/PTSans-Bold.svg') format('svg');
    font-weight: 700;
  }
}
/* Pacifico */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'Pacifico';
    src: url('/fonts/Pacifico.svg') format('svg');
    font-weight: 400;
  }
}


/*---------------------------------------------
Enrypo Cheat Sheet 
---------------------------------------------*/
@font-face {
  font-family: 'entypo';
  src: url('fonts/entypo.eot?49384070');
  src: url('fonts/entypo.eot?49384070#iefix') format('embedded-opentype'),
       url('fonts/entypo.woff?49384070') format('woff'),
       url('fonts/entypo.ttf?49384070') format('truetype'),
       url('fonts/entypo.svg?49384070#entypo') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'entypo';
    src: url('fonts/entypo.svg?49384070#entypo') format('svg');
  }
}

 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "entypo";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  /* margin-right: .2em; */
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* margin-left: .2em; */
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-note:before { content: '\e800'; } /* 'î €' */
.icon-logo-db:before { content: '\e978'; } /* 'î¥¸' */
.icon-music:before { content: '\e802'; } /* 'î ‚' */
.icon-search:before { content: '\e803'; } /* 'î ƒ' */
.icon-flashlight:before { content: '\e804'; } /* 'î „' */
.icon-mail:before { content: '\e805'; } /* 'î …' */
.icon-heart:before { content: '\e806'; } /* 'î †' */
.icon-heart-empty:before { content: '\e807'; } /* 'î ‡' */
.icon-star:before { content: '\e808'; } /* 'î ˆ' */
.icon-star-empty:before { content: '\e809'; } /* 'î ‰' */
.icon-user:before { content: '\e80a'; } /* 'î Š' */
.icon-users:before { content: '\e80b'; } /* 'î ‹' */
.icon-user-add:before { content: '\e80c'; } /* 'î Œ' */
.icon-video:before { content: '\e80d'; } /* 'î ' */
.icon-picture:before { content: '\e80e'; } /* 'î Ž' */
.icon-camera:before { content: '\e80f'; } /* 'î ' */
.icon-layout:before { content: '\e810'; } /* 'î ' */
.icon-menu:before { content: '\e811'; } /* 'î ‘' */
.icon-check:before { content: '\e812'; } /* 'î ’' */
.icon-cancel-1:before { content: '\e813'; } /* 'î “' */
.icon-cancel-circled:before { content: '\e814'; } /* 'î ”' */
.icon-cancel-squared:before { content: '\e815'; } /* 'î •' */
.icon-plus:before { content: '\e816'; } /* 'î –' */
.icon-plus-circled:before { content: '\e817'; } /* 'î —' */
.icon-plus-squared:before { content: '\e818'; } /* 'î ˜' */
.icon-minus:before { content: '\e819'; } /* 'î ™' */
.icon-minus-circled:before { content: '\e81a'; } /* 'î š' */
.icon-minus-squared:before { content: '\e81b'; } /* 'î ›' */
.icon-help:before { content: '\e81c'; } /* 'î œ' */
.icon-help-circled-1:before { content: '\e81d'; } /* 'î ' */
.icon-info:before { content: '\e81e'; } /* 'î ž' */
.icon-info-circled:before { content: '\e81f'; } /* 'î Ÿ' */
.icon-back:before { content: '\e820'; } /* 'î  ' */
.icon-home:before { content: '\e821'; } /* 'î ¡' */
.icon-link:before { content: '\e822'; } /* 'î ¢' */
.icon-attach:before { content: '\e823'; } /* 'î £' */
.icon-lock-1:before { content: '\e824'; } /* 'î ¤' */
.icon-lock-open-1:before { content: '\e825'; } /* 'î ¥' */
.icon-eye-1:before { content: '\e826'; } /* 'î ¦' */
.icon-tag:before { content: '\e827'; } /* 'î §' */
.icon-bookmark:before { content: '\e828'; } /* 'î ¨' */
.icon-bookmarks:before { content: '\e829'; } /* 'î ©' */
.icon-flag:before { content: '\e82a'; } /* 'î ª' */
.icon-thumbs-up:before { content: '\e82b'; } /* 'î «' */
.icon-thumbs-down:before { content: '\e82c'; } /* 'î ¬' */
.icon-download:before { content: '\e82d'; } /* 'î ­' */
.icon-upload:before { content: '\e82e'; } /* 'î ®' */
.icon-upload-cloud:before { content: '\e82f'; } /* 'î ¯' */
.icon-reply-1:before { content: '\e830'; } /* 'î °' */
.icon-reply-all:before { content: '\e831'; } /* 'î ±' */
.icon-forward:before { content: '\e832'; } /* 'î ²' */
.icon-quote:before { content: '\e833'; } /* 'î ³' */
.icon-code:before { content: '\e834'; } /* 'î ´' */
.icon-export-1:before { content: '\e835'; } /* 'î µ' */
.icon-pencil-1:before { content: '\e836'; } /* 'î ¶' */
.icon-feather:before { content: '\e837'; } /* 'î ·' */
.icon-print:before { content: '\e838'; } /* 'î ¸' */
.icon-retweet:before { content: '\e839'; } /* 'î ¹' */
.icon-keyboard:before { content: '\e83a'; } /* 'î º' */
.icon-comment-1:before { content: '\e83b'; } /* 'î »' */
.icon-chat-1:before { content: '\e83c'; } /* 'î ¼' */
.icon-bell:before { content: '\e83d'; } /* 'î ½' */
.icon-attention:before { content: '\e83e'; } /* 'î ¾' */
.icon-alert:before { content: '\e83f'; } /* 'î ¿' */
.icon-vcard:before { content: '\e840'; } /* 'î¡€' */
.icon-address:before { content: '\e841'; } /* 'î¡' */
.icon-location-1:before { content: '\e842'; } /* 'î¡‚' */
.icon-map:before { content: '\e843'; } /* 'î¡ƒ' */
.icon-direction:before { content: '\e844'; } /* 'î¡„' */
.icon-compass:before { content: '\e845'; } /* 'î¡…' */
.icon-cup:before { content: '\e846'; } /* 'î¡†' */
.icon-trash:before { content: '\e847'; } /* 'î¡‡' */
.icon-doc:before { content: '\e848'; } /* 'î¡ˆ' */
.icon-docs:before { content: '\e849'; } /* 'î¡‰' */
.icon-doc-landscape:before { content: '\e84a'; } /* 'î¡Š' */
.icon-doc-text:before { content: '\e84b'; } /* 'î¡‹' */
.icon-doc-text-inv:before { content: '\e84c'; } /* 'î¡Œ' */
.icon-newspaper:before { content: '\e84d'; } /* 'î¡' */
.icon-book-open:before { content: '\e84e'; } /* 'î¡Ž' */
.icon-book:before { content: '\e84f'; } /* 'î¡' */
.icon-folder-1:before { content: '\e850'; } /* 'î¡' */
.icon-archive:before { content: '\e851'; } /* 'î¡‘' */
.icon-box:before { content: '\e852'; } /* 'î¡’' */
.icon-rss:before { content: '\e853'; } /* 'î¡“' */
.icon-phone:before { content: '\e854'; } /* 'î¡”' */
.icon-cog:before { content: '\e855'; } /* 'î¡•' */
.icon-tools:before { content: '\e856'; } /* 'î¡–' */
.icon-share:before { content: '\e857'; } /* 'î¡—' */
.icon-shareable:before { content: '\e858'; } /* 'î¡˜' */
.icon-basket:before { content: '\e859'; } /* 'î¡™' */
.icon-bag:before { content: '\e85a'; } /* 'î¡š' */
.icon-calendar:before { content: '\e85b'; } /* 'î¡›' */
.icon-login:before { content: '\e85c'; } /* 'î¡œ' */
.icon-logout-1:before { content: '\e85d'; } /* 'î¡' */
.icon-mic-1:before { content: '\e85e'; } /* 'î¡ž' */
.icon-mute:before { content: '\e85f'; } /* 'î¡Ÿ' */
.icon-sound:before { content: '\e860'; } /* 'î¡ ' */
.icon-volume:before { content: '\e861'; } /* 'î¡¡' */
.icon-clock-1:before { content: '\e862'; } /* 'î¡¢' */
.icon-hourglass:before { content: '\e863'; } /* 'î¡£' */
.icon-lamp:before { content: '\e864'; } /* 'î¡¤' */
.icon-light-down:before { content: '\e865'; } /* 'î¡¥' */
.icon-light-up:before { content: '\e866'; } /* 'î¡¦' */
.icon-adjust:before { content: '\e867'; } /* 'î¡§' */
.icon-block:before { content: '\e868'; } /* 'î¡¨' */
.icon-resize-full:before { content: '\e869'; } /* 'î¡©' */
.icon-resize-small:before { content: '\e86a'; } /* 'î¡ª' */
.icon-popup:before { content: '\e86b'; } /* 'î¡«' */
.icon-publish:before { content: '\e86c'; } /* 'î¡¬' */
.icon-window:before { content: '\e86d'; } /* 'î¡­' */
.icon-arrow-combo:before { content: '\e86e'; } /* 'î¡®' */
.icon-down-circled:before { content: '\e86f'; } /* 'î¡¯' */
.icon-left-circled:before { content: '\e870'; } /* 'î¡°' */
.icon-right-circled:before { content: '\e871'; } /* 'î¡±' */
.icon-up-circled:before { content: '\e872'; } /* 'î¡²' */
.icon-down-open:before { content: '\e873'; } /* 'î¡³' */
.icon-left-open-1:before { content: '\e874'; } /* 'î¡´' */
.icon-right-open-1:before { content: '\e875'; } /* 'î¡µ' */
.icon-up-open:before { content: '\e876'; } /* 'î¡¶' */
.icon-down-open-mini:before { content: '\e877'; } /* 'î¡·' */
.icon-left-open-mini:before { content: '\e878'; } /* 'î¡¸' */
.icon-right-open-mini:before { content: '\e879'; } /* 'î¡¹' */
.icon-up-open-mini:before { content: '\e87a'; } /* 'î¡º' */
.icon-down-open-big:before { content: '\e88c'; } /* 'î¢Œ' */
.icon-left-open-big:before { content: '\e8a0'; } /* 'î¢ ' */
.icon-right-open-big:before { content: '\e8b3'; } /* 'î¢³' */
.icon-up-open-big:before { content: '\e8b4'; } /* 'î¢´' */
.icon-down:before { content: '\e8c7'; } /* 'î£‡' */
.icon-left-1:before { content: '\e8c8'; } /* 'î£ˆ' */
.icon-right-1:before { content: '\e8db'; } /* 'î£›' */
.icon-up:before { content: '\e8dc'; } /* 'î£œ' */
.icon-down-dir:before { content: '\e8e0'; } /* 'î£ ' */
.icon-left-dir:before { content: '\e8e1'; } /* 'î£¡' */
.icon-right-dir:before { content: '\e8e2'; } /* 'î£¢' */
.icon-up-dir:before { content: '\e8e3'; } /* 'î££' */
.icon-down-bold:before { content: '\e8e4'; } /* 'î£¤' */
.icon-left-bold:before { content: '\e8e5'; } /* 'î£¥' */
.icon-right-bold:before { content: '\e8e6'; } /* 'î£¦' */
.icon-up-bold-1:before { content: '\e8e7'; } /* 'î£§' */
.icon-down-thin:before { content: '\e8e8'; } /* 'î£¨' */
.icon-left-thin:before { content: '\e8e9'; } /* 'î£©' */
.icon-right-thin:before { content: '\e8ea'; } /* 'î£ª' */
.icon-note-beamed:before { content: '\e801'; } /* 'î ' */
.icon-ccw:before { content: '\e8ec'; } /* 'î£¬' */
.icon-cw:before { content: '\e8ed'; } /* 'î£­' */
.icon-arrows-ccw:before { content: '\e8ee'; } /* 'î£®' */
.icon-level-down:before { content: '\e8ef'; } /* 'î£¯' */
.icon-level-up:before { content: '\e8f0'; } /* 'î£°' */
.icon-shuffle:before { content: '\e8f1'; } /* 'î£±' */
.icon-loop:before { content: '\e8f2'; } /* 'î£²' */
.icon-switch:before { content: '\e8f3'; } /* 'î£³' */
.icon-play:before { content: '\e8f4'; } /* 'î£´' */
.icon-stop:before { content: '\e8f5'; } /* 'î£µ' */
.icon-pause:before { content: '\e8f6'; } /* 'î£¶' */
.icon-record:before { content: '\e8f7'; } /* 'î£·' */
.icon-to-end:before { content: '\e8f8'; } /* 'î£¸' */
.icon-to-start:before { content: '\e8f9'; } /* 'î£¹' */
.icon-fast-forward-1:before { content: '\e8fa'; } /* 'î£º' */
.icon-fast-backward:before { content: '\e8fb'; } /* 'î£»' */
.icon-progress-0:before { content: '\e8fc'; } /* 'î£¼' */
.icon-progress-1:before { content: '\e8fd'; } /* 'î£½' */
.icon-progress-2:before { content: '\e8fe'; } /* 'î£¾' */
.icon-progress-3:before { content: '\e8ff'; } /* 'î£¿' */
.icon-target:before { content: '\e900'; } /* 'î¤€' */
.icon-palette:before { content: '\e901'; } /* 'î¤' */
.icon-list:before { content: '\e902'; } /* 'î¤‚' */
.icon-list-add:before { content: '\e903'; } /* 'î¤ƒ' */
.icon-signal:before { content: '\e904'; } /* 'î¤„' */
.icon-trophy-1:before { content: '\e905'; } /* 'î¤…' */
.icon-battery:before { content: '\e906'; } /* 'î¤†' */
.icon-back-in-time:before { content: '\e907'; } /* 'î¤‡' */
.icon-monitor-1:before { content: '\e908'; } /* 'î¤ˆ' */
.icon-mobile:before { content: '\e909'; } /* 'î¤‰' */
.icon-network:before { content: '\e90a'; } /* 'î¤Š' */
.icon-cd:before { content: '\e90b'; } /* 'î¤‹' */
.icon-inbox-1:before { content: '\e90c'; } /* 'î¤Œ' */
.icon-install:before { content: '\e90d'; } /* 'î¤' */
.icon-globe:before { content: '\e90e'; } /* 'î¤Ž' */
.icon-cloud-1:before { content: '\e90f'; } /* 'î¤' */
.icon-cloud-thunder:before { content: '\e910'; } /* 'î¤' */
.icon-flash:before { content: '\e911'; } /* 'î¤‘' */
.icon-moon:before { content: '\e912'; } /* 'î¤’' */
.icon-flight:before { content: '\e913'; } /* 'î¤“' */
.icon-paper-plane:before { content: '\e914'; } /* 'î¤”' */
.icon-leaf:before { content: '\e915'; } /* 'î¤•' */
.icon-lifebuoy:before { content: '\e916'; } /* 'î¤–' */
.icon-mouse:before { content: '\e917'; } /* 'î¤—' */
.icon-briefcase:before { content: '\e918'; } /* 'î¤˜' */
.icon-suitcase:before { content: '\e919'; } /* 'î¤™' */
.icon-dot:before { content: '\e91a'; } /* 'î¤š' */
.icon-dot-2:before { content: '\e91b'; } /* 'î¤›' */
.icon-dot-3:before { content: '\e91c'; } /* 'î¤œ' */
.icon-brush:before { content: '\e91d'; } /* 'î¤' */
.icon-magnet:before { content: '\e91e'; } /* 'î¤ž' */
.icon-infinity:before { content: '\e91f'; } /* 'î¤Ÿ' */
.icon-erase:before { content: '\e920'; } /* 'î¤ ' */
.icon-chart-pie:before { content: '\e921'; } /* 'î¤¡' */
.icon-chart-line:before { content: '\e922'; } /* 'î¤¢' */
.icon-chart-bar:before { content: '\e923'; } /* 'î¤£' */
.icon-chart-area:before { content: '\e924'; } /* 'î¤¤' */
.icon-tape:before { content: '\e925'; } /* 'î¤¥' */
.icon-graduation-cap:before { content: '\e926'; } /* 'î¤¦' */
.icon-language:before { content: '\e927'; } /* 'î¤§' */
.icon-ticket:before { content: '\e928'; } /* 'î¤¨' */
.icon-water:before { content: '\e929'; } /* 'î¤©' */
.icon-droplet:before { content: '\e92a'; } /* 'î¤ª' */
.icon-air:before { content: '\e92b'; } /* 'î¤«' */
.icon-credit-card:before { content: '\e92c'; } /* 'î¤¬' */
.icon-floppy:before { content: '\e92d'; } /* 'î¤­' */
.icon-clipboard:before { content: '\e92e'; } /* 'î¤®' */
.icon-megaphone:before { content: '\e92f'; } /* 'î¤¯' */
.icon-database:before { content: '\e930'; } /* 'î¤°' */
.icon-drive:before { content: '\e931'; } /* 'î¤±' */
.icon-bucket:before { content: '\e932'; } /* 'î¤²' */
.icon-thermometer:before { content: '\e933'; } /* 'î¤³' */
.icon-key:before { content: '\e934'; } /* 'î¤´' */
.icon-flow-cascade:before { content: '\e935'; } /* 'î¤µ' */
.icon-flow-branch:before { content: '\e936'; } /* 'î¤¶' */
.icon-flow-tree:before { content: '\e937'; } /* 'î¤·' */
.icon-flow-line:before { content: '\e938'; } /* 'î¤¸' */
.icon-flow-parallel:before { content: '\e939'; } /* 'î¤¹' */
.icon-rocket:before { content: '\e93a'; } /* 'î¤º' */
.icon-gauge:before { content: '\e93b'; } /* 'î¤»' */
.icon-traffic-cone:before { content: '\e93c'; } /* 'î¤¼' */
.icon-cc:before { content: '\e93d'; } /* 'î¤½' */
.icon-cc-by:before { content: '\e93e'; } /* 'î¤¾' */
.icon-cc-nc:before { content: '\e93f'; } /* 'î¤¿' */
.icon-cc-nc-eu:before { content: '\e940'; } /* 'î¥€' */
.icon-cc-nc-jp:before { content: '\e941'; } /* 'î¥' */
.icon-cc-sa:before { content: '\e942'; } /* 'î¥‚' */
.icon-cc-nd:before { content: '\e943'; } /* 'î¥ƒ' */
.icon-cc-pd:before { content: '\e944'; } /* 'î¥„' */
.icon-cc-zero:before { content: '\e945'; } /* 'î¥…' */
.icon-cc-share:before { content: '\e946'; } /* 'î¥†' */
.icon-cc-remix:before { content: '\e947'; } /* 'î¥‡' */
.icon-github:before { content: '\e948'; } /* 'î¥ˆ' */
.icon-github-circled:before { content: '\e949'; } /* 'î¥‰' */
.icon-flickr:before { content: '\e94a'; } /* 'î¥Š' */
.icon-flickr-circled:before { content: '\e94b'; } /* 'î¥‹' */
.icon-vimeo:before { content: '\e94c'; } /* 'î¥Œ' */
.icon-vimeo-circled:before { content: '\e94d'; } /* 'î¥' */
.icon-twitter:before { content: '\e94e'; } /* 'î¥Ž' */
.icon-twitter-circled:before { content: '\e94f'; } /* 'î¥' */
.icon-facebook:before { content: '\e950'; } /* 'î¥' */
.icon-facebook-circled:before { content: '\e951'; } /* 'î¥‘' */
.icon-facebook-squared:before { content: '\e952'; } /* 'î¥’' */
.icon-gplus:before { content: '\e953'; } /* 'î¥“' */
.icon-gplus-circled:before { content: '\e954'; } /* 'î¥”' */
.icon-pinterest:before { content: '\e955'; } /* 'î¥•' */
.icon-pinterest-circled:before { content: '\e956'; } /* 'î¥–' */
.icon-tumblr:before { content: '\e957'; } /* 'î¥—' */
.icon-tumblr-circled:before { content: '\e958'; } /* 'î¥˜' */
.icon-linkedin:before { content: '\e959'; } /* 'î¥™' */
.icon-linkedin-circled:before { content: '\e95a'; } /* 'î¥š' */
.icon-dribbble:before { content: '\e95b'; } /* 'î¥›' */
.icon-dribbble-circled:before { content: '\e95c'; } /* 'î¥œ' */
.icon-stumbleupon:before { content: '\e95d'; } /* 'î¥' */
.icon-stumbleupon-circled:before { content: '\e95e'; } /* 'î¥ž' */
.icon-lastfm:before { content: '\e95f'; } /* 'î¥Ÿ' */
.icon-lastfm-circled:before { content: '\e960'; } /* 'î¥ ' */
.icon-rdio:before { content: '\e961'; } /* 'î¥¡' */
.icon-rdio-circled:before { content: '\e962'; } /* 'î¥¢' */
.icon-spotify:before { content: '\e963'; } /* 'î¥£' */
.icon-spotify-circled:before { content: '\e964'; } /* 'î¥¤' */
.icon-qq:before { content: '\e965'; } /* 'î¥¥' */
.icon-instagram:before { content: '\e966'; } /* 'î¥¦' */
.icon-dropbox:before { content: '\e967'; } /* 'î¥§' */
.icon-evernote:before { content: '\e968'; } /* 'î¥¨' */
.icon-flattr:before { content: '\e969'; } /* 'î¥©' */
.icon-skype:before { content: '\e96a'; } /* 'î¥ª' */
.icon-skype-circled:before { content: '\e96b'; } /* 'î¥«' */
.icon-renren:before { content: '\e96c'; } /* 'î¥¬' */
.icon-sina-weibo:before { content: '\e96d'; } /* 'î¥­' */
.icon-paypal:before { content: '\e96e'; } /* 'î¥®' */
.icon-picasa:before { content: '\e96f'; } /* 'î¥¯' */
.icon-soundcloud:before { content: '\e970'; } /* 'î¥°' */
.icon-mixi:before { content: '\e971'; } /* 'î¥±' */
.icon-behance:before { content: '\e972'; } /* 'î¥²' */
.icon-google-circles:before { content: '\e973'; } /* 'î¥³' */
.icon-vkontakte:before { content: '\e974'; } /* 'î¥´' */
.icon-smashing:before { content: '\e975'; } /* 'î¥µ' */
.icon-sweden:before { content: '\e976'; } /* 'î¥¶' */
.icon-db-shape:before { content: '\e977'; } /* 'î¥·' */
.icon-up-thin:before { content: '\e8eb'; } /* 'î£«' */



@font-face {
  font-family: 'flaticon';
  src: url('fonts/flaticon.eot?49384070');
  src: url('fonts/flaticon.eot?49384070#iefix') format('embedded-opentype'),
       url('fonts/flaticon.woff?49384070') format('woff'),
       url('fonts/flaticon.ttf?49384070') format('truetype'),
       url('fonts/flaticon.svg?49384070#flaticon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'flaticon';
    src: url('fonts/flaticon.svg?49384070#flaticon') format('svg');
  }
}


[class^="flaticon-"]:before, [class*=" flaticon-"]:before {
  font-family: "flaticon";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  /*margin-right: .2em;*/
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
 /* margin-left: .2em;*/
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.flaticon-amazon:before {
  content: "\e000";
}
.flaticon-apple:before {
  content: "\e001";
}
.flaticon-cart1:before {
  content: "\e002";
}
.flaticon-next:before {
  content: "\e003";
}
.flaticon-pause:before {
  content: "\e004";
}
.flaticon-play:before {
  content: "\e005";
}
.flaticon-previous:before {
  content: "\e006";
}
.flaticon-cart2:before {
  content: "\e007";
}






/* HMM: IMPORT FINISHED */
/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */

/* Added by HMM */
/* Spacer */
/* Usage example: */
/* <hr class="spacer-10 hidden-xs"> */
hr.spacer-10 {
  border: 0;
  clear: both;
  margin: 0 0 10px;
}
hr.spacer-50 {
  border: 0;
  clear: both;
  margin: 0 0 50px;
}
hr.spacer-100 {
  border: 0;
  clear: both;
  margin: 0 0 100px;
}
/* End Spacer */


/*------------------------------------------------------------

>>> TABLE OF CONTENTS:

1.0 - General Styles
2.0 - Navigation
3.0 - Image Header
4.0 - jPlayer Home
5.0 - Latest Atrticles
	5.1 - Single-post
6.0 - Discography
	6.1 - Single Discography
7.0 - Gallery
8.0 - Tour Dates
	8.1 - Single Tour Dates
9.0 - Our Store
	9.1 - Store Product
10.0 - Biography
11.0 - Contact Form
12.0 - Footer
13.0 - Social Media Sidebar
14.0 - Keyframes Annimation
15.0 - Import Style Switcher
--------------------------------------------------------------


--------------------------------------------------------------
1.0 - General Styles
--------------------------------------------------------------*/
/*======= Less Mixins =======*/
.lnone {
    list-style: none;
    list-style-type: none;
}
/*======= Less Typography =======*/
.lr {
    font-family: 'Lato';
    font-weight: 400;
}

.lb {
    font-family: 'Lato';
    font-weight: 700;
}

.pt-r {
    font-family: 'PT Sans';
    font-weight: 400;
}

.pt-b {
    font-family: 'PT Sans';
    font-weight: 700;
}

.pac {
    font-family: 'Pacifico';
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
    font-family: 'PT Sans';
    font-weight: 700;
}

p {
    font-family: 'Lato';
    font-weight: 400;
    color: #dedede;
    font-size: 16px;
    line-height: 20px;
}
/*======= Body Background =======*/
body {
    position: relative;
    background: #101010;
}
/*======= Preloader ======*/
#preloaderV {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999995;
    overflow: hidden;
    background: #141414;
}

    #preloaderV #guitar {
        position: absolute;
        z-index: 9999996;
        top: 45%;
        margin: -50px 0 0 0;
        left: 0;
        width: 100%;
        height: 200px;
        line-height: 200px;
        text-align: center;
        font-size: 45px;
        /*color: #141414;
        background: #3ca7db;*/
        color: #fff;
        background: #141414;
    }

        #preloaderV #guitar i:before {
            animation-name: flash;
            -webkit-animation-name: flash;
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
        }

.category-title h1 {
    text-align: center;
    margin: 0;
}

.category-title .under-line {
    display: block;
    position: relative;
    width: 200px;
    height: 1px;
    margin: 20px auto 0;
    background: #262626;
}

    .category-title .under-line .line {
        display: block;
        position: relative;
        width: 30px;
        height: 1px;
        left: 50%;
        margin-left: -15px;
        background: #3ca7db;
    }

.category-title p {
    text-align: center;
    margin-top: 35px;
}

@media screen and (min-width: 1200px) {
    .category-title p {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }
}

.category-title:hover .under-line .line {
    animation-name: slide;
    -webkit-animation-name: slide;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.skew-pos {
    padding-top: 250px;
    padding-bottom: 250px;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .skew-pos {
        padding-top: 150px;
        padding-bottom: 150px;
    }
}

.skew-pos .skew-neg {
    position: relative;
    z-index: 5;
}

.skew-pos .skew-arrow {
    display: block;
    width: 100%;
    height: 250px;
    position: absolute;
    z-index: 2;
}

    .skew-pos .skew-arrow.left {
        background: url('../img/elements/arrow-left.png') 0 0 no-repeat;
        top: 0;
        left: 0;
    }

    .skew-pos .skew-arrow.right {
        background: url('../img/elements/arrow-right.png') 0 0 no-repeat;
        bottom: 0;
        right: 0;
    }

@media screen and (min-width: 1920px) {
    .skew-pos .skew-arrow {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

a {
    outline: none !important;
}
/*--------------------------------------------------------------
2.0 - Navigation
--------------------------------------------------------------*/
nav.navbar {
    z-index: 999999;
    border-top: 3px solid #3ca7db;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    nav.navbar {
        min-height: 50px;
    }
}

nav.navbar .navbar-header button.navbar-toggle {
    background: none;
    border-color: #fff;
    padding: 5px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    nav.navbar .navbar-header button.navbar-toggle .icon-bar {
        background: #fff;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    nav.navbar .navbar-header button.navbar-toggle:hover {
        background: none;
        border-color: #3ca7db;
    }

        nav.navbar .navbar-header button.navbar-toggle:hover .icon-bar {
            background: #3ca7db;
        }

nav.navbar .navbar-header a.navbar-brand {
    font-family: 'Pacifico';
    font-weight: 400;
    font-size: 30px;
    line-height: 72px;
    color: #fff;
    margin: 0;
    padding: 0 15px 0 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/* HMM */
nav.navbar .navbar-header a.navbar-brand {
    color: #fff;
    margin: 0;
    padding: 20px 0 0 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    nav.navbar .navbar-header a.navbar-brand:hover {
        color: #3ca7db;
    }

@media screen and (max-width: 767px) {
    nav.navbar .navbar-header button.navbar-toggle {
        margin: 13px 15px 13px 0;
    }

    nav.navbar .navbar-header a.navbar-brand {
        font-size: 24px;
        line-height: 50px;
        height: 50px;
        /*padding: 0 15px;*/
        padding: 10px 0 15px 15px;
    }
}

nav.navbar ul.navbar-nav li {
    padding: 20px 5px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    nav.navbar ul.navbar-nav li:last-child {
        padding-right: 0;
    }

    nav.navbar ul.navbar-nav li.active a {
        background: none;
        color: #3ca7db;
        border: 1px solid #3ca7db;
    }

        nav.navbar ul.navbar-nav li.active a:hover,
        nav.navbar ul.navbar-nav li.active a:focus,
        nav.navbar ul.navbar-nav li.active a:active {
            background: none;
            color: #3ca7db;
        }

    nav.navbar ul.navbar-nav li a {
        display: block;
        margin: 0;
        padding: 8px 15px;
        border: 1px solid rgba(60, 167, 219, 0);
        font-family: 'PT Sans';
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        color: #fff;
        text-transform: uppercase;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        nav.navbar ul.navbar-nav li a:hover,
        nav.navbar ul.navbar-nav li a:active,
        nav.navbar ul.navbar-nav li a:focus {
            color: #3ca7db;
        }

@media screen and (max-width: 1199px) and (min-width: 768px) {
    nav.navbar ul.navbar-nav li {
        padding: 20px 0;
    }

        nav.navbar ul.navbar-nav li a {
            padding: 8px 5px;
        }
}

@media screen and (max-width: 767px) {
    nav.navbar {
        background: none;
        border-bottom-color: rgba(0, 0, 0, 0.8);
    }

        nav.navbar .navbar-header {
            background: rgba(16, 16, 16, 0.8);
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        nav.navbar ul.navbar-nav {
            padding: 0;
            margin: 0 -15px;
        }

            nav.navbar ul.navbar-nav li {
                padding: 0;
                background: rgba(0, 0, 0, 0.4);
                border-bottom: 1px solid rgba(16, 16, 16, 0.9);
            }

                nav.navbar ul.navbar-nav li a {
                    background: none;
                }

                nav.navbar ul.navbar-nav li:last-child {
                    border-bottom: none;
                }

                nav.navbar ul.navbar-nav li:hover {
                    background: rgba(13, 13, 13, 0.4);
                }

                nav.navbar ul.navbar-nav li.active a {
                    border-color: rgba(60, 167, 219, 0);
                }
}
/*--------------------------------------------------------------
3.0 - Image Header
--------------------------------------------------------------*/

.image-header {
    display: block;
    width: 100%;
    margin-top: 77px;
    padding: 100px 0;
    background: url('/assets/img/elements/Header01.jpg') center top no-repeat;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    background-attachment: fixed;
}

    .image-header .container {
        text-align: center;
    }

    .image-header h1 {
        font-family: 'PT Sans';
        font-weight: 700;
        font-size: 60px;
        line-height: 60px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        margin: 0;
    }

    .image-header span.line {
        display: block;
        width: 110px;
        height: 5px;
        background: #3ca7db;
        margin: 30px auto 0;
    }

    .image-header p {
        font-family: 'PT Sans';
        font-weight: 400;
        font-size: 24px;
        line-height: 30px;
        color: #fff;
        text-align: center;
        max-width: 1000px;
        margin: 35px auto 0;
    }

    .image-header a.link {
        display: inline-block;
        text-decoration: none;
        text-align: center;
        font-family: 'PT Sans';
        font-weight: 700;
        font-size: 18px;
        line-height: 18px;
        color: #fff;
        text-transform: uppercase;
        padding: 11px 40px;
        border: 1px solid #fff;
        margin: 35px auto 0;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .image-header a.link:hover {
            background: rgba(255, 255, 255, 0.4);
        }

    .image-header a.scrollTo {
        display: block;
        height: 40px;
        width: 40px;
        margin: 20px auto 0;
        text-decoration: none;
        font-size: 35px;
        line-height: 40px;
        color: #fff;
        animation-name: down;
        -webkit-animation-name: down;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

@media screen and (max-width: 767px) {
    .image-header {
        margin-top: 0;
    }

        .image-header h1 {
            font-size: 36px;
        }

        .image-header span.line {
            height: 3px;
        }

        .image-header p {
            font-size: 16px;
            line-height: 20px;
        }
}
/*--------------------------------------------------------------
4.0 - jPlayer Home
--------------------------------------------------------------*/
.jPlayer-fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99999;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .jPlayer-fixed.close-down {
        bottom: -97px;
    }

@media screen and (max-width: 991px) {
    .jPlayer-fixed.close-down {
        bottom: -47px;
    }
}

.jp-audio {
    font-size: 16px;
    font-family: 'Lato';
    font-weight: 700;
    line-height: 16px;
    color: #fff;
    background: #1f1f1f;
    width: 100%;
    height: 100px;
    border-top: 3px solid #3ca7db;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .jp-audio .jp-type-playlist {
        height: 100%;
    }

        .jp-audio .jp-type-playlist .jp-interface {
            position: relative;
            background-color: #1f1f1f;
            width: 100%;
            height: 100%;
            padding: 0 120px;
        }

            .jp-audio .jp-type-playlist .jp-interface .jp-controls {
                position: absolute;
                z-index: 20;
                top: 0;
                left: 0;
                overflow: hidden;
                width: 100%;
                height: 100%;
            }

                .jp-audio .jp-type-playlist .jp-interface .jp-controls button {
                    border: none !important;
                    padding: 0;
                    margin: 0;
                    outline: none;
                    cursor: pointer;
                }

                    .jp-audio .jp-type-playlist .jp-interface .jp-controls button::-moz-focus-inner {
                        border: 0;
                    }

                    .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-play {
                        position: relative;
                        display: inline-block;
                        width: 97px;
                        height: 97px;
                        background: #1a1a1a;
                        -webkit-transition: all 0.2s linear;
                        -moz-transition: all 0.2s linear;
                        -ms-transition: all 0.2s linear;
                        -o-transition: all 0.2s linear;
                        transition: all 0.2s linear;
                    }

                        .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-play i {
                            display: block;
                            width: 50px;
                            height: 50px;
                            border-radius: 50%;
                            border: 3px solid #616161;
                            margin-left: auto;
                            margin-right: auto;
                            -webkit-transition: all 0.2s linear;
                            -moz-transition: all 0.2s linear;
                            -ms-transition: all 0.2s linear;
                            -o-transition: all 0.2s linear;
                            transition: all 0.2s linear;
                        }

                            .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-play i:before {
                                content: "\e005";
                                font-size: 20px;
                                line-height: 44px;
                                color: #616161;
                                -webkit-transition: all 0.2s linear;
                                -moz-transition: all 0.2s linear;
                                -ms-transition: all 0.2s linear;
                                -o-transition: all 0.2s linear;
                                transition: all 0.2s linear;
                            }

                        .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-play:hover {
                            background: #292929;
                        }

                            .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-play:hover i {
                                border-color: #fff;
                            }

                                .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-play:hover i:before {
                                    color: #fff;
                                }

                    .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-previous,
                    .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-next {
                        position: absolute;
                        right: 145px;
                        top: 22px;
                        width: 20px;
                        height: 20px;
                        border-radius: 50%;
                        background: #616161;
                        -webkit-transition: all 0.2s linear;
                        -moz-transition: all 0.2s linear;
                        -ms-transition: all 0.2s linear;
                        -o-transition: all 0.2s linear;
                        transition: all 0.2s linear;
                    }

                        .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-previous i,
                        .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-next i {
                            font-size: 10px;
                            line-height: 20px;
                            color: #171717;
                        }

                        .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-previous:hover,
                        .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-next:hover {
                            background: #949494;
                        }

                    .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-next {
                        right: 120px;
                    }

            .jp-audio .jp-type-playlist .jp-interface .custom-buttons {
                display: block;
                position: absolute;
                z-index: 40;
                top: -23px;
                right: 0;
                width: 51px;
                height: 20px;
                border-top-right-radius: 1px;
                border-top-left-radius: 1px;
                overflow: hidden;
                background: #3ca7db;
            }

                .jp-audio .jp-type-playlist .jp-interface .custom-buttons #playlist-toggle,
                .jp-audio .jp-type-playlist .jp-interface .custom-buttons #h-player {
                    display: block;
                    position: relative;
                    width: 26px;
                    height: 20px;
                    float: left;
                    z-index: 41;
                }

                    .jp-audio .jp-type-playlist .jp-interface .custom-buttons #playlist-toggle i,
                    .jp-audio .jp-type-playlist .jp-interface .custom-buttons #h-player i {
                        display: block;
                        position: relative;
                        z-index: 42;
                        width: 25px;
                        height: 20px;
                        cursor: pointer;
                        font-size: 16px;
                        line-height: 20px;
                        text-align: center;
                        color: #141414;
                        -webkit-transition: all 0.2s linear;
                        -moz-transition: all 0.2s linear;
                        -ms-transition: all 0.2s linear;
                        -o-transition: all 0.2s linear;
                        transition: all 0.2s linear;
                    }

                        .jp-audio .jp-type-playlist .jp-interface .custom-buttons #playlist-toggle i:hover,
                        .jp-audio .jp-type-playlist .jp-interface .custom-buttons #h-player i:hover {
                            color: #fff;
                        }

                .jp-audio .jp-type-playlist .jp-interface .custom-buttons #playlist-toggle {
                    border-right: 1px solid #2287b8;
                }

                .jp-audio .jp-type-playlist .jp-interface .custom-buttons #h-player {
                    width: 25px;
                }

                    .jp-audio .jp-type-playlist .jp-interface .custom-buttons #h-player i:before {
                        -ms-transform: rotate(45deg);
                        /* IE 9 */
                        -webkit-transform: rotate(45deg);
                        /* Chrome, Safari, Opera */
                        transform: rotate(45deg);
                    }

                    .jp-audio .jp-type-playlist .jp-interface .custom-buttons #h-player.rotate i:before {
                        -ms-transform: rotate(0deg);
                        /* IE 9 */
                        -webkit-transform: rotate(0deg);
                        /* Chrome, Safari, Opera */
                        transform: rotate(0deg);
                    }

            .jp-audio .jp-type-playlist .jp-interface #nowPlaying {
                position: relative;
                z-index: 10;
                top: 20px;
                width: 100%;
                height: 20px;
                font-family: 'Lato';
                font-weight: 700;
                font-size: 16px;
                line-height: 20px;
                color: #fff;
            }

            .jp-audio .jp-type-playlist .jp-interface .jp-progress {
                position: relative;
                z-index: 30;
                overflow: hidden;
                top: 35px;
                height: 14px;
                width: 100%;
                background-color: #0f0f0f;
            }

                .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar {
                    background: #141414;
                    width: 0px;
                    height: 100%;
                    cursor: pointer;
                }

                    .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar .jp-play-bar {
                        background: #616161;
                        width: 0px;
                        height: 100%;
                    }

            .jp-audio .jp-type-playlist .jp-interface .jp-volume-controls {
                position: absolute;
                z-index: 30;
                display: inline-block;
                right: 0;
                top: 0;
                width: 97px;
                height: 97px;
                background: #171717;
            }

                .jp-audio .jp-type-playlist .jp-interface .jp-volume-controls ul {
                    list-style: none;
                    list-style-type: none;
                    padding: 0;
                    margin: 28px 0 0 19px;
                }

                    .jp-audio .jp-type-playlist .jp-interface .jp-volume-controls ul li {
                        display: inline-block;
                        margin-right: 3px;
                        border-radius: 2px;
                        overflow: hidden;
                    }

                        .jp-audio .jp-type-playlist .jp-interface .jp-volume-controls ul li.active a {
                            background: #fff;
                        }

                        .jp-audio .jp-type-playlist .jp-interface .jp-volume-controls ul li:nth-child(2) a {
                            height: 22px;
                        }

                        .jp-audio .jp-type-playlist .jp-interface .jp-volume-controls ul li:nth-child(3) a {
                            height: 31px;
                        }

                        .jp-audio .jp-type-playlist .jp-interface .jp-volume-controls ul li:nth-child(4) a {
                            height: 40px;
                        }

                        .jp-audio .jp-type-playlist .jp-interface .jp-volume-controls ul li a {
                            height: 13px;
                            width: 10px;
                            display: block;
                            background: #616161;
                        }

        .jp-audio .jp-type-playlist .jp-playlist {
            display: none;
            width: 100%;
            position: absolute;
            z-index: 30;
            padding: 0 15px;
            bottom: 100px;
            left: 0;
        }

            .jp-audio .jp-type-playlist .jp-playlist span.jp-free-media {
                display: none;
            }

            .jp-audio .jp-type-playlist .jp-playlist ul {
                list-style: none;
                list-style-type: none;
                padding: 0;
                margin: 0;
                background: #1f1f1f;
            }

                .jp-audio .jp-type-playlist .jp-playlist ul li {
                    border: 1px solid #141414;
                    -webkit-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -ms-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    transition: all 0.2s linear;
                }

                    .jp-audio .jp-type-playlist .jp-playlist ul li div {
                        display: inline;
                    }

                    .jp-audio .jp-type-playlist .jp-playlist ul li a {
                        display: block;
                        width: 100%;
                        padding: 5px 15px;
                        text-decoration: none;
                        font-family: 'Lato';
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 25px;
                        color: #949494;
                        -webkit-transition: all 0.2s linear;
                        -moz-transition: all 0.2s linear;
                        -ms-transition: all 0.2s linear;
                        -o-transition: all 0.2s linear;
                        transition: all 0.2s linear;
                    }

                    .jp-audio .jp-type-playlist .jp-playlist ul li:hover {
                        background: #1a1a1a;
                        border-bottom-color: #3ca7db;
                    }

                        .jp-audio .jp-type-playlist .jp-playlist ul li:hover a {
                            color: #808080;
                        }

                    .jp-audio .jp-type-playlist .jp-playlist ul li.jp-playlist-current:before {
                        display: inline-block;
                        position: relative;
                        float: left;
                        font-family: 'Entypo';
                        content: '\e911';
                        font-size: 16px;
                        line-height: 25px;
                        padding: 5px 15px 5px 15px;
                        color: #3ca7db;
                        animation-name: flash;
                        -webkit-animation-name: flash;
                        -webkit-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-iteration-count: infinite;
                        animation-iteration-count: infinite;
                    }

                    .jp-audio .jp-type-playlist .jp-playlist ul li.jp-playlist-current a {
                        color: #3ca7db;
                    }

        .jp-audio .jp-type-playlist .jp-no-solution {
            font-family: 'Lato';
            font-weight: 700;
            padding: 5px;
            font-size: .8em;
            background-color: #1f1f1f;
            border: 2px solid #333333;
            color: #fff;
            display: none;
        }

            .jp-audio .jp-type-playlist .jp-no-solution a {
                color: #3ca7db;
            }

            .jp-audio .jp-type-playlist .jp-no-solution span {
                font-size: 1em;
                display: block;
                text-align: center;
                font-family: 'Lato';
                font-weight: 700;
                color: #3ca7db;
            }

    .jp-audio.jp-state-playing .jp-play i:before {
        content: "\e004" !important;
    }

@media screen and (max-width: 991px) {
    .jp-audio {
        height: 50px;
    }

        .jp-audio .jp-type-playlist .jp-interface {
            padding: 0 60px;
        }

            .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-play {
                width: 47px;
                height: 47px;
            }

                .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-play i {
                    width: 30px;
                    height: 30px;
                    border: 1px solid #616161;
                }

                    .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-play i:before {
                        font-size: 12px;
                        line-height: 28px;
                        margin-left: 2px;
                    }

            .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-previous,
            .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-next {
                right: 85px;
                top: 8px;
                width: 20px;
                height: 20px;
                border-radius: 50%;
            }

                .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-previous i,
                .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-next i {
                    font-size: 10px;
                    line-height: 20px;
                }

            .jp-audio .jp-type-playlist .jp-interface .jp-controls button.jp-next {
                right: 60px;
            }

            .jp-audio .jp-type-playlist .jp-interface #nowPlaying {
                top: 8px;
                width: 100%;
                height: 18px;
                font-size: 12px;
                line-height: 18px;
            }

            .jp-audio .jp-type-playlist .jp-interface .jp-progress {
                top: 14px;
                height: 8px;
            }

            .jp-audio .jp-type-playlist .jp-interface .jp-volume-controls {
                width: 47px;
                height: 47px;
            }

                .jp-audio .jp-type-playlist .jp-interface .jp-volume-controls ul {
                    list-style: none;
                    list-style-type: none;
                    padding: 0;
                    margin: 12px 0 0 5px;
                }

                    .jp-audio .jp-type-playlist .jp-interface .jp-volume-controls ul li {
                        margin-right: 2px;
                        border-radius: 1px;
                    }

                        .jp-audio .jp-type-playlist .jp-interface .jp-volume-controls ul li:nth-child(2) a {
                            height: 14px;
                        }

                        .jp-audio .jp-type-playlist .jp-interface .jp-volume-controls ul li:nth-child(3) a {
                            height: 20px;
                        }

                        .jp-audio .jp-type-playlist .jp-interface .jp-volume-controls ul li:nth-child(4) a {
                            height: 26px;
                        }

                        .jp-audio .jp-type-playlist .jp-interface .jp-volume-controls ul li a {
                            height: 8px;
                            width: 5px;
                        }

        .jp-audio .jp-type-playlist .jp-playlist {
            bottom: 50px;
        }

            .jp-audio .jp-type-playlist .jp-playlist ul li a {
                padding: 5px 5px;
                text-decoration: none;
                font-family: 'Lato';
                font-weight: 400;
                font-size: 13px;
                line-height: 16px;
            }

            .jp-audio .jp-type-playlist .jp-playlist ul li.jp-playlist-current:before {
                font-size: 13px;
                line-height: 16px;
                padding: 5px 5px 5px 5px;
                animation-name: flash;
                -webkit-animation-name: flash;
                -webkit-animation-duration: 1s;
                animation-duration: 1s;
                -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
            }

            .jp-audio .jp-type-playlist .jp-playlist ul li.jp-playlist-current a {
                color: #3ca7db;
            }
}
/*--------------------------------------------------------------
5.0 - Latest Articles
--------------------------------------------------------------*/
.last-news {
    padding-top: 80px;
}

    .last-news .latest-articles {
        margin-top: 60px;
        padding: 0 12px;
    }

        .last-news .latest-articles ul {
            list-style: none;
            list-style-type: none;
            padding: 0;
            margin: 0;
            width: 100%;
        }

            .last-news .latest-articles ul li {
                display: block;
                float: left;
                width: 33.33333333%;
                padding: 3px;
            }

@media screen and (max-width: 991px) {
    .last-news .latest-articles ul li {
        width: 50%;
        max-width: 375px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .last-news .latest-articles ul li {
        width: 100%;
        max-width: 375px;
        float: none;
        margin: 0 auto;
    }
}

.last-news .latest-articles ul li .wrapper-article {
    position: relative;
    overflow: hidden;
}

    .last-news .latest-articles ul li .wrapper-article .hover {
        display: block;
        text-decoration: none;
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 5px;
        text-align: center;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .last-news .latest-articles ul li .wrapper-article .hover span.category {
            z-index: 11;
            position: relative;
            display: inline-block;
            margin-top: 10%;
            background: #3ca7db;
            font-family: 'Lato';
            font-weight: 400;
            font-size: 10px;
            line-height: 10px;
            color: #fff;
            padding: 5px 15px;
        }

        .last-news .latest-articles ul li .wrapper-article .hover span.line-h {
            z-index: 11;
            display: block;
            position: relative;
            width: 40%;
            height: 1px;
            background: #ffffff;
            margin-top: 25px;
            margin-left: auto;
            margin-right: auto;
        }

        .last-news .latest-articles ul li .wrapper-article .hover h3 {
            font-family: 'Lato';
            font-weight: 400;
            font-size: 20px;
            color: #fff;
            margin: 20px 0 0 0;
            position: relative;
            text-align: center;
        }

        .last-news .latest-articles ul li .wrapper-article .hover p {
            position: relative;
            font-family: 'Lato';
            font-weight: 400;
            font-size: 15px;
            line-height: 16px;
            text-align: center;
            color: #fff;
            margin: 10px 0 0 0;
        }

        .last-news .latest-articles ul li .wrapper-article .hover span.category,
        .last-news .latest-articles ul li .wrapper-article .hover span.line-h,
        .last-news .latest-articles ul li .wrapper-article .hover h3,
        .last-news .latest-articles ul li .wrapper-article .hover p {
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .last-news .latest-articles ul li .wrapper-article .hover:hover {
            background: rgba(60, 167, 219, 0.9);
        }

            .last-news .latest-articles ul li .wrapper-article .hover:hover span.category {
                background: #1f1f1f;
                color: #3ca7db;
                margin-top: 15%;
            }

            .last-news .latest-articles ul li .wrapper-article .hover:hover span.line-h {
                background: #171717;
            }

            .last-news .latest-articles ul li .wrapper-article .hover:hover h3 {
                color: #171717;
            }

            .last-news .latest-articles ul li .wrapper-article .hover:hover p {
                color: #1f1f1f;
            }
/*--------------------------------------------------------------
5.1- Single Post
--------------------------------------------------------------*/
.single-post {
    padding-top: 80px;
}

    .single-post .content {
        margin-top: 60px;
    }

        .single-post .content h4 {
            font-family: 'Lato';
            font-weight: 700;
            font-size: 20px;
            line-height: 24px;
            color: #fff;
            margin: 30px 0 0;
        }

        .single-post .content ul.info-data {
            list-style: none;
            list-style-type: none;
            padding: 0;
            margin: 20px 0 0;
        }

            .single-post .content ul.info-data li {
                display: inline-block;
                border-right: 1px solid #292929;
                font-family: 'Lato';
                font-weight: 400;
                font-size: 11px;
                line-height: 14px;
                color: #c2c2c2;
                padding: 0 15px;
            }

                .single-post .content ul.info-data li i {
                    font-size: 13px;
                    line-height: 13px;
                    color: #4d4d4d;
                    padding-right: 5px;
                }

                .single-post .content ul.info-data li:last-child {
                    border: none;
                }

                .single-post .content ul.info-data li:first-child {
                    padding-left: 0;
                }

        .single-post .content p {
            font-family: 'Lato';
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: #c2c2c2;
            margin: 20px 0 0;
        }

        .single-post .content .comments {
            width: 100%;
            margin-top: 50px;
        }

            .single-post .content .comments .comment {
                position: relative;
                display: block;
                width: 100%;
                padding: 20px 20px 20px 110px;
                background: #171717;
                margin-top: 15px;
            }

                .single-post .content .comments .comment img {
                    position: absolute;
                    top: 20px;
                    left: 20px;
                }

                .single-post .content .comments .comment .head {
                    display: block;
                    width: 100%;
                    min-height: 18px;
                }

                    .single-post .content .comments .comment .head .title {
                        display: block;
                        float: left;
                        font-family: 'Lato';
                        font-weight: 400;
                        font-size: 14px;
                        line-height: 18px;
                        color: #3ca7db;
                    }

                    .single-post .content .comments .comment .head .date {
                        display: block;
                        float: right;
                        font-family: 'Lato';
                        font-weight: 400;
                        font-size: 11px;
                        line-height: 18px;
                        color: #fff;
                    }

                        .single-post .content .comments .comment .head .date i {
                            color: #3ca7db;
                            padding-right: 5px;
                            font-size: 13px;
                            line-height: 18px;
                        }

                .single-post .content .comments .comment p {
                    font-family: 'Lato';
                    font-weight: 400;
                    font-size: 13px;
                    line-height: 18px;
                    color: #fff;
                    margin: 10px 0 0;
                }

                .single-post .content .comments .comment a.reply {
                    text-decoration: none;
                    display: inline-block;
                    font-family: 'Lato';
                    font-weight: 700;
                    font-size: 11px;
                    line-height: 11px;
                    color: #fff;
                    padding: 5px 20px;
                    text-align: center;
                    background: #3ca7db;
                    margin-top: 15px;
                    -webkit-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -ms-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    transition: all 0.2s linear;
                }

                    .single-post .content .comments .comment a.reply:hover {
                        color: #171717;
                    }

@media screen and (max-width: 500px) {
    .single-post .content .comments .comment {
        padding: 20px;
    }

        .single-post .content .comments .comment img {
            position: relative;
            top: 0;
            left: 0;
            float: left;
            margin-right: 15px;
        }
}

.single-post .content .comments .post-comment h5 {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #3ca7db;
    margin: 50px 0 0;
}

.single-post .content .comments .post-comment form input[type="text"],
.single-post .content .comments .post-comment form textarea {
    display: block;
    width: 100%;
    border-radius: 0;
    border: 1px solid #1f1f1f;
    background: #171717;
    padding: 12px;
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin-top: 20px;
}

    .single-post .content .comments .post-comment form input[type="text"]:hover,
    .single-post .content .comments .post-comment form textarea:hover {
        border-color: #383838;
    }

    .single-post .content .comments .post-comment form input[type="text"]:focus,
    .single-post .content .comments .post-comment form textarea:focus,
    .single-post .content .comments .post-comment form input[type="text"]:active,
    .single-post .content .comments .post-comment form textarea:active {
        border-color: #383838;
        outline: none;
    }

.single-post .content .comments .post-comment form input[type="submit"] {
    display: inline-block;
    font-family: 'Lato';
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 0;
    background: #3ca7db;
    padding: 12px 30px;
    margin-top: 30px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .single-post .content .comments .post-comment form input[type="submit"]:hover {
        color: #171717;
    }

.single-post .sidebar {
    /*margin-top: 60px;
    background: #171717;
    padding: 45px 14px;*/
    margin-top: 60px;
    background: #171717;
    padding: 5px 14px;
}

    .single-post .sidebar .search-widget {
        position: relative;
        height: 46px;
        width: 100%;
        overflow: hidden;
        background: #1f1f1f;
    }

        .single-post .sidebar .search-widget form.search {
            position: relative;
            width: 100%;
            border-radius: 0;
            height: 46px;
            overflow: hidden;
            padding-right: 46px;
        }

            .single-post .sidebar .search-widget form.search input[type="text"] {
                position: relative;
                border: none;
                background: none;
                width: 100%;
                color: #fff;
                font-family: 'Lato';
                font-weight: 400;
                font-size: 13px;
                line-height: 20px;
                padding: 12px 5px 12px 10px;
            }

                .single-post .sidebar .search-widget form.search input[type="text"]:focus {
                    outline: none;
                }

            .single-post .sidebar .search-widget form.search button[type="submit"] {
                position: absolute;
                right: 0;
                top: 0;
                border: none;
                width: 46px;
                height: 46px;
                padding: 0;
                overflow: hidden;
                background: #3ca7db;
            }

                .single-post .sidebar .search-widget form.search button[type="submit"] i {
                    display: block;
                    width: 26px;
                    height: 26px;
                    border: 1px solid #fff;
                    border-radius: 50%;
                    color: #fff;
                    font-size: 13px;
                    line-height: 24px;
                    margin: 10px;
                    -webkit-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -ms-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    transition: all 0.2s linear;
                }

                .single-post .sidebar .search-widget form.search button[type="submit"]:hover i {
                    color: #000000;
                    border-color: #000000;
                }

                .single-post .sidebar .search-widget form.search button[type="submit"]:focus {
                    outline: none;
                }

    .single-post .sidebar .head {
        /*padding-top: 70px;*/
        padding-top: 30px;
    }

        .single-post .sidebar .head h4 {
            font-family: 'Lato';
            font-weight: 700;
            font-size: 19px;
            line-height: 20px;
            text-transform: uppercase;
            color: #fff;
            margin: 0;
        }

        .single-post .sidebar .head .line {
            display: block;
            width: 100%;
            height: 1px;
            background: #292929;
            margin-top: 40px;
        }

            .single-post .sidebar .head .line span {
                display: block;
                width: 40%;
                height: 1px;
                background: #3ca7db;
            }

    .single-post .sidebar .recent-news {
        display: block;
        width: 100%;
    }

        .single-post .sidebar .recent-news a.post {
            display: block;
            width: 100%;
            margin-top: 30px;
            text-decoration: none;
        }

            .single-post .sidebar .recent-news a.post:after {
                content: '';
                display: table;
                clear: both;
            }

            .single-post .sidebar .recent-news a.post img {
                float: left;
                margin-right: 15px;
            }

            .single-post .sidebar .recent-news a.post h5 {
                font-family: 'Lato';
                font-weight: 700;
                font-size: 13px;
                line-height: 16px;
                color: #cccccc;
                margin: 0;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

            .single-post .sidebar .recent-news a.post p {
                font-family: 'Lato';
                font-weight: 400;
                font-size: 12px;
                line-height: 14px;
                color: #b3b3b3;
                margin: 10px 0 0;
            }

            .single-post .sidebar .recent-news a.post:hover h5 {
                color: #3ca7db;
            }

    .single-post .sidebar .biography-sidebar {
        display: block;
        width: 100%;
    }

        .single-post .sidebar .biography-sidebar p {
            font-family: 'Lato';
            font-weight: 700;
            font-size: 13px;
            line-height: 20px;
            display: block;
            margin: 30px 0 0;
        }

        .single-post .sidebar .biography-sidebar img {
            float: right;
            padding-left: 20px;
            margin-top: 30px;
        }
/*--------------------------------------------------------------
6.0 - Discography
--------------------------------------------------------------*/
.discography {
    background: url('/assets/img/elements/publikum-sepia.jpg') center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .discography .covers {
        position: relative;
        z-index: 3;
        padding: 0 12px;
        margin-bottom: -150px;
    }

        .discography .covers ul {
            list-style: none;
            list-style-type: none;
            margin: 60px 0 0 0;
            padding: 0;
        }

            .discography .covers ul li {
                display: block;
                float: left;
                width: 25%;
                padding: 3px;
            }

@media screen and (max-width: 767px) {
    .discography .covers ul li {
        width: 50%;
    }
}

@media screen and (max-width: 500px) {
    .discography .covers ul li {
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        padding: 3px 0;
    }
}

.discography .covers ul li .wrapper-cover {
    position: relative;
    overflow: hidden;
}

    .discography .covers ul li .wrapper-cover .hover {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

        .discography .covers ul li .wrapper-cover .hover .buy {
            text-decoration: none;
            display: block;
            position: relative;
            float: right;
            height: 40px;
            width: 40px;
            top: 0;
            background: #248dc0;
            white-space: nowrap;
            overflow: hidden;
            z-index: 30;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .discography .covers ul li .wrapper-cover .hover .buy i {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 40px;
                height: 40px;
                background: #3ca7db;
                text-align: center;
                font-size: 20px;
                line-height: 40px;
                color: #fff;
                cursor: default;
                z-index: 32;
            }

            .discography .covers ul li .wrapper-cover .hover .buy span {
                position: relative;
                display: block;
                float: left;
                height: 40px;
                width: 100%;
                font-family: 'Lato';
                font-weight: 400;
                font-size: 12px;
                line-height: 40px;
                color: #fff;
                text-align: center;
                text-transform: uppercase;
                white-space: nowrap;
                padding-left: 45px;
                z-index: 31;
            }

            .discography .covers ul li .wrapper-cover .hover .buy:hover {
                width: 155px;
            }

        .discography .covers ul li .wrapper-cover .hover .info {
            text-decoration: none;
            display: block;
            position: absolute;
            bottom: 10%;
            padding: 10px 25% 10px 10px;
            background: rgba(20, 20, 20, 0.8);
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .discography .covers ul li .wrapper-cover .hover .info h5 {
                font-family: 'Lato';
                font-weight: 700;
                font-size: 14px;
                line-height: 16px;
                color: #fff;
                margin: 0;
                text-transform: uppercase;
            }

            .discography .covers ul li .wrapper-cover .hover .info p {
                font-family: 'Lato';
                font-weight: 400;
                font-size: 12px;
                line-height: 14px;
                color: #fff;
                margin: 0;
                text-transform: uppercase;
            }

            .discography .covers ul li .wrapper-cover .hover .info h5,
            .discography .covers ul li .wrapper-cover .hover .info p {
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

            .discography .covers ul li .wrapper-cover .hover .info:hover {
                background: rgba(60, 167, 219, 0.9);
                padding-left: 20px;
            }

                .discography .covers ul li .wrapper-cover .hover .info:hover h5,
                .discography .covers ul li .wrapper-cover .hover .info:hover p {
                    color: #141414;
                }
/*--------------------------------------------------------------
6.1 - Single Discography
--------------------------------------------------------------*/
.single-discography {
    padding-top: 80px;
}

    .single-discography .w-single-discography {
        margin-top: 60px;
    }

        .single-discography .w-single-discography .wrapper-cover {
            width: 33.33333333%;
            float: left;
            max-width: 360px;
        }

@media screen and (max-width: 767px) {
    .single-discography .w-single-discography .wrapper-cover {
        width: 100%;
        max-width: 360px;
        float: none;
    }
}

.single-discography .w-single-discography .wrapper-cover .cover {
    position: relative;
    overflow: hidden;
}

    .single-discography .w-single-discography .wrapper-cover .cover .info {
        text-decoration: none;
        display: block;
        position: absolute;
        bottom: 10%;
        padding: 10px 25% 10px 10px;
        background: rgba(20, 20, 20, 0.8);
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .single-discography .w-single-discography .wrapper-cover .cover .info h5 {
            font-family: 'Lato';
            font-weight: 700;
            font-size: 17px;
            line-height: 20px;
            color: #fff;
            margin: 0;
            text-transform: uppercase;
        }

        .single-discography .w-single-discography .wrapper-cover .cover .info p {
            font-family: 'Lato';
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: #fff;
            margin: 0;
            text-transform: uppercase;
        }

.single-discography .w-single-discography .wrapper-cover a.link {
    display: block;
    float: left;
    text-decoration: none;
    width: 33.33333333%;
    text-align: center;
    padding: 6px 0;
    background: #1a1a1a;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .single-discography .w-single-discography .wrapper-cover a.link.amazon {
        border-left: 1px solid #121212;
        border-right: 1px solid #121212;
    }

    .single-discography .w-single-discography .wrapper-cover a.link i {
        font-size: 20px;
        line-height: 20px;
        color: #ffffff;
    }

    .single-discography .w-single-discography .wrapper-cover a.link:hover {
        background: #3ca7db;
    }

.single-discography .w-single-discography .wrapper-player {
    display: block;
    position: relative;
    width: 66.66666666%;
    float: left;
}

@media screen and (max-width: 767px) {
    .single-discography .w-single-discography .wrapper-player {
        width: 100%;
        float: none;
        margin-top: 60px;
    }
}

.single-discography .w-single-discography .wrapper-player .jp-audio {
    height: auto;
}

    .single-discography .w-single-discography .wrapper-player .jp-audio .jp-type-playlist .jp-interface {
        position: relative;
        height: 97px;
    }

@media screen and (max-width: 991px) {
    .single-discography .w-single-discography .wrapper-player .jp-audio .jp-type-playlist .jp-interface {
        height: 47px;
    }
}

.single-discography .w-single-discography .wrapper-player .jp-audio .jp-type-playlist .jp-playlist {
    display: block;
    position: relative !important;
    bottom: 0;
    padding: 0;
}

.single-discography .content {
    margin-top: 60px;
}

    .single-discography .content h4 {
        font-family: 'Lato';
        font-weight: 700;
        font-size: 19px;
        line-height: 20px;
        color: #fff;
        margin: 0;
    }

    .single-discography .content p {
        font-family: 'Lato';
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #c2c2c2;
        margin: 20px 0 0;
    }

    .single-discography .content a.buy-now {
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'Lato';
        font-weight: 700;
        font-size: 13px;
        line-height: 14px;
        color: #fff;
        padding: 12px 50px;
        margin-top: 35px;
        background: #3ca7db;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .single-discography .content a.buy-now:hover {
            color: #171717;
        }

.single-discography .info-list {
    margin-top: 60px;
}

    .single-discography .info-list ul {
        list-style: none;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .single-discography .info-list ul li {
            display: block;
            width: 100%;
            padding: 20px 0 10px;
            border-bottom: 1px solid #292929;
            font-family: 'Lato';
            font-weight: 400;
            font-size: 13px;
            line-height: 20px;
            color: #fff;
            text-transform: uppercase;
        }

            .single-discography .info-list ul li span.colored {
                color: #3ca7db;
            }

            .single-discography .info-list ul li:first-child {
                padding-top: 0;
            }
/*--------------------------------------------------------------
7.0 - Gallery
--------------------------------------------------------------*/
.gallery {
    padding-top: 80px;
    padding-bottom: 100px;
    width: 100%;
}

    .gallery .masonry {
        width: 100%;
        padding-top: 70px;
    }

        .gallery .masonry .grid-sizer,
        .gallery .masonry .item {
            width: 14.28571428571429%;
        }

            .gallery .masonry .grid-sizer.big,
            .gallery .masonry .item.big {
                width: 28.57142857142857%;
            }

@media screen and (max-width: 991px) {
    .gallery .masonry .grid-sizer,
    .gallery .masonry .item {
        width: 25%;
    }

        .gallery .masonry .grid-sizer.big,
        .gallery .masonry .item.big {
            width: 50%;
        }
}

@media screen and (max-width: 767px) {
    .gallery .masonry .grid-sizer,
    .gallery .masonry .item {
        width: 33.333333333333%;
    }

        .gallery .masonry .grid-sizer.big,
        .gallery .masonry .item.big {
            width: 66.666666666666%;
        }
}

@media screen and (max-width: 360px) {
    .gallery .masonry .grid-sizer,
    .gallery .masonry .item {
        width: 100%;
    }

        .gallery .masonry .grid-sizer.big,
        .gallery .masonry .item.big {
            width: 100%;
        }
}

.gallery .masonry .item {
    padding: 3px;
}

    .gallery .masonry .item .wrapper-img {
        position: relative;
        overflow: hidden;
    }

        .gallery .masonry .item .wrapper-img .hover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(60, 167, 219, 0.4);
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -o-transform: scale(0);
            -ms-transform: scale(0);
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .gallery .masonry .item .wrapper-img .hover a {
                display: block;
                position: absolute;
                top: 50%;
                margin-top: -20px;
                left: 50%;
                margin-left: -20px;
                width: 40px;
                height: 40px;
                background: #000000;
                border-radius: 3px;
                text-decoration: none;
                text-align: center;
            }

                .gallery .masonry .item .wrapper-img .hover a:hover i {
                    color: #3ca7db;
                }

                .gallery .masonry .item .wrapper-img .hover a i {
                    font-size: 25px;
                    line-height: 40px;
                    color: #fff;
                    -webkit-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -ms-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    transition: all 0.2s linear;
                }

        .gallery .masonry .item .wrapper-img:hover .hover {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
        }
/*--------------------------------------------------------------
8.0 - Tour Dates
--------------------------------------------------------------*/
.tour-dates {
    background: url('/assets/img/elements/konsert.jpg') center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .tour-dates .list {
        display: block;
        position: relative;
        z-index: 3;
        width: 100%;
        margin-top: 60px;
        margin-bottom: -150px;
    }

        .tour-dates .list ul {
            display: block;
            list-style: none;
            list-style-type: none;
            padding: 0;
            margin: 0;
            width: 100%;
        }

            .tour-dates .list ul li {
                display: block;
                position: relative;
                width: 100%;
                height: auto;
                padding: 20px 15px 20px 60px;
                background: #171717;
                border-bottom: 1px solid #242424;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

                .tour-dates .list ul li:last-child {
                    border-bottom: none;
                }

                .tour-dates .list ul li:after {
                    content: '';
                    display: table;
                    clear: both;
                }

                .tour-dates .list ul li span.icon {
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 60px;
                    height: 100%;
                    background: #3ca7db;
                }

                    .tour-dates .list ul li span.icon i {
                        display: block;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        width: 30px;
                        height: 30px;
                        margin-top: -15px;
                        margin-left: -15px;
                        line-height: 30px;
                        font-size: 30px;
                        color: #fff;
                        text-align: center;
                    }

                .tour-dates .list ul li .cell {
                    display: block;
                    float: left;
                    width: 28.3333333333333%;
                    text-align: center;
                }

                    .tour-dates .list ul li .cell.artist {
                        border-left: 1px solid #242424;
                        border-right: 1px solid #242424;
                    }

                    .tour-dates .list ul li .cell i {
                        display: inline-block;
                        font-size: 22px;
                        line-height: 30px;
                        color: #616161;
                        padding-right: 15px;
                    }

                    .tour-dates .list ul li .cell p {
                        display: inline-block;
                        font-family: 'Lato';
                        font-weight: 700;
                        font-size: 13px;
                        line-height: 30px;
                        color: #adadad;
                        margin: 0;
                    }

                .tour-dates .list ul li a {
                    text-decoration: none;
                    display: block;
                    float: left;
                    width: 15%;
                    font-family: 'Lato';
                    font-weight: 700;
                    font-size: 13px;
                    line-height: 14px;
                    color: #fff;
                    text-transform: uppercase;
                    padding: 7px 0;
                    text-align: center;
                    background: #3ca7db;
                    border-bottom: 2px solid #248dc0;
                    -webkit-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -ms-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    transition: all 0.2s linear;
                }

                    .tour-dates .list ul li a.sold {
                        background: #4d4d4d;
                        border-color: #333333;
                        color: #b3b3b3;
                    }

                    .tour-dates .list ul li a:hover {
                        background: #248dc0;
                        border-color: #185e80;
                    }

                        .tour-dates .list ul li a:hover.sold {
                            background: #4d4d4d;
                            border-color: #333333;
                        }

                .tour-dates .list ul li:hover {
                    background: #242424;
                }

@media screen and (max-width: 991px) {
    .tour-dates .list ul li {
        padding: 10px 5px 10px 40px;
    }

        .tour-dates .list ul li span.icon {
            width: 40px;
        }

            .tour-dates .list ul li span.icon i {
                font-size: 20px;
            }

        .tour-dates .list ul li .cell i {
            font-size: 16px;
            padding-right: 5px;
        }

        .tour-dates .list ul li .cell p {
            font-size: 12px;
        }

        .tour-dates .list ul li a {
            font-size: 11px;
        }
}

@media screen and (max-width: 550px) {
    .tour-dates .list ul li {
        padding: 0;
        margin-top: 15px;
        border: 1px solid #292929;
    }

        .tour-dates .list ul li:hover {
            background: #171717;
        }

        .tour-dates .list ul li span.icon {
            display: none;
        }

        .tour-dates .list ul li .cell {
            float: none;
            width: 100%;
            border-bottom: 1px solid #292929;
        }

            .tour-dates .list ul li .cell.artist {
                border-left: none;
                border-right: none;
            }

        .tour-dates .list ul li a {
            float: none;
            width: 100%;
        }
}
/*--------------------------------------------------------------
8.1 - Single Tour Dates
--------------------------------------------------------------*/
.single-tour-dates {
    position: relative;
    padding-top: 80px;
}

    .single-tour-dates .event-left {
        margin-top: 60px;
        padding-right: 3px;
    }

        .single-tour-dates .event-left .info-event {
            display: block;
            position: relative;
            width: 100%;
            max-width: 378px;
            padding: 15px 15px 15px 75px;
            background: #1f1f1f;
        }

            .single-tour-dates .event-left .info-event i {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 60px;
                height: 100%;
                background: #3ca7db;
            }

                .single-tour-dates .event-left .info-event i:before {
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 30px;
                    height: 30px;
                    margin-top: -15px;
                    margin-left: -15px;
                    font-size: 30px;
                    line-height: 30px;
                    color: #fff;
                    text-align: center;
                }

            .single-tour-dates .event-left .info-event h5 {
                font-family: 'Lato';
                font-weight: 400;
                font-size: 14px;
                line-height: 14px;
                color: #fff;
                margin: 0;
            }

            .single-tour-dates .event-left .info-event p {
                font-family: 'Lato';
                font-weight: 400;
                font-size: 11px;
                line-height: 12px;
                color: #616161;
                text-transform: uppercase;
                margin: 10px 0 0 0;
            }

    .single-tour-dates .gmap {
        padding-left: 3px;
    }

        .single-tour-dates .gmap .googleMap {
            display: block;
            width: 100%;
            position: relative;
            height: 403px;
            margin-top: 60px;
        }

@media screen and (max-width: 1199px) {
    .single-tour-dates .gmap .googleMap {
        height: 342px;
    }
}

@media screen and (max-width: 991px) {
    .single-tour-dates .gmap .googleMap {
        height: 302px;
    }
}

.single-tour-dates .gmap .googleMap #googleMap {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.single-tour-dates .wrapper-content {
    margin-top: 50px;
}

    .single-tour-dates .wrapper-content .content h4 {
        font-family: 'Lato';
        font-weight: 700;
        font-size: 20px;
        line-height: 20px;
        color: #fff;
        margin: 0;
    }

    .single-tour-dates .wrapper-content .content p {
        font-family: 'Lato';
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: #c2c2c2;
        margin: 20px 0 0 0;
    }

    .single-tour-dates .wrapper-content .content a.buy {
        display: inline-block;
        text-decoration: none;
        font-family: 'Lato';
        font-weight: 700;
        font-size: 13px;
        line-height: 14px;
        color: #fff;
        text-transform: uppercase;
        padding: 12px 45px;
        background: #3ca7db;
        margin-top: 20px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .single-tour-dates .wrapper-content .content a.buy:hover {
            color: #171717;
        }

@media screen and (max-width: 767px) {
    .single-tour-dates .wrapper-content .details {
        margin-top: 30px;
    }
}

.single-tour-dates .wrapper-content .details ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .single-tour-dates .wrapper-content .details ul li {
        padding: 20px 0 10px;
        border-bottom: 1px solid #292929;
    }

        .single-tour-dates .wrapper-content .details ul li:first-child {
            padding-top: 0;
        }

        .single-tour-dates .wrapper-content .details ul li h5 {
            font-family: 'Lato';
            font-weight: 700;
            font-size: 13px;
            line-height: 14px;
            color: #3ca7db;
            text-transform: uppercase;
            margin: 0;
        }

        .single-tour-dates .wrapper-content .details ul li p {
            font-family: 'Lato';
            font-weight: 400;
            font-size: 13px;
            line-height: 14px;
            color: #fff;
            text-transform: uppercase;
            margin: 10px 0 0;
        }
/*--------------------------------------------------------------
9.0 - Our Store
--------------------------------------------------------------*/ .our-store {
    padding-top: 80px;
}

    .our-store .products {
        margin-top: 60px;
        padding: 0 12px;
    }

        .our-store .products > ul {
            display: block;
            list-style: none;
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: 100%;
        }

            .our-store .products > ul > li {
                display: block;
                float: left;
                padding: 3px;
                width: 25%;
            }

@media screen and (max-width: 991px) {
    .our-store .products > ul > li {
        width: 33.333333333%;
    }
}

@media screen and (max-width: 767px) {
    .our-store .products > ul > li {
        width: 50%;
    }
}

@media screen and (max-width: 500px) {
    .our-store .products > ul > li {
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
}

.our-store .products > ul > li .product {
    position: relative;
    overflow: hidden;
}

    .our-store .products > ul > li .product .price {
        display: block;
        width: 130px;
        height: 30px;
        background: #3ca7db;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 15px;
        margin-right: -30px;
        font-family: 'Lato';
        font-weight: 700;
        font-size: 14px;
        line-height: 30px;
        color: #fff;
        text-align: center;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .our-store .products > ul > li .product .info {
        position: relative;
        display: block;
        width: 100%;
        padding: 15px 15px 15px 70px;
        background: #1f1f1f;
    }

        .our-store .products > ul > li .product .info .buy {
            text-decoration: none;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 55px;
            height: 100%;
            background: #2b2b2b;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .our-store .products > ul > li .product .info .buy i {
                display: block;
                width: 25px;
                height: 25px;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-top: -12.5px;
                margin-left: -12.5px;
                text-align: center;
                font-size: 25px;
                line-height: 25px;
                color: #616161;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

            .our-store .products > ul > li .product .info .buy:hover {
                background: #3ca7db;
            }

                .our-store .products > ul > li .product .info .buy:hover i {
                    color: #171717;
                }

        .our-store .products > ul > li .product .info h5 {
            font-family: 'Lato';
            font-weight: 400;
            font-size: 13px;
            line-height: 14px;
            color: #fff;
            margin: 0;
        }

        .our-store .products > ul > li .product .info .rating {
            display: block;
            height: 15px;
            padding: 5px 0;
        }

            .our-store .products > ul > li .product .info .rating ul {
                display: block;
                list-style: none;
                list-style-type: none;
                margin: 0;
                padding: 0;
            }

                .our-store .products > ul > li .product .info .rating ul li {
                    display: block;
                    float: left;
                    cursor: pointer;
                }

                    .our-store .products > ul > li .product .info .rating ul li.active i {
                        color: #3ca7db;
                    }

                    .our-store .products > ul > li .product .info .rating ul li i {
                        display: block;
                        width: 15px;
                        height: 15px;
                        font-size: 15px;
                        line-height: 15px;
                        color: #999999;
                    }
/*--------------------------------------------------------------
9.1 - Store Product
--------------------------------------------------------------*/ .store-product {
    padding-top: 80px;
}

    .store-product .product {
        margin-top: 60px;
        position: relative;
        max-width: 360px;
        overflow: hidden;
    }

        .store-product .product .price {
            display: block;
            width: 130px;
            height: 30px;
            background: #3ca7db;
            position: absolute;
            top: 0;
            right: 0;
            margin-top: 15px;
            margin-right: -30px;
            font-family: 'Lato';
            font-weight: 700;
            font-size: 14px;
            line-height: 30px;
            color: #fff;
            text-align: center;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .store-product .product .info {
            position: relative;
            display: block;
            width: 100%;
            padding: 15px 15px 15px 70px;
            background: #1f1f1f;
        }

            .store-product .product .info .buy {
                text-decoration: none;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 55px;
                height: 100%;
                background: #2b2b2b;
            }

                .store-product .product .info .buy i {
                    display: block;
                    width: 25px;
                    height: 25px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin-top: -12.5px;
                    margin-left: -12.5px;
                    text-align: center;
                    font-size: 25px;
                    line-height: 25px;
                    color: #616161;
                }

            .store-product .product .info h5 {
                font-family: 'Lato';
                font-weight: 400;
                font-size: 13px;
                line-height: 14px;
                color: #fff;
                margin: 0;
            }

            .store-product .product .info .rating {
                display: block;
                height: 15px;
                padding: 5px 0;
            }

                .store-product .product .info .rating ul {
                    display: block;
                    list-style: none;
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                }

                    .store-product .product .info .rating ul li {
                        display: block;
                        float: left;
                        cursor: pointer;
                    }

                        .store-product .product .info .rating ul li.active i {
                            color: #3ca7db;
                        }

                        .store-product .product .info .rating ul li i {
                            display: block;
                            width: 15px;
                            height: 15px;
                            font-size: 15px;
                            line-height: 15px;
                            color: #999999;
                        }

    .store-product .about-product {
        margin-top: 60px;
    }

        .store-product .about-product h4 {
            font-family: 'Lato';
            font-weight: 400;
            font-size: 20px;
            line-height: 22px;
            color: #fff;
            margin: 0;
        }

        .store-product .about-product span.price {
            display: block;
            margin-top: 10px;
            font-family: 'Lato';
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #3ca7db;
            text-transform: uppercase;
        }

            .store-product .about-product span.price del {
                color: #cccccc;
            }

        .store-product .about-product span.line {
            display: block;
            width: 100%;
            height: 1px;
            background: #292929;
            margin-top: 20px;
        }

        .store-product .about-product p {
            font-family: 'Lato';
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: #cccccc;
            margin: 20px 0 0;
        }

        .store-product .about-product .categories {
            display: block;
            width: 100%;
            max-width: 300px;
            border-bottom: 1px solid #292929;
            padding: 10px 0;
            margin-top: 20px;
            font-family: 'Lato';
            font-weight: 400;
            font-size: 13px;
            line-height: 20px;
            color: #fff;
            text-transform: uppercase;
        }

            .store-product .about-product .categories span.colored {
                color: #3ca7db;
            }

        .store-product .about-product form {
            margin-top: 30px;
            position: relative;
            display: block;
            min-height: 40px;
        }

            .store-product .about-product form .numbers-row input[type=text] {
                float: left;
                width: 40px;
                height: 40px;
                margin-right: 30px;
                text-align: center;
                font-family: 'Lato';
                font-weight: 700;
                font-size: 15px;
                line-height: 38px;
                color: #fff;
                background: #1f1f1f;
                border: 1px solid #292929;
            }

            .store-product .about-product form .numbers-row .button {
                display: block;
                position: absolute;
                cursor: pointer;
                width: 20px;
                height: 20px;
                text-align: center;
                font-family: 'Lato';
                font-weight: 400;
                font-size: 14px;
                line-height: 19px;
                color: #fff;
                left: 40px;
                top: 0;
                background: #1f1f1f;
                border: 1px solid #292929;
                border-left: none;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

                .store-product .about-product form .numbers-row .button.dec {
                    top: 20px;
                    border-top: none;
                }

            .store-product .about-product form .buttons input[type=submit] {
                display: block;
                border: none;
                background: #3ca7db;
                font-family: 'Lato';
                font-weight: 700;
                font-size: 13px;
                line-height: 40px;
                color: #fff;
                text-transform: uppercase;
                width: 170px;
                text-align: center;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

                .store-product .about-product form .buttons input[type=submit]:hover {
                    color: #171717;
                }
/*--------------------------------------------------------------
10.0 - Biography
--------------------------------------------------------------*/
.biography {
    background: url('/assets/img/elements/PW-Live-oppsett.jpg') center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 220px;
}

    .biography .carousel {
        margin-top: 60px;
    }

        .biography .carousel .simple-slider {
            margin-top: 0;
            border: 3px solid #171717;
        }

    .biography .content {
        margin-top: 60px;
    }

        .biography .content h4 {
            font-family: 'Lato';
            font-weight: 400;
            font-size: 20px;
            line-height: 20px;
            color: #3ca7db;
            margin: 0;
        }

        .biography .content p {
            font-family: 'Lato';
            font-weight: 400;
            font-size: 16px;
            line-height: 20px;
            color: #cccccc;
            margin: 20px 0 0 0;
        }

        .biography .content ul.list {
            display: block;
            list-style: none;
            list-style-type: none;
            padding: 0;
            margin: 30px 0 0 0;
        }

            .biography .content ul.list li {
                display: block;
                width: 50%;
                float: left;
                padding: 5px 0;
            }

                .biography .content ul.list li i {
                    display: inline-block;
                    width: 18px;
                    height: 18px;
                    border: 1px solid #3ca7db;
                    margin-right: 10px;
                    border-radius: 50%;
                    font-size: 10px;
                    line-height: 18px;
                    text-align: center;
                    color: #3ca7db;
                }

                .biography .content ul.list li span {
                    font-family: 'Lato';
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 20px;
                    color: #fff;
                }
/*--------------------------------------------------------------
11.0 - Contact Form
--------------------------------------------------------------*/ .contact {
    padding-top: 80px;
}

    .contact .contact-form {
        margin-top: 60px;
        padding-bottom: 90px;
    }

        .contact .contact-form form input[type="text"],
        .contact .contact-form form textarea {
            display: block;
            width: 100%;
            border-radius: 0;
            border: 1px solid #292929;
            background: #1f1f1f;
            padding: 12px;
            font-size: 15px;
            line-height: 15px;
            color: #fff;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .contact .contact-form form input[type="text"]:hover,
            .contact .contact-form form textarea:hover {
                border-color: #383838;
            }

            .contact .contact-form form input[type="text"]:focus,
            .contact .contact-form form textarea:focus,
            .contact .contact-form form input[type="text"]:active,
            .contact .contact-form form textarea:active {
                border-color: #383838;
                outline: none;
            }

@media screen and (max-width: 767px) {
    .contact .contact-form form input[type="text"],
    .contact .contact-form form textarea {
        margin-top: 30px;
    }
}

.contact .contact-form form input[type="submit"] {
    display: block;
    width: 100%;
    font-family: 'Lato';
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    color: #b3b3b3;
    text-align: center;
    border: 1px solid #292929;
    border-radius: 0;
    background: #1f1f1f;
    padding: 18px 12px;
    margin-top: 30px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .contact .contact-form form input[type="submit"]:hover {
        background: #3ca7db;
        border-color: #248dc0;
        color: #171717;
    }

.contact .contact-form form textarea {
    margin-top: 30px;
}

.contact .contact-form form label {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    color: #3ca7db;
    display: block;
    position: relative;
    width: 100%;
    padding: 5px;
    border-top: 1px solid #3ca7db;
}

.contact .contact-details .wrapper {
    display: block;
    position: relative;
    float: left;
    width: 33.333333333%;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .contact .contact-details .wrapper {
        width: 100%;
        float: none;
        margin-top: 25px;
    }
}

.contact .contact-details .wrapper .hexagon {
    display: block;
    position: relative;
    width: 73px;
    height: 83px;
    background: url('/assets/img/elements/contact-shape.png') center center no-repeat;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

    .contact .contact-details .wrapper .hexagon i {
        font-size: 25px;
        line-height: 83px;
        color: #fff;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

.contact .contact-details .wrapper p {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #cccccc;
    margin: 15px 0 0 0;
}

.contact .contact-details .wrapper:hover .hexagon i {
    color: #171717;
}
/*--------------------------------------------------------------
12.0 - Footer
--------------------------------------------------------------*/ .footer {
    display: block;
    width: 100%;
    /*margin-top: 130px;*/
    margin-top: 50px;
    background: #0a0a0a;
    text-align: center;
    padding: 45px 15px;
}

    .footer h2 {
        font-family: 'Pacifico';
        font-weight: 400;
        font-size: 30px;
        line-height: 30px;
        color: #fff;
        margin: 0;
        cursor: pointer;
    }

        .footer h2 span.colored {
            color: #3ca7db;
        }

    .footer p {
        font-family: 'Lato';
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #cccccc;
        margin: 20px 0 0 0;
    }

    .footer span.line-footer {
        display: block;
        width: 75px;
        height: 1px;
        margin: 20px auto 0 auto;
        background: #3ca7db;
    }

    .footer ul.social {
        list-style: none;
        list-style-type: none;
        padding: 0;
        margin: 20px 0 0 0;
    }

        .footer ul.social li {
            display: inline-block;
            width: 40px;
            height: 30px;
            padding: 0 5px;
        }

            .footer ul.social li a {
                text-decoration: none;
                display: block;
                width: 30px;
                height: 30px;
                border-radius: 50%;
                background: #cccccc;
                text-align: center;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

                .footer ul.social li a i {
                    font-size: 18px;
                    line-height: 30px;
                    text-align: center;
                    color: #171717;
                }

                .footer ul.social li a:hover {
                    background: #3ca7db;
                }
/*--------------------------------------------------------------
13.0 - Social Media Sidebar
--------------------------------------------------------------*/
#social-sidebar {
    position: fixed;
    z-index: 999995;
    width: 120px;
    height: auto;
    top: 50%;
    margin-top: -60px;
    left: -115px;
    overflow: visible;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

@media screen and (max-width: 767px) {
    #social-sidebar {
        display: none !important;
    }
}

#social-sidebar.scrolled {
    left: -90px;
}

#social-sidebar a.sbar {
    display: block;
    position: relative;
    overflow: hidden;
    left: 0;
    width: 120px;
    height: 30px;
    margin-bottom: 3px;
    background: #292929;
    text-align: right;
    text-decoration: none;
    border-radius: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-family: 'Lato';
    font-weight: 400;
    font-size: 13px;
    line-height: 30px;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    #social-sidebar a.sbar.facebook {
        background: #4460ae;
    }

    #social-sidebar a.sbar.twitter {
        background: #058cb9;
    }

    #social-sidebar a.sbar.instagram {
        background: #6d564b;
    }

    #social-sidebar a.sbar i {
        display: inline-block;
        width: 30px;
        height: 30px;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        color: #fff;
        background: rgba(0, 0, 0, 0.3);
        margin-left: 10px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    #social-sidebar a.sbar:hover {
        left: 90px;
    }

#social-sidebar:hover {
    left: -90px;
}
/*--------------------------------------------------------------
14.0 - Keyframes Annimation
--------------------------------------------------------------*/
@keyframes slide {
    0% {
        transform: translateX(0px);
    }

    20% {
        transform: translateX(60px);
    }

    40% {
        transform: translateX(-60px);
    }

    60% {
        transform: translateX(60px);
    }

    80% {
        transform: translateX(-60px);
    }

    100% {
        transform: translateX(0px);
    }
}

@-webkit-keyframes slide {
    0% {
        -webkit-transform: translateX(0px);
    }

    20% {
        -webkit-transform: translateX(60px);
    }

    40% {
        -webkit-transform: translateX(-60px);
    }

    60% {
        -webkit-transform: translateX(60px);
    }

    80% {
        -webkit-transform: translateX(-60px);
    }

    100% {
        -webkit-transform: translateX(0px);
    }
}

@-moz-keyframes slide {
    0% {
        -moz-transform: translateX(0px);
    }

    20% {
        -moz-transform: translateX(60px);
    }

    40% {
        -moz-transform: translateX(-60px);
    }

    60% {
        -moz-transform: translateX(60px);
    }

    80% {
        -moz-transform: translateX(-60px);
    }

    100% {
        -moz-transform: translateX(0px);
    }
}

@-o-keyframes slide {
    0% {
        -o-transform: translateX(0px);
    }

    20% {
        -o-transform: translateX(60px);
    }

    40% {
        -o-transform: translateX(-60px);
    }

    60% {
        -o-transform: translateX(60px);
    }

    80% {
        -o-transform: translateX(-60px);
    }

    100% {
        -o-transform: translateX(0px);
    }
}

@keyframes down {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(8px);
    }

    100% {
        transform: translateY(0px);
    }
}

@-webkit-keyframes down {
    0% {
        -webkit-transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(8px);
    }

    100% {
        -webkit-transform: translateY(0px);
    }
}

@-moz-keyframes down {
    0% {
        -moz-transform: translateY(0px);
    }

    50% {
        -moz-transform: translateY(8px);
    }

    100% {
        -moz-transform: translateY(0px);
    }
}

@-o-keyframes down {
    0% {
        -o-transform: translateY(0px);
    }

    50% {
        -o-transform: translateY(8px);
    }

    100% {
        -o-transform: translateY(0px);
    }
}

@keyframes flash {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.4);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes flash {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.4);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes flash {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.4);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes flash {
    0% {
        -o-transform: scale(1);
    }

    50% {
        -o-transform: scale(1.4);
    }

    100% {
        -o-transform: scale(1);
    }
}

@-webkit-keyframes flash {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.4);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes flash {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.4);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes flash {
    0% {
        -o-transform: scale(1);
    }

    50% {
        -o-transform: scale(1.4);
    }

    100% {
        -o-transform: scale(1);
    }
}


/* HMM */

.navbar-default {
    background-color: #101010;
    border-color: #000000;
    opacity: 0.7;
}


.biography .carousel h4 {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    color: #3ca7db;
    margin: 0;
}

.biography .carousel p {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #cccccc;
    margin: 20px 0 0 0;
}

.biography .carousel ul.list li span {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

.biography .carousel ul.list {
    display: block;
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 30px 0 0 0;
}

    .biography .carousel ul.list li i {
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 1px solid #3ca7db;
        margin-right: 10px;
        border-radius: 50%;
        font-size: 10px;
        line-height: 18px;
        text-align: center;
        color: #3ca7db;
    }




.tp-caption.rev-title {
    position: absolute;
    font: 700 68px/1 "PT Sans","Open Sans",sans-serif;
    color: #dce0df;
    white-space: nowrap;
    text-transform: uppercase;
}

.tp-caption.rev-subtitle {
    position: absolute;
    font: 200 38px/1 "PT Sans",sans-serif;
    color: #dce0df;
    /*text-transform: capitalize;*/
    white-space: nowrap;
}

.tp-caption.rev-text {
    position: absolute;
    font: 300 17px/1.6 "PT Sans","Open Sans",sans-serif;
    color: #fff;
    white-space: pre-wrap;
    max-width: 600px;
}






/* =================================  */
/* == 29. BOUCING ARROW ANIMATION ==  */
/* =================================  */

@keyframes arrowbounce {
    from {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@-moz-keyframes arrowbounce { /* Firefox */
    from {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@-webkit-keyframes arrowbounce { /* Safari and Chrome */
    from {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@-o-keyframes arrowbounce { /* Opera */
    from {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.scrollto--arrow {
    animation: arrowbounce 1s alternate infinite;
    -moz-animation: arrowbounce 1s alternate infinite; /* Firefox */
    -webkit-animation: arrowbounce 1s alternate infinite; /* Safari and Chrome */
    -o-animation: arrowbounce 1s alternate infinite; /* Opera */
}

