/* -----------------------------------------------------------------------------

  MASTER STYLESHEET

  Project: Dubstep
  Developer: ProfMe Themes
  
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------

  CSS IMPORTS
  
----------------------------------------------------------------------------- */

@import url("loader.css");
@import url("bootstrap.min.css");
@import url("bootstrap-theme.min.css");
@import url("flaticon-theatre.css");
@import url("flaticon-eating.css");
@import url("flaticon-holidays.css");
@import url("flaticon-ios7-set-lined-1.css");
@import url("flaticon-social-media-hand-drawn.css");
@import url("flaticon-web-navigation-line-craft.css");
@import url("flaticon.css");
@import url("icomoon-free.css");
@import url("linearicons-free.css");
@import url("bar-ui.css");
@import url("svg-hovers.css");
@import url("openning-type.css");
@import url("vertical-showcase.css");
@import url("swiper.css");
@import url("stack-images.css");
@import url("hover-min.css");
@import url("intro.css");
@import url("item-transition.css");
@import url("lightbox.css");
@import url("map.css");


/* -----------------------------------------------------------------------------

  GOOGLE WEBFONTS IMPORT

  'Raleway', sans-serif;
  'Roboto Slab', serif;
  'Damion', cursive;
  'Open Sans', sans-serif;
  'Nothing You Could Do', cursive;
  
----------------------------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900|Roboto+Slab:400,100,300,700|Damion|Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic|Nothing+You+Could+Do&subset=latin,latin-ext);


/* -----------------------------------------------------------------------------

  GENERAL STYLES
  
----------------------------------------------------------------------------- */

html { height: 100% !important; margin: 0 !important;}
body { background-color: #202124; margin: 0 !important; height: 100% !important; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #202124; font-weight: 400; }

.row { margin: 0; /*z-index: 2; position: relative;*/ }

.row.brush, .row.brushPrev { z-index: auto !important; }

.mainWrapper { opacity: 0; width: 100%; height: 100%; -webkit-transition: 1.4s; transition: 1.4s; -webkit-transition-delay: .4s; transition-delay: .4s; }

.loaded .mainWrapper { opacity: 1 !important; }

.header { height: 120px; width: 100%; margin: 0 !important; padding: 30px !important; position: fixed; z-index: 800;}
.header .menuNav { width: 90px; height: 90px; margin:0; overflow: hidden; background-color: #fff; }
.header .menuNav.is-active { width:100%; overflow: hidden; }

.subMenuExpand { display: block !important; width: 10px !important; height: 100% !important; float: right; position: relative; top: 0; left: 0; margin: 0 !important; }
.subMenuExpand:before { content: ""; background-color: #ceced0; width: 3px; height: 3px; position: absolute; top: 7px; left: 0px; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
.subMenu .subMenuExpand { position: absolute !important; top: 0; right: 0; left: initial; }
.subMenu .subMenuExpand:before { top: 22px; left: 10px; }
.subMenuLeft .subMenuExpand { position: absolute !important; top: 0; right: 0; left: 0; }
.subMenuLeft .subMenuExpand:before { top: 22px; left: 15px; }

.headerBg {
  width:100%;
  height:250px;
  position: fixed;
  top:0;
  left:0;
  opacity:0;
  pointer-events: none;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
}


.headerSearch { float: right; width: 90px; height: 100%; position: relative; text-align: center; color:#202124; background-color: #fff; cursor: pointer; z-index: 100; -webkit-transition: .3s; transition: .3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.headerSearch i { font-size: 22px; line-height: 87px; opacity: 0; -webkit-transition: .3s; transition: .3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.headerSearch i::before { margin:0 !important; font-size: 22px; -webkit-transition: .3s; transition: .3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
.headerSearch:hover { background-color: #f83244; color:#fff; }
.headerSearch:hover i { color:#fff; }

.logo { position: absolute; float: right; max-height: 90px; top: 30px; right: 30px; overflow: hidden; opacity: 1; z-index: 300; -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.logo a img { float: right; max-height: 90px; width: auto; }

.search-box input[type="text"] { width: 100%; border: none; background: transparent; padding: 0 30px; font-size: 34px; line-height: 90px; height: 90px; font-family: 'Raleway', sans-serif; font-weight: 400; color: #fff;  }
.search-box input[type="text"]:focus { outline: 0; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #000;
    opacity: 0.3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #000;
   opacity: 0.3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #000;
   opacity: 0.3;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #000;
   opacity: 0.3;
}

.row img { width: 100%; }

.row.no-gutter [class*='col-']:not(:first-child),.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0px;
  padding-left: 0px;
}

.row.one-gutter [class*='col-']:not(:first-child),.row.no-gutter [class*='col-']:not(:last-child) {
  padding: 1px;
}

.vertical-middle {
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); 
}

.middleWrapper {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.middleWrapper h1, .middleWrapper h2, .middleWrapper h3, .middleWrapper h4, .middleWrapper h5, .middleWrapper h6, .middleWrapper p { margin-top: 20px; }

.col-centered {
  float: none;
  margin: 0 auto;
}

a, i {
    outline: 0 !important;
}


/* -----------------------------------------------------------------------------

  HEADING, FONT & COLOR STYLES
  
----------------------------------------------------------------------------- */

p { font-family: 'Roboto Slab', serif; font-size: 13px; font-weight: 400; letter-spacing: 1px; text-align: justify; }

h1 { font-size:70px; margin-top: 0; letter-spacing: -2px; }
h2 { font-size:54px; margin-top: 0; letter-spacing: -2px; }
h3 { font-size:44px; margin-top: 0; letter-spacing: -1px; }
h4 { font-size:34px; margin-top: 0; letter-spacing: -1px; }
h5 { font-size:24px; margin-top: 0; }
h6 { font-size:17px; margin-top: 0; }

mark { font-weight: bold; background-color: #ceced0; padding: 1px 5px 2px 5px;}

p span { font-weight: bold; }

blockquote { font-family: 'Roboto Slab', serif; font-size:17px; font-weight: bold; font-style: italic;}

.sectionTitle { margin: 50px 0; text-align: center; -webkit-transition: .3s; transition: .3s; }
.sectionTitle::after { display: block; content: ""; bottom: 0; margin: 30px auto; width: 50px; border-bottom: 2px solid; }

header { height:100%;}

.pageHeader .container { padding: 80px 0; }
.pageTitle { text-align: center; text-transform: uppercase; letter-spacing: -2px; position: relative; z-index: 10; }
.pageSubTitle { text-align: center; position: relative; z-index: 10; }

.brush {
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  position: relative;
}

.brush::before, .brushPrev::before {
  width: 100%;
  height: 60px;
  margin-top: -30px !important;
  display: inline-block;
  -webkit-mask: url(../../images/svg/section_brush_chrome.svg) no-repeat 50% 50%;
  mask: url(../../images/svg/section_brush_chrome.svg) no-repeat 50% 50%;
  mask: url(../../images/svg/section_brush.svg#mask);
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  z-index: 2;
}

.f-raleway { font-family: 'Raleway', sans-serif; }
.f-robotoSlab { font-family: 'Roboto Slab', serif; }
.f-damion { font-family: 'Damion', cursive; }
.f-openSans { font-family: 'Open Sans', sans-serif; }
.f-nothingYouCouldDo { font-family: 'Nothing You Could Do', cursive; }

.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }

i.iconSize10::before { font-size: 10px !important; display: inline-block; }
i.iconSize11::before { font-size: 11px !important; display: inline-block; }
i.iconSize12::before { font-size: 12px !important; display: inline-block; }
i.iconSize13::before { font-size: 13px !important; display: inline-block; }
i.iconSize14::before { font-size: 14px !important; display: inline-block; }
i.iconSize15::before { font-size: 15px !important; display: inline-block; }
i.iconSize16::before { font-size: 16px !important; display: inline-block; }
i.iconSize17::before { font-size: 17px !important; display: inline-block; }
i.iconSize18::before { font-size: 18px !important; display: inline-block; }
i.iconSize19::before { font-size: 19px !important; display: inline-block; }
i.iconSize20::before { font-size: 20px !important; display: inline-block; }
i.iconSize21::before { font-size: 21px !important; display: inline-block; }
i.iconSize22::before { font-size: 22px !important; display: inline-block; }
i.iconSize23::before { font-size: 23px !important; display: inline-block; }
i.iconSize24::before { font-size: 24px !important; display: inline-block; }
i.iconSize25::before { font-size: 25px !important; display: inline-block; }
i.iconSize26::before { font-size: 26px !important; display: inline-block; }
i.iconSize27::before { font-size: 27px !important; display: inline-block; }
i.iconSize28::before { font-size: 28px !important; display: inline-block; }
i.iconSize29::before { font-size: 29px !important; display: inline-block; }
i.iconSize30::before { font-size: 30px !important; display: inline-block; }
i.iconSize35::before { font-size: 35px !important; display: inline-block; }
i.iconSize40::before { font-size: 40px !important; display: inline-block; }
i.iconSize45::before { font-size: 45px !important; display: inline-block; }
i.iconSize50::before { font-size: 50px !important; display: inline-block; }
i.iconSize55::before { font-size: 55px !important; display: inline-block; }
i.iconSize60::before { font-size: 60px !important; display: inline-block; }
i.iconSize65::before { font-size: 65px !important; display: inline-block; }
i.iconSize70::before { font-size: 70px !important; display: inline-block; }
i.iconSize75::before { font-size: 75px !important; display: inline-block; }
i.iconSize80::before { font-size: 80px !important; display: inline-block; }
i.iconSize85::before { font-size: 85px !important; display: inline-block; }
i.iconSize90::before { font-size: 90px !important; display: inline-block; }
i.iconSize95::before { font-size: 95px !important; display: inline-block; }
i.iconSize100::before { font-size: 100px !important; display: inline-block; }

.fs-italic { font-style: italic; }
.fs-normal { font-style: normal; }
.fs-oblique { font-style: oblique; }
.fs-initial { font-style: initial; }
.fs-inherit { font-style: inherit; }

.t-center { text-align: center; }

.c-red { color: #ea1730; -webkit-transition: 0.3s ease !important; -moz-transition: 0.3s ease !important; -ms-transition: 0.3s ease !important; -o-transition: 0.3s ease !important; transition: 0.3s ease !important; }
.c-blue { color: #3281f8; -webkit-transition: 0.3s ease !important; -moz-transition: 0.3s ease !important; -ms-transition: 0.3s ease !important; -o-transition: 0.3s ease !important; transition: 0.3s ease !important; }
.c-yellow { color: #ffbe0e; -webkit-transition: 0.3s ease !important; -moz-transition: 0.3s ease !important; -ms-transition: 0.3s ease !important; -o-transition: 0.3s ease !important; transition: 0.3s ease !important; }
.c-green { color: #48c24d; -webkit-transition: 0.3s ease !important; -moz-transition: 0.3s ease !important; -ms-transition: 0.3s ease !important; -o-transition: 0.3s ease !important; transition: 0.3s ease !important; }
.c-purple { color: #a942c3; -webkit-transition: 0.3s ease !important; -moz-transition: 0.3s ease !important; -ms-transition: 0.3s ease !important; -o-transition: 0.3s ease !important; transition: 0.3s ease !important; }
.c-pink { color: #ed568f; -webkit-transition: 0.3s ease !important; -moz-transition: 0.3s ease !important; -ms-transition: 0.3s ease !important; -o-transition: 0.3s ease !important; transition: 0.3s ease !important; }
.c-turquoise { color: #44bbc6; -webkit-transition: 0.3s ease !important; -moz-transition: 0.3s ease !important; -ms-transition: 0.3s ease !important; -o-transition: 0.3s ease !important; transition: 0.3s ease !important; }
.c-orange { color: #ff6d1d; -webkit-transition: 0.3s ease !important; -moz-transition: 0.3s ease !important; -ms-transition: 0.3s ease !important; -o-transition: 0.3s ease !important; transition: 0.3s ease !important; }
.c-darkGrey { color: #202124; -webkit-transition: 0.3s ease !important; -moz-transition: 0.3s ease !important; -ms-transition: 0.3s ease !important; -o-transition: 0.3s ease !important; transition: 0.3s ease !important; }
.c-grey { color: #414246; -webkit-transition: 0.3s ease !important; -moz-transition: 0.3s ease !important; -ms-transition: 0.3s ease !important; -o-transition: 0.3s ease !important; transition: 0.3s ease !important; }
.c-lightGrey { color: #ceced0; -webkit-transition: 0.3s ease !important; -moz-transition: 0.3s ease !important; -ms-transition: 0.3s ease !important; -o-transition: 0.3s ease !important; transition: 0.3s ease !important; }
.c-white { color: #ffffff; -webkit-transition: 0.3s ease !important; -moz-transition: 0.3s ease !important; -ms-transition: 0.3s ease !important; -o-transition: 0.3s ease !important; transition: 0.3s ease !important; }
.c-black { color: #000000; -webkit-transition: 0.3s ease !important; -moz-transition: 0.3s ease !important; -ms-transition: 0.3s ease !important; -o-transition: 0.3s ease !important; transition: 0.3s ease !important; }

.bg-red { background-color: #ea1730; z-index: 2; /*position: relative;*/ }
.bg-blue { background-color: #3281f8; z-index: 2; /*position: relative;*/ }
.bg-yellow { background-color: #ffbe0e; z-index: 2; /*position: relative;*/ }
.bg-green { background-color: #48c24d; z-index: 2; /*position: relative;*/ }
.bg-purple { background-color: #a942c3; z-index: 2; /*position: relative;*/ }
.bg-pink { background-color: #ed568f; z-index: 2; /*position: relative;*/ }
.bg-turquoise { background-color: #44bbc6; z-index: 2; /*position: relative;*/ }
.bg-orange { background-color: #ff6d1d; z-index: 2; /*position: relative;*/ }
.bg-darkGrey { background-color: #202124; z-index: 2; /*position: relative;*/ }
.bg-grey { background-color: #414246; z-index: 2; /*position: relative;*/ }
.bg-lightGrey { background-color: #ceced0; z-index: 2; /*position: relative;*/ }
.bg-white { background-color: #ffffff; /*z-index: 2; /*position: relative;*/ }
.bg-black { background-color: #000000; z-index: 2; /*position: relative;*/ }

.dropCap-1 {
  margin: 0 20px 10px 0;
  font-size: 54px;
  line-height: 54px;
  float: left;
}

.dropCap-2 {
  background-color: #fff;
  padding: 8px 10px;
  margin: 0 10px 5px 0;
  display: inline-block;
}

.dropCap-3 {
  background-color: #202124;
  padding: 8px 10px;
  margin: 0 10px 5px 0;
  display: inline-block;
}


/* -----------------------------------------------------------------------------

  BUTTON STYLES
  
----------------------------------------------------------------------------- */

a.signatureButton {
  text-decoration: none;
  float: right;
}

a.signatureButton.center {
  text-decoration: none;
  float: none;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}

a.signatureButton.center h3 {
  text-align: center !important;
}

a.signatureButton h3 {
  font-family: 'Nothing You Could Do', cursive;
  -ms-transform: skew(-30deg, -10deg); /* IE 9 */
  -webkit-transform: skew(-30deg, -10deg); /* Safari */
  transform: skew(-30deg, -10deg);
  text-align: right;
  text-decoration: none;
  margin-top: 60px;
  margin-bottom: 60px;
  width: 100%;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  }

a.signatureButton h3::after {
  content: "";
  -webkit-mask: url(../../images/svg/line-brush.svg) no-repeat 50% 50%;
  mask: url(../../images/svg/line-brush.svg) no-repeat 50% 50%;
  clip-path: url(../../images/svg/line-brush-firefox.svg#svgPath);
  -webkit-clip-path: url(../../images/svg/line-brush-firefox.svg#svgPath);
  display: block;
  float: right;
  z-index: 10;
  opacity: 1;
  width: 120%;
  height: 30px;
  position: absolute;
  background-color: #202124;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

a.signatureButton:hover h3 {
  color: #ed568f;
}

a.signatureButton:hover h3::after {

}

a.textButtonWhite {
  text-decoration: none;
  color: #fff;
  float: left;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

a.textButtonWhite:hover {
  color: #ffbe0e;
}

a.textButtonWhite h5, a.textButtonDark h5 {
  font-family: 'Roboto Slab', serif;
  font-weight: 600;
  margin: 0;
  line-height: 24px;
}

a.textButtonWhite h5:after {
  content: "";
  width: 80%;
  height: 2px;
  background-color: #fff;
  position: relative;
  margin-top: 15px;
  right: 0;
  display: block;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

a.textButtonWhite:hover h5:after {
  width: 120%;
  background-color: #ffbe0e;
}

a.textButtonDark:hover h5:after {
  width: 120%;
  background-color: #ea1730;
}

a.textButtonDark {
  text-decoration: none;
  color: #202124;
  float: left;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

a.textButtonDark:hover {
  color: #ea1730;
}

a.textButtonDark h5:after {
  content: "";
  width: 80%;
  height: 2px;
  background-color: #202124;
  position: relative;
  margin-top: 15px;
  right: 0;
  display: block;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

a.gradientButton.pink {
  background: linear-gradient(25deg, #ea1730, #a942c3);
}

a.gradientButton.pink.inverse {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-image-source: linear-gradient(25deg, #ea1730, #a942c3);
}

a.gradientButton.blue {
  background: linear-gradient(25deg, #3281f8, #10f1ff);
}

a.gradientButton.blue.inverse {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-image-source: linear-gradient(25deg, #3281f8, #10f1ff);
}

a.gradientButton.yellow {
  background: linear-gradient(25deg, #ff640f, #ffbe0e);
}

a.gradientButton.yellow.inverse {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-image-source: linear-gradient(25deg, #ff640f, #ffbe0e);
}

a.gradientButton.red {
  background: linear-gradient(25deg, #ea1730, #ff5d65);
}

a.gradientButton.red.inverse {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-image-source: linear-gradient(25deg, #ea1730, #ff5d65);
}

a.gradientButton.green {
  background: linear-gradient(25deg, #0b873d, #48c24d);
}

a.gradientButton.green.inverse {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-image-source: linear-gradient(25deg, #0b873d, #48c24d);
}

a.gradientButton.grey {
  background: linear-gradient(25deg, #414246, #ceced0);
}

a.gradientButton.grey.inverse {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-image-source: linear-gradient(25deg, #414246, #ceced0);
}

a.gradientButton {
  display: table;
  background-size: 200% 200% !important;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  padding: 1.3em 1.5em;
  margin: 1.5em auto;
  border-radius: 0.3em;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear;
}

a.gradientButton:hover {
  background-size: 110% 110% !important;
  padding: 1.3em 2.1em;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear;
}

a.gradientButton.inverse {
  font-weight: bold;
  padding: 1.15em 1.5em;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-width: 0.25em;
  border-style: solid;
  border-image-source: linear-gradient(45deg, #ea1730, #a942c3);
  border-image-slice: 30%;
  border-image-width: 1;
  border-image-repeat: stretch;
}

a.gradientButton.inverse:hover {
  background-size: 100% 100% !important;
  border-image-slice: 3%;
  padding: 1.15em 2.1em;
}

a.flatButton {
  background: #202124;
}

a.flatButton.inverse {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border: 2px solid #202124;
}

a.flatButton {
  display: table;
  background-size: 200% 200% !important;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  padding: 1.3em 1.5em;
  margin: 1.5em auto;
  border-radius: 0.3em;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear;
}

a.flatButton:hover {
  background-size: 110% 110% !important;
  padding: 1.3em 2.1em;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear;
}

a.flatButton.inverse {
  font-weight: bold;
  padding: 1.15em 1.5em;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-width: 0.25em;
  border-style: solid;
  border: 2px solid #202124;
}

a.flatButton.inverse:hover {
  background-size: 100% 100% !important;
  border-image-slice: 3%;
  padding: 1.15em 2.1em;
}


/* -----------------------------------------------------------------------------

  HOVER CLASSES
  
----------------------------------------------------------------------------- */

.hoverRed:hover { color: #ea1730; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverBlue:hover { color: #3281f8; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverYellow:hover {  color: #ffbe0e; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverGreen:hover { color: #48c24d; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverPurple:hover { color: #a942c3; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverPink:hover { color: #ed568f; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverTurquoise:hover { color: #44bbc6; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverOrange:hover { color: #ff6d1d; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverDarkGrey:hover { color: #202124; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverGrey:hover { color: #414246; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverLightGrey:hover { color: #ceced0; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverWhite:hover { color: #ffffff; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverBlack:hover { color: #000000; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }

.hoverRedBg:hover::before, .hoverRedBg:hover::after { background-color: #ea1730 !important; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverBlueBg:hover::before, .hoverBlueBg:hover::after { background-color: #3281f8 !important; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverYellowBg:hover::before, .hoverYellowBg:hover::after {  background-color: #ffbe0e !important; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverGreenBg:hover::before, .hoverGreenBg:hover::after { background-color: #48c24d !important; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverPurpleBg:hover::before, .hoverPurpleBg:hover::after { background-color: #a942c3 !important; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverPinkBg:hover::before, .hoverPinkBg:hover::after { background-color: #ed568f !important; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverTurquoiseBg:hover::before, .hoverTurquoiseBg:hover::after { background-color: #44bbc6 !important; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverOrangeBg:hover::before, .hoverOrangeBg:hover::after { background-color: #ff6d1d !important; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverDarkGreyBg:hover::before, .hoverDarkGreyBg:hover::after { background-color: #202124 !important; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverGreyBg:hover::before, .hoverGreyBg:hover::after { background-color: #414246 !important; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverLightGreyBg:hover::before, .hoverLightGreyBg:hover::after { background-color: #ceced0 !important; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverWhiteBg:hover::before, .hoverWhiteBg:hover::after { background-color: #ffffff !important; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.hoverBlackBg:hover::before, .hoverBlackBg:hover::after { background-color: #000000 !important; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }


/* -----------------------------------------------------------------------------

  MARGIN & PADDING STYLES
  
----------------------------------------------------------------------------- */

.m0 { margin: 0 !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.m50 { margin: 50px !important; }
.m55 { margin: 55px !important; }
.m60 { margin: 60px !important; }
.m65 { margin: 65px !important; }
.m70 { margin: 70px !important; }
.m75 { margin: 75px !important; }
.m80 { margin: 80px !important; }
.m85 { margin: 85px !important; }
.m90 { margin: 90px !important; }
.m95 { margin: 95px !important; }
.m100 { margin: 100px !important; }

.mTop5 { margin-top: 5px !important; }
.mTop10 { margin-top: 10px !important; }
.mTop15 { margin-top: 15px !important; }
.mTop20 { margin-top: 20px !important; }
.mTop25 { margin-top: 25px !important; }
.mTop30 { margin-top: 30px !important; }
.mTop35 { margin-top: 35px !important; }
.mTop40 { margin-top: 40px !important; }
.mTop45 { margin-top: 45px !important; }
.mTop50 { margin-top: 50px !important; }
.mTop55 { margin-top: 55px !important; }
.mTop60 { margin-top: 60px !important; }
.mTop65 { margin-top: 65px !important; }
.mTop70 { margin-top: 70px !important; }
.mTop75 { margin-top: 75px !important; }
.mTop80 { margin-top: 80px !important; }
.mTop85 { margin-top: 85px !important; }
.mTop90 { margin-top: 90px !important; }
.mTop95 { margin-top: 95px !important; }
.mTop100 { margin-top: 100px !important; }

.mBottom5 { margin-bottom: 5px !important; }
.mBottom10 { margin-bottom: 10px !important; }
.mBottom15 { margin-bottom: 15px !important; }
.mBottom20 { margin-bottom: 20px !important; }
.mBottom25 { margin-bottom: 25px !important; }
.mBottom30 { margin-bottom: 30px !important; }
.mBottom35 { margin-bottom: 35px !important; }
.mBottom40 { margin-bottom: 40px !important; }
.mBottom45 { margin-bottom: 45px !important; }
.mBottom50 { margin-bottom: 50px !important; }
.mBottom55 { margin-bottom: 55px !important; }
.mBottom60 { margin-bottom: 60px !important; }
.mBottom65 { margin-bottom: 65px !important; }
.mBottom70 { margin-bottom: 70px !important; }
.mBottom75 { margin-bottom: 75px !important; }
.mBottom80 { margin-bottom: 80px !important; }
.mBottom85 { margin-bottom: 85px !important; }
.mBottom90 { margin-bottom: 90px !important; }
.mBottom95 { margin-bottom: 95px !important; }
.mBottom100 { margin-bottom: 100px !important; }

.mLeft5 { margin-left: 5px !important; }
.mLeft10 { margin-left: 10px !important; }
.mLeft15 { margin-left: 15px !important; }
.mLeft20 { margin-left: 20px !important; }
.mLeft25 { margin-left: 25px !important; }
.mLeft30 { margin-left: 30px !important; }
.mLeft35 { margin-left: 35px !important; }
.mLeft40 { margin-left: 40px !important; }
.mLeft45 { margin-left: 45px !important; }
.mLeft50 { margin-left: 50px !important; }
.mLeft55 { margin-left: 55px !important; }
.mLeft60 { margin-left: 60px !important; }
.mLeft65 { margin-left: 65px !important; }
.mLeft70 { margin-left: 70px !important; }
.mLeft75 { margin-left: 75px !important; }
.mLeft80 { margin-left: 80px !important; }
.mLeft85 { margin-left: 85px !important; }
.mLeft90 { margin-left: 90px !important; }
.mLeft95 { margin-left: 95px !important; }
.mLeft100 { margin-left: 100px !important; }

.mRight5 { margin-right: 5px !important; }
.mRight10 { margin-right: 10px !important; }
.mRight15 { margin-right: 15px !important; }
.mRight20 { margin-right: 20px !important; }
.mRight25 { margin-right: 25px !important; }
.mRight30 { margin-right: 30px !important; }
.mRight35 { margin-right: 35px !important; }
.mRight40 { margin-right: 40px !important; }
.mRight45 { margin-right: 45px !important; }
.mRight50 { margin-right: 50px !important; }
.mRight55 { margin-right: 55px !important; }
.mRight60 { margin-right: 60px !important; }
.mRight65 { margin-right: 65px !important; }
.mRight70 { margin-right: 70px !important; }
.mRight75 { margin-right: 75px !important; }
.mRight80 { margin-right: 80px !important; }
.mRight85 { margin-right: 85px !important; }
.mRight90 { margin-right: 90px !important; }
.mRight95 { margin-right: 95px !important; }
.mRight100 { margin-right: 100px !important; }

.p0{ padding: 0 !important; }
.p5{ padding: 5px !important; }
.p10{ padding: 10px !important; }
.p15{ padding: 15px !important; }
.p20{ padding: 20px !important; }
.p25{ padding: 25px !important; }
.p30{ padding: 30px !important; }
.p35{ padding: 35px !important; }
.p40{ padding: 40px !important; }
.p45{ padding: 45px !important; }
.p50{ padding: 50px !important; }
.p55{ padding: 55px !important; }
.p60{ padding: 60px !important; }
.p65{ padding: 65px !important; }
.p70{ padding: 70px !important; }
.p75{ padding: 75px !important; }
.p80{ padding: 80px !important; }
.p85{ padding: 85px !important; }
.p90{ padding: 90px !important; }
.p95{ padding: 95px !important; }
.p100{ padding: 100px !important; }

.pTop5 { padding-top: 5px !important; }
.pTop10 { padding-top: 10px !important; }
.pTop15 { padding-top: 15px !important; }
.pTop20 { padding-top: 20px !important; }
.pTop25 { padding-top: 25px !important; }
.pTop30 { padding-top: 30px !important; }
.pTop35 { padding-top: 35px !important; }
.pTop40 { padding-top: 40px !important; }
.pTop45 { padding-top: 45px !important; }
.pTop50 { padding-top: 50px !important; }
.pTop55 { padding-top: 55px !important; }
.pTop60 { padding-top: 60px !important; }
.pTop65 { padding-top: 65px !important; }
.pTop70 { padding-top: 70px !important; }
.pTop75 { padding-top: 75px !important; }
.pTop80 { padding-top: 80px !important; }
.pTop85 { padding-top: 85px !important; }
.pTop90 { padding-top: 90px !important; }
.pTop95 { padding-top: 95px !important; }
.pTop100 { padding-top: 100px !important; }

.pBottom5 { padding-bottom: 5px !important; }
.pBottom10 { padding-bottom: 10px !important; }
.pBottom15 { padding-bottom: 15px !important; }
.pBottom20 { padding-bottom: 20px !important; }
.pBottom25 { padding-bottom: 25px !important; }
.pBottom30 { padding-bottom: 30px !important; }
.pBottom35 { padding-bottom: 35px !important; }
.pBottom40 { padding-bottom: 40px !important; }
.pBottom45 { padding-bottom: 45px !important; }
.pBottom50 { padding-bottom: 50px !important; }
.pBottom55 { padding-bottom: 55px !important; }
.pBottom60 { padding-bottom: 60px !important; }
.pBottom65 { padding-bottom: 65px !important; }
.pBottom70 { padding-bottom: 70px !important; }
.pBottom75 { padding-bottom: 75px !important; }
.pBottom80 { padding-bottom: 80px !important; }
.pBottom85 { padding-bottom: 85px !important; }
.pBottom90 { padding-bottom: 90px !important; }
.pBottom95 { padding-bottom: 95px !important; }
.pBottom100 { padding-bottom: 100px !important; }

.pLeft5 { padding-left: 5px !important; }
.pLeft10 { padding-left: 10px !important; }
.pLeft15 { padding-left: 15px !important; }
.pLeft20 { padding-left: 20px !important; }
.pLeft25 { padding-left: 25px !important; }
.pLeft30 { padding-left: 30px !important; }
.pLeft35 { padding-left: 35px !important; }
.pLeft40 { padding-left: 40px !important; }
.pLeft45 { padding-left: 45px !important; }
.pLeft50 { padding-left: 50px !important; }
.pLeft55 { padding-left: 55px !important; }
.pLeft60 { padding-left: 60px !important; }
.pLeft65 { padding-left: 65px !important; }
.pLeft70 { padding-left: 70px !important; }
.pLeft75 { padding-left: 75px !important; }
.pLeft80 { padding-left: 80px !important; }
.pLeft85 { padding-left: 85px !important; }
.pLeft90 { padding-left: 90px !important; }
.pLeft95 { padding-left: 95px !important; }
.pLeft100 { padding-left: 100px !important; }

.pRight5 { padding-right: 5px !important; }
.pRight10 { padding-right: 10px !important; }
.pRight15 { padding-right: 15px !important; }
.pRight20 { padding-right: 20px !important; }
.pRight25 { padding-right: 25px !important; }
.pRight30 { padding-right: 30px !important; }
.pRight35 { padding-right: 35px !important; }
.pRight40 { padding-right: 40px !important; }
.pRight45 { padding-right: 45px !important; }
.pRight50 { padding-right: 50px !important; }
.pRight55 { padding-right: 55px !important; }
.pRight60 { padding-right: 60px !important; }
.pRight65 { padding-right: 65px !important; }
.pRight70 { padding-right: 70px !important; }
.pRight75 { padding-right: 75px !important; }
.pRight80 { padding-right: 80px !important; }
.pRight85 { padding-right: 85px !important; }
.pRight90 { padding-right: 90px !important; }
.pRight95 { padding-right: 95px !important; }
.pRight100 { padding-right: 100px !important; }


/* -----------------------------------------------------------------------------

  PATTERN CLASSES
  
----------------------------------------------------------------------------- */

.pattern-red { background: url("../img/pattern/pattern-red.jpg") top left repeat; position: relative; }
.brush.pattern-red::before, .brushPrev.pattern-red::before { background: url("../img/pattern/pattern-red.jpg") top left repeat; }
.brush.bg-red::before, .brushPrev.bg-red::before  { background-color: #ea1730; }
.pattern-blue { background: url("../img/pattern/pattern-blue.jpg") top left repeat; position: relative; }
.brush.pattern-blue::before, .brushPrev.pattern-blue::before { background: url("../img/pattern/pattern-blue.jpg") top left repeat; }
.brush.bg-blue::before, .brushPrev.bg-blue::before { background-color: #3281f8; }
.pattern-yellow { background: url("../img/pattern/pattern-yellow.jpg") top left repeat; position: relative; }
.brush.pattern-yellow::before, .brushPrev.pattern-yellow::before { background: url("../img/pattern/pattern-yellow.jpg") top left repeat; }
.brush.bg-yellow::before, .brushPrev.bg-yellow::before { background-color: #ffbe0e; }
.pattern-green { background: url("../img/pattern/pattern-green.jpg") top left repeat; position: relative; }
.brush.pattern-green::before, .brushPrev.pattern-green::before { background: url("../img/pattern/pattern-green.jpg") top left repeat; }
.brush.bg-green::before, .brushPrev.bg-green::before { background-color: #48c24d; }
.pattern-purple { background: url("../img/pattern/pattern-purple.jpg") top left repeat; position: relative; }
.brush.pattern-purple::before, .brushPrev.pattern-purple::before { background: url("../img/pattern/pattern-purple.jpg") top left repeat; }
.brush.bg-purple::before, .brushPrev.bg-purple::before { background-color: #a942c3; }
.pattern-pink { background: url("../img/pattern/pattern-pink.jpg") top left repeat; position: relative; }
.brush.pattern-pink::before, .brushPrev.pattern-pink::before { background: url("../img/pattern/pattern-pink.jpg") top left repeat; }
.brush.bg-pink::before, .brushPrev.bg-pink::before { background-color: #ed568f; }
.pattern-turquoise { background: url("../img/pattern/pattern-turquoise.jpg") top left repeat; position: relative; }
.brush.pattern-turquoise::before, .brushPrev.pattern-turquoise::before { background: url("../img/pattern/pattern-turquoise.jpg") top left repeat; }
.brush.bg-turquoise::before, .brushPrev.bg-turquoise::before { background-color: #44bbc6; }
.pattern-orange { background: url("../img/pattern/pattern-orange.jpg") top left repeat; position: relative; }
.brush.pattern-orange::before, .brushPrev.pattern-orange::before { background: url("../img/pattern/pattern-orange.jpg") top left repeat; }
.brush.bg-orange::before, .brushPrev.bg-orange::before { background-color: #ff6d1d; }
.pattern-darkGrey { background: url("../img/pattern/pattern-darkGrey.jpg") top left repeat; position: relative; }
.brush.pattern-darkGrey::before, .brushPrev.pattern-darkGrey::before { background: url("../img/pattern/pattern-darkGrey.jpg") top left repeat; }
.brush.bg-darkGrey::before, .brushPrev.bg-darkGrey::before { background-color: #202124; }
.pattern-grey { background: url("../img/pattern/pattern-grey.jpg") top left repeat; position: relative; }
.brush.pattern-grey::before, .brushPrev.pattern-grey::before { background: url("../img/pattern/pattern-grey.jpg") top left repeat; }
.brush.bg-grey::before, .brushPrev.bg-grey::before { background-color: #414246; }
.pattern-lightGrey { background: url("../img/pattern/pattern_lightGrey.jpg") top left repeat; position: relative; }
.brush.pattern-lightGrey::before, .brushPrev.pattern-lightGrey::before { background: url("../img/pattern/pattern_lightGrey.jpg") top left repeat; }
.brush.bg-lightGrey::before, .brushPrev.bg-lightGrey::before { background-color: #ceced0; }
.pattern-white { background: url("../img/pattern/pattern-white.jpg") top left repeat; position: relative; }
.brush.pattern-white::before, .brushPrev.pattern-white::before { background: url("../img/pattern/pattern-white.jpg") top left repeat; }
.brush.bg-white::before, .brushPrev.bg-white::before { background-color: #ffffff; }
.pattern-black { background: url("../img/pattern/pattern-black.jpg") top left repeat; position: relative; }
.brush.pattern-black::before, .brushPrev.pattern-black::before { background: url("../img/pattern/pattern-black.jpg") top left repeat; }
.brush.bg-black::before, .brushPrev.bg-black::before { background-color: #000000; }


/* -----------------------------------------------------------------------------

  "pageImage" CLASS FOR NORMAL IMAGE HOVER
  
----------------------------------------------------------------------------- */

.pageImage { vertical-align: middle; overflow: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; }

.pageImage img { min-width: 100%; transform: scale(1); -webkit-transition: all .6s ease; transition: all .6s ease; }

.pageImage:hover { }

.pageImage:hover img {
  -moz-transform:scale(1.3) rotate(-10deg);
  -webkit-transform:scale(1.3) rotate(-10deg);
  -o-transform:scale(1.3) rotate(-10deg);
  transform:scale(1.3) rotate(-10deg);
}


/* -----------------------------------------------------------------------------

  "pageImageColor" CLASS FOR COLORED IMAGE HOVER
  
----------------------------------------------------------------------------- */

.pageImageColor { vertical-align: middle; overflow: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; }

.pageImageColor img { min-width: 100%; transform: scale(1); -webkit-transition: all .6s ease; transition: all .6s ease; }

.pageImageColor:hover img {
  opacity: 0.1;
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ }

.pageImageColor:hover img {
  -webkit-filter: contrast(2);
  filter: contrast(2);
  -moz-transform:scale(1.3) rotate(-10deg);
  -webkit-transform:scale(1.3) rotate(-10deg);
  -o-transform:scale(1.3) rotate(-10deg);
  transform:scale(1.3) rotate(-10deg);
}


/* -----------------------------------------------------------------------------

  TEAM CLASSES
  
----------------------------------------------------------------------------- */

.team .grid figure figcaption p {
  font-family: 'Open Sans', sans-serif;
}


/* -----------------------------------------------------------------------------

  TABS ELEMENT
  
----------------------------------------------------------------------------- */

ul.nav-justified {
  width: 100% !important;
  table-layout: fixed !important;
  display: table !important;
}

ul.nav-justified li {
  display: table-cell;
  width: 100% !important;
}

ul.nav.nav-pills {
  height: 271px;
}

ul.nav.nav-pills li {
  padding: 10px !important;
}

ul.nav.nav-pills li a {
  height: 200px;
  line-height: 240px;
  border-radius: 0 !important;
  color: #fff;
  font-size: 17px;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  letter-spacing: 8px;
  text-indent: 8px;
  background-color: rgba(0,0,0,0.2);
  border: 1px solid rgba(0,0,0,0.3);
  z-index: 90;
  -webkit-transition: 0.4s eas;
  transition: 0.4s ease;
}

ul.nav.nav-pills li:hover a {
  background-color: rgba(0,0,0,0.3);
}

ul.nav.nav-pills li.active a {
  height: 160px;
  line-height: 200px;
  background-color: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
}

ul.nav.nav-pills li:after {
  content: "";
  width: 25px;
  height: 50px;
  background: url(../../images/svg/tab-arrow-down.svg) no-repeat 50% 50%;
  display: block;
  margin: -54px auto 0;
  z-index: 10;
  opacity: 0;
  -ms-transform:rotate(0deg); /* IE9 */
  -moz-transform: rotate(0deg);  /* FF3.5/3.6 */
  -o-transform: rotate(0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(0deg);  /* Saf3.1+ */
  transform: rotate(0deg);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

ul.nav.nav-pills li.active:after {
  z-index: 100;
  margin: -24px auto 0;
  opacity: 1;
  -ms-transform:rotate(0deg); /* IE9 */
  -moz-transform: rotate(0deg);  /* FF3.5/3.6 */
  -o-transform: rotate(0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(0deg);  /* Saf3.1+ */
  transform: rotate(0deg);
  -webkit-transition-delay: 0.2s; /* Safari */
  transition-delay: 0.2s;
}

ul.nav.nav-pills li:first-child.active:after {
  z-index: 100;
  margin: -24px auto 0;
  opacity: 1;
  -ms-transform:rotate(-20deg); /* IE9 */
  -moz-transform: rotate(-20deg);  /* FF3.5/3.6 */
  -o-transform: rotate(-20deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-20deg);  /* Saf3.1+ */
  transform: rotate(-20deg);
  -webkit-transition-delay: 0.2s; /* Safari */
  transition-delay: 0.2s;
}

ul.nav.nav-pills li:last-child.active:after {
  z-index: 100;
  margin: -24px auto 0;
  opacity: 1;
  -ms-transform:rotate(20deg); /* IE9 */
  -moz-transform: rotate(20deg);  /* FF3.5/3.6 */
  -o-transform: rotate(20deg);  /* Opera 10.5 */
  -webkit-transform: rotate(20deg);  /* Saf3.1+ */
  transform: rotate(20deg);
  -webkit-transition-delay: 0.2s; /* Safari */
  transition-delay: 0.2s;
}

ul.nav.nav-pills li.active:hover a {
  background-color: rgba(255,255,255,0.1);
}

ul.nav.nav-pills li a i {
  top: 0px;
  position: absolute;
  width: 100%;
  left: 0;
  margin-top: -40px;
}

ul.nav.nav-pills li a i::before{
  font-size: 50px;
  font-weight: 100;
}

ul.nav.nav-pills.dubstepTabs li a {
  
}

.dubstepTabs .tab-content .tab-pane .container {
  margin-top: 30px;
}

.dubstepTabs .tab-content {
  min-height: 290px;
}


/* -----------------------------------------------------------------------------

  FAST SLIDER CLASSES
  
----------------------------------------------------------------------------- */

.fastSlider{
  text-align: center;
  position: relative;
}

.xHoverLink{
  z-index: 150;
  display: table-cell;
  position: relative;
  vertical-align: middle;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.xHoverLink a {
  position: relative;
  font-size: 24px;
  padding: 10px 0px;
  outline: none;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}

.xHoverLink a:hover,
.xHoverLink a:focus {
  outline: none;
}

.xHoverLink a::before,
.xHoverLink a::after {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background: #fff;
  content: '';
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  pointer-events: none;
}

.xHoverLink a::before {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  transform: translateY(-20px);
}

.xHoverLink a::after {
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  transform: translateY(20px);
}

.xHoverLink a:hover,
.xHoverLink a:focus {
  color: #ffbe0e;
}

.xHoverLink a:hover::before,
.xHoverLink a:hover::after,
.xHoverLink a:focus::before,
.xHoverLink a:focus::after {
  opacity: 0.3;
  height: 1px;
}

.xHoverLink a:hover::before,
.xHoverLink a:focus::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.xHoverLink a:hover::after,
.xHoverLink a:focus::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.hs-wrapper{
  width: 100%;
  height: 400px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  z-index: 9;
}

.hs-wrapper .hs-links {
  height: 100%;
}

.hs-wrapper div.hs-img{
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-animation: showMe 0.8s linear infinite 0s forwards;
  -moz-animation: showMe 0.8s linear infinite 0s forwards;
  -o-animation: showMe 0.8s linear infinite 0s forwards;
  -ms-animation: showMe 0.8s linear infinite 0s forwards;
  animation: showMe 0.8s linear infinite 0s forwards;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  -ms-animation-play-state: running;
  animation-play-state: running;
}

.hs-wrapper div.hs-img:nth-child(1){
  z-index: 9;
}

.hs-wrapper div.hs-img:nth-child(2){
    -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  animation-delay: 0.1s;
  z-index: 8;
}

.hs-wrapper div.hs-img:nth-child(3){
    -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  animation-delay: 0.2s;
  z-index: 7;
}

.hs-wrapper div.hs-img:nth-child(4){
    -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  animation-delay: 0.3s;
  z-index: 6;
}

.hs-wrapper div.hs-img:nth-child(5){
    -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  animation-delay: 0.4s;
  z-index: 5;
}

.hs-wrapper div.hs-img:nth-child(6){
    -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  animation-delay: 0.5s;
  z-index: 4;
}

.hs-wrapper div.hs-img:nth-child(7){
    -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-nimation-delay: 0.6s;
  animation-delay: 0.6s;
  z-index: 3;
}

.hs-wrapper div.hs-img:nth-child(8){
    -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  -ms-animation-delay: 0.7s;
  animation-delay: 0.7s;
  z-index: 2;
}

.hs-wrapper:hover div.hs-img{
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
  12.5% { visibility: visible; z-index: 100; }
  25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}

@-moz-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
  12.5% { visibility: visible; z-index: 100; }
  25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}

@-o-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
  12.5% { visibility: visible; z-index: 100; }
  25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}

@-ms-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
  12.5% { visibility: visible; z-index: 100; }
  25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}

@keyframes showMe {
    0% { visibility: visible; z-index: 100; }
  12.5% { visibility: visible; z-index: 100; }
  25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}


/* -----------------------------------------------------------------------------

  HOMEPAGE OWL SLIDER
  
----------------------------------------------------------------------------- */

.homeSlider { z-index: 1; width: 100% !important; height: 100% !important; overflow: hidden; }

.homeSlider .owl-carousel { height: 100% !important; }

.owl-carousel .item{
  display: block;
  width: 100%;
  height: 100%;
}

.homeSlider .owl-carousel .owl-item::before{
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0, 0.6);
  }

.homeSlider .owl-carousel .owl-item .item > .row {
  position: initial !important;
}

.owl-carousel #bar{
  width: 0%;
  max-width: 100%;
  height: 1px;
  background: #ffbe0e;
}

.owl-carousel #progressBar{
  width: 100%;
  background: rgba(255,255,255,0.2);
  position: absolute;
  top: 0;
  z-index: 5;
}

.owl-carousel .row .container {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);    
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  vertical-align: middle;
}

.homeSlider .owl-carousel .item i::before { font-size: 54px !important; }

.homeSlider .owl-wrapper-outer {
    height: 100% !important;    
}

.homeSlider .owl-wrapper {
     height: 100%;   
}

.homeSlider .owl-item {
    height: 100%;
}


/* -----------------------------------------------------------------------------

  BLOG LIST CLASSES
  
----------------------------------------------------------------------------- */

.blog-list {

}

.blog-list .blog-post {
  margin-top: 30px;
  padding: 30px;
}

.blog-list .blog-post .blog-category .blog-post-img {
  border-radius: 50%;
  overflow: hidden;
  -webkit-filter: contrast(3);
  filter: contrast(3);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.blog-list .blog-post:hover .blog-category .blog-post-img {
  -webkit-filter: contrast(1);
  filter: contrast(1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.blog-list .blog-post .blog-category .blog-post-img img {
  width: 100%;
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  opacity: 0.7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.blog-list .blog-post:hover .blog-category .blog-post-img img {
  filter: none; /* IE6-9 */
  filter: grayscale(0); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.blog-list h3.entry-title a {
  text-decoration: none;
  text-transform: uppercase;
  color: #202124;
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.blog-list h3.entry-title a:hover {
  text-decoration: none;
  color: #414246;
}

.blog-list h6.entry-content {
  text-decoration: none;
  color: #202124;
  font-family: 'Roboto Slab', serif;
  font-weight: 600;
  line-height: 22px;
}

.blog-list .blog-category {
  margin-top: 45px;
}

.blog-list .blog-category a {
  text-decoration: none;
  color: #ea1730;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.blog-list .blog-category a:hover {
  text-decoration: none;
  opacity: 0.8;
}


.blog-list .blog-category a::before {
  content: "";
  border-top: 3px solid;
  width: 200%;
  display: inline-block;
  margin-bottom: 9px;
}

.blog-list ul.entry-meta {
  list-style: none;
  padding: 0;
  margin-top: 30px;
}

.blog-list ul.entry-meta li {
  float: left;
  margin: 0 40px 20px 0;
  font-size: 13px;
  line-height: 20px;
  color: #ceced0;
  display: list-item;
}

.blog-list ul.entry-meta li a {
  text-decoration: none;
  color: #ceced0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.blog-list ul.entry-meta li a:hover {
  text-decoration: none;
  color: #414246;
}

.blog-list ul.entry-meta li::after {
  content: "";
  width: 1px;
  height: 50px;
  background-color: #ceced0;
  display: inline-block;
  -ms-transform:rotate(45deg); /* IE9 */
  -moz-transform: rotate(45deg);  /* FF3.5/3.6 */
  -o-transform: rotate(45deg);  /* Opera 10.5 */
  -webkit-transform: rotate(45deg);  /* Saf3.1+ */
  transform: rotate(45deg);
  position: absolute;
  margin: -15px 0 0 20px;
}

.blog-list ul.entry-meta li:last-child::after {
  display: none;
}

.comments {
  margin-bottom: 100px;
}

.introSideFixed .comments {
  float: left;
}

.introPush .comments {
  float: none;
}

.comments .comment {
  margin-top: 50px;
  float: left;
}

.comments .comment.reply {

}

.comments .comment .comment-user-img {
  -webkit-filter: contrast(3);
  filter: contrast(3);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.comments .comment:hover .comment-user-img {
  -webkit-filter: contrast(1);
  filter: contrast(1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.comments .comment .comment-detail {

}

.comments .comment .comment-user-img img {
  width: 100%;
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  opacity: 0.7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  border-radius: 50%;
}

.comments .comment:hover .comment-user-img img {
  filter: none; /* IE6-9 */
  filter: grayscale(0); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.comments .comment h5.user-name a {
  text-decoration: none;
  text-transform: uppercase;
  color: #202124;
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.comments .comment h5.user-name a:hover {
  text-decoration: none;
  color: #414246;
}

.comments .comment p.entry-content {
  text-decoration: none;
  color: #202124;
  font-family: 'Roboto Slab', serif;
  font-weight: 600;
  line-height: 22px;
}

.comments .comment ul.entry-meta {
  list-style: none;
  padding: 0;
  margin-top: 30px;
}

.comments .comment ul.entry-meta li {
  float: left;
  margin: 0 40px 20px 0;
  font-size: 13px;
  line-height: 20px;
  color: #ceced0;
  display: list-item;
}

.comments .comment ul.entry-meta li a {
  text-decoration: none;
  color: #ceced0;
  font-weight: 700;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.comments .comment ul.entry-meta li a:hover {
  text-decoration: none;
  color: #414246;
}

.comments .comment ul.entry-meta li::after {
  content: "";
  width: 1px;
  height: 50px;
  background-color: #ceced0;
  display: inline-block;
  -ms-transform:rotate(45deg); /* IE9 */
  -moz-transform: rotate(45deg);  /* FF3.5/3.6 */
  -o-transform: rotate(45deg);  /* Opera 10.5 */
  -webkit-transform: rotate(45deg);  /* Saf3.1+ */
  transform: rotate(45deg);
  position: absolute;
  margin: -15px 0 0 20px;
}

.comments .comment ul.entry-meta li:last-child::after {
  display: none;
}


/* -----------------------------------------------------------------------------

  BLOG OWL CAROUSEL
  
----------------------------------------------------------------------------- */

.owl-blog {
  z-index: 100;
}

#owl-blog .item {
  padding: 30px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#owl-blog .item h3.entry-title a {
  text-decoration: none;
  text-transform: uppercase;
  color: #202124;
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#owl-blog .item h3.entry-title a:hover {
  text-decoration: none;
  color: #414246;
}

#owl-blog .item h6.entry-content {
  text-decoration: none;
  color: #202124;
  font-family: 'Roboto Slab', serif;
  font-weight: 600;
  line-height: 22px;
}

.owl-blog .owl-wrapper-outer {

}

.owl-blog .blog-category {
  margin-top: 45px;
}

.owl-blog .blog-category a {
  text-decoration: none;
  color: #ea1730;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.owl-blog .blog-category a:hover {
  text-decoration: none;
  opacity: 0.8;
}


.owl-blog .blog-category a::before {
  content: "";
  border-top: 3px solid;
  width: 200%;
  display: inline-block;
  margin-bottom: 15px;
}

.owl-blog ul.entry-meta {
  list-style: none;
  padding: 0;
  margin-top: 30px;
}

.owl-blog ul.entry-meta li {
  float: left;
  margin: 0 40px 20px 0;
  font-size: 13px;
  line-height: 20px;
  color: #ceced0;
  display: list-item;
}

.owl-blog ul.entry-meta li a {
  text-decoration: none;
  color: #ceced0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.owl-blog ul.entry-meta li a:hover {
  text-decoration: none;
  color: #414246;
}
.owl-blog ul.entry-meta li::after {
  content: "";
  width: 1px;
  height: 50px;
  background-color: #ceced0;
  display: inline-block;
  -ms-transform:rotate(45deg); /* IE9 */
  -moz-transform: rotate(45deg);  /* FF3.5/3.6 */
  -o-transform: rotate(45deg);  /* Opera 10.5 */
  -webkit-transform: rotate(45deg);  /* Saf3.1+ */
  transform: rotate(45deg);
  position: absolute;
  margin: -15px 0 0 20px;
}

.owl-blog ul.entry-meta li:last-child::after {
  display: none;
}

.blogNavigation {
  width: 200px;
  height: 100px;
  z-index: 200;
  position: relative;
  display: block;
  margin: 50px auto;
}

.blogNavigation a {
  width: 100px;
  height: 100px;
  position: relative;
  outline: none;
  background: transparent !important;
  z-index: 400;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  bottom: 0;
  cursor: pointer;
  float: left;
}

.blogNavigation a:first-child {
  top: 0;
  z-index: 400;
}

.blogNavigation a:after {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  margin: 20px 0 0 -51px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  border-left: 1px solid #202124;
  border-top: 1px solid #202124;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.blogNavigation a:first-child:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 20px 0 0 91px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.blogNavigation a span {
  position: absolute;
  color: #202124;
  font-size: 11px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  opacity: 0;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.blogNavigation a span:after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  background-color: #ea1730;
  z-index: 600;
  border-radius: 50%;
}

.blogNavigation a.next-blog span:after {
  top: 5px;
  right: -13px;
}

.blogNavigation a.prev-blog span:after {
  top: 5px;
  left: -13px;
}

.blogNavigation a.prev-blog span {
  top: 42px;
  left: 110px !important;
  float: left;
  text-align: left;
}

.blogNavigation a.next-blog span {
  top: 42px;
  right: 111px !important;
  float: right;
  text-align: right;
}

.blogNavigation a.next-blog:hover {
  z-index: 500 !important;
}

.blogNavigation a.blogNextHover:after {
  margin-left: 29px !important;
}

.blogNavigation a.blogNextHover span {
  opacity: 1;
  right: 30px !important;
}

.blogNavigation a.prev-blog:hover {
  z-index: 500 !important;
}

.blogNavigation a.blogPrevHover:after {
  margin-left: 11px !important;
}

.blogNavigation a.blogPrevHover span {
  opacity: 1;
  left: 30px !important;
}

.blogNavigation:before {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  background-color: #ceced0;
  border-radius: 50%;
  top: 47px;
  left: 97px;
}


/* -----------------------------------------------------------------------------

  BOOTSTRAP PAGINATION CLASSES
  
----------------------------------------------------------------------------- */

.bootstrap-pagination {
  margin-top: 50px;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #202124;
  border-color: #202124;
}

.pagination>li>a, .pagination>li>span {
  color: #202124;
}

.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}


/* -----------------------------------------------------------------------------

  DUBSTEP PAGINATION CLASSES
  
----------------------------------------------------------------------------- */

.dubstep-pagination {
  margin: 80px 0;
}

.dubstep-pagination ul.page-numbers {
  display: inline-block;
  padding-left: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}

.dubstep-pagination ul.page-numbers li {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  top: 0px;
  margin: 0px;
  line-height: 50px;
  text-align: center;
  background-color: transparent;
  text-indent: -9999px;
}

.dubstep-pagination ul.page-numbers li.prev {
  overflow: hidden;
  width: 100px;
}

.dubstep-pagination ul.page-numbers li.prev a {
  text-indent: 0;
  font-weight: 800;
  width: 100px;
  text-align: left;
  padding-left: 50px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.dubstep-pagination ul.page-numbers li.prev:hover a {
  padding-left: 35px;
}

.dubstep-pagination ul.page-numbers li.prev:hover::after {
  margin: 5px 0 0 -32px;
}

.dubstep-pagination ul.page-numbers li.prev a::after {
  opacity: 0;
}

.dubstep-pagination ul.page-numbers li.prev::after {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  left: 48px;
  margin: 5px 0 0 -17px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-left: 1px solid #202124;
  border-top: 1px solid #202124;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  pointer-events: none;
}

.dubstep-pagination ul.page-numbers li.next {
  overflow: hidden;
  width: 100px;
}

.dubstep-pagination ul.page-numbers li.next a {
  text-indent: 0;
  font-weight: 800;
  width: 100px;
  text-align: right;
  padding-right: 50px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.dubstep-pagination ul.page-numbers li.next:hover a {
  padding-right: 35px;
}

.dubstep-pagination ul.page-numbers li.next:hover::after {
  margin: 5px -15px 0 -8px;
}

.dubstep-pagination ul.page-numbers li.next a::after {
  opacity: 0;
}

.dubstep-pagination ul.page-numbers li.next::after {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  right: 31px;
  margin: 5px 0 0 -22px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  border-left: 1px solid #202124;
  border-top: 1px solid #202124;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  pointer-events: none;
}

.dubstep-pagination ul.page-numbers li a::after {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #ea1730;
  border-radius: 8px;
  position: absolute;
  top: 21px;
  left: 21px;
}

.dubstep-pagination ul.page-numbers li a {
  position: absolute;
  color: #202124;
  width: 50px;
  height: 50px;
  top: 0;
  left: 0;
}

.dubstep-pagination ul.page-numbers li a:hover {
  text-decoration: none;
}

.dubstep-pagination ul.page-numbers li.page-number-active {
  background-color: #202124;
  color: #fff;
  text-indent: 0;
}

.dubstep-pagination ul.page-numbers li.page-number-active a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 17px;
  pointer-events: none;
}

.dubstep-pagination ul.page-numbers li.page-number-active a::after {
  display: none;
}

.dubstep-pagination ul.page-numbers li a span.number-tooltip {
  position: absolute;
  top: -50px;
  background-color: #ceced0;
  color: #414246;
  font-size: 13px;
  line-height: 40px;
  text-indent: 0;
  font-weight: 600;
  max-width: 100px;
  text-align: center;
  padding: 0 15px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.dubstep-pagination ul.page-numbers li a:hover span.number-tooltip {
  opacity: 1;
  top: -30px;
}

.dubstep-pagination ul.page-numbers li a span.number-tooltip:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 40px;
  border-top: 6px solid #ceced0;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  opacity: 1;
}


/* -----------------------------------------------------------------------------

  TEAM OWL CAROUSEL
  
----------------------------------------------------------------------------- */

.owl-team {
  z-index: 100;
}

#owl-team .item {
  padding: 30px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

#owl-team .item h3.entry-title a {
  text-decoration: none;
  text-transform: uppercase;
  color: #202124;
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#owl-team .item h3.entry-title a:hover {
  text-decoration: none;
  color: #414246;
}

#owl-team .item h6.entry-content {
  text-decoration: none;
  color: #202124;
  font-family: 'Roboto Slab', serif;
  font-weight: 600;
}

.owl-team .owl-wrapper-outer {

}

.owl-team .owl-wrapper-outer .owl-item .item img {
  max-height: 350px !important;
  max-width: 350px !important;
}

.owl-team .team-category {
  margin-top: 45px;
}

.owl-team ul.entry-meta {
  list-style: none;
  padding: 0;
  margin-top: 30px;
}

.owl-team ul.entry-meta li {
  float: left;
  margin: 0 40px 20px 0;
  font-size: 13px;
  line-height: 20px;
  color: #ceced0;
  display: list-item;
}

.owl-team ul.entry-meta li a {
  text-decoration: none;
  color: #ceced0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.owl-team ul.entry-meta li a:hover {
  text-decoration: none;
  color: #414246;
}
.owl-team ul.entry-meta li::after {
  content: "";
  width: 1px;
  height: 50px;
  background-color: #ceced0;
  display: inline-block;
  -ms-transform:rotate(45deg); /* IE9 */
  -moz-transform: rotate(45deg);  /* FF3.5/3.6 */
  -o-transform: rotate(45deg);  /* Opera 10.5 */
  -webkit-transform: rotate(45deg);  /* Saf3.1+ */
  transform: rotate(45deg);
  position: absolute;
  margin: -15px 0 0 20px;
}

.owl-team ul.entry-meta li:last-child::after {
  display: none;
}

.teamNavigation {
  width: 200px;
  height: 100px;
  z-index: 200;
  position: relative;
  display: block;
  margin: 10px auto 100px auto;
}

.teamNavigation a {
  width: 100px;
  height: 100px;
  position: relative;
  outline: none;
  background: transparent !important;
  z-index: 400;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  bottom: 0;
  cursor: pointer;
  float: left;
}

.teamNavigation a:first-child {
  top: 0;
  z-index: 400;
}

.teamNavigation a:after {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  margin: 20px 0 0 -51px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  border-left: 1px solid #202124;
  border-top: 1px solid #202124;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.teamNavigation a:first-child:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 20px 0 0 91px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.teamNavigation a span {
  position: absolute;
  color: #202124;
  font-size: 11px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  opacity: 0;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.teamNavigation a span:after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  background-color: #ea1730;
  z-index: 600;
  border-radius: 50%;
}

.teamNavigation a.next-team span:after {
  top: 5px;
  right: -13px;
}

.teamNavigation a.prev-team span:after {
  top: 5px;
  left: -13px;
}

.teamNavigation a.prev-team span {
  top: 42px;
  left: 110px !important;
  float: left;
  text-align: left;
}

.teamNavigation a.next-team span {
  top: 42px;
  right: 111px !important;
  float: right;
  text-align: right;
}

.teamNavigation a.next-team:hover {
  z-index: 500 !important;
}

.teamNavigation a.teamNextHover:after {
  margin-left: 29px !important;
}

.teamNavigation a.teamNextHover span {
  opacity: 1;
  right: 30px !important;
}

.teamNavigation a.prev-team:hover {
  z-index: 500 !important;
}

.teamNavigation a.teamPrevHover:after {
  margin-left: 11px !important;
}

.teamNavigation a.teamPrevHover span {
  opacity: 1;
  left: 30px !important;
}

.teamNavigation:before {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  background-color: #ceced0;
  border-radius: 50%;
  top: 47px;
  left: 97px;
}


/* -----------------------------------------------------------------------------

  VIDEO SECTION CLASSES
  
----------------------------------------------------------------------------- */

.row.video {
  overflow: hidden;
  position: relative;
  height: 500px;
}

.row.video video {
  position: absolute;
  visibility: visible;
  margin: 0 auto;
  display: inline-block;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
}

.row.video div {
  z-index: 20;
  position: relative;
}

.row.video .tweets-container {
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.row.video .tweets-container::before {

}


/* -----------------------------------------------------------------------------

  ALBUM SHOWCASE
  
----------------------------------------------------------------------------- */

.albumShowcase {
  overflow: hidden;
  position: relative;
  min-height: 500px;
}

.albumShowcase .albumBackground {
  background: url("../../../assets/images/background/01.jpg") 50% 50% no-repeat;
  position: absolute;
  width: 100%;
  height: 800px;
}

.row.albumShowcase div.container {
  z-index: 20;
  position: relative;
}

.albumShowcase .stack .stack__titles li {
  text-align: center;
}

.albumShowcase .stack .stack__titles li h6 {
  font-family: 'Roboto Slab', serif;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.albumShowcase .stack .stack__titles li footer {
  text-align: center;
}

.albumShowcase .stack .stack__titles li footer a {
  font-family: 'Damion', cursive;
  font-size: 24px;
  color: #ffbe0e;
  text-decoration: none;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.albumShowcase .stack .stack__titles li footer a:hover {
  text-decoration: none;
  color: #fff;
}

.albumShowcase .stack .stack__titles li h6 span.albumName {
  font-weight: 300;
}

.albumShowcase:after {
  width: 100%;
  height: 180px;
  position: absolute;
  bottom: 0px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome4-9,Safari4-5 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10-11.50 */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* IE10 preview */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */
}


/* -----------------------------------------------------------------------------

  CLIENTS CLASSES
  
----------------------------------------------------------------------------- */

.clients .client img {
  background-color: #ededed;
}

.clients .client h6 {
  font-family: 'Raleway', sans-serif;
  color: #fff;
  margin: 0;
  font-weight: 600;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
}

.clientsTransparent .client img {
  background-color: transparent;
}

.clientsTransparent .client h6 {
  font-family: 'Raleway', sans-serif;
  color: #202124;
  margin: 0;
  font-weight: 800;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
}


/* -----------------------------------------------------------------------------

  EVENT CLASSES
  
----------------------------------------------------------------------------- */

.events .eventsBackground {
  background: url("../../../assets/images/background/02.jpg") 50% 50% no-repeat;
  position: absolute;
  width: 100%;
  height: 950px;
}

.events .container {
  position: relative;
}

.table-light {
  padding: 40px;
  background-color: rgba(0,0,0,0.9);
}

.table-light .table {
  margin: 0 !important;
}

.events .table-light .table>thead>tr>th {
  border-bottom: 2px solid rgba(255,255,255,0.05) !important;
}

.events .table-light .table>tbody>tr>td, .events .table-light .table>tbody>tr>th, .events .table-light .table>tfoot>tr>td, .events .table-light .table>tfoot>tr>th, .events .table-light .table>thead>tr>td, .events .table-light .table>thead>tr>th {
  border-top: 1px solid rgba(255,255,255,0.05) !important;
}

.events .table-light .table>caption+thead>tr:first-child>td, .events .table-light .table>caption+thead>tr:first-child>th, .events .table-light .table>colgroup+thead>tr:first-child>td, .events .table-light .table>colgroup+thead>tr:first-child>th, .events .table-light .table>thead:first-child>tr:first-child>td, .events .table-light .table>thead:first-child>tr:first-child>th {
  border-top: 0 !important;
}

.events .table-light .table th  {
  color: #fff;
}

.events .table-light .table td {
  color: rgba(255,255,255, 0.5);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.events .table-light .table > thead tr th {
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 800;
}

.events .table-light .table tbody tr td {
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.table-light .table>tbody>tr>td, .table-light .table>tbody>tr>th, .table-light .table>tfoot>tr>td, .table-light .table>tfoot>tr>th, .table-light .table>thead>tr>td, .table-light .table>thead>tr>th {
  padding: 20px !important;
}

.table-light .table.table-hover>tbody>tr {
  background-color: transparent;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.table-light .table.table-hover>tbody>tr:hover {
  background-color: rgba(255,255,255,0.05) !important;
}

.table-light .table.table-hover>tbody>tr:hover td {
  color: rgba(255,255,255, 1);
}

.table-light .table.table-hover .glyphicon:before {
  vertical-align: middle;
}

.table-light .table.table-hover tr .eventLink {
  position: relative;
  float: right;
}

.table-light .table.table-hover tr .eventLink span.eventPrice {
  color: #202124;
  background-color: #ffbe0e;
  border-radius: 50%;
  position: absolute;
  float: right;
  text-align: center;
  font-size: 13px;
  font-weight: 800;
  width: 40px;
  height: 40px;
  line-height: 40px;
  right: 0;
  top: -6px;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.table-light .table.table-hover tr .eventLink:after {
  content: "";
  width: 70px;
  height: 30px;
  /*background: url(../../images/svg/right-arrow-white.svg) no-repeat 50% 50%;*/
  -webkit-mask: url(../../images/svg/right-arrow-white.svg) no-repeat 50% 50%;
  mask: url(../../images/svg/right-arrow-white.svg) no-repeat 50% 50%;
  clip-path: url(../../images/svg/right-arrow-white-firefox.svg#svgPath);
  -webkit-clip-path: url(../../images/svg/right-arrow-white-firefox.svg#svgPath);
  display: block;
  margin-right: 10px;
  float: right;
  z-index: 10;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.table-light .table.table-hover tr:hover .eventLink span.eventPrice {
  opacity: 0;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.table-light .table.table-hover tr:hover .eventLink:after{
  margin-right: 0px;
  opacity: 1;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.table-light .table.table-hover tr:hover .eventLink:hover:after {
  background-color: #ffbe0e;
}


/* -----------------------------------------------------------------------------

  PARALLAX BACKGROUND IMAGE CLASSES
  
----------------------------------------------------------------------------- */

.parallax { height:50%;overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; background-position:50% 50%\9 !important; background-attachment:fixed; }

.pageHeader .parallax {
  opacity: 0.5;
  min-height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  filter: grayscale(0.3); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(0.3); /* Google Chrome, Safari 6+ & Opera 15+ */
}


/* -----------------------------------------------------------------------------

  FOOTER CLASSES
  
----------------------------------------------------------------------------- */

.footer {
  padding-bottom: 100px
}

.footerLogo {
  opacity: 0.2;
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
}

.footerLogo:hover {
  opacity: 0.8;
}

.footer a {
  text-decoration: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.footer a:hover {
  text-decoration: none;
  color: #fff;
}

.icon-dribbble:after {
  content: "\eaa7"; }

.icon-twitter:after {
  content: "\ea96"; }

.icon-facebook:after {
  content: "\ea90"; }

.icon-pinterest:after {
  content: "\ead1"; }

.icon-flickr:after {
  content: "\eaa3"; }

.icon-google-plus:after {
  content: "\ea8b"; }

.icon-tumblr:after {
  content: "\eab9"; }

.icon-github:after {
  content: "\eab0"; }

.icon-vimeo:after {
  content: "\eaa0"; }

.icon-youtube:after {
content: "\ea9d"; }

.icon-behance:after {
content: "\eaa8"; }

.icon-linkedin2:after {
content: "\eaca"; }

.icon-soundcloud:after {
content: "\eac3"; }

ul.social li .icon::before, ul.social li .icon::after{
  font-size: 17px;
  line-height: 60px;
}

ul.social li .icon::before {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

ul.social {
  text-align: center;
  padding: 0;
}

ul.social li {
  display: inline-block;
  width: 60px;
  height: 60px;
  overflow: visible; 
  line-height: 60px;
  background: transparent;
  border-radius: 100%;
  margin: 2px;
  position: relative;
  cursor: pointer;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

ul.social li a::before {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

ul.social li::before {
  content: "";
  width: 60px;
  height: 60px;
  -webkit-mask: url(../../images/svg/circle-brush.svg) no-repeat 50% 50%;
  mask: url(../../images/svg/circle-brush.svg) no-repeat 50% 50%;
  clip-path: url(../../images/svg/circle-brush-firefox.svg#svgPath);
  -webkit-clip-path: url(../../images/svg/circle-brush-firefox.svg#svgPath);
  display: block;
  position: absolute;
  background-color: #202124;
  z-index: 16;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

ul.social li.dribble:hover::before {
  background-color: #ed568f;
}

ul.social li.twitter:hover::before {
  background-color: #1da1f2;
}

ul.social li.facebook:hover::before {
  background-color: #3b5998;
}

ul.social li.pinterest:hover::before {
  background-color: #bd2126;
}

ul.social li.flickr:hover::before {
  background-color: #128fdc;
}

ul.social li.google-plus:hover::before {
  background-color: #d73d32;
}

ul.social li.tumblr:hover::before {
  background-color: #529ecc;
}

ul.social li.github:hover::before {
  background-color: #100e0f;
}

ul.social li.vimeo:hover::before {
  background-color: #17b3e8;
}

ul.social li.youtube:hover::before {
  background-color: #e62117;
}

ul.social li.behance:hover::before {
  background-color: #008aff;
}

ul.social li.linkedin2:hover::before {
  background-color: #0077b5;
}

ul.social li.soundcloud:hover::before {
  background-color: #ff5500;
}

ul.social li span.tooltip {
  font-size: 13px;
  font-family: 'Roboto Slab', serif;
  background-color: #fff;
  color: #202124;
  max-width: 200px;
  position: absolute;
  opacity: 0;
  text-align: center;
  top: -55px;
  left: 50%;
  float: left;
  z-index: 18;
  font-weight: 600;
  pointer-events: none;
  white-space: nowrap;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  padding: 10px 15px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

ul.social li:hover span.tooltip {
  opacity: 1;
  top: -45px;
}

ul.social li span.tooltip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -12px;
  left: 50%;
  border-top: 6px solid white;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

ul.social li:hover a {
  pointer-events: all;
}

ul.social li:hover a::before {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

ul.social li a::after {
  opacity: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

ul.social li:hover a::after {
  opacity: 1;
  margin-top: -20px;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

ul.social li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  color: #fff;
  z-index: 17;
  pointer-events: none;
  -webkit-transition: top 0.2s;
  -moz-transition: top 0.2s;
  -o-transition: top 0.2s;
  transition: top 0.2s;
}

ul.social li a:hover {
  text-decoration: none;
}

ul.social li a:after {
  text-align: center;
  position: absolute;
  width: inherit;
  height: 30px;
  left: 0;
  bottom: 0;
  line-height: 30px !important;
  color: #fff;
  pointer-events: none;
  top: 35px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}


ul.socialDark li .icon::before, ul.socialDark li .icon::after{
  font-size: 17px;
  line-height: 60px;
}

ul.socialDark {
  text-align: center;
  padding: 0;
}

ul.socialDark li {
  display: inline-block;
  width: 60px;
  height: 60px;
  overflow: visible; 
  line-height: 60px;
  background: transparent;
  border-radius: 100%;
  margin: 2px;
  position: relative;
  cursor: pointer;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

ul.socialDark li a::before {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

ul.socialDark li::before {
  content: "";
  width: 60px;
  height: 60px;
  -webkit-mask: url(../../images/svg/circle-brush.svg) no-repeat 50% 50%;
  mask: url(../../images/svg/circle-brush.svg) no-repeat 50% 50%;
  clip-path: url(../../images/svg/circle-brush-firefox.svg#svgPath);
  -webkit-clip-path: url(../../images/svg/circle-brush-firefox.svg#svgPath);
  display: block;
  position: absolute;
  background-color: #202124;
  z-index: 16;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

ul.socialDark li.dribble:hover::before {
  background-color: #ed568f;
}

ul.socialDark li.twitter:hover::before {
  background-color: #1da1f2;
}

ul.socialDark li.facebook:hover::before {
  background-color: #3b5998;
}

ul.socialDark li.pinterest:hover::before {
  background-color: #bd2126;
}

ul.socialDark li.flickr:hover::before {
  background-color: #128fdc;
}

ul.socialDark li.google-plus:hover::before {
  background-color: #d73d32;
}

ul.socialDark li.tumblr:hover::before {
  background-color: #529ecc;
}

ul.socialDark li.github:hover::before {
  background-color: #100e0f;
}

ul.socialDark li.vimeo:hover::before {
  background-color: #17b3e8;
}

ul.socialDark li.youtube:hover::before {
  background-color: #e62117;
}

ul.socialDark li.behance:hover::before {
  background-color: #008aff;
}

ul.socialDark li.linkedin2:hover::before {
  background-color: #0077b5;
}

ul.socialDark li.soundcloud:hover::before {
  background-color: #ff5500;
}

ul.socialDark li span.tooltip {
  font-size: 13px;
  font-family: 'Roboto Slab', serif;
  background-color: #202124;
  color: #fff;
  min-width: 100px;
  line-height: 35px;
  position: absolute;
  opacity: 0;
  text-align: center;
  top: -55px;
  left: 50%;
  float: left;
  z-index: 18;
  padding: 0px 8px;
  margin-left: -50px;
  font-weight: 600;
  pointer-events: none;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

ul.socialDark li:hover span.tooltip {
  opacity: 1;
  top: -45px;
}

ul.socialDark li span.tooltip:after {
  position: absolute;
  width: 0;
  height: 0;
  top: 35px;
  left: 44px;
  border-top: 6px solid #202124;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  opacity: 0;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}

ul.socialDark li:hover span.tooltip:after {
  opacity: 1;
}

ul.socialDark li:hover a {
  top: -20px;
  pointer-events: all;
}

ul.socialDark li:hover a::before {
  opacity: 0;
}

ul.socialDark li a::after {
  opacity: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

ul.socialDark li:hover a::after {
  opacity: 1;
}

ul.socialDark li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  color: #fff;
  z-index: 17;
  pointer-events: none;
  -webkit-transition: top 0.2s;
  -moz-transition: top 0.2s;
  -o-transition: top 0.2s;
  transition: top 0.2s;
}

ul.socialDark li a:hover {
  text-decoration: none;
}

ul.socialDark li a:after {
  text-align: center;
  position: absolute;
  width: inherit;
  height: 30px;
  left: 0;
  bottom: 0;
  line-height: 30px !important;
  color: #fff;
  pointer-events: none;
  top: 35px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.scrollToTop {
  z-index: 20;
  position: absolute;
  margin-top: -30px;
  width: 20px;
  height: 60px;
}

.scrollToTop::before {
  content: '';
  width: 60px;
  height: 60px;
  border: 1px solid #fff;
  background-color: rgba(0,0,0,0.1);
  box-shadow: 0px 0px 20px rgba(0,0,0,0.07);
  transform-origin: center;
  transform: rotate(45deg);
  position: absolute;
  margin-left: -40px;
  top: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.scrollToTop:hover::before {
  background-color: #fff;
}

.scrollToTop::after {
  content: "";
  width: 20px;
  height: 50px;
  /*background: url(../../images/svg/tab-arrow.svg) no-repeat 50% 50%;*/
  -webkit-mask: url(../../images/svg/tab-arrow-up.svg) no-repeat 50% 50%;
  mask: url(../../images/svg/tab-arrow-up.svg) no-repeat 50% 50%;
  clip-path: url(../../images/svg/tab-arrow-up-firefox.svg#svgPath);
  -webkit-clip-path: url(../../images/svg/tab-arrow-up-firefox.svg#svgPath);
  background-color: #fff;
  display: block;
  margin-left: -10px;
  margin-top: 4px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.scrollToTop:hover::after {
  margin-top: -1px;
  background-color: #202124;
}

.footer-top {
  padding: 50px 0;
}

.footer h6 {
  color: #fff;
  font-weight: 800;
}
.footer ul {
  list-style: none;
  padding: 0;
}

.footer ul li {
  border-bottom: 1px dashed rgba(0,0,0,0.3);
  line-height: 35px;
}

.footer ul li a {
  text-decoration: none;
  font-size: 13px;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  color: #ceced0;
}

.footer ul li a:hover {
  color: #fff;
}

.footer-top p {
  color: #ceced0;
}


/* -----------------------------------------------------------------------------

  ICON SCROLL CLASSES
  
----------------------------------------------------------------------------- */

.icon-scroll,
.icon-scroll:before {
  position: absolute !important;
  left: 50%;
}

.icon-scroll {
  width: 30px;
  height: 50px;
  margin-left: -20px;
  bottom: 70px;
  margin-top: -35px;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.9);
  border-radius: 25px;
  z-index: 100;
}

@media (max-width: 767px) {
  .icon-scroll {
    /*position: relative;*/
  }
}
.icon-scroll:before {
  content: '';
  width: 6px;
  height: 6px;
  background: rgba(255, 255, 255, 0.9);
  margin-left: -3px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}

@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(26px);
            transform: translateY(26px);
  }
}

@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(26px);
            transform: translateY(26px);
  }
}


/* -----------------------------------------------------------------------------

  SERVICES CLASSES
  
----------------------------------------------------------------------------- */

.services .photoService {

}

.services .photoService .pageImageColor::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  bottom: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome4-9,Safari4-5 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10-11.50 */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* IE10 preview */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */
  -webkit-transition: .3s;
  transition: .3s;
}

.services .photoService .pageImageColor:hover::after {
  opacity: 0;
  height: 100px;
} 

.services .photoService .pageImageColor .serviceContent {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 30px;
  overflow: hidden;
  -webkit-transition: .5s;
  transition: .5s;
}

.services .photoService .pageImageColor:hover .serviceContent {
  padding: 40px 30px;
}

.services .photoService .pageImageColor .serviceContent h4 {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  -webkit-transition: .5s;
  transition: .5s;
}

.services .photoService .pageImageColor .serviceContent h4::after {
  content: "";
  float: left;
  border-bottom: 2px solid rgba(255, 255, 255, 1);
  width: 100%;
  position: absolute;
  top: 0;
  margin-top: 45px;
  margin-left: 30px;
  -webkit-transition: .5s;
  transition: .5s;
}

.services .photoService .pageImageColor .serviceContent h5 {
  color: #fff;
  font-family: 'Nothing You Could Do', cursive;
  font-weight: 600;
  -webkit-transition: .5s;
  transition: .5s;
}

.services .photoService .pageImageColor:hover .serviceContent h4, .services .photoService .pageImageColor:hover .serviceContent h5 {
  color: #202124
}

.services .photoService .pageImageColor:hover .serviceContent h4:after {
  border-bottom: 3px solid rgba(255, 255, 255, 0);
}

.services .photoService .pageImageColor .serviceContent i::before {
  color: #fff;
  font-size: 280px;
  display: inline-block;
  right: -30px;
  float: right;
  position: absolute;
  top: -60px;
  opacity: 0.05;
  -webkit-transition: .5s;
  transition: .5s;
}

.services .photoService .pageImageColor:hover .serviceContent i::before {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0;
}


/* -----------------------------------------------------------------------------

  3D FLIP CLASSES
  
----------------------------------------------------------------------------- */

.flip {
  -webkit-perspective: 800px;
  -ms-perspective: 800px;
  -moz-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
  position: relative;
}

.flip:hover {
  z-index: 300;
}

.flip .card.flipped {
  transform:rotateY(-180deg);
  -ms-transform:rotateY(-180deg); /* IE 9 */
  -moz-transform:rotateY(-180deg); /* Firefox */
  -webkit-transform:rotateY(-180deg); /* Safari and Chrome */
  -o-transform:rotateY(-180deg); /* Opera */
}

.flip .card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
  -moz-transform-style: preserve-3d;
  -moz-transition: 0.5s;
  -ms-transform-style: preserve-3d;
  -ms-transition: 0.5s;
  -o-transform-style: preserve-3d;
  -o-transition: 0.5s;
  transform-style: preserve-3d;
  transition: 0.5s;
}

.flip .card .face {
  width: 100%;
  height: 100%;
  position: relative !important;
  z-index: 2;
  text-align: center;
  backface-visibility: hidden;  /* W3C */
  -webkit-backface-visibility: hidden; /* Safari & Chrome */
  -moz-backface-visibility: hidden; /* Firefox */
  -ms-backface-visibility: hidden; /* Internet Explorer */
  -o-backface-visibility: hidden; /* Opera */

}

.flip .card .front {
  position: absolute;
  z-index: 1;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.clients .flip .card .back {
  background: url("../img/pattern/pattern-black.jpg") top left repeat;
  cursor: pointer;
  position: absolute !important;
  top: 0;
  padding: 10px;
  transform:rotateY(-180deg);
  -ms-transform:rotateY(-180deg); /* IE 9 */
  -moz-transform:rotateY(-180deg); /* Firefox */
  -webkit-transform:rotateY(-180deg); /* Safari and Chrome */
  -o-transform:rotateY(-180deg); /* Opera */
}

.clientsTransparent .flip .card .back {
  background-color: #ededed;
  cursor: pointer;
  position: absolute !important;
  top: 0;
  padding: 10px;
  transform:rotateY(-180deg);
  -ms-transform:rotateY(-180deg); /* IE 9 */
  -moz-transform:rotateY(-180deg); /* Firefox */
  -webkit-transform:rotateY(-180deg); /* Safari and Chrome */
  -o-transform:rotateY(-180deg); /* Opera */
}

.clientsTransparent .flip .card .front {
  border: 1px solid #ededed;
}


/* -----------------------------------------------------------------------------

  TWITTER CAROUSEL CLASSES
  
----------------------------------------------------------------------------- */

.twitterCarousel {
  margin: 0 auto;
  float: none;
  padding: 0px;
  background-color: rgba(255,255,255,0.9);
  border-radius: 5px;
  overflow: hidden;
}

.twitterCarousel > h3 {
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  margin: 0;
  line-height: 34px;
  padding: 40px 40px 0 40px;
  width: 100%;
}

.twitterCarousel > h3:after {
  content: "";
  bottom: 0;
  display: block;
  border-bottom: 1px solid #ceced0;
  width: 100%;
  margin-top: 18px;
}

.twitterCarousel .twitter-profile-button {
  min-width: 50px;
  height: 50px;
  cursor: pointer;
  bottom: 0px;
  position: relative !important;
  float: left;
  display: block;
  text-align: center;
  background-color: #202124;
  color: #fff;
  padding: 0;
}

.twitterCarousel .twitter-profile-button h6 {
  font-family: 'Roboto Slab', serif;
  font-weight: 600;
  line-height: 50px;
  margin: 0;
  color: #fff;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.twitterCarousel .twitter-profile-button a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.twitterCarousel .twitter-profile-button a:hover {
  text-decoration: none;
  color: #ceced0;
}

.twitterCarousel .twitter-profile-button a:hover h6 {
  text-decoration: none;
  color: #ceced0;
}

.twitterCarousel .swiper-button-prev {
  background-color: #ceced0;
  padding: 0;
  color: #414246;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.twitterCarousel .swiper-button-prev:hover {
  color: #202124;
}

.twitterCarousel .swiper-button-next {
  background-color: #414246;
  padding: 0;
  color: #ceced0;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.twitterCarousel .swiper-button-next:hover {
  color: #fff;
}

.twitterCarousel .swiper-button-next span, .twitterCarousel .swiper-button-prev span {
  font-size: 18px;
  line-height: 50px;
  top: 0;
  width: 100%;
  text-align: center;
}

.twitterCarousel .swiper-container .swiper-wrapper .swiper-slide a {
  color: #202124;
  font-weight: 700;
}

.twitterCarousel .swiper-container .swiper-wrapper .swiper-slide .date {
  color: #ceced0;
  font-style: italic;
}

.twitterCarousel .swiper-container .swiper-wrapper .swiper-slide .date a {
  color: #ceced0;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.twitterCarousel .swiper-container .swiper-wrapper .swiper-slide .date a:hover {
  color: #414246;
}


/* -----------------------------------------------------------------------------

  TEXT ANIMATION CLASSES
  
----------------------------------------------------------------------------- */

.video.textAnimate {
  
}

.video.textAnimate:after{
  background: url("../img/pattern/pattern-black.jpg") top left repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  float: left;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.4;
}
.textAnimate svg {
  display: block;
  font-family: 'Raleway', sans-serif;
  font-size: 90px;
  font-weight: 800;
  width: 960px;
  height: 200px;
  margin: 0 auto;
  margin-top: -100px;
}

.textAnimate .text-copy {
  fill: none;
  stroke: white;
  stroke-dasharray: 6% 29%;
  stroke-width: 1px;
  stroke-dashoffset: 0%;
  animation: stroke-offset 5s infinite linear;
}

.textAnimate .text-copy:nth-child(1){
  stroke: #a942c3;
  animation-delay: -1;
}

.textAnimate .text-copy:nth-child(2){
  stroke: #3281f8;
  animation-delay: -2s;
}

.textAnimate .text-copy:nth-child(3){
  stroke: #44bbc6;
  animation-delay: -3s;
}

.textAnimate .text-copy:nth-child(4){
  stroke: #3281f8;
  animation-delay: -4s;
}

.textAnimate .text-copy:nth-child(5){
  stroke: #ea1730;
  animation-delay: -5s;
}

@keyframes stroke-offset{
  100% {stroke-dashoffset: -35%;}
}


/* -----------------------------------------------------------------------------

  EXPAND MENU
  
----------------------------------------------------------------------------- */

.content-wrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.menu-wrap a {
  color: #202124;
}

.menu-wrap a:hover,
.menu-wrap a:focus {
  color: #f83244;
  text-decoration: none;
}

.content-wrap {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

/* Common styles for menu button and menu-wrap */
.menu-button {  }
.menu-wrap {
  position: relative;
  width: 90px;
  height: 90px;
  top: 0;
  left: 0;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}

/* Menu Button */
.menu-button {
  position: absolute;
  width: 90px;
  height: 90px;
  z-index: 1000;
  top: 30px;
  margin: 0;
  padding: 0;
  border: none;
  text-indent: 2.5em;
  background: transparent;
  cursor: pointer;
}

.menu-button::before {

}

.menu-button:hover {

}

/* Menu */
.menu-wrap {
  z-index: 999;
  background: #fff;
  /*overflow: hidden;*/
  -webkit-transition: width 0.4s, height 0.4s, -webkit-transform 0.4s;
  transition: width 0.4s, height 0.4s, transform 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.menu {
  height: 100%;
  overflow: hidden;
  font-size: 0.75em;
}

.menu-list {
  float: right;
  padding: 36px 30px 0 0;
}
.menu-list li{
  list-style-type: none;
  position: relative;
  display: inline-block;
}

.menu-list li a {
  opacity: 0;
  display: inline-block;
  margin: 0 10px;
  text-align: right;
  font-size: 13px;
}

.menu-list li a span {
  display: block;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 800;
  font-family: 'Raleway', sans-serif;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.menu-list li a.externalLink {
  color: #f83244;
}

.menu-list li a.externalLink:hover {
  color: #202124;
}

@media screen and (max-width: 50em) {
  .menu-list a {

  }
  .menu-list a span {
    display: none;
  }
}

/* Shown menu */
.show-menu .content-wrap {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translate3d(0,90px,0);
  transform: translate3d(0,90px,0);
}

.show-menu .menu {
  overflow: visible !important;
}

.show-menu .menu-wrap {
  width: 100%;
  height: 90px;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.show-menu .menu-list > li > a {
  height: 55px;
}

.show-menu .menu-list li a {
  opacity: 1;
  -webkit-transition: opacity 0.6s 0.6s;
  transition: opacity 0.6s 0.6s;
}

.show-menu .menu-list li a:nth-child(2) {
  -webkit-transition-delay: 0.58s;
  transition-delay: 0.58s;
}

.show-menu .menu-list li a:nth-child(3) {
  -webkit-transition-delay: 0.56s;
  transition-delay: 0.56s;
}

.show-menu .menu-list li a:nth-child(4) {
  -webkit-transition-delay: 0.54s;
  transition-delay: 0.54s;
}

.show-menu .menu-list li a:nth-child(5) {
  -webkit-transition-delay: 0.52s;
  transition-delay: 0.52s;
}

.show-menu .menu-list li a:nth-child(6) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.show-menu .menu-list li a:nth-child(7) {
  -webkit-transition-delay: 0.48s;
  transition-delay: 0.48s;
}

.show-menu .menu-list li a:nth-child(8) {
  -webkit-transition-delay: 0.46s;
  transition-delay: 0.46s;
}

.show-menu .menu-list li a:nth-child(9) {
  -webkit-transition-delay: 0.44s;
  transition-delay: 0.44s;
}

.show-menu .menu-list li a:nth-child(10) {
  -webkit-transition-delay: 0.42s;
  transition-delay: 0.42s;
}

.show-menu .headerSearch i {
  opacity: 1;
  -webkit-transition: opacity 0.4s 0.4s;
  transition: opacity 0.4s 0.4s;
}

.menu-list ul.subMenu {
  position: absolute;
  top: 55px;
  min-width: 170px;
  margin: 10px 0 0 -10px;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.menu-list ul.subMenuLeft {
  position: absolute;
  top: 55px;
  right: -10px;
  min-width: 170px;
  margin: 10px 0 0 -10px;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.menu-list ul.subMenu li {
  margin-bottom: 1px;
  background-color: #fff;
  width: 100%;
  float: left;
  text-align: left;
  box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

.menu-list ul.subMenuLeft li{
  margin-bottom: 1px;
  background-color: #fff;
  width: 100%;
  float: right;
  text-align: right;
  box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}
.menu-list ul.subMenu li a {
  margin: 0;
  padding: 15px 20px;
  width: 100%;
  /*white-space: nowrap;*/
  line-height: 16px;
  color: #202124;
  display: inline-block;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.menu-list ul.subMenuLeft li a {
  margin: 0;
  padding: 15px 20px;
  width: 100%;
  /*white-space: nowrap;*/
  line-height: 16px;
  color: #202124;
  display: inline-block;
  text-align: right;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; 
}

.menu-list ul.subMenu li a:hover {
  color: #ea1730;
}

.menu-list ul.subMenuLeft li a:hover {
  color: #ea1730;
}

.show-menu .menu-list li:hover > ul.subMenu {
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0px 0 0 -10px;
}

.show-menu .menu-list li:hover > ul.subMenuLeft {
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0px 0 0 -10px;
}



.menu-list ul.subMenu li ul.subMenuSecond {
  position: absolute;
  top: 0px;
  min-width: 170px;
  margin: 10px 0 0 -10px;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  left: 181px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.menu-list ul.subMenuLeft li ul.subMenuSecond {
  position: absolute;
  top: 0px;
  min-width: 170px;
  margin: 10px 0 0 -10px;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  right: 171px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.menu-list ul.subMenu li ul.subMenuSecond li {
  margin-bottom: 1px;
  background-color: #fff;
  width: 100%;
  float: left;
  text-align: left;
}

.menu-list ul.subMenuLeft li ul.subMenuSecond li {
  margin-bottom: 1px;
  background-color: #fff;
  width: 100%;
  float: right;
  text-align: right;
}

.menu-list ul.subMenu li ul.subMenuSecond li a {
  margin: 0;
  padding: 15px 20px;
  width: 100%;
  line-height: 16px;
  color: #202124;
  display: inline-block;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.menu-list ul.subMenuLeft li ul.subMenuSecond li a {
  margin: 0;
  padding: 15px 20px;
  width: 100%;
  line-height: 16px;
  color: #202124;
  display: inline-block;
  text-align: right;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.menu-list ul.subMenu li ul.subMenuSecond li a:hover {
  color: #ea1730;
}

.menu-list ul.subMenuLeft li ul.subMenuSecond li a:hover {
  color: #ea1730;
}

.show-menu .menu-list li > ul.subMenu li:hover ul.subMenuSecond {
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0px 0 0 -10px;
}

.show-menu .menu-list li > ul.subMenuLeft li:hover ul.subMenuSecond {
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0px 0 0 -10px;
}


/* -----------------------------------------------------------------------------

  SEARCH CLASSES
  
----------------------------------------------------------------------------- */

.search-box {
  position: absolute;
  background-color: #f83244;
  float: right;
  width: 0px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 90;
  padding-left: 90px;
  -webkit-transition: width 0.3s 0.3s;
  transition: width 0.3s 0.3s;
}

.search-box {

}

/* Shown search */
.show-search .search-box {
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.show-search .search-box {
  -webkit-transition: width 0.3s 0.3s;
  transition: width 0.3s 0.3s;
}

.show-search .headerSearch, .show-search .headerSearch i {
  background-color: #f83244;
  color:#fff;
}


/* -----------------------------------------------------------------------------

  HAMBURGER ICONS COMPONENT
  
----------------------------------------------------------------------------- */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 90px;
  height: 90px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.3s;
          transition: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 44px;
  left: 27px;
  right: 27px;
  height: 3px;
  background: #202124;
  -webkit-transition: .3s; transition: .3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
}

.c-hamburger:hover {
  transform: rotate(180deg);
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #202124;
  content: "";
  -webkit-transition: .3s; transition: .3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
}

.c-hamburger span::before {
  top: -9px;
}

.c-hamburger span::after {
  bottom: -9px;
}


/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx {
  background: transparent; -webkit-transition: .3s; transition: .3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
}

.c-hamburger--htx:hover{
  
}

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}

/*.c-hamburger--htx:hover span, .c-hamburger--htx:hover span::after, .c-hamburger--htx:hover span::before {
  background-color: #fff;
}*/

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: #fff;
}

/*.c-hamburger--htx:hover.is-active {
  background-color: #f83244;
}*/

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}


/* -----------------------------------------------------------------------------

  PRODUCT CLASSES
  
----------------------------------------------------------------------------- */

.ContentZoom-ButtonClose {
  border-radius: 0px !important;
}

.productBackground {
  background: url("../../../assets/images/background/04.jpg") 50% 50% no-repeat;
  position: absolute;
  width: 100%;
  height: 600px;
}

i.arrowRight {
  width: 70px;
  height: 30px;
  position: absolute;
  left: 5px;
  margin-top: -20px !important;
}

i.arrowRight:hover:before {
  background-color: #ffbe0e;
}

i.arrowLeft {
  width: 70px;
  height: 30px;
  position: absolute;
  right: 10px;
  margin-top: -20px !important;
}

i.arrowLeft:hover:before {
  background-color: #ffbe0e;
}

i.arrowLeft::before {
  content: "";
  width: 70px;
  height: 30px;
  -webkit-mask: url(../../images/svg/left-arrow-white.svg) no-repeat 50% 50%;
  mask: url(../../images/svg/left-arrow-white.svg) no-repeat 50% 50%;
  clip-path: url(../../images/svg/left-arrow-white-firefox.svg#svgPath);
  -webkit-clip-path: url(../../images/svg/left-arrow-white-firefox.svg#svgPath);
  display: block;
  /*right: 10px;
  top: -7px;*/
  float: right;
  z-index: 10;
  position: absolute;
  background-color: #fff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

i.arrowLeft:hover::before {

}

i.arrowRight::before {
  content: "";
  width: 70px;
  height: 30px;
  -webkit-mask: url(../../images/svg/right-arrow-white.svg) no-repeat 50% 50%;
  mask: url(../../images/svg/right-arrow-white.svg) no-repeat 50% 50%;
  clip-path: url(../../images/svg/right-arrow-white-firefox.svg#svgPath);
  -webkit-clip-path: url(../../images/svg/right-arrow-white-firefox.svg#svgPath);
  display: block;
  /*left: 10px;
  top: -7px;*/
  float: left;
  z-index: 10;
  position: absolute;
  background-color: #fff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

i.arrowRight:hover::before {
  
}


/* -----------------------------------------------------------------------------

  PHOTO GALLERY MONTAGE CLASSES
  
----------------------------------------------------------------------------- */

.am-wrapper {
  float:left;
  position:relative;
  overflow:hidden;
  background-color: #202124;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

.am-wrapper:hover img {
  opacity: 0.1;
  filter: gray; /* IE6-9 */
  filter: grayscale(1) contrast(2); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1) contrast(2); /* Google Chrome, Safari 6+ & Opera 15+ */
  -webkit-transform:scale(1.3) rotate(-10deg);
  -o-transform:scale(1.3) rotate(-10deg);
  transform:scale(1.3) rotate(-10deg);
}

.am-wrapper img {
  position:absolute;
  outline:none;
  transform: scale(1);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.loadmore {
  display:none;
  width:700px;
  line-height:30px;
  text-transform:uppercase;
  background:#333;
  float:right;
  font-weight:bold;
  font-size:16px;
  text-align:center;
  cursor:pointer;
  text-shadow:1px 1px 1px #000;
}

.loadmore:hover {
  background:#000;
}


/* -----------------------------------------------------------------------------

  CONTACT CLASSES
  
----------------------------------------------------------------------------- */

.mapHeader::before {
  width:100%;
  height:250px;
  position: fixed;
  top:0;
  left:0;
  opacity:1;
  pointer-events: none;
  z-index: 1;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
}


/* -----------------------------------------------------------------------------

  FORM INPUT CLASSES
  
----------------------------------------------------------------------------- */

.input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100px;
  vertical-align: top;
}

.input__field {
  position: relative;
  display: block;
  float: right;
  padding: 0.8em;
  width: 60%;
  border: none;
  border-radius: 0;
  background: #f0f0f0;
  color: #aaa;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
  outline: none;
}

.input__label {
  display: inline-block;
  float: right;
  padding: 0 1em;
  width: 40%;
  color: #202124;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input__label-content {
  position: relative;
  display: block;
  padding: 1.6em 0;
  width: 100%;
}

.graphic {
  position: absolute;
  top: 0;
  left: 0;
  fill: none;
}

.icon {
  /*color: #ddd;
  font-size: 150%;*/
}


/* Kozakura */
.input--kozakura {
  overflow: hidden;
  padding-bottom: 1em;
}

.input__field--kozakura {
  padding: 5px 25px;
  margin-top: 1.25em;
  width: 100%;
  background: rgba(255,255,255,0);
  color: #2F3238;
  font-size: 1.55em;
  opacity: 0;
  height: 65px;
  border: 1px solid #ceced0;
  -webkit-transition: .6s;
  transition: .6s;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.input--filled .input__field--kozakura {
  background: rgba(255,255,255,1) !important;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.input__label--kozakura {
  width: 100%;
  text-align: left;
  position: absolute;
  top: 5px;
  pointer-events: none;
  overflow: hidden;
  padding: 0 0.25em;
  -webkit-transform: translate3d(1em, 2.75em, 0);
  transform: translate3d(1em, 2.75em, 0);
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}

.input__label-content--kozakura {
  color: #ceced0;
  padding: 9px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}

.input__label-content--kozakura::after {
  content: attr(data-content);
  position: absolute;
  font-weight: 800;
  top: 100%;
  left: 0;
  height: 100%;
  width: 100%;
  color: #ceced0;
  padding: 0.25em 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.85em;
}

.graphic--kozakura {
  fill: #202124;
  pointer-events: none;
  top: 1em;
  bottom: 0px;
  height: 90px;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.5s, fill 0.5s;
  transition: transform 0.5s, fill 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
  transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
} 

.input__field--kozakura:focus,
.input--filled .input__field--kozakura {
  -webkit-transition: opacity .6s .2s;
  transition: opacity .6s .2s;
  opacity: 1;
}

.input__field--kozakura:focus + .input__label--kozakura,
.input--filled .input__label--kozakura {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.input__field--kozakura:focus + .input__label--kozakura .input__label-content--kozakura,
.input--filled .input__label-content--kozakura {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.input__field--kozakura:focus ~ .graphic--kozakura,
.input--filled .graphic--kozakura {
  fill: transparent;
  -webkit-transform: translate3d(-66.6%, 0, 0);
  transform: translate3d(-66.6%, 0, 0);
}


/* -----------------------------------------------------------------------------

  RESPONSIVE STYLES
  
----------------------------------------------------------------------------- */

@media ( max-width: 1919px ){

  .letterWrapper li { padding: 0px; }
  .ps-content { padding: 0 230px 0 100px; }

}

@media ( max-width: 1279px ) {

  h1 { font-size:60px; margin-top: 0; letter-spacing: -2px; }
  h2 { font-size:46px; margin-top: 0; letter-spacing: -2px; }
  h3 { font-size:37px; margin-top: 0; letter-spacing: -1px; }
  h4 { font-size:28px; margin-top: 0; letter-spacing: -1px; }
  h5 { font-size:21px; margin-top: 0; }
  h6 { font-size:16px; margin-top: 0; }

  .ps-content h3 { line-height: 40px; }

  .owl-blog .blog-category { margin-top: 40px; }
  .blogNavigation { margin: 20px auto 50px auto; }

  ul.stack__titles { margin: 100px auto 0px auto; }

  .blog-list .blog-category { margin-top: 37px; }

  .intro-effect-sidefixed .introContent { padding: 0 200px 0 50px; }
  .intro-effect-sidefixed .introTitle { margin: 40px 0 40px 0; }

}

@media ( max-width: 1023px ) {

  .middleWrapper { display: block; }

  .ps-content { padding: 0 130px 0 30px; }
  .ps-contentwrapper > nav { right: 30px; }
  .ps-content p { padding: 30px 0; }

  .owl-blog .blog-category a::before { width: 100%; margin-bottom: 10px; }
  .owl-blog .blog-category { margin-top: 0px; }
  .blogNavigation { margin: 10px auto 50px auto; }

  .row.video { height: 400px; }

  .owl-carousel .row .container { width: 100%; }

  .sm2-bar-ui.fixed { display: none !important; }

  .icon-scroll { bottom: 30px; }

  .hs-wrapper { height: 300px; }
  .xHoverLink a { font-size: 16px; }

  .ps-container { padding: 0px !important; }
  .ps-contentwrapper { top: 480px; }
  .ps-content { padding: 0 30px; }
  .js .ps-content h3 { padding-right: 125px; }
  .ps-content p { display: none; }
  .ps-content a { display: none; }

  .table-responsive { border: none !important; }

  .sectionTitle { margin: 30px 0; }
  .sectionTitle::after { margin: 15px auto; }

  .row.video { height: 350px; }

  .textAnimate svg { width: 100%; height: 150px; margin-top: -40px; }

  .footer-top { padding: 10px 0 50px 0; }
  .footer-top-menu { margin-top: 30px; }

  .header { height: 70px; padding: 10px !important; }
  .menu-wrap { width: 60px; height: 60px; }
  .show-menu .menu-wrap { height: 60px; }
  .headerSearch { width: 60px; }
  .headerSearch i { line-height: 57px; }
  .search-box { padding-left: 60px; }
  .search-box input[type="text"] { padding: 0px 15px; font-size: 16px; line-height: 60px; height: 60px; font-weight: 600; }


  .menu-list { width: 100%; float: left; padding: 0; margin: 0; opacity: 0; display: none; /*transform: translateY(-100%);*/ }
  .show-menu .menu-list { opacity: 1;  overflow-x: hidden; /*transform: translateY(0%);*/ }
  .show-menu .menu-list li a { -webkit-transition: 0s; transition: 0s; }
  .show-menu .menu-list > li > a { height: auto; width: 100%; padding: 0px 20px; }
  .show-menu .menu-list li:hover > ul.subMenu, .show-menu .menu-list li:hover > ul.subMenuLeft { margin: 0; }
  .show-menu .menu-list li > ul.subMenu li:hover ul.subMenuSecond, .show-menu .menu-list li > ul.subMenuLeft li:hover ul.subMenuSecond { margin: 0 !important; }
  .menu-list li { display: block; float: left; width: 100%; background-color: #202124; border-top: 1px solid rgba(255, 255, 255, 0.05); box-shadow: 0px 3px 5px rgba(0,0,0,0);}
  .menu-list li a { color: #fff; text-align: left; line-height: 40px; margin: 0; }
  .menu-list li a.externalLink:hover { color: #fff; }
  .menu-list li a span { font-weight: 600; }
  .menu-list ul.subMenu, .menu-list ul.subMenuLeft { display: none; position: relative; top: 0px; opacity: 1; z-index: 150; margin: 0 !important; visibility: visible; float: left; width: 100%; -webkit-transition: 0s; transition: 0s; }
  .menu-list ul.subMenu li, .menu-list ul.subMenuLeft li { background-color: rgba(0,0,0,0.3); box-shadow: 0px 3px 5px rgba(0,0,0,0); margin: 0 !important; }
  .menu-list ul.subMenuLeft { right: 0px; }
  .menu-list ul.subMenuLeft li { float: left; text-align: left; }
  .menu-list ul.subMenuLeft li a { text-align: left; }

  .menu-list ul.subMenu li a, .menu-list ul.subMenuLeft li a { padding: 0px 20px 0px 30px; line-height: 40px; color: #414246; }
  .menu-list ul.subMenu li ul.subMenuSecond, .menu-list ul.subMenuLeft li ul.subMenuSecond  { display: none; position: relative; margin: 0; opacity: 1; visibility: visible; left: 0; -webkit-transition: 0s; transition: 0s; }
  .menu-list ul.subMenu li ul.subMenuSecond li, .menu-list ul.subMenuLeft li ul.subMenuSecond li { background-color: rgba(0,0,0,0.3); margin-bottom: 0px; }
  .menu-list ul.subMenu li ul.subMenuSecond li a, .menu-list ul.subMenuLeft li ul.subMenuSecond li a { padding: 0px 20px 0px 40px; line-height: 40px; color: #414246; }

  .menu-button { width: 60px; height: 60px; top: 10px; }
  .header .menuNav { width: 60px; height: 60px; }
  .c-hamburger { width: 60px; height: 60px; }
  .c-hamburger span { top: 29px; left: 17px; right: 17px; }

  .logo { top: 10px; right: 10px; }
  .logo a img { max-height: 60px; }

  .subMenuExpand { display: block !important; width: 40px !important; height: 100% !important;  float: right; position: absolute; top: 0; right: 0; left: initial; }
  .subMenuExpand:before { content: ""; background-color: #414246; width: 6px; height: 6px; position: absolute; top: 17px; left: 17px; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
  .subMenuExpand:hover:before { background-color: #fff; }

  .introTitle { padding: 0 50px; }
  .intro-effect-push > .introTitle { padding: 50px 50px; }
  .item-gallery-fullwidth { height: 400px !important; }
  .item-gallery-fullwidth.item-gallery > ul { height: 400px !important; }

  .item-gallery-small { height: 300px; }
  .item-gallery-small > ul { width: 300px; }
  
  .parallax { background-attachment:initial !important; background-size: cover; }

}

@media ( max-width: 767px ) {

  h1 { font-size:46px; margin-top: 0; letter-spacing: -2px; }
  h2 { font-size:37px; margin-top: 0; letter-spacing: -2px; }
  h3 { font-size:30px; margin-top: 0; letter-spacing: -1px; }
  h4 { font-size:24px; margin-top: 0; letter-spacing: -1px; }
  h5 { font-size:18px; margin-top: 0; }
  h6 { font-size:15px; margin-top: 0; }

  .footer { padding-bottom: 50px; }

  ul.nav.nav-pills { height: 201px; }
  ul.nav.nav-pills li { float: left; margin: 0; padding: 5px !important; }
  ul.nav.nav-pills li a { height: 130px; line-height: 170px; font-size: 15px; letter-spacing: 1px; text-indent: 1px; }
  ul.nav.nav-pills li a i { margin-top: -20px; }
  ul.nav.nav-pills li.active a { height: 130px; line-height: 120px; }
  ul.nav.nav-pills li a i::before { font-size: 30px; }
  ul.nav.nav-pills li.tab-next a i, ul.nav.nav-pills li.tab-prev a i { display: none; }
  ul.nav-justified { display: block !important; }
  ul.nav-justified li { width: 23% !important; }

  .nav-tabs-responsive > li {
    display: none !important;
    width: 23% !important;
  }
  .nav-tabs-responsive > li > a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    width: 100%;
    text-align: center;
    vertical-align: top;
  }
  .nav-tabs-responsive > li.active {
    width: 54% !important;
  }
  .nav-tabs-responsive > li.active:first-child {
    margin-left: 23% !important;
  }
  .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.tab-prev, .nav-tabs-responsive > li.tab-next {
    display: block !important;
  }
  .nav-tabs-responsive > li.tab-next > a, .nav-tabs-responsive > li.tab-prev > a {
    -webkit-transition: none;
    transition: none;
  }
  .nav-tabs-responsive > li.tab-next > a .text, .nav-tabs-responsive > li.tab-prev > a .text {
    display: none;
  }
  .nav-tabs-responsive > li.tab-next > a:after, .nav-tabs-responsive > li.tab-next > a:after, .nav-tabs-responsive > li.tab-prev > a:after, .nav-tabs-responsive > li.tab-prev > a:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .nav-tabs-responsive > li.tab-prev > a:after {
    content: "\e079";
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
  }
  .nav-tabs-responsive > li.tab-next > a:after {
    content: "\e080";
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
  }
  .nav-tabs-responsive > li.dropdown > a > .caret {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown > a:after {
    content: "\e114";
  }
  .nav-tabs-responsive > li.dropdown.active > a:after {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown.active > a > .caret {
    display: inline-block;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {
    left: 0;
    right: auto;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
    left: auto;
    right: 0;
  }

  .blog-list .blog-category { margin-top: 31px; }
  .blog-list .blog-post { padding: 15px; }
  .blog-list .blog-category a::before { width: 100%; }
  .blog-list .blog-post .entry { margin-top: 20px; }

  .dubstep-pagination { margin: 50px 0; }
  .dubstep-pagination ul.page-numbers { width: 100%; height: 150px; position: relative; }
  .dubstep-pagination ul.page-numbers li.prev { top: 100px; left: 0; position: absolute; }
  .dubstep-pagination ul.page-numbers li { width: 35px; }
  .dubstep-pagination ul.page-numbers li a { width: 35px; }
  .dubstep-pagination ul.page-numbers li a::after { left: 14px; }
  .dubstep-pagination ul.page-numbers li.next { right: 0; top: 100px; position: absolute; }

  .intro-effect-sidefixed .introContent { padding: 0 100px; }
  .intro-effect-sidefixed .intro-bg-img::after { width: 100%; }

  .pageHeader .container { padding: 100px 10px 30px 10px; }

  .item-gallery-small { height: 200px; }
  .item-gallery-small > ul { width: 200px; }
  .item-gallery > ul, .item-gallery li { height: 200px; }
  .itemGalleryNavigation { position: absolute; height: 120px; width: 100%; top:45px; }

  .sticky { position: relative !important; }

}

@media ( max-width: 479px ) {

  .hs-wrapper { height: 400px; }
  .hs-wrapper .hs-links { position: absolute; height: auto; top: 50%; transform: translateY(-50%); z-index: 150; }
  .xHoverLink { width: 100%; padding: 0; -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); }
  .xHoverLink a { font-size: 15px; padding: 25px 0px; width: 100%; display: inline-block; }
  .xHoverLink a:hover::after, .xHoverLink a:focus::after { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); transform: rotate(-15deg); }
  .xHoverLink a:hover::before, .xHoverLink a:focus::before { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); transform: rotate(15deg); }

  .ps-contentwrapper > nav { top: 10px; left: 50%; margin-left: -50px; position: absolute; }
  .ps-content { display: none; }
  .ps-contentwrapper { top: 500px; }
  .ps-contentwrapper:before { height: 220px; }

  #owl-blog .item { padding: 15px; }

  .twitterCarousel > h3 { line-height: 30px; padding: 20px 20px 0 20px; }
  .twitterCarousel > h3:after { margin-top: 8px; }
  .swiper-container { height: 130px; padding: 10px 20px 10px 20px; }

  .table-light { padding: 40px; }

  .textAnimate svg { font-size: 120px; }
  .textAnimate .text-copy { stroke-width: 3px; }

  .intro-effect-sidefixed .introContent { padding: 0 30px; }

  .item-gallery-small { height: 300px; }
  .itemGalleryNavigation { position: absolute; height: 120px; width: 100%; top: 200px; }

}


/* -----------------------------------------------------------------------------

  IE 10 and 11 BROWSER HACK
  
----------------------------------------------------------------------------- */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  a.signatureButton h3::after {
    background: url(../../images/svg/line-brush.svg) no-repeat 50% 50%;
    background-color: transparent;
  }

  .letterWrapper li { width: calc(100% /7.001); }

  .xHoverLink a { vertical-align: auto ; }

  .flip .card.flipped .back, .flip .card .front {
    opacity: 1;
    transition: 0.2s ease-in-out;
    transition-delay: 0.1s;
  }

  .flip .card .back, .flip .card.flipped .front {
   opacity: 0;
   transition: 0.2s ease-in-out;
  }

  .flip .card .face {
    backface-visibility: visible;  /* W3C */
    -webkit-backface-visibility: visible; /* Safari & Chrome */
    -moz-backface-visibility: visible; /* Firefox */
    -ms-backface-visibility: visible; /* Internet Explorer */
    -o-backface-visibility: visible; /* Opera */
  }

  .table-light .table.table-hover tr .eventLink:after {
    background: url(../../images/svg/right-arrow-white.svg) no-repeat 50% 50%;
  }

  .table-light .table.table-hover tr:hover .eventLink:hover:after {
    background-color: transparent;
  }

  i.arrowLeft::before {
    background: url(../../images/svg/left-arrow-white.svg) no-repeat 50% 50%;
  }

  i.arrowRight::before {
    background: url(../../images/svg/right-arrow-white.svg) no-repeat 50% 50%;
  }

  i.arrowRight:hover:before {
    background-color: transparent;
  }

  i.arrowLeft:hover:before {
    background-color: transparent;
  }

  .scroll {
    width: 60px;
  }

  .scrollToTop::after {
    background: url(../../images/svg/tab-arrow-up.svg) no-repeat 50% 50%;
    margin-left: -10px;
  }

  .scrollToTop::before {
    margin-left: -30px;
  }

  .scrollToTop:hover::after {
    background-color: transparent;
  }

  .scrollToTop:hover::before {
    background-color: transparent;
  }

  .search-box input[type='text'] {
    height: 90px;
  }

  .subMenuExpand::before {
    position: relative;
    float: left;
  }

  .subMenu .subMenuExpand::before {
    display: none;
  }

  .menu-list li a {
    text-align: right;
  }

  .menu-list ul.subMenu li a {
    text-align: right;
  }

  .menu-list ul.subMenu li ul.subMenuSecond li a {
    text-align: right;
  }
  
  ul.social li::before {
    background: url(../../images/svg/circle-brush.svg) no-repeat 50% 50%;
  }

  ul.socialDark li::before {
    background: url(../../images/svg/circle-brush.svg) no-repeat 50% 50%;
  }

  ul.social li.dribble:hover::before, ul.social li.twitter:hover::before, ul.social li.facebook:hover::before, ul.social li.pinterest:hover::before, ul.social li.flickr:hover::before, ul.social li.google-plus:hover::before, ul.social li.tumblr:hover::before, ul.social li.github:hover::before, ul.social li.vimeo:hover::before, ul.social li.youtube:hover::before, ul.social li.behance:hover::before, ul.social li.linkedin2:hover::before, ul.social li.soundcloud:hover::before, ul.socialDark li.dribble:hover::before, ul.socialDark li.twitter:hover::before, ul.socialDark li.facebook:hover::before, ul.socialDark li.pinterest:hover::before, ul.socialDark li.flickr:hover::before, ul.socialDark li.google-plus:hover::before, ul.socialDark li.tumblr:hover::before, ul.socialDark li.github:hover::before, ul.socialDark li.vimeo:hover::before, ul.socialDark li.youtube:hover::before, ul.socialDark li.behance:hover::before, ul.socialDark li.linkedin2:hover::before, ul.socialDark li.soundcloud:hover::before {
    background-color: transparent;
  }

  ul.socialDark li:hover a {
    top: 0px;
  }

  ul.socialDark li:hover a:after {
    top: 15px;
    opacity: 1;
  }

  a.gradientButton.inverse {
    background: transparent;
  }

  a.flatButton.inverse {
    background: transparent;
    color: #202124;
  }

  .portfolioGalleryNavigation a:first-child:after {
    margin: 20px 0 0 80px;
  }

  .portfolioGalleryNavigation a:after {
    margin: 20px 0 0 -40px;
  }

  .portfolioGalleryNavigation a.portfolioPrevHover:after {
    margin-left: 15px !important;
  }

  .portfolioGalleryNavigation a.portfolioNextHover:after {
    margin-left: 25px !important;
  }

  .stickyWrapper {
    z-index: 0;
  }

  .itemGalleryNavigation a:first-child:after {
    margin: 20px 0 0 40px;
  }

  .itemGalleryNavigation a:after {
    margin: 20px 0 0 0px;
  }

  .itemGalleryNavigation a.itemNextHover:after {
    margin-left: 25px !important;
  }

  .itemGalleryNavigation a.itemPrevHover:after {
    margin-left: 15px !important;
  }

}


/* -----------------------------------------------------------------------------

  MICROSOFT EDGE BROWSER HACK
  
----------------------------------------------------------------------------- */

@supports (-ms-accelerator:true) {
  .selector {
      property: value;
  }

  .search-box {
    overflow: hidden;
  }

  .menu-wrap {
    overflow: hidden;
  }

  .show-menu .menu-wrap {
    overflow: visible;
  }

  a.signatureButton h3::after {
    background: url(../../images/svg/line-brush.svg) no-repeat 50% 50%;
    background-color: transparent;
  }

  .letterWrapper li { width: calc(100% /7.001); }

  .xHoverLink a { vertical-align: auto ; }

  .table-light .table.table-hover tr .eventLink:after {
    background: url(../../images/svg/right-arrow-white.svg) no-repeat 50% 50%;
  }

  .table-light .table.table-hover tr:hover .eventLink:hover:after {
    background-color: transparent;
  }

  i.arrowLeft::before {
    background: url(../../images/svg/left-arrow-white.svg) no-repeat 50% 50%;
  }

  i.arrowRight::before {
    background: url(../../images/svg/right-arrow-white.svg) no-repeat 50% 50%;
  }

  i.arrowRight:hover:before {
    background-color: transparent;
  }

  i.arrowLeft:hover:before {
    background-color: transparent;
  }

  .scroll {
    width: 60px;
  }

  .scrollToTop::after {
    background: url(../../images/svg/tab-arrow-up.svg) no-repeat 50% 50%;
    margin-left: -10px;
  }

  .scrollToTop::before {
    margin-left: -40px;
  }

  .scrollToTop:hover::after {
    background-color: transparent;
  }

  .scrollToTop:hover::before {
    background-color: transparent;
  }

  .search-box input[type='text'] {
    height: 90px;
  }

  .subMenuExpand::before {
    position: relative;
    float: left;
  }

  .subMenu .subMenuExpand::before {
    display: none;
  }

  .menu-list li a {
    text-align: right;
  }

  .menu-list ul.subMenu li a {
    text-align: right;
  }

  .menu-list ul.subMenu li ul.subMenuSecond li a {
    text-align: right;
  }
  
  ul.social li::before {
    background: url(../../images/svg/circle-brush.svg) no-repeat 50% 50%;
  }

  ul.socialDark li::before {
    background: url(../../images/svg/circle-brush.svg) no-repeat 50% 50%;
  }

  ul.social li.dribble:hover::before, ul.social li.twitter:hover::before, ul.social li.facebook:hover::before, ul.social li.pinterest:hover::before, ul.social li.flickr:hover::before, ul.social li.google-plus:hover::before, ul.social li.tumblr:hover::before, ul.social li.github:hover::before, ul.social li.vimeo:hover::before, ul.social li.youtube:hover::before, ul.social li.behance:hover::before, ul.social li.linkedin2:hover::before, ul.social li.soundcloud:hover::before, ul.socialDark li.dribble:hover::before, ul.socialDark li.twitter:hover::before, ul.socialDark li.facebook:hover::before, ul.socialDark li.pinterest:hover::before, ul.socialDark li.flickr:hover::before, ul.socialDark li.google-plus:hover::before, ul.socialDark li.tumblr:hover::before, ul.socialDark li.github:hover::before, ul.socialDark li.vimeo:hover::before, ul.socialDark li.youtube:hover::before, ul.socialDark li.behance:hover::before, ul.socialDark li.linkedin2:hover::before, ul.socialDark li.soundcloud:hover::before {
    background-color: transparent;
  }

  ul.socialDark li:hover a {
    top: 0px;
  }

  ul.socialDark li:hover a:after {
    top: 15px;
    opacity: 1;
  }

  a.gradientButton, a.flatButton {
    display: inline-block;
  }

  .stickyWrapper {
    z-index: 0;
  }

}