@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'AGaramondProRegular';
  src: url('../fonts/AGaramondPro-Regular.eot');
  src: url('../fonts/AGaramondPro-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/AGaramondPro-Regular.woff') format('woff'),
  url('../fonts/AGaramondPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik-Regular';
  src: url('../fonts/Graphik-Regular.eot');
  src: url('../fonts/Graphik-Regular.woff') format('woff'), url('../fonts/Graphik-Regular.ttf') format('truetype'), url('../fonts/Graphik-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik-Medium';
  src: url('../fonts/Graphik-Medium.eot');
  src: url('../fonts/Graphik-Medium.woff') format('woff'), url('../fonts/Graphik-Medium.ttf') format('truetype'), url('../fonts/Graphik-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik-Light';
  src: url('../fonts/Graphik-Light.eot');
  src: url('../fonts/Graphik-Light.woff') format('woff'), url('../fonts/Graphik-Light.ttf') format('truetype'), url('../fonts/Graphik-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik-Extralight';
  src: url('../fonts/Graphik-Extralight.eot');
  src: url('../fonts/Graphik-Extralight.woff') format('woff'), url('../fonts/Graphik-Extralight.ttf') format('truetype'), url('../fonts/Graphik-Extralight.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik-Bold';
  src: url('../fonts/Graphik-Bold.eot');
  src: url('../fonts/Graphik-Bold.woff') format('woff'), url('../fonts/Graphik-Bold.ttf') format('truetype'), url('../fonts/Graphik-Bold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'akzid';
  src: url('../fonts/akzidgrostdreg.eot');
  src: url('../fonts/akzidgrostdreg.woff') format('woff'), url('../fonts/akzidgrostdreg.ttf') format('truetype'), url('../fonts/akzidgrostdreg.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
html, body {
  width:100%;
  height:100%;
}
html {
  background-color:#fff;
}
iframe {
  border:0;
  margin:0;
  padding:0;
}
hr {
  height:1px!important;
  max-width:300px;
  background-color:#333333;
  color:#333333;
  border:0;
  margin:0 auto;
}

hr.spacer {
  height:1px;
  background-color:#333333;
  color:#333333;
  margin: 60px auto;
  max-width:300px;
  border:0;
}

hr.bottomspacer {
  height:1px;
  background-color:#333333;
  color:#333333;
  margin: 0 auto 60px auto;
  max-width:300px;
  border:0;
}
hr.topspacer {
  height:1px;
  background-color:#333333;
  color:#333333;
  margin: 60px auto 0 auto;
  max-width:300px;
  border:0;
}

.fullwrapper {
  width:100%;
  height:100%;
}
.item-page {
  height:100%;
  width:100%;
}
.custom {
  height:auto;
  width:100%;
}
.stellar-slide {
  width:100%;
  position: relative;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  background-position:top center;
  background-repeat:no-repeat;
}

.static-slide {
  width:100%;
  background-repeat:no-repeat!important;
  background-attachment: fixed!important;
  background-size: cover!important;
  -webkit-background-size: cover!important;
}
.goudy {
  font-family: "AGaramondProRegular", sans-serif!important;
}

.fullheight {
  height:100%;
}
.fullheightalt {
  height:100%;
}
.halfheight {
  height:50%;
}
.fixedheight130 {
  height:130px;
}
.fixedheight420 {
  height:420px;
}
.fixedheight420-2cols {
  height:420px;
}
.fixedheight420-3cols {
  height:420px;
}
.fixedheight520 {
  height:520px;
}
.fixedheight520-3cols {
  height:520px;
}
.fixedheight620 {
  height:620px;
}
.fixedheight720 {
  height:720px;
}
.fixedheight720alt {
  height:720px;
}
.fixedheight840 {
  height:840px;
}
.fixedheight840-2cols {
  height:840px;
}
.autoheight {
  height:auto;
}
.halfwidth {
  width:50%;
  float:left;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}
.thirdwidth {
  width:33%;
  float:left;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}
.secnav {
  display:none;
  background:rgba(0,0,0,0.8);
  z-index:999998;
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  position:fixed;
}
.prinav {
  position:relative;
  width:100%;
  background:url(../images/nav-pattern.jpg) repeat;
}
.prinavinner {
  position:fixed;
  width:100%;
  background:url(../images/nav-pattern.jpg) repeat;
  top:0;
  z-index:999999;
  display:none;
}
.prinav > ul {
  padding:0;
  margin:0 auto;
  height:65px;
  max-width:1024px;
  text-align:center;
  display:inline-block;
}
.prinavinner > ul {
  padding:0;
  margin:0 auto;
  height:auto;
  max-width:1024px;
  text-align:center;
  display:inline-block;
}
.prinav > ul > li {
  list-style:none;
  position:relative;
  width:auto;
  display:inline-block;
  float:left;
}
.prinavinner > ul > li {
  list-style:none;
  position:relative;
  width:auto;
  display:inline-block;
  float:left;
}
.prinav > ul > li a {
  font-family: 'Usual-Regular', sans-serif;
  font-size:14px;
  line-height:100%;
  display:inline-block;
  float:left;
  text-align:center;
  color:#B6B6B6;
  width:100%;
  text-transform:uppercase;
  padding-bottom:45px;
  text-decoration:none;
  letter-spacing:0;
  -webkit-transition:color .25s ease;
  -moz-transition:color .25s ease;
  -ms-transition:color .25s ease;
  -o-transition:color .25s ease;
  transition:color .25s ease;
}
.prinavinner > ul > li a {
  font-family: 'Usual-Regular', sans-serif;
  font-size:14px;
  line-height:100%;
  display:inline-block;
  float:left;
  text-align:center;
  color:#B6B6B6;
  width:100%;
  text-transform:uppercase;
  padding-bottom:45px;
  margin-top:25px;
  text-decoration:none;
  letter-spacing:0;
  -webkit-transition:color .25s ease;
  -moz-transition:color .25s ease;
  -ms-transition:color .25s ease;
  -o-transition:color .25s ease;
  transition:color .25s ease;
}
.prinav > ul > li:hover a {
  color:#fff!important;
}
.prinavinner > ul > li:hover a {
  color:#fff!important;
}
.prinav > ul > li.active a {
  color:#fff!important;
  background:url(../images/bullet.png) no-repeat center 30px;
  background-size:9px 9px;
  -webkit-background-size:9px 9px;
}
.prinavinner > ul > li.active a {
  color:#fff!important;
  background:url(../images/bullet.png) no-repeat center 30px;
  background-size:9px 9px;
  -webkit-background-size:9px 9px;
}
.prinav > ul > li a:hover ul.nav-child {
  display:block;
}
.prinavinner > ul > li a:hover ul.nav-child {
  display:block;
}
.prinav .logo {
  height:255px;
  margin:0 auto;
  max-width:1024px;
  background:url(../images/logo.png) transparent center center no-repeat;
  background-size: 314px 125px;
  -webkit-background-size: 314px 125px;
  display:block;
}
.prinavinner .logo {
  display:none;
}
.prinav .logo:hover {
  cursor:pointer;
}
.prinavinner .logo:hover {
  cursor:pointer;
}

.mobilenavbutton {
  display:none;
  width:35px;
  height:35px;
  background:url(../images/icon-mobilenav.png) no-repeat center center;
  background-size: 25px 25px;
  -webkit-background-size: 25px 25px;
  position:absolute;
  right:20px;
  top:20px;
}
.mobilenavbutton:hover {
  cursor:pointer;
}

.secnav ul.menu {
  position:absolute;
  display:block;
  list-style:none;
  width:100%;
  text-align:center;
  overflow-y:scroll;
  top:100px;
  margin:0;
  padding:0;
}

.secnav ul.menu::-webkit-scrollbar {
    display: none;
  width:0px;
  height: 10px;
}


.secnav ul.menu li {
  width:auto;
  display:block;
  margin:0 auto;
  padding:0;
}

.secnav ul.menu > li:first-child {
  display:none;
}

.secnav ul.menu li a {
  display:block;
  border-top:1px solid #2e2e2e;
  border-bottom:1px solid #000;
  background-color:#1e1e1e;
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:18px;
  text-align:center;
  text-transform:uppercase;
  color:#fff;
  text-decoration:none;
  padding:15px 10px;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}

.secnav ul.menu li.deeper > a span:after {
  content: "";
  position: absolute;
  right:10px;
  width: 15px;
  height: 15px;
  z-index: 9999999;
  background: url(../images/select-arrow.png) 0 0 no-repeat;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}



.secnav ul.menu li.selactive > a span:after {
  -webkit-transform: rotate(90deg)!important;
  -moz-transform: rotate(90deg)!important;
  -ms-transform: rotate(90deg)!important;
  -o-transform: rotate(90deg)!important;
  transform: rotate(90deg)!important;
}

.flipleft {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}


.secnav ul.menu li a:hover {
  color:#ff4c00;
}

.secnav ul.menu li.active > a {
  color:#b8b8b8;
}

.secnav ul.menu li.active a:hover {
  color:#ff4c00;
}

.secnav ul.menu li.selactive > a{
  color:#ff4c00;
}

.secnav ul.nav-child {
  display:none;
  margin:0;
  padding:0;
}

.secnav ul.nav-child.showing {
  display:block;
}

.secnav ul.nav-child li a {
  display:block;
  color:#ff4c00;
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:14px;
  border-top:1px solid #2e2e2e;
  border-bottom:1px solid #000;
  background-color:#262626;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}

.secnav ul.nav-child li.active a {
  color:#a23000;
}
.secnav ul.nav-child li a:hover {
  background-color:#1e1e1e;
}

.closebtn {
  font-size:12px!important;
  color:#949494!important;
}

/*.closebtn:before {
  content: "";
  position: relative;
  display:inline-block;
  width: 25px;
  height: 15px;
  z-index: 9999999;
  background: url(../images/close-btn.png) 0 0 no-repeat;
}*/




/******************************
 SLIDER
*******************************/

.mainslidercontainer {
  width:100%;
  height:100%;
  overflow:hidden;
  margin:0;
  position:relative;
}
.mainslidercontainer2 {
  width:100%;
  height:100%;
  overflow:hidden;
  margin:0;
  position:relative;
}
.mainslidercontainer3 {
  width:100%;
  height:100%;
  overflow:hidden;
  margin:0;
  position:relative;
}
.locslidercontainer {
  width:100%;
  max-width:906px;
  height:177px;
  overflow:hidden;
  margin:30px auto 0 auto;
  position:relative;
}
.mainslider {
  width:100%;
  height:100%;
  overflow:auto;
  margin:0 auto;
  position:relative;
}
.textslider {    
 width:100%;    
 height:100%;    
 overflow:auto;    
 margin:0 auto;    
 position:relative;    
}
.mainslider2 {
  width:100%;
  height:100%;
  overflow:auto;
  margin:0 auto;
  position:relative;
}
.mainslider3 {
  width:100%;
  height:100%;
  overflow:auto;
  margin:0 auto;
  position:relative;
}
.locslider {
  width:100%;
  height:100%;
  overflow:auto;
  margin:0 auto;
  position:relative;
}
.nextbutton {
  background:rgba(255,255,255,0.5) url(../images/arrow-right-black.png) no-repeat center;
  width:50px;
  height:175px;
  position:absolute;
  top:0;
  right:0;
  z-index:99999;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.prevbutton {
  background:rgba(255,255,255,0.5) url(../images/arrow-left-black.png) no-repeat center;
  width:50px;
  height:175px;
  position:absolute;
  top:0;
  left:0;
  z-index:99999;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.nextbutton:hover, .prevbutton:hover {
  cursor:pointer;
  background-color:rgba(255,255,255,0.7);
}

.slider {
  width:100%;
  height:100%;
}
.slide {
  width:100%;
  height:100%;
  overflow:hidden;
  background-color:#999;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}
.locslider .slide {
  width:302px;
  height:100%;
  overflow:hidden;
  background-color:transparent;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}
.mainslidercontainer .slideselectors {
  position: absolute;
  z-index:99999;
  height: 10px;
  top:90%;
}
.mainslidercontainer .slideselectors .item {
  float: left;
  width: 10px;
  height: 10px;
  background: transparent;
  border:1px solid #fff;
  margin: 0 0 0 14px;
  border-radius: 14px;
  -webkit-border-radius: 7px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.mainslidercontainer .slideselectors .item:first-child {
  margin: 0;
}
.mainslidercontainer .slideselectors .selected {
  
  background: #fff;
  border:1px solid #fff;
}
.mainslidercontainer2 .slideselectors2 {
  position: absolute;
  z-index:99999;
  height: 10px;
  top:90%;
}
.mainslidercontainer2 .slideselectors2 .item {
  float: left;
  width: 10px;
  height: 10px;
  background: transparent;
  border:1px solid #fff;
  margin: 0 0 0 14px;
  border-radius: 14px;
  -webkit-border-radius: 7px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.mainslidercontainer2 .slideselectors2 .item:first-child {
  margin: 0;
}
.mainslidercontainer2 .slideselectors2 .selected {
  background: #fff;
  border:1px solid #fff;
}
.mainslidercontainer3 .slideselectors3 {
  position: absolute;
  z-index:99999;
  height: 10px;
  top:90%;
  text-align:center;
}
.mainslidercontainer3 .slideselectors3 p{
  font-size:12px;
  height:12px;
  color:#999999;
  text-align:center;
}
.mainslidercontainer3 .slideselectors3 .subtext {
  display:block;
  width:100%;
  height:12px;
  margin-top:30px;
  clear:both;
}
.mainslidercontainer3 .slideselectors3 .item {
  float: left;
  width: 10px;
  height: 10px;
  background: transparent;
  border:1px solid #999999;
  margin: 0 0 0 14px;
  border-radius: 14px;
  -webkit-border-radius: 7px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.mainslidercontainer3 .slideselectors3 .item:first-child {
  margin: 0;
}
.mainslidercontainer3 .slideselectors3 .selected {
  background: #999999;
  border:1px solid #999999;
}
.crossfade {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  z-index:-10
}
.crossfade .images {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat:no-repeat;
  background-position:center;
}
/******************************
 LANGUAGE SELECTOR
*******************************/

.mod-languages .selector-languages-title {
  background:transparent url(../images/select-arrow.png) no-repeat right center;
  display:block;
  height:15px;
  width:150px;
  font-family:'Usual-Medium', sans-serif;
  font-size:11px;
  color:#fff;
  line-height:100%;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease
}
.mod-languages .selector-languages-title.active {
  background:transparent url(../images/select-arrow.png) no-repeat right center;
}
.prinav .mod-languages {
  height:auto;
  width:150px;
  overflow:visible;
  position:absolute;
  right:20px;
  top:48px
}
.prinavinner .mod-languages {
  height:auto;
  width:calc(100% / 7);
  width:-webkit-calc(100% / 7);
  overflow:visible;
  position:absolute;
  right:0;
  top:25px;
}
.prinavinner .mod-languages .selector-languages-title {
  width:100%;
  text-align:center;
  background:transparent;
  color:#fa4c06;
}
.prinavinner .mod-languages .selector-languages-title:hover {
  color:#ffffff;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease
}
.mod-languages .selector-languages {
  display:none;
  width:130px;
  padding:10px;
  height:auto;
  background:rgba(0,0,0,1);
}
.prinavinner .mod-languages .selector-languages {
  display:none;
  width:100%;
  padding:10px;
  height:auto;
  background:rgba(255,255,255,0.7);
  margin-top:15px;
}
.mod-languages .selector-languages li {
  list-style:none;
  display:block;
  width:130px;
  margin:0;
  text-align:center;
}
.prinavinner .mod-languages .selector-languages li {
  list-style:none;
  display:block;
  width:100%;
  margin:0;
  text-align:center;
}
.mod-languages .selector-languages li span {
  height:22px;
  font-family:'Usual-Regular', sans-serif;
  font-size:11px;
  color:#fff;
  line-height:200%;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:0;
  border-bottom:1px solid rgba(255,255,255,0);
  cursor:pointer;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  display:inline-block;
  width:auto;
}
.prinavinner .mod-languages .selector-languages li span {
  border-bottom:0;
  color:#686868;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.mod-languages .selector-languages li:hover span {
  border-bottom:1px solid #fff;
  cursor:pointer;
}
.prinavinner .mod-languages .selector-languages li:hover span {
  border-bottom:0;
  cursor:pointer;
  color:#282828;
}
.mod-languages .selector-languages li.active span {
  color:#dedede;
}
.prinavinner .mod-languages .selector-languages li.active span {
  color:#ff4c00;
}
/******************************
 VERTICAL ALIGN
*******************************/
.vwrapper {
  text-align:center;
  height:100%;
  width:100%;
  overflow:hidden;
  z-index:10;
}

.vwrapper.absolute {
  position:absolute;
}
.vwrapper ul, .vwrapper ol {
  text-align:left;
  margin:0 auto;
  display:inline-block;
  width:auto;
  height:auto;
  font-family: 'Usual-Regular', sans-serif;
  font-size: 14px;
  color: #333333;
  line-height:150%;
}
.vwrapper ul {
  list-style:disc;
}
.vwrapper ol {
  list-style: decimal;
}
.linkedout:hover {
  cursor:pointer;
}
.linkedin:hover {
  cursor:pointer;
}
.linkedvideo:hover {
  cursor:pointer;
}
 @-webkit-keyframes animateBlack {
 0% {
 background-color:rgba(0,0,0,0);
}
 100% {
 background-color:rgba(0,0,0,0.75);
}
}
 @keyframes animateBlack {
 0% {
 background-color:rgba(0,0,0,0);
}
 100% {
 background-color:rgba(0,0,0,0.75);
}
}
 @-webkit-keyframes hideBlack {
 0% {
 background-color:rgba(0,0,0,0.75);
}
 100% {
 background-color:rgba(0,0,0,0);
}
}
 @keyframes hideBlack {
 0% {
 background-color:rgba(0,0,0,0.75);
}
 100% {
 background-color:rgba(0,0,0,0);
}
}
.showblack {
  -webkit-animation-name:animateBlack;
  -webkit-animation-duration:0.1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  animation-name:animateBlack;
  animation-duration:0.1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
    animation-timing-function: linear;
}
.hideblack {
  -webkit-animation-name:hideBlack;
  -webkit-animation-duration:1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  animation-name:hideBlack;
  animation-duration:1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
    animation-timing-function: linear;
}
 @-webkit-keyframes animateBrown {
 0% {
 background-color:rgba(165,156,149,0);
}
 100% {
 background-color:rgba(165,156,149,1);
}
}
 @keyframes animateBrown {
 0% {
 background-color:rgba(165,156,149,0);
}
 100% {
 background-color:rgba(165,156,149,1);
}
}
 @-webkit-keyframes hideBrown {
 0% {
 background-color:rgba(165,156,149,1);
}
 100% {
 background-color:rgba(165,156,149,0);
}
}
 @keyframes hideBrown {
 0% {
 background-color:rgba(165,156,149,1);
}
 100% {
 background-color:rgba(165,156,149,0);
}
}
.showbrown {
  -webkit-animation-name:animateBrown;
  -webkit-animation-duration:.1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  animation-name:animateBrown;
  animation-duration:.1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
    animation-timing-function: linear;
}
.hidebrown {
  -webkit-animation-name:hideBrown;
  -webkit-animation-duration:.1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  animation-name:hideBrown;
  animation-duration:.1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
    animation-timing-function: linear;
}
 @-webkit-keyframes animateBlackZoom {
 0% {
 background-color:rgba(0,0,0,0);
}
 100% {
 background-color:rgba(0,0,0,0.4);
}
}
 @keyframes animateBlackZoom {
 0% {
 background-color:rgba(0,0,0,0);
}
 100% {
 background-color:rgba(0,0,0,0.4);
}
}
 @-webkit-keyframes hideBlackZoom {
 0% {
 background-color:rgba(0,0,0,0.4);
}
 100% {
 background-color:rgba(0,0,0,0);
}
}
 @keyframes hideBlackZoom {
 0% {
 background-color:rgba(0,0,0,0.4);
}
 100% {
 background-color:rgba(0,0,0,0);
}
}
.showblackzoom {
  -webkit-animation-name:animateBlackZoom;
  -webkit-animation-duration:1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  animation-name:animateBlack;
  animation-duration:1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
    animation-timing-function: linear;
}
.hideblackzoom {
  -webkit-animation-name:hideBlackZoom;
  -webkit-animation-duration:1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  animation-name:hideBlack;
  animation-duration:1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
    animation-timing-function: linear;
}
 @-webkit-keyframes showNav {
 0% {
 opacity:0;
 -webkit-transform:translateY(-20px);
 transform:translateY(-20px)
}
100% {
 opacity:1;
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
}
 @keyframes showNav {
 0% {
 opacity:0;
 -webkit-transform:translateY(-20px);
 transform:translateY(-20px)
}
100% {
 opacity:1;
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
}
.shownav {
  -webkit-animation-name:showNav;
  -webkit-animation-duration:1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  animation-duration:1s;
  animation-name:showNav;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
    animation-timing-function: linear;
}
.white {
  background-color:#fff;
}

/******************************
 SLIDE BOX
*******************************/

.slidebox {
  width:220px;
  height:320px;
  position:relative;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  background-position:center;
  background-repeat:no-repeat;
  padding:60px 20px 60px 20px;
  margin:0 auto 0 auto;
}
.textslidercontainer {    
 width:260px;    
 height:440px;    
 position:absolute;    
 margin:0 auto 0 auto;    
 z-index:99999;    
}
.leftalign {
  margin-left:5%!important;
}
.rightalign {
  margin-right:5% !important;
}
.slidebox h1 {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"AGaramondProRegular", sans-serif;
  font-size:34px;
  color:#333333;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:block;
  letter-spacing:0;
  margin-bottom:20px;
  margin-top:0;
  width:100%;
}
.slidebox h2 {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"AGaramondProRegular", sans-serif;
  font-size:102px;
  color:#333333;
  line-height:110%;
  text-align:center;
  text-transform:uppercase;
  display:inline-block;
  letter-spacing:0;
  margin-bottom:0;
  margin-top:0;
}

.slidebox h3 {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"AGaramondProRegular", sans-serif;
  font-size:33px;
  color:#333333;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:inline-block;
  letter-spacing:0;
  margin-bottom:20px;
  margin-top:0;
}
.slidebox p {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:14px;
  color:#333333;
  line-height:150%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:20px;
}
.slidebox p a {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,0);
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.slidebox p a:hover {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,1);
}

.slideboxbottom {
  position:absolute;
  bottom:20px;
  width:220px;
  text-align:center;
  display:block;
}
.slidebox2 {
  width:50%;
  height:50%;
  position:relative;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  padding:60px 30px 60px 30px;
  margin:0 auto;
}
.slidebox2 h1 {
  font-family:'Usual-Bold', sans-serif;
  font-size:26px;
  color:#fff;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:inline-block;
  letter-spacing:0;
  margin-bottom:20px;
  margin-top:0;
}
.slidebox2 h2 {
  font-family:'Usual-Light', sans-serif;
  font-size:26px;
  color:#fff;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:inline-block;
  letter-spacing:0;
  margin-bottom:20px;
  margin-top:0;
}
.slidebox2 h3 {
  font-family:'Usual-Light', sans-serif;
  font-size:30px;
  color:#fff;
  line-height:120%;
  text-align:center;
  text-transform:none;
  display:inline-block;
  letter-spacing:0;
  padding-bottom:20px;
  margin-top:0;
  margin-bottom:20px;
  font-weight:normal;
}
.slidebox2 h4 {
  /*font-family:"Usual-Light", sans-serif; */
  font-family: "Usual-Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight:normal;
  font-size:18px;
  color:#fff;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:inline-block;
  letter-spacing:0;
  margin-top:0;
  margin-bottom:20px;
}

.slidebox2 h5 {
  /*font-family: "Usual-Light", sans-serif; */
  font-family: "Usual-Regular", sans-serif;
  font-size: 24px;
  color: #fff;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 20px;
}

.slidebox2 h6 {
/* font-family: "Usual-Light", sans-serif; */
font-family: "Usual-Bold", sans-serif;
font-size: 26px;
color: #fff;
line-height: 120%;
text-align: center;
text-transform: uppercase;
display: inline-block;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 20px;
}

.slidebox2 p {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:14px;
  color:#fff;
  line-height:150%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:20px;
}
.slidebox2 p.small {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:12px;
  color:#fff;
  line-height:150%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:20px;
}
.slidebox2 p a {
  color:#fff;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(255,255,255,0);
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.slidebox2 p a:hover {
  color:#fff;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(255,255,255,1);
}
.target-link {
  width:59px;
  height:59px;
  background:url(../images/target-link.png) no-repeat 0px 0px;
  background-size:59px 118px;    
    -webkit-background-size:59px 118px;
  display:block;
  margin:0 auto;
  border-bottom:0!important;
  -webkit-transition: none!important;
  -moz-transition: none!important;
  -ms-transition: none!important;
  -o-transition: none!important;
  transition: none!important;
}

.target-link:hover {
  background:url(../images/target-link.png) no-repeat 0px bottom ;
  background-size:59px 118px;    
    -webkit-background-size:59px 118px;
}

.expand-link {
  width:59px;
  height:59px;
  background:url(../images/target-link-black.png) no-repeat 0px 0px;
  background-size:59px 118px;
  -webkit-background-size:59px 118px;
  display:block;
  margin:0 auto;
  border-bottom:0!important;
  -webkit-transition: none!important;
  -moz-transition: none!important;
  -ms-transition: none!important;
  -o-transition: none!important;
  transition: none!important;
}

.expand-link:hover {
  background:url(../images/target-link-black.png) no-repeat 0px bottom ;
  background-size:59px 118px;
  -webkit-background-size:59px 118px;
}

.expand-link.active {
  background:url(../images/hide-link-black.png) no-repeat 0px 0px;
  background-size:59px 118px;
  -webkit-background-size:59px 118px;
}

.expand-link.active:hover {
  background:url(../images/hide-link-black.png) no-repeat 0px bottom ;
  background-size:59px 118px;
  -webkit-background-size:59px 118px;
}



input.inputbox {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:16px;
  color:#333333;
  text-align:center;
  height:30px;
  padding:10px;
  border:1px solid #333333;
  background:transparent;
  outline: none;
}
input.inputboxlight {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:16px;
  color:#fff;
  text-align:center;
  height:30px;
  padding:10px;
  border:1px solid #fff;
  background:transparent;
  outline: none;
}
input.inputboxlighter {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:16px;
  color:#939393;
  text-align:center;
  height:30px;
  padding:10px;
  border:0;
  background:#fff;
  outline: none;
}
textarea.inputbox{
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:16px;
  color:#333333;
  text-align:center;
  padding:10px;
  border:1px solid #333333;
  background:transparent;
  outline: none;
  height:30px;
}
textarea.inputboxlight{
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:16px;
  color:#fff;
  text-align:center;
  padding:10px;
  border:1px solid #fff;
  background:transparent;
  outline: none;
  height:30px;
}
textarea.inputboxlighter{
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:16px;
  color:#939393;
  text-align:center;
  padding:10px;
  border:0;
  background:#fff;
  outline: none;
  height:30px;
}
input.inputbox[type=checkbox] {
  width:16px;
  height:16px;
  border:1px solid #333333!important;
  border-collapse:collapse;
  background:transparent;
  vertical-align:middle;
  display: inline-block;
  float:left;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  cursor:pointer;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom:24px;
}
input.inputbox[type=checkbox]:checked {
  width:16px;
  height:16px;
  border:1px solid #333333!important;
  border-collapse:collapse;
  background:transparent url(../images/ticked.png) no-repeat center center;
  background-size:contain;
  -webkit-background-size:contain;
  vertical-align:middle;
  display: inline-block;
  float:left;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  cursor:pointer;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom:24px;
}
#checkbox-message {
  max-width:420px;
}

#instafeed {
  width:100%;
  height:100%;
  z-index:-1;
  position:absolute;
  top:0;
  left:0;
}
#instafeed-img {
  width:100%;
  height:100%;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}
.slidebox3 {
  width:50%;
  height:50%;
  position:relative;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  padding:60px 30px 60px 30px;
  margin:0 auto;
}
.slidebox3 h1 {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:24px;
  color:#333333;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:block;
  letter-spacing:0;
  margin-top:0;
  margin-bottom:20px;
}
.slidebox3 h3 {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:17px;
  color:#333333;
  line-height:120%;
  text-align:center;
  text-transform:none;
  display:inline-block;
  letter-spacing:0;
  margin-top:0;
  margin-bottom:20px;
}
.slidebox3 h4 {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:17px;
  color:#333333;
  line-height:120%;
  text-align:center;
  text-transform:none;
  display:inline-block;
  border-bottom:1px solid #333333;
  letter-spacing:0;
  margin-top:0;
  margin-bottom:25px;
}
.slidebox3 p {
  font-family:'Usual-Regular', sans-serif;
  font-size:14px;
  color:#333333;
  line-height:150%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:20px;
}
.slidebox3 p a {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,0);
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.slidebox3 p a:hover {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,1);
}
.slidebox3 span.coloredlink a {
  color:#D88025;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(216,128,37,0);
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.slidebox3 span.coloredlink a:hover {
  color:#D88025;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(216,128,37,1);
}

.slidebox3 p.small {
  font-size:12px;
}
.slidebox4 {
  width:50%;
  height:auto;
  position:relative;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  padding:0;
  margin:0 auto;
}
.slidebox4 h1 {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:32px;
  color:#333333;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:inline-block;
  letter-spacing:0;
  margin-top:0;
  margin-bottom:20px;
}
.slidebox4 p {
  font-family:'Usual-Regular', sans-serif;
  font-size:14px;
  color:#333333;
  line-height:150%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:20px;
}
.slidebox4 p a {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,0);
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.slidebox4 p a:hover {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,1);
}
.slidebox5 {
  width:100%;
  height:100%;
  position:relative;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  margin:0 auto;
}
.slidebox5 h1 {
  font-family:'Usual-Bold', sans-serif;
  font-size:26px;
  color:#fff;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:block;
  letter-spacing:0;
  margin-bottom:20px;
  margin-top:0;
}
.slidebox5 h2 {
  font-family:'Usual-Light', sans-serif;
  font-size:18px;
  color:#fff;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:block;
  letter-spacing:0;
  margin-bottom:10px;
  margin-top:0;
}
.slidebox5 h3 {
  /*font-family:"Usual-Light", sans-serif; */
  font-family: "Usual-Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight:normal;
  font-size:18px;
  color:#fff;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:inline-block;
  letter-spacing:0;
  margin-top:0;
  margin-bottom:30px;
}

.mobilewhite {
  background-color:rgba(255,255,255,0);
}
.showbioonmobile {
  display:none;
}
.staffbox {
  width:35%;
  height:auto;
  position:relative;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  padding:0;
  margin:0 auto;
}
.staffbox h1 {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:24px;
  color:#333333;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:inline-block;
  letter-spacing:0;
  margin-top:0;
  margin-bottom:20px;
}
.staffbox p {
  font-family:'Usual-Regular', sans-serif;
  font-size:14px;
  color:#333333;
  line-height:150%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:20px;
}
.staffbox p a {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,0);
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.staffbox p a:hover {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,1);
}
.csbox {
  width:50%;
  height:auto;
  position:relative;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  padding:200px 0 0 0;
  margin:0 auto;
  text-align:center;
}
.csbox h1 {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Light", sans-serif;
  font-size:51px;
  color:#c8c8c8;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:block;
  letter-spacing:0;
  margin-top:0;
  margin-bottom:20px;
}
.csbox h2 {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:18px;
  color:#c8c8c8;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:block;
  letter-spacing:0;
  margin-top:0;
  margin-bottom:20px;
}
h2.csheading {
  font-family: "Usual-Regular", sans-serif;
  font-size: 24px;
  color: #333333;
  line-height: 150%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0 auto;
  padding: 70px 0 0 0;
  display:block;
  width:100%;
}

.csbox p {
  font-family:'Usual-Regular', sans-serif;
  font-size:14px;
  color:#c8c8c8;
  line-height:150%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:20px;
}
.csbox p a {
  color:#c8c8c8;
  text-decoration:none;
  display:inline-block;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  border-bottom:2px solid rgba(51,51,51,1);
}
.csbox p a:hover {
  color:#c8c8c8;
  text-decoration:none;
  display:inline-block;
  border-bottom:2px solid rgba(51,51,51,0);
}
.newsbox {
  width:70%;
  height:50%;
  position:relative;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  padding:30px;
  margin:0 auto;
  text-align:center;
}
.blogbox {
  width:60%;
  height:auto;
  position:relative;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  padding:30px;
  margin:0 auto;
  text-align:center;
}
.quotebox1, .quotebox2 {
  width:40%;
  height:auto;
  position:relative;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  padding:30px;
  margin:0 auto;
  text-align:center;
}
.experiencebox {
  width:70%;
  height:auto;
  position:relative;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  padding:30px;
  margin:0 auto;
  text-align:center;
}
.blogbox h1 {
  font-family:'Usual-Regular', sans-serif;
  font-size:22px;
  color:#333333;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:inline-block;
  letter-spacing:0;
  margin:20px auto 20px auto;
}
.quotebox1 h1 {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:24px;
  color:#333333;
  line-height:120%;
  text-align:center;
  text-transform:none;
  display:inline-block;
  letter-spacing:0;
  margin:20px auto 20px auto;
}
.quotebox2 h1 {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:24px;
  color:#fff;
  line-height:120%;
  text-align:center;
  text-transform:none;
  display:inline-block;
  letter-spacing:0;
  margin:20px auto 20px auto;
}
.blogbox h1 a {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.blogbox h1 a:hover {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:0;
}
.experiencebox h1 {
  font-family:'Usual-Regular', sans-serif;
  font-size:22px;
  color:#333333;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:inline-block;
  letter-spacing:0;
  margin:5px auto 60px auto;
}
.experiencebox h1 a {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.experiencebox h1 a:hover {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:0;
}
.experiencebox h2 {
  font-family:'Usual-Regular', sans-serif;
  font-size:16px;
  color:#333333;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:inline-block;
  letter-spacing:0;
  margin:5px auto 10px auto;
}
.experiencebox h2 a {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.experiencebox h2 a:hover {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:0;
}
.newsbox h1 {
  font-family:'Usual-Regular', sans-serif;
  font-size:22px;
  color:#333333;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:inline-block;
  letter-spacing:0;
  margin:60px auto 20px auto;
}
.newsbox h1 a {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,0);
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.newsbox h1 a:hover {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,1);
}
.experiencebox p {
  font-family:'Usual-Regular', sans-serif;
  font-size:12px;
  color:#333333;
  line-height:200%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:20px;
}
.quotebox1 p {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:16px;
  color:#333333;
  line-height:110%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:3px;
}
.quotebox2 p {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:16px;
  color:#fff;
  line-height:110%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:3px;
}
.newsbox p {
  font-family:'Usual-Regular', sans-serif;
  font-size:12px;
  color:#333333;
  line-height:200%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:20px;
}
.newsbox p strong {
  font-family:'Usual-Bold', sans-serif;
  font-size:12px;
  color:#333333;
  line-height:200%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:20px;
}
.blogbox p {
  font-family:'Usual-Regular', sans-serif;
  font-size:12px;
  color:#333333;
  line-height:200%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:20px;
}
.newsbox p.date {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:12px;
  color:#333333;
  line-height:150%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:60px;
}
.blogbox p.date {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:12px;
  color:#333333;
  line-height:150%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:60px;
}
.experiencebox p.date {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:12px;
  color:#333333;
  line-height:150%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:5px;
}
.newsbox p a {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,0);
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.newsbox p a:hover {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,1);
}
.experiencebox p a {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,0);
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.experiencebox p a:hover {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,1);
}
.blogbox p a {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,0);
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.blogbox p a:hover {
  color:#333333;
  text-decoration:none;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,1);
}
.img-intro {
  margin:0 auto 30px auto;
  width:100%;
  height:400px;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  display:block;
}
.news-social {
  display:block;
  margin:0 auto;
  padding:60px 0 60px 0;
  border-bottom:1px solid #333333;
}
.news-social li {
  display:inline-block;
  width:auto;
  height:auto;
}

.follow-social {
  display:block;
  margin:0 auto;
  padding:20px 0 20px 0;
}
.follow-social li {
  display:inline-block;
  width:auto;
  height:auto;
}
.recentpostheading {
  display:block;
  width:100%;
  height:auto;
  font-family:'Usual-Regular', sans-serif;
  font-size:22px;
  color:#333333;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:0;
  padding:20px 0 20px 0;
  margin:0;
}
.recentpostheading a {
  text-decoration:none;
  border-bottom:1px solid #333333;
  display:inline-block;
  margin:0 auto;
  color:#333333;
}
.recentpostwrapper {
  display:block;
  width:100%;
  height:auto;
}
.recentpostbox {
  width:90%;
  height:100%;
  position:relative;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  margin:0 auto;
  text-align:center;
}
.recentpostboximg {
  width:100%;
  height:240px;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  margin-bottom:10px;
}
.recentpostbox h1 {
  font-family:'Usual-Regular', sans-serif;
  font-size:22px;
  color:#333333;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:0;
  margin-bottom:5px;
}
.recentpostbox p, .recentpostbox p.date {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:12px;
  color:#333333;
  line-height:150%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:60px;
}
.recentpostbox p a {
  color:#333333;
  text-decoration:none;
}
.recentpostbox p a:hover {
  color:#333333;
  text-decoration:underline;
}
/******************************
 FOOTER
*******************************/

.footer {
  width:100%;
  height:100%;
  background:#808080;
}
.bottom {
  width:100%;
  height:50px;
  background:#fff;
  padding:20px 0 20px 0;
}
.footerwrap {
  width:100%;
  height:420px;
  margin:0 auto;
}
.footerinnerwrap {
  width:calc(100% - 40px);
  width:-webkit-calc(100% - 40px);
  max-width:944px;
  height:100%;
  margin:0 auto;
  padding:50px 20px 0 20px;
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:11px;
  color:#d0d0d0;
  line-height:120%;
  text-transform: uppercase;
}
.bottomwrap {
  width:calc(100% - 40px);
  width:-webkit-calc(100% - 40px);
  max-width:984px;
  height:100%;
  margin:0 auto;
  padding:0 20px 0 20px;
}
.footergroup0 {
  width:100%;
  clear:both;
  border-bottom:1px #d0d0d0 solid;
  display:none;
  height:78px;
  text-align:center;
  margin-bottom:20px;
}
.footergroup0 ul {
  width:210px;
  margin:18px auto 28px auto;
  display:block;
  padding:0;
}
.footergroup0 ul li {
  list-style:none;
  display:inline-block;
}
.footergroup1 {
 width:calc(100% / 4);
 width:-webkit-calc(100% / 4);
  float:left;
  display:inline-block;
  height:200px;
}
.footergroup1 .footercol {
  width:100%;
  text-align:left;
  display:block;
}
.footergroup2 {
 width:calc(100% / 4 * 2);
 width:-webkit-calc(100% / 4 * 2);
  float:left;
  display:inline-block;
  height:200px;
}
.footergroup2 .footercol {
  width:calc(100% / 2);
  width:-webkit-calc(100% / 2);
  height:100%;
  text-align:left;
  display:inline-block;
  float:left;
}
.footergroup3 {
 width:calc(100% / 4);
 width:-webkit-calc(100% / 4);
  float:left;
  display:inline-block;
  height:200px;
}
.footergroup3 .footercol {
  width:100%;
  height:100%;
  text-align:left;
  display:block;
  float:left;
}
.footergroup4 {
 width:calc(100% / 4 * 3);
 width:-webkit-calccalc(100% / 4 * 3);
  float:left;
  display:inline-block;
  height:auto;
}
.footergroup4 .footercol {
  width:100%;
  height:100%;
  text-align:left;
  display:block;
  float:left;
}
.footergroup5 {
 width:calc(100% / 4);
 width:-webkit-calc(100% / 4);
  float:left;
  display:inline-block;
  height:auto;
}
.footergroup5 .footercol {
  width:100%;
  height:100%;
  text-align:left;
  display:block;
  float:left;
}
.bottomcolhalf {
  width:50%;
  text-align:left;
  display:inline-block;
  float:left;
  vertical-align:middle;
}
.bottomcolhalf p {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  color:#424242;
  line-height:120%;
  text-transform: none;
}

.bottomcolhalfmisc {
  margin-top:23px;
  font-size:11px;
}

.bottomcolhalftext {
  width:calc(100% - 155px);
  width:-webkit-calc(100% - 155px);
  float:left;
  display:inline-block;
  text-align:right;
  height:16px;
  margin-top:38px;
  font-size:11px;
  margin-right:10px;
}
.bottomcolhalf a {
  color:#424242;
  text-decoration:none;
}
.bottomcolhalf a:hover {
  color:#424242;
  text-decoration:none;
}
.footercol h1 {
  font-family:'Usual-Bold', sans-serif;
  font-size:12px;
  color:#fff;
  line-height:150%;
  text-transform: uppercase;
  letter-spacing:0;
  margin-bottom:20px;
}
.footercol h1 a {
  color:#fff;
  text-decoration:none;
}
.footercol h2 {
  font-family:'Usual-Regular', sans-serif;
  font-size:24px;
  color:#d0d0d0;
  line-height:150%;
  text-transform: uppercase;
}
.footercol h2 a {
  color:#d0d0d0;
  text-decoration:none;
}
.footercol ul {
  padding:0;
  margin:0;
  width:100%;
  display:block;
}
.footercol ul li {
  padding:0;
  margin:0 0 10px 0;
  list-style:none;
}
.footercol ul li a {
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:11px;
  color:#d0d0d0;
  line-height:120%;
  text-transform: uppercase;
  text-decoration:none;
  display:inline-block;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  border-bottom:1px solid rgba(208,208,208,0);
}
.footercol ul li a:hover {
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,1);
}
.link-icon-black {
  display:inline-block;
  width:59px;
  height:59px;
  background:url(../images/target-link-black.png) no-repeat top center;
  margin:20px auto 20px auto;
  color:transparent;
  background-size:59px 118px;    
   -webkit-background-size:59px 118px;
}


.link-icon-play {
  display:inline-block;
  width:59px;
  height:59px;
  background:url(../images/icon-play-black.png) no-repeat top center;
  margin:10px auto 10px auto;
  color:transparent;
  background-size:59px 118px;    
   -webkit-background-size:59px 118px;
}



.facebook-icon {
  display:block;
  width:45px;
  height:45px;
  background:url(../images/facebook-icon.png) no-repeat top;
  margin:0 auto 20px auto;
}
.news-icon {
  display:block;
  width:45px;
  height:45px;
  background:url(../images/icon-news.png) no-repeat top;
  margin:0 auto 20px auto;
}
.sales-icon {
  display:block;
  width:45px;
  height:45px;
  background:url(../images/icon-tag.png) no-repeat top;
  margin:0 auto 20px auto;
}
.general-icon {
  display:block;
  width:45px;
  height:45px;
  background:url(../images/icon-general.png) no-repeat top center;
  margin:0 auto 20px auto;
}
.media-icon {
  display:block;
  width:45px;
  height:45px;
  background:url(../images/icon-film.png) no-repeat top;
  margin:0 auto 20px auto;
}
.hr-icon {
  display:block;
  width:45px;
  height:45px;
  background:url(../images/icon-ic.png) no-repeat top;
  margin:0 auto 20px auto;
}
.recipe-icon {
  display:block;
  width:45px;
  height:45px;
  background:url(../images/icon-recipe.png) no-repeat top;
  margin:0 auto 20px auto;
}
.twitter-icon {
  display:block;
  width:45px;
  height:45px;
  background:url(../images/icon-twitter.png) no-repeat top;
  margin:0 auto 20px auto;
}
.instagram-icon {
  display:block;
  width:45px;
  height:45px;
  background:url(../images/instagram-icon.png) no-repeat top;
  margin:0 auto 20px auto;
}
.facebook-icon-footer {
  display:inline-block;
  width:28px;
  height:28px;
  background:url(../images/facebook-icon.png) no-repeat top;
  margin:0 auto 20px auto;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
  float:left;
  border-bottom:0!important;
  margin:10px 10px 0 0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  color:transparent;
}
.facebook-icon-footer:hover {
  background:url(../images/facebook-icon.png) no-repeat bottom;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
}
.twitter-icon-footer {
  display:inline-block;
  width:28px;
  height:28px;
  background:url(../images/icon-twitter.png) no-repeat top;
  margin:0 auto 20px auto;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
  float:left;
  border-bottom:0!important;
  margin:10px 10px 0 0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  color:transparent;
}
.twitter-icon-footer:hover {
  background:url(../images/icon-twitter.png) no-repeat bottom;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
}
.instagram-icon-footer {
  display:inline-block;
  width:28px;
  height:28px;
  background:url(../images/instagram-icon.png) no-repeat top;
  margin:0 auto 20px auto;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
  float:left;
  border-bottom:0!important;
  margin:10px 10px 0 0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  color:transparent;
}
.instagram-icon-footer:hover {
  background:url(../images/instagram-icon.png) no-repeat bottom;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
}
.pininterest-icon-footer {
  display:inline-block;
  width:28px;
  height:28px;
  background:url(../images/pininterest-icon.png) no-repeat top;
  margin:0 auto 20px auto;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
  float:left;
  border-bottom:0!important;
  margin:10px 10px 0 0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  color:transparent;
}
.pininterest-icon-footer:hover {
  background:url(../images/pininterest-icon.png) no-repeat bottom;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
}
.youtube-icon-footer {
  display:inline-block;
  width:71px;
  height:28px;
  background:url(../images/icon-youtube.png) no-repeat top;
  margin:0 auto 20px auto;
  background-size:71px 56px;
  -webkit-background-size: 71px 56px;
  float:left;
  border-bottom:0!important;
  margin:10px 10px 0 0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  color:transparent;
}
.youtube-icon-footer:hover {
  background:url(../images/icon-youtube.png) no-repeat bottom;
  background-size:71px 56px;
  -webkit-background-size: 71px 56px;
}
.vimeo-icon-footer {
  display:inline-block;
  width:71px;
  height:28px;
  background:url(../images/icon-vimeo.png) no-repeat center top;
  margin:0 auto 20px auto;
  background-size:71px 56px;
  -webkit-background-size: 71px 56px;
  float:left;
  border-bottom:0!important;
  margin:10px 10px 0 0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  color:transparent;
}
.vimeo-icon-footer:hover {
  background:url(../images/icon-vimeo.png) no-repeat center bottom;
  background-size:71px 56px;
  -webkit-background-size: 71px 56px;
}
.facebook-icon-black {
  display:inline-block;
  width:28px;
  height:28px;
  background:url(../images/facebook-icon-black.png) no-repeat top;
  margin:0 auto 20px auto;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
  float:left;
  border-bottom:0!important;
  margin:10px 10px 0 0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.facebook-icon-black:hover {
  background:url(../images/facebook-icon-black.png) no-repeat bottom;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
}
.facebook-icon-black-large {
  display:inline-block;
  width:50px;
  height:50px;
  background:url(../images/facebook-icon-black.png) no-repeat top;
  margin:0 auto 20px auto;
  background-size:50px 100px;
  -webkit-background-size: 50px 100px;
  float:left;
  border-bottom:0!important;
  margin:10px 10px 0 0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.facebook-icon-black-large:hover {
  background:url(../images/facebook-icon-black.png) no-repeat bottom;
  background-size: 50px 100px;
  -webkit-background-size: 50px 100px;
}
.twitter-icon-black {
  display:inline-block;
  width:28px;
  height:28px;
  background:url(../images/icon-twitter-black.png) no-repeat top;
  margin:0 auto 20px auto;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
  float:left;
  border-bottom:0!important;
  margin:10px 10px 0 0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.twitter-icon-black:hover {
  background:url(../images/icon-twitter-black.png) no-repeat bottom;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
}
.instagram-icon-black {
  display:inline-block;
  width:28px;
  height:28px;
  background:url(../images/instagram-icon-black.png) no-repeat top;
  margin:0 auto 20px auto;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
  float:left;
  border-bottom:0!important;
  margin:10px 10px 0 0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.instagram-icon-black:hover {
  background:url(../images/instagram-icon-black.png) no-repeat bottom;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
}
.instagram-icon-black-large {
  display:inline-block;
  width:50px;
  height:50px;
  background:url(../images/instagram-icon-black.png) no-repeat top;
  margin:0 auto 20px auto;
  background-size:50px 100px;
  -webkit-background-size:50px 100px;
  float:left;
  border-bottom:0!important;
  margin:10px 10px 0 0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.instagram-icon-black-large:hover {
  background:url(../images/instagram-icon-black.png) no-repeat bottom;
  background-size:50px 100px;
  -webkit-background-size:50px 100px;
}
.pininterest-icon-black {
  display:inline-block;
  width:28px;
  height:28px;
  background:url(../images/pininterest-icon-black.png) no-repeat top;
  margin:0 auto 20px auto;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
  float:left;
  border-bottom:0!important;
  margin:10px 10px 0 0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.pininterest-icon-black:hover {
  background:url(../images/pininterest-icon-black.png) no-repeat bottom;
  background-size:28px 56px;
  -webkit-background-size: 28px 56px;
}
.youtube-icon-black {
  display:inline-block;
  width:71px;
  height:28px;
  background:url(../images/icon-youtube-black.png) no-repeat top;
  margin:0 auto 20px auto;
  background-size:71px 56px;
  -webkit-background-size: 71px 56px;
  float:left;
  border-bottom:0!important;
  margin:10px 10px 0 0;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.youtube-icon-black:hover {
  background:url(../images/icon-youtube-black.png) no-repeat bottom;
  background-size:71px 56px;
  -webkit-background-size: 71px 56px;
}
.logo-footer {
  width:180px;
  height:48px;
  display:inline-block;
  background:url(../images/footer-image.png) no-repeat bottom center;
  background-size: 180px 25px;
  -webkit-background-size: 180px 25px;
  float:right;
}
.gototop {
  display:block;
  width:47px;
  height:47px;
  background:url(../images/icon-top.png) no-repeat top center;
  margin:0 auto 10px auto;
  background-size: 47px 94px;    
   -webkit-background-size: 47px 94px;
}
.gototopactive {
  background:url(../images/icon-top.png) no-repeat bottom center;
  background-size: 47px 94px;    
   -webkit-background-size: 47px 94px;
}
.gototophover {
  cursor:pointer;
}
.gototoptext {
  /*-moz-transition:all .1s ease;
  -ms-transition:all .1s ease;
  -o-transition:all .1s ease;
  transition:all .1s ease;*/
}
.gototoptextactive {
  color:#fff!important;
}
.icon-globe {
  display:block;
  width:47px;
  height:47px;
  background:url(../images/icon-globe.png) no-repeat top center;
  margin:0 auto;
}
.icon-globe-white {
  display:block;
  width:47px;
  height:47px;
  background:url(../images/icon-globe-white.png) no-repeat top center;
  margin:0 auto;
}
/******************************
 SIDE NAVIGATION
*******************************/

.sidenavigation {
  position:fixed;
  top:45%;
  right:20px;
  display:none;
  z-index:999997;
}
.sidenavigation li {
  list-style:none;
  display:block;
  width:auto;
  height:14px;
  text-align:right;
  font-family:'Usual-Regular', sans-serif;
  font-size:12px;
  color:#333333;
  vertical-align:middle;
  padding:5px;
}
.sidenavbutton {
  background: #979797;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  display:inline-block;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.sidenavigation li:hover .sidenavbutton {
  background: #333333;
  -webkit-transform:scale(1.4, 1.4);
}
.sidenavbuttonactive {
  background: #333333;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display:inline-block;
}
.sidenavigation li:hover {
  cursor:pointer!important;
}
.sidenavigation label {
  margin-right:20px;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  opacity:0;
}
.sidenavigation label:hover {
  cursor:pointer!important;
}
/******************************
 FIGURES
*******************************/

.figures {
  width:100%;
  text-align:center;
  height:auto;
  margin:30px auto 30px auto;
  display:block;
  clear:both;
}
.figure-item {
  display: inline-block;
  text-align: center;
  width: 40%;
  height: 180px;
  position: relative;
  opacity:0;
}
.figure-circle {
  background: transparent;
  width: 160px;
  height: 180px;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -80px;

}
.figuresimg {
  width:100%;
  max-width:400px;
}
.figure-circle .numbers {
  margin-top:75px;
  display:block;
  /*font-family:"Usual-Light", sans-serif;*/
  font-family:"Usual-Regular", sans-serif;
  font-size:27px;
}
.figure-item .label {
  text-align:center;
  width:100%;
  /*font-family:"Usual-Light", sans-serif, sans-serif;*/
  font-family:"Usual-Regular", sans-serif, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  top:140px;
  position:absolute;
}
.figure-number {
  display:inline-block;
}
.orange-circle {
  border-color:#be8025;
  color: #be8025;
  background:url(../images/icon-figure1.png) no-repeat center top;
}
.red-circle {
  border-color:#9d043c;
  color: #9d043c;
  background:url(../images/icon-figure2.png) no-repeat center top;
}
.pink-circle {
  border-color:#d18280;
  color: #d18280;
  background:url(../images/icon-figure3.png) no-repeat center top;
}
.darkgreen-circle {
  border-color:#00513b;
  color: #00513b;
  background:url(../images/icon-figure4.png) no-repeat center top;
}
.orangecolortext {
  color: #be8025!important;
}

.orangetext {
  border-color:#be8025;
  color: #be8025!important;
}
.redtext {
  color: #9d043c!important;
}

.pinktext {
  color: #d18280!important;
}
.darkgreentext {
  color: #00513b!important;
}
.greentext {
  color:#00513b!important;
}
.pinktext {
  color:#c28080!important;
}
.whitetext {
  color:#f4f4f4!important;
}
.svg-circle {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -80px;
  width: 160px;
  height: 160px;
  -webkit-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform:rotate(-45deg);
}
@-webkit-keyframes animateStroke {
to {
 stroke-dashoffset: 340;
}
}
@keyframes animateStroke {
to {
 stroke-dashoffset: 340;
}
}
.animatestroke {
  -webkit-animation-name:animateStroke;
  -webkit-animation-duration:2s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  animation-name:animateStroke;
  animation-duration:2s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
    animation-timing-function: linear;
}
.toanimatestroke {
  stroke-dasharray:195;
  stroke-dashoffset:195;
  
}
.amp-logo {
  background:url(../images/amp-logo.png) no-repeat transparent center center;
  width:93px;
  height:90px;
  display:block;
  margin:0 auto 30px auto;
  background-size:93px 90px;
  -webkit-background-size:93px 90px;
}

/******************************
 WORLDWIDE LOCATIONS
*******************************/
.pointer {
  cursor:pointer;
}
.mapwrapper {
  background:rgba(0,0,0,0.7);
  position:absolute;
  height:auto;
  width:auto;
  min-width:300px;
  z-index:999996;
  display:none;
}
.mapwrapper td {
  padding:10px;
}
.mapwrapper h1 {
  font-family:'Usual-Bold', sans-serif, sans-serif;
  font-size:16px;
  color:#fff;
}
.mapwrapper p {
  /*font-family:"Usual-Light", sans-serif, sans-serif;*/
  font-family:"Usual-Regular", sans-serif, sans-serif;
  font-size:14px;
  color:#fff;
}
.mapwrapper a {
  text-decoration:none;
  color:#fa4c06;
}
.mapwrapper a:hover {
  text-decoration:underline;
  color:#fa4c06;
}
.closeloc {
  /*font-family:"Usual-Light", sans-serif, sans-serif;*/
  font-family:"Usual-Regular", sans-serif, sans-serif;
  font-size:18px;
  color: #fa4c06;
  display:block;
  text-transform:uppercase;
  margin:0 auto;
}
.closeloc:hover {
  cursor:pointer;
}
.responsetxt {
  /*font-family:"Usual-Light", sans-serif, sans-serif;*/
  font-family:"Usual-Regular", sans-serif, sans-serif;
  font-size:20px;
  color:#ff4c00!important;
  text-align:center;
  line-height:100%;
  display:inline-block;
  margin:10px auto;
}
.article-content img {
  max-width:400px;
}
.article-img {
  max-width:400px;
}
.article-content ul {
  width:auto;
  height:auto;
  font-family: 'Usual-Regular', sans-serif, sans-serif;
  font-size: 14px;
  color: #333333;
  line-height:150%;
  list-type:none!important;
}
.article-content ol {
  width:auto;
  height:auto;
  font-family: 'Usual-Regular', sans-serif, sans-serif;
  font-size: 14px;
  color: #333333;
  line-height:150%;
}
.article-content ul li {
  text-align:left;
}

.article-content ol li{
  text-align:left;
}
.sort {
  /*font-family:"Usual-Light", sans-serif, sans-serif;*/
  font-family:"Usual-Regular", sans-serif, sans-serif;
  font-size:14px;
  color:#333333;
  text-align:center;
  margin:0;
  text-transform:uppercase;
  display:block;
  position:absolute;
  top:40px;
  text-align:center;
  width:100%;
}
.modns .logintxt {
  /*font-family:"Usual-Light", sans-serif, sans-serif!important;*/
  font-family:"Usual-Regular", sans-serif, sans-serif!important;
  font-size:11px!important;
  color:#fff!important;
  text-transform:none!important;
  margin:0;
}
.modns .logintxt a {
  color:#fff!important;
}
.modns .logintxtlight {
  /*font-family:"Usual-Light", sans-serif, sans-serif!important;*/
  font-family:"Usual-Regular", sans-serif, sans-serif!important;
  font-size:11px!important;
  color:#333333!important;
  text-transform:none!important;
  margin:0;
}
.modns .logintxtlight a {
  color:#333333!important;
}
.modns .logintxtlight a:hover {
  color:#333333!important;
  border-bottom:1px solid #333333!important;
}

.modns .logintxtlighter {
  /*font-family:"Usual-Light", sans-serif, sans-serif!important;*/
  font-family:"Usual-Regular", sans-serif, sans-serif!important;
  font-size:11px!important;
  color:#333333!important;
  text-transform:none!important;
  margin:0;
}
.modns .logintxtlighter a {
  color:#333333!important;
}
.modns .logintxtlighter a:hover {
  color:#333333!important;
  border-bottom:1px solid #333333!important;
}

.modns .button {
  /*font-family:"Usual-Light", sans-serif, sans-serif!important;*/
  font-family:"Usual-Regular", sans-serif, sans-serif!important;
  font-size:22px;
  color:#ff4c00;
  border:1px solid #ff4c00;
  padding:15px 20px 15px 20px;
  background-color:transparent;
  text-transform:uppercase;
  margin:40px auto 0 auto;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  outline: none;
}
.modns .button:hover {
  color:#fff;
  border:1px solid #ff4c00;
  background-color:#ff4c00;
  outline: none;
}
.modns .buttonlight {
  /*font-family:"Usual-Light", sans-serif, sans-serif!important;*/
  font-family:"Usual-Regular", sans-serif, sans-serif!important;
  font-size:22px;
  color:#ff4c00;
  border:1px solid #ff4c00;
  padding:15px 20px 15px 20px;
  background-color:transparent;
  text-transform:uppercase;
  margin:40px auto 0 auto;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  outline: none;
}
.modns .buttonlight:hover {
  color:#fff;
  border:1px solid #ff4c00;
  background-color:#ff4c00;
  outline: none;
}
.modns .buttonlighter {
  /*font-family:"Usual-Light", sans-serif, sans-serif!important;*/
  font-family:"Usual-Regular", sans-serif, sans-serif!important;
  font-size:22px;
  color:#ff4c00;
  border:1px solid #ff4c00;
  padding:15px 20px 15px 20px;
  background-color:transparent;
  text-transform:uppercase;
  margin:40px auto 0 auto;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  outline: none;
}
.modns .buttonlighter:hover {
  color:#fff;
  border:1px solid #ff4c00;
  background-color:#ff4c00;
  outline: none;
}
.modns tr, div.modns td {
border: none;
padding: 3px;
}
.feedbackbutton {
  /*font-family:"Usual-Light", sans-serif, sans-serif!important;*/
  font-family:"Usual-Regular", sans-serif, sans-serif!important;
  font-size:22px;
  color:#ff4c00;
  border:1px solid #ff4c00;
  padding:15px 20px 15px 20px;
  background-color:transparent;
  text-transform:uppercase;
  margin:40px auto 0 auto;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  display:block;
  text-decoration:none;
  max-width:300px;
  text-align:center;
}
.feedbackbutton:hover {
  color:#fff;
  border:1px solid #ff4c00;
  background-color:#ff4c00;
}
h4.light {
  color:#333!important;
}
h4.lighter {
  color:#333!important;
}
h5.light {
  color:#fff!important;
}
h5.lighter {
  color:#333!important;
}
p.light {
  color:#fff!important;
}
p.lighter {
  color:#333!important;
}
.imgzoom {
  z-index:10;
  position:absolute;
  background-image:url(../images/zoom-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.imgzoom:hover {
  cursor:pointer;
}
.imgzoomwrapper {
  margin:0 auto;
  display:inline-block;
  cursor:pointer;
}
/******************************
 STORE LOCATOR MAP
*******************************/
#map {
  width:100%;
  height:520px;
  display:block;
}
.sidebaritem {
  width: 300px;
  height: 175px;
  text-align:center;
  line-height:150%;
  font-size: 14px;
  font-family:"Usual-Regular", sans-serif, sans-serif;
  border:0;
  background:transparent!important;
  margin:0 auto;
}
#buttons {
  clear:both;
  text-align:center;
}
.sidebaritem a {
  color:#333333;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,0);
  text-decoration:none;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;  
}
.sidebaritem a:hover {
  color:#333333;
  display:inline-block;
  border-bottom:1px solid rgba(51,51,51,1);
  text-decoration:none;
}

.sidebaritem .pinktext a {
  color:#c28080;
  display:inline-block;
  border-bottom:1px solid rgba(194,128,128,0);
  text-decoration:none;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  
}
.sidebaritem .pinktext a:hover {
  color:#c28080;
  display:inline-block;
  border-bottom:1px solid rgba(194,128,128,1);
  text-decoration:none;
}
.sidebarcap {
  font-family:"Usual-Regular", sans-serif, sans-serif;
  width:calc(100% - 40px);
  width:-webkit-calc(100% - 40px);
  height:calc(100% - 40px);
  height:-webkit-calc(100% - 40px);
  padding:20px;
  font-size: 14px;
  text-transform: none;
  margin:0;
  webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}

.bSideSelect {
  color:rgba(255,76,0,1)!important;
  cursor: pointer;
}

.bSideSelect a {
  color:rgba(255,76,0,1)!important;
}

.bSideSelect a:hover {
  color:rgba(255,76,0,1)!important;
  display:inline-block!important;
  border-bottom:1px solid rgba(255,76,0,1)!important;
  text-decoration:none!important;
}

.sidebarcap:hover {
  cursor: pointer;
}
#map h2 {
  font-size: 14px;
  margin: 0 !important;
  padding: 0 !important;
}
.contactbar {
  width:80%;
  height:700px;
  margin:0 auto;
  padding:0;
}
.contactbarheading {
  display: block;
  width: 100%;
  max-width:320px;
  height: auto;
  font-family: 'Usual-Regular', sans-serif, sans-serif;
  font-size: 22px;
  color: #333333;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 60px 0 40px 0;
  margin: 0 auto;
}
.contactbaritem {
  width:calc(100% / 2);
  width:-webkit-calc(100% / 2);
  height:290px;
  float:left;
  display:inline-block;
  text-align:center;
  font-size: 12px;
  margin:0;
  font-family:"Usual-Regular", sans-serif, sans-serif;
}
.contactbaritem h2 {
  font-family:"Usual-Regular", sans-serif, sans-serif;
  color:#333333;
  font-size: 14px;
  text-transform: uppercase;
  line-height:200%;
}
.contactbaritem .pinktext a {
  color:#c28080;
  display:inline-block;
  border-bottom:1px solid rgba(194,128,128,0);
  text-decoration:none;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}
.contactbaritem .pinktext a:hover {
  color:#c28080;
  display:inline-block;
  border-bottom:1px solid rgba(194,128,128,1);
  text-decoration:none;
}

.constructionoverlay {
  position:absolute;
  width:100%;
  height:100%;
  z-index:11;
  background:rgba(0,0,0,0.75);
}

.recommendationswrapper {
  text-align:center;
  height:100%;
  width:100%;
  overflow:hidden;
  z-index:10;
  padding: 40px 0;
}

.kuriyalogo {
  width:190px;
  height:75px;
  background:url(../images/ichiban-boshi-logo.png) no-repeat center top;
  background-size:190px 75px;
  -webkit-background-size:190px 75px;
  display:block;
  margin:0 auto 30px auto;
}

h1.recommendations {
  font-family:'Usual-Regular', sans-serif, sans-serif;
  font-size:24px;
  color:#333333;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  display:inline-block;
  letter-spacing:0;
  margin-bottom:40px;
  margin-top:0;
}

.recommendations2col{
  width:100%;
  max-width:1024px;
  height:auto;
  margin:0 auto;
}

.recommendationsbox {
  width:calc((100% - 90px) / 2);
  width:-webkit-calc((100% - 90px) /2);
  margin: 0 0 30px 30px;
  height:400px;
  display:inline-block;
  float:left;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}

.recommendation-link {
  text-align:center;
  height:100%;
  width:100%;
  display:block;
  position:absolute;
  left:0;
  top:0;
}

.reservation-button {
  display:block;
    font-family:"Usual-Regular", sans-serif, sans-serif!important;
  font-size:22px;
  color:#fff;
  border:1px solid #ff4c00;
  padding:15px 20px 15px 20px;
  background-color:#ff4c00;
  text-transform:uppercase;
  text-decoration:none;
  margin:40px auto 40px auto;
  max-width:300px;
  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
}

.reservation-button:hover {
  color:#ff4c00;
  border:1px solid #ff4c00;
  background-color:transparent;
}

 @-webkit-keyframes animateScrollQueue {
 0% {
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
}
 50% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
 100% {
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
}
}
 @keyframes animateScrollQueue {
 0% {
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
}
 50% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
 100% {
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
}
}

.scroll-queue {
  display:block;
  position:absolute;
  width:44px;
  height:22px;
  background:url(../images/arrow-down.png) no-repeat center;
  background-size:44px 22px;
  -webkit-background-size:44px 22px;
  z-index:999999;
  
  -webkit-animation-name:animateScrollQueue;
  -webkit-animation-duration:1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
  
  animation-name:animateScrollQueue;
  animation-duration:1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
    animation-timing-function: linear;

}



