@charset "UTF-8";
/*-----------------------------------------------------------------------------------

  0.  RESET & CLEARFIX
  1.  BASICS (body, headers, links, etc)
  2.  GENERAL ELEMENTS
  3.  HEADER
  4.  PAGE LOADER
  5.  FOOTER
  6.  NAVIGATION & MENU
  7.  SLIDER
  8.  SECTION
  9.  PORTFOLIO
  10. PORTFOLIO AJAX
  11. FILTER
  12. BLOG
  13. COLUMNS grid: 
  14. MAP
  15. ELEMENTS / SHORTCODES
  16. WIDGETS
  17. IMG OVERLAY
  18. LOADER ICON
  19. ANIMATIONS
  21. THIRD PARTY PLUGINS

-----------------------------------------------------------------------------------*/
/*------------------------------------*\
    @MIXINS
\*------------------------------------*/
/**
 * Placeholder styles for different browsers
 * @param  {hex|rgb} @color:@input-color-placeholder [description]
 * @return {[type]}                                 [description]
 */
/*------------------------------------*\
            @CUSTON MIXINS
\*------------------------------------*/
.full-bg {
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.center-y {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.center-x {
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.center-both {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
ol,
ul {
  list-style: none;
}
:focus {
  outline: 0;
}
/* deleting the default appearence for form elements */
input[type=text],
input[type=password],
input[type=submit],
textarea,
select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.clearfix {
  *display: inline-block;
  height: 1%;
}
.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 100%;
}
/* HTML5 display definitions */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
dialog {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
  visibility: hidden;
}
html {
  height: 100%;
  font-size: 100%;
  /*overflow-y: scroll; /* Force a scrollbar in non-IE */
  /*overflow-x: hidden;*/
  -webkit-text-size-adjust: 100%;
  /* Prevent iOS text size adjust on orientation change without disabling user zoom */
  -ms-text-size-adjust: 100%;
  position: relative;
}
body {
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  color: #666666;
  text-align: left;
  position: relative;
  height: 100%;
}
::selection {
  background: #ffe49c;
  color: #262626;
}
::-moz-selection {
  background: #ffe49c;
  color: #262626;
}
::-webkit-selection {
  background: #ffe49c;
  color: #262626;
}
/* Headings
---------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6 {
  color: #ffffff;
}
h1 {
  font-size: 100px;
  line-height: 130px;
}
h2 {
  font-size: 40px;
  line-height: 60px;
}
h4 {
  font-size: 22px;
  line-height: 1.4;
}
h5 {
  margin-bottom: .5rem;
  font-size: 1.8rem;
  line-height: 1.98rem;
}
h6 {
  font-size: 16px;
  line-height: 22px;
}
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-weight: 600;
}
/* Headers Spacing */
div h1:first-child,
div h2:first-child,
div h3:first-child,
div h4:first-child,
div h5:first-child,
div h6:first-child {
  margin-top: 0px;
}
.subtitle {
  margin-top: 5px;
  font-weight: 300;
  color: #666666;
  letter-spacing: 0.05em;
}
.text-light .subtitle {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
/* Headers for section titles */
.section-title {
  text-align: center;
  text-transform: uppercase;
  margin-top: -2rem;
  padding-bottom: 2rem;
  font-size: 30px;
  line-height: 1;
  font-weight: bold;
}
.section-title.not-found {
  margin-top: 80px;
  margin-bottom: 240px;
}
.section-title h2 {
  text-transform: uppercase;
  letter-spacing: -0.05em;
  font-weight: 900;
}
.not-found h1 {
  font-size: 200px;
  line-height: 230px;
}
.widget-title {
  text-transform: uppercase;
  margin-bottom: 20px;
}
/* Forms
---------------------------------------- */
input[type=text],
input[type=password],
input[type=email],
textarea {
  font-weight: 400;
  font-size: 16px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  line-height: 16px;
  height: 45px;
  padding: 15px 5px;
  transition: all 200ms linear;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus {
  border-color: #262626;
}
input.false[type=text],
input.false[type=password]:focus,
input.false[type=email],
textarea.false {
  border-color: #fa4d5a;
}
input[type=text],
input[type=password],
input[type=email] {
  width: 340px;
}
/* padding issue (240 + 2*5 = 250) */
textarea {
  width: 1100px;
  height: 150px;
  padding: 11px 4px 8px 4px;
  line-height: 22px;
}
/* padding issue (395 + 2*5 = 405) */
.one-half input[type=text],
.one-half input[type=password],
.one-half input[type=email] {
  width: 520px;
}
.one-half textarea {
  width: 520px;
}
input[type=submit] {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-align: center;
  display: block;
  border: none;
  color: #ffffff;
  background: #262626;
  cursor: pointer;
  padding: 15px 40px;
  border-radius: 3px;
  transition: all 200ms linear;
}
input[type=submit]:hover {
  background-color: #4da5f5;
  transform: scale(1.07);
}
select {
  background: #ffffff;
  border: 1px solid #d9d9d9;
  height: 34px;
  width: auto;
  padding: 8px;
  color: #999999;
  border-radius: 3px;
  transition: all 200ms linear;
}
select:hover {
  border-color: #262626;
}
select option {
  cursor: pointer;
  padding: 5px 7px;
}
label {
  line-height: 26px;
  width: 100%;
  display: block;
  color: #262626;
}
form {
  margin-top: 20px;
}
form .form-row {
  margin-top: 15px;
  position: relative;
}
form .form-submit {
  margin-top: 30px;
}
form .form-value {
  /*width: 100%;*/
  max-width: 100%;
  position: relative;
  display: inline-block;
}
div form:first-child,
form .form-row:first-child {
  margin-top: 0px;
}
/* Chech formular */
#form-note {
  display: none;
  margin-top: 20px;
}
/* Links
---------------------------------------- */
a {
  text-decoration: none;
  color: #4da5f5;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover {
  color: #262626;
}
.text-light a:hover {
  color: #ffffff;
}
/* Embedded content
---------------------------------------- */
img,
object,
video {
  max-width: 100%;
  height: auto;
  display: inline-block;
  margin: 0;
  vertical-align: top;
}
img {
  width: auto;
  max-width: 100%;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
p img {
  margin-top: 20px;
}
p img:first-child {
  margin-top: 0px;
}
img.alignleft {
  margin: 3px 20px 20px 0;
  float: left;
}
img.alignright {
  margin: 3px 0px 20px 20px;
  float: right;
}
/* Lists
---------------------------------------- */
ul {
  margin-left: 15px;
  list-style: disc;
}
div ul:first-child,
li ul:first-child {
  margin-top: 0px;
}
ol {
  margin-top: 20px;
  margin-left: 30px;
  list-style: decimal;
}
div ol:first-child,
li ol:first-child {
  margin-top: 0px;
}
ul li,
ol li {
  line-height: 20px;
}
ul li:first-child,
ol li:first-child {
  margin-top: 0px;
}
ul.list-nostyle {
  list-style: none !important;
  margin-left: 0 !important;
}
ul.list-nostyle li > .fa {
  margin-right: 10px;
}
/* Others
---------------------------------------- */
p {
  margin-top: 20px;
  font-size: 16px;
}
div p:first-child {
  margin-top: 0px;
}
strong,
b,
dt {
  font-weight: bold;
}
i,
dfn,
em {
  font-style: italic;
}
strong i,
b i,
dt i,
strong em,
b em,
dt em {
  font-style: italic;
  font-weight: bold;
}
blockquote {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  padding-left: 20px;
  margin-left: 20px;
  border-left: 2px solid #d9d9d9;
}
blockquote p,
blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 {
  margin: 0 0 1rem;
  padding: 0.53571rem 1.19048rem 0 1.13095rem;
}
div blockquote:first-child {
  margin-top: 0px;
}
blockquote p {
  margin: 0;
}
pre,
code {
  padding: 3px 0 3px 20px;
  margin-left: 20px;
  margin-top: 20px;
  font-size: 11px;
  line-height: 16px;
  display: block;
  border-left: 2px solid #d9d9d9;
  color: #262626;
}
div pre:first-child,
div code:first-child {
  margin-top: 0px;
}
/* WORDPRESS DEFAULT */
/*sticky*/
/*gallery captio*/
/*by post author*/
/*aligns*/
.aligncenter {
  display: block;
  margin: 0 auto;
}
.alignright {
  float: right;
  margin: 0 0 10px 20px;
}
.alignleft {
  float: left;
  margin: 0 20px 10px 0;
}
/*floats*/
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
/*text style*/
.textcenter {
  text-align: center;
}
.textright {
  text-align: right;
}
.textleft {
  text-align: left;
}
/*captions*/
.wp-caption {
  max-width: 100% !important;
}
.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f2f2f2;
  padding-top: 4px;
  margin: 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
  max-width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}
/*smiley reset*/
.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
}
/*blockquote*/
blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left;
}
blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right;
}
/*img attachment*/
#img-attch-page {
  text-align: center;
  overflow: hidden;
}
#img-attch-page img {
  display: inline-block;
  margin: 0 auto;
  max-width: 100%;
  border: 5px solid #d4d4d4;
  /*for IE*/
  width: 100%;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 0.08);
  transition: border 0.3s ease;
}
#img-attch-page a:hover img {
  border-color: #fc7251;
}
#img-attach-page-content {
  text-align: center;
  margin-top: 25px;
}
/*gallery*/
.gallery {
  width: 100%;
  padding-top: 20px !important;
}
.gallery-item {
  float: left;
}
.gallery-icon {
  text-align: center;
  display: inline-block;
}
.gallery-item .gallery-caption {
  margin-bottom: 0 !important;
  padding-right: 12%;
}
.gallery-item img {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.gallery-item a {
  float: left;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.gallery-item a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.ghost-valign:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -1em;
}
.vcentered {
  display: inline-block;
  vertical-align: middle;
}
@font-face {
  font-family: 'OpenSansLight';
  src: url('../fonts/OpenSans-Light-webfont.eot');
  src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansRegular';
  src: url('../fonts/OpenSans-Regular-webfont.eot');
  src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansSemiBold';
  src: url('../fonts/OpenSans-Semibold-webfont.eot');
  src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansBold';
  src: url('../fonts/OpenSans-Bold-webfont.eot');
  src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Coalition';
  src: url('../fonts/Coalition.eot');
  src: url('../fonts/Coalition.eot?#iefix') format('embedded-opentype'), url('../fonts/Coalition.woff2') format('woff2'), url('../fonts/Coalition.woff') format('woff'), url('../fonts/Coalition.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
/*---------------------------------------------- 
Retina
------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2) {
  .open-responsive-nav span,
  .single-pagination li a,
  #entries-pagination li a,
  .close-project a,
  .easy-opener-close,
  .easy-opener-next,
  .easy-opener-prev,
  .flex-direction-nav a,
  .owl-theme .owl-controls .owl-buttons div,
  a.fancybox-close,
  a.fancybox-prev span,
  a.fancybox-next span {
    background-image: url(../images/retina/sprites@2x.png);
    -webkit-background-size: 480px 40px;
    -moz-background-size: 480px 40px;
    -o-background-size: 480px 40px;
    background-size: 480px 40px;
  }
  .tp-leftarrow.custom,
  .tp-rightarrow.custom,
  .tp-leftarrow.default,
  .tp-rightarrow.default {
    background-image: url(../images/retina/sprites@2x.png) !important;
    -webkit-background-size: 480px 40px !important;
    -moz-background-size: 480px 40px !important;
    -o-background-size: 480px 40px !important;
    background-size: 480px 40px !important;
  }
  /*	.socialmedia-widget li a
	{
		background-image: url(../images/retina/social-icons@2x.png);
		-webkit-background-size: 540px 90px; 
	   	-moz-background-size: 540px 90px; 
	    -o-background-size: 540px 90px; 
		background-size: 540px 90px; 
	}*/
  a.jp-play,
  a.jp-pause,
  a.jp-mute,
  a.jp-unmute {
    background-image: url(../jplayer/controls@2x.png);
    -webkit-background-size: 120px 60px;
    -moz-background-size: 120px 60px;
    -o-background-size: 120px 60px;
    background-size: 120px 60px;
  }
}
/*-----------------------------------------------------------------------------------
	COLORS:

	default font color			#dadada
	light font color				#666666
	dark font color				#ffffff

	body background				#262626
	header background				#1a1a1a

	main color						#4da5f5

-----------------------------------------------------------------------------------*/
/*body { color:#dadada; background: #262626; }*/
/* Headings
---------------------------------------- */
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5,
.text-dark h6 {
  color: #262626;
}
.subtitle {
  color: #dadada;
}
.text-dark .subtitle {
  opacity: 0.85;
  filter: alpha(opacity=85);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
/* Forms
---------------------------------------- */
input[type=text],
input[type=password],
input[type=email],
textarea {
  background: #1a1a1a;
  border-color: #4d4d4d;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus {
  border-color: #ffffff;
}
/*input[type=submit] { color: #262626;	 background: #ffffff; }*/
/*input[type=submit]:hover { color: #ffffff; }*/
label {
  color: #ffffff;
}
/* Links
---------------------------------------- */
a:hover {
  color: #ffffff;
}
.text-dark a:hover {
  color: #262626;
}
/* Others
---------------------------------------- */
blockquote {
  color: #ffffff;
  border-color: #4d4d4d;
}
pre,
code {
  border-color: #4d4d4d;
  color: #ffffff;
}
/*SLIDER ARROWS
---------------------------------------- */
/*----------------------------------------------
2. GENERAL ELEMENTS
------------------------------------------------*/
.text-dark {
  color: #262626;
}
/*----------------------------------------------
3. HEADER
------------------------------------------------*/
header {
  background: #1a1a1a;
}
/* dark header style */
.light-header {
  background: #ffffff;
}
.light-header #logo h2 {
  color: #262626;
}
.light-header nav#main-nav > ul > li > a {
  color: #262626;
}
/* control nav when fixed & scrolled */
.light-header nav#menu-controls > ul > li a {
  color: #262626;
}
.light-header nav#menu-controls > ul > li a span.c-dot {
  background: #262626;
}
/* responsive nav on mobile view */
.light-header .open-responsive-nav span {
  background-position: -340px 0;
}
/*----------------------------------------------
4. PAGE_LOADER
------------------------------------------------*/
/*----------------------------------------------
4. FOOTER
------------------------------------------------*/
/*----------------------------------------------
6. NAVIGATION & MENU
------------------------------------------------*/
nav#main-nav > ul > li > a {
  color: #ffffff;
}
nav#main-nav ul li .sub-menu {
  background: #ffffff;
}
nav#main-nav ul .sub-menu li a {
  color: #666666;
}
nav#main-nav ul .sub-menu > li:hover > a,
nav#main-nav ul .sub-menu > li.current-menu-item > a {
  color: #1a1a1a;
}
/* control nav when fixed & scrolled */
nav#menu-controls > ul > li a {
  color: #ffffff;
}
nav#menu-controls > ul > li a span.c-dot {
  background: #ffffff;
}
/* responsive nav on mobile view */
.open-responsive-nav span {
  background-position: -380px 0;
}
/*#menu-responsive { background: #ffffff; }*/
nav#responsive-nav > ul {
  border-color: #d9d9d9;
}
nav#responsive-nav ul li {
  border-color: #d9d9d9;
}
nav#responsive-nav > ul li > a {
  color: #666666;
}
nav#responsive-nav > ul > li:hover > a,
nav#responsive-nav > ul > li.current-menu-item > a {
  color: #1a1a1a;
}
nav#responsive-nav .sub-menu li a {
  color: #666666;
}
/*----------------------------------------------
11. PORTFOLIO
------------------------------------------------*/
.portfolio-name a {
  color: #ffffff;
}
#portfolio-single {
  background: #1a1a1a;
}
/* Portfolio Single Pagination
------------------------------- */
.single-pagination li a {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.single-pagination li.next a {
  background-position: -160px 0px;
}
.single-pagination li.prev a {
  background-position: -190px 0px;
}
/*----------------------------------------------
12. PORTFOLIO AJAX
------------------------------------------------*/
.close-project a {
  background-position: -280px 0px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
/*----------------------------------------------
13. FILTER
------------------------------------------------*/
.filter li a {
  color: #ffffff;
}
/*----------------------------------------------
14. BLOG
------------------------------------------------*/
.blog-entry {
  border-color: #4d4d4d;
}
.blog-date {
  color: #ffffff;
}
.blog-headline .post-name a {
  color: #ffffff;
}
.blog-headline .post-meta {
  color: #666666;
}
.blog-headline .post-meta a {
  color: #666666;
}
.blog-headline .post-meta a:hover {
  color: #ffffff;
}
.readmore-button {
  color: #ffffff;
  border-color: #ffffff;
}
/* Blog Quote post & Link post
----------------------------*/
.blog-content .quote-author,
.blog-content .link-name {
  color: #666666;
}
/* Blog comments
----------------------------*/
#blog-comments {
  border-color: #4d4d4d;
}
#blog-comments .comment {
  border-color: #4d4d4d;
}
#blog-comments .comment-date {
  color: #666666;
}
/* Blog Pagination
----------------------------*/
#entries-pagination {
  border-color: #4d4d4d;
}
#entries-pagination li a {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
#entries-pagination li.next a {
  background-position: -160px 0px;
}
#entries-pagination li.prev a {
  background-position: -190px 0px;
}
/*	Buttons
------------------------------------------------*/
/*	seperator
------------------------------------------------*/
.seperator span {
  background: #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.text-dark .seperator span {
  background: #000000;
  opacity: 0.15;
  filter: alpha(opacity=15);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
}
/*	Tabs
------------------------------------------------*/
.tabs ul.tab-nav li a {
  color: #ffffff;
}
/*	Toggle/Accordion
------------------------------------------------*/
.toggle-item .toggle-title .toggle-icon .fa {
  color: #ffffff;
}
/*	Skills
------------------------------------------------*/
.skill .skill-bar {
  background: #4d4d4d;
}
.text-dark .skill .skill-bar {
  background: #d9d9d9;
}
.tooltip {
  color: #1a1a1a;
  background: #ffffff;
}
.text-dark .tooltip {
  color: #ffffff;
  background: #1a1a1a;
}
.tooltip:after {
  border-color: #ffffff transparent transparent transparent;
}
.text-dark .tooltip:after {
  border-color: #1a1a1a transparent transparent transparent;
}
/*	Pricing Table
------------------------------------------------*/
.pricing-table {
  background: #1a1a1a;
  border-color: #4d4d4d;
}
.text-dark .pricing-table {
  background: #ffffff;
  border-color: #d9d9d9;
}
.price {
  color: #ffffff;
}
.text-dark .price {
  color: #262626;
}
/*	Widget with list
------------------------------------------------*/
.widget ul li {
  border-bottom: 1px solid #4d4d4d;
}
.widget ul li a {
  color: #ffffff;
}
/*	Tag Widget
------------------------------------------------*/
.tag-list a {
  border-color: #4d4d4d;
  color: #666666;
}
.tag-list a:hover {
  border-color: #ffffff;
  color: #1a1a1a;
  background: #ffffff;
}
/*	Social Widget
------------------------------------------------*/
.social-share li a {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.socialmedia-widget li.facebook a {
  background-position: 0px -30px;
}
.socialmedia-widget li.twitter a {
  background-position: -30px -30px;
}
.socialmedia-widget li.thumblr a {
  background-position: -60px -30px;
}
.socialmedia-widget li.vimeo a {
  background-position: -90px -30px;
}
.socialmedia-widget li.dribbble a {
  background-position: -120px -30px;
}
.socialmedia-widget li.deviantart a {
  background-position: -150px -30px;
}
.socialmedia-widget li.behance a {
  background-position: -180px -30px;
}
.socialmedia-widget li.flickr a {
  background-position: -210px -30px;
}
.socialmedia-widget li.forrst a {
  background-position: -240px -30px;
}
.socialmedia-widget li.linkedin a {
  background-position: -270px -30px;
}
.socialmedia-widget li.rss a {
  background-position: -300px -30px;
}
.socialmedia-widget li.googleplus a {
  background-position: -330px -30px;
}
.socialmedia-widget li.pinterest a {
  background-position: -360px -30px;
}
.socialmedia-widget li.youtube a {
  background-position: -390px -30px;
}
.socialmedia-widget li.mail a {
  background-position: -420px -30px;
}
.socialmedia-widget li.instagram a {
  background-position: -450px -30px;
}
.socialmedia-widget li.xing a {
  background-position: -480px -30px;
}
.socialmedia-widget li.dropbox a {
  background-position: -510px -30px;
}
.text-dark .socialmedia-widget li.facebook a {
  background-position: 0px top;
}
.text-dark .socialmedia-widget li.twitter a {
  background-position: -30px top;
}
.text-dark .socialmedia-widget li.thumblr a {
  background-position: -60px top;
}
.text-dark .socialmedia-widget li.vimeo a {
  background-position: -90px top;
}
.text-dark .socialmedia-widget li.dribbble a {
  background-position: -120px top;
}
.text-dark .socialmedia-widget li.deviantart a {
  background-position: -150px top;
}
.text-dark .socialmedia-widget li.behance a {
  background-position: -180px top;
}
.text-dark .socialmedia-widget li.flickr a {
  background-position: -210px top;
}
.text-dark .socialmedia-widget li.forrst a {
  background-position: -240px top;
}
.text-dark .socialmedia-widget li.linkedin a {
  background-position: -270px top;
}
.text-dark .socialmedia-widget li.rss a {
  background-position: -300px top;
}
.text-dark .socialmedia-widget li.googleplus a {
  background-position: -330px top;
}
.text-dark .socialmedia-widget li.pinterest a {
  background-position: -360px top;
}
.text-dark .socialmedia-widget li.youtube a {
  background-position: -390px top;
}
.text-dark .socialmedia-widget li.mail a {
  background-position: -420px top;
}
.text-dark .socialmedia-widget li.instagram a {
  background-position: -450px top;
}
.text-dark .socialmedia-widget li.xing a {
  background-position: -480px top;
}
.text-dark .socialmedia-widget li.dropbox a {
  background-position: -510px top;
}
/*----------------------------------------------
25. LOADER ICON
------------------------------------------------*/
.loader-icon span {
  border-color: #4d4d4d;
}
.loader-icon .spinner {
  border-color: #ffffff;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
/*	Flexslider
------------------------------------------------*/
.flex-control-paging li a span {
  background: #ffffff;
}
.text-dark .flex-control-paging li a span {
  background: #1a1a1a;
}
.flex-control-paging li a.flex-active {
  border-color: #ffffff;
}
.text-dark .flex-control-paging li a.flex-active {
  border-color: #1a1a1a;
}
/*	JPlayer
------------------------------------------------*/
div.jp-interface {
  background-color: #1a1a1a;
}
* {
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}
.wp-text-editor-content {
  max-width: 60rem;
  width: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  float: none;
  margin: 0 auto;
  text-align: justify;
}
@media only screen and (max-width: 769px) {
  .wp-text-editor-content {
    max-width: 95%;
  }
}
.image-thumbnail-page .section-inner.wrapper {
  min-height: 80vh;
}
.image-thumbnail-page .section-inner.wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#section-home > .section-inner {
  padding-bottom: 0 !important;
}
#page-content {
  overflow: hidden;
  margin: 0;
  min-width: 1100px;
  /*position: relative;*/
  /* Problem for slider bg with video*/
}
span.acf-section--divider {
  border-bottom: 1px solid #c3c3c3;
  margin: 2rem auto;
  width: 1100px;
  display: block;
}
.acf-section:first-of-type {
  margin-bottom: 0;
}
.page-name {
  margin-bottom: 20px;
  margin-top: 20px;
  line-height: 1.15;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
}
svg.svg-inline--fa {
  position: relative;
}
body.with-gutter .wrapper {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
body.with-gutter .page-out {
  max-width: 1100px;
  margin: 0 auto;
}
.wrapper {
  width: 100%;
  margin: 0 auto;
}
.wrapper.wrapper-constrained {
  max-width: 1100px;
}
body.add_gutter .wrapper {
  width: 1100px;
  margin: 0 auto;
}
.wrapper-inner {
  max-width: 1100px;
  margin: 0 auto;
}
.main-content.no-sidebar {
  margin: 0 auto;
}
aside {
  width: 300px;
}
.left-float {
  float: left;
}
.right-float {
  float: right;
}
.align-center {
  text-align: center;
}
.underline {
  position: relative;
}
.underline:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -3px;
  visibility: hidden;
  background-color: #fff;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
.underline:hover:after {
  visibility: visible;
  transform: scaleX(1);
}
/* SMALL SCREENS */
@media only screen and (max-width: 1200px) {
  #page-content {
    min-width: 940px;
  }
  .wrapper {
    width: 940px;
  }
  .main-content {
    width: 640px;
  }
  aside {
    width: 240px;
  }
  .blog-content {
    width: 550px;
  }
  .one-half {
    width: 450px;
  }
  .one-third {
    width: 286px;
  }
  .two-third {
    width: 612px;
  }
  .one-fourth {
    width: 205px;
  }
  .two-fourth {
    width: 450px;
  }
  .three-fourth {
    width: 695px;
  }
  .one-fifth {
    width: 156px;
  }
  .two-fifth {
    width: 356px;
  }
  .three-fifth {
    width: 554px;
  }
  .four-fifth {
    width: 752px;
  }
  .main-content .one-half {
    width: 300px;
  }
  .main-content .one-third {
    width: 186px;
  }
  .main-content .two-third {
    width: 412px;
  }
  .main-content .one-fourth {
    width: 130px;
  }
  .main-content .two-fourth {
    width: 300px;
  }
  .main-content .three-fourth {
    width: 470px;
  }
  .main-content .one-fifth {
    width: 98px;
  }
  .main-content .two-fifth {
    width: 236px;
  }
  .main-content .three-fifth {
    width: 334px;
  }
  .main-content .four-fifth {
    width: 472px;
  }
  .one-half .iconbox-content {
    width: 400px;
  }
  .one-third .iconbox-content {
    width: 236px;
  }
  .one-fourth .iconbox-content {
    width: 155px;
  }
}
/* TABLETS ON PORTRAITS */
@media only screen and (max-width: 1023px) {
  h1 {
    font-size: 80px;
    line-height: 100px;
  }
  h2 {
    /*font-size: 36px;*/
    line-height: 54px;
  }
  h3 {
    font-size: 28px;
    line-height: 42px;
  }
  h4 {
    font-size: 20px;
    line-height: 30px;
  }
  h5 {
    font-size: 18px;
    line-height: 26px;
  }
  h6 {
    font-size: 16px;
    line-height: 22px;
  }
  #page-content {
    min-width: 740px;
  }
  .wrapper {
    width: 740px;
  }
  .main-content {
    width: 100%;
    float: none;
  }
  aside {
    width: 100%;
    float: none;
  }
  header #logo {
    padding: 10px 0;
    float: left;
  }
  header.logo-top #logo {
    padding: 10px 0;
    height: 40px;
    max-width: 100%;
  }
  nav#main-nav > ul > li > a:first-child {
    line-height: 40px;
    padding: 10px 0;
  }
  nav#menu-controls > ul > li {
    height: 40px;
    padding: 10px 0;
  }
  nav#main-nav > ul > li > .sub-menu {
    top: 60px;
  }
  nav#main-nav {
    display: none;
  }
  .open-responsive-nav {
    display: block !important;
  }
  .logo-top .open-responsive-nav {
    display: inline-block;
  }
  #portfolio-single aside {
    margin-top: 0px;
  }
  .blog-content {
    width: 650px;
  }
  .one-half {
    width: 350px;
  }
  .one-third {
    width: 220px;
  }
  .two-third {
    width: 480px;
  }
  .one-fourth {
    width: 155px;
  }
  .two-fourth {
    width: 350px;
  }
  .three-fourth {
    width: 545px;
  }
  .one-fifth {
    width: 116px;
  }
  .two-fifth {
    width: 272px;
  }
  .three-fifth {
    width: 428px;
  }
  .four-fifth {
    width: 584px;
  }
  .one-half .iconbox-content {
    width: 300px;
  }
  .one-third .iconbox-content {
    width: 170px;
  }
  .one-fourth .iconbox-content {
    width: 105px;
  }
  .pricing-table {
    padding: 15px;
  }
  .pricing-accent {
    padding: 35px 15px;
  }
  .one-fourth .pricing-table {
    padding-left: 5px;
    padding-right: 5px;
  }
  .price-amount {
    font-size: 60px;
    line-height: 60px;
  }
  .one-fourth .price-amount {
    font-size: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .wrapper {
    /*width: 86%;*/
    width: 100%;
    margin: 0 auto;
  }
  header #logo {
    max-width: 210px;
  }
  .open-responsive-nav {
    display: block !important;
  }
  #logo img {
    max-width: 100%;
  }
}
/* Smartphones*/
@media only screen and (max-width: 760px) {
  h1 {
    font-size: 64px;
    line-height: 74px;
  }
  h2 {
    font-size: 32px;
    line-height: 44px;
  }
  h3 {
    font-size: 26px !important;
    /*line-height: 36px !important;*/
    line-height: 30px !important;
  }
  h4 {
    font-size: 20px;
    line-height: 28px;
  }
  h5 {
    font-size: 18px;
    line-height: 26px;
  }
  h6 {
    font-size: 16px;
    line-height: 22px;
  }
  #page-content {
    min-width: 300px;
  }
  .main-content {
    width: 100%;
    float: none;
  }
  aside {
    width: 100%;
    float: none;
  }
  #portfolio-single aside {
    border: none;
    padding-top: 0;
  }
  .blog-date {
    width: 50px;
  }
  .blog-date .date-day {
    font-size: 40px;
    line-height: 30px;
  }
  .blog-date .date-month {
    font-size: 10px;
    letter-spacing: 0.03em;
  }
  .blog-content {
    width: 240px;
  }
  .column {
    margin: 10px 0 0 0;
  }
  div .column:first-child {
    margin: 0;
  }
  .one-half {
    width: 100%;
  }
  .one-third {
    width: 100%;
  }
  .two-third {
    width: 100%;
  }
  .one-fourth {
    width: 100%;
  }
  .two-fourth {
    width: 100%;
  }
  .three-fourth {
    width: 100%;
  }
  .one-fifth {
    width: 100%;
  }
  .two-fifth {
    width: 100%;
  }
  .three-fifth {
    width: 100%;
  }
  .four-fifth {
    width: 100%;
  }
  .one-half .iconbox-content {
    width: 250px;
  }
  .one-third .iconbox-content {
    width: 250px;
  }
  .one-fourth .iconbox-content {
    width: 250px;
  }
  .pricing-table {
    padding: 30px !important;
  }
  .pricing-accent {
    padding: 50px 30px !important;
  }
  .price-amount {
    font-size: 80px !important;
    line-height: 80px !important;
  }
  /* Spacings */
  .section-title {
    /*margin-top: -7px;*/
    /*    margin-bottom: 60px;*/
  }
  /*  .section-inner {
    padding-top: 60px;
  }*/
  #portfolio-single {
    padding-top: 60px;
  }
  .ajax-section #portfolio-single {
    padding-bottom: 60px;
  }
  #portfolio-single .portfolio-media {
    margin-top: 40px;
  }
  #portfolio-single .portfolio-content {
    margin-top: 0;
    padding-top: 40px;
  }
  .ajax-section {
    padding-bottom: 60px;
  }
  #ajax-loader .loader-icon {
    top: 20px !important;
  }
  .close-project {
    bottom: 70px;
  }
  .spacer.spacer-mini {
    height: 15px;
  }
  .spacer.spacer-small {
    height: 30px;
  }
  .spacer.spacer-medium {
    height: 45px;
  }
  .spacer.spacer-big {
    height: 60px;
  }
  /* RS Slider captions buttons */
  .tp-caption .sr-buttonicon {
    font-size: 22px !important;
    border: none;
    padding: 4px;
    width: 24px;
    height: 24px !important;
    line-height: 24px !important;
  }
}
@media only screen and (max-width: 760px) {
  #section-home > .section-inner {
    padding-bottom: 0;
  }
}
/*@media only screen and (max-width:414px) {
  .wrapper {
    width: 300px;
  }
}*/
body.wp-customizer {
  font-weight: 400 !important;
}
body.wp-customizer #customize-controls .customize-info .panel-title {
  font-weight: 400 !important;
}
form#customize-controls {
  font-size: 14px;
}
div#customize-theme-controls .customize-control select {
  height: auto !important;
  line-height: 1 !important;
  color: #000000;
}
div#customize-theme-controls label {
  color: #000000;
}
div#customize-theme-controls input[type=text],
div#customize-theme-controls textarea {
  background: #ffffff;
  color: #000000;
}
div#customize-theme-controls .customize-control-radio label {
  float: right;
}
div#customize-theme-controls ul#sub-accordion-panel-site_header,
div#customize-theme-controls ul#sub-accordion-section-tcc_customize_navigation_styling,
div#customize-theme-controls ul {
  list-style-type: none;
}
div#customize-theme-controls label {
  display: inline-block;
}
ul.customize-pane-parent h3.accordion-section-title:before,
ul.customize-pane-child h3.accordion-section-title:before {
  font-family: Dashicons;
  position: relative;
  top: 3px;
  margin-left: 5px;
  left: -6px;
  line-height: inherit;
  font-weight: normal;
}
li#accordion-panel-site_header > h3.accordion-section-title:before {
  content: "\f535";
}
li#accordion-section-tcc_customize_navigation > h3.accordion-section-title:before {
  content: "\f128";
}
li#accordion-section-tcc_customize_navigation_styling > h3.accordion-section-title:before,
li#accordion-panel-tcc_colours > h3.accordion-section-title:before {
  content: "\f177";
}
li#accordion-section-tcc_colours_background > h3.accordion-section-title:before {
  content: "\f105";
}
li#accordion-section-tcc_colours_colours > h3.accordion-section-title:before {
  content: "\f309";
}
li#accordion-section-tcc_colours_misc > h3.accordion-section-title:before {
  content: "\f223";
}
li#accordion-panel-typography > h3.accordion-section-title:before {
  content: "\f215";
}
li#accordion-section-tcc_customize_header_typography > h3.accordion-section-title:before {
  content: "\f116";
}
li#accordion-section-tcc_customize_sub_header_typography > h3.accordion-section-title:before {
  content: "\f497";
}
li#accordion-section-tcc_customize_body_typography > h3.accordion-section-title:before {
  content: "\f478";
}
li#accordion-section-tcc_customize_menu_typography > h3.accordion-section-title:before {
  content: "\f495";
}
li#accordion-section-tcc_customize_animation > h3.accordion-section-title:before {
  content: "\f155";
}
li#accordion-panel-nav_menus > h3.accordion-section-title:before {
  content: "\f333";
}
li#accordion-section-tcc_social_media_links > h3.accordion-section-title:before {
  content: "\f237";
}
li#accordion-section-tcc_colours > h3.accordion-section-title:before {
  content: "\f540";
}
li#accordion-section-tcc_customize_footer > h3.accordion-section-title:before {
  content: "\f116";
}
li#accordion-section-tcc_customize_site_options > h3.accordion-section-title:before,
li#accordion-panel-tcc_customize_site_options > h3.accordion-section-title:before {
  content: "\f111";
}
li#accordion-section-tcc_customize_site_options_general > h3.accordion-section-title:before {
  content: "\f333";
}
li#accordion-section-tcc_customize_site_options_preloader > h3.accordion-section-title:before {
  content: "\f463";
}
li#accordion-section-tcc_customize_site_options_analytics > h3.accordion-section-title:before {
  content: "\f238";
}
li#accordion-section-static_front_page > h3.accordion-section-title:before {
  content: "\f102";
}
li#accordion-panel-woocommerce > h3.accordion-section-title:before {
  content: "\f174";
}
li#accordion-section-custom_css > h3.accordion-section-title:before {
  content: "\f133";
}
li#accordion-section-cctc > h3.accordion-section-title:before {
  content: "\f147";
}
li#accordion-section-title_tagline > h3.accordion-section-title:before {
  content: "\f110";
}
header {
  width: 100%;
  z-index: 10000;
  position: relative;
  transition: top 0.5s ease-in-out;
}
header#header {
  height: 75px;
}
header .header-inner {
  margin: 0 2rem;
}
header .desktop-social-bar {
  float: none;
  display: inline-block;
}
header .desktop-social-bar ul.socialmedia-widget {
  text-align: right;
}
header .desktop-social-bar ul.socialmedia-widget li {
  text-align: right;
  font-size: 20px;
}
header .desktop-social-bar ul.socialmedia-widget li svg {
  top: 0;
}
@media only screen and (max-width: 1023px) {
  header .desktop-social-bar {
    display: none;
  }
}
header .mobile-menu {
  display: block !important;
}
body.woocommerce header {
  top: 0;
  position: relative;
  background: transparent;
}
body.woocommerce header.woocommerce-products-header {
  top: 0 !important;
}
.menu {
  position: relative;
  align-items: center;
}
#logo {
  max-width: 15%;
  transition: all 200ms linear;
}
#logo img {
  max-height: 75px;
  padding: 10px 0;
}
/* Logo Left ************************* */
.logo-left .menu {
  float: right;
}
.menu {
  float: right;
}
/* Logo Right **************************/
.logo-right #logo {
  float: right;
  right: 2rem;
}
.logo-right .menu {
  float: left;
}
/* Logo Center **************************/
header#header.logo-center {
  height: auto;
}
header#header.logo-center.nav-up {
  top: -50% !important;
}
.logo-center {
  text-align: center;
}
.logo-center .header-inner {
  padding: 0;
}
.logo-center div#logo {
  position: relative;
  transform: none;
  float: none;
  text-align: center;
  margin: 1rem auto 0;
}
.logo-center .menu {
  float: none;
  text-align: center;
  display: block;
}
.logo-center nav#main-nav ul li {
  float: none;
  display: inline-block;
  zoom: 1;
}
.logo-center nav#main-nav ul li .sub-menu {
  top: 60px;
}
.logo-center nav#menu-controls > ul > li {
  height: 20px;
  float: none;
  display: inline-block;
  zoom: 1;
}
.logo-center .open-responsive-nav {
  display: inline-block;
  padding: 0;
  display: none;
}
body#burger-menu-selected .logo-top .open-responsive-nav {
  display: block !important;
}
/* header shrinks when fixed & scrolled */
.fixed-header header {
  position: fixed;
  left: 0;
  top: 0;
}
.fixed-header header.smallheader {
  height: auto;
}
.logged-in .fixed-header header {
  top: 32px;
}
.smallheader #logo h2 {
  line-height: 40px;
}
.smallheader nav#main-nav > ul > li > a:first-child {
  line-height: 75px;
}
.smallheader.logo-top nav#main-nav > ul > li > a:first-child {
  line-height: 30px;
}
.smallheader nav#menu-controls > ul > li {
  height: 40px;
  padding: 10px 0;
}
.smallheader.logo-top nav#menu-controls > ul > li {
  height: 30px;
}
.smallheader nav#main-nav > ul > li > .sub-menu {
  top: 60px;
}
.smallheader.logo-top nav#main-nav > ul > li > .sub-menu {
  top: 50px;
}
/* header overlay style */
header.header-overlay {
  background: transparent;
  box-shadow: none;
  position: absolute !important;
  left: 0;
  top: 0;
}
header.header-overlay #defaut-logo {
  display: none;
}
.header-overlay nav#main-nav > ul > li > a {
  color: #ffffff !important;
  opacity: 0.7 !important;
  filter: alpha(opacity=7) !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
}
.header-overlay nav#main-nav > ul > li:hover > a,
.header-overlay nav#main-nav > ul > li.current-menu-item > a,
.header-overlay nav#main-nav > ul > li.current-menu-ancestor > a {
  color: #ffffff !important;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
}
.header-overlay .open-responsive-nav span {
  background-position: -370px 0 !important;
}
.header-overlay.overlay-dark nav#main-nav > ul > li > a {
  color: #262626 !important;
}
.header-overlay.overlay-dark nav#main-nav > ul > li:hover > a,
.header-overlay.menu-dark nav#main-nav > ul > li.current-menu-item > a,
.header-overlay.overlay-dark nav#main-nav > ul > li.current-menu-ancestor > a {
  color: #262626 !important;
}
.header-overlay.overlay-dark .open-responsive-nav span {
  background-position: -340px 0 !important;
}
/* dark header style */
.dark-header {
  background: rgba(26, 26, 26, 0.5);
}
.dark-header.smallheader.nav-down {
  background: #1a1a1a;
}
.dark-header nav#main-nav > ul > li > a {
  color: #ffffff;
}
.dark-header nav#menu-controls > ul > li a {
  color: #ffffff;
}
.dark-header nav#menu-controls > ul > li a span.c-dot {
  background: #ffffff;
}
.dark-header .open-responsive-nav span {
  background-position: -380px 0;
}
/* menu-light */
.menu-light nav#main-nav > ul > li > a {
  color: #ffffff;
  opacity: 0.7;
  filter: alpha(opacity=7);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.menu-light nav#main-nav > ul > li:hover > a,
.menu-light nav#main-nav > ul > li.current-menu-item > a,
.menu-light nav#main-nav > ul > li.current-menu-ancestor > a {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.menu-light nav#menu-controls > ul > li a {
  color: #ffffff;
}
.menu-light nav#menu-controls > ul > li.current-menu-item > a {
  border-color: #ffffff;
}
.menu-light nav#menu-controls > ul > li a span.c-dot {
  background: #ffffff;
}
.menu-light nav#menu-controls > ul > li:hover a span.c-dot {
  background: #ffffff;
}
.menu-light .open-responsive-nav span {
  background-position: -380px 0;
}
/* menu-dark */
.menu-dark nav#main-nav > ul > li > a {
  color: #262626;
  opacity: 0.7;
  filter: alpha(opacity=7);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.menu-dark nav#main-nav > ul > li:hover > a,
.menu-dark nav#main-nav > ul > li.current-menu-item > a,
.menu-dark nav#main-nav > ul > li.current-menu-ancestor > a {
  color: #262626;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.menu-dark nav#menu-controls > ul > li a {
  color: #262626;
}
.menu-dark nav#menu-controls > ul > li.current-menu-item > a {
  border-color: #262626;
}
.menu-dark nav#menu-controls > ul > li a span.c-dot {
  background: #262626;
}
.menu-dark nav#menu-controls > ul > li:hover a span.c-dot {
  background: #262626;
}
.menu-dark .open-responsive-nav span {
  background-position: -340px 0;
}
.menu-item-home {
  display: none;
}
@media screen and (max-width: 768px) {
  .menu-item-home {
    display: block;
  }
}
body#burger-menu-selected .menu-item-home {
  display: block;
}
.header-overlay .menu {
  float: none;
  text-align: center;
}
.header-overlay .menu nav#main-nav ul li {
  float: none;
  display: inline-block;
}
#page-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100001;
}
.page-loader-inner {
  width: 300px;
  height: 120px;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 50%;
  margin-left: -150px;
  text-align: center;
}
.page-loader-inner .loader-logo img {
  max-height: 60px;
  max-width: 300px;
}
.page-loader-inner .loader-icon {
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -10px;
}
/* Page exit effect */
#page-content {
  position: relative;
  left: 0;
  transition: all 0.5s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-exit {
  transition: all 0.5s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-exit #page-content {
  opacity: 0;
}
.page-exit .parallax-mirror {
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-in #page-content {
  opacity: 0;
}
/* Page in effect */
/*#page-loader {
  right: -100px;
  animation: slide-in 0.5s forwards;
  animation-delay: 0s;
}
@keyframes slide-in {
    100% { left: 0; }
}*/
#preloader-doors {
  display: none;
  pointer-events: none;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  visibility: visible;
  transition: all 0.4s ease 0s;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100;
}
#preloader-doors svg {
  width: auto;
  left: 0;
  top: 0;
  transition: all 0.6s ease 0s;
}
#preloader-doors .loader__shape {
  transform: translateZ(0px);
  will-change: contents;
  backface-visibility: hidden;
}
#preloader-doors.hide {
  background: rgba(0, 0, 0, 0);
  transition: all 0.4s ease 0s;
}
#preloader-doors.hide .loader__shape--left {
  position: fixed;
  top: 0px;
  left: -200%;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  transition: all 2.4s ease 0.4s;
}
#preloader-doors.hide .loader__shape--right {
  position: fixed;
  top: 0px;
  left: 200%;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  transition: all 2.4s ease 0.4s;
}
body.page-animation-doors #preloader-doors {
  display: inline;
}
.loader-middle {
  height: 100vh;
  width: 100%;
  position: relative;
}
.loader-middle .loader-line {
  top: 50%;
}
.loader-bottom {
  height: 100vh;
  width: 100%;
  position: relative;
}
.loader-bottom .loader-line {
  width: 100%;
  position: absolute;
  bottom: 0px;
  height: 10px;
}
.loader-line {
  width: 100%;
  height: 1px;
  background-color: white;
  position: relative;
}
.loader-line:after {
  content: '';
  position: absolute;
  display: block;
  height: 100%;
  background-color: #888;
  left: 0%;
  right: 100%;
  animation: loading 2s ease infinite;
}
@keyframes loading {
  0% {
    left: 0;
    right: 100%;
  }
  50% {
    left: 0;
    right: 0;
  }
  100% {
    left: 100%;
    right: 0;
  }
}
footer {
  transition: 0.5s;
  border-top: 1px solid #424242;
  font-size: 13px;
}
@media only screen and (max-width: 420px) {
  footer {
    font-size: 12px;
    line-height: 1;
  }
}
footer a {
  text-decoration: none;
  transition: 0.5s;
}
footer a.sr-buttonicon.mini-button {
  margin-top: 20px;
}
footer .footerinner.wrapper {
  max-width: 90%;
  margin: 0 auto;
  display: block;
  z-index: 9;
}
footer .footer-inner-container {
  float: left;
  width: 100%;
  padding: 1rem 0;
}
footer .footer-inner-container ul {
  list-style-type: none;
  line-height: 1;
}
@media only screen and (min-width: 761px) {
  footer .footer-inner-container {
    padding: 5px 0;
  }
}
footer .footer-inner-container .footer-inner--section {
  width: 100%;
  padding: 0.5rem 0;
  float: left;
}
@media only screen and (min-width: 761px) {
  footer .footer-inner-container .footer-inner--section {
    width: 33.333%;
    padding: 1rem 0;
  }
}
footer .footer-inner-container ul.socialmedia-widget {
  text-align: right;
}
footer .footer-inner-container ul.socialmedia-widget li {
  margin: 0 0 0 6px;
  text-align: center;
}
footer .footer-inner-container ul.socialmedia-widget svg {
  top: 0;
}
footer .footer-inner-container ul.socialmedia-widget svg.svg-inline--fa {
  font-size: 1.3rem;
}
footer .footer-inner-container .footer-copyright {
  text-align: center;
}
footer .footer-inner-container .footer-terms ul li {
  display: inline;
}
footer .footer-inner-container .footer-terms ul li a {
  text-decoration: none;
}
footer .footer-inner-container .footer-social {
  float: right;
}
@media only screen and (max-width: 760px) {
  footer .footer-inner-container .footer-terms,
  footer .footer-inner-container ul.socialmedia-widget {
    text-align: center;
  }
}
.menu {
  position: relative;
  display: inline;
}
div#logo {
  max-width: 25%;
  align-items: center;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  div#logo {
    max-width: 65%;
  }
}
body.nav-active .page-body,
body.nav-active footer {
  opacity: 0.2;
}
.nav-up {
  top: -100px !important;
}
body.nav-hide header#header {
  margin-top: -100px;
}
a#defaut-logo {
  text-decoration: none;
  text-transform: uppercase;
}
body.body-tint .nav-up,
body.body-tint .nav-down {
  top: 0 !important;
}
body.body-tint #page-content {
  position: fixed;
}
body.body-tint .page-body {
  opacity: 0.4;
}
a.open-responsive-nav {
  position: relative;
  float: right;
  pointer-events: all;
}
#responsive-nav {
  left: -100%;
  right: 100%;
  top: 0;
  position: fixed;
  z-index: 1000;
}
#responsive-nav .mobile-menu--inner {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #responsive-nav .mobile-menu--inner {
    width: auto;
  }
}
#responsive-nav .mobile-menu--inner ul li {
  margin: 0 10px;
  line-height: 2;
  border: transparent;
}
#responsive-nav .mobile-menu--inner ul li a {
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 30px!important;
  line-height: 30px!important;
}
#responsive-nav .mobile-menu--inner .mobile-menu--signup {
  margin: 1rem auto;
  max-width: 400px;
  padding: 1rem 0;
  font-weight: bold;
}
#responsive-nav .mobile-menu--inner .mobile-menu--signup .indicates-required {
  display: none;
}
#responsive-nav .mobile-menu--inner .mobile-menu--signup #mc_embed_signup .message {
  font-size: 12px !important;
  line-height: 20px !important;
}
#responsive-nav .mobile-menu--inner .mobile-menu--signup #mc_embed_signup .clear {
  margin-bottom: 1rem;
}
#responsive-nav .mobile-menu--inner .mobile-menu--signup input#mc-embedded-subscribe {
  padding: 10px 15px !important;
}
.mobile-social-bar ul.socialmedia-widget {
  margin-left: 0;
}
.mobile-social-bar ul.socialmedia-widget li {
  margin: 0;
  border-top: none;
}
.js-nav-open {
  overflow: hidden;
  height: 100%;
}
.js-nav-open #responsive-nav {
  left: 0;
  right: 0;
}
.nav-style-doors .page-body {
  transform: translateX(0%);
}
.nav-style-doors nav#responsive-nav li {
  transform: translateY(0px) translateX(-20px);
}
.nav-style-doors nav#responsive-nav li.active {
  transform: translateY(0px) translateX(0px);
}
.nav-style-doors .mobile-menu--inner {
  width: inherit !important;
  max-width: 400px;
}
div#menu-responsive {
  display: table;
}
div#menu-responsive .mobile-menu--inner {
  display: table-cell;
  vertical-align: middle;
}
nav#main-nav {
  z-index: 50;
  display: inline-block;
}
nav#main-nav ul {
  position: relative;
  z-index: 49;
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  text-align: center;
}
nav#main-nav ul li {
  position: relative;
  z-index: 45;
  display: inline-block;
  margin: 0 10px 0 10px;
  padding: 0;
  min-width: 10px;
}
nav#main-nav > ul > li > a {
  height: 75px;
  line-height: 75px;
  display: block;
  text-decoration: none;
  position: relative;
  z-index: 45;
  width: auto;
  transition: all 200ms linear;
}
nav#main-nav > ul > li:hover > a {
  z-index: 48;
}
nav#main-nav ul li .sub-menu {
  position: relative;
  position: absolute;
  top: 100px;
  /* depending on the logo height + padding */
  left: 0px;
  background: #262626;
  width: 200px;
  padding: 5px 0;
  display: none;
  z-index: 47;
}
nav#main-nav ul .sub-menu li {
  float: none;
  margin: 0;
}
nav#main-nav ul .sub-menu li a {
  font-size: 12px;
  line-height: 20px;
  padding: 7px 20px;
  display: block;
}
nav#main-nav ul .sub-menu > li:hover > a,
nav#main-nav ul .sub-menu > li.current-menu-item > a {
  color: #ffffff;
}
nav#main-nav ul li ul li .sub-menu {
  position: absolute;
  top: 0px;
  left: 200px;
}
/* control nav when fixed & scrolled */
nav#menu-controls {
  display: none;
}
nav#menu-controls ul {
  position: relative;
  z-index: 49;
  margin: 0;
  padding: 0;
  list-style: none;
  /*overflow: hidden;*/
}
nav#menu-controls ul .sub-menu {
  display: none;
}
nav#menu-controls ul li {
  float: left;
  margin: 0 0 0 15px;
  padding: 20px 0;
  height: 60px;
  text-align: center;
  position: relative;
  width: 12px;
  transition: all 200ms linear;
}
nav#menu-controls > ul > li a {
  display: inline-block;
  color: #262626;
  padding: 2px;
  border: 1px solid transparent;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}
nav#menu-controls > ul > li.current-menu-item > a {
  border-color: #4da5f5;
}
nav#menu-controls > ul > li.current-menu-item > a span.c-dot {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
nav#menu-controls > ul > li a span.c-dot {
  display: block;
  height: 6px;
  width: 6px;
  background: #262626;
  border-radius: 50%;
}
nav#menu-controls > ul > li a:hover span.c-dot {
  background: #4da5f5;
}
nav#menu-controls > ul > li a span.c-name {
  position: absolute;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 10px;
  text-transform: uppercase;
  width: 100px;
  left: -44px;
  bottom: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity 0.2s ease-in-out;
}
nav#menu-controls > ul > li a:hover span.c-name {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* responsive nav on mobile view */
.open-responsive-nav {
  padding: 18px 0;
  text-indent: -9999px;
  display: block;
}
a.open-responsive-nav {
  z-index: 9999;
  display: none;
}
body#burger-menu-selected .menu {
  position: relative;
  float: right;
}
body#burger-menu-selected .header--social-bar.desktop-social-bar {
  display: none;
}
body#burger-menu-selected a.open-responsive-nav {
  display: block !important;
}
body#burger-menu-selected #menu-responsive {
  left: -100%;
}
body#burger-menu-selected nav#main-nav {
  display: none !important;
}
body#burger-menu-selected .page-body {
  top: 0;
}
body#burger-menu-selected #nav-icon3 span:nth-child(2),
body#burger-menu-selected #nav-icon3 span:nth-child(3) {
  top: 11px;
}
body#burger-menu-selected #nav-icon3 span:nth-child(4) {
  top: 19px;
}
body#burger-menu-selected #nav-icon1,
body#burger-menu-selected #nav-icon2,
body#burger-menu-selected #nav-icon3,
body#burger-menu-selected #nav-icon4 {
  width: 30px;
}
body#burger-menu-selected #nav-icon1 span,
body#burger-menu-selected #nav-icon3 span,
body#burger-menu-selected #nav-icon4 span {
  height: 2px;
}
.open-responsive-nav span {
  display: block;
  width: 40px;
  height: 40px;
  background: url('../images/sprites.png') -340px 0 no-repeat;
}
#menu-responsive {
  padding: 0;
  right: 100%;
  width: 100%;
  z-index: 99;
  overflow-y: scroll;
  bottom: 0;
  position: fixed;
}
body#burger-menu-selected li.menu-item a:before {
  margin-right: .5em;
  width: 0;
  content: "";
  height: 1px;
  vertical-align: super;
  display: inline-block;
  transition: width 0.3s cubic-bezier(0.17, 0.67, 0.35, 1);
  color: inherit;
  background-color: currentColor;
}
body#burger-menu-selected li.menu-item a:hover {
  margin-right: -0.5em;
}
body#burger-menu-selected li.menu-item a:hover:before {
  width: 1em;
}
nav#responsive-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav#responsive-nav ul li {
  margin: 0;
  padding: 0;
  position: relative;
}
nav#responsive-nav > ul > li:first-child {
  border-top: none;
}
nav#responsive-nav > ul li > a {
  display: block;
  text-transform: uppercase;
  line-height: 24px;
  padding: 8px 20px;
  transition: all 200ms linear;
}
nav#responsive-nav .sub-menu li a {
  display: block;
  text-transform: inherit;
  line-height: 20px;
  padding: 10px 20px 10px 40px;
  font-size: 12px;
}
nav#responsive-nav {
  transition: 0.5s;
}
nav#responsive-nav li {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: all 0.7s 0.8s ease-in-out;
}
nav#responsive-nav li.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
nav#responsive-nav .mobile-social-bar {
  width: 100%;
}
nav#responsive-nav .mobile-social-bar ul.socialmedia-widget {
  width: 100%;
  display: table;
}
nav#responsive-nav .mobile-social-bar ul.socialmedia-widget li a {
  margin: 0 auto;
}
nav#responsive-nav .mobile-menu--signup {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: all 1s 1s ease-in-out;
}
nav#responsive-nav .mobile-menu--signup.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
nav#responsive-nav li:nth-child(1) {
  transition-delay: 0.5s;
}
nav#responsive-nav li:nth-child(2) {
  transition-delay: 0.6s;
}
nav#responsive-nav li:nth-child(3) {
  transition-delay: 0.7s;
}
nav#responsive-nav li:nth-child(4) {
  transition-delay: 0.8s;
}
nav#responsive-nav li:nth-child(5) {
  transition-delay: 0.9s;
}
nav#responsive-nav li:nth-child(6) {
  transition-delay: 1s;
}
nav#responsive-nav li:nth-child(7) {
  transition-delay: 1.1s;
}
nav#responsive-nav li:nth-child(8) {
  transition-delay: 1.2s;
}
nav#responsive-nav li:nth-child(9) {
  transition-delay: 1.3s;
}
nav#responsive-nav li:nth-child(10) {
  transition-delay: 1.4s;
}
nav#responsive-nav li:nth-child(11) {
  transition-delay: 1.5s;
}
#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
  width: 60px;
  height: 45px;
  position: relative;
  margin: 5px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#nav-icon1.open:hover,
#nav-icon2.open:hover,
#nav-icon3.open:hover,
#nav-icon4.open:hover {
  transform: rotate(180deg);
  transition: 0.5s ease-in-out;
}
#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #ebf0ea;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
  top: 3px;
  transition: 0.3s;
}
#nav-icon3:hover span:nth-child(1) {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
#nav-icon3:hover span:nth-child(4) {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 19px;
}
#nav-icon3 span:nth-child(4) {
  top: 36px;
  transition: 0.3s;
}
#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.blend {
  mix-blend-mode: difference;
  transition: 2s;
}
.home-slider-container {
  width: 100%;
  position: relative;
  padding: 0;
}
.home-slider-container ul {
  margin-top: 0;
  margin-left: 0;
  list-style: none;
}
.home-slider-container ul li {
  line-height: 0;
  margin-top: 0;
}
.slick-arrow.slick-disabled {
  opacity: 0;
}
section {
  position: relative;
}
section .section-title.fill {
  -webkit-text-stroke: 1px #FFF;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(#FFF, #FFF);
  background-size: auto 4em;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-position-y: 0%;
}
.section-inner {
  position: relative;
  z-index: 1;
}
.no-padding .section-inner {
  padding-top: 0px;
}
.horizontalsection {
  position: relative;
}
.horizontalsection .horizontalinner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}
.acf-section {
  clear: both;
  padding-top: 4rem;
  padding-bottom: 4rem;
  overflow-x: hidden;
  /* fix chrome aprallax glitch */
  overflow: hidden;
}
.acf-section .section-inner {
  max-width: 95%;
  margin: 0 auto;
}
.promo_carousel.acf-section .section-inner {
  max-width: 100%;
}
.promo_carousel.acf-section .section-inner .slick-list {
  margin: 0;
}
.promo_carousel.acf-section .section-inner .slick-list .slick-slide {
  padding: 0;
}
.acf-section.section-1.clearfix {
  padding: 0;
  max-width: 100%;
}
body.blog .blog-thumbnail {
  height: 40vh;
}
body.blog .blog-entry {
  transition: 0.5s;
}
div .blog-entry:first-child {
  border: none;
  padding: 0;
  margin: 0;
}
.blog-media {
  margin-bottom: 1rem;
}
.blog-media .media-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.blog-media .media-list li {
  padding: 0;
  margin: 20px 0 0 0;
  list-style: none;
  background: none;
}
.blog-media .media-list li:first-child {
  margin: 0;
}
.post-name {
  margin-top: 0;
  line-height: 1.2;
  margin-bottom: 0 !important;
}
.blog-headline .post-name a {
  text-decoration: none;
}
.blog-headline .post-meta {
  color: #999999;
  margin-top: 5px;
  font-size: 13px;
  text-transform: uppercase;
}
.blog-headline .post-meta a {
  color: #999999;
}
.text-light .blog-headline .post-meta,
.text-light .blog-headline .post-meta a {
  color: #ffffff;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.blog-headline .post-meta a:hover {
  color: #262626;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity100)";
}
.text-light .blog-headline .post-meta a:hover {
  color: #ffffff;
}
.blog-intro {
  margin: 1rem 0;
}
.readmore-button {
  line-height: 20px;
  text-transform: uppercase;
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.1em;
  padding-bottom: 2px;
  display: inline-block;
}
.text-light .readmore-button {
  color: #ffffff;
  border-color: #ffffff;
}
.readmore-button:hover {
  border-color: #4da5f5;
}
/* Blog Quote post & Link post
----------------------------*/
.blog-content .quote-author,
.blog-content .link-name {
  color: #999999;
  margin-top: 10px;
  font-size: 13px;
  text-transform: uppercase;
}
/* Blog Masonry
----------------------------*/
.text-light #blog-grid .masonry-item {
  border-color: #666666;
}
.masonry-item .blog-media .flexslider {
  margin-bottom: 40px;
}
/* Blog Carousel
----------------------------*/
#blog-carousel .carousel-item {
  margin: 0 15px;
}
/* Blog Author
---------------------------------------- */
.blog-author {
  margin-top: 40px;
  padding: 20px;
  background: #ffffff;
}
.blog-author .author-image {
  width: 80px;
  float: left;
}
.blog-author .author-bio {
  width: 600px;
  float: right;
}
/* Blog Tags
---------------------------------------- */
.blog-tags {
  margin-top: 40px;
}
.blog-tags a {
  border: 1px solid #d9d9d9;
  display: inline-block;
  padding: 4px 8px;
  font-size: 11px;
  border-radius: 2px;
  color: #999999;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-right: 3px;
}
.blog-tags a:hover {
  border-color: #262626;
  color: #ffffff;
  background: #262626;
}
/* Blog comments
----------------------------*/
#blog-comments {
  border-top: 1px solid #d9d9d9;
  margin-top: 60px;
  padding-top: 60px;
}
#blog-comments ul {
  background: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#blog-comments .comment-list {
  margin-top: 40px;
}
#blog-comments .comment {
  background: none;
  padding: 0;
  margin-top: 30px;
  border-top: 1px solid #d9d9d9;
  padding-top: 30px;
  overflow: hidden;
}
#blog-comments .comment-list > .comment:first-child {
  border-top: none;
  margin-top: 0px;
  padding-top: 0px;
}
#blog-comments .comment .children {
  margin-left: 70px;
}
#blog-comments .user {
  float: left;
  width: 50px;
}
#blog-comments .comment-content {
  margin-left: 70px;
  position: relative;
}
#blog-comments .comment-date {
  color: #999999;
  font-size: 13px;
  font-family: 'Raleway';
  font-weight: 300;
}
#blog-comments .comment-text {
  margin-top: 20px;
}
#blog-comments #respond {
  margin-top: 40px;
}
/* Leave comment
----------------------------*/
#blog-leavecomment {
  margin-top: 60px;
}
/* Blog Pagination
----------------------------*/
#entries-pagination {
  margin: 60px 0 0 0;
  padding: 60px 0 0 0;
  list-style: none;
  border-top: 1px solid #d9d9d9;
}
#entries-pagination li {
  margin: 0;
  padding: 0;
}
#entries-pagination li.inactive {
  display: none;
}
#entries-pagination li a {
  background: url('../images/sprites.png') no-repeat;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  transition: opacity 0.1s ease-in-out;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
#entries-pagination li.next {
  float: right;
}
#entries-pagination li.next a {
  background-position: -220px 0px;
}
#entries-pagination li.prev {
  float: left;
}
#entries-pagination li.prev a {
  background-position: -250px 0px;
}
#entries-pagination li a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.column-section {
  margin-top: 60px;
}
div .column-section:first-child {
  margin-top: 0px;
}
.column {
  float: left;
  min-height: 1px;
}
.column .bg-col-inner {
  padding: 20px;
}
.one-full {
  width: 100%;
  float: none;
  margin-right: 0;
}
.one-half {
  width: 50%;
  float: left;
}
.one-third {
  width: 33.333%;
}
.two-third {
  width: 66.666%;
}
.one-fourth {
  width: 245px;
}
.two-fourth {
  width: 530px;
}
.three-fourth {
  width: 815px;
}
.one-fifth {
  width: 188px;
}
.two-fifth {
  width: 416px;
}
.three-fifth {
  width: 644px;
}
.four-fifth {
  width: 872px;
}
.main-content .one-half {
  width: 350px;
}
.main-content .one-third {
  width: 220px;
}
.main-content .two-third {
  width: 480px;
}
.main-content .one-fourth {
  width: 155px;
}
.main-content .two-fourth {
  width: 350px;
}
.main-content .three-fourth {
  width: 545px;
}
.main-content .one-fifth {
  width: 116px;
}
.main-content .two-fifth {
  width: 272px;
}
.main-content .three-fifth {
  width: 428px;
}
.main-content .four-fifth {
  width: 584px;
}
aside .column {
  width: 100% !important;
  float: none !important;
  margin-right: 0 !important;
}
.last-col {
  margin-right: 0px !important;
}
.google-map {
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.google-map img {
  max-width: inherit;
  height: auto;
}
a.mini-button {
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 2px;
}
a.small-button {
  font-size: 11px;
  padding: 10px 20px;
}
a.medium-button {
  font-size: 13px;
  padding: 12px 40px;
}
a.big-button {
  font-size: 16px;
  padding: 18px 50px;
}
a.sr-buttonicon {
  border-radius: 999px;
}
a.sr-buttonicon i {
  left: 0.08em;
  position: relative;
}
a.sr-buttonicon .fa-play {
  left: 0.2em;
}
a.sr-buttonicon.mini-button {
  padding: 4px;
  width: 24px;
  height: 24px !important;
  line-height: 24px !important;
}
a.sr-buttonicon.small-button {
  padding: 7px;
  width: 30px;
  height: 30px !important;
  line-height: 30px !important;
  font-size: 14px;
}
a.sr-buttonicon.medium-button {
  padding: 14px;
  width: 30px;
  height: 30px !important;
  line-height: 30px !important;
  font-size: 18px;
}
a.sr-buttonicon.big-button {
  padding: 20px;
  width: 30px;
  height: 30px !important;
  line-height: 30px !important;
  font-size: 22px;
}
/*  seperator
------------------------------------------------*/
.seperator {
  width: 100%;
  height: 4px;
  line-height: 0px;
  padding: 8px 0;
  text-align: center;
}
.section-title .seperator {
  padding: 16px 0;
}
.seperator span {
  height: 2px;
  background: #000000;
  display: inline-block;
  width: 100px;
  opacity: 0.15;
  filter: alpha(opacity=15);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
}
.text-light .seperator span {
  background: #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.seperator.size-full span {
  width: 100%;
}
.seperator.size-medium span {
  width: 220px;
}
.seperator.size-small span {
  width: 100px;
}
.seperator.size-mini span {
  width: 40px;
}
.seperator.height-1px span {
  height: 1px;
}
.seperator.height-2px span {
  height: 2px;
}
.seperator.height-3px span {
  height: 3px;
}
.seperator.height-4px span {
  height: 4px;
}
/*  Spacer
------------------------------------------------*/
.spacer {
  width: 100%;
  display: block;
}
.spacer.spacer-mini {
  height: 15px;
}
.spacer.spacer-small {
  height: 40px;
}
.spacer.spacer-medium {
  height: 60px;
}
.spacer.spacer-big {
  height: 100px;
}
/*  counter
------------------------------------------------*/
.counter {
  text-align: center;
  margin-top: 10px;
}
div .counter:fist-child {
  margin-top: 0px;
}
.counter-value {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 48px;
  line-height: 60px;
}
.counter-name {
  font-size: 13px;
  text-transform: uppercase;
  margin-top: 15px;
  letter-spacing: 0.1em;
}
/*  icon box
------------------------------------------------*/
.column .iconbox {
  margin-top: 40px;
}
.column .iconbox:first-child {
  margin-top: 0px;
}
.iconbox .fa {
  color: #4da5f5;
}
.position-right .fa {
  float: right;
}
.iconbox-content {
  float: right;
}
.position-right .iconbox-content {
  float: none;
  text-align: right;
}
.one-half .iconbox-content {
  width: 480px;
}
.one-third .iconbox-content {
  width: 290px;
}
.one-fourth .iconbox-content {
  width: 195px;
}
/*  team
------------------------------------------------*/
.team-role {
  margin-top: 3px;
}
.team-info {
  margin-top: 5px;
}
/*  testimonials
------------------------------------------------*/
.testimonial-slider {
  margin-top: 40px !important;
}
div .testimonial-slider:first-child {
  margin-top: 0px !important;
}
.testimonial-item {
  text-align: center;
}
.slides .testimonial-item {
  padding-bottom: 40px;
  /* flexslider bugfix */
}
.testimonial-name {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
/*  Tabs
------------------------------------------------*/
.tabs {
  margin-top: 20px;
}
div .tabs:first-child {
  margin-top: 0px;
}
.tabs ul.tab-nav {
  padding: 0;
  margin: 0;
  margin: 0 !important;
  list-style: none !important;
  position: relative;
  z-index: 1;
}
.tabs ul.tab-nav li {
  background: none;
  padding: 0 !important;
  float: left;
  margin: 0 30px 0 0 !important;
}
.tabs ul.tab-nav li a {
  color: #262626;
  text-transform: uppercase;
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 20px;
  padding-bottom: 2px;
  display: block;
  border-bottom: 2px solid transparent;
}
.text-light .tabs ul.tab-nav li a {
  color: #ffffff;
}
.tabs ul.tab-nav li a:hover,
.tabs ul.tab-nav li a.active {
  border-color: #4da5f5;
}
.tabs .tab-container {
  margin-top: 20px;
}
.tabs .tab-container .tab-content {
  float: left;
  display: none;
}
.tabs .tab-container .active {
  display: block;
}
/*  Toggle/Accordion
------------------------------------------------*/
.accordion {
  margin-top: 20px;
}
div .accordion:first-child {
  margin-top: 0px;
}
.toggle-item {
  margin-top: 20px;
}
div .toggle-item:first-child {
  margin-top: 0px;
}
.toggle-item .toggle-title {
  width: 100%;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.toggle-item .toggle-title .toggle-icon .fa {
  color: #262626;
  float: left;
  top: 5px;
  position: relative;
}
.text-light .toggle-item .toggle-title .toggle-icon .fa {
  color: #ffffff;
}
.toggle-icon .fa-plus {
  display: block;
}
.toggle-icon .fa-minus {
  display: none;
}
.toggle-active .fa-plus {
  display: none;
}
.toggle-active .fa-minus {
  display: block;
}
.toggle-item .toggle-title .toggle-name {
  float: left;
  margin: 0 0 0 20px;
}
.toggle-item .toggle-title:hover .toggle-icon .fa,
.toggle-item .toggle-active .toggle-icon .fa {
  color: #4da5f5 !important;
}
.toggle-item .toggle-inner {
  padding-top: 18px;
  display: none;
}
/*  Alerts
------------------------------------------------*/
.alert {
  margin-top: 20px;
}
div .alert:first-child {
  margin: 0;
}
.alert h6 {
  padding-bottom: 2px;
  border-bottom: 2px solid red;
  display: inline-block;
}
.alert-info h6 {
  border-color: #3fabf6;
  color: #3fabf6;
}
.alert-note h6 {
  border-color: #fcad25;
  color: #fcad25;
}
.alert-confirm h6 {
  border-color: #8fc236;
  color: #8fc236;
}
.alert-error h6 {
  border-color: #fa4d5a;
  color: #fa4d5a;
}
/*  Skills
------------------------------------------------*/
.skill {
  margin-top: 20px;
}
div .skill:first-child {
  margin-top: 0px;
}
.skill .skill-name {
  margin-bottom: 5px;
  display: block;
}
.skill .skill-bar {
  background: #d9d9d9;
  height: 8px;
  width: 100%;
  position: relative;
  border-radius: 2px;
}
.text-light .skill .skill-bar {
  background: #666666;
}
.skill .skill-bar .skill-active {
  background: #4da5f5;
  height: 100%;
  position: relative;
  border-radius: 2px;
  width: 0px;
}
.tooltip {
  position: absolute;
  width: 24px;
  height: 7px;
  line-height: 10px;
  line-height: 5px;
  padding: 8px 10px 6px 10px;
  font-size: 11px;
  text-align: center;
  color: #ffffff;
  background: #262626;
  border-radius: 2px;
  top: -20px;
  /* will be set to -30px through js */
  right: -5px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.text-light .tooltip {
  color: #262626;
  background: #ffffff;
}
.tooltip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: #262626 transparent transparent transparent;
  top: 21px;
  left: 18px;
}
.text-light .tooltip:after {
  border-color: #ffffff transparent transparent transparent;
}
/*  Pricing Table
------------------------------------------------*/
.pricing-table {
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  padding: 30px;
  margin: 20px 0;
}
.text-light .pricing-table {
  background: #262626;
  border: 1px solid #4d4d4d;
}
.pricing-accent {
  padding: 50px 30px;
  margin: 0;
}
.one-fourth .pricing-table {
  padding-left: 20px;
  padding-right: 20px;
}
.price-name {
  text-transform: uppercase;
  margin-bottom: 20px;
}
.text-light .price {
  color: #ffffff;
}
.pricing-accent .price {
  color: #4da5f5;
}
.price-amount {
  display: block;
  font-weight: 800;
  font-size: 70px;
  line-height: 70px;
  margin-bottom: 10px;
}
.one-fourth .price-amount {
  font-size: 60px;
  line-height: 60px;
}
.price-time {
  margin-top: 10px;
  display: block;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.price-button {
  margin-top: 40px;
}
.widget {
  position: relative;
  margin-top: 40px;
}
.div .widget:first-child,
aside .widget:first-child {
  margin-top: 0px;
}
/*  Widget with list
------------------------------------------------*/
.widget ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 0;
}
.widget ul li {
  padding: 8px 0;
  margin: 0;
  border-bottom: 1px solid #d9d9d9;
}
.widget ul li a {
  color: #262626;
}
.widget ul li a:hover {
  color: #4da5f5;
}
/*  Tag Widget
------------------------------------------------*/
.tag-list a {
  border: 1px solid #d9d9d9;
  display: inline-block;
  padding: 4px 8px;
  font-size: 11px;
  border-radius: 2px;
  color: #999999;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-right: 3px;
}
.tag-list a:hover {
  border-color: #262626;
  color: #ffffff;
  background: #262626;
}
/*  Search Widget
------------------------------------------------*/
#searchform label {
  display: none;
}
#searchform input[type="submit"] {
  display: none;
}
/*  Social Widget
------------------------------------------------*/
.socialmedia-widget {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
div .socialmedia-widget:first-child {
  margin: 0;
}
.socialmedia-widget li {
  display: inline-block;
  background: transparent;
  padding: 0px;
  margin: 0 0 0 6px;
  position: relative;
}
.socialmedia-widget li a {
  height: 20px;
  width: 30px;
  display: block;
  margin: 0;
}
.social-share li a {
  opacity: 0.3;
  filter: alpha(opacity=30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.text-light .social-share li a {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.socialmedia-widget li.facebook a {
  background-position: 0px top;
}
.socialmedia-widget li.twitter a {
  background-position: -30px top;
}
.socialmedia-widget li.thumblr a {
  background-position: -60px top;
}
.socialmedia-widget li.vimeo a {
  background-position: -90px top;
}
.socialmedia-widget li.dribbble a {
  background-position: -120px top;
}
.socialmedia-widget li.deviantart a {
  background-position: -150px top;
}
.socialmedia-widget li.behance a {
  background-position: -180px top;
}
.socialmedia-widget li.flickr a {
  background-position: -210px top;
}
.socialmedia-widget li.forrst a {
  background-position: -240px top;
}
.socialmedia-widget li.linkedin a {
  background-position: -270px top;
}
.socialmedia-widget li.rss a {
  background-position: -300px top;
}
.socialmedia-widget li.googleplus a {
  background-position: -330px top;
}
.socialmedia-widget li.pinterest a {
  background-position: -360px top;
}
.socialmedia-widget li.youtube a {
  background-position: -390px top;
}
.socialmedia-widget li.mail a {
  background-position: -420px top;
}
.socialmedia-widget li.instagram a {
  background-position: -450px top;
}
.socialmedia-widget li.xing a {
  background-position: -480px top;
}
.socialmedia-widget li.dropbox a {
  background-position: -510px top;
}
.text-light .socialmedia-widget li.facebook a {
  background-position: 0px -30px;
}
.text-light .socialmedia-widget li.twitter a {
  background-position: -30px -30px;
}
.text-light .socialmedia-widget li.thumblr a {
  background-position: -60px -30px;
}
.text-light .socialmedia-widget li.vimeo a {
  background-position: -90px -30px;
}
.text-light .socialmedia-widget li.dribbble a {
  background-position: -120px -30px;
}
.text-light .socialmedia-widget li.deviantart a {
  background-position: -150px -30px;
}
.text-light .socialmedia-widget li.behance a {
  background-position: -180px -30px;
}
.text-light .socialmedia-widget li.flickr a {
  background-position: -210px -30px;
}
.text-light .socialmedia-widget li.forrst a {
  background-position: -240px -30px;
}
.text-light .socialmedia-widget li.linkedin a {
  background-position: -270px -30px;
}
.text-light .socialmedia-widget li.rss a {
  background-position: -300px -30px;
}
.text-light .socialmedia-widget li.googleplus a {
  background-position: -330px -30px;
}
.text-light .socialmedia-widget li.pinterest a {
  background-position: -360px -30px;
}
.text-light .socialmedia-widget li.youtube a {
  background-position: -390px -30px;
}
.text-light .socialmedia-widget li.mail a {
  background-position: -420px -30px;
}
.text-light .socialmedia-widget li.instagram a {
  background-position: -450px -30px;
}
.text-light .socialmedia-widget li.xing a {
  background-position: -480px -30px;
}
.text-light .socialmedia-widget li.dropbox a {
  background-position: -510px -30px;
}
.socialmedia-widget li:hover a {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
}
.socialmedia-widget li.facebook:hover a {
  background-position: 0px bottom;
}
.socialmedia-widget li.twitter:hover a {
  background-position: -30px bottom;
}
.socialmedia-widget li.thumblr:hover a {
  background-position: -60px bottom;
}
.socialmedia-widget li.vimeo:hover a {
  background-position: -90px bottom;
}
.socialmedia-widget li.dribbble:hover a {
  background-position: -120px bottom;
}
.socialmedia-widget li.deviantart:hover a {
  background-position: -150px bottom;
}
.socialmedia-widget li.behance:hover a {
  background-position: -180px bottom;
}
.socialmedia-widget li.flickr:hover a {
  background-position: -210px bottom;
}
.socialmedia-widget li.forrst:hover a {
  background-position: -240px bottom;
}
.socialmedia-widget li.linkedin:hover a {
  background-position: -270px bottom;
}
.socialmedia-widget li.rss:hover a {
  background-position: -300px bottom;
}
.socialmedia-widget li.googleplus:hover a {
  background-position: -330px bottom;
}
.socialmedia-widget li.pinterest:hover a {
  background-position: -360px bottom;
}
.socialmedia-widget li.youtube:hover a {
  background-position: -390px bottom;
}
.socialmedia-widget li.mail:hover a {
  background-position: -420px bottom;
}
.socialmedia-widget li.instagram:hover a {
  background-position: -450px bottom;
}
.socialmedia-widget li.xing:hover a {
  background-position: -480px bottom;
}
.socialmedia-widget li.dropbox:hover a {
  background-position: -510px bottom;
}
/*  Recent Tweets Widget
------------------------------------------------*/
.tp_recent_tweets {
  max-width: 100%;
  width: 100%;
  float: none;
  clear: inherit;
}
.widget .tp_recent_tweets li {
  background: none;
  word-wrap: break-word;
  float: none;
  clear: inherit;
}
.widget .tp_recent_tweets li a {
  font-weight: normal;
}
.widget .tp_recent_tweets .twitter_time {
  color: #b3b3b3;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}
/* Flickr Widget & Dribble Widget
------------------------------------------------*/
.flickr-widget .flickr-list,
.dribbble-widget .dribbble-list {
  width: 107%;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}
.flickr-widget .flickr-list li,
.dribbble-widget .dribbble-list li {
  width: 22.2%;
  margin: 0 1.5% 1.5% 0;
  float: left;
  overflow: hidden;
  background: none;
  border: none;
  padding: 0;
}
.flickr-widget .flickr-list li img,
.dribbble-widget .dribbble-list li img {
  display: block;
}
.flickr-widget .flickr-list li:hover,
.dribbble-widget .dribbble-list li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.imgoverlay {
  position: relative;
  overflow: hidden;
  display: block;
  max-width: 100%;
  -webkit-backface-visibility: hidden;
}
.imgoverlay img,
.imgoverlay div.archive-video-thumbnail img,
.imgoverlay div.related-news--thumb {
  transition: all 0.4s ease;
  max-width: none;
  width: 100%;
}
.imgoverlay:hover > img,
.imgoverlay:hover > .article-image,
.imgoverlay.overlay-active div.article-image,
.imgoverlay:hover > div.archive-video-thumbnail img,
.imgoverlay:hover > div.related-news--thumb,
.article-image--wrapper:hover .imgoverlay div.article-image {
  transform: scale(1.07);
  transform: scale(1.05) !important;
  mix-blend-mode: color-burn;
  filter: grayscale(100%);
  transition: all 0.5s ease;
}
.imgoverlay .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0 !important;
  z-index: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity 0.3s ease;
}
.imgoverlay:hover .overlay,
.imgoverlay.overlay-active .overlay {
  left: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.imgoverlay .overlaycolor {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
}
.imgoverlay:hover .overlaycolor {
  opacity: 0.8;
}
.imgoverlay .overlayinfo,
.imgoverlay.overlay-active .overlayinfo {
  width: 100%;
  text-align: center;
  display: block;
  position: absolute;
  top: 40%;
  left: 0;
  transition: top 0.3s ease;
}
.imgoverlay:hover .overlayinfo,
.imgoverlay.overlay-active .overlayinfo,
.article-image--wrapper:hover .imgoverlay .overlayinfo {
  top: 50% !important;
}
.overlayinfo h6 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.loader-icon {
  position: relative;
  z-index: 0;
  width: 24px;
  height: 24px;
}
.loader-icon span {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  border: 2px solid #d9d9d9;
  border-radius: 50%;
}
.loader-icon .spinner {
  z-index: 1;
  border-color: #262626;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#load-more {
  text-align: center;
  position: relative;
  margin-top: 40px;
}
#load-more .loader-icon {
  position: absolute;
  bottom: -34px;
  left: 50%;
  margin-left: -12px;
  display: none;
}
.text-light #load-more a.sr-button {
  border: 2px solid #ffffff;
  color: #ffffff;
  background: transparent;
}
.sr-animation {
  position: relative;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all 0.7s ease;
}
.sr-animation-fromtop {
  top: -50px;
}
.sr-animation-frombottom {
  top: 50px;
}
.sr-animation-fromleft {
  left: -30px;
}
.sr-animation-fromright {
  left: 30px;
}
.sr-animation-zoomin {
  transform: scale(0);
}
.sr-animation-zoomout {
  transform: scale(1.5);
}
.sr-animation.animated {
  top: 0;
  left: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  height: 100%;
  max-height: 100%;
  transform: scale(1);
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightQuick {
  from {
    opacity: 0;
    transform: translate3d(25%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightQuick {
  animation-name: fadeInRightQuick;
  animation-duration: 0.5s;
  transition: all 0.2s ease-in-out;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
.page-body .button,
div.button,
.page-body input[type="submit"],
#mc_embed_signup input#mc-embedded-subscribe,
#mc-embedded-subscribe,
.bit-button,
.bit-widget .bit-event .bit-button,
.rev-btn {
  min-width: 160px;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 12px 40px;
  margin: 5px;
  cursor: pointer;
  transition: 0.3s;
  color: inherit;
  font-weight: inherit !important;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1);
  text-align: center !important;
}
.page-body .button a,
div.button a,
.page-body input[type="submit"] a,
#mc_embed_signup input#mc-embedded-subscribe a,
#mc-embedded-subscribe a,
.bit-button a,
.bit-widget .bit-event .bit-button a,
.rev-btn a {
  text-decoration: none;
}
.page-body .button:hover,
div.button:hover,
.page-body input[type="submit"]:hover,
#mc_embed_signup input#mc-embedded-subscribe:hover,
#mc-embedded-subscribe:hover,
.bit-button:hover,
.bit-widget .bit-event .bit-button:hover,
.rev-btn:hover {
  transform: scale(1) !important;
  color: inherit !important;
}
.bit-button,
.bit-widget .bit-event .bit-button {
  padding: 12px 30px;
}
#mc_embed_signup input#mc-embedded-subscribe:hover,
.page-body input[type="submit"]:hover {
  color: initial !important;
}
.live-tour-dates-list .button {
  width: 160px;
  padding: 12px 0;
}
.page-body .rev-btn .button {
  margin: 0;
}
button.button.no-hover {
  pointer-events: none;
}
button.button.no-hover span {
  text-decoration: line-through;
}
input#mc-embedded-subscribe {
  border: 1px solid #d8d8d8;
}
.rev_slider div.button {
  border: none !important;
}
.rev_slider_wrapper div.button {
  border: none;
}
#section-latestnews .news-item.related-news {
  position: relative;
}
body.page .button,
body.page .button.slide--sub-text,
body.page a.songkick-date-toggler button,
body.page .news-article--button .button,
body.page .release-thumbnail--links .button {
  text-decoration: none;
  position: relative;
}
body.page .button.button-close span:after,
body.page .button.slide--sub-text.button-close span:after,
body.page a.songkick-date-toggler button.button-close span:after,
body.page .news-article--button .button.button-close span:after,
body.page .release-thumbnail--links .button.button-close span:after {
  content: '';
  background: url('../images/svg/multiply-white.png');
  background-size: cover;
  background-repeat: no-repeat;
}
input#mc-embedded-subscribe {
  letter-spacing: 0 !important;
}
input#mc-embedded-subscribe {
  margin: 0 auto !important;
  padding: 10px 20px !important;
}
/* NEW BUTTONS */
.btn-0,
.btn-1,
.btn-2,
.btn-3 {
  overflow: hidden;
}
.btn-0:before,
.btn-1:before,
.btn-2:before,
.btn-3:before,
.btn-0:after,
.btn-1:after,
.btn-2:after,
.btn-3:after {
  z-index: -1;
  box-sizing: border-box;
  transition: 0.3s ease-in-out;
}
/* SWIPE */
.btn-0:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
}
.btn-0:hover {
  color: #d8dddf;
}
.btn-0:hover:before {
  transform: translateX(0);
}
/* DIAGONAL */
.btn-1:before {
  content: '';
  position: absolute;
  top: 0;
  right: -50px;
  bottom: 0;
  left: 0;
  border-right: 50px solid transparent;
  border-bottom: 80px solid #283a2c;
  -webkit-transform: translateX(-100%);
}
.btn-1:hover:hover:before {
  transform: translateX(0);
}
/* DOORS */
.btn-2:before,
.btn-2:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.btn-2:before {
  right: -50px;
  border-right: 50px solid transparent;
  border-bottom: 80px solid #395b59;
  transform: translateX(-100%);
}
.btn-2:after {
  left: -50px;
  border-left: 50px solid transparent;
  border-top: 80px solid #395b59;
  transform: translateX(100%);
}
.btn-2:hover:before {
  transform: translateX(-49%);
}
.btn-2:hover:after {
  transform: translateX(49%);
}
.btn-3:hover span:before {
  background: transparent;
}
.btn-3:before,
.btn-3:after,
.btn-3 span:before,
.btn-3 span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 80px;
  background-color: rgba(38, 17, 27, 0.25);
  transition: 0.4s;
}
.btn-3:after,
.btn-3 span:before {
  left: auto;
  right: 0;
}
.btn-3 span:before,
.btn-3 span:after {
  transition-delay: 0.4s;
}
.btn-3:hover:before,
.btn-3:hover:after,
.btn-3:hover span:before,
.btn-3:hover span:after {
  width: 250px;
}
/*----------------------------------------------
21. THIRD PARTY PLUGINS
------------------------------------------------*/
.tp-leftarrow.custom,
.tp-rightarrow.custom,
.tp-leftarrow.default,
.tp-rightarrow.default {
  width: 40px !important;
  height: 40px !important;
  cursor: pointer;
  background: transparent url('../images/sprites.png') no-repeat !important;
}
.tp-leftarrow.custom:before,
.tp-rightarrow.custom:before {
  content: "" !important;
}
.tp-rightarrow.custom,
.tp-rightarrow.default {
  background-position: 0px 0px !important;
}
.tp-leftarrow.custom,
.tp-leftarrow.default {
  background-position: -40px 0px !important;
}
.tp-bullets.custom .tp-bullet {
  background: #ffffff !important;
  width: 6px;
  height: 6px;
  border: 1px solid transparent;
  border-radius: 12px;
}
.tp-bullets.custom .tp-bullet.selected {
  background: none !important;
  padding: 2px;
  border: 1px solid #ffffff;
  transform: translateX(-2px) translateY(-2px);
}
.typed-cursor {
  opacity: 1;
  animation: blink 0.7s infinite;
}
.admin-bar .mfp-close {
  top: 40px;
}
.admin-bar .mfp-share {
  top: 40px;
}
/*body{
  &.zoom{
    #page-content{
      transform: scale(1.1);
      transition: all 0.1s ease-in-out;
    }
  }
  #page-content{
    transform: scale(1);
    transition: all 0.1s ease-in-out;
  }
}*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 20px;
  height: 20px;
  line-height: 44px;
  position: absolute;
  left: 20px;
  top: 15px;
  text-decoration: none;
  text-align: center;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-size: 2em;
  background-color: transparent !important;
  transition: all 0.2s ease-in-out;
  opacity: 1;
}
.mfp-close:hover {
  background-color: transparent !important;
}
.mfp-close .st0 {
  stroke-width: 2px;
}
@media screen and (max-width: 685px) {
  .mfp-close {
    font-size: 3em;
  }
}
.mfp-close:hover {
  left: 15px;
  opacity: 1;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  display: none;
}
.mfp-nav {
  position: absolute;
  z-index: 1046;
  margin: 0;
  top: 50%;
  margin-top: -1em;
  padding: 0;
  width: 1.5em;
  height: 2em;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: medium inset transparent;
  background: transparent;
  color: #fff;
  font-size: 3em;
  cursor: pointer;
}
.mfp-nav span {
  position: relative;
  z-index: -1;
}
@media screen and (max-width: 685px) {
  .mfp-nav {
    background-color: rgba(0, 0, 0, 0.5);
    top: auto;
    bottom: 0;
  }
}
.mfp-nav-left {
  left: 0px;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  height: 30px;
  width: 30px;
  padding: 30px 30px 30px 20px;
  background: rgba(0, 0, 0, 0.4);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mfp-nav-left:hover {
  left: -5px;
  opacity: 1;
}
.mfp-nav-right {
  right: 0px;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  height: 30px;
  width: 30px;
  padding: 30px 20px 30px 30px;
  background: rgba(0, 0, 0, 0.4);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.mfp-nav-right:hover {
  right: -5px;
  opacity: 1;
}
.mfp-arrow {
  position: absolute;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 90%;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.mfp-iframe-scaler {
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  transition-delay: 1s !important;
}
.mfp-ready .mfp-iframe-scaler {
  /* add delay to stop showing YT thumb first */
  opacity: 1;
  transition: all 0.4s ease-in-out 0s;
  transition-delay: 1.8s !important;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -96px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
  padding: 40px 0;
  transition: all 0.2s ease-in-out;
}
.mfp-title {
  text-align: center;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  transform: scale(0.8);
  opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
/**
 * Fade-move animation for second dialog
 */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  transition: all 0.2s ease-out;
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  transform: translateY(0) perspective(600px) rotateX(0);
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}
/*

====== 3d unfold ======

*/
.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-3d-unfold .mfp-content {
  perspective: 2000px;
}
.mfp-3d-unfold .mfp-figure {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-figure {
  opacity: 1;
  transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.95;
}
.mfp-3d-unfold.mfp-removing .mfp-figure {
  transform: rotateY(60deg);
  opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}
/*====== Zoom effect ====== */
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-content {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-content {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.95;
}
.mfp-zoom-in.mfp-removing .mfp-content {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
/*====== Slide effect ====== */
.mfp-slide-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-slide-in .mfp-content {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: translate3d(25%, 0, 0);
}
.mfp-slide-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-slide-in.mfp-ready .mfp-content {
  opacity: 1;
  transform: none;
}
.mfp-slide-in.mfp-ready.mfp-bg {
  opacity: 0.95;
}
.mfp-slide-in.mfp-removing .mfp-content {
  transform: translate3d(-25%, 0, 0);
  opacity: 0;
}
.mfp-slide-in.mfp-removing.mfp-bg {
  opacity: 0;
}
/*------------------------------------*\
@OVERLAYS
\*------------------------------------*/
.mfp-content .video-title {
  position: absolute;
  width: 100%;
  text-align: center;
  font-weight: normal;
  font-size: 27px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.05;
}
@media screen and (max-width: 450px) {
  .mfp-content .video-title {
    font-size: 14px;
    padding-right: 0;
  }
}
#close-wrapper {
  width: 100%;
  display: inline-block;
  height: 60px;
  position: relative;
  z-index: 9999;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
  background: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
  transition: all 0.2s ease-in-out;
}
/*------------------------------------*\
@INACTIVE (IDLE) STATES
\*------------------------------------*/
.mfp-inactive .mfp-bottom-bar {
  margin-top: 100%;
  transition: all 0.2s ease-in-out;
}
.mfp-inactive #close-wrapper {
  margin-top: -60px;
  transition: all 0.2s ease-in-out;
}
.mfp-inactive .mfp-nav-right,
.mfp-inactive .mfp-arrow-right {
  right: -100px;
  transition: all 0.2s ease-in-out;
}
.mfp-inactive .mfp-nav-left,
.mfp-inactive .mfp-arrow-left {
  left: -100px;
  transition: all 0.2s ease-in-out;
}
/*------------------------------------*\
@SHARING
\*------------------------------------*/
.st0 {
  stroke-width: 2px;
}
button.mfp-arrow {
  background: transparent;
  height: 30px;
}
button.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
  transform: rotate(180deg);
}
.mfp-share {
  position: absolute;
  top: 15px;
  right: 20px;
}
.mfp-share div {
  display: inline-block;
}
.mfp-share .zoom-button {
  right: 0px;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  height: 20px;
  width: 20px;
  margin-right: 15px;
  transform: scale(1);
}
.mfp-share .zoom-button .st0 {
  stroke-width: 2px;
}
.mfp-share .zoom-button:hover {
  opacity: 1;
  transform: scale(1.1);
  cursor: pointer;
}
.mfp-share .share-button {
  right: 0px;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  height: 20px;
  width: 20px;
}
.mfp-share .share-button svg {
  stroke: #ffffff;
  position: relative;
}
.mfp-share .share-button .st1 {
  color: #ffffff;
  stroke-width: 2px;
}
.mfp-share .share-button:hover {
  opacity: 1;
  cursor: pointer;
}
.mfp-share .share-button:hover:before {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
}
.mfp-share .share-button:hover .share-list {
  top: 0px;
  transition: all 0.2s ease-in-out;
  opacity: 1;
}
.mfp-share .share-button .share-list {
  opacity: 0;
  top: -100px;
  position: absolute;
  padding-top: 30px;
  transition: all 0.2s ease-in-out;
}
.mfp-share .share-button .share-list li {
  list-style: none;
  padding: 10px 1px;
  font-size: 18px;
  text-align: center;
}
.mfp-share .share-button .share-list li a {
  color: #FFF;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.mfp-share .share-button .share-list li a:hover {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.bold {
  font-weight: bold;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
}
.awesome {
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
}
.default-transition {
  transition: all 0.25s ease-out;
}
/*------------------------------------*\
                  TABS
\*------------------------------------*/
.tabs {
  position: relative;
  z-index: 10;
  text-align: left;
}
.tabs .tabs--control {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.tabs .tabs--control-inner {
  position: relative;
}
.tabs .tabs--control-inner .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.tabs .tab--control {
  border-top: 1px solid rgba(255, 255, 255, 0.75);
  border-left: 1px solid rgba(255, 255, 255, 0.75);
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.09rem;
  text-align: center;
  text-transform: uppercase;
}
.tabs .tab--control:last-child {
  position: relative;
  background: none;
  border-right: 1px solid rgba(255, 255, 255, 0.75);
}
.tabs .tab--control span {
  display: block;
  min-width: 10rem;
  padding: 1rem 2rem;
}
.tabs .tab--control:hover span,
.tabs .tab--control.active span {
  color: #000;
  background: rgba(255, 255, 255, 0.75);
}
.tabs .tab--control:first-of-type span {
  padding-left: 3rem;
}
.tabs .tabs--area {
  background: rgba(255, 255, 255, 0.75);
}
.tabs .tab {
  display: none;
  padding: 2rem 4rem 0;
}
.tabs .tab.active {
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 440px) {
  .tabs .tab {
    padding: 0 0.5rem;
  }
  .tabs .tab--control span {
    min-width: 5rem;
    padding: 0 1rem;
  }
  .tabs .tab--control:first-of-type span {
    padding-left: 1.25rem;
  }
}
.tabs .tab-container {
  margin-top: 20px;
}
.tabs .tab-container .tab-content {
  float: left;
  display: none;
}
.tabs .tab-container .active {
  display: block;
}
/*------------------------------------*\
                  TV
\*------------------------------------*/
#player {
  position: relative;
  margin: 0 auto;
  padding: 0;
  z-index: 3;
  max-width: 1280px;
}
#player .articles-inner {
  position: relative;
  overflow: hidden;
  max-height: 60vh;
  padding-right: 1.5rem;
}
#player .subscribe {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0;
  font-size: 0.908125rem;
  transform: translateY(-50%);
}
#player .subscribe span {
  padding: 0.25rem 0.45rem;
}
#player .subscribe .fa {
  margin-right: 0.5rem;
}
#player .ps-container .ps-scrollbar-y {
  right: -0.3rem;
  width: .75rem;
  background: rgba(255, 255, 255, 0.75);
}
#player .ps-container > .ps-scrollbar-y-rail {
  opacity: 1;
  background: #000;
}
@media screen and (max-width: 768px) {
  #player {
    margin: 0 auto;
    padding: 0;
  }
  #player .tabs .tab--control {
    font-size: 1rem;
  }
  #player .tv--footer {
    margin: 0 1.25rem 1.25rem;
    padding: 0;
    overflow: hidden;
  }
  #player .up-next {
    display: block;
    display: none;
    width: auto;
  }
  #player .subscribe {
    top: auto;
    right: 50%;
    bottom: -3rem;
    transform: translateX(50%);
  }
  #player .tv--container {
    padding: 2rem 0;
  }
  #player .tv--title {
    margin-bottom: 2rem;
    font-size: 5rem;
  }
  #player .tabs--control {
    position: static;
  }
  #player .tabs .tab--control {
    width: 33%;
    font-size: 0.75rem;
  }
  #player .tabs .tab--control span {
    padding: 0.75rem 0;
    min-width: 0;
  }
  #player .tabs--control-inner:before {
    display: block;
    width: 5em;
    background: #252525;
  }
  #player .tab {
    padding: 1rem 1rem 0;
  }
  #player .navbar {
    padding-top: 1rem;
    display: block;
    display: none;
    line-height: 1.5rem;
  }
  #player .currently-playing,
  #player .up-next {
    padding: 0;
    display: block;
    text-align: left;
    line-height: 1.3;
  }
  #player .currently-playing .label,
  #player .up-next .label {
    padding: 0;
  }
  #player .up-next {
    display: none;
  }
  #player .up-next .label {
    display: block;
  }
  #player .currently-playing {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.75);
    border-color: #000;
  }
}
@media screen and (max-width: 440px) {
  #player {
    padding-bottom: 3rem;
  }
}
.videos > img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.videos .tv--container {
  padding: 0;
  position: relative;
  z-index: 5;
}
.videos .tv--footer {
  position: relative;
  padding: 2rem 4rem;
}
.videos .tv--tabs {
  position: relative;
  z-index: 10;
}
.videos .tabs--area {
  position: relative;
  background: rgba(255, 255, 255, 0.75);
  overflow: hidden;
}
.videos .tabs--area .tab {
  display: none;
}
.videos .tabs--area .active {
  display: block;
}
.videos .tabs--control {
  white-space: nowrap;
  overflow: hidden;
}
.videos .tab--control {
  background: none;
}
.videos .tab {
  padding: 2rem 4rem 0;
}
.videos .navbar {
  width: 100%;
  display: table;
  display: none;
  overflow: hidden;
  margin: 0 auto;
  color: #000;
  font-weight: bold;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.videos .currently-playing,
.videos .up-next {
  display: table-cell;
  vertical-align: top;
  padding: 1.5rem 0;
  line-height: 1.1;
}
.videos .currently-playing .label,
.videos .up-next .label {
  display: block;
  padding-bottom: 0.15rem;
}
.videos .currently-playing {
  text-align: left;
}
.videos .currently-playing .label {
  display: none;
  cursor: pointer;
  text-decoration: underline;
}
.videos .currently-playing .label:before {
  content: '\f03a';
  padding-right: 0.5rem;
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
}
.videos .currently-playing.featured {
  margin: 0;
}
.videos .currently-playing.featured .label {
  display: none;
}
.videos .currently-playing.featured .currently-playing--name {
  display: inline-block;
}
.videos .currently-playing--name {
  display: inline-block;
}
.videos .up-next {
  display: none;
  width: 45%;
  text-align: right;
}
.videos .up-next .js-play-video {
  cursor: pointer;
  text-decoration: underline;
}
@media screen and (max-width: 1024px) {
  .videos .current-playlist .vd .play-button {
    display: none;
  }
}
.videos .current-playlist-name {
  padding: 0 0 0.75rem;
  margin: 0 0 1rem;
  font-size: 1.45rem;
  color: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
  border-color: #000;
}
@media screen and (max-width: 768px) {
  .videos .current-playlist-name {
    padding: 0 0 0.5rem;
    margin: 0 2rem 0.75rem 0.75rem;
    font-size: 1.35rem;
  }
}
.videos .current-video {
  position: relative;
  margin: 0 auto;
}
.videos .current-video img {
  display: block;
}
.videos .current-video span {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8em;
  height: 8em;
  background: url(../images/play-icon.png) no-repeat;
  background-size: cover;
}
.videos .current-video .spinner {
  margin: 3rem auto;
}
.playlists {
  padding: 0.75em;
}
.playlists .articles {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .playlists .vd__playlist {
    position: relative;
  }
  .playlists .vd__playlist .image {
    height: 8rem;
  }
  .playlists .vd__playlist .video--image {
    position: absolute;
    height: 100%;
    max-width: none;
    transform: translate(-50%, -50%);
  }
  .playlists .vd__playlist .meta {
    width: 100%;
    text-align: center;
  }
  .playlists .vd__playlist .meta .button {
    font-size: 1rem;
  }
}
@media screen and (max-width: 440px) {
  .playlists .vd__playlist .meta .button {
    font-size: 0.85rem;
  }
}
.vd__playlist .meta {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.75);
}
.vd__playlist .meta .button {
  font-weight: bold;
  font-size: 1.453125rem;
}
.vd__playlist .meta .button > span {
  padding: 0.5rem 2rem;
}
.vd__playlist .number {
  display: inline-block;
}
/*------------------------------------*\
                  VIDEOS
\*------------------------------------*/
.videos {
  padding: 0;
}
.videos .vd {
  width: 33.33333333%;
}
@media all and (max-width: 768px) {
  .videos .vd {
    width: 50%;
  }
}
.videos .articles {
  margin: 0 -0.75rem;
}
.vd {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  color: #000;
}
.vd:hover .video-inner:after {
  visibility: visible;
  transform: scaleX(1);
}
.vd .title {
  line-height: 1.3;
  overflow: hidden;
  margin: 0.75rem 0;
  font-size: 0.908125rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vd .video-inner {
  position: relative;
  display: block;
  padding: 0 0.75rem 0.75rem;
  margin-bottom: 0;
  overflow: hidden;
  text-decoration: none;
}
.vd .video-inner:after {
  content: "";
  position: absolute;
  height: 2px;
  bottom: 1rem;
  left: 0.75rem;
  right: 0.75rem;
  background-color: #FFF;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
.vd .vd__media:after {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.25s ease-out;
  background: rgba(83, 83, 83, 0.5);
}
.vd .vd__media:hover:after {
  opacity: 1;
}
.vd .image {
  position: relative;
  height: 12.5rem;
  overflow: hidden;
}
.vd .video--image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  min-width: 100%;
  max-width: none;
}
@media screen and (max-width: 768px) {
  .vd {
    position: relative;
  }
  .vd .title {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.1;
    white-space: normal;
  }
  .vd .image {
    height: auto;
    margin-bottom: 0.5rem;
  }
  .vd .video--image {
    position: static;
    transform: none;
    max-width: 100%;
  }
  .vd .play-button {
    display: block;
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
  }
}
.featured {
  padding: 2rem 0 0;
  margin: 0 -1rem;
}
.featured-playlist {
  display: inline-block;
  width: 50%;
  height: 14rem;
  padding: 0 1rem;
  text-align: left;
}
.featured-playlist .inner {
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.75);
}
.featured-playlist .col {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}
.featured-playlist .fp__media {
  position: relative;
}
.featured-playlist .fp__media:after {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.25s ease-out;
  background: rgba(83, 83, 83, 0.5);
}
.featured-playlist .fp__media:hover:after {
  opacity: 1;
}
.featured-playlist .fp__title {
  padding: 0 1rem;
  color: #000;
  font-size: 1.45rem;
  line-height: 1.1;
}
.featured-playlist .fp__title span {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 1.09rem;
}
.featured-playlist .fp__play {
  display: none;
}
@media screen and (max-width: 768px) {
  .featured-playlist {
    width: 100%;
    height: auto;
  }
  .featured-playlist:first-child {
    margin-bottom: 1.25rem;
  }
  .featured-playlist .fp__title {
    font-size: 1.05rem;
  }
  .featured-playlist .fp__title span {
    font-size: 0.75rem;
  }
}
#easy-opener-section {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10001;
  display: none;
}
.easy-opener-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #0d0d0d;
  z-index: -1;
  opacity: 0.97;
  filter: alpha(opacity=97);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=97)";
}
.easy-opener-content {
  width: 1000px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -500px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  text-align: center;
}
.easy-opener-content img {
  max-width: 100%;
  max-height: 100%;
}
.easy-opener-close {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(../images/sprites.png) -280px 0px no-repeat;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  -ms-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  position: absolute;
  top: -60px;
  left: 50%;
  margin-left: -15px;
}
.easy-opener-next {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(../images/sprites.png) -160px 0px no-repeat;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  -ms-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  position: absolute;
  top: -60px;
  right: 50%;
  margin-right: -50px;
}
.easy-opener-prev {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(../images/sprites.png) -190px 0px no-repeat;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  -ms-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  position: absolute;
  top: -60px;
  left: 50%;
  margin-left: -50px;
}
.easy-opener-close:hover,
.easy-opener-next:hover,
.easy-opener-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
/* perfect-scrollbar v0.8.0 */
.ps {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
  display: block;
  background-color: transparent;
}
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px;
}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999;
  width: 11px;
}
.ps > .ps__scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps__scrollbar-x-rail */
  height: 15px;
}
.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  -o-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  -moz-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps__scrollbar-x */
  height: 6px;
}
.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x,
.ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
  height: 11px;
}
.ps > .ps__scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 0;
  /* there must be 'right' for ps__scrollbar-y-rail */
  width: 15px;
}
.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  -o-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  -moz-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out;
  right: 2px;
  /* there must be 'right' for ps__scrollbar-y */
  width: 6px;
}
.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y,
.ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
  width: 11px;
}
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px;
}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999;
  width: 11px;
}
.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail {
  opacity: 0.6;
}
.ps:hover > .ps__scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: #999;
}
.ps:hover > .ps__scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: #999;
}
.fancybox-enabled {
  overflow: hidden;
}
.fancybox-enabled body {
  overflow: visible;
  height: 100%;
}
.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
  z-index: 99992;
}
.fancybox-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f0f11;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.fancybox-container--ready .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  z-index: 99994;
  transition: opacity .2s;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  direction: ltr;
}
.fancybox-show-controls .fancybox-controls {
  opacity: 1;
}
.fancybox-infobar {
  display: none;
}
.fancybox-show-infobar .fancybox-infobar {
  display: inline-block;
  pointer-events: all;
}
.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
}
.fancybox-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  pointer-events: all;
}
.fancybox-show-buttons .fancybox-buttons {
  display: block;
}
.fancybox-slider-wrap {
  overflow: hidden;
  direction: ltr;
}
.fancybox-slider-wrap,
.fancybox-slider {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
}
.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
}
.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}
.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
}
.fancybox-slide--image {
  overflow: hidden;
}
.fancybox-slide--image::before {
  display: none;
}
.fancybox-content {
  display: inline-block;
  position: relative;
  margin: 44px auto;
  padding: 0;
  border: 0;
  width: 80%;
  height: calc(100% - 88px);
  vertical-align: middle;
  line-height: normal;
  text-align: left;
  white-space: normal;
  outline: none;
  font-size: 16px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
}
.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
  background: transparent;
}
.fancybox-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  background: transparent;
  background-size: 100% 100%;
}
.fancybox-controls--canzoomOut .fancybox-placeholder {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.fancybox-controls--canzoomIn .fancybox-placeholder {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.fancybox-controls--canGrab .fancybox-placeholder {
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox-controls--isGrabbing .fancybox-placeholder {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}
.fancybox-error {
  position: absolute;
  margin: 0;
  padding: 40px;
  top: 50%;
  left: 50%;
  width: 380px;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  cursor: default;
}
.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer;
}
.fancybox-close-small:after {
  content: '×';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background: #fff;
  transition: background .2s;
  box-sizing: border-box;
  z-index: 2;
}
.fancybox-close-small:focus:after {
  outline: 1px dotted #888;
}
.fancybox-slide--video .fancybox-close-small {
  top: -36px;
  right: -36px;
  background: transparent;
}
.fancybox-close-small:hover:after {
  color: #555;
  background: #eee;
}
/* Caption */
.fancybox-caption-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  z-index: 99998;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  opacity: 0;
  transition: opacity .2s;
  pointer-events: none;
}
.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
}
.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none;
}
.fancybox-caption a,
.fancybox-caption button {
  pointer-events: all;
}
.fancybox-caption a {
  color: #fff;
  text-decoration: underline;
}
/* Buttons */
.fancybox-button {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
  color: #fff;
  box-sizing: border-box;
  vertical-align: top;
  outline: none;
}
.fancybox-button--disabled {
  cursor: default;
  pointer-events: none;
}
.fancybox-infobar__body,
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
}
.fancybox-button:hover {
  background: rgba(0, 0, 0, 0.8);
}
.fancybox-button::before,
.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  border-color: #fff;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block;
}
.fancybox-button--disabled::before,
.fancybox-button--disabled::after {
  opacity: 0.5;
}
.fancybox-button--left::after {
  left: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.fancybox-button--right::after {
  right: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fancybox-button--left {
  border-bottom-left-radius: 5px;
}
.fancybox-button--right {
  border-bottom-right-radius: 5px;
}
.fancybox-button--close {
  float: right;
}
.fancybox-button--close::before,
.fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
}
.fancybox-button--close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fancybox-button--close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Loading spinner */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate 0.8s infinite linear;
  animation: fancybox-rotate 0.8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-controls {
    text-align: left;
  }
  .fancybox-button--left,
  .fancybox-button--right,
  .fancybox-buttons button:not(.fancybox-button--close) {
    display: none !important;
  }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0;
  }
}
/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: 15px;
  top: 16px;
  border: 2px solid;
  background: none;
}
/* Slideshow button */
.fancybox-button--play::before {
  top: 16px;
  left: 18px;
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
  background: transparent;
}
.fancybox-button--pause::before {
  top: 16px;
  left: 18px;
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
  background: transparent;
}
/* Thumbs */
.fancybox-button--thumbs span {
  font-size: 23px;
}
.fancybox-button--thumbs::before {
  top: 20px;
  left: 21px;
  width: 3px;
  height: 3px;
  box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
}
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
  right: 220px;
}
.fancybox-thumbs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 220px;
  margin: 0;
  padding: 5px 5px 0 0;
  background: #fff;
  z-index: 99993;
  word-break: normal;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}
.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0;
}
.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  max-width: 50%;
  padding: 0;
  margin: 0;
  width: 105px;
  height: 75px;
  position: relative;
  cursor: pointer;
  outline: none;
  border: 5px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
}
li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1);
}
.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fancybox-thumbs > ul > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    display: none !important;
  }
  .fancybox-container--thumbs .fancybox-controls,
  .fancybox-container--thumbs .fancybox-slider-wrap,
  .fancybox-container--thumbs .fancybox-caption-wrap {
    right: 0;
  }
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  /*display: none;*/
  -webkit-backface-visibility: hidden;
  margin: 0;
  text-align: center;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  max-width: 100%;
  display: inline-block;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}
/* FlexSlider Layout
*********************************/
.flexslider {
  margin: 0 0 25px 0;
  position: relative;
  zoom: 1;
}
/* Direction Nav */
.flex-direction-nav {
  *height: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}
.flex-direction-nav a {
  display: block;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  background: url(../images/sprites.png) no-repeat;
  text-indent: -9999px;
}
.flex-direction-nav .flex-prev {
  left: -50px;
  background-position: -40px 0px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  background-position: 0px 0px;
}
.flexslider:hover .flex-prev {
  opacity: 1;
  left: 10px;
}
.flexslider:hover .flex-next {
  opacity: 1;
  right: 10px;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 0.8;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}
/* Control Nav */
.flex-control-paging li a {
  width: 6px;
  height: 6px;
  display: block;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  text-indent: -9999px;
  border: 1px solid transparent;
  padding: 2px;
}
.flex-control-paging li a span {
  width: 6px;
  height: 6px;
  display: block;
  background: #262626;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.text-light .flex-control-paging li a span {
  background: #ffffff;
}
.flex-control-paging li a.flex-active {
  border-color: #262626;
}
.text-light .flex-control-paging li a.flex-active {
  border-color: #ffffff;
}
.flex-control-paging li a.flex-active span {
  background: none;
}
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.2.1
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover,
.hvr-shrink:focus,
.hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pulse:hover,
.hvr-pulse:focus,
.hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pulse-grow:hover,
.hvr-pulse-grow:focus,
.hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pulse-shrink:hover,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-push:hover,
.hvr-push:focus,
.hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pop:hover,
.hvr-pop:focus,
.hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover,
.hvr-bounce-in:focus,
.hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover,
.hvr-bounce-out:focus,
.hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover,
.hvr-rotate:focus,
.hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover,
.hvr-grow-rotate:focus,
.hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}
/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:hover,
.hvr-sink:focus,
.hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-bob:hover,
.hvr-bob:focus,
.hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-hang:hover,
.hvr-hang:focus,
.hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-skew:hover,
.hvr-skew:focus,
.hvr-skew:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}
/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-forward:hover,
.hvr-skew-forward:focus,
.hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}
/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-backward:hover,
.hvr-skew-backward:focus,
.hvr-skew-backward:active {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
}
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-vertical:hover,
.hvr-wobble-vertical:focus,
.hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-horizontal:hover,
.hvr-wobble-horizontal:focus,
.hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-to-bottom-right:hover,
.hvr-wobble-to-bottom-right:focus,
.hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-to-top-right:hover,
.hvr-wobble-to-top-right:focus,
.hvr-wobble-to-top-right:active {
  -webkit-animation-name: hvr-wobble-to-top-right;
  animation-name: hvr-wobble-to-top-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover,
.hvr-wobble-top:focus,
.hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover,
.hvr-wobble-bottom:focus,
.hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-skew:hover,
.hvr-wobble-skew:focus,
.hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-buzz:hover,
.hvr-buzz:focus,
.hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-buzz-out:hover,
.hvr-buzz-out:focus,
.hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:hover,
.hvr-forward:focus,
.hvr-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
/* Backward */
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-backward:hover,
.hvr-backward:focus,
.hvr-backward:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover,
.hvr-fade:focus,
.hvr-fade:active {
  background-color: #2098D1;
  color: white;
}
/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-back-pulse:hover,
.hvr-back-pulse:focus,
.hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098D1;
  background-color: #2098d1;
  color: white;
}
/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:active {
  color: white;
}
.hvr-sweep-to-left:hover:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before,
.hvr-sweep-to-top:focus:before,
.hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before,
.hvr-bounce-to-left:focus:before,
.hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover,
.hvr-bounce-to-top:focus,
.hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before,
.hvr-bounce-to-top:focus:before,
.hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
  color: white;
}
.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}
/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-in:hover,
.hvr-radial-in:focus,
.hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before,
.hvr-radial-in:focus:before,
.hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}
/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before,
.hvr-rectangle-in:focus:before,
.hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}
/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover,
.hvr-shutter-out-vertical:focus,
.hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before,
.hvr-shutter-out-vertical:focus:before,
.hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-border-fade:hover,
.hvr-border-fade:focus,
.hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */
}
/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-hollow:hover,
.hvr-hollow:focus,
.hvr-hollow:active {
  background: none;
}
/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-trim:hover:before,
.hvr-trim:focus:before,
.hvr-trim:active:before {
  opacity: 1;
}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}
/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-ripple-in:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-in:hover:before,
.hvr-ripple-in:focus:before,
.hvr-ripple-in:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
}
/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before,
.hvr-outline-out:focus:before,
.hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}
/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-outline-in:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before,
.hvr-outline-in:focus:before,
.hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}
/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
}
.hvr-round-corners:hover,
.hvr-round-corners:focus,
.hvr-round-corners:active {
  border-radius: 1em;
}
/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
  right: 0;
}
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before,
.hvr-underline-from-right:focus:before,
.hvr-underline-from-right:active:before {
  left: 0;
}
/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before,
.hvr-overline-from-left:focus:before,
.hvr-overline-from-left:active:before {
  right: 0;
}
/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before,
.hvr-overline-from-center:focus:before,
.hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}
/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before,
.hvr-overline-from-right:focus:before,
.hvr-overline-from-right:active:before {
  left: 0;
}
/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098D1;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-reveal:hover:before,
.hvr-reveal:focus:before,
.hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}
/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-reveal:hover:before,
.hvr-overline-reveal:focus:before,
.hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover,
.hvr-glow:focus,
.hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover,
.hvr-shadow:focus,
.hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover,
.hvr-box-shadow-outset:focus,
.hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-box-shadow-inset:hover,
.hvr-box-shadow-inset:focus,
.hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */
}
/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-shadow-radial:before,
.hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}
.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}
.hvr-shadow-radial:hover:before,
.hvr-shadow-radial:focus:before,
.hvr-shadow-radial:active:before,
.hvr-shadow-radial:hover:after,
.hvr-shadow-radial:focus:after,
.hvr-shadow-radial:active:after {
  opacity: 1;
}
/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before,
.hvr-bubble-top:focus:before,
.hvr-bubble-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before,
.hvr-bubble-right:focus:before,
.hvr-bubble-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before,
.hvr-bubble-bottom:focus:before,
.hvr-bubble-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:hover:before,
.hvr-bubble-left:focus:before,
.hvr-bubble-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:hover,
.hvr-bubble-float-top:focus,
.hvr-bubble-float-top:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.hvr-bubble-float-top:hover:before,
.hvr-bubble-float-top:focus:before,
.hvr-bubble-float-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:hover,
.hvr-bubble-float-right:focus,
.hvr-bubble-float-right:active {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.hvr-bubble-float-right:hover:before,
.hvr-bubble-float-right:focus:before,
.hvr-bubble-float-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:hover,
.hvr-bubble-float-bottom:focus,
.hvr-bubble-float-bottom:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before,
.hvr-bubble-float-bottom:focus:before,
.hvr-bubble-float-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:hover,
.hvr-bubble-float-left:focus,
.hvr-bubble-float-left:active {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.hvr-bubble-float-left:hover:before,
.hvr-bubble-float-left:focus:before,
.hvr-bubble-float-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-left: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-back:before {
  content: "\f137";
  position: absolute;
  left: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-back:hover:before,
.hvr-icon-back:focus:before,
.hvr-icon-back:active:before {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}
/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward:before {
  content: "\f138";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before,
.hvr-icon-forward:focus:before,
.hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-down:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-down:hover:before,
.hvr-icon-down:focus:before,
.hvr-icon-down:active:before {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-up:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-up:hover:before,
.hvr-icon-up:focus:before,
.hvr-icon-up:active:before {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-spin:before {
  content: "\f021";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover:before,
.hvr-icon-spin:focus:before,
.hvr-icon-spin:active:before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
  100% {
    opacity: 1;
  }
}
@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
  100% {
    opacity: 1;
  }
}
/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-drop:before {
  content: "\f041";
  position: absolute;
  right: 1em;
  opacity: 1;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-drop:hover:before,
.hvr-icon-drop:focus:before,
.hvr-icon-drop:active:before {
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-fade:before {
  content: "\f00c";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}
.hvr-icon-fade:hover:before,
.hvr-icon-fade:focus:before,
.hvr-icon-fade:active:before {
  color: #0F9E5E;
}
/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-float-away:before,
.hvr-icon-float-away:after {
  content: "\f055";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
}
.hvr-icon-float-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-float-away:hover:after,
.hvr-icon-float-away:focus:after,
.hvr-icon-float-away:active:after {
  -webkit-animation-name: hvr-icon-float-away;
  animation-name: hvr-icon-float-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-sink-away:before,
.hvr-icon-sink-away:after {
  content: "\f056";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-sink-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover:after,
.hvr-icon-sink-away:focus:after,
.hvr-icon-sink-away:active:after {
  -webkit-animation-name: hvr-icon-sink-away;
  animation-name: hvr-icon-sink-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow:before {
  content: "\f118";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow:hover:before,
.hvr-icon-grow:focus:before,
.hvr-icon-grow:active:before {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}
/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-shrink:before {
  content: "\f119";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-shrink:hover:before,
.hvr-icon-shrink:focus:before,
.hvr-icon-shrink:active:before {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover:before,
.hvr-icon-pulse:focus:before,
.hvr-icon-pulse:active:before {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse-grow:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover:before,
.hvr-icon-pulse-grow:focus:before,
.hvr-icon-pulse-grow:active:before {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse-shrink:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:hover:before,
.hvr-icon-pulse-shrink:focus:before,
.hvr-icon-pulse-shrink:active:before {
  -webkit-animation-name: hvr-icon-pulse-shrink;
  animation-name: hvr-icon-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-push:before {
  content: "\f006";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-push:hover:before,
.hvr-icon-push:focus:before,
.hvr-icon-push:active:before {
  -webkit-animation-name: hvr-icon-push;
  animation-name: hvr-icon-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-pop:before {
  content: "\f005";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pop:hover:before,
.hvr-icon-pop:focus:before,
.hvr-icon-pop:active:before {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bounce:before {
  content: "\f087";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover:before,
.hvr-icon-bounce:focus:before,
.hvr-icon-bounce:active:before {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-rotate:before {
  content: "\f0c6";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-rotate:hover:before,
.hvr-icon-rotate:focus:before,
.hvr-icon-rotate:active:before {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}
/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow-rotate:before {
  content: "\f095";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow-rotate:hover:before,
.hvr-icon-grow-rotate:focus:before,
.hvr-icon-grow-rotate:active:before {
  -webkit-transform: scale(1.5) rotate(12deg);
  transform: scale(1.5) rotate(12deg);
}
/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-float:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-float:hover:before,
.hvr-icon-float:focus:before,
.hvr-icon-float:active:before {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-sink:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-sink:hover:before,
.hvr-icon-sink:focus:before,
.hvr-icon-sink:active:before {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}
/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bob:before {
  content: "\f077";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-bob:hover:before,
.hvr-icon-bob:focus:before,
.hvr-icon-bob:active:before {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-hang:before {
  content: "\f078";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-hang:hover:before,
.hvr-icon-hang:focus:before,
.hvr-icon-hang:active:before {
  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal:before {
  content: "\f061";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover:before,
.hvr-icon-wobble-horizontal:focus:before,
.hvr-icon-wobble-horizontal:active:before {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical:before {
  content: "\f062";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover:before,
.hvr-icon-wobble-vertical:focus:before,
.hvr-icon-wobble-vertical:active:before {
  -webkit-animation-name: hvr-icon-wobble-vertical;
  animation-name: hvr-icon-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz:before {
  content: "\f017";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz:hover:before,
.hvr-icon-buzz:focus:before,
.hvr-icon-buzz:active:before {
  -webkit-animation-name: hvr-icon-buzz;
  animation-name: hvr-icon-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz-out:before {
  content: "\f023";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz-out:hover:before,
.hvr-icon-buzz-out:focus:before,
.hvr-icon-buzz-out:active:before {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-left:hover:before,
.hvr-curl-top-left:focus:before,
.hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}
/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-right:hover:before,
.hvr-curl-top-right:focus:before,
.hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}
/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before,
.hvr-curl-bottom-right:focus:before,
.hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}
/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-left:hover:before,
.hvr-curl-bottom-left:focus:before,
.hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}
/*# sourceMappingURL=hover.css.map */
/*
@import 'vendor/_photoswipe';
@import 'vendor/_photoswipe-default-skin';
@import 'src/_photoswipe-custom';
*/
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/*!
 * ImageHover.css - http://www.imagehover.io
 * Version 1.0
 * Author: Ciarán Walsh

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 */
[class^='imghvr-'],
[class*=' imghvr-'] {
  position: relative;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  background-color: #2266a5;
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > div {
  vertical-align: top;
  max-width: 100%;
}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {
  background-color: #000000;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #ffffff;
}
[class^='imghvr-'] figcaption h1,
[class^='imghvr-'] figcaption h2,
[class^='imghvr-'] figcaption h3,
[class^='imghvr-'] figcaption h4,
[class^='imghvr-'] figcaption h5,
[class^='imghvr-'] figcaption h6,
[class*=' imghvr-'] figcaption h1,
[class*=' imghvr-'] figcaption h2,
[class*=' imghvr-'] figcaption h3,
[class*=' imghvr-'] figcaption h4,
[class*=' imghvr-'] figcaption h5,
[class*=' imghvr-'] figcaption h6 {
  color: #ffffff;
}
[class^='imghvr-'] a,
[class*=' imghvr-'] a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
/* imghvr-fade-*
   ----------------------------- */
[class^='imghvr-fade'] figcaption,
[class*=' imghvr-fade'] figcaption {
  opacity: 0;
}
[class^='imghvr-fade']:hover > img,
[class*=' imghvr-fade']:hover > img {
  opacity: 0;
}
[class^='imghvr-fade']:hover figcaption,
[class*=' imghvr-fade']:hover figcaption {
  opacity: 1;
}
[class^='imghvr-fade']:hover > img,
[class^='imghvr-fade']:hover figcaption,
[class*=' imghvr-fade']:hover > img,
[class*=' imghvr-fade']:hover figcaption {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* imghvr-fade
   ----------------------------- */
/* imghvr-fade-in-up
   ----------------------------- */
.imghvr-fade-in-up figcaption {
  -webkit-transform: translate(0, 15%);
  -moz-transform: translate(0, 15%);
  -ms-transform: translate(0, 15%);
  -o-transform: translate(0, 15%);
  transform: translate(0, 15%);
}
/* imghvr-fade-in-down
   ----------------------------- */
.imghvr-fade-in-down figcaption {
  -webkit-transform: translate(0, -15%);
  -moz-transform: translate(0, -15%);
  -ms-transform: translate(0, -15%);
  -o-transform: translate(0, -15%);
  transform: translate(0, -15%);
}
/* imghvr-fade-in-left
   ----------------------------- */
.imghvr-fade-in-left figcaption {
  -webkit-transform: translate(-15%, 0);
  -moz-transform: translate(-15%, 0);
  -ms-transform: translate(-15%, 0);
  -o-transform: translate(-15%, 0);
  transform: translate(-15%, 0);
}
/* imghvr-fade-in-right
   ----------------------------- */
.imghvr-fade-in-right figcaption {
  -webkit-transform: translate(15%, 0);
  -moz-transform: translate(15%, 0);
  -ms-transform: translate(15%, 0);
  -o-transform: translate(15%, 0);
  transform: translate(15%, 0);
}
/* imghvr-push-*
   ----------------------------- */
[class^='imghvr-push-']:hover figcaption,
[class*=' imghvr-push-']:hover figcaption {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* imghvr-push-up
   ----------------------------- */
.imghvr-push-up figcaption {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.imghvr-push-up:hover > img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
/* imghvr-push-down
   ----------------------------- */
.imghvr-push-down figcaption {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.imghvr-push-down:hover > img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
/* imghvr-push-left
   ----------------------------- */
.imghvr-push-left figcaption {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.imghvr-push-left:hover > img {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
/* imghvr-push--right
   ----------------------------- */
.imghvr-push-right figcaption {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.imghvr-push-right:hover > img {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
/* imghvr-slide-*
   ----------------------------- */
[class^='imghvr-slide-']:hover figcaption,
[class*=' imghvr-slide-']:hover figcaption {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* imghvr-slide-up
   ----------------------------- */
.imghvr-slide-up figcaption {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
/* imghvr-slide-down
   ----------------------------- */
.imghvr-slide-down figcaption {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
/* imghvr-slide-left
   ----------------------------- */
.imghvr-slide-left figcaption {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
/* imghvr-slide-right
   ----------------------------- */
.imghvr-slide-right figcaption {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
/* imghvr-slide-top-left
   ----------------------------- */
.imghvr-slide-top-left figcaption {
  -webkit-transform: translate(-100%, -100%);
  -moz-transform: translate(-100%, -100%);
  -ms-transform: translate(-100%, -100%);
  -o-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
}
/* imghvr-slide-top-right
   ----------------------------- */
.imghvr-slide-top-right figcaption {
  -webkit-transform: translate(100%, -100%);
  -moz-transform: translate(100%, -100%);
  -ms-transform: translate(100%, -100%);
  -o-transform: translate(100%, -100%);
  transform: translate(100%, -100%);
}
/* imghvr-slide-bottom-left
   ----------------------------- */
.imghvr-slide-bottom-left figcaption {
  -webkit-transform: translate(-100%, 100%);
  -moz-transform: translate(-100%, 100%);
  -ms-transform: translate(-100%, 100%);
  -o-transform: translate(-100%, 100%);
  transform: translate(-100%, 100%);
}
/* imghvr-slide-bottom-right
   ----------------------------- */
.imghvr-slide-bottom-right figcaption {
  -webkit-transform: translate(100%, 100%);
  -moz-transform: translate(100%, 100%);
  -ms-transform: translate(100%, 100%);
  -o-transform: translate(100%, 100%);
  transform: translate(100%, 100%);
}
/* imghvr-reveal-*
   ----------------------------- */
[class^='imghvr-reveal-']:before,
[class*=' imghvr-reveal-']:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background-color: #000000;
}
[class^='imghvr-reveal-'] figcaption,
[class*=' imghvr-reveal-'] figcaption {
  opacity: 0;
}
[class^='imghvr-reveal-']:hover:before,
[class*=' imghvr-reveal-']:hover:before {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
[class^='imghvr-reveal-']:hover figcaption,
[class*=' imghvr-reveal-']:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.21s;
  -moz-transition-delay: 0.21s;
  transition-delay: 0.21s;
}
/* imghvr-reveal-up
   ----------------------------- */
.imghvr-reveal-up:before {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
/* imghvr-reveal-down
   ----------------------------- */
.imghvr-reveal-down:before {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
/* imghvr-reveal-left
   ----------------------------- */
.imghvr-reveal-left:before {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
/* imghvr-reveal-right
   ----------------------------- */
.imghvr-reveal-right:before {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
/* imghvr-reveal-top-left
   ----------------------------- */
.imghvr-reveal-top-left:before {
  -webkit-transform: translate(-100%, -100%);
  -moz-transform: translate(-100%, -100%);
  -ms-transform: translate(-100%, -100%);
  -o-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
}
/* imghvr-reveal-top-right
   ----------------------------- */
.imghvr-reveal-top-right:before {
  -webkit-transform: translate(100%, -100%);
  -moz-transform: translate(100%, -100%);
  -ms-transform: translate(100%, -100%);
  -o-transform: translate(100%, -100%);
  transform: translate(100%, -100%);
}
/* imghvr-reveal-bottom-left
   ----------------------------- */
.imghvr-reveal-bottom-left:before {
  -webkit-transform: translate(-100%, 100%);
  -moz-transform: translate(-100%, 100%);
  -ms-transform: translate(-100%, 100%);
  -o-transform: translate(-100%, 100%);
  transform: translate(-100%, 100%);
}
/* imghvr-reveal-bottom-right
   ----------------------------- */
.imghvr-reveal-bottom-right:before {
  -webkit-transform: translate(100%, 100%);
  -moz-transform: translate(100%, 100%);
  -ms-transform: translate(100%, 100%);
  -o-transform: translate(100%, 100%);
  transform: translate(100%, 100%);
}
/* imghvr-hinge-*
   ----------------------------- */
[class^='imghvr-hinge-'],
[class*=' imghvr-hinge-'] {
  -webkit-perspective: 50em;
  -moz-perspective: 50em;
  perspective: 50em;
}
[class^='imghvr-hinge-'] figcaption,
[class*=' imghvr-hinge-'] figcaption {
  opacity: 0;
  z-index: 1;
}
[class^='imghvr-hinge-']:hover img,
[class*=' imghvr-hinge-']:hover img {
  opacity: 0;
}
[class^='imghvr-hinge-']:hover figcaption,
[class*=' imghvr-hinge-']:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.21s;
  -moz-transition-delay: 0.21s;
  transition-delay: 0.21s;
}
/* imghvr-hinge-up
   ----------------------------- */
.imghvr-hinge-up img {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.imghvr-hinge-up figcaption {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.imghvr-hinge-up:hover > img {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.imghvr-hinge-up:hover figcaption {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
}
/* imghvr-hinge-down
   ----------------------------- */
.imghvr-hinge-down img {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.imghvr-hinge-down figcaption {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% -50%;
  -moz-transform-origin: 50% -50%;
  -ms-transform-origin: 50% -50%;
  -o-transform-origin: 50% -50%;
  transform-origin: 50% -50%;
}
.imghvr-hinge-down:hover > img {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  opacity: 0;
}
.imghvr-hinge-down:hover figcaption {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
}
/* imghvr-hinge-left
   ----------------------------- */
.imghvr-hinge-left img {
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.imghvr-hinge-left figcaption {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.imghvr-hinge-left:hover > img {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.imghvr-hinge-left:hover figcaption {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}
/* imghvr-hinge-right
   ----------------------------- */
.imghvr-hinge-right img {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.imghvr-hinge-right figcaption {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.imghvr-hinge-right:hover > img {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.imghvr-hinge-right:hover figcaption {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}
/* imghvr-flip-*
   ----------------------------- */
[class^='imghvr-flip-'],
[class*=' imghvr-flip-'] {
  -webkit-perspective: 50em;
  -moz-perspective: 50em;
  perspective: 50em;
}
[class^='imghvr-flip-'] img,
[class*=' imghvr-flip-'] img {
  backface-visibility: hidden;
}
[class^='imghvr-flip-'] figcaption,
[class*=' imghvr-flip-'] figcaption {
  opacity: 0;
}
[class^='imghvr-flip-']:hover > img,
[class*=' imghvr-flip-']:hover > img {
  opacity: 0;
}
[class^='imghvr-flip-']:hover figcaption,
[class*=' imghvr-flip-']:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.14s;
  -moz-transition-delay: 0.14s;
  transition-delay: 0.14s;
}
/* imghvr-flip-horiz
   ----------------------------- */
.imghvr-flip-horiz figcaption {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.imghvr-flip-horiz:hover img {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.imghvr-flip-horiz:hover figcaption {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
/* imghvr-flip-vert
   ----------------------------- */
.imghvr-flip-vert figcaption {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.imghvr-flip-vert:hover > img {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.imghvr-flip-vert:hover figcaption {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
/* imghvr-flip-diag-1
   ----------------------------- */
.imghvr-flip-diag-1 figcaption {
  -webkit-transform: rotate3d(1, -1, 0, 100deg);
  -moz-transform: rotate3d(1, -1, 0, 100deg);
  -ms-transform: rotate3d(1, -1, 0, 100deg);
  -o-transform: rotate3d(1, -1, 0, 100deg);
  transform: rotate3d(1, -1, 0, 100deg);
}
.imghvr-flip-diag-1:hover > img {
  -webkit-transform: rotate3d(-1, 1, 0, 100deg);
  -moz-transform: rotate3d(-1, 1, 0, 100deg);
  -ms-transform: rotate3d(-1, 1, 0, 100deg);
  -o-transform: rotate3d(-1, 1, 0, 100deg);
  transform: rotate3d(-1, 1, 0, 100deg);
}
.imghvr-flip-diag-1:hover figcaption {
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
  -moz-transform: rotate3d(0, 0, 0, 0deg);
  -ms-transform: rotate3d(0, 0, 0, 0deg);
  -o-transform: rotate3d(0, 0, 0, 0deg);
  transform: rotate3d(0, 0, 0, 0deg);
}
/* imghvr-flip-diag-2
   ----------------------------- */
.imghvr-flip-diag-2 figcaption {
  -webkit-transform: rotate3d(1, 1, 0, 100deg);
  -moz-transform: rotate3d(1, 1, 0, 100deg);
  -ms-transform: rotate3d(1, 1, 0, 100deg);
  -o-transform: rotate3d(1, 1, 0, 100deg);
  transform: rotate3d(1, 1, 0, 100deg);
}
.imghvr-flip-diag-2:hover > img {
  -webkit-transform: rotate3d(-1, -1, 0, 100deg);
  -moz-transform: rotate3d(-1, -1, 0, 100deg);
  -ms-transform: rotate3d(-1, -1, 0, 100deg);
  -o-transform: rotate3d(-1, -1, 0, 100deg);
  transform: rotate3d(-1, -1, 0, 100deg);
}
.imghvr-flip-diag-2:hover figcaption {
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
  -moz-transform: rotate3d(0, 0, 0, 0deg);
  -ms-transform: rotate3d(0, 0, 0, 0deg);
  -o-transform: rotate3d(0, 0, 0, 0deg);
  transform: rotate3d(0, 0, 0, 0deg);
}
/* imghvr-shutter-out-*
   ----------------------------- */
[class^='imghvr-shutter-out-']:before,
[class*=' imghvr-shutter-out-']:before {
  background: #000000;
  position: absolute;
  content: '';
  -webkit-transition-delay: 0.105s;
  -moz-transition-delay: 0.105s;
  transition-delay: 0.105s;
}
[class^='imghvr-shutter-out-'] figcaption,
[class*=' imghvr-shutter-out-'] figcaption {
  opacity: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}
[class^='imghvr-shutter-out-']:hover:before,
[class*=' imghvr-shutter-out-']:hover:before {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}
[class^='imghvr-shutter-out-']:hover figcaption,
[class*=' imghvr-shutter-out-']:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.105s;
  -moz-transition-delay: 0.105s;
  transition-delay: 0.105s;
}
/* imghvr-shutter-out-horiz
   ----------------------------- */
.imghvr-shutter-out-horiz:before {
  left: 50%;
  right: 50%;
  top: 0;
  bottom: 0;
}
.imghvr-shutter-out-horiz:hover:before {
  left: 0;
  right: 0;
}
/* imghvr-shutter-out-vert
   ----------------------------- */
.imghvr-shutter-out-vert:before {
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
}
.imghvr-shutter-out-vert:hover:before {
  top: 0;
  bottom: 0;
}
/* imghvr-shutter-out-diag-1
   ----------------------------- */
.imghvr-shutter-out-diag-1:before {
  top: 50%;
  bottom: 50%;
  left: -35%;
  right: -35%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.imghvr-shutter-out-diag-1:hover:before {
  top: -35%;
  bottom: -35%;
}
/* imghvr-shutter-out-diag-2
   ----------------------------- */
.imghvr-shutter-out-diag-2:before {
  top: 50%;
  bottom: 50%;
  left: -35%;
  right: -35%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.imghvr-shutter-out-diag-2:hover:before {
  top: -35%;
  bottom: -35%;
}
/* imghvr-shutter-in-*
   ----------------------------- */
[class^='imghvr-shutter-in-']:after,
[class^='imghvr-shutter-in-']:before,
[class*=' imghvr-shutter-in-']:after,
[class*=' imghvr-shutter-in-']:before {
  background: #000000;
  position: absolute;
  content: '';
}
[class^='imghvr-shutter-in-']:after,
[class*=' imghvr-shutter-in-']:after {
  top: 0;
  left: 0;
}
[class^='imghvr-shutter-in-']:before,
[class*=' imghvr-shutter-in-']:before {
  right: 0;
  bottom: 0;
}
[class^='imghvr-shutter-in-'] figcaption,
[class*=' imghvr-shutter-in-'] figcaption {
  opacity: 0;
  z-index: 1;
}
[class^='imghvr-shutter-in-']:hover figcaption,
[class*=' imghvr-shutter-in-']:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.21s;
  -moz-transition-delay: 0.21s;
  transition-delay: 0.21s;
}
/* imghvr-shutter-in-horiz
   ----------------------------- */
.imghvr-shutter-in-horiz:after,
.imghvr-shutter-in-horiz:before {
  width: 0;
  height: 100%;
}
.imghvr-shutter-in-horiz:hover:after,
.imghvr-shutter-in-horiz:hover:before {
  width: 50%;
}
/* imghvr-shutter-in-vert
   ----------------------------- */
.imghvr-shutter-in-vert:after,
.imghvr-shutter-in-vert:before {
  height: 0;
  width: 100%;
}
.imghvr-shutter-in-vert:hover:after,
.imghvr-shutter-in-vert:hover:before {
  height: 50%;
}
/* imghvr-shutter-in-out-horiz
   ----------------------------- */
.imghvr-shutter-in-out-horiz:after,
.imghvr-shutter-in-out-horiz:before {
  width: 0;
  height: 100%;
  opacity: 0.75;
}
.imghvr-shutter-in-out-horiz:hover:after,
.imghvr-shutter-in-out-horiz:hover:before {
  width: 100%;
}
/* imghvr-shutter-in-out-vert
   ----------------------------- */
.imghvr-shutter-in-out-vert:after,
.imghvr-shutter-in-out-vert:before {
  height: 0;
  width: 100%;
  opacity: 0.75;
}
.imghvr-shutter-in-out-vert:hover:after,
.imghvr-shutter-in-out-vert:hover:before {
  height: 100%;
}
/* imghvr-shutter-in-out-diag-1
   ----------------------------- */
.imghvr-shutter-in-out-diag-1:after,
.imghvr-shutter-in-out-diag-1:before {
  width: 200%;
  height: 200%;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
  opacity: 0.75;
}
.imghvr-shutter-in-out-diag-1:after {
  -webkit-transform: skew(-45deg) translateX(-150%);
  -moz-transform: skew(-45deg) translateX(-150%);
  -ms-transform: skew(-45deg) translateX(-150%);
  -o-transform: skew(-45deg) translateX(-150%);
  transform: skew(-45deg) translateX(-150%);
}
.imghvr-shutter-in-out-diag-1:before {
  -webkit-transform: skew(-45deg) translateX(150%);
  -moz-transform: skew(-45deg) translateX(150%);
  -ms-transform: skew(-45deg) translateX(150%);
  -o-transform: skew(-45deg) translateX(150%);
  transform: skew(-45deg) translateX(150%);
}
.imghvr-shutter-in-out-diag-1:hover:after {
  -webkit-transform: skew(-45deg) translateX(-50%);
  -moz-transform: skew(-45deg) translateX(-50%);
  -ms-transform: skew(-45deg) translateX(-50%);
  -o-transform: skew(-45deg) translateX(-50%);
  transform: skew(-45deg) translateX(-50%);
}
.imghvr-shutter-in-out-diag-1:hover:before {
  -webkit-transform: skew(-45deg) translateX(50%);
  -moz-transform: skew(-45deg) translateX(50%);
  -ms-transform: skew(-45deg) translateX(50%);
  -o-transform: skew(-45deg) translateX(50%);
  transform: skew(-45deg) translateX(50%);
}
/* imghvr-shutter-in-out-diag-2
   ----------------------------- */
.imghvr-shutter-in-out-diag-2:after,
.imghvr-shutter-in-out-diag-2:before {
  width: 200%;
  height: 200%;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
  opacity: 0.75;
}
.imghvr-shutter-in-out-diag-2:after {
  -webkit-transform: skew(45deg) translateX(-100%);
  -moz-transform: skew(45deg) translateX(-100%);
  -ms-transform: skew(45deg) translateX(-100%);
  -o-transform: skew(45deg) translateX(-100%);
  transform: skew(45deg) translateX(-100%);
}
.imghvr-shutter-in-out-diag-2:before {
  -webkit-transform: skew(45deg) translateX(100%);
  -moz-transform: skew(45deg) translateX(100%);
  -ms-transform: skew(45deg) translateX(100%);
  -o-transform: skew(45deg) translateX(100%);
  transform: skew(45deg) translateX(100%);
}
.imghvr-shutter-in-out-diag-2:hover:after {
  -webkit-transform: skew(45deg) translateX(0%);
  -moz-transform: skew(45deg) translateX(0%);
  -ms-transform: skew(45deg) translateX(0%);
  -o-transform: skew(45deg) translateX(0%);
  transform: skew(45deg) translateX(0%);
}
.imghvr-shutter-in-out-diag-2:hover:before {
  -webkit-transform: skew(45deg) translateX(0%);
  -moz-transform: skew(45deg) translateX(0%);
  -ms-transform: skew(45deg) translateX(0%);
  -o-transform: skew(45deg) translateX(0%);
  transform: skew(45deg) translateX(0%);
}
/* imghvr-fold*
   ----------------------------- */
[class^='imghvr-fold'],
[class*=' imghvr-fold'] {
  -webkit-perspective: 50em;
  -moz-perspective: 50em;
  perspective: 50em;
}
[class^='imghvr-fold'] img,
[class*=' imghvr-fold'] img {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
[class^='imghvr-fold'] figcaption,
[class*=' imghvr-fold'] figcaption {
  z-index: 1;
  opacity: 0;
}
[class^='imghvr-fold']:hover > img,
[class*=' imghvr-fold']:hover > img {
  opacity: 0;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  transition-delay: 0;
}
[class^='imghvr-fold']:hover figcaption,
[class*=' imghvr-fold']:hover figcaption {
  -webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
  -moz-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
  -ms-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
  -o-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
  transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
  opacity: 1;
  -webkit-transition-delay: 0.21s;
  -moz-transition-delay: 0.21s;
  transition-delay: 0.21s;
}
/* imghvr-fold-up
   ----------------------------- */
.imghvr-fold-up > img {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.imghvr-fold-up figcaption {
  -webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  -moz-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  -ms-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  -o-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.imghvr-fold-up:hover > img {
  -webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
  -moz-transform: rotateX(90deg) scale(0.6) translateY(50%);
  -ms-transform: rotateX(90deg) scale(0.6) translateY(50%);
  -o-transform: rotateX(90deg) scale(0.6) translateY(50%);
  transform: rotateX(90deg) scale(0.6) translateY(50%);
}
/* imghvr-fold-down
   ----------------------------- */
.imghvr-fold-down > img {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.imghvr-fold-down figcaption {
  -webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
  -moz-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
  -ms-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
  -o-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
  transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.imghvr-fold-down:hover > img {
  -webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
  -moz-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
  -ms-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
  -o-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
  transform: rotateX(-90deg) scale(0.6) translateY(-50%);
}
/* imghvr-fold-left
   ----------------------------- */
.imghvr-fold-left > img {
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.imghvr-fold-left figcaption {
  -webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
  -moz-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
  -ms-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
  -o-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
  transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.imghvr-fold-left:hover > img {
  -webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
  -moz-transform: rotateY(-90deg) scale(0.6) translateX(50%);
  -ms-transform: rotateY(-90deg) scale(0.6) translateX(50%);
  -o-transform: rotateY(-90deg) scale(0.6) translateX(50%);
  transform: rotateY(-90deg) scale(0.6) translateX(50%);
}
/* imghvr-fold-right
   ----------------------------- */
.imghvr-fold-right > img {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.imghvr-fold-right figcaption {
  -webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
  -moz-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
  -ms-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
  -o-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
  transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.imghvr-fold-right:hover > img {
  -webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
  -moz-transform: rotateY(90deg) scale(0.6) translateX(-50%);
  -ms-transform: rotateY(90deg) scale(0.6) translateX(-50%);
  -o-transform: rotateY(90deg) scale(0.6) translateX(-50%);
  transform: rotateY(90deg) scale(0.6) translateX(-50%);
}
/* imghvr-zoom-in
   ----------------------------- */
.imghvr-zoom-in figcaption {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.imghvr-zoom-in:hover figcaption {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* imghvr-zoom-out*
   ----------------------------- */
[class^='imghvr-zoom-out'] figcaption,
[class*=' imghvr-zoom-out'] figcaption {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
}
[class^='imghvr-zoom-out']:hover figcaption,
[class^='imghvr-zoom-out'].hover figcaption,
[class*=' imghvr-zoom-out']:hover figcaption,
[class*=' imghvr-zoom-out'].hover figcaption {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  -moz-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
/* imghvr-zoom-out
   ----------------------------- */
.imghvr-zoom-out:hover > img {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
/* imghvr-zoom-out-up
   ----------------------------- */
.imghvr-zoom-out-up:hover > img,
.imghvr-zoom-out-up.hover > img {
  -webkit-animation: imghvr-zoom-out-up 0.4025s linear;
  -moz-animation: imghvr-zoom-out-up 0.4025s linear;
  animation: imghvr-zoom-out-up 0.4025s linear;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-up {
  50% {
    -webkit-transform: scale(0.8) translateY(0%);
    -moz-transform: scale(0.8) translateY(0%);
    -ms-transform: scale(0.8) translateY(0%);
    -o-transform: scale(0.8) translateY(0%);
    transform: scale(0.8) translateY(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateY(-150%);
    -moz-transform: scale(0.8) translateY(-150%);
    -ms-transform: scale(0.8) translateY(-150%);
    -o-transform: scale(0.8) translateY(-150%);
    transform: scale(0.8) translateY(-150%);
    opacity: 0.5;
  }
}
@keyframes imghvr-zoom-out-up {
  50% {
    -webkit-transform: scale(0.8) translateY(0%);
    -moz-transform: scale(0.8) translateY(0%);
    -ms-transform: scale(0.8) translateY(0%);
    -o-transform: scale(0.8) translateY(0%);
    transform: scale(0.8) translateY(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateY(-150%);
    -moz-transform: scale(0.8) translateY(-150%);
    -ms-transform: scale(0.8) translateY(-150%);
    -o-transform: scale(0.8) translateY(-150%);
    transform: scale(0.8) translateY(-150%);
    opacity: 0.5;
  }
}
/* imghvr-zoom-out-down
   ----------------------------- */
.imghvr-zoom-out-down:hover > img,
.imghvr-zoom-out-down.hover > img {
  -webkit-animation: imghvr-zoom-out-down 0.4025s linear;
  -moz-animation: imghvr-zoom-out-down 0.4025s linear;
  animation: imghvr-zoom-out-down 0.4025s linear;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-down {
  50% {
    -webkit-transform: scale(0.8) translateY(0%);
    -moz-transform: scale(0.8) translateY(0%);
    -ms-transform: scale(0.8) translateY(0%);
    -o-transform: scale(0.8) translateY(0%);
    transform: scale(0.8) translateY(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateY(150%);
    -moz-transform: scale(0.8) translateY(150%);
    -ms-transform: scale(0.8) translateY(150%);
    -o-transform: scale(0.8) translateY(150%);
    transform: scale(0.8) translateY(150%);
    opacity: 0.5;
  }
}
@keyframes imghvr-zoom-out-down {
  50% {
    -webkit-transform: scale(0.8) translateY(0%);
    -moz-transform: scale(0.8) translateY(0%);
    -ms-transform: scale(0.8) translateY(0%);
    -o-transform: scale(0.8) translateY(0%);
    transform: scale(0.8) translateY(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateY(150%);
    -moz-transform: scale(0.8) translateY(150%);
    -ms-transform: scale(0.8) translateY(150%);
    -o-transform: scale(0.8) translateY(150%);
    transform: scale(0.8) translateY(150%);
    opacity: 0.5;
  }
}
/* imghvr-zoom-out-left
   ----------------------------- */
.imghvr-zoom-out-left:hover > img,
.imghvr-zoom-out-left.hover > img {
  -webkit-animation: imghvr-zoom-out-left 0.4025s linear;
  -moz-animation: imghvr-zoom-out-left 0.4025s linear;
  animation: imghvr-zoom-out-left 0.4025s linear;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-left {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    -moz-transform: scale(0.8) translateX(0%);
    -ms-transform: scale(0.8) translateX(0%);
    -o-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(-150%);
    -moz-transform: scale(0.8) translateX(-150%);
    -ms-transform: scale(0.8) translateX(-150%);
    -o-transform: scale(0.8) translateX(-150%);
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5;
  }
}
@keyframes imghvr-zoom-out-left {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    -moz-transform: scale(0.8) translateX(0%);
    -ms-transform: scale(0.8) translateX(0%);
    -o-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(-150%);
    -moz-transform: scale(0.8) translateX(-150%);
    -ms-transform: scale(0.8) translateX(-150%);
    -o-transform: scale(0.8) translateX(-150%);
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5;
  }
}
/* imghvr-zoom-out-right
   ----------------------------- */
.imghvr-zoom-out-right:hover > img,
.imghvr-zoom-out-right.hover > img {
  -webkit-animation: imghvr-zoom-out-right 0.4025s linear;
  -moz-animation: imghvr-zoom-out-right 0.4025s linear;
  animation: imghvr-zoom-out-right 0.4025s linear;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-right {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    -moz-transform: scale(0.8) translateX(0%);
    -ms-transform: scale(0.8) translateX(0%);
    -o-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(150%);
    -moz-transform: scale(0.8) translateX(150%);
    -ms-transform: scale(0.8) translateX(150%);
    -o-transform: scale(0.8) translateX(150%);
    transform: scale(0.8) translateX(150%);
    opacity: 0.5;
  }
}
@keyframes imghvr-zoom-out-right {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    -moz-transform: scale(0.8) translateX(0%);
    -ms-transform: scale(0.8) translateX(0%);
    -o-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(150%);
    -moz-transform: scale(0.8) translateX(150%);
    -ms-transform: scale(0.8) translateX(150%);
    -o-transform: scale(0.8) translateX(150%);
    transform: scale(0.8) translateX(150%);
    opacity: 0.5;
  }
}
/* imghvr-zoom-out-flip-horiz
   ----------------------------- */
.imghvr-zoom-out-flip-horiz {
  -webkit-perspective: 50em;
  -moz-perspective: 50em;
  perspective: 50em;
}
.imghvr-zoom-out-flip-horiz figcaption {
  opacity: 0;
  -webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
  -moz-transform: rotateX(90deg) translateY(-100%) scale(0.5);
  -ms-transform: rotateX(90deg) translateY(-100%) scale(0.5);
  -o-transform: rotateX(90deg) translateY(-100%) scale(0.5);
  transform: rotateX(90deg) translateY(-100%) scale(0.5);
}
.imghvr-zoom-out-flip-horiz:hover > img,
.imghvr-zoom-out-flip-horiz.hover > img {
  -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
  -moz-transform: rotateX(-100deg) translateY(50%) scale(0.5);
  -ms-transform: rotateX(-100deg) translateY(50%) scale(0.5);
  -o-transform: rotateX(-100deg) translateY(50%) scale(0.5);
  transform: rotateX(-100deg) translateY(50%) scale(0.5);
  opacity: 0;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  transition-delay: 0;
}
.imghvr-zoom-out-flip-horiz:hover figcaption,
.imghvr-zoom-out-flip-horiz.hover figcaption {
  -webkit-transform: rotateX(0) translateY(0%) scale(1);
  -moz-transform: rotateX(0) translateY(0%) scale(1);
  -ms-transform: rotateX(0) translateY(0%) scale(1);
  -o-transform: rotateX(0) translateY(0%) scale(1);
  transform: rotateX(0) translateY(0%) scale(1);
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  -moz-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
/* imghvr-zoom-out-flip-vert
   ----------------------------- */
.imghvr-zoom-out-flip-vert {
  -webkit-perspective: 50em;
  -moz-perspective: 50em;
  perspective: 50em;
}
.imghvr-zoom-out-flip-vert figcaption {
  opacity: 0;
  -webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
  -moz-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
  -ms-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
  -o-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
  transform: rotateY(90deg) translate(50%, 0) scale(0.5);
}
.imghvr-zoom-out-flip-vert:hover > img,
.imghvr-zoom-out-flip-vert.hover > img {
  -webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
  -moz-transform: rotateY(-100deg) translateX(50%) scale(0.5);
  -ms-transform: rotateY(-100deg) translateX(50%) scale(0.5);
  -o-transform: rotateY(-100deg) translateX(50%) scale(0.5);
  transform: rotateY(-100deg) translateX(50%) scale(0.5);
  opacity: 0;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  transition-delay: 0;
}
.imghvr-zoom-out-flip-vert:hover figcaption,
.imghvr-zoom-out-flip-vert.hover figcaption {
  -webkit-transform: rotateY(0) translate(0, 0) scale(1);
  -moz-transform: rotateY(0) translate(0, 0) scale(1);
  -ms-transform: rotateY(0) translate(0, 0) scale(1);
  -o-transform: rotateY(0) translate(0, 0) scale(1);
  transform: rotateY(0) translate(0, 0) scale(1);
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  -moz-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
/* imghvr-blur
   ----------------------------- */
.imghvr-blur figcaption {
  opacity: 0;
}
.imghvr-blur:hover > img {
  -webkit-filter: blur(30px);
  filter: blur(30px);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
}
.imghvr-blur:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.21s;
  -moz-transition-delay: 0.21s;
  transition-delay: 0.21s;
}
/*# sourceMappingURL=imagehover.css.map */
/* Slider */
.slick-loading .slick-list {
  background: #fff url('preloader.gif') center center no-repeat;
}
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/slick.eot');
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  /*-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  /*    left: -25px;*/
}
[dir='rtl'] .slick-prev {
  left: auto;
}
.slick-prev:before {
  content: '←';
}
[dir='rtl'] .slick-prev:before {
  content: '→';
}
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: '→';
}
[dir='rtl'] .slick-next:before {
  content: '←';
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-dots li button:before,
.slick-dots li.slick-active button:before {
  font-size: 25px;
  color: #ffffff;
}
.slick-dots li:nth-child(n+4) {
  display: none;
}
.slick-list {
  backface-visibility: hidden;
  margin: 0 2rem;
}
@media only screen and (max-width: 479px) {
  .slick-list {
    margin: 0;
  }
}
.slick-slide {
  padding: 0 1rem;
}
section#section-photos .slick-slide {
  padding: 0;
}
.page-body .slick-dots li button {
  font-size: 0px !important;
  background: transparent !important;
}
.page-body .slick-dots li button:focus,
.page-body .slick-dots li button:hover {
  border: none;
}
@media only screen and (min-width: 480px) {
  ul.slick-dots {
    display: none !important;
  }
}
button.slick-arrow {
  transition: 0.3s;
}
.next-slide.slick-arrow,
.next-news-slide.slick-arrow,
.next-promo-slide.slick-arrow {
  transition: 0.3s;
  right: -30px;
  top: 0;
  position: absolute;
  height: 100%;
  width: 3rem;
  cursor: pointer;
  z-index: 2;
}
@media only screen and (max-width: 760px) {
  .next-slide.slick-arrow,
  .next-news-slide.slick-arrow,
  .next-promo-slide.slick-arrow {
    bottom: 1rem;
    right: 0;
  }
}
.next-promo-slide.slick-arrow {
  right: 0;
}
.next-promo-slide.slick-arrow:hover button.slick-next.slick-arrow,
.prev-promo-slide.slick-arrow:hover button.slick-next.slick-arrow,
.next-slide.slick-arrow:hover button.slick-next.slick-arrow,
.next-news-slide.slick-arrow:hover button.slick-next.slick-arrow,
.prev-promo-slide.slick-arrow:hover button.slick-next.slick-arrow {
  opacity: 1;
}
.next-promo-slide.slick-arrow:hover button.slick-prev.slick-arrow,
.prev-promo-slide.slick-arrow:hover button.slick-prev.slick-arrow,
.next-slide.slick-arrow:hover button.slick-prev.slick-arrow,
.next-news-slide.slick-arrow:hover button.slick-prev.slick-arrow,
.prev-promo-slide.slick-arrow:hover button.slick-prev.slick-arrow {
  opacity: 1;
}
.next-promo-slide.slick-arrow:hover button.slick-next.slick-arrow.center-both {
  opacity: 1;
}
.prev-slide.slick-arrow,
.prev-news-slide.slick-arrow,
.prev-promo-slide.slick-arrow {
  left: -30px;
  top: 0;
  position: absolute;
  height: 100%;
  width: 3rem;
  cursor: pointer;
  z-index: 2;
  transition: 0.3s;
}
@media only screen and (min-width: 761px) {
  .prev-slide.slick-arrow,
  .prev-news-slide.slick-arrow,
  .prev-promo-slide.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 760px) {
  .prev-slide.slick-arrow,
  .prev-news-slide.slick-arrow,
  .prev-promo-slide.slick-arrow {
    left: 0;
  }
}
.prev-slide.slick-arrow button.slick-prev svg,
.prev-news-slide.slick-arrow button.slick-prev svg,
.prev-promo-slide.slick-arrow button.slick-prev svg {
  right: 0;
}
.prev-promo-slide.slick-arrow {
  left: 0;
}
.prev-slide.slick-arrow:hover button.slick-prev.slick-arrow,
.prev-news-slide.slick-arrow:hover button.slick-prev.slick-arrow,
.next-promo-slide.slick-arrow:hover button.slick-prev.slick-arrow {
  opacity: 1;
}
.prev-promo-slide.slick-arrow:hover button.slick-prev.slick-arrow.center-both {
  opacity: 1;
}
.slick-slider {
  margin: 0 auto;
}
.slick-slider button {
  background: transparent !important;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}
@media only screen and (min-width: 761px) {
  button.slick-next.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 760px) {
  button.slick-next.slick-arrow {
    right: 0;
  }
}
button.slick-next.slick-arrow:before {
  transition: 0.3s;
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 20px;
}
@media only screen and (max-width: 760px) {
  button.slick-next.slick-arrow:before {
    right: 0;
    left: auto;
  }
}
button.slick-next.slick-arrow button.slick-next svg {
  left: 0;
}
@media only screen and (min-width: 761px) {
  button.slick-prev.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 30px;
  }
}
button.slick-prev.slick-arrow:before {
  transition: 0.3s;
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 20px;
}
@media only screen and (max-width: 760px) {
  button.slick-prev.slick-arrow:before {
    left: 0;
  }
}
@media only screen and (max-width: 760px) {
  .prev-promo-slide.slick-arrow button.slick-prev.slick-arrow,
  .next-promo-slide.slick-arrow button.slick-next.slick-arrow {
    bottom: 1rem;
  }
}
@media only screen and (min-width: 761px) {
  .next-promo-slide.slick-arrow:hover button.slick-next.slick-arrow,
  .next-news-slide.slick-arrow:hover button.slick-next.slick-arrow,
  .next-slide.slick-arrow:hover button.slick-next.slick-arrow {
    left: 30px;
  }
  .prev-promo-slide.slick-arrow:hover button.slick-prev.slick-arrow,
  .prev-news-slide.slick-arrow:hover button.slick-prev.slick-arrow,
  .prev-slide.slick-arrow:hover button.slick-prev.slick-arrow {
    left: 20px;
  }
}
button.mfp-arrow.mfp-arrow-right.mfp-prevent-close,
button.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
  transition: 0.3s;
}
button.mfp-arrow.mfp-arrow-right.mfp-prevent-close svg,
button.mfp-arrow.mfp-arrow-left.mfp-prevent-close svg {
  width: 10px;
  height: 20px;
}
.mfp-arrow-right:hover {
  right: -5px;
}
.mfp-arrow-left:hover {
  left: -5px;
}
button.slick-next svg {
  left: 0;
}
button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
  background: transparent !important;
  position: relative;
  text-indent: -9999px;
  background-size: cover;
  z-index: 1;
  height: 30px;
  width: 30px;
  transition: 0.3s;
}
button.slick-next.slick-arrow svg,
button.slick-prev.slick-arrow svg {
  height: 20px;
  width: 10px;
}
button.slick-next.slick-arrow:hover,
button.slick-prev.slick-arrow:hover,
button.slick-next.slick-arrow:focus,
button.slick-prev.slick-arrow:focus {
  border: none;
}
@media only screen and (max-width: 760px) {
  button.slick-next.slick-arrow,
  button.slick-prev.slick-arrow {
    bottom: -1rem;
    height: 20px;
    position: absolute;
    z-index: 1;
  }
}
@media only screen and (min-width: 761px) {
  button.slick-next.slick-arrow,
  button.slick-prev.slick-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.slick-next:before,
.slick-prev:before {
  content: none;
}
span.pagingInfo,
span.newsPagingInfo {
  text-align: center;
  display: none;
}
.mfp-wrap.mfp-gallery.mfp-auto-cursor.fadeIn.animated.mfp-ready button.mfp-close {
  opacity: 0;
  transition: 0.5s;
}
.mfp-wrap.mfp-gallery.mfp-auto-cursor.fadeIn.animated.mfp-ready:hover button.mfp-close {
  opacity: 1;
}
/*----------------------------------------------
22. SOCIAL SUBSCRIBE / FOLLOW BUTTONS
------------------------------------------------*/
.youtube-subscribe {
  margin: 0 auto 2rem;
  text-align: center;
}
.youtube-subscribe .fluid-width-video-wrapper {
  padding-top: 0 !important;
}
.spotify-follow {
  margin: 0 auto;
  text-align: center;
  height: 25px;
  width: 95px;
}
.instagram-follow {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 2rem;
}
.instagram-follow a {
  color: #ffffff;
}
/*----------------------------------------------
23. SECTIONS FOR FLEXIBLE CONTENT
------------------------------------------------*/
section.section__text .content-area {
  text-align: justify;
  margin: 0 auto;
  display: table;
  width: 100%;
}
section.section__text .content-area .content-area--text {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  section.section__text .content-area.image-left .content-area--text-wrapper {
    padding-left: 1rem;
  }
}
section.section__text .content-area.image-left .content-area--image {
  float: left;
}
@media only screen and (min-width: 769px) {
  section.section__text .content-area.image-left .content-area--image {
    padding-right: 1rem;
  }
}
@media only screen and (min-width: 769px) {
  section.section__text .content-area.image-right .content-area--text-wrapper {
    padding-right: 1rem;
  }
}
section.section__text .content-area.image-right .content-area--image {
  float: right;
}
@media only screen and (min-width: 769px) {
  section.section__text .content-area.image-right .content-area--image {
    padding-left: 1rem;
  }
}
section.section__text .content-area.image-center .content-area--text.one-half {
  max-width: 60rem;
  width: auto;
  padding-top: 1rem;
  float: none;
  margin: 0 auto;
}
section.section__text .content-area.image-center .content-area--text.one-half .content-area--text-wrapper {
  position: relative;
  top: 0;
  transform: translateY(0);
  height: auto;
}
section.section__text .content-area.image-center .content-area--image {
  float: none;
  margin: 0 auto;
  padding-bottom: 1rem;
}
section.section__text .content-area.no-image .content-area--text.one-half {
  max-width: 60rem;
  width: auto;
  padding-top: 1rem;
  float: none;
  margin: 0 auto;
}
section.section__text .content-area.no-image .content-area--image {
  display: none;
}
@media only screen and (max-width: 768px) {
  section.section__text .content-area.image-left .content-area--image,
  section.section__text .content-area.image-right .content-area--image,
  section.section__text .content-area.image-center .content-area--image,
  section.section__text .content-area.no-image .content-area--image,
  section.section__text .content-area.image-left .content-area--text,
  section.section__text .content-area.image-right .content-area--text,
  section.section__text .content-area.image-center .content-area--text,
  section.section__text .content-area.no-image .content-area--text {
    width: 100%;
    padding: 0;
  }
  section.section__text .content-area.image-left .content-area--image,
  section.section__text .content-area.image-right .content-area--image,
  section.section__text .content-area.image-center .content-area--image,
  section.section__text .content-area.no-image .content-area--image {
    height: 30vh;
  }
  section.section__text .content-area.image-left .content-area--text,
  section.section__text .content-area.image-right .content-area--text,
  section.section__text .content-area.image-center .content-area--text,
  section.section__text .content-area.no-image .content-area--text {
    padding-top: 1rem;
    height: auto;
  }
}
.date-toggle {
  display: none;
}
.date-toggler--wrapper {
  text-align: center;
  padding-top: 2rem;
}
@supports (-webkit-overflow-scrolling: touch) {
  .date-toggler--wrapper {
    display: none;
  }
}
.bit-events-container .bit-date,
.bit-events-container .bit-location,
.bit-events-container .bit-venue {
  width: 33% !important;
  margin: 0 15px 0 0 !important;
  text-align: left!important;
}
@media only screen and (max-width: 1023px) {
  .bit-events-container .bit-date,
  .bit-events-container .bit-location,
  .bit-events-container .bit-venue {
    width: 100%!important;
  }
}
.bit-track-button-container,
.bit-nav-bar-container {
  text-align: center !important;
}
.bit-widget .bit-nav-bar-container .bit-nav-bar {
  display: block !important;
  margin-top: 0.5rem !important;
}
.live-tour-dates-list .live-dates-intro {
  text-align: center;
}
.live-tour-dates-list .live-dates-intro p {
  margin-bottom: 2rem;
}
.live-tour-dates-list ul {
  margin-left: 0;
  list-style-type: none;
}
.live-tour-dates-list ul li {
  border-top: 1px solid rgba(124, 124, 124, 0.25);
  padding: 10px 6px;
}
.live-tour-dates-list ul li a.cta_link {
  text-decoration: none;
}
.live-tour-dates-list ul li:first-child {
  border-top: 1px solid rgba(124, 124, 124, 0.25);
}
.live-tour-dates-list ul li:last-child {
  border-bottom: 1px solid rgba(124, 124, 124, 0.25);
}
.live-tour-dates-list ul li:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.live-tour-dates-list ul li div {
  width: 24.7%;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.live-tour-dates-list ul li div.event_date {
  font-weight: bold;
}
.live-tour-dates-list ul li div.cta {
  text-align: right;
}
.live-tour-dates-list ul li div.cta .button.button {
  margin: 5px 0;
}
/*****************************************************************************
* MOBILE / TABLET
*****************************************************************************/
@media only screen and (max-width: 1023px) {
  .page-body .live-tour-dates-list ul li .event_date {
    width: 100%;
  }
  .page-body .live-tour-dates-list ul li .location {
    width: 25%;
  }
  .page-body .live-tour-dates-list ul li .venue {
    width: 25%;
  }
  .page-body .live-tour-dates-list ul li .cta {
    width: 50%;
    text-align: right;
    bottom: 10%;
    float: right;
    right: 6px;
    position: absolute;
  }
  .page-body .live-tour-dates-list ul li .cta .button {
    margin: 5px 0;
  }
}
@media only screen and (max-width: 479px) {
  .page-body .live-tour-dates-list ul li .location {
    width: 50%;
  }
  .page-body .live-tour-dates-list ul li .venue {
    width: 50%;
  }
}
.bit-widget {
  color: #fff !important;
  background-color: transparent !important;
}
.bit-widget .bit-event {
  color: #fff !important;
}
svg.bit-logo-desktop {
  display: none;
  height: 0;
  width: 0;
}
.bit-events-container {
  text-transform: uppercase;
}
.bit-events-container .bit-date,
.bit-events-container .bit-venue,
.bit-events-container .bit-location {
  width: 20%;
  margin: 0 auto !important;
  text-align: left !important;
}
.bit-widget.bit-layout-desktop .bit-event .bit-button,
.bit-widget.bit-layout-ipad .bit-event .bit-button {
  width: auto !important;
}
.songkick-section {
  text-transform: uppercase !important;
  margin-top: -45px;
  margin-bottom: -1rem;
  text-align: center !important;
}
.songkick-section iframe {
  overflow: scroll !important;
  -webkit-overflow-scrolling: touch !important;
  transition: max-height 0.3s ease-out;
}
@media only screen and (max-width: 466px) {
  .songkick-section iframe {
    max-height: 310px;
    text-align: center !important;
  }
}
@media only screen and (min-width: 467px) and (max-width: 766px) {
  .songkick-section iframe {
    max-height: 415px;
  }
}
@media only screen and (min-width: 767px) {
  .songkick-section iframe {
    max-height: 340px;
  }
}
.songkick-section iframe span#cta-text {
  display: none !important;
}
.songkick-section .light .buttons a {
  border: 1px solid #ffffff !important;
}
.songkick-section .date-toggler--wrapper {
  padding-top: 0;
}
body.songkick-expand .songkick-section iframe {
  max-height: 4500px;
  transition: max-height 0.3s ease-in;
}
body.songkick-expand .songkick-section .date-toggler--wrapper {
  display: none;
}
body.tour .page-body {
  min-height: 100vh;
}
.section__news_1,
.section__news_2 {
  position: relative;
  width: 100%;
  float: left;
}
.section__news_1 .article-image.article-image-as-bg-image:before,
.section__news_2 .article-image.article-image-as-bg-image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.section__news_1 .article-snippet,
.section__news_2 .article-snippet {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: transparent;
}
.section__news_1 .article-snippet .article-copy-excerpt,
.section__news_2 .article-snippet .article-copy-excerpt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.section__news_1 .article-snippet .article-copy-excerpt .article-copy-excerpt-inner-wrapper,
.section__news_2 .article-snippet .article-copy-excerpt .article-copy-excerpt-inner-wrapper {
  padding: .5rem 1rem;
}
.section__news_1 .article-snippet .section__title,
.section__news_2 .article-snippet .section__title {
  text-transform: uppercase;
  margin-top: 0;
}
.section__news_1 .article-snippet a,
.section__news_2 .article-snippet a {
  text-decoration: none;
}
.section__news_1 .section__title {
  font-size: 40px;
  line-height: 60px;
}
#small-dialog button.mfp-close {
  color: #ffffff;
  top: 0;
}
body.article-active {
  overflow: hidden;
}
body.article-active .article-copy--container {
  transform: translateX(0%);
  overflow-y: scroll;
}
.single-article-no-slider {
  transition: 0.3s;
}
.single-article-no-slider .article-image--wrapper {
  overflow: hidden;
}
.single-article-no-slider .article-image--wrapper .article-image {
  transition: 0.3s;
}
@media only screen and (max-width: 768px) {
  .single-article-no-slider .news-article--copy.center-y {
    top: 0;
    position: relative;
    transform: none;
  }
}
@media only screen and (max-width: 768px) {
  .article-image--wrapper.column.one-half,
  .news-article--copy-wrapper {
    width: 100% !important;
  }
}
div.article-snippet-wrapper a.page-out .read-more {
  text-transform: uppercase;
  display: flex;
  position: absolute;
  padding-right: 25px;
}
div.article-snippet-wrapper a.page-out .read-more svg {
  width: 25px;
  height: 13px;
  right: 0;
  vertical-align: middle;
  position: absolute;
  transition: 0.3s;
}
div.article-snippet-wrapper a.page-out .read-more:hover svg {
  transform: translateX(5px);
}
@media only screen and (max-width: 768px) {
  .news-article .news-article--copy-wrapper {
    height: auto;
    text-align: center;
  }
}
@media only screen and (max-width: 760px) {
  .news-article .news-article--copy-wrapper .news-article--copy {
    padding: 0;
  }
}
.news-article .news-article--copy-wrapper .news-article--copy .button {
  margin: 5px 0;
  margin: 1.5rem 0;
}
.news-article .news-article--copy-wrapper .news-article--copy .news-article--copy-header {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.news-article .news-article--copy-wrapper .news-article--copy .news-article--copy-intro {
  max-width: 50em;
}
@media only screen and (max-width: 1201px) {
  .news-article .news-article--copy-wrapper .news-article--copy .news-article--copy-intro .desktop-excerpt {
    display: block;
  }
}
@media only screen and (max-width: 1200px) {
  .news-article .news-article--copy-wrapper .news-article--copy .news-article--copy-intro .desktop-excerpt {
    display: none;
  }
}
@media only screen and (min-width: 1201px) {
  .news-article .news-article--copy-wrapper .news-article--copy .news-article--copy-intro .mobile-excerpt {
    display: none;
  }
}
@media only screen and (max-width: 1200px) {
  .news-article .news-article--copy-wrapper .news-article--copy .news-article--copy-intro .mobile-excerpt {
    display: block;
  }
}
.news-article .news-article--copy-wrapper .news-article--copy .news-article--copy-intro p {
  margin-bottom: 5px;
  font-weight: initial;
}
.news-article .news-article--copy-wrapper .news-article--copy .news-article--copy-intro span.excerpt-read-more {
  text-transform: uppercase;
}
.news-article .news-article--copy-wrapper .news-article--copy .news-article--date {
  opacity: 0.5;
  font-weight: initial;
  text-transform: uppercase;
  font-size: 13px !important;
  margin-bottom: 0 !important;
}
.news-article .slick-dots button:before,
.news-article .slick-dots li.slick-active button:before {
  color: #ffffff;
}
#section-news .news-article .article-image {
  width: 100%;
  transition: 0.3s;
}
@media only screen and (min-width: 769px) {
  #section-news .news-article--copy-wrapper {
    padding: 1rem 0;
  }
}
#section-news .single-item .article-image--wrapper,
#section-news .single-item .news-article--copy-wrapper {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  #section-news .single-item .article-image--wrapper,
  #section-news .single-item .news-article--copy-wrapper {
    width: 50%;
  }
  #section-news .single-item .news-article--copy-wrapper {
    padding: 0 0 0 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #section-news .single-item .article-image--wrapper,
  #section-news .single-item .news-article--copy-wrapper {
    width: 50%;
    float: left;
  }
  #section-news .single-item .imgoverlay {
    width: 100%;
    float: left;
  }
}
@media only screen and (min-width: 1200px) {
  #section-news .single-item .news-article--copy-wrapper {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
  }
}
#section-news .two-news-item .article-image--wrapper,
#section-news .three-news-item .article-image--wrapper,
#section-news .two-news-item .news-article--copy-wrapper,
#section-news .three-news-item .news-article--copy-wrapper {
  width: 100%;
  float: left;
}
#section-news .two-news-item .news-article--copy-wrapper .news-article--copy.center-y,
#section-news .three-news-item .news-article--copy-wrapper .news-article--copy.center-y {
  transform: none;
  position: relative !important;
}
#section-news .three-news-item .article-image {
  height: 30vh;
}
@media only screen and (min-width: 769px) {
  #section-news .single-item.latest-news-slider .imgoverlay {
    width: 50%;
  }
}
#section-news .number-of-articles-in-block-is-2 .single-article-no-slider {
  width: 50%;
}
#section-news .number-of-articles-in-block-is-2 .news-article--copy.center-y {
  position: relative !important;
  top: 0 !important;
  transform: none;
}
#section-news .blocks-row section.number-of-articles-in-block-is-1,
#section-news .blocks-row .number-of-articles-in-block-is-2 .single-article-no-slider {
  width: 100%;
}
#section-news .blocks-row .number-of-articles-in-block-is-1 .article-image,
#section-news .blocks-row .number-of-articles-in-block-is-2 .article-image {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  #section-news .blocks-row section.number-of-articles-in-block-is-1,
  #section-news .blocks-row .number-of-articles-in-block-is-2 .single-article-no-slider {
    width: 33.333%;
  }
  #section-news .blocks-row .number-of-articles-in-block-is-1 .article-image,
  #section-news .blocks-row .number-of-articles-in-block-is-2 .article-image {
    height: auto;
  }
}
#section-news .blocks-row .number-of-articles-in-block-is-1 .news-article--copy-wrapper {
  float: left;
  width: 100%;
}
#section-news .blocks-row .number-of-articles-in-block-is-1 .imgoverlay {
  width: 100%;
}
#section-news .blocks-row .number-of-articles-in-block-is-2 .article-snippet-id-2 {
  margin-right: 0;
}
#section-news .blocks-row-selection .article-image {
  width: 100%;
}
#section-news .blocks-row-selection .single-article-no-slider {
  padding: 0 !important;
}
#section-news .staggered .article-image.article-image-as-bg-image.full-bg.column {
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  #section-news .staggered .single-article-no-slider {
    width: 100%;
  }
  #section-news .staggered .single-article-no-slider .article-image {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  #section-news .staggered section.number-of-articles-in-block-is-1 .news-article--copy {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 2rem;
  }
  #section-news .staggered section.number-of-articles-in-block-is-1 .news-article--copy-wrapper {
    float: right;
    width: 50%;
  }
  #section-news .staggered section.number-of-articles-in-block-is-1 .imgoverlay {
    width: 50%;
  }
  #section-news .staggered section.number-of-articles-in-block-is-1 .imgoverlay .article-image {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  #section-news .staggered.staggered-selection .article-snippet-id-2 .news-article--copy-wrapper,
  #section-news .staggered.staggered-selection .article-snippet-id-3 .news-article--copy-wrapper {
    float: left;
    width: 100%;
  }
  #section-news .staggered.staggered-selection .article-snippet-id-2 .news-article--copy,
  #section-news .staggered.staggered-selection .article-snippet-id-3 .news-article--copy {
    position: relative;
    transform: none;
    padding: 0;
  }
}
#section-news .staggered .article-snippet-wrapper,
#section-news .blocks-row .article-snippet-wrapper {
  padding: 1rem 2rem;
}
#section-news .two-news-item .article-image {
  width: 100%;
}
#section-news .two-news-item .news-article--copy-wrapper {
  position: relative;
  display: block;
  width: 100%;
  bottom: 0;
}
#section-news .three-news-item .article-image {
  width: 100%;
}
#section-news .three-news-item .news-article--copy-wrapper {
  position: relative;
  display: block;
  width: 100%;
  bottom: 0;
}
#section-news .single-item .slick-slide {
  display: none;
}
#section-news .single-item.slick-initialized .slick-slide {
  display: block;
}
.news-article:not(:first-child),
.full-width-video:not(:first-child),
.four-per-row:not(:first-child) {
  display: none;
}
.news-article.slick-initialized,
.full-width-video.slick-initialized,
.four-per-row.slick-initialized {
  display: block;
}
.single-article-no-slider {
  position: relative;
  width: 100%;
  float: left;
}
.single-article-no-slider .article-image.article-image-as-bg-image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.single-article-no-slider div.article-snippet-wrapper a {
  color: inherit;
  text-decoration: none;
}
.single-article-no-slider .article-snippet {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: transparent;
  min-height: 250px;
}
.single-article-no-slider .article-snippet .article-copy-excerpt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.single-article-no-slider .article-snippet .article-copy-excerpt .article-copy-excerpt-inner-wrapper {
  padding: 10px;
}
.single-article-no-slider .article-snippet .article-copy-excerpt .article-copy-excerpt-inner-wrapper .small-dialog--content-header {
  text-transform: uppercase;
  margin-top: 0;
}
.single-article-no-slider .article-snippet .section__title {
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
}
section.section-featured-articles.number-of-articles-in-block-is-1 {
  position: relative;
}
section.section-featured-articles.number-of-articles-in-block-is-1 .single-article-no-slider .article-snippet {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: transparent;
  width: 50%;
}
section.section-featured-articles.number-of-articles-in-block-is-2 .section-article-with-full-preview {
  width: 100%;
  float: left;
}
section.section-featured-articles.number-of-articles-in-block-is-2 .section-article-with-full-preview .article-snippet {
  width: 100%;
  background: transparent;
}
section.section-featured-articles.number-of-articles-in-block-is-2 .section-article-with-full-preview .article-snippet .section__title {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
section.section-featured-articles.number-of-articles-in-block-is-3 {
  position: relative;
}
section.section-featured-articles.number-of-articles-in-block-is-3 .section-article-with-full-preview {
  position: relative;
}
section.section-featured-articles.number-of-articles-in-block-is-3 .section-article-with-full-preview .article-snippet-wrapper-1 {
  width: 100%;
}
section.section-featured-articles.number-of-articles-in-block-is-3 .section-article-with-full-preview .article-snippet-wrapper-1 .article-snippet {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: transparent;
  width: 33.333%;
}
section.section-featured-articles.number-of-articles-in-block-is-3 .single-article-no-slider .article-snippet {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: transparent;
  width: 33.333%;
}
#section-videos .imgoverlay:hover {
  background: transparent;
}
.mfp-iframe-scaler iframe {
  box-shadow: none !important;
}
.youtube-subscribe-area {
  text-align: center;
  margin-top: 2rem;
}
.youtube-subscribe-area .fluid-width-video-wrapper {
  padding-top: 0 !important;
}
.tcc-grid .container:nth-child(3n+4) {
  clear: both;
}
section .tcc-grid a.inner.js-video,
section .grid a.inner.js-video {
  text-decoration: none;
}
section .tcc-grid .container,
section .grid .container,
section .tcc-grid a.js-photo,
section .grid a.js-photo {
  float: left;
  padding: 1rem;
}
@media only screen and (min-width: 480px) {
  section .tcc-grid .container,
  section .grid .container,
  section .tcc-grid a.js-photo,
  section .grid a.js-photo {
    width: 33.333%;
  }
}
section button.slick-arrow {
  top: 45%;
}
.tcc-grid.grid-one .container,
.tcc-grid.grid-one a.js-photo {
  width: 100%;
  float: left;
}
.tcc-grid.grid-one .imgoverlay.text-light {
  position: relative;
  overflow: hidden;
  max-width: 400px !important;
  margin: 0 auto;
}
.tcc-grid.grid-two .container:nth-child(3n+4) {
  clear: none;
}
.tcc-grid.grid-two div#release-1.odd {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .tcc-grid.grid-three .container,
  .tcc-grid.grid-three a.js-photo {
    width: 33%;
    float: left;
  }
}
.tcc-grid.grid-three .container:nth-child(3n+4) {
  clear: none;
}
.tcc-grid.grid-four .container:nth-child(3n+4) {
  clear: both;
}
@media only screen and (min-width: 1024px) {
  .tcc-grid.grid-four .container,
  .tcc-grid.grid-four a.js-photo {
    width: 25%;
    float: left;
  }
  .tcc-grid.grid-four .container:nth-child(3n+4) {
    clear: none;
  }
  .tcc-grid.grid-four .container:nth-child(3n+5) {
    clear: both;
  }
}
@media only screen and (min-width: 1024px) {
  .tcc-grid.grid-five .container,
  .tcc-grid.grid-five a.js-photo {
    width: 20%;
    float: left;
  }
}
@media only screen and (max-width: 1023px) {
  .tcc-grid.grid-three .container,
  .tcc-grid.grid-four .container,
  .tcc-grid.grid-five .container {
    width: 33.333%;
    float: left;
  }
}
@media only screen and (max-width: 599px) {
  .tcc-grid.grid-three .container,
  .tcc-grid.grid-four .container,
  .tcc-grid.grid-five .container {
    width: 50%;
    float: left;
  }
}
@media only screen and (max-width: 479px) {
  .tcc-grid.grid-three .container,
  .tcc-grid.grid-four .container,
  .tcc-grid.grid-five .container {
    width: 100%;
    float: left;
  }
}
.full-width .imgoverlay {
  margin: 0 auto;
}
@media only screen and (min-width: 421px) {
  .full-width .imgoverlay {
    max-width: 75%;
  }
}
.full-width,
.two-per-row,
.three-per-row {
  position: relative;
}
.full-width a,
.two-per-row a,
.three-per-row a {
  text-decoration: none;
}
.full-width .inner,
.two-per-row .inner,
.three-per-row .inner {
  transition: 0.3s;
}
.full-width .inner img,
.two-per-row .inner img,
.three-per-row .inner img {
  transition: 0.3s;
}
.full-width .archive-video-thumbnail,
.two-per-row .archive-video-thumbnail,
.three-per-row .archive-video-thumbnail,
.full-width img,
.two-per-row img,
.three-per-row img {
  width: 100%;
  position: relative;
}
.featured-video--copy-wrapper {
  position: relative;
}
.featured-video--copy-wrapper .featured-video--copy-inner .featured-video--copy {
  margin-top: 0.5rem;
  text-align: center;
}
.featured-video--copy-wrapper .featured-video--copy-inner .featured-video--copy .featured-video--title {
  margin-top: 0;
  text-decoration: none;
}
.full-width .featured-video--player .archive-video-thumbnail,
.full-width .featured-video--player img {
  height: 70vh;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .full-width .featured-video--player .archive-video-thumbnail,
  .full-width .featured-video--player img {
    height: 30vh;
  }
}
body {
  margin-top: 50px;
}
.pswp__zoom-wrap {
  text-align: center;
}
.pswp__zoom-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.wrapper {
  width: 100%;
  position: relative;
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  width: 100%;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-wrapper video {
  width: 100% !important;
  height: auto !important;
}
.video-thumbnail-page a.inner.js-video {
  width: 80%;
  display: block;
  margin: 2rem auto 4rem auto;
}
@media only screen and (min-width: 1028px) {
  .video-thumbnail-page a.inner.js-video {
    width: 50vw;
  }
}
.featured_videos .archive-video-thumbnail,
.video-thumbnail-page .archive-video-thumbnail {
  position: relative;
}
.featured_videos .imgoverlay .yt-player,
.video-thumbnail-page .imgoverlay .yt-player {
  position: absolute;
  top: 0;
  transform: scale(1.7);
  /* hide black borders */
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.featured_videos .imgoverlay:hover .yt-player,
.video-thumbnail-page .imgoverlay:hover .yt-player {
  opacity: 1;
  transform: scale(1.8);
  transition: all 0.2s ease-in-out;
}
.featured_videos .imgoverlay:hover .play .stroke-solid,
.video-thumbnail-page .imgoverlay:hover .play .stroke-solid {
  opacity: 1;
  stroke-dashoffset: 0;
  transition-delay: 0.5s;
}
.featured_videos .imgoverlay svg,
.video-thumbnail-page .imgoverlay svg {
  height: 80px;
  width: 80px;
}
.featured_videos .imgoverlay svg:hover,
.video-thumbnail-page .imgoverlay svg:hover {
  height: 80px;
  width: 80px;
  margin-top: -5px;
  margin-right: 0px;
  transform: scale(1.4);
}
.featured_videos .imgoverlay .overlayinfo,
.video-thumbnail-page .imgoverlay .overlayinfo {
  height: 80px;
  width: 80px;
}
.featured_videos .overlay,
.video-thumbnail-page .overlay {
  left: 0px !important;
}
.featured_videos .overlay .overlaycolor,
.video-thumbnail-page .overlay .overlaycolor {
  display: none;
}
.featured_videos .stroke-solid,
.video-thumbnail-page .stroke-solid {
  stroke-dashoffset: 300;
  stroke-dashArray: 300;
  stroke-width: 2px;
  transition: stroke-dashoffset 1s ease, opacity 1s ease;
}
.featured_videos .play,
.video-thumbnail-page .play {
  margin-left: -20px;
  margin-top: -5px;
}
.section.signup {
  text-align: center;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .section.signup .signup--form-container .center-both {
    position: relative;
    max-width: 90%;
    margin: 0 auto;
    top: 0;
    left: 0;
    transform: none;
  }
}
.section.signup .signup--form-container #mc_embed_signup .mc-field-group {
  width: 100% !important;
}
.section.signup .signup--form-container #mc_embed_signup .button {
  height: auto !important;
}
.section.signup .signup--form-container #mc_embed_signup form {
  padding: 10px 15px 10px 15px !important;
  text-align: center !important;
}
.section.signup .signup--form-container #mc_embed_signup form span.asterisk {
  color: #e85c41 !important;
  font-size: 150% !important;
  font-weight: normal !important;
  position: relative !important;
  top: 5px !important;
}
.section.signup .signup--form-container input {
  padding: 15px 0;
  border-radius: 0;
}
.section.signup .signup--background {
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  z-index: -1;
}
.section.signup .signup--background form#mc4wp-form-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.section.signup .signup--background form input[type="submit"] {
  margin: 0 auto;
}
#mc_embed_signup form {
  text-align: center !important;
}
#mc_embed_signup .button {
  height: auto !important;
}
#mc_embed_signup input {
  padding: 15px 5px;
  border-radius: 0 !important;
}
.featured-gallery {
  text-align: center;
}
.featured-gallery .featured-gallery--image {
  height: 250px;
}
.featured-gallery .slick-dots {
  bottom: 0;
}
.featured-gallery .slick-dots li button:before {
  color: #ffffff;
}
.featured-images-slider .imgoverlay .overlay {
  left: 0;
  opacity: 0;
  transition: 0.3s;
}
.featured-images-slider .imgoverlay.text-light:hover .overlay {
  opacity: 1;
}
.featured-images-slider .imgoverlay.text-light:hover .featured-images-slider--image {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.rollover svg * {
  fill: white;
}
.rollover .js-photo {
  width: 33.333%;
  margin: auto;
  display: block;
}
.rollover .imgoverlay {
  position: relative;
  overflow: hidden;
}
.rollover .featured-images-slider--image {
  height: 50vh;
  box-sizing: border-box;
  background-position: center center;
  background-repeat: no-repeat;
}
.rollover .js-photo:hover .full-bg {
  filter: grayscale(100%);
}
.rollover .js-photo:hover .overlayinfo {
  opacity: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.rollover .js-photo:hover .overlaycolor {
  background-color: #4d7e94;
}
.rollover .overlay,
.rollover .overlaycolor {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.rollover .overlay {
  display: flex;
  align-items: center;
}
.rollover .overlayinfo {
  opacity: 0;
  transition: all 0.4s ease-in;
  transition-delay: 0s;
  color: white;
  z-index: 10;
  margin: 0 auto;
}
.rollover .overlaycolor {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
  background-color: transparent;
  transition: background 0.2s ease;
}
img.overlay--expand {
  height: 40px !important;
  width: 40px !important;
  margin: 0 auto !important;
}
.gallery-slider .slider-inner {
  position: relative;
}
.gallery-slider a.gallery-link {
  text-decoration: none;
  color: #ffffff;
}
.gallery-slider .gallery-slider--image {
  height: 50vh;
}
.gallery-slider .gallery-header-container {
  text-align: center;
  text-transform: uppercase;
  padding-top: 1rem;
  bottom: 1rem;
  font-size: 16px;
  padding-bottom: 1rem;
  width: 100%;
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.7) 100%);
}
.featured-images-slider .featured-images-slider--image {
  height: 50vh;
}
@media only screen and (max-width: 760px) {
  .featured-images-slider .slick-list.draggable {
    padding-bottom: 2rem;
  }
}
.featured-images-slider .four-per-row .featured-images-slider--image {
  height: 40vh;
}
#section-photos .full-width-image-row .masonry-item {
  width: 100%;
}
#section-photos .full-width-image-row .masonry-item img {
  margin: 0rem auto;
}
#section-photos .two-image-row .masonry-item {
  width: 50%;
}
#section-photos .two-image-row .masonry-item img {
  margin: 0rem auto;
}
#section-photos .three-image-row .masonry-item {
  width: 33.333%;
}
#section-photos .three-image-row .masonry-item img {
  margin: 0rem auto;
}
#section-photos .four-image-row .masonry-item {
  width: 25%;
}
#section-photos .four-image-row .masonry-item img {
  margin: 0rem auto;
}
/* Demo site CSS. Not mobile first, not semantic, not optimized, made for 20 minutes, mess */
html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ol,
ul,
li,
form,
fieldset,
legend,
label,
table,
header,
footer,
nav,
section,
figure {
  margin: 0;
  padding: 0;
}
figure {
  display: block;
}
html {
  /*overflow-y: scroll;*/
}
a {
  color: #3169B3;
}
a:hover {
  color: #C00;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 26px;
  color: #282B30;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
}
/*code {
  background: #F8F8F8;
  padding: .1em .4em;
  color: #c82829;
  font-size: 14px;
}*/
code,
pre {
  font-family: Menlo, Monaco, monospace;
  font-size: 12px;
  line-height: 1.45;
  color: #333;
  tab-size: 4;
}
pre {
  padding: 0;
  margin: 0;
  overflow: auto;
  word-wrap: normal;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
}
code {
  padding: 0;
  padding: 3px 5px;
  margin: 0;
  background: #f2f2f2;
  border-radius: 2px;
}
pre code {
  background: none;
  padding: 0;
  border-radius: 0;
}
h3 code {
  font-size: 22px;
  font-weight: normal;
  padding: 6px 10px;
}
h3 code.default {
  font-size: 12px;
  padding: 0;
  background: none;
  opacity: 0.7;
}
.docs p {
  margin: 0;
  padding-bottom: 12px;
  padding-top: 12px;
}
.docs h1 {
  margin-bottom: 32px;
}
.docs h1 a {
  text-decoration: none;
}
.docs h1 a:hover {
  text-decoration: underline;
}
.docs h2 {
  margin: 0;
  margin: 36px 0 12px;
}
.docs h3 {
  margin: 0;
  margin: 24px 0 8px 0;
  font-size: 22px;
  line-height: 28px;
}
.docs ul,
.docs ol {
  margin-top: 8px;
  margin-bottom: 8px;
}
.docs li {
  margin: 0;
  padding: 4px 0;
}
.docs-menu {
  position: absolute;
  width: 160px;
  left: 0;
  top: 106px;
}
.docs-menu ul {
  list-style: none;
  margin: 0;
  padding: 25px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.docs-menu__ad {
  padding: 25px 10px;
  border-bottom: 1px solid #CCC;
  font-size: 13px;
  line-height: 17px;
  position: relative;
}
.docs-menu a {
  text-decoration: none;
  width: 100%;
}
a.docs-logo {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 0;
  text-decoration: none;
}
.docs-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
a.docs-menu__item--active {
  color: #222;
  font-weight: normal;
}
.codepen-embed {
  margin-left: -30px;
  padding: 16px 30px;
  width: 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #f8f8f8;
  height: 600px;
}
.codepen-embed--disabled {
  height: auto;
}
.codepen-embed p {
  margin-bottom: 0;
}
.docs .highlight {
  border-radius: 2px;
  margin-left: -30px;
  padding: 16px 30px;
  width: 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin-bottom: 26px;
}
/* Syntax highlighter styles (for docs) */
.highlight {
  background-color: #f8f8f8;
}
.c {
  color: #888;
}
/* Comment */
.err {
  color: #a61717;
  background-color: #e3d2d2;
}
/* Error */
.k {
  color: #a71d5d;
}
/* Keyword */
.o {
  color: #000000;
}
/* Operator */
.cm {
  color: #888;
}
/* Comment.Multiline */
.cp {
  color: #888;
  font-weight: bold;
}
/* Comment.Preproc */
.c1 {
  color: #888;
}
/* Comment.Single */
.cs {
  color: #888;
  font-weight: bold;
}
/* Comment.Special */
.gd {
  color: #000000;
  background-color: #ffdddd;
}
/* Generic.Deleted */
.ge {
  color: #000000;
}
/* Generic.Emph */
.gr {
  color: #aa0000;
}
/* Generic.Error */
.gh {
  color: #888;
}
/* Generic.Heading */
.gi {
  color: #000000;
  background-color: #ddffdd;
}
/* Generic.Inserted */
.go {
  color: #888888;
}
/* Generic.Output */
.gp {
  color: #555555;
}
/* Generic.Prompt */
.gs {
  font-weight: bold;
}
/* Generic.Strong */
.gu {
  color: #aaaaaa;
}
/* Generic.Subheading */
.gt {
  color: #aa0000;
}
/* Generic.Traceback */
.kc {
  color: #0086b3;
}
/* Keyword.Constant */
.kd {
  color: #a71d5d;
}
/* Keyword.Declaration */
.kn {
  color: #000000;
  font-weight: bold;
}
/* Keyword.Namespace */
.kp {
  color: #000000;
  font-weight: bold;
}
/* Keyword.Pseudo */
.kr {
  color: #000000;
  font-weight: bold;
}
/* Keyword.Reserved */
.kt {
  color: #795da3;
}
/* Keyword.Type */
.m {
  color: #009999;
}
/* Literal.Number */
.s {
  color: #df5000;
}
/* Literal.String */
.na {
  color: #a71d5d;
}
/* Name.Attribute */
.nb {
  color: #0086B3;
}
/* Name.Builtin */
.nc {
  color: #795da3;
}
/* Name.Class */
.no {
  color: #a71d5d;
}
/* Name.Constant */
.nd {
  color: #3c5d5d;
  font-weight: bold;
}
/* Name.Decorator */
.ni {
  color: #800080;
}
/* Name.Entity */
.ne {
  color: #990000;
  font-weight: bold;
}
/* Name.Exception */
.nf {
  color: #990000;
  font-weight: bold;
}
/* Name.Function */
.nl {
  color: #990000;
  font-weight: bold;
}
/* Name.Label */
.nn {
  color: #555555;
}
/* Name.Namespace */
.nt {
  color: #0086b3;
}
/* Name.Tag */
.nv {
  color: #a71d5d;
}
/* Name.Variable */
.ow {
  color: #000000;
  font-weight: bold;
}
/* Operator.Word */
.w {
  color: #bbbbbb;
}
/* Text.Whitespace */
.mf {
  color: #009999;
}
/* Literal.Number.Float */
.mh {
  color: #009999;
}
/* Literal.Number.Hex */
.mi {
  color: #009999;
}
/* Literal.Number.Integer */
.mo {
  color: #009999;
}
/* Literal.Number.Oct */
.sb {
  color: #df5000;
}
/* Literal.String.Backtick */
.sc {
  color: #df5000;
}
/* Literal.String.Char */
.sd {
  color: #df5000;
}
/* Literal.String.Doc */
.s2 {
  color: #df5000;
}
/* Literal.String.Double */
.se {
  color: #df5000;
}
/* Literal.String.Escape */
.sh {
  color: #df5000;
}
/* Literal.String.Heredoc */
.si {
  color: #df5000;
}
/* Literal.String.Interpol */
.sx {
  color: #df5000;
}
/* Literal.String.Other */
.sr {
  color: #009926;
}
/* Literal.String.Regex */
.s1 {
  color: #df5000;
}
/* Literal.String.Single */
.ss {
  color: #990073;
}
/* Literal.String.Symbol */
.bp {
  color: #888;
}
/* Name.Builtin.Pseudo */
.vc {
  color: #a71d5d;
}
/* Name.Variable.Class */
.vg {
  color: #a71d5d;
}
/* Name.Variable.Global */
.vi {
  color: #a71d5d;
}
/* Name.Variable.Instance */
.il {
  color: #009999;
}
/* Literal.Number.Integer.Long */
.language-css .k {
  color: #0086b3;
}
.language-css .nt {
  color: #63a35c;
}
/*body.open-sans {
  font-family: "open-sans";
}
.futura-pt {

}
.futura-pt p {
  font-family: "adelle";
}
.futura-pt h1, .futura-pt h2 {
  font-family: "futura-pt";
  text-transform: uppercase;
}
.futura-pt h3 {
  font-weight: bold;
}
*/
img {
  width: auto;
  max-width: 100%;
  height: auto;
  border: 0;
}
.video {
  width: 100%;
  margin: 0 0 24px 0;
}
.video__container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}
.video__container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-desc {
  width: 100%;
  max-width: 740px;
  margin: 12px auto;
}
p {
  margin: 0 0 12px;
}
ul {
  list-style: disc;
}
ul,
ol {
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}
h1 {
  font-size: 48px;
  line-height: 1;
  margin: 0;
  font-weight: 600;
  margin-bottom: 6px;
}
.row--heading {
  position: relative;
}
.section--head p {
  text-align: left;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 24px;
  font-size: 19px;
  line-height: 29px;
}
.section--head .github-button {
  position: absolute;
  right: 0;
  top: 0;
}
.row--nav {
  text-align: center;
  font-size: 32px;
  line-height: 1.1;
}
.navigation {
  width: 100%;
  background: #F7F7F7;
  position: relative;
  padding: 30px 0;
}
.navigation a {
  text-decoration: none;
  border-bottom: 1px solid #92ABCD;
}
a.twitter-nav-link {
  border: 0;
  margin: 0 0.2em;
}
.twitter-nav-link span {
  border-bottom: 1px solid #92ABCD;
}
.navigation a:hover,
.twitter-nav-link:hover span {
  border-bottom-color: #C00;
}
.twitter-nav-link:before {
  content: '';
  background: url('../test/twitter.svg');
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  background-size: 0.7em 0.7em;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  margin-right: 0.1em;
}
h2 {
  font-size: 32px;
  line-height: 1.1;
  margin-bottom: 12px;
  font-weight: 600;
}
h3 {
  font-size: 22px;
  line-height: 28px;
  margin: 0 0 8px 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
strong {
  font-weight: 600;
}
span.highlight {
  background: #f6f3e2;
}
.title-block p {
  font-size: 22px;
  line-height: 28px;
  max-width: 600px;
  margin-bottom: 24px;
}
.section--head p,
.title-block p {
  color: #666;
}
.title-block p {
  font-size: 19px;
  line-height: 29px;
}
.section {
  width: 100%;
}
.docs {
  margin-top: 60px;
}
.section--head {
  margin: 0;
  background: #EEE;
  /*background: linear-gradient(180deg, #eee 0%,#fff 100%);*/
  padding: 132px 0;
}
.row {
  max-width: 800px;
  margin: 24px auto;
  padding: 0 30px;
  position: relative;
}
.row--docs {
  max-width: 960px;
  padding-left: 210px;
}
.row--heading {
  margin-top: 0;
  margin-bottom: 0;
}
.row--footer {
  text-align: center;
  padding: 132px 0;
}
.row--wide {
  max-width: 1000px;
}
.row--video {
  max-width: 1160px;
}
.row--wide img {
  float: left;
  margin: 0 12px 12px 0;
  width: 200px;
}
img.img--with_border {
  border: 1px solid #DDD;
  border-radius: 2px;
}
.img-desc {
  margin-left: 212px;
}
/*.main-wrapper {
  background: none;
  width: 100%;
  padding-top: 0;
  
}
.content-wrap {
  


}*/
/* clearfix */
.row:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.row--large {
  margin-bottom: 48px;
}
.section--head h1 a {
  vertical-align: super;
  font-size: 14px;
  text-decoration: none;
}
/*p.intro {
  margin-top: 24px;
  font-size: 18px;
  line-height: 24px;
}*/
.col-50 {
  width: 48%;
  float: left;
}
.col-50:nth-child(1) {
  margin-right: 4%;
}
.col-img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.style-select {
  width: 100%;
  float: left;
}
.style-select .radio {
  position: relative;
  margin-bottom: 12px;
  display: block;
  float: left;
  width: 100%;
}
.style-select label {
  padding-left: 24px;
  position: relative;
  display: block;
  cursor: pointer;
}
.style-select input {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  opacity: 0;
  cursor: pointer;
}
.style-select input + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  background: none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: 2px solid rgba(0, 0, 0, 0.6);
}
.radio:hover label:before {
  border-color: #3169B3;
}
.style-select input:checked + label:before {
  border-color: #3169B3;
}
.style-select input:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #3169B3;
  border-radius: 50%;
}
/*.section--developers {
  color: #FFF;
  background: #222;
  background: #1f1f1f;
  padding: 80px 0;
}
.section--developers a {
  color:#FFFFFF;
}
.section--developers p,
.section--developers  ul.text-list {
  color: #ddd;
}
.section--developers .section--head p,
.section--developers .title-block p {
  color: #ddd;
}*/
.row--modules ul {
  list-style: none;
  margin-left: 0;
  /*color: rgba(255, 255, 255, 0.8);*/
}
.row--modules span {
  font-weight: 600;
  border-left: 5px solid #FFF;
  padding-left: 5px;
  margin-left: -10px;
}
.size-chart {
  width: 100%;
  display: inline-block;
}
.size-chart div {
  height: 21px;
  float: left;
  font-size: 13px;
  padding: 4px;
  line-height: 1;
}
.block__ui-separated {
  position: relative;
}
.block__ui-separated .col-50 {
  position: absolute;
  left: 0;
  top: 12px;
}
.block__ui-separated img {
  float: right;
  max-width: 450px;
}
.demo-gallery {
  width: 100%;
  height: auto;
  float: left;
}
.demo-gallery a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  display: block;
  float: left;
  margin: 0 12px 12px 0;
  width: 171px;
  line-height: 0;
}
a.demo-gallery__img--main {
  width: auto;
  height: auto;
}
.ukraine-flag {
  width: 21px;
  height: 14px;
  position: relative;
  background: #ffcc00;
  top: 1px;
  display: inline-block;
}
.ukraine-flag:before {
  content: '';
  position: absolute;
  width: 21px;
  height: 7px;
  left: 0;
  top: 0;
  background: #0066cc;
}
.demo-gallery figure {
  display: none;
}
.demo-gallery__title {
  line-height: 14px;
  font-size: 14px;
  opacity: 0.8;
  margin-top: 5px;
  width: 100%;
  float: left;
}
.share-buttons h2 {
  text-align: center;
  border: 0;
}
.share-buttons {
  text-align: center;
  position: relative;
  margin: 0 0 24px;
}
.share-buttons a {
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  color: #FFF;
  text-decoration: none;
  background: #5AAF63;
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
}
.share-buttons a:hover {
  opacity: 0.7;
}
#tweet {
  background: #0096c4;
}
#like {
  background: #3b5998;
}
#gplus {
  background: #d34836;
}
@media screen and (max-width: 1000px) {
  .row--wide {
    max-width: 800px;
  }
  .row--wide img {
    float: none;
  }
  .img-desc {
    margin-left: 0;
  }
  .section {
    margin-top: 0;
  }
  .row--docs {
    max-width: 800px;
    padding-left: 30px;
  }
  .section--head {
    margin-top: 0;
    padding: 30px 0;
  }
  .docs {
    margin-top: 48px;
  }
  .docs-menu {
    position: relative;
    margin: 15px 0;
    left: 0;
    top: 0;
  }
  .docs-menu ul {
    position: relative;
  }
  .docs-menu__ad {
    display: none;
  }
  .row--nav {
    font-size: 24px;
    line-height: 1.1;
  }
}
@media screen and (max-width: 650px) {
  h1 {
    font-size: 40px;
  }
  .block__ui-separated .col-50 {
    position: relative;
    top: 0;
  }
  .block__ui-separated img {
    max-width: 100%;
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 450px) {
  .col-50:nth-child(1) {
    margin-right: 0;
  }
  .row--wide img {
    margin-bottom: 6px;
  }
  .col-50 {
    width: 100%;
    margin-bottom: 12px;
  }
  .row {
    padding: 0 18px;
  }
  .docs .highlight,
  .codepen-embed {
    padding-left: 18px;
    padding-right: 18px;
    margin-left: -18px;
  }
  .section {
    margin-top: 0;
  }
  .docs {
    margin-top: 32px;
  }
  .section--head {
    margin-top: 0;
    padding: 24px 0;
  }
  .row--nav {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (max-width: 700px) {
  .row--nav {
    font-size: 18px;
    line-height: 26px;
  }
  .demo-gallery {
    max-width: 500px;
  }
  .demo-gallery a {
    width: 120px;
    margin: 0 4px 4px 0;
  }
  a.demo-gallery__img--main {
    width: 164px;
  }
  .section--head p {
    font-size: 18px;
    line-height: 24px;
  }
}
/*@media screen and (max-width: 490px) {
  .demo-gallery a {
    width: 100px;
    margin: 0 4px 4px 0;
  }
  a.demo-gallery__img--main {
    width: 137px;
  }
}
*/
.logged-in .pswp__top-bar {
  top: 32px;
}
.pswp__caption__center {
  text-align: center;
}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: block;
}
.my-gallery figcaption,
#SlickPhotoswipGallery figcaption {
  display: none;
}
@media screen and (max-width: 450px) {
  .demo-gallery a {
    width: 95px;
    margin: 0 1px 1px 0;
  }
  a.demo-gallery__img--main {
    width: 127px;
  }
}
@media screen and (max-width: 350px) {
  .demo-gallery a {
    width: 81px;
    margin: 0 1px 1px 0;
  }
  a.demo-gallery__img--main {
    width: 109px;
  }
}
.music-player {
  padding: 4rem 0;
}
.music-player iframe {
  width: 100%;
}
.stream-player {
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  pointer-events: none;
  z-index: 4;
}
.stream-player.active {
  opacity: 1;
  transition: all 0.4s ease-in-out 0s;
  animation-delay: 1.5s;
  pointer-events: all;
}
.stream-player .inner {
  background: none !important;
}
.stream-player .inner,
.stream-player p {
  height: 100%;
  width: 100%;
}
.stream-player .inner iframe,
.stream-player p iframe {
  height: 100% !important;
  width: 101% !important;
  backface-visibility: hidden;
  transition: all 0.4s ease-in-out 0s;
}
.stream-player .close-overlay {
  position: absolute;
  top: 3px;
  right: 3px;
  color: #FFF;
  text-align: right;
  padding: 8px;
  background: #FFF;
}
.stream-player .close-overlay .close-inner {
  width: 15px;
  height: 15px;
  background: url(../images/svg/icons-1/ic_close.svg) center no-repeat;
}
.stream-player .close-overlay:hover {
  cursor: pointer;
}
.stream-player .close-overlay:hover .close-inner {
  transform: rotate(90deg);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.all-photos-slider {
  margin-top: 0;
}
.all-photos-slider .slider-for .all-photos-slider--image {
  height: 60vh;
  max-width: 75%;
  margin: 0 auto;
}
.all-photos-slider .slider-nav {
  max-width: 75%;
  margin: 0 auto;
}
.all-photos-slider .slider-nav .all-photos-slider--image {
  height: 15vh;
  margin: 10px;
}
.merch.merch-slider .columns.one-third {
  margin: 2rem;
  text-align: center;
  position: relative;
}
.merch.merch-slider .columns.one-third a {
  text-decoration: none;
  color: #ffffff;
}
.merch.merch-slider .columns.one-third a .merch--image {
  height: 60vh;
}
.merch.merch-slider .columns.one-third a .merch--name {
  text-transform: uppercase;
  color: #ffffff;
  display: block;
  margin: 1rem 0 0;
}
.merch.merch-slider .columns.one-third a .merch--price {
  font-weight: 100;
}
section#section-merch a {
  text-decoration: none;
}
section#section-merch .imgoverlay .archive-video-thumbnail img {
  background: #ffffff;
}
section#section-merch button.slick-next.slick-arrow,
section#section-merch button.slick-prev.slick-arrow {
  top: 42%;
}
section#section-merch .more-button {
  text-align: center;
  margin-top: 2rem;
}
.products-list--product--overlay {
  background-color: rgba(33, 33, 33, 0.7);
  color: #fefefe;
  font-size: 6rem;
  opacity: 0;
  -webkit-transition: all .2s;
  transition: all .2s;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.products-list--product:hover .products-list--product--overlay {
  opacity: 1;
}
.products-list--product .products-list--product--overlay span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 6rem;
}
body.woocommerce-page .page-body {
  margin-top: 75px !important;
  padding-top: 2rem;
  max-width: 95%;
  margin: 0 auto;
}
body.woocommerce-page.with-gutter .page-body {
  width: 100%;
  max-width: 95%;
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) {
  body.woocommerce-page.with-gutter .page-body {
    max-width: 1100px;
  }
}
body.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a,
body.woocommerce-page div#payment p {
  color: initial !important;
}
body.woocommerce-page .summary.entry-summary #respond input#submit,
body.woocommerce-page .summary.entry-summary a.button,
body.woocommerce-page .summary.entry-summary button.button,
body.woocommerce-page .summary.entry-summary input.button {
  overflow: hidden !important;
}
body.woocommerce-page table.cart img,
body.woocommerce-page td.product-thumbnail {
  width: 150px !important;
}
body.woocommerce-page .wc-proceed-to-checkout a {
  width: auto !important;
  height: auto !important;
}
body.woocommerce-page .woocommerce a.remove {
  line-height: 0.8 !important;
}
body.woocommerce-page img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image {
  background: #ffffff !important;
}
body.woocommerce-page .site-main img {
  background: #ffffff !important;
}
body.woocommerce-page .site-main .flex-control-nav li {
  padding: 10px 5px !important;
}
body.woocommerce-page .site-main .flex-control-nav li:first-of-type {
  padding-left: 0 !important;
}
body.woocommerce-page .site-main .flex-control-nav li:last-of-type {
  padding-right: 0 !important;
}
body.woocommerce-page .site-main .quantity .qty {
  height: 40px !important;
}
body.woocommerce-page table.cart td.actions .input-text {
  height: 40px !important;
  width: auto !important;
}
body.woocommerce-page ul.products li.product a img {
  margin: 0 !important;
}
body.woocommerce-page select {
  border-radius: 0 !important;
}
body.woocommerce-page .woocommerce-error,
body.woocommerce-page .woocommerce-info,
body.woocommerce-page .woocommerce-message {
  line-height: 2.5 !important;
}
body.woocommerce-page .pswp__button--fs {
  background-image: none !important;
}
body.woocommerce-page .pswp__button--fs:after {
  content: ' ';
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #FFF;
  mask-image: url(../images/svg/icons-1/ic_expand.svg);
  -webkit-mask-image: url(../images/svg/icons-1/ic_expand.svg);
}
body.woocommerce-page button.pswp__button.pswp__button--arrow--right {
  background-image: none !important;
}
body.woocommerce-page button.pswp__button.pswp__button--arrow--right:before {
  background-image: none !important;
  content: ' ';
  position: absolute;
  top: 20px;
  right: 20px;
  width: 10px;
  height: 20px;
  background-color: #FFF;
  mask-image: url(../images/svg/icons-1/ic_chevron_right.svg);
  -webkit-mask-image: url(../images/svg/icons-1/ic_chevron_right.svg);
}
body.woocommerce-page button.pswp__button.pswp__button--close {
  background-image: none !important;
}
body.woocommerce-page button.pswp__button.pswp__button--close:after {
  content: ' ';
  position: absolute;
  top: 20px;
  right: 20px;
  width: 10px;
  height: 20px;
  background-color: #FFF;
  mask-image: url(../images/svg/icons-1/ic_close-white.svg);
  -webkit-mask-image: url(../images/svg/icons-1/ic_close-white.svg);
}
section.newsletter-banner .section.signup {
  height: auto;
}
section.newsletter-banner .section.signup .signup--background form#mc4wp-form-1 {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}
section.newsletter-banner .section.signup .signup--background form#mc4wp-form-1 label {
  text-align: center;
}
section.newsletter-banner .section.signup .signup--form-container {
  position: relative;
  height: 100%;
  padding: 2rem 0;
}
.gallery-photo figcaption .featured-images-slider--text {
  word-break: break-all;
}
/* GRID */
.gallery-photo-grid .js-photo {
  display: block;
  float: left;
}
.gallery-photo-grid.two_per_row .js-photo {
  width: calc(100% / 2);
}
.gallery-photo-grid.three_per_row .js-photo {
  width: calc(100% / 3);
}
.gallery-photo-grid.four_per_row .js-photo {
  width: calc(100% / 4);
}
.gallery-photo-grid.five_per_row .js-photo {
  width: calc(100% / 5);
}
#section-photos .two_per_row {
  width: 50%;
}
#section-photos .three_per_row {
  width: 33.333%;
}
#section-photos .four_per_row {
  width: 25%;
}
#section-photos .five_per_row {
  width: 20%;
}
@media screen and (max-width: 768px) {
  #section-photos .three_per_row,
  #section-photos .four_per_row,
  #section-photos .five_per_row {
    width: 50% !important;
  }
}
@media only screen and (min-width: 480px) {
  a.js-photo {
    padding: 5px;
  }
}
.single-promo .slide.slide--image {
  transform: scale(1.1);
  filter: invert(100%);
}
.single-promo .slide.slide--image.active {
  transform: scale(1);
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1);
  filter: invert(0%);
}
.single-promo .slide--text {
  opacity: 0;
  -webkit-text-stroke: 1px #FFF;
  background-size: auto 100vh;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-position-y: 0%;
  transition: all 0.4s ease-in-out 0s;
  transform: scale(0.9);
}
.single-promo .slide--text.active {
  opacity: 1;
  transform: scale(1);
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1);
}
.promo-mask {
  position: absolute;
  width: 100%;
  height: 50vh;
  left: 0;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  background: #000;
  z-index: 9;
}
.promo-mask.active {
  transform: scaleY(0);
}
#promo-mask-1 {
  top: 0;
  transform-origin: top center;
}
#promo-mask-2 {
  top: 50vh;
  transform-origin: bottom center;
}
.arrow {
  animation: bounce 2s infinite;
  display: block;
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
a.slide--link:hover {
  color: inherit !important;
}
.music-albums {
  position: relative;
}
.follow {
  text-align: center;
}
.follow iframe .bd {
  padding-top: 0 !important;
}
.releases-grid .release-thumbnail {
  width: 50%;
  float: left;
  padding-bottom: 4rem;
}
@media only screen and (min-width: 480px) {
  .releases-grid .release-thumbnail:nth-last-of-type(2),
  .releases-grid .release-thumbnail:last-of-type {
    margin-bottom: 0;
  }
}
.releases-grid .release-thumbnail .release-thumbnail--contents {
  max-width: 500px;
}
@media only screen and (max-width: 479px) {
  .releases-grid .release-thumbnail {
    width: 100%;
  }
  .releases-grid .release-thumbnail:last-of-type {
    margin-bottom: 0;
  }
}
.releases-grid.grid-one .release-thumbnail {
  width: 100%;
  float: left;
}
.releases-grid.grid-two .release-thumbnail {
  width: 50%;
  float: left;
}
@media only screen and (max-width: 479px) {
  .releases-grid.grid-two .release-thumbnail {
    width: 100%;
  }
}
.releases-grid.grid-two div#release-1.odd {
  width: 100%;
}
.releases-grid.grid-three .release-thumbnail {
  width: 33%;
  float: left;
}
@media only screen and (max-width: 479px) {
  .releases-grid.grid-three .release-thumbnail {
    width: 100%;
  }
}
.release-thumbnail {
  position: relative;
}
.release-thumbnail--image {
  margin: 0 auto;
}
.release-thumbnail--title-area {
  text-align: center;
  padding: 0.5rem 0 0;
}
.release-thumbnail--title-area .release-thumbnail--category {
  opacity: 0.7;
  margin-bottom: 0;
}
.release-thumbnail.release-thumbnail--zoom {
  position: relative;
  overflow: hidden;
  display: block;
}
.release-thumbnail .release-thumbnail--contents {
  position: relative;
  overflow: hidden;
  max-width: 400px;
  margin: 0 auto;
  padding: 10px 10px 0;
}
.release-thumbnail .release-thumbnail--contents .release-thumbnail--image-wrapper {
  position: relative;
  overflow: hidden;
}
.release-thumbnail .release-thumbnail--contents img.release-thumbnail--close {
  float: right;
  margin: 10px;
  height: 16px;
  width: 16px;
  cursor: pointer;
  transition: 0.3s;
  transform: rotate(0deg);
}
.release-thumbnail .release-thumbnail--contents img.release-thumbnail--close:hover {
  transform: rotate(90deg);
  transition-delay: 0s;
}
.release-thumbnail .release-thumbnail--contents .release-thumbnail--links-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition-delay: 0.5s !important;
}
.release-thumbnail .release-thumbnail--contents #listenLinks,
.release-thumbnail .release-thumbnail--contents #buyLinks,
.release-thumbnail .release-thumbnail--contents .release-thumbnail--links-container {
  transition: all 230ms ease-in;
  transition: 0.5s;
  opacity: 0;
  pointer-events: none;
}
.release-thumbnail .release-thumbnail--contents #listenLinks li,
.release-thumbnail .release-thumbnail--contents #buyLinks li,
.release-thumbnail .release-thumbnail--contents .release-thumbnail--links-container li {
  transition: all 0.4s ease-in-out 0s;
  transform: translateY(-10px);
  opacity: 0;
}
.release-thumbnail .release-thumbnail--contents #listenLinks li:nth-child(1),
.release-thumbnail .release-thumbnail--contents #buyLinks li:nth-child(1),
.release-thumbnail .release-thumbnail--contents .release-thumbnail--links-container li:nth-child(1) {
  transition-delay: 0.1s;
}
.release-thumbnail .release-thumbnail--contents #listenLinks li:nth-child(2),
.release-thumbnail .release-thumbnail--contents #buyLinks li:nth-child(2),
.release-thumbnail .release-thumbnail--contents .release-thumbnail--links-container li:nth-child(2) {
  transition-delay: 0.2s;
}
.release-thumbnail .release-thumbnail--contents #listenLinks li:nth-child(3),
.release-thumbnail .release-thumbnail--contents #buyLinks li:nth-child(3),
.release-thumbnail .release-thumbnail--contents .release-thumbnail--links-container li:nth-child(3) {
  transition-delay: 0.3s;
}
.release-thumbnail .release-thumbnail--contents #listenLinks li:nth-child(4),
.release-thumbnail .release-thumbnail--contents #buyLinks li:nth-child(4),
.release-thumbnail .release-thumbnail--contents .release-thumbnail--links-container li:nth-child(4) {
  transition-delay: 0.4s;
}
.release-thumbnail .release-thumbnail--contents #listenLinks li:nth-child(5),
.release-thumbnail .release-thumbnail--contents #buyLinks li:nth-child(5),
.release-thumbnail .release-thumbnail--contents .release-thumbnail--links-container li:nth-child(5) {
  transition-delay: 0.5s;
}
.release-thumbnail .release-thumbnail--contents #listenLinks li:nth-child(6),
.release-thumbnail .release-thumbnail--contents #buyLinks li:nth-child(6),
.release-thumbnail .release-thumbnail--contents .release-thumbnail--links-container li:nth-child(6) {
  transition-delay: 0.6s;
}
.release-thumbnail .release-thumbnail--contents div#listenLinks button {
  position: relative;
}
.release-thumbnail .release-thumbnail--contents div#buyLinks button {
  position: relative;
}
.release-thumbnail .release-thumbnail--contents div#buyLinks button:hover:after {
  opacity: 1;
  right: 14px;
}
.release-thumbnail .release-thumbnail--contents .release-thumbnail--links {
  color: #ffffff;
  text-align: center;
}
.release-thumbnail .release-thumbnail--contents .release-thumbnail--links ul {
  margin-left: 0;
  list-style-type: none;
  text-align: center;
}
.release-thumbnail .release-thumbnail--contents .release-thumbnail--links ul li a:hover {
  color: inherit;
}
.release-thumbnail .release-thumbnail--contents .release-thumbnail--links ul button {
  min-width: 240px;
  padding: 12px 20px;
}
.release-thumbnail .release-thumbnail--contents .release-thumbnail--embed {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: translateX(103%);
  -ms-transform: translateX(103%);
  transform: translateX(103%);
  transition: 0.5s;
}
.release-thumbnail .release-thumbnail--contents .release-thumbnail--embed .spotify-embed,
.release-thumbnail .release-thumbnail--contents .release-thumbnail--embed .deezer-embed,
.release-thumbnail .release-thumbnail--contents .release-thumbnail--embed .applemusic-embed,
.release-thumbnail .release-thumbnail--contents .release-thumbnail--embed .tidal-embed,
.release-thumbnail .release-thumbnail--contents .release-thumbnail--embed .googleplay,
.release-thumbnail .release-thumbnail--contents .release-thumbnail--embed .amazonmusic {
  height: 100%;
}
.release-thumbnail .release-thumbnail--contents .release-thumbnail--embed .spotify-embed iframe,
.release-thumbnail .release-thumbnail--contents .release-thumbnail--embed .deezer-embed iframe,
.release-thumbnail .release-thumbnail--contents .release-thumbnail--embed .applemusic-embed iframe,
.release-thumbnail .release-thumbnail--contents .release-thumbnail--embed .tidal-embed iframe,
.release-thumbnail .release-thumbnail--contents .release-thumbnail--embed .googleplay iframe,
.release-thumbnail .release-thumbnail--contents .release-thumbnail--embed .amazonmusic iframe {
  width: 100% !important;
  height: 100% !important;
}
.release-thumbnail .release-thumbnail--contents .release-thumbnail--embed .applemusic-embed iframe div#container {
  width: 100% !important;
  height: 100% !important;
  background: #ffffff !important;
}
.release-thumbnail--contents.spotify-embed-active .spotify-embed {
  transform: none;
}
.release-thumbnail--contents.deezer-embed-active .deezer-embed {
  transform: none;
}
.release-thumbnail--contents.applemusic-embed-active .applemusic-embed {
  transform: none;
}
.release-thumbnail--contents.tidal-embed-active .tidal-embed {
  transform: none;
}
.release-thumbnail--contents.googleplay-embed-active .googleplay-embed {
  transform: none;
}
.release-thumbnail--contents.amazonmusic-embed-active .amazonmusic-embed {
  transform: none;
}
.listenLinks-active .release-thumbnail--contents img.release-thumbnail--close {
  transform: rotate(180deg);
  transition-delay: 0.5s;
}
.listenLinks-active .release-thumbnail--contents #listenLinks,
.listenLinks-active .release-thumbnail--contents .listenLinks.release-thumbnail--links-container {
  opacity: 1;
  transform: none;
  pointer-events: all;
}
.listenLinks-active .release-thumbnail--contents #listenLinks li,
.listenLinks-active .release-thumbnail--contents .listenLinks.release-thumbnail--links-container li {
  transition: all 0.4s ease-in-out 0s;
  transform: translateY(0px);
  opacity: 1;
}
.listenLinks-active .release-thumbnail--contents #listenLinks li:nth-child(1),
.listenLinks-active .release-thumbnail--contents .listenLinks.release-thumbnail--links-container li:nth-child(1) {
  transition-delay: 0.5s;
}
.listenLinks-active .release-thumbnail--contents #listenLinks li:nth-child(2),
.listenLinks-active .release-thumbnail--contents .listenLinks.release-thumbnail--links-container li:nth-child(2) {
  transition-delay: 0.6s;
}
.listenLinks-active .release-thumbnail--contents #listenLinks li:nth-child(3),
.listenLinks-active .release-thumbnail--contents .listenLinks.release-thumbnail--links-container li:nth-child(3) {
  transition-delay: 0.7s;
}
.listenLinks-active .release-thumbnail--contents #listenLinks li:nth-child(4),
.listenLinks-active .release-thumbnail--contents .listenLinks.release-thumbnail--links-container li:nth-child(4) {
  transition-delay: 0.8s;
}
.listenLinks-active .release-thumbnail--contents #listenLinks li:nth-child(5),
.listenLinks-active .release-thumbnail--contents .listenLinks.release-thumbnail--links-container li:nth-child(5) {
  transition-delay: 0.9s;
}
.listenLinks-active .release-thumbnail--contents #listenLinks li:nth-child(6),
.listenLinks-active .release-thumbnail--contents .listenLinks.release-thumbnail--links-container li:nth-child(6) {
  transition-delay: 1.0s;
}
.buyLinks-active .release-thumbnail--contents img.release-thumbnail--close {
  transform: rotate(180deg);
  transition-delay: 0.5s;
}
.buyLinks-active .release-thumbnail--contents #buyLinks,
.buyLinks-active .release-thumbnail--contents .buyLinks.release-thumbnail--links-container {
  opacity: 1;
  transform: none;
  pointer-events: all;
}
.buyLinks-active .release-thumbnail--contents #buyLinks li,
.buyLinks-active .release-thumbnail--contents .buyLinks.release-thumbnail--links-container li {
  transition: all 0.4s ease-in-out 0s;
  transform: translateY(0px);
  opacity: 1;
}
.buyLinks-active .release-thumbnail--contents #buyLinks li:nth-child(1),
.buyLinks-active .release-thumbnail--contents .buyLinks.release-thumbnail--links-container li:nth-child(1) {
  transition-delay: 0.5s;
}
.buyLinks-active .release-thumbnail--contents #buyLinks li:nth-child(2),
.buyLinks-active .release-thumbnail--contents .buyLinks.release-thumbnail--links-container li:nth-child(2) {
  transition-delay: 0.6s;
}
.buyLinks-active .release-thumbnail--contents #buyLinks li:nth-child(3),
.buyLinks-active .release-thumbnail--contents .buyLinks.release-thumbnail--links-container li:nth-child(3) {
  transition-delay: 0.7s;
}
.buyLinks-active .release-thumbnail--contents #buyLinks li:nth-child(4),
.buyLinks-active .release-thumbnail--contents .buyLinks.release-thumbnail--links-container li:nth-child(4) {
  transition-delay: 0.8s;
}
.buyLinks-active .release-thumbnail--contents #buyLinks li:nth-child(5),
.buyLinks-active .release-thumbnail--contents .buyLinks.release-thumbnail--links-container li:nth-child(5) {
  transition-delay: 0.9s;
}
.buyLinks-active .release-thumbnail--contents #buyLinks li:nth-child(6),
.buyLinks-active .release-thumbnail--contents .buyLinks.release-thumbnail--links-container li:nth-child(6) {
  transition-delay: 1.0s;
}
.stream-player.loaded .inner {
  opacity: 1;
  transition: all 0.4s ease-in-out 0s;
}
.stream-player .loader {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 9;
  background: rgba(0, 0, 0, 0.6);
}
.stream-player .inner {
  opacity: 0;
  z-index: 10;
  position: absolute;
  transition: all 0.4s ease-in-out 0s;
}
.stream-player .close-overlay {
  z-index: 11;
}
.stream-player .spinner {
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.stream-player .spinner > div {
  background-color: #FFF;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.stream-player .spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.stream-player .spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.stream-player .spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.stream-player .spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
section#section-press .review {
  text-align: center;
}
section#section-press .review a.review--link {
  text-decoration: none;
  transition: 0.3s;
}
section#section-press .review svg.svg-inline--fa:hover {
  color: inherit !important;
}
section#section-press .review ul {
  list-style-type: none;
}
section#section-press .review ul li {
  padding: 1rem 0;
}
section#section-press .review ul li.review--quote {
  font-size: 130% !important;
  line-height: 1.5;
  max-width: 50rem;
  margin: 0 auto;
}
section#section-press .review ul li.review--stars {
  padding-top: 0;
}
section#section-press .review ul li.review--name {
  padding-top: 0.5rem;
  padding-bottom: 0;
}
#section-instagram {
  text-align: center;
}
/*----------------------------------------------
24. MODULES THROUGHOUT SITE
------------------------------------------------*/
.single-promo .slide--image--wrapper {
  overflow: hidden;
  position: relative;
}
.single-promo .slide--image--wrapper .slide--image {
  width: 100%;
}
.single-promo .slide--text-area {
  z-index: 9;
}
@media only screen and (max-width: 479px) {
  .single-promo .slide--text-area {
    bottom: 8rem !important;
  }
}
.single-promo a.slide--link {
  text-decoration: none;
}
.single-promo .slide--text {
  max-width: 90%;
  margin: 0 auto;
  line-height: 1;
}
.single-promo button.slick-prev.slick-arrow {
  position: absolute;
  z-index: 1;
}
@media only screen and (min-width: 1024px) {
  .single-promo .slide--mobile-image {
    display: none;
  }
  .single-promo .slide--desktop-image {
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  .single-promo .slide--mobile-image {
    display: block;
  }
  .single-promo .slide--desktop-image {
    display: none;
  }
}
.single-promo .slide.slide--image {
  height: 100vh;
  position: relative;
  text-align: center;
}
.single-promo .slide.slide--image .slide--tint {
  background: rgba(0, 0, 0, 0.3);
  height: 100%;
  width: 100%;
}
.single-promo .slide.slide--image .slide--text-area {
  z-index: 9;
}
@media only screen and (max-width: 479px) {
  .single-promo .slide.slide--image .slide--text-area {
    margin-bottom: 4rem !important;
  }
}
.single-promo .slide.slide--image .slide--text-area a.slide--link {
  text-decoration: none;
  color: inherit;
}
.single-promo .slide.slide--image .slide--text-area svg.svg-inline--fa.fa-chevron-right {
  background: #ffffff;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  padding: 5px;
  color: #000000;
  margin-right: 1rem;
}
.single-promo .slide.slide--image .slide--text,
.single-promo .slide.slide--image .slide--sub-text {
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  margin-top: 0;
}
.single-promo .slide.slide--image .slide--sub-text {
  display: inline-block;
}
.single-promo .slide.slide--image .slide--gradient {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  position: absolute;
}
.single-promo .slide.slide--image .slide--social-area {
  bottom: 2rem;
  position: absolute;
  width: 100%;
}
.single-promo .slide.slide--image .slide--social-area li {
  padding: 0 1rem;
}
.single-promo .slide.slide--image .slide--social-area .svg-inline--fa {
  font-size: 2rem;
  color: #ffffff;
}
.text-and-gradient {
  position: absolute;
  height: 100vh;
  width: 100%;
  top: 0;
}
.slide--text-area {
  position: absolute;
  width: 100%;
}
.slide--text-area.left {
  text-align: left;
  bottom: 4rem;
}
.slide--text-area.right {
  text-align: right;
  bottom: 4rem;
}
.slide--text-area.bottom_center {
  text-align: center;
  bottom: 4rem;
}
.slide--text-area.middle_center {
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.hero-video {
  position: relative;
  height: 100vh;
}
.hero-video video#video {
  height: 100vh;
  object-fit: cover;
}
.hero-video .slide--text-area {
  z-index: 9;
}
.hero-video .slide--text-area a.slide--link {
  text-decoration: none;
  color: inherit;
}
.basicBox {
  width: 130px;
  height: 65px;
  margin: 15px auto;
  color: #ffffff;
  font-size: 1.15rem;
  line-height: 65px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.basicBox a {
  text-decoration: none;
  color: #ffffff;
}
.basicBox svg {
  position: absolute;
  top: 0;
}
.basicBox svg rect,
.basicBox svg path,
.basicBox svg polyline {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1;
}
.basicBox:hover svg rect {
  stroke: #ffffff;
}
/* Basic Box */
svg rect {
  stroke-dasharray: 400, 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}
.basicBox:hover svg rect {
  stroke-width: 3;
  stroke-dasharray: 35, 245;
  stroke-dashoffset: 38;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}
body.single-tcc_release .section-inner {
  padding-top: 0;
  padding-bottom: 0;
}
.release-top-pocket {
  height: 100%;
  background: #cccccc;
  padding-top: 2rem;
}
.release-top-pocket .release-packshot--wrapper {
  padding: 75px 0;
}
.release-top-pocket button.slick-next.slick-arrow {
  right: -2rem;
}
.release-top-pocket button.slick-prev.slick-arrow {
  left: -2rem;
}
.release-top-pocket .back-button {
  text-align: center;
}
.release-top-pocket .back-button a {
  text-decoration: none;
}
.release-top-pocket .back-button a:hover img {
  transform: rotate(180deg);
}
.release-top-pocket .back-button a img {
  width: 19px;
  height: 19px;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.release-top-pocket .release-packshot {
  max-width: 500px;
  max-height: 500px;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.release-top-pocket .release-packshot .release-packshot--image {
  height: 500px;
  width: 500px;
}
.release-top-pocket .release-packshot .buy-links,
.release-top-pocket .release-packshot .play-links,
.release-top-pocket .release-packshot .spotify-player {
  margin: 0 auto;
  height: 100%;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 230ms ease-in;
  transition: all 230ms ease-in;
  -webkit-transform: translateX(103%);
  -ms-transform: translateX(103%);
  transform: translateX(103%);
}
.release-top-pocket .release-packshot .buy-links iframe,
.release-top-pocket .release-packshot .play-links iframe,
.release-top-pocket .release-packshot .spotify-player iframe {
  width: 100%;
  height: 100%;
}
.release-top-pocket .release-packshot .buy-links .play-links--list,
.release-top-pocket .release-packshot .play-links .play-links--list,
.release-top-pocket .release-packshot .spotify-player .play-links--list,
.release-top-pocket .release-packshot .buy-links .buy-links--list,
.release-top-pocket .release-packshot .play-links .buy-links--list,
.release-top-pocket .release-packshot .spotify-player .buy-links--list {
  list-style-type: none;
}
.release-top-pocket .release-packshot .buy-links .play-links--list li a,
.release-top-pocket .release-packshot .play-links .play-links--list li a,
.release-top-pocket .release-packshot .spotify-player .play-links--list li a,
.release-top-pocket .release-packshot .buy-links .buy-links--list li a,
.release-top-pocket .release-packshot .play-links .buy-links--list li a,
.release-top-pocket .release-packshot .spotify-player .buy-links--list li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
}
.release-top-pocket .release-packshot .buy-links .play-links--close,
.release-top-pocket .release-packshot .play-links .play-links--close,
.release-top-pocket .release-packshot .spotify-player .play-links--close,
.release-top-pocket .release-packshot .buy-links .buy-links--close,
.release-top-pocket .release-packshot .play-links .buy-links--close,
.release-top-pocket .release-packshot .spotify-player .buy-links--close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 1rem;
  right: 1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.release-top-pocket .release-packshot .buy-links .play-links--close:hover,
.release-top-pocket .release-packshot .play-links .play-links--close:hover,
.release-top-pocket .release-packshot .spotify-player .play-links--close:hover,
.release-top-pocket .release-packshot .buy-links .buy-links--close:hover,
.release-top-pocket .release-packshot .play-links .buy-links--close:hover,
.release-top-pocket .release-packshot .spotify-player .buy-links--close:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.release-top-pocket .release-packshot--content {
  position: relative;
  margin: 1rem auto;
  max-width: 500px;
  display: block;
  text-align: center;
  color: #000000;
}
.release-top-pocket .release-packshot--content .release-packshot--header {
  font-weight: bold;
  text-transform: uppercase;
}
.release-top-pocket .release-packshot--content a {
  text-decoration: none;
  color: #000000;
}
.release-top-pocket .release-packshot--content span {
  font-weight: bolder;
}
body.showing-buy-links .release-packshot .buy-links {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.showing-play-links .release-packshot .play-links {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.showing-spotify-player .release-packshot .spotify-player {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.release-tracklisting {
  background: #000000;
  color: #ffffff;
  padding-top: 50px;
  padding-bottom: 50px;
}
.release-tracklisting .section-title {
  text-transform: uppercase;
  font-weight: bold;
}
.release-tracklisting ul.release-cta-tracks {
  margin-left: 0;
  list-style-type: none;
  text-transform: uppercase;
  text-align: center;
  font-size: large;
}
.release-tracklisting ul.release-cta-tracks li {
  font-weight: bolder;
  margin-bottom: 2rem;
}
.release-tracklisting a.popup-youtube {
  text-decoration: none;
}
.release-tracklisting a.popup-with-zoom-anim {
  color: #ffffff;
  text-decoration: none;
}
.release-tracklisting svg.svg-inline--fa {
  padding: 0 0.5rem;
  color: #ffffff;
}
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.my-mfp-zoom-in.mfp-ready {
  overflow-x: hidden;
  overflow-y: auto;
}
/* Styles for dialog window */
.zoom-anim-dialog {
  background: transparent;
  font-weight: bolder;
  color: #ffffff;
  padding: 20px 30px;
  text-align: left;
  max-width: 500px;
  margin: 40px auto;
  position: relative;
  text-align: center;
}
body.single-tcc_release .my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.9;
}
body.single-tcc_release button.mfp-close {
  top: 0;
  color: #ffffff !important;
}
/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
/**
 * Fade-move animation for second dialog
 */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}
.two-related-videos .featured-video-inner-wrapper.release-related-video-item.release-related-video-item-1,
.two-related-videos .featured-video-inner-wrapper.release-related-video-item.release-related-video-item-2 {
  width: 50%;
  float: left;
}
.two-related-videos .featured-video-content {
  position: relative;
}
.two-related-videos .featured-video-content .featured-video-inner-content {
  position: absolute;
  bottom: 0;
  padding: 2rem;
  z-index: 1;
  font-weight: bold;
  text-transform: uppercase;
}
.two-related-videos .featured-video-content .featured-video-inner-content .related-video--title {
  margin-top: 0;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 1;
}
.two-related-videos .featured-video-wrapper {
  position: relative;
}
.two-related-videos .featured-video-wrapper .featured-video--fade {
  height: 24%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
  background: transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.9)));
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
}
.release-related-videos img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 100%;
}
.hero .hero--image {
  height: 80vh;
}
@media only screen and (max-width: 1023px) {
  body.single .hero .hero--image {
    height: 50vh;
  }
}
@media only screen and (max-width: 479px) {
  body.single .hero .hero--image {
    height: 30vh;
  }
}
.video-header--outer {
  height: 80vh;
  position: relative;
  margin-bottom: 2rem;
}
.video-header--outer .archive-video-thumbnail.lazyload.full-bg {
  height: 80vh;
}
.video-header--outer .video-header--copy-wrapper {
  z-index: 9;
  left: 1rem;
  max-width: 40%;
}
.video-header--outer .video-header--copy-wrapper span {
  color: #ffffff;
}
.video-header--outer .video-header--copy-wrapper .video-header--title {
  color: #ffffff;
  font-weight: bold;
  line-height: 1;
  margin-top: 0;
}
.video-header--outer .video-header--fade {
  background: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
  position: absolute;
  left: 0;
  top: 0;
  width: 40%;
  z-index: 0;
  height: 100%;
}
#launch-holder {
  position: fixed;
  z-index: 9;
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  width: 100%;
  right: 0;
  transition: all 0.4s ease-in-out 0s;
  transition-delay: 0.5s !important;
  pointer-events: none;
  opacity: 0;
}
#launch-holder.active {
  pointer-events: all;
  opacity: 1;
  right: 0;
  transition: all 0.4s ease-in-out 0s;
}
#launch-holder.active img.release-thumbnail--close {
  transform: rotate(180deg);
  transition-delay: 0s;
}
#launch-holder.active img.release-thumbnail--close:hover {
  transform: rotate(90deg);
  transition-delay: 0s;
}
#launch-holder .release-thumbnail--contents {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 250px;
}
#launch-holder .release-thumbnail--image-wrapper {
  text-align: center;
}
#launch-holder .release-thumbnail--image {
  max-width: 100%;
  max-height: 100%;
  background: #000;
  border: 1px solid #333;
}
#launch-holder img.release-thumbnail--close {
  top: -40px;
  right: -40px;
  position: absolute;
  margin: 10px;
  height: 16px;
  width: 16px;
  cursor: pointer;
  transition: 0.3s;
}
#launch-holder img.release-thumbnail--close:hover {
  transform: rotate(90deg);
  transition-delay: 0s;
}
#launch-holder li {
  list-style: none;
}
#launch-holder #listenLinks,
#launch-holder #buyLinks {
  transition: all 230ms ease-in;
  transition-delay: 0.5s;
  opacity: 0;
  pointer-events: none;
}
#launch-holder #listenLinks li,
#launch-holder #buyLinks li {
  transition: all 0.4s ease-in-out 0s;
  transform: translateY(-10px);
  opacity: 0;
}
#launch-holder #listenLinks li:nth-child(1),
#launch-holder #buyLinks li:nth-child(1) {
  transition-delay: 0.1s;
}
#launch-holder #listenLinks li:nth-child(2),
#launch-holder #buyLinks li:nth-child(2) {
  transition-delay: 0.2s;
}
#launch-holder #listenLinks li:nth-child(3),
#launch-holder #buyLinks li:nth-child(3) {
  transition-delay: 0.3s;
}
#launch-holder #listenLinks li:nth-child(4),
#launch-holder #buyLinks li:nth-child(4) {
  transition-delay: 0.4s;
}
#launch-holder #listenLinks li:nth-child(5),
#launch-holder #buyLinks li:nth-child(5) {
  transition-delay: 0.5s;
}
#launch-holder #listenLinks li:nth-child(6),
#launch-holder #buyLinks li:nth-child(6) {
  transition-delay: 0.6s;
}
#launch-holder #listenLinks.active,
#launch-holder #buyLinks.active {
  opacity: 1;
  transform: none;
  pointer-events: all;
}
#launch-holder #listenLinks.active li,
#launch-holder #buyLinks.active li {
  transition: all 0.4s ease-in-out 0s;
  transform: translateY(0px);
  opacity: 1;
}
#launch-holder #listenLinks.active li:nth-child(1),
#launch-holder #buyLinks.active li:nth-child(1) {
  transition-delay: 0.5s;
}
#launch-holder #listenLinks.active li:nth-child(2),
#launch-holder #buyLinks.active li:nth-child(2) {
  transition-delay: 0.6s;
}
#launch-holder #listenLinks.active li:nth-child(3),
#launch-holder #buyLinks.active li:nth-child(3) {
  transition-delay: 0.7s;
}
#launch-holder #listenLinks.active li:nth-child(4),
#launch-holder #buyLinks.active li:nth-child(4) {
  transition-delay: 0.8s;
}
#launch-holder #listenLinks.active li:nth-child(5),
#launch-holder #buyLinks.active li:nth-child(5) {
  transition-delay: 0.9s;
}
#launch-holder #listenLinks.active li:nth-child(6),
#launch-holder #buyLinks.active li:nth-child(6) {
  transition-delay: 1.0s;
}
#launch-holder .stream-player {
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0;
}
#launch-holder .stream-player iframe {
  border: 1px solid #333;
}
#launch-holder .stream-player .close-overlay {
  display: none;
}
body.locked {
  overflow: hidden;
}
/*----------------------------------------------
25. PAGES THROUGHOUT SITE
------------------------------------------------*/
div#page-content .release-thumbnail .release-thumbnail--title-area .release-thumbnail--title {
  font-weight: bold;
  padding: 0.5rem 0 0;
}
div#page-content .release-thumbnail .release-thumbnail--title-area button.button.release-button {
  margin: 1rem 0 0 !important;
}
div#page-content .release-thumbnail .release-thumbnail--title-area .release-date {
  margin-top: 0;
}
.hero .hero--image {
  height: 80vh;
}
.video {
  margin-bottom: 0 !important;
}
body.splash-page .page-body {
  top: 0 !important;
}
body.splash-page .slide--social-area {
  position: absolute;
  bottom: 1rem;
  width: 100%;
}
body.splash-page .slide--social-area li {
  padding: 0 1rem;
}
body.splash-page .slide--social-area .svg-inline--fa {
  font-size: 2rem;
  color: #ffffff;
}
body.splash-page header#header {
  display: none;
}
body.splash-page .section-inner {
  padding-top: 0;
}
body.splash-page #section-splash-page > .section-inner {
  padding-bottom: 0;
}
body.splash-page section#section-splash-page {
  height: 100vh;
}
body.splash-page section#section-splash-page .splash-page .splash-page--background {
  height: 100vh;
  width: 100%;
  position: relative;
}
body.splash-page section#section-splash-page .splash-page .splash-page--background .splash-page--content {
  text-align: center;
}
body.splash-page section#section-splash-page .splash-page .splash-page--background .splash-page--content-header {
  font-weight: bold;
}
body.splash-page section#section-splash-page .splash-page .splash-page--background .splash-page--content-copy {
  font-weight: bolder;
}
section#section-about section.section__text_block .wrapper-inner span.section__text_block_copy {
  max-width: 66%;
  margin: 0 1rem;
}
section#section-about h2.page-name {
  margin-bottom: 20px;
  margin-top: 20px;
  line-height: 1.15;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
}
section#section-about .about-textwrapper {
  margin-top: 2rem;
}
section#section-about .about-textwrapper .about-artist {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-left: 20px;
}
body.single .button:hover {
  color: inherit;
}
.single-post--back {
  z-index: 1046;
}
.single-post--back-button {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 75px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.single-post--back-button .page-out {
  display: block;
  height: 100%;
  margin: 0 auto;
}
.single-post--back-button .page-out .single-post--back-button-icon {
  cursor: pointer;
  position: relative;
  background-size: cover;
  z-index: 1;
  height: 30px;
  padding: 0;
  text-align: left;
  margin: 0;
  width: 30px;
  left: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: none;
  background: transparent;
  outline: none;
}
.single-post--back-button .page-out .single-post--back-button-icon:before {
  transition: 0.3s;
  content: ' ';
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  mask-image: url('../images/svg/icons-1/ic_back.svg');
  -webkit-mask-image: url('../images/svg/icons-1/ic_back.svg');
}
.single-post--back-button .page-out:hover .single-post--back-button-icon {
  left: -5px;
}
svg.svg-inline--fa {
  font-size: 1.3rem;
}
body.single-post #section-single,
body.attachment #section-single {
  z-index: 3;
}
body.single-post header#header,
body.attachment header#header {
  display: none;
}
body.single-post .page-body,
body.attachment .page-body {
  max-width: 90%;
  margin: 0 auto;
}
body.store h2.woocommerce-loop-product__title {
  color: white;
  font-size: 20px !important;
  text-transform: uppercase;
  padding: 0;
  line-height: 2;
}
section#section-photos-slider .section-inner.all-photos-slider .full-bg.all-photos-slider--image {
  height: 40vh;
}
.full-bg.all-photos-slider--image {
  height: 40vh;
}
/*----------------------------------------------
27. HOVER ANIMS
------------------------------------------------*/
/*****************************************************************************
* GENERAL
*****************************************************************************/
html body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}
a {
  text-decoration: underline;
}
a:hover {
  transition: all 0.4s ease-in-out 0s;
}
.page-loader-inner .loader-icon {
  display: none !important;
}
body.single.single-tcc_video .page-body {
  z-index: 99999;
}
.page-body {
  position: relative;
  transition: 0.5s;
  transition-delay: 0.1s;
  transition-duration: 0.5s;
}
.nav-active .page-body {
  transform: translateX(260px);
}
#scene {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#scene img {
  display: block;
  width: 110%;
  max-width: none;
  opacity: 0.5;
  transform: translateX(-5%);
}
.page-bg-img {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  height: 20%;
  /*min-height: 220px;*/
  pointer-events: none;
}
footer {
  clear: both;
  position: relative;
  text-transform: uppercase;
}
.demo-title {
  text-transform: uppercase;
  text-align: left;
  font-size: 24px;
  color: #FFF;
  padding: 10px 0;
}
.section-icon {
  display: block;
  text-align: left;
  padding: 2rem 0;
  text-decoration: none;
}
.column-section {
  margin-top: 0px;
}
.underline:after {
  background: #e00404 !important;
}
.text-light a:hover {
  color: #000;
}
section {
  z-index: 2;
}
#mc_embed_signup .mc-field-group label {
  text-transform: uppercase;
}
#mc_embed_signup {
  max-width: 500px;
  margin: 0 auto;
}
#mc_embed_signup .clear {
  margin-bottom: 2rem;
}
#mc_embed_signup .message {
  padding: 5px 15px;
  font-size: 20px;
  line-height: 24px;
}
nav#main-nav > ul > li > a {
  position: relative;
}
nav#main-nav > ul > li > a:before,
nav#main-nav > ul > li > a:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  transform: translateY(-5px);
}
nav#main-nav > ul > li > a:before {
  top: 10px;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  transform: translateY(-5px);
}
nav#main-nav > ul > li > a:after {
  bottom: 10px;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  transform: translateY(5px);
}
nav#main-nav > ul > li.menu-item:hover a:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  transform: translateY(5px);
}
nav#main-nav > ul > li.menu-item:hover a:after {
  opacity: 1;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  transform: translateY(-5px);
}
li.social a span {
  text-indent: -999em;
  display: none;
}
.social a:before {
  visibility: visible;
}
@media only screen and (min-width: 1024px) {
  #menu-responsive {
    background: #000 !important;
    width: 100%;
    right: -100%;
  }
  #menu-responsive a {
    text-decoration: none;
  }
  #menu-responsive .social a:before {
    visibility: visible;
  }
  #menu-responsive .social-menu {
    margin-top: 10px;
  }
  #menu-responsive .social-menu li {
    display: inline-block;
  }
  #menu-responsive .social-menu li a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
nav#responsive-nav > ul {
  border-bottom: none;
}
nav#responsive-nav > ul li {
  border: transparent;
}
@media screen and (min-width: 760px) {
  nav#responsive-nav > ul li a {
    font-size: 18px !important;
    padding: 0.75em 0;
  }
}
.dark-header.wasOverlay {
  background: #000 !important;
}
/*****************************************************************************
* FULL PAGE SECTIONS
*****************************************************************************/
.fullheight {
  min-height: 100%;
  background-size: cover !important;
  background-position: 50% 50% !important;
  background-color: #000;
  background-attachment: fixed !important;
  width: 100%;
  height: 100%;
}
.fullheight .section-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background-color: #000000;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
}
img.size-full {
  width: 100%;
  max-width: auto;
  /*border: solid 1px #FFF;*/
}
#section-promo .title,
#section-promo .extra {
  text-align: center;
  position: absolute;
  width: 100%;
  color: #FFF;
  font-weight: 800;
}
#section-promo {
  /*min-height: 500px;*/
  margin-top: 0px;
  /*background-attachment: fixed !important;*/
  /*background-size: contain !important;*/
}
#section-promo .flexslider {
  margin-bottom: 0px;
  border: none;
}
#section-promo .flexslider .slide {
  position: relative;
}
#section-promo .flex-control-nav {
  display: none;
}
#section-promo .flex-viewport {
  max-height: 90vh;
  /*750px;*/
}
#section-promo .title {
  bottom: 350px;
  font-size: 50px;
  /*letter-spacing: 0.3em;*/
}
#section-promo .extra {
  bottom: 300px;
  font-size: 22px;
  letter-spacing: 0.0em;
}
#section-promo a {
  color: #FFF;
  text-decoration: none;
}
#section-promo .strip {
  height: 20%;
  min-height: 220px;
  width: 100%;
  bottom: 0px;
  position: absolute;
  text-align: center;
  /*background: url('../images/triangle-mask-short.png') top center no-repeat;*/
  background-size: cover;
  pointer-events: none;
}
#section-promo .strip a {
  color: #FFF;
  padding-top: 10px;
  display: block;
}
#section-promo .strip a img {
  max-height: 50px;
}
#section-promo .bottom-strip {
  width: 100%;
  bottom: 10px;
  position: absolute;
  text-align: center;
  z-index: 999;
}
#section-promo .bottom-strip a {
  color: #FFF;
  padding-top: 10px;
  display: block;
}
#section-promo .bottom-strip a img {
  max-height: 50px;
}
@media screen and (max-width: 414px) {
  #section-promo .title {
    bottom: 90px;
    font-size: 30px;
  }
  #section-promo .extra {
    bottom: 60px;
    font-size: 16px;
  }
}
.videobg-container {
  height: 500px;
}
@media screen and (max-width: 768px) {
  .videobg-container {
    height: 432px;
  }
}
@media screen and (max-width: 568px) {
  .videobg-container {
    height: 320px;
  }
}
@media screen and (max-width: 400px) {
  .videobg-container {
    height: 225px;
  }
}
/*****************************************************************************
* HOME
*****************************************************************************/
.home section#section-hero {
  display: none;
}
.home #section-songkick iframe {
  max-height: 327px !important;
  overflow: hidden;
}
.home #section-songkick .more-dates {
  text-align: center;
  margin-top: 20px;
}
.home #section-songkick .more-dates a {
  font-weight: 800;
}
#section-latestnews h3,
#section-youtube h3 {
  line-height: 60px;
}
#section-latestnews .column-section,
#section-youtube .column-section {
  margin: 0;
}
#section-latestnews .news-item,
#section-youtube .news-item {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 33.333%;
  padding: 10px;
  /*&:nth-child(1n) .overlaycolor {
      background: #f71168;
    }
    &:nth-child(2n) .overlaycolor {
      background: #0cdaf9;
    }
    &:nth-child(3n) .overlaycolor {
      background: #49155c;
    }*/
}
@media screen and (max-width: 568px) {
  #section-latestnews .news-item,
  #section-youtube .news-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 569px) {
  #section-latestnews .news-item:nth-of-type(1),
  #section-youtube .news-item:nth-of-type(1) {
    padding-left: 0 !important;
  }
  #section-latestnews .news-item:nth-of-type(2),
  #section-youtube .news-item:nth-of-type(2) {
    padding-right: 0 !important;
  }
}
#section-latestnews .news-item:nth-of-type(3),
#section-youtube .news-item:nth-of-type(3) {
  padding-right: 0 !important;
}
#section-latestnews .news-item a,
#section-youtube .news-item a {
  text-decoration: none;
}
#section-latestnews .news-item .inner,
#section-youtube .news-item .inner {
  display: block;
  background: #000;
}
#section-latestnews .news-item .imgoverlay,
#section-youtube .news-item .imgoverlay {
  display: block;
}
#section-latestnews .news-item .imgoverlay:hover .overlay,
#section-youtube .news-item .imgoverlay:hover .overlay {
  left: 0px;
}
#section-latestnews .news-item .ni__intro,
#section-youtube .news-item .ni__intro {
  min-height: 120px;
  padding: 20px;
}
#section-latestnews .news-item .post-name,
#section-youtube .news-item .post-name {
  margin-bottom: 20px;
  font-weight: bold;
}
@media only screen and (min-width: 569px) {
  #section-latestnews .news-item .post-name,
  #section-youtube .news-item .post-name {
    min-height: 80px;
  }
}
#section-latestnews .news-item .blog-intro,
#section-youtube .news-item .blog-intro {
  min-height: 50px;
}
#section-latestnews .news-item .post-intro,
#section-youtube .news-item .post-intro {
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
}
#section-latestnews .news-item:hover .imgoverlay .overlay,
#section-youtube .news-item:hover .imgoverlay .overlay {
  left: 0px;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  #section-latestnews .news-item,
  #section-youtube .news-item {
    width: 50%;
  }
  #section-latestnews .news-item:nth-child(n+3),
  #section-youtube .news-item:nth-child(n+3) {
    display: none;
  }
}
@media screen and (max-width: 568px) {
  #section-latestnews .section-inner,
  #section-youtube .section-inner {
    padding-top: 0px;
  }
  #section-latestnews .news-item,
  #section-youtube .news-item {
    width: 100%;
  }
}
#section-twitter {
  text-align: center;
  font-size: 1.9em;
  line-height: 1.3em;
  font-weight: 800;
  text-transform: uppercase;
}
#section-twitter #twitter-feed {
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
}
#section-instagram .section-inner {
  padding-top: 40px;
  padding-bottom: 120px;
}
#section-instagram .column-section {
  margin: 0 -10px;
}
#section-instagram .item {
  box-sizing: border-box;
  display: inline-block;
  width: 24%;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  #section-instagram .section-inner {
    padding-top: 30px;
  }
  #section-instagram .item {
    width: 49%;
  }
}
#section-newsletter {
  /*background: #000 url(../images/arrow-down-white-black.jpg) center no-repeat;
  background-position: top;*/
  z-index: 1;
}
#section-newsletter .section-inner {
  padding-top: 240px;
  padding-bottom: 40px;
}
#section-newsletter #newsletter {
  font-weight: 800;
  /*border: 1px solid #FFF;*/
  padding: 20px 10px 20px 15px;
  /*background: #FFF;*/
  color: #FFF;
  text-transform: uppercase;
}
#section-newsletter #newsletter .column {
  margin-right: 10px;
}
#section-newsletter #signupform input[type=text],
#section-newsletter #signupform input[type=password],
#section-newsletter #signupform input[type=email],
#section-newsletter #signupform textarea {
  font-size: 14px;
  color: #FFF;
  border-radius: 0px;
  -khtml-border-radius: 0px;
  background: #000;
  /*border: 2px solid #FFF;*/
}
#section-newsletter #signupform input[type=text] {
  width: 38%;
}
#section-newsletter #signupform input[type=email] {
  width: 38%;
}
#section-newsletter #signupform input[type=submit] {
  display: inline;
  float: right;
  padding: 8px 10px 8px 10px;
  width: 20%;
  border-radius: 0px;
  -khtml-border-radius: 0px;
  margin-left: 1px;
  border: 2px solid transparent;
  background: #FFF;
  color: #000;
}
#section-newsletter #signupform input[type=submit]:hover {
  transform: scale(1);
  /*background: #000;*/
  border: 2px solid #e00404;
}
form {
  margin-top: 0px;
}
.gform_wrapper {
  margin: 0px !important;
}
.gform_wrapper .top_label .gfield_label {
  display: none !important;
}
.gform_wrapper ul li.gfield {
  display: inline;
}
.ginput_container {
  display: inline;
}
.gform_wrapper *,
.gform_wrapper :after,
.gform_wrapper :before {
  display: inline;
}
.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
  font-size: 18px;
  line-height: 24px;
  color: #FFF;
  border-radius: 0px;
  -khtml-border-radius: 0px;
  background: #000;
  /*border: 2px solid #FFF;*/
  padding: 20px 5px;
  font-weight: 800;
  width: 38% !important;
}
.gform_wrapper .gform_footer {
  display: inline;
}
.gform_wrapper .gform_footer input[type=submit] {
  border-radius: 0px;
  -khtml-border-radius: 0px;
  border: 2px solid transparent;
  background: #FFF;
  color: #000;
  padding: 8px 40px 8px 40px;
  letter-spacing: 0em;
  margin-left: 1px;
}
.gform_wrapper .gform_footer input[type=submit]:hover {
  transform: scale(1);
  /*background: #000;*/
  border: 2px solid #e00404;
}
.gform_wrapper div.validation_error {
  display: inline-block;
  color: #e00404 !important;
  border-top: 2px solid #e00404 !important;
  border-bottom: 2px solid #e00404 !important;
  font-size: 1em !important;
  margin-bottom: 1.2em !important;
}
.gform_wrapper li.gfield_error input[type=text] {
  border: 1px solid #e00404 !important;
}
.gform_wrapper li.gfield.gfield_error {
  background-color: transparent !important;
  border-top: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  display: none !important;
}
.gform_confirmation_wrapper {
  color: #e00404;
}
/*****************************************************************************
* LIVE
*****************************************************************************/
.live-event {
  margin: 20px auto;
  max-width: 800px;
  color: #ebf0ea;
  border-bottom: 1px solid rgba(130, 130, 130, 0.15);
  padding-bottom: 20px;
}
.live-event div {
  display: inline-block;
  vertical-align: middle;
}
.live-event .live-date {
  width: 25%;
}
.live-event .live-title {
  width: 50%;
}
.live-event .live-tickets {
  width: 20%;
  text-align: right;
}
.live-event .live-tickets a {
  text-decoration: none;
}
/*****************************************************************************
* IMAGE OVERLAYS
*****************************************************************************/
.touch .imgoverlay .overlay {
  display: none;
}
.article-image--wrapper:hover img,
.imgoverlay.overlay-active img,
.article-image--wrapper:hover svg,
.imgoverlay.overlay-active svg {
  transform: scale(1);
}
.article-image--wrapper:hover .overlayinfo,
.imgoverlay.overlay-active .overlayinfo,
.article-image--wrapper:hover svg,
.imgoverlay.overlay-active svg {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.imgoverlay .overlayinfo {
  height: 50px;
}
.imgoverlay .overlayinfo:hover {
  height: 50px;
}
.imgoverlay svg {
  transition: 0.3s;
  height: 40px;
  fill: #ffffff !important;
}
.imgoverlay svg:hover {
  height: 50px;
  width: 50px;
  margin-top: -5px;
  margin-right: -5px;
}
.imgoverlay:hover img,
.imgoverlay:hover svg {
  transform: scale(1);
}
.imgoverlay:hover .overlayinfo,
.imgoverlay:hover svg {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.imgoverlay img,
.imgoverlay svg {
  display: block;
}
.imgoverlay .overlayinfo {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all .3s ease;
  transition-delay: .3s;
  word-break: break-all;
  width: 50px;
  left: calc(50% - 20px);
  display: block;
}
.overlay-active .overlayinfo {
  opacity: 1;
}
/*
.masonry-item:nth-child(2n) .imgoverlay .overlay {
  left: -100%;
}
.masonry-item:nth-child(3n) .imgoverlay .overlay {
  left: 0;
  top: 100%;
}
.masonry-item:nth-child(4n) .imgoverlay .overlay {
  left: 0;
  top: -100%;
}*/
/*
.masonry-item:nth-child(2n) .imgoverlay:hover .overlay {
  left: 0;
}
.masonry-item:nth-child(3n) .imgoverlay:hover .overlay {
  left: 0;
  top: 0;
}
.masonry-item:nth-child(4n) .imgoverlay:hover .overlay {
  left: 0;
  top: 0;
}*/
.masonry-item:nth-child(1n) .imgoverlay .overlaycolor {
  background: #000000;
}
.imgoverlay.text-light:hover .masonry-item:nth-child(1n) .imgoverlay .overlay,
.article-image--wrapper:hover .imgoverlay .masonry-item:nth-child(1n) .imgoverlay .overlay,
.overlay-active .masonry-item:nth-child(1n) .imgoverlay .overlay {
  left: 0 !important;
}
.imgoverlay:hover .overlay,
.imgoverlay.text-light.overlay-active .overlay,
.article-image--wrapper:hover .imgoverlay .overlay {
  left: 0 !important;
}
@media only screen and (max-width: 768px) {
  #section-news .overlay {
    display: none !important;
  }
  #section-news .imgoverlay:hover {
    background: none !important;
  }
  #section-news .article-image--wrapper:hover .imgoverlay div.article-image {
    transform: none !important;
  }
}
/*****************************************************************************
* NEWS
*****************************************************************************/
#section-news .section-inner {
  padding-top: 160px;
}
#blog-grid .masonry-item {
  width: 33.33%;
  padding: 10px;
}
#blog-grid .masonry-item:hover .imgoverlay .overlay {
  left: 0px;
  opacity: 1;
}
#blog-grid .masonry-item,
#blog-grid .masonry-item * {
  box-sizing: border-box;
}
#blog-grid .masonry-item .inner {
  background: #000;
}
#blog-grid .masonry-item .blog-media {
  margin-bottom: 10px;
}
#blog-grid .masonry-item .blog-headline {
  padding: 0 20px;
}
#blog-grid .masonry-item .blog-headline .post-name {
  padding-top: 10px;
  line-height: 1;
}
#blog-grid .masonry-item .blog-headline a {
  color: #FFF;
  text-decoration: none;
}
#blog-grid .masonry-item .blog-intro {
  padding: 0 20px 20px 20px;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  #blog-grid .masonry-item {
    width: 50%;
  }
}
@media screen and (max-width: 414px) {
  #blog-grid .masonry-item {
    width: 100%;
    padding: 0;
    margin-bottom: 37.5px;
  }
  #blog-grid .masonry-item .blog-headline .post-name {
    padding-top: 10px;
  }
}
/*****************************************************************************
* NEWS > SINGLE
*****************************************************************************/
.single .section-inner a.sr-button.share-button {
  color: inherit;
  text-decoration: none;
}
.single .main-content {
  width: 100%;
}
.single #section-latestnews {
  z-index: 2;
}
.single #section-latestnews .section-inner {
  padding-top: 10px;
}
.single #section-latestnews .section-inner .wrapper {
  border-top: 1px solid #424242;
}
.single .blog-content {
  width: 100%;
}
.single .blog-content * {
  box-sizing: border-box;
}
.single .blog-content .post-name {
  margin-bottom: 20px;
  margin-top: 2rem;
  line-height: 1.15;
  font-weight: bold;
}
.single .blog-media {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.single .blog-media img {
  display: block;
}
.single .format-video .post-name {
  text-align: center;
}
.single .format-video .blog-media {
  display: none;
}
.single .format-video .blog-textwrapper {
  padding-left: 0px;
  width: 100%;
}
.single .format-video .share {
  text-align: center;
}
.single .format-video .blog-intro {
  max-width: 560px;
  margin: 0 auto;
}
.single .blog-textwrapper {
  display: inline-block;
  vertical-align: top;
}
.single .related-news {
  transition: 0.5s;
}
.single .related-news .blog-headline .post-name a {
  text-decoration: none;
}
.single .related-news .blog-headline .post-name a:hover {
  color: #FFF;
}
.single .related-news .new-details {
  padding: 20px 0px 20px 0px;
  margin-top: 0px;
}
.single .related-news .button {
  margin: 0;
}
.single .related-news:hover {
  cursor: pointer;
}
.single .share {
  margin-top: 2rem;
}
.single .share h6 {
  margin-bottom: 0.5em;
}
.single .share a {
  font-size: 2em;
}
.single .share a.sr-button:hover {
  transform: scale(1);
  background-color: transparent;
}
@media screen and (max-width: 768px) {
  .single .blog-textwrapper,
  .single .blog-media {
    display: block;
    width: 100%;
  }
  .single .blog-textwrapper {
    padding-left: 0;
  }
  .single .blog-media {
    margin-bottom: 20px;
  }
}
.section-related .section-inner {
  padding-top: 20px;
}
.section-related .blog-headline .post-name a {
  color: #FFF;
}
.section-related .blog-intro {
  color: #FFF;
}
.section-related .blog-intro p {
  margin-bottom: 0;
}
#section-single {
  /* background: #FFF url(../images/arrow-down-white-black-red.jpg) center no-repeat;
  background-position: bottom;*/
}
/*****************************************************************************
* SOCIAL
*****************************************************************************/
#social-grid {
  margin: 0 -10px;
}
#social-grid,
#social-grid * {
  box-sizing: border-box;
}
#social-grid .grid-sizer {
  position: absolute;
  width: 33.33%;
}
#social-grid .footer {
  padding: 0 20px 20px;
}
#social-grid .social-item {
  display: inline-block;
  width: 33.33%;
  padding: 10px;
}
#social-grid .social-item .inner {
  background: #000;
  color: #fff;
}
#social-grid .social-item .inner a {
  color: #fff;
}
#social-grid .social-item .content {
  padding: 20px;
  line-height: 1.4;
}
#social-grid .social-item .twitter-more {
  float: right;
}
#social-grid .social-item .twitter-more a {
  display: inline-block;
  margin-left: 0.5em;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  #social-grid .grid-sizer,
  #social-grid .social-item {
    width: 50%;
  }
}
@media screen and (max-width: 414px) {
  #social-grid .grid-sizer,
  #social-grid .social-item {
    width: 100%;
  }
  #social-grid .social-item {
    padding: 0;
    margin-bottom: 37.5px;
  }
}
/*****************************************************************************
* PHOTOS
*****************************************************************************/
.mfp-bg {
  z-index: 99998;
}
.mfp-wrap {
  z-index: 99999;
}
@media screen and (max-width: 414px) {
  #section-photos .grid-sizer,
  #section-photos .masonry-item {
    width: 100%;
  }
}
#section-photos .imgoverlay:hover .overlay,
#section-photos .imgoverlay.text-light.overlay-active .overlay {
  left: 0px;
  opacity: 1;
}
.gallery-photo,
.gallery-photo * {
  box-sizing: border-box;
}
@media screen and (max-width: 414px) {
  .gallery-photo {
    padding: 0;
  }
}
/*****************************************************************************
* MUSIC
*****************************************************************************/
.video {
  margin-bottom: 40px;
}
.album-title h3 {
  background: url(../images/bar.png) no-repeat;
  display: inline-block;
  background-position: center bottom;
  background-size: 100px;
  padding-bottom: 14px;
}
@media screen and (max-width: 768px) {
  body.music #section-video .section-inner {
    padding-top: 37.5px;
  }
}
#section-music {
  margin-bottom: 200px;
}
#section-music .section-inner {
  padding-top: 160px;
}
@media screen and (max-width: 768px) {
  #section-music .section-inner {
    /*padding-top: 100px !important;*/
  }
}
.music-albums {
  margin: 0 -10px;
}
@media screen and (max-width: 414px) {
  .music-albums {
    margin: 0;
  }
}
.me {
  box-sizing: border-box;
  padding: 10px;
  position: relative;
}
.me .me__image {
  display: block;
  position: relative;
  z-index: 1;
  visibility: hidden;
}
.me .me__flip {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
.me .flip {
  height: 100%;
}
.me .buy-links {
  margin-bottom: 0px;
}
.me .buy-links li {
  display: inline-block;
  padding-right: 10px;
}
.me .buy-links a {
  text-decoration: none;
}
.me .stream-links li {
  display: inline-block;
  padding-right: 10px;
}
.me .stream-links a {
  text-decoration: none;
}
.me .follow {
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .me .back .inner {
    padding-left: 1em;
    padding-right: 1em;
  }
  .me .album-title h3 {
    font-size: 2em;
  }
  .me .stream-links ul {
    margin: 0;
    padding: 0;
  }
  .me .stream-links ul li {
    display: inline-block;
  }
}
@media screen and (max-width: 414px) {
  .me {
    padding: 0;
    margin-bottom: 30px;
  }
  .me .me__flip {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.music-entry {
  display: inline-block;
}
.music-entry:nth-child(2) {
  float: right;
}
.music-entry .back {
  width: 100%;
  height: 100%;
  background: #000;
  color: #FFF;
  text-align: center;
}
.music-entry .back .inner {
  padding-top: 10%;
}
.music-entry .back .album-title h3 {
  text-transform: uppercase;
}
.music-entry .back .album-type {
  margin-bottom: 20px;
  font-weight: 800;
  text-transform: uppercase;
  margin-top: 15px;
}
.music-entry .back .buy-links li:first-child {
  font-weight: 800;
}
.music-entry .back .stream-links li:first-child {
  font-weight: 800;
}
.music-entry .back .tracklist h4 {
  text-transform: uppercase;
  margin-top: 30px;
}
.music-entry .back .tracklist ol {
  margin-left: 0px;
  margin-top: 0px;
  max-height: 160px;
  overflow: scroll;
  padding-bottom: 10px;
}
.music-entry .back .tracklist ol li {
  text-transform: uppercase;
  font-weight: 800;
  margin-top: 0px;
}
.music-entry .back a {
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .music-entry .back .inner {
    padding-top: 10%;
  }
}
/*****************************************************************************
* LIVE
*****************************************************************************/
body.live,
body.single-post {
  /*.page-bg {
    background-image: linear-gradient(to bottom, #1a0252 10%, #fc058d 20%, #fe5502 30%, #60f607 40%, #1a0252 50%, #fc058d 60%, #fe5502 70%, #60f607 80%, #1a0252 90%, #fc058d 100%);
  }*/
}
#section-live .section-inner {
  padding-top: 160px;
}
/*****************************************************************************
* VIDEOS
*****************************************************************************/
#subscribe {
  text-align: center;
  padding-top: 10px;
}
#subscribe .fluid-width-video-wrapper {
  padding-top: 0px !important;
}
.mfp-nav:hover,
.mfp-close:hover {
  transition: all .3s ease;
}
.mfp-content .video-title,
.mfp-title {
  text-transform: uppercase;
  font-weight: 800;
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 1;
}
#section-videos .section-inner .imgoverlay img {
  width: 100%;
}
#section-videos .section-inner .overlayinfo h3 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  padding: 0 20px;
}
.gallery-videos-container {
  margin: 0 -10px;
}
.gallery-videos {
  max-width: 100%;
}
.gallery-videos,
.gallery-videos * {
  box-sizing: border-box;
}
.gallery-videos .grid-sizer {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .gallery-videos .grid-sizer,
  .gallery-videos .gv__video {
    width: 50%;
  }
}
@media screen and (max-width: 414px) {
  .gallery-videos .grid-sizer,
  .gallery-videos .gv__video {
    width: 100%;
  }
  .gallery-videos .gv__video {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 37.5px;
  }
}
.gv__video {
  padding: 10px;
  display: inline-block;
  width: 50%;
}
.gv__video h3 {
  font-size: 1.25rem;
  line-height: 1.3;
}
.video-player {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  line-height: 1;
  text-align: center;
}
.video-player .col {
  display: inline-block;
  vertical-align: top;
}
.video-player .info {
  padding-top: 5px;
  width: 55%;
  text-align: left;
}
.video-player .thumbnail {
  width: 40%;
  margin-right: 20px;
}
.video-player .title {
  font-size: 20px;
}
.video-player .description {
  font-size: 15px;
  line-height: 1.5;
}
.video-player .countdown {
  padding: 0 0 20px;
  text-align: left;
  text-transform: uppercase;
  font-size: 30px;
}
.video-player .countdown span {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .video-player.ghost-valign:before {
    display: none;
  }
  .video-player .thumbnail {
    display: block;
    margin: 0 auto 1em;
    width: 90%;
  }
  .video-player .info {
    display: block;
    margin: 0 auto;
    width: 90%;
  }
  .video-player .title {
    font-size: 16px;
    line-height: 1.2;
  }
  .video-player .description {
    font-size: 13px;
    line-height: 1.4;
  }
  .video-player .countdown {
    font-size: 18px;
    text-align: center;
  }
}
@media screen and (max-width: 568px) {
  .video-player {
    top: -50%;
  }
  .video-player .description {
    font-size: 12px;
  }
}
/*****************************************************************************
* PRODUCTS
*****************************************************************************/
#section-merch .section-inner,
#section-instagram .section-inner {
  padding-top: 160px;
}
#section-merch .section-inner .imgoverlay img,
#section-instagram .section-inner .imgoverlay img {
  width: 100%;
}
#section-merch .section-inner .overlayinfo h3,
#section-instagram .section-inner .overlayinfo h3 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  padding: 0 20px;
}
/*****************************************************************************
* VIDEO PLAYER
*****************************************************************************/
body.videos .tabs--area,
body.home .tabs--area {
  background: #ffffff;
}
@media screen and (max-width: 568px) {
  body.videos .videos .wrapper,
  body.home .videos .wrapper {
    width: 100%;
  }
}
.videos .tab {
  padding: 0px;
}
.videos .tv--footer {
  display: none;
}
.videos .current-playlist-name {
  color: #FFF;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
}
.videos .tabs--area {
  background: #000 !important;
  text-transform: uppercase;
}
.videos .tab--play-queue {
  padding: 20px;
}
.videos .tab--playlists {
  padding: 20px;
}
.videos .vd .title {
  text-transform: uppercase;
  color: #FFF;
}
.videos .vd .video--image {
  max-width: 100%;
}
.tabs .tab--control {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  color: #000000;
}
.tabs .tab--control span {
  padding: 0.5rem 0.5rem;
}
.tabs .tab--control:first-of-type span {
  padding-left: .5rem;
}
.tabs .tab--control:last-child {
  border-right: 1px solid #000000;
}
.tabs .tabs--control-inner a {
  text-decoration: none;
}
.tabs .tab--control:hover span,
.tabs .tab--control.active span {
  background: #000000;
  transition: all .3s ease;
  color: #FFF;
}
#player {
  max-width: 800px;
}
#player a.subscribe {
  text-decoration: none;
}
#player .subscribe span {
  background: #cc181e;
  color: #FFF;
}
/*****************************************************************************
* AUDIO PLAYER
*****************************************************************************/
#audioPlayer {
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 999;
  transition: all 0.4s ease-in-out 0s;
}
#audioPlayer .inner {
  background: #000;
  padding: 30px 10px 10px;
  height: 380px;
  float: right;
  box-shadow: 2px 2px 5px #000;
}
#audioPlayer .inner iframe {
  max-height: 380px;
  max-width: 300px;
}
#audioPlayer #toggle {
  position: absolute;
  right: 0;
  padding: 6px 10px;
}
#audioPlayer .open {
  display: none;
}
#audioPlayer .close {
  display: block;
}
#audioPlayer i {
  font-size: 24px;
}
#audioPlayer a {
  color: #FFF;
}
#audioPlayer a:hover {
  color: #e00404;
}
#audioPlayer.closed:hover {
  right: -300px !important;
}
#audioPlayer.closed {
  right: -320px;
  transition: all 0.4s ease-in-out 0s;
}
#audioPlayer.closed .open {
  display: block;
}
#audioPlayer.closed .close {
  display: none;
}
/*****************************************************************************
* ANIMATIONS
*****************************************************************************/
#section-animated-logo .section-inner {
  padding-bottom: 0px;
}
#section-animated-logo {
  background-size: .22em 100%;
}
.container {
  width: 100%;
  position: relative;
}
.text--line {
  font-size: .5em;
}
svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 5px;
}
.text-copy {
  fill: none;
  stroke: white;
  stroke-dasharray: 7% 28%;
  stroke-width: 8px;
  animation: stroke-offset 9s infinite linear;
}
.text-copy:nth-child(1) {
  stroke: #FFFFFF;
  stroke-dashoffset: 7%;
}
.text-copy:nth-child(2) {
  stroke: #FFFFFF;
  stroke-dashoffset: 14%;
}
.text-copy:nth-child(3) {
  stroke: #FFFFFF;
  stroke-dashoffset: 21%;
}
.text-copy:nth-child(4) {
  stroke: #FFFFFF;
  stroke-dashoffset: 28%;
}
.text-copy:nth-child(5) {
  stroke: #FFFFFF;
  stroke-dashoffset: 35%;
}
@keyframes stroke-offset {
  50% {
    stroke-dashoffset: 35%;
    stroke-dasharray: 0 87.5%;
  }
}
@keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animate-flicker {
  animation: flickerAnimation 4s infinite;
}
#page-loader {
  /*animation: colorchange 10s;
  -webkit-animation: colorchange 10s;*/
}
@keyframes colorchange {
  0% {
    background: #b80a79;
  }
  25% {
    background: #1a0252;
  }
  50% {
    background: #fc058d;
  }
  75% {
    background: #fe5502;
  }
  100% {
    background: #60f607;
  }
}
@-webkit-keyframes colorchange {
  0% {
    background: #b80a79;
  }
  25% {
    background: #1a0252;
  }
  50% {
    background: #fc058d;
  }
  75% {
    background: #fe5502;
  }
  100% {
    background: #60f607;
  }
}
.imgoverlay img {
  display: block;
  /*-webkit-filter: grayscale(100%);
    filter: contrast(1);*/
}
nav#responsive-nav > ul > li > a {
  color: #ebf0ea !important;
}
/*****************************************************************************
* MOBILE
*****************************************************************************/
@media only screen and (min-width: 1500px) {
  #section-promo,
  #section-promo .redflash {
    /*max-height: 100vh;*/
  }
  #section-promo {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 1160px) {
  nav#main-nav ul {
    margin-left: -30px;
  }
  .logo-top nav#main-nav ul li {
    margin: 0 2px;
  }
  .logo-top #main-nav ul li.break {
    margin-right: 375px;
  }
}
@media only screen and (max-width: 1023px) {
  header.logo-top .menu {
    margin-top: 0px;
  }
  #menu-responsive {
    left: -100%;
    top: 0px;
  }
  .logo-top .open-responsive-nav {
    right: 10px;
    position: absolute;
    top: 20px;
  }
  #section-newsletter .one-third,
  #section-newsletter .two-third {
    width: 100%;
    text-align: center;
  }
  #section-newsletter .last-col {
    margin-top: 20px;
  }
  #section-newsletter #signupform input[type=text] {
    width: 30%;
  }
  #section-newsletter #signupform input[type=email] {
    width: 35%;
  }
  #section-newsletter #signupform input[type=submit] {
    width: 25%;
  }
}
@media only screen and (max-width: 768px) {
  #nav-icon3,
  #nav-icon4 {
    margin: 20px auto;
  }
  #section-promo .title {
    bottom: 150px;
  }
  #section-promo .extra {
    bottom: 100px;
  }
  .logo-top .open-responsive-nav {
    top: 78px;
  }
  #section-newsletter .section-inner {
    margin-top: -40px;
  }
  .live-event .live-tickets {
    width: 24%;
  }
  .column {
    margin-right: 30px;
  }
  .one-third {
    width: 200px !important;
  }
  .one-fourth {
    width: 142px !important;
  }
}
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
#nav-icon3 {
  margin: 8px auto;
  width: 30px;
  height: 24px;
}
#nav-icon3 span {
  height: 2px;
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 12px;
}
#nav-icon3 span:nth-child(4) {
  top: 20px;
}
/* iphone 6 plus and under (portrait) ----------- */
@media only screen and (max-width: 420px) {
  nav#responsive-nav {
    padding-top: 0;
  }
  nav#responsive-nav > ul li > a {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  header {
    margin-top: 0px !important;
  }
  header.logo-top #logo {
    margin-top: 88px;
  }
  #nav-icon3 {
    margin: 8px auto;
    width: 30px;
    height: 24px;
  }
  #nav-icon3 span {
    height: 2px;
  }
  #nav-icon3 span:nth-child(2),
  #nav-icon3 span:nth-child(3) {
    top: 11px;
  }
  #nav-icon3 span:nth-child(4) {
    top: 19px;
  }
  #logo img {
    /*max-height: 185px;*/
  }
  .logo-top .open-responsive-nav {
    top: 124px;
  }
  #section-promo .redflash {
    min-height: 300px;
  }
  #section-youtube .section-inner {
    padding-top: 60px;
    padding-bottom: 100px;
  }
  .home #section-latestnews .section-inner {
    padding-bottom: 80px;
  }
  #section-latestnews .section-inner > .wrapper {
    border-right: none;
  }
  .home #section-songkick iframe,
  .home #section-songkick .wrapper {
    max-height: 363px !important;
    overflow: hidden;
  }
  #section-newsletter .section-inner {
    margin-top: -100px;
  }
  #section-newsletter #signupform input[type=text] {
    width: 100%;
  }
  #section-newsletter #signupform input[type=email] {
    width: 100%;
  }
  #section-newsletter #signupform input[type=submit] {
    width: 100%;
  }
  #section-newsletter input {
    margin-top: 10px;
  }
  #section-newsletter .column {
    margin-top: 10px;
  }
  /*#audioPlayer {
  width: 100%;

  iframe {
  max-width: 95%;
  width: 95%;
  }
  #toggle {
  padding: 10px;
  }
  }*/
  .music-entry {
    width: 100%;
  }
  .music-entry .back .inner {
    padding-top: 10px;
  }
  .music-entry .back .album-type {
    margin-bottom: 0px;
  }
  .music-entry .back .tracklist h4 {
    margin-top: 5px;
  }
  .music-entry .back .tracklist ol {
    max-height: 50px;
  }
  .music-entry .back .tracklist ol li {
    font-size: 14px;
  }
  .music-entry .back ul li {
    margin-top: 5px;
  }
  .music-entry .stream-links li:nth-child(n+2),
  .music-entry .buy-links li:nth-child(n+2) {
    font-size: 0.9em;
  }
  .me .album-title h3 {
    line-height: 1.8em;
    font-size: 18px;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }
  .me .follow {
    padding-top: 10px;
  }
  #section-live .section-inner,
  #section-music .section-inner,
  #section-videos .section-inner,
  #section-merch .section-inner,
  #section-instagram .section-inner {
    padding-top: 60px;
  }
  .video {
    margin-bottom: 20px;
  }
  .live-event {
    margin: 10px auto;
    padding-bottom: 10px;
  }
  .live-event .live-title {
    width: 42%;
  }
  #section-newsletter input {
    max-width: 100%;
  }
  .column {
    margin-right: 0px;
  }
  .one-third {
    width: 100% !important;
  }
  .one-fourth {
    width: 100% !important;
  }
  #section-merch .one-fourth,
  #section-instagram .one-fourth {
    width: 46% !important;
    margin-right: 10px;
    margin-top: 0px;
  }
  .fullcoveredvideo {
    display: none !important;
  }
}
/* Desktops and laptops ----------- */
/* Large screens ----------- */
/* iPhone 4 ----------- */