/*
Theme Name: Uniglobal USA
Theme URI: http://uniglobalusa.com/
Description: Exclusive theme for Uniglobal USA
Version: 1.0
Author: Taisuke Inui
Author URI: https://taisukeinui.com/
*/
/*
[2]MARGIN-CLASS
===================================*/
.m0auto{margin:0 auto;}
/*margin top*/
.mT01{margin-top:1px;}
.mT02{margin-top:2px;}
.mT03{margin-top:3px;}
.mT04{margin-top:4px;}
.mT05{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
/*margin right*/
.mR00{margin-right:0px;}
.mR05{margin-right:5px;}
.mR10{margin-right:10px}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR25{margin-right:25px;}
.mR30{margin-right:30px;}
.mR40{margin-right:40px;}
.mR42{margin-right:42px;}
.mR47{margin-right:47px;}
.mR77{margin-right:77px;}

/*margin bottom*/
.mB0{margin-bottom:0 !important;}
.mB05{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB43{margin-bottom:43px;}
.mB50{margin-bottom:50px;}
.mB60{margin-bottom:60px;}
.mB70{margin-bottom:70px;}
.mB75{margin-bottom:75px;}
.mB80{margin-bottom:80px;}
.mB90{margin-bottom:90px;}
.mB95{margin-bottom:95px;}
.mB100{margin-bottom:100px;}
.mB130{margin-bottom:130px;}
.mB160{margin-bottom:160px;}
.mB200{margin-bottom:200px;}
.mB250{margin-bottom:250px;}
.mB300{margin-bottom:300px;}
.mB400{margin-bottom:400px;}
.mB600{margin-bottom:600px;}
.mB700{margin-bottom:700px;}
.mB800{margin-bottom:800px;}

/*margin left*/
.mL05{margin-left:5px;}
.mL10{margin-left:10px;;}
.mL14{margin-left:14px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}

/*
[3]PADDING-CLASS
===================================*/

/*padding top*/
.pT03{padding-top:3px;}
.pT05{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}
.pT50{padding-top:50px;}
.pT60{padding-top:60px;}
.pT70{padding-top:70px;}
.pT80{padding-top:80px;}
.pT90{padding-top:90px;}
.pT100{padding-top:100px;}

/*padding right*/
.pR05{padding-right:5px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR25{padding-right:25px;}
.pR30{padding-right:30px;}

/*padding bottom*/
.pB05{padding-bottom:5px;}
.pB08{padding-bottom:8px;}
.pB10{padding-bottom:10px;}
.pB12{padding-bottom:12px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB40{padding-bottom:40px;}
.pB50{padding-bottom:50px;}
.pB60{padding-bottom:60px;}
.pB70{padding-bottom:70px;}
.pB80{padding-bottom:80px;}
.pB90{padding-bottom:90px;}
.pB100{padding-bottom:100px;}
.pB120{padding-bottom:120px;}

/*padding left*/
.pL05{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL50{padding-left:50px;}
/*

/*
[4]WIDTH-CLASS
===================================*/
.w50{width:50px;}
.w70{width:70px;}
.w100{width:100px;}
.w110{width:110px;}
.w140{width:140px;}
.w150{width:150px;}
.w200{width:190px;}
.w210{width:210px;}
.w220{width:220px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w328{width:328px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w360{width:360px;}
.w380{width:380px;}
.w445{width:445px;}
.w450{width:450px;}
.w480{width:480px;}
.w500{width:500px;}
.w550{width:550px;}
.w580{width:580px;}
.w600{width:600px;}
.w645{width:645px;}

/*
[5]HEIGHT-CLASS
===================================*/
.h25{height:25px;}
.h50{height:50px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.h250{height:250px;}
.h300{height:300px;}
.h350{height:350px;}
.h400{height:400px;}
.h450{height:450px;}
.h500{height:500px;}
.h550{height:550px;}

/*
[6]FONT-CLASS
===================================*/
.lheight40{
line-height:40px;
}
.f7{font-size:7px;}
.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f27{font-size:27px;}
.f30{font-size:30px;}
.f33{font-size:33px;}
.f36{font-size:36px !important;}
.f39{font-size:39px !important;}
.f42{font-size:42px !important;}
.red{color: #ff0000;}
.blue{color:#0b3e91;}
.blue a{color:#0065b1;}
.black{color:#000;}
.black a{color:#000;}
.black a:hover { color:#666 } 
.gray{color:#333333;}
.white{color:#ffffff;}
.yellow{ color:#f6ab30;}
.dgray{color:#4b4b4b;}
.lgray{color:#666666;}
.lgray2{color:#bdbbbb;}
.lgray3{color:#a0a0a0;}
.white{color:#ffffff;}
.orange{color:#f47920;}
.fweight100{font-weight:100;}
.placeholder {color:#aaa;}

/* Smartphone （768px） */
@media screen and (max-width: 767px){
.spmT01{margin-top:1px;}
.spmT02{margin-top:2px;}
.spmT03{margin-top:3px;}
.spmT04{margin-top:4px;}
.spmT05{margin-top:5px;}
.spmT10{margin-top:10px;}
.spmT15{margin-top:15px;}
.spmT20{margin-top:20px;}
.spmT25{margin-top:25px;}
.spmT30{margin-top:30px;}
.spmT35{margin-top:35px;}
.spmT40{margin-top:40px;}
.spmT45{margin-top:45px;}
.spmT50{margin-top:50px;}
/*margin right*/
.spmR00{margin-right:0px;}
.spmR05{margin-right:5px;}
.spmR10{margin-right:10px}
.spmR15{margin-right:15px;}
.spmR20{margin-right:20px;}
.spmR25{margin-right:25px;}
.spmR30{margin-right:30px;}
.spmR40{margin-right:40px;}
.spmR42{margin-right:42px;}
.spmR47{margin-right:47px;}
.spmR77{margin-right:77px;}

/*margin bottom*/
.spmB05{margin-bottom:5px;}
.spmB10{margin-bottom:10px;}
.spmB15{margin-bottom:15px;}
.spmB20{margin-bottom:20px;}
.spmB25{margin-bottom:25px;}
.spmB30{margin-bottom:30px;}
.spmB35{margin-bottom:35px;}
.spmB40{margin-bottom:40px;}
.spmB43{margin-bottom:43px;}
.spmB50{margin-bottom:50px;}
.spmB60{margin-bottom:60px;}
.spmB70{margin-bottom:70px;}
.spmB75{margin-bottom:75px;}
.spmB80{margin-bottom:80px;}
.spmB90{margin-bottom:90px;}
.spmB95{margin-bottom:95px;}
.spmB100{margin-bottom:100px;}
.spmB130{margin-bottom:130px;}
.spmB160{margin-bottom:160px;}
.spmB200{margin-bottom:200px;}
.spmB250{margin-bottom:250px;}
.spmB300{margin-bottom:300px;}
.spmB400{margin-bottom:400px;}
.spmB600{margin-bottom:600px;}
.spmB700{margin-bottom:700px;}
.spmB800{margin-bottom:800px;}

/*margin left*/
.spmL05{margin-left:5px;}
.spmL10{margin-left:10px;;}
.spmL14{margin-left:14px;}
.spmL15{margin-left:15px;}
.spmL20{margin-left:20px;}
.spmL25{margin-left:25px;}
.spmL30{margin-left:30px;}

/*
[3]PADDING-CLASS
===================================*/

/*padding top*/
.sppT03{padding-top:3px;}
.sppT05{padding-top:5px;}
.sppT10{padding-top:10px;}
.sppT15{padding-top:15px;}
.sppT20{padding-top:20px;}
.sppT25{padding-top:25px;}
.sppT30{padding-top:30px !important;}

/*padding right*/
.sppR05{padding-right:5px;}
.sppR10{padding-right:10px;}
.sppR15{padding-right:15px;}
.sppR20{padding-right:20px;}
.sppR25{padding-right:25px;}
.sppR30{padding-right:30px;}

/*padding bottom*/
.sppB05{padding-bottom:5px;}
.sppB08{padding-bottom:8px;}
.sppB10{padding-bottom:10px;}
.sppB12{padding-bottom:12px;}
.sppB15{padding-bottom:15px;}
.sppB20{padding-bottom:20px;}
.sppB25{padding-bottom:25px;}
.sppB30{padding-bottom:30px;}

/*padding left*/
.sppL05{padding-left:5px;}
.sppL10{padding-left:10px;}
.sppL15{padding-left:15px;}
.sppL20{padding-left:20px;}
.sppL25{padding-left:25px;}
.sppL30{padding-left:30px;}
.sppL50{padding-left:50px;}

/* img adjustment */
.pic-90p-xs{width:90%; display:block; margin-left:auto; margin-right:auto;}
.pic-80p-xs{width:80%; display:block; margin-left:auto; margin-right:auto;}
.pic-70p-xs{width:70%; display:block; margin-left:auto; margin-right:auto;}
.pic-60p-xs{width:60%; display:block; margin-left:auto; margin-right:auto;}
.pic-50p-xs{width:50%; display:block; margin-left:auto; margin-right:auto;}

.text-center-xs{text-align:center !important;}

.text-left-xs{text-align:left !important;}

.clear-xs{clear:both;}

.block-xs{display:block;}
}

.pic-90p{width:90%; display:block; margin-left:auto; margin-right:auto;}
.pic-80p{width:80%; display:block; margin-left:auto; margin-right:auto;}
.pic-70p{width:70%; display:block; margin-left:auto; margin-right:auto;}
.pic-60p{width:60%; display:block; margin-left:auto; margin-right:auto;}
.pic-50p{width:50%; display:block; margin-left:auto; margin-right:auto;}

/* font weight */
.font-w-300{font-weight:300;}
.font-w-600{font-weight:600;}
.font-w-800{font-weight:800;}

a{-webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.35s linear;
}

a:hover img.hoverImg{
opacity:0.4;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
transition: 0.6s linear;
}

.italic{font-style:italic;}

.box_shadow{box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);}

.box_shadow2{box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08);}

.text-shadow-white {
    text-shadow: 0px 3px 10px rgba(225, 225, 225, 1);
}

.text-shadow {
    text-shadow: 0px 1px 20px rgba(0, 0, 0, 1);
}

.pic-center{margin-right:auto; margin-left:auto; display:block;}

.img-radius{border-radius:5px;}

.divide-line{border-top:1px solid #e4e4e4; margin-top:40px; margin-bottom:40px;}

.no-padding {
    padding: 0;
}

h1,h2,h3,h4,h5,h6,p,address{margin:0; padding:0;}

h1,h2,h3,h4,h5,h6{font-weight:700;}

section.text-white{color:#fff;}

a{color:#1249a1;}

.c-blue{color:#1249a1;}

.c-light-blue{color:#09b2c7;}

.bg-gradient{background: -moz-linear-gradient(0deg, rgba(110,205,241,1) 0%, rgba(18,73,161,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(110,205,241,1)), color-stop(100%, rgba(18,73,161,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(110,205,241,1) 0%, rgba(18,73,161,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(110,205,241,1) 0%, rgba(18,73,161,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(110,205,241,1) 0%, rgba(18,73,161,1) 100%); /* ie10+ */
background: linear-gradient(90deg, rgba(110,205,241,1) 0%, rgba(18,73,161,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ecdf1', endColorstr='#1249a1',GradientType=1 ); /* ie6-9 */
color:#fff;}

/* table no border */
.table-borderless{margin-bottom:0 !important;}

.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none; 
}

/* wordpress blog */
img.alignright { display: block; margin: 0 0 0 auto; }
img.alignleft { display: block; margin: 0 auto 0 0; }
img.aligncenter { display: block; margin: 0 auto; }

/* nav auto drop down */
/*.dropdown:hover .dropdown-menu {
display: block;
}*/

body {
    margin-top: 116px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    font-family: 'Lato', sans-serif; font-size:16px; color:#444;
}

@media screen and (max-width: 767px){
 body{margin-top:0;}
}

/* header */
#header-top{padding:4px 0; background:#1249a1; color:#fff; font-size:14.5px; font-weight:400;}

#header-top address{display:inline-block;}

#header-top-xs{color: #c60000; font-weight:600; text-align:center;}

#header-top-xs .col-xs-8{border-right:1px solid #ccc;}

#header-top a, #header-top-xs a{color:#fff;}

#logo{width:310px;}

#logo-right{width:65px;}

#header-top a:hover{opacity:0.4;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
transition: 0.6s linear;}

@media screen and (max-width: 999px){
 #logo{width:260px;}
 
 #logo-right{width:45px;}
}

@media screen and (max-width: 924px){
 #logo{width:210px;}
 
 #logo-right{width:37px;}
}

@media screen and (max-width: 774px){
 #logo{width:190px;}
}

@media screen and (max-width: 767px){
  #header-top{padding:0;}
}

/* nav */
.navbar-default{background:#fff; font-weight:700;}

.navbar-nav{float:right; margin-top: 21px;}

@media screen and (max-width: 999px){
 .navbar-nav{margin-top: 15px;}
}

@media screen and (max-width: 924px){
 .navbar-nav{margin-top: 10px;}
 
 .navbar-nav > li > a{padding: 10px 8px; font-size:15px;}
}

.navbar-default .navbar-nav > li > a {
    color: #1249a1;
}

.navbar-brand {
    padding: 8px 0;
    line-height: 20px;
    height: auto;
}

.dropdown-menu > li > a{color: #1249a1; font-weight:700;}

.navbar-toggle{margin-top:12px;}

.navbar-default .navbar-toggle {
    border: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #1249a1;
}

.navbar-default .navbar-nav > li > a:hover{background-color: #d1f2ff; color: #444;}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #d1f2ff;
  color: #444;
}

@media screen and (max-width: 767px){
 .navbar{margin-bottom:0;}

 .navbar-nav{float:left; width:100%;}

 .navbar-fixed-top{position:static;}
	
 .nav > li{border-bottom: 1px solid #ddd;}
	
 .dropdown-menu li{border-bottom: 1px solid #ddd;}
}

/* slider */
.carousel-inner > .item > img {
    width: 100%;
}

.carousel-control.left, .carousel-control.right{background:transparent;}

/* footer */
#ctr h4 {font-size: 21px;}

#footer-bottom{background:#000916; color:#fff;}

/* index */
#intro{text-align:center;}

#intro h1{font-size:33px;}

a.well{display:block; background:#fff; color:#444; padding:20px; border:1px solid #ace4ff;}

a.well:hover{box-shadow: 0px -1px 6px #e7e7e7;
    transform: translate(0px, -2px); text-decoration:none;}

a.well h3{font-size:27px; text-align:center;}

@media screen and (max-width:767px){
	#intro h1, h2.f33 {font-size:22px;}
	
	a.well h3{font-size:19px;}
}

/* #intro p{font-size:18px;} */

.hover-box {
  background: rgba(18, 73, 161, 0.2);
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 1;
  overflow: hidden;
  padding: 3.75em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  text-shadow: 0px 1px 20px rgba(0, 0, 0, 1);
}

.hover-box:after,
.hover-box:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: 1em;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

.hover-box:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}

.hover-box:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}

.hover-box:hover:after,
.hover-box:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.hover-box h3{font-weight:700; /* margin-top:30%; */ font-size:30px;}

.hover-box p{margin-top:47%; text-shadow: 0px 1px 20px rgba(0, 0, 0, 1);}

/* page */
#page-heading{padding-top:25px; padding-bottom:25px;}

#page-heading h1{font-size:30px;}

.breadcrumb-head{float:right; margin-top:10px;}

.breadcrumb-head a{color:#fff; text-decoration:underline;}

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

.mT75-adjust{margin-top:75px;}

@media screen and (max-width: 767px){
	#page-heading h1{font-size:24px;}
	
	h2.f24{font-size:21px;}
	
    .breadcrumb-head{float:left;}
	
	.mT75-adjust{margin-top:30px;}
}

/* seafood */
.seafood-box{display:block; border:1px solid #d6d6d6; border-radius:4px; padding:15px; color:#444; /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.28);*/ background-color: rgba(255, 255, 255, 0.70);}

.seafood-box h3{font-size:21px; line-height:24px; margin-bottom:10px; color:#1249a1;}

.nav-below .next{float:right;}

.nav-below .prev{float:left;}

.nav-below a{font-weight:bold;}

@media screen and (max-width: 767px){
.seafood-box h3{font-size:19px;}
}

/* btn */
.btn{border-radius:0;}

.btn-secondary {
    color: #fff;
    background-color: transparent;
    border:2px solid #fff;
}

.btn-secondary:hover{color: #fff; background-color: rgba(255, 255, 255, 0.50);}

.btn-primary {
    color: #1249a1;
    background-color: transparent;
    border:2px solid #1249a1;
}

.btn-primary:hover{color: #fff; background-color: rgba(18, 73, 161, 0.50);}

.btn-info{background-color:#1249a1; border:1px solid #1249a1;}

/* 404 */
.page404 h1{font-weight:bold; font-size:80px; margin-bottom:30px; color:#1249a1;}

.page404 h2{font-weight:bold; margin-bottom:30px;}

/* Back to Top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(9, 178, 199, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    z-index:1200;
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

/* pre loader */
#loading{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    transform: translate(-50%, -50%);
    z-index:9999;
}
 
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999;
    color:#fff;
    background: -moz-linear-gradient(0deg, rgba(110,205,241,1) 0%, rgba(18,73,161,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(110,205,241,1)), color-stop(100%, rgba(18,73,161,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, rgba(110,205,241,1) 0%, rgba(18,73,161,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, rgba(110,205,241,1) 0%, rgba(18,73,161,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, rgba(110,205,241,1) 0%, rgba(18,73,161,1) 100%); /* ie10+ */
    background: linear-gradient(90deg, rgba(110,205,241,1) 0%, rgba(18,73,161,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ecdf1', endColorstr='#1249a1',GradientType=1 ); /* ie6-9 */
    }
.sk-wandering-cubes {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative; }

  .sk-wandering-cubes .sk-cube {
    background-color: #fff;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
            animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; }
  .sk-wandering-cubes .sk-cube2 {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }

@-webkit-keyframes sk-wanderingCube {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5);
            transform: translateX(30px) rotate(-90deg) scale(0.5); }
  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
            transform: translateX(30px) translateY(30px) rotate(-179deg); }
  50.1% {
    -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
            transform: translateX(30px) translateY(30px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
            transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes sk-wanderingCube {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5);
            transform: translateX(30px) rotate(-90deg) scale(0.5); }
  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
            transform: translateX(30px) translateY(30px) rotate(-179deg); }
  50.1% {
    -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
            transform: translateX(30px) translateY(30px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
            transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

/* Hex Grid */
#hexGrid {
  display: flex;
  flex-wrap: wrap;
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  list-style-type: none;
}

.hex {
  position: relative;
  visibility:hidden;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hex::after{
  content:'';
  display:block;
  padding-bottom: 86.602%;  /* =  100 / tan(60) * 1.5 */
}
.hexIn{
  position: absolute;
  width:96%;
  padding-bottom: 110.851%; /* =  width / sin(60) */
  margin:0 2%;
  overflow: hidden;
  visibility: hidden;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
  -webkit-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
      -ms-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
          transform: rotate3d(0,0,1,-60deg) skewY(30deg);
}
.hexIn * {
  position: absolute;
  visibility: visible;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hexLink {
    display:block;
    width: 100%;
    height: 100%;
    /* text-align: center;
    color: #fff; */
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
        -ms-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
            transform: skewY(-30deg) rotate3d(0,0,1,60deg);
}

.hexIn a{pointer-events: none;}

/*** HEX CONTENT **********************************************************************/
.hex img {
  left: -100%;
  right: -100%;
  width: auto;
  height: 100%;
  margin: 0 auto;
  -webkit-transform: rotate3d(0,0,0,0deg);
      -ms-transform: rotate3d(0,0,0,0deg);
          transform: rotate3d(0,0,0,0deg);
}

/*** HEXAGON SIZING AND EVEN ROW INDENTATION *****************************************************************/
@media (min-width:1201px) { /* <- 5-4  hexagons per row */
  #hexGrid{
    padding-bottom: 4.4%
  }
  .hex {
    width: 20%; /* = 100 / 5 */
  }
  .hex:nth-child(9n+6){ /* first hexagon of even rows */
    margin-left:10%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 1200px) and (min-width:901px) { /* <- 4-3  hexagons per row */
  #hexGrid{
    padding-bottom: 5.5%
  }
  .hex {
    width: 25%; /* = 100 / 4 */
  }
  .hex:nth-child(7n+5){ /* first hexagon of even rows */
    margin-left:12.5%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 900px) and (min-width:601px) { /* <- 3-2  hexagons per row */
  #hexGrid{
    padding-bottom: 7.4%
  }
  .hex {
    width: 33.333%; /* = 100 / 3 */
  }
  .hex:nth-child(5n+4){ /* first hexagon of even rows */
    margin-left:16.666%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 600px) { /* <- 2-1  hexagons per row */
  #hexGrid{
    padding-bottom: 11.2%
  }
  .hex {
    width: 50%; /* = 100 / 3 */
  }
  .hex:nth-child(3n+3){ /* first hexagon of even rows */
    margin-left:25%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 400px) {
    #hexGrid {
        font-size: 13px;
    }
}