.ih-item.circle.effect11,
.ih-item.circle.effect14,
.ih-item.circle.effect18,
.ih-item.circle.effect20,
.ih-item.circle.effect5,
.ih-item.square.effect9 {
  perspective: 900px; }

*,
.content,
.faculty-directory,
.ih-item,
.ih-item *,
.region-top,
.view-news-block {
  box-sizing: border-box; }

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
mark,
menu,
nav,
object,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
var,
video {
  border: 0;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

.pagelayout,
.region-mainmenu {
  font-family: GothamBook, sans-serif !important; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1;
  background: #fff; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: Georgia;
  src: url(fonts/Georgia1.eot);
  src: url(fonts/Georgia1.eot?#iefix) format("embedded-opentype"), url(fonts/Georgia1.woff) format("woff"), url(fonts/Georgia1.ttf) format("truetype"), url(fonts/Georgia1.svg#Georgia) format("svg");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: Georgia;
  src: url(fonts/Georgia-Italic.eot);
  src: url(fonts/Georgia-Italic.eot?#iefix) format("embedded-opentype"), url(fonts/Georgia-Italic.woff) format("woff"), url(fonts/Georgia-Italic.ttf) format("truetype"), url(fonts/Georgia-Italic.svg#Georgia-Italic) format("svg");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamBlack;
  src: url(fonts/Gotham-Black.eot);
  src: url(fonts/Gotham-Black.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-Black.woff) format("woff"), url(fonts/Gotham-Black.ttf) format("truetype"), url(fonts/Gotham-Black.svg#Gotham-Black) format("svg");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamBlack;
  src: url(fonts/Gotham-BlackItalic.eot);
  src: url(fonts/Gotham-BlackItalic.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-BlackItalic.woff) format("woff"), url(fonts/Gotham-BlackItalic.ttf) format("truetype"), url(fonts/Gotham-BlackItalic.svg#Gotham-BlackItalic) format("svg");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamBold;
  src: url(fonts/Gotham-Bold.eot);
  src: url(fonts/Gotham-Bold.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-Bold.woff) format("woff"), url(fonts/Gotham-Bold.ttf) format("truetype"), url(fonts/Gotham-Bold.svg#Gotham-Bold) format("svg");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamBold;
  src: url(fonts/Gotham-BoldItalic.eot);
  src: url(fonts/Gotham-BoldItalic.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-BoldItalic.woff) format("woff"), url(fonts/Gotham-BoldItalic.ttf) format("truetype"), url(fonts/Gotham-BoldItalic.svg#Gotham-BoldItalic) format("svg");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamBook;
  src: url(fonts/Gotham-Book.eot);
  src: url(fonts/Gotham-Book.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-Book.woff) format("woff"), url(fonts/Gotham-Book.ttf) format("truetype"), url(fonts/Gotham-Book.svg#Gotham-Book) format("svg");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamBook;
  src: url(fonts/Gotham-BookItalic.eot);
  src: url(fonts/Gotham-BookItalic.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-BookItalic.woff) format("woff"), url(fonts/Gotham-BookItalic.ttf) format("truetype"), url(fonts/Gotham-BookItalic.svg#Gotham-BookItalic) format("svg");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamExtraLight;
  src: url(fonts/Gotham-ExtraLight.eot);
  src: url(fonts/Gotham-ExtraLight.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-ExtraLight.woff) format("woff"), url(fonts/Gotham-ExtraLight.ttf) format("truetype"), url(fonts/Gotham-ExtraLight.svg#Gotham-ExtraLight) format("svg");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamExtraLight;
  src: url(fonts/Gotham-ExtraLightItalic.eot);
  src: url(fonts/Gotham-ExtraLightItalic.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-ExtraLightItalic.woff) format("woff"), url(fonts/Gotham-ExtraLightItalic.ttf) format("truetype"), url(fonts/Gotham-ExtraLightItalic.svg#Gotham-ExtraLightItalic) format("svg");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamLight;
  src: url(fonts/Gotham-Light.eot);
  src: url(fonts/Gotham-Light.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-Light.woff) format("woff"), url(fonts/Gotham-Light.ttf) format("truetype"), url(fonts/Gotham-Light.svg#Gotham-Light) format("svg");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamLight;
  src: url(fonts/Gotham-LightItalic.eot);
  src: url(fonts/Gotham-LightItalic.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-LightItalic.woff) format("woff"), url(fonts/Gotham-LightItalic.ttf) format("truetype"), url(fonts/Gotham-LightItalic.svg#Gotham-LightItalic) format("svg");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamMedium;
  src: url(fonts/Gotham-Medium.eot);
  src: url(fonts/Gotham-Medium.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-Medium.woff) format("woff"), url(fonts/Gotham-Medium.ttf) format("truetype"), url(fonts/Gotham-Medium.svg#Gotham-Medium) format("svg");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamMedium;
  src: url(fonts/Gotham-MediumItalic.eot);
  src: url(fonts/Gotham-MediumItalic.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-MediumItalic.woff) format("woff"), url(fonts/Gotham-MediumItalic.ttf) format("truetype"), url(fonts/Gotham-MediumItalic.svg#Gotham-MediumItalic) format("svg");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamThin;
  src: url(fonts/Gotham-Thin.eot);
  src: url(fonts/Gotham-Thin.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-Thin.woff) format("woff"), url(fonts/Gotham-Thin.ttf) format("truetype"), url(fonts/Gotham-Thin.svg#Gotham-Thin) format("svg");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamThin;
  src: url(fonts/Gotham-ThinItalic.eot);
  src: url(fonts/Gotham-ThinItalic.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-ThinItalic.woff) format("woff"), url(fonts/Gotham-ThinItalic.ttf) format("truetype"), url(fonts/Gotham-ThinItalic.svg#Gotham-ThinItalic) format("svg");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamUltra;
  src: url(fonts/Gotham-Ultra.eot);
  src: url(fonts/Gotham-Ultra.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-Ultra.woff) format("woff"), url(fonts/Gotham-Ultra.ttf) format("truetype"), url(fonts/Gotham-Ultra.svg#Gotham-Ultra) format("svg");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: GothamUltra;
  src: url(fonts/Gotham-UltraItalic.eot);
  src: url(fonts/Gotham-UltraItalic.eot?#iefix) format("embedded-opentype"), url(fonts/Gotham-UltraItalic.woff) format("woff"), url(fonts/Gotham-UltraItalic.ttf) format("truetype"), url(fonts/Gotham-UltraItalic.svg#Gotham-UltraItalic) format("svg");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

.region-mainmenu {
  font-weight: 400;
  color: #fff;
  font-size: large; }

a.navbar-brand,
a.navbar-brand:visited {
  color: #fff !important;
  font-size: 2em !important; }

a.navbar-brand {
  font-family: GothamMedium, GothamThin;
  font-style: normal;
  text-transform: none;
  text-shadow: -1px 2px 3px #333; }

a.navbar-brand:hover {
  color: #fff inherit !important;
  font-size: 2em !important; }

html {
  font-size: 100%; }

body,
html {
  height: 100%; }

* {
  font-family: GothamBook, sans-serif; }

.container {
  max-width: 1214px !important;
  margin-left: auto !important;
  margin-right: auto !important; }

.search-area .input-group {
  width: 90%;
  margin-left: 70%; }

.pagelayout a {
  color: #000 !important;
  text-decoration: underline; }

.more-link a {
  color: 000000 !important;
  background-image: url(../images/more.png);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px; }

.btnz,
.more-link a:hover {
  color: #fff; }

.nomargin-nopadding,
.nopadding {
  padding: 0 !important; }

.view-news-block {
  background: #fff;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
  position: relative; }

* html .clearfix {
  height: 1%;
  overflow: visible; }

.clear {
  clear: both !important; }

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0; }

.clr {
  clear: both; }

.select-wrapper {
  margin-left: 10px;
  margin-right: 10px; }

.nomargin,
.nomargin-nopadding {
  margin: 0 !important; }

.padding10 {
  padding: 10px !important; }

.overflow-hid {
  overflow: hidden; }

.btnz {
  background: #18453b;
  background-image: linear-gradient(to bottom, #18453b, #18453b);
  border-radius: 0;
  font-family: GothamBook, Arial;
  font-size: 15px;
  padding: 10px 20px;
  text-decoration: none;
  width: 100%; }

.btnz:hover {
  background: #018541;
  background-image: linear-gradient(to bottom, #018541, #018541);
  text-decoration: none;
  width: 100%; }

.background-image-full-viewport .background-image-wrapper::after {
  width: auto !important; }

.region-top {
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #fff;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
  border-bottom: 1px solid #dedede;
  position: relative; }

.dept-header-col,
.msu-header-col {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75);
  position: relative; }

.region-mainmenu .navbar {
  margin-bottom: 0;
  padding: 0 !important;
  border-radius: 0 !important; }

.region-mainmenu .nav,
.region-mainmenu .nav-tabs,
.region-mainmenu .we-mega-menu-ul {
  margin: 0;
  padding: 0 !important; }

.region-mainmenu .navbar-default {
  background-color: #191919;
  border: 0 !important;
  padding: 0 !important; }

.region-mainmenu .navbar > .container,
.region-mainmenu .navbar > .container-fluid {
  -ms-flex-pack: start;
  justify-content: flex-start;
  z-index: 0;
  position: relative; }

.region-mainmenu .navbar-we-mega-menu.navbar ul a {
  padding-left: 10px; }

.region-mainmenu ul.we-mega-menu-ul {
  width: 100%; }

.region-mainmenu .we-mega-menu-ul > .we-mega-menu-li > a {
  background-color: transparent !important;
  padding: auto;
  border: 0 !important;
  z-index: 0;
  margin-top: 0; }

.region-mainmenu .we-mega-menu-ul > .we-mega-menu-li {
  border: none; }

.region-mainmenu .nav-tabs > li.active > a,
.region-mainmenu .nav-tabs > li.active > a:focus,
.region-mainmenu .nav-tabs > li.active > a:hover {
  color: #fff;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000', GradientType=0 ); }

.region-mainmenu .nav-tabs > li li.active > a,
.region-mainmenu .nav-tabs > li li.active > a:focus,
.region-mainmenu .nav-tabs > li li.active > a:hover {
  background: 0 0 !important;
  color: #ff6d2c !important;
  border-left: none;
  border-right: none;
  border-bottom: solid; }

article figcaption,
article figure,
ul.tabs--primary li {
  background-color: #e9ecef; }

.region-mainmenu li.we-mega-menu-li a:hover {
  color: #fff !important; }

.region-mainmenu li.we-mega-menu-li li a:hover {
  color: #ff6d2c !important; }

.region-mainmenu .nav-tabs .dropdown-menu {
  margin-top: 0; }

.region-mainmenu .we-mega-menu-submenu li.we-mega-menu-li {
  width: 100% !important; }

body.background-image-dark .overlay {
  display: none; }

#backtotop {
  z-index: 999 !important; }

ul.tabs--primary {
  margin-bottom: 5px !important; }

ul.tabs--primary li a {
  font-weight: bolder;
  text-decoration: none;
  color: #000 !important; }

ul.tabs--primary li a:hover {
  font-weight: bolder;
  text-decoration: none;
  color: #ff6d2c !important; }

ul.tabs--primary li.active a {
  font-weight: bolder;
  text-decoration: none;
  color: #000; }

.pagelayout .carousel-caption a:link,
.pagelayout .carousel-caption h3,
.pagelayout .carousel-caption h3 a {
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
  font-size: larger; }

.align-right {
  float: right; }

.align-left {
  float: left; }

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

article figure {
  padding: 5px; }

article figcaption {
  font-size: small;
  text-align: left;
  display: table-caption;
  caption-side: bottom;
  margin-bottom: 5px;
  padding: 0 15px 15px; }

article figure.align-left {
  margin-right: 10px; }

article figure.align-right {
  margin-left: 10px; }

.main-menu,
.navbar-text {
  margin-left: 0 !important; }

article figure.align-center,
article figure.align-left,
article figure.align-right {
  padding: 5px;
  display: table; }

article figure.align-center figcaption,
article figure.align-left figcaption,
article figure.align-right figcaption {
  font-size: small;
  text-align: left;
  display: table-caption;
  caption-side: bottom;
  margin-bottom: 5px;
  background-color: #e9ecef;
  padding: 0 15px 15px; }

@media (max-width: 480px) {
  article figure.align-center,
  article figure.align-center img,
  article figure.align-left,
  article figure.align-left img,
  article figure.align-right,
  article figure.align-right img {
    width: 100%; }
  article figcaption {
    padding: 0 10px;
    font-size: x-small; } }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #ff6d2c !important;
  border-color: #ff6d2c !important;
  color: #fff !important; }

body {
  font: 16px/28px "Gotham SSm A", "Gotham SSm B", arial, sans-serif;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%; }

.latest-news-block,
.latest-news-block .front-news-date,
.latest-news-title,
.latest-news-title a,
.news-block,
h1.page-header {
  font-family: rubik, Helvetica, Tahoma, Geneva, Arial, sans-serif; }

#msu-masthead {
  height: 60px; }

#msu-masthead img {
  padding-top: 12px;
  max-width: 298px;
  width: auto;
  padding-bottom: 12px; }

#msu-masthead img.print-msugraphic {
  display: none; }

.u-header-column {
  width: 68%;
  float: left;
  position: relative; }

.footer-col,
.footer-links-col,
.msu-header-col {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.93) 0, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed000000', endColorstr='#00000000', GradientType=1 ); }

.msu-header-col {
  min-height: 66px;
  z-index: 30 !important; }

.footer-col {
  z-index: 10;
  position: relative; }

.dept-header-col {
  padding-bottom: 10px;
  z-index: 30 !important;
  background: rgba(0, 0, 0, 0.56);
  background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.56)), color-stop(46%, rgba(24, 69, 59, 0.79)), color-stop(88%, #18453b));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.56) 0, rgba(24, 69, 59, 0.79) 46%, #18453b 88%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#18453b', GradientType=0 ); }

.main-menu {
  z-index: 10 !important;
  background: 0 0;
  margin-right: 0 !important;
  padding-left: 2px !important;
  padding-right: 0 !important; }

.main-main-menu {
  z-index: 30 !important;
  position: relative; }

.mobile-menu {
  z-index: 31 !important;
  position: absolute; }

#toggle-icon {
  margin-top: 10px; }

#off-canvas,
.mm-menu_opened {
  display: none !important; }

.frontpagelayout h1.page-header,
.navbar-toggle {
  display: none; }

p.navbar-text {
  color: #000;
  font-weight: 700; }

h1.page-header {
  font-size: 1.5vw !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  color: #000;
  border-right: solid;
  border-right-width: 2px;
  border-right-color: #fff; }

h1.title a {
  color: #fff;
  text-decoration: none;
  padding-right: 5px; }

h1.title a:active,
h1.title a:hover {
  text-decoration: none; }

.col-xs-12 .region-sitetitle .navbar-brand {
  letter-spacing: 1px;
  text-align: left; }

a.navbar-brand {
  width: 100%;
  clear: both;
  line-height: normal !important;
  margin-bottom: 5px; }

.block-audiencemenu-menu ul.nav > li > a {
  float: left !important;
  padding: 0 !important; }

.dept-header-col .nav {
  float: right; }

.dept-header-col .nav > li {
  float: left; }

.dept-header-col .nav > li > a {
  line-height: 11px;
  font-size: 10px;
  margin: 0 6px;
  color: #eaede6;
  text-decoration: none;
  text-transform: uppercase;
  padding: 3px; }

.dept-header-col .nav > li > a:hover {
  background: 0 0;
  color: #ff6d2c !important;
  background-color: #fff !important;
  padding: 3px; }

.navbar-brand {
  padding: 20px 0 0 !important; }

.top-main-menu {
  background-color: #191919;
  min-height: 50px !important; }

.nav-col {
  padding-top: 0;
  padding-bottom: 10px; }

.region-we-mega-menu {
  background-color: transparent !important; }

.cheeseburger-menu__trigger {
  background-image: none !important; }

.top-main-menu .mm-opened .toolbar-tray-open.toolbar-fixed.toolbar-vertical .mm-page,
.top-main-menu .mm-wrapper_opening .toolbar-tray-open.toolbar-fixed.toolbar-vertical .mm-page {
  padding-left: 0 !important; }

.news-block {
  min-height: 75px;
  border: 8px solid #fff;
  border-bottom: 1px solid #dedede;
  padding-bottom: 8px; }

.front-news-image .front-news-date {
  right: auto;
  color: #727272 !important;
  font-size: 13px;
  display: block; }

.front-news-image img {
  padding: 0 !important;
  border: none !important; }

.news-block .news-title {
  margin-top: 1px;
  font-size: 15px;
  line-height: 20px; }

.news-block .news-title a {
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none;
  color: #000; }

.news-block .news-title a:link,
.news-block .news-title a:visited {
  color: #000 !important; }

.news-block .news-title a:hover {
  color: #ff6d2c !important; }

.region-latestnews .block {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.latest-news-block {
  padding-bottom: 15px;
  min-height: auto;
  clear: both;
  border: 8px solid #fff; }

.latest-news-title,
.latest-news-title a {
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  color: #000 !important; }

.latest-news-title a:hover {
  color: #ff6d2c !important; }

.latest-news-block p {
  color: #898b8d;
  padding-bottom: 10px; }

.read-more-btn a,
.read-more-btn a:visited {
  background-color: #fff;
  padding: 5px 10px;
  border: solid #ff6d2c;
  border-width: 1px;
  text-decoration: none;
  color: #000; }

.read-more-btn a:link {
  text-transform: uppercase;
  font-size: small; }

.read-more-btn a:hover {
  background-color: #ff6d2c;
  border: solid #ff6d2c;
  color: #fff !important;
  border-width: 1px;
  text-decoration: none; }

.latest-news-block .front-news-date {
  width: 54px;
  height: 100px;
  text-align: center;
  position: absolute;
  float: right !important;
  background-color: #fff; }

.latest-news-block .front-news-date .front-month {
  background-color: #000;
  color: #fff;
  padding: 5px;
  text-transform: uppercase;
  font-weight: 700; }

.latest-news-block .front-news-date .front-day {
  font-size: 25px;
  line-height: 30px;
  color: #000; }

.latest-news-block .front-news-date .front-year {
  padding: 5px;
  font-size: 14px;
  color: #000; }

.news-date {
  color: #898b8d !important;
  text-transform: uppercase;
  font-size: small;
  clear: right; }

.date-block .month,
.date-block .year {
  color: #898b8d;
  font-weight: 700;
  font-family: rubik, Helvetica, Tahoma, Geneva, Arial, sans-serif; }

.news-date div {
  float: left;
  padding-right: 5px; }

.news-thumb {
  float: left;
  margin-right: 10px; }

.upcoming-events-block {
  min-height: 75px;
  font-family: rubik, Helvetica, Tahoma, Geneva, Arial, sans-serif;
  border: 8px solid #fff; }

.upcoming-events .views-row {
  clear: both;
  margin-bottom: 10px;
  border-bottom: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000;
  padding-bottom: 10px;
  display: block; }

.date-block .day,
.region-frontevents .block,
.region-frontnews .block {
  padding: 0 !important; }

.date-block .day {
  font-size: 2.5em;
  font-weight: 700;
  font-family: rubik, Helvetica, Tahoma, Geneva, Arial, sans-serif;
  margin: -15px 0 0 !important; }

.date-block .month {
  text-transform: uppercase;
  letter-spacing: 3px;
  text-shadow: 1px 1px 1px #ccc; }

.date-block .year,
.ih-item h3 {
  text-transform: uppercase;
  letter-spacing: 2px; }

.date-block .year {
  margin-top: -15px;
  transform-origin: left top 0; }

.egr-upcoming-events .event-title {
  font-weight: 700;
  font-family: rubik, Helvetica, Tahoma, Geneva, Arial, sans-serif;
  color: #000 !important; }

.egr-upcoming-events .event-title a {
  color: #000 !important;
  text-decoration: none; }

.egr-upcoming-events .event-title a:hover {
  color: #ff6d2c !important; }

.egr-upcoming-events {
  margin-bottom: 5px;
  background-color: #fff;
  border: 8px solid #fff;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #dedede; }

.flex-viewport {
  padding-top: 10px;
  height: 600px !important; }

.flexslider {
  background-color: transparent !important;
  border: none !important; }

.date-block {
  text-align: center;
  margin-left: 0 !important;
  padding-left: 0 !important; }

.date-info-block {
  float: left;
  width: auto; }

.date-info-block .event-date-info {
  text-transform: uppercase;
  font-size: small; }

.icon-arrow-left8,
.icon-arrow-right8 {
  display: none; }

.flexslider:hover .flex-direction-nav .flex-prev {
  left: 0;
  background-image: url(../images/up.png);
  background-repeat: no-repeat; }

.flexslider:hover .flex-direction-nav .flex-next {
  right: 0;
  background-image: url(../images/down.png);
  background-repeat: no-repeat; }

.news-block .views-row {
  clear: both;
  margin-bottom: 10px; }

.feature {
  background: rgba(255, 255, 255, 0);
  background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(89%, #ff7d43), color-stop(100%, #ff6d2c));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #ff7d43 89%, #ff6d2c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff6d2c', GradientType=0 );
  overflow: hidden !important; }

.feature-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../images/egr-dots1.png); }

.feature-texts {
  position: absolute;
  display: block;
  left: 5%;
  right: 5%;
  top: 70%;
  z-index: 10 !important;
  padding: 10px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000', GradientType=0 ); }

h2.feature-title,
h2.feature-title a,
h4.feature-description {
  color: #fff; }

.egr-video-container {
  margin-bottom: 20px;
  margin-left: 5px;
  margin-right: 5px; }

.egr-video-container .egr-video {
  margin-top: 10px;
  margin-right: 10px;
  font-family: rubik, Helvetica, Tahoma, Geneva, Arial, sans-serif;
  text-decoration: none;
  color: #000 !important;
  border: 8px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  padding-bottom: 5px; }

.egr-video-container .vid-cat {
  background-color: #000;
  color: #fff;
  position: absolute;
  display: block;
  padding: 5px;
  font-size: small;
  top: 10;
  left: 10; }

.ih-item.circle .info,
.ih-item.square .info {
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  backface-visibility: hidden; }

.egr-video-container .egr-inner-container {
  height: 250px;
  position: relative; }

.egr-video-container .egr-inner-container .view {
  position: absolute;
  bottom: 0 !important; }

.egr-video-container .vid-title,
.egr-video-container .vid-title a {
  text-decoration: none; }

.egr-video-container .vid-title a:hover {
  color: #ff6d2c !important;
  text-decoration: none; }

.egr-video-container .region-videoblock .block {
  padding: 0 !important; }

.ih-item h3 {
  color: #fff;
  position: relative;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }

.ih-item {
  position: relative;
  transition: all 0.35s ease-in-out;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px; }

.ih-item a {
  color: #333; }

.ih-item a:hover {
  text-decoration: none; }

.ih-item img {
  width: 100%;
  height: 100%; }

.ih-item.circle,
.ih-item.circle .img {
  position: relative;
  width: 255px;
  height: 255px;
  border-radius: 50%; }

.ih-item.circle .img:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  transition: all 0.35s ease-in-out; }

.ih-item.circle .img img {
  border-radius: 50%; }

.ih-item.circle .info {
  position: absolute;
  bottom: 0;
  border-radius: 50%; }

.ih-item.square {
  position: relative;
  border: 8px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }

.ih-item.square .info {
  position: absolute;
  bottom: 0; }

.ih-item.circle.effect1 .spinner {
  width: 265px;
  height: 265px;
  border: 10px solid #4c7f4c;
  border-right-color: #ff6d2c;
  border-bottom-color: #ff6d2c;
  border-radius: 50%;
  transition: all 0.8s ease-in-out;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }

.ih-item.circle.effect1 .info p,
.ih-item.circle.effect11 .info p,
.ih-item.circle.effect12 .info p,
.ih-item.circle.effect13 .info p,
.ih-item.circle.effect14 .info p,
.ih-item.circle.effect15 .info p,
.ih-item.circle.effect16 .info p,
.ih-item.circle.effect17 .info p,
.ih-item.circle.effect18 .info p,
.ih-item.circle.effect19 .info p,
.ih-item.circle.effect2 .info p,
.ih-item.circle.effect20 .info p,
.ih-item.circle.effect3 .info p,
.ih-item.circle.effect4 .info p,
.ih-item.circle.effect5 .info p,
.ih-item.circle.effect6 .info p,
.ih-item.circle.effect7 .info p,
.ih-item.circle.effect8 .info p,
.ih-item.circle.effect9 .info p {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  font-style: italic; }

.ih-item.circle.effect1 .img {
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 10px;
  right: 0;
  width: auto;
  height: auto; }

.ih-item.circle.effect1 .info h3,
.ih-item.circle.effect2 .info h3,
.ih-item.circle.effect3 .info h3,
.ih-item.circle.effect4 .info h3 {
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
  margin: 0 30px; }

.ih-item.circle.effect1 .img:before {
  display: none; }

.ih-item.circle.effect1.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6); }

.ih-item.circle.effect1 .info {
  top: 10px;
  bottom: 0;
  left: 10px;
  right: 0;
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: all 0.8s ease-in-out; }

.ih-item.circle.effect1 .info h3 {
  color: #fff;
  font-size: 22px;
  padding: 55px 0 0;
  font-family: rubik, Helvetica, Tahoma, Geneva, Arial, sans-serif;
  font-weight: 500; }

.ih-item.circle.effect1 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px; }

.ih-item.circle.effect1 a:hover .spinner {
  transform: rotate(180deg);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }

.ih-item.circle.effect1 a:hover .info {
  opacity: 1; }

.ih-item.circle.effect2 .img {
  opacity: 1;
  transform: scale(1);
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect2.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6); }

.ih-item.circle.effect2 .info {
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect2 .info h3 {
  color: #fff;
  font-size: 22px;
  padding: 55px 0 0; }

.ih-item.circle.effect2 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px; }

.ih-item.circle.effect2.left_to_right .info {
  transform: translateX(-100%); }

.ih-item.circle.effect2.left_to_right a:hover .img {
  transform: rotate(-90deg); }

.ih-item.circle.effect2.left_to_right a:hover .info {
  opacity: 1;
  transform: translateX(0); }

.ih-item.circle.effect2.right_to_left .info {
  transform: translateX(100%); }

.ih-item.circle.effect2.right_to_left a:hover .img {
  transform: rotate(90deg); }

.ih-item.circle.effect2.right_to_left a:hover .info {
  opacity: 1;
  transform: translateX(0); }

.ih-item.circle.effect2.top_to_bottom .info {
  transform: translateY(-100%); }

.ih-item.circle.effect2.top_to_bottom a:hover .img {
  transform: rotate(-90deg); }

.ih-item.circle.effect2.top_to_bottom a:hover .info {
  opacity: 1;
  transform: translateY(0); }

.ih-item.circle.effect2.bottom_to_top .info {
  transform: translateY(100%); }

.ih-item.circle.effect2.bottom_to_top a:hover .img {
  transform: rotate(90deg); }

.ih-item.circle.effect2.bottom_to_top a:hover .info {
  opacity: 1;
  transform: translateY(0); }

.ih-item.circle.effect3 .img {
  z-index: 11;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect3.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect3 .info {
  background: #333;
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect3 .info h3 {
  color: #fff;
  font-size: 22px;
  padding: 55px 0 0; }

.ih-item.circle.effect3 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px; }

.ih-item.circle.effect3.left_to_right .img {
  transform: scale(1) translateX(0); }

.ih-item.circle.effect3.left_to_right .info {
  transform: translateX(-100%); }

.ih-item.circle.effect3.left_to_right a:hover .img {
  transform: scale(0.5) translateX(100%); }

.ih-item.circle.effect3.left_to_right a:hover .info {
  opacity: 1;
  transform: translateX(0); }

.ih-item.circle.effect3.right_to_left .img {
  transform: scale(1) translateX(0); }

.ih-item.circle.effect3.right_to_left .info {
  transform: translateX(100%); }

.ih-item.circle.effect3.right_to_left a:hover .img {
  transform: scale(0.5) translateX(-100%); }

.ih-item.circle.effect3.right_to_left a:hover .info {
  opacity: 1;
  transform: translateX(0); }

.ih-item.circle.effect3.top_to_bottom .img {
  transform: scale(1) translateY(0); }

.ih-item.circle.effect3.top_to_bottom .info {
  transform: translateY(-100%); }

.ih-item.circle.effect3.top_to_bottom a:hover .img {
  transform: scale(0.5) translateY(100%); }

.ih-item.circle.effect3.top_to_bottom a:hover .info {
  opacity: 1;
  transform: translateY(0); }

.ih-item.circle.effect3.bottom_to_top .img {
  transform: scale(1) translateY(0); }

.ih-item.circle.effect3.bottom_to_top .info {
  transform: translateY(100%); }

.ih-item.circle.effect3.bottom_to_top a:hover .img {
  transform: scale(0.5) translateY(-100%); }

.ih-item.circle.effect3.bottom_to_top a:hover .info {
  opacity: 1;
  transform: translateY(0); }

.ih-item.circle.effect4 .img {
  opacity: 1;
  transition: all 0.4s ease-in-out; }

.ih-item.circle.effect4 .info,
.ih-item.circle.effect4 a:hover .img {
  opacity: 0;
  pointer-events: none; }

.ih-item.circle.effect4.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect4 .info {
  background: #333;
  visibility: hidden;
  transition: all 0.35s ease; }

.ih-item.circle.effect4 .info h3 {
  color: #fff;
  font-size: 22px;
  padding: 55px 0 0; }

.ih-item.circle.effect4 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect4 a:hover .info {
  visibility: visible;
  opacity: 1; }

.ih-item.circle.effect4.left_to_right .img {
  transform: translateX(0); }

.ih-item.circle.effect4.left_to_right .info {
  transform: translateX(-100%); }

.ih-item.circle.effect4.left_to_right a:hover .img {
  transform: translateX(100%); }

.ih-item.circle.effect4.left_to_right a:hover .info,
.ih-item.circle.effect4.right_to_left .img {
  transform: translateX(0); }

.ih-item.circle.effect4.right_to_left .info {
  transform: translateX(100%); }

.ih-item.circle.effect4.right_to_left a:hover .img {
  transform: translateX(-100%); }

.ih-item.circle.effect4.right_to_left a:hover .info {
  transform: translateX(0); }

.ih-item.circle.effect4.top_to_bottom .img {
  transform: translateY(0); }

.ih-item.circle.effect4.top_to_bottom .info {
  transform: translateY(100%); }

.ih-item.circle.effect4.top_to_bottom a:hover .img {
  transform: translateY(-100%); }

.ih-item.circle.effect4.bottom_to_top .img,
.ih-item.circle.effect4.top_to_bottom a:hover .info {
  transform: translateY(0); }

.ih-item.circle.effect4.bottom_to_top .info {
  transform: translateY(-100%); }

.ih-item.circle.effect4.bottom_to_top a:hover .img {
  transform: translateY(100%); }

.ih-item.circle.effect4.bottom_to_top a:hover .info {
  transform: translateY(0); }

.ih-item.circle.effect5.colored .info .info-back {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6); }

.ih-item.circle.effect5 .info {
  transition: all 0.35s ease-in-out;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.ih-item.circle.effect5 .info .info-back {
  visibility: hidden;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  transform: rotate3d(0, 1, 0, 180deg);
  backface-visibility: hidden; }

.ih-item.circle.effect5 .info h3,
.ih-item.circle.effect6 .info h3,
.ih-item.circle.effect7 .info h3 {
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
  margin: 0 30px; }

.ih-item.circle.effect5 .info h3 {
  color: #fff;
  font-size: 22px;
  padding: 55px 0 0; }

.ih-item.circle.effect5 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px; }

.ih-item.circle.effect5 a:hover .info {
  transform: rotate3d(0, 1, 0, -180deg); }

.ih-item.circle.effect5 a:hover .info .info-back {
  visibility: visible; }

.ih-item.circle.effect6 .img {
  opacity: 1;
  transform: scale(1);
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect6.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect6 .info {
  background: #333;
  opacity: 0;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect6 .info h3 {
  color: #fff;
  font-size: 22px;
  padding: 55px 0 0; }

.ih-item.circle.effect6 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px; }

.ih-item.circle.effect6.scale_up .info {
  transform: scale(0.5); }

.ih-item.circle.effect6.scale_up a:hover .img {
  opacity: 0;
  transform: scale(1.5); }

.ih-item.circle.effect6.scale_up a:hover .info {
  opacity: 1;
  transform: scale(1); }

.ih-item.circle.effect6.scale_down .info {
  transform: scale(1.5); }

.ih-item.circle.effect6.scale_down a:hover .img {
  opacity: 0;
  transform: scale(0.5); }

.ih-item.circle.effect6.scale_down a:hover .info {
  opacity: 1;
  transform: scale(1); }

.ih-item.circle.effect6.scale_down_up .info {
  transform: scale(0.5);
  transition: all 0.35s ease-in-out 0.2s; }

.ih-item.circle.effect6.scale_down_up a:hover .img {
  opacity: 0;
  transform: scale(0.5); }

.ih-item.circle.effect6.scale_down_up a:hover .info,
.ih-item.circle.effect7 .img {
  opacity: 1;
  transform: scale(1); }

.ih-item.circle.effect7 .img {
  transition: all 0.35s ease-out; }

.ih-item.circle.effect7.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect7 .info {
  background: #333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.35s ease 0.2s; }

.ih-item.circle.effect7 .info h3 {
  color: #fff;
  font-size: 22px;
  padding: 55px 0 0; }

.ih-item.circle.effect7 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px; }

.ih-item.circle.effect7 a:hover .img {
  opacity: 0;
  transform: scale(0.5); }

.ih-item.circle.effect7 a:hover .info {
  visibility: visible;
  opacity: 1; }

.ih-item.circle.effect7.left_to_right .info {
  transform: translateX(-100%); }

.ih-item.circle.effect7.left_to_right a:hover .info {
  transform: translateX(0); }

.ih-item.circle.effect7.right_to_left .info {
  transform: translateX(100%); }

.ih-item.circle.effect7.right_to_left a:hover .info {
  transform: translateX(0); }

.ih-item.circle.effect7.top_to_bottom .info {
  transform: translateY(100%); }

.ih-item.circle.effect7.top_to_bottom a:hover .info {
  transform: translateY(0); }

.ih-item.circle.effect7.bottom_to_top .info {
  transform: translateY(-100%); }

.ih-item.circle.effect7.bottom_to_top a:hover .info {
  transform: translateY(0); }

.ih-item.circle.effect8.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect8 .img-container {
  transform: scale(1);
  transition: all 0.3s ease-in-out; }

.ih-item.circle.effect8 .info,
.ih-item.circle.effect8 a:hover .img-container {
  transform: scale(0.5);
  pointer-events: none; }

.ih-item.circle.effect8 .img-container .img {
  opacity: 1;
  transition: all 0.3s ease-in-out 0.3s; }

.ih-item.circle.effect8 .info-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease-in-out 0.3s; }

.ih-item.circle.effect10 .info h3,
.ih-item.circle.effect9 .info h3 {
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }

.ih-item.circle.effect8 .info {
  width: 100%;
  height: 100%;
  background: #333;
  transition: all 0.35s ease-in-out 0.6s; }

.ih-item.circle.effect8 .info h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 45px 0 0;
  height: 140px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }

.ih-item.circle.effect8 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px; }

.ih-item.circle.effect8 a:hover .img-container .img {
  opacity: 0;
  pointer-events: none; }

.ih-item.circle.effect8 a:hover .info-container {
  opacity: 1; }

.ih-item.circle.effect8 a:hover .info-container .info {
  transform: scale(1); }

.ih-item.circle.effect8.left_to_right .img-container .img {
  transform: translateX(0); }

.ih-item.circle.effect8.left_to_right .info-container {
  transform: translateX(100%); }

.ih-item.circle.effect8.left_to_right a:hover .img-container .img {
  transform: translateX(-100%); }

.ih-item.circle.effect8.left_to_right a:hover .info-container,
.ih-item.circle.effect8.right_to_left .img-container .img {
  transform: translateX(0); }

.ih-item.circle.effect8.right_to_left .info-container {
  transform: translateX(-100%); }

.ih-item.circle.effect8.right_to_left a:hover .img-container .img {
  transform: translateX(100%); }

.ih-item.circle.effect8.right_to_left a:hover .info-container {
  transform: translateX(0); }

.ih-item.circle.effect8.top_to_bottom .img-container .img {
  transform: translateY(0); }

.ih-item.circle.effect8.top_to_bottom .info-container {
  transform: translateY(-100%); }

.ih-item.circle.effect8.top_to_bottom a:hover .img-container .img {
  transform: translateY(100%); }

.ih-item.circle.effect8.bottom_to_top .img-container .img,
.ih-item.circle.effect8.top_to_bottom a:hover .info-container {
  transform: translateY(0); }

.ih-item.circle.effect8.bottom_to_top .info-container {
  transform: translateY(100%); }

.ih-item.circle.effect8.bottom_to_top a:hover .img-container .img {
  transform: translateY(-100%); }

.ih-item.circle.effect8.bottom_to_top a:hover .info-container {
  transform: translateY(0); }

.ih-item.circle.effect9 .img {
  opacity: 1;
  transition: all 0.35s ease-out; }

.ih-item.circle.effect9 .info,
.ih-item.circle.effect9 a:hover .img {
  opacity: 0;
  transform: scale(0.5);
  pointer-events: none; }

.ih-item.circle.effect9.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect9 .info {
  background: #333;
  visibility: hidden;
  transition: all 0.35s ease 0.2s; }

.ih-item.circle.effect9 .info h3 {
  color: #fff;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0;
  height: 110px; }

.ih-item.circle.effect9 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px; }

.ih-item.circle.effect9 a:hover .info {
  visibility: visible;
  opacity: 1;
  transform: scale(1); }

.ih-item.circle.effect9.left_to_right .img {
  transform: translateX(0) rotate(0); }

.ih-item.circle.effect9.left_to_right a:hover .img {
  transform: translateX(100%) rotate(180deg); }

.ih-item.circle.effect9.right_to_left .img {
  transform: translateX(0) rotate(0); }

.ih-item.circle.effect9.right_to_left a:hover .img {
  transform: translateX(-100%) rotate(-180deg); }

.ih-item.circle.effect9.top_to_bottom .img {
  transform: translateY(0); }

.ih-item.circle.effect9.top_to_bottom a:hover .img {
  transform: translateY(-100%); }

.ih-item.circle.effect9.bottom_to_top .img {
  transform: translateY(0); }

.ih-item.circle.effect9.bottom_to_top a:hover .img {
  transform: translateY(100%); }

.ih-item.circle.effect10 .img {
  z-index: 11;
  transform: scale(1);
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect10.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect10 .info {
  background: #333;
  opacity: 0;
  transform: scale(0);
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect10 .info h3 {
  color: #fff;
  font-size: 22px; }

.ih-item.circle.effect10 .info p {
  color: #bbb;
  font-style: italic;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5); }

.ih-item.circle.effect10 a:hover .info {
  visibility: visible;
  opacity: 1;
  transform: scale(1); }

.ih-item.circle.effect10.top_to_bottom .info h3 {
  margin: 0 30px;
  padding: 25px 0 0;
  height: 78px; }

.ih-item.circle.effect10.top_to_bottom .info p {
  margin: 0 30px;
  padding: 5px; }

.ih-item.circle.effect10.top_to_bottom a:hover .img {
  transform: translateY(50px) scale(0.5); }

.ih-item.circle.effect10.bottom_to_top .info h3 {
  margin: 95px 30px 0;
  padding: 25px 0 0;
  height: 78px; }

.ih-item.circle.effect11 .info h3,
.ih-item.circle.effect12 .info h3,
.ih-item.circle.effect13 .info h3,
.ih-item.circle.effect14 .info h3,
.ih-item.circle.effect15 .info h3,
.ih-item.circle.effect16 .info h3 {
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
  margin: 0 30px; }

.ih-item.circle.effect10.bottom_to_top .info p {
  margin: 0 30px;
  padding: 5px; }

.ih-item.circle.effect10.bottom_to_top a:hover .img {
  transform: translateY(-50px) scale(0.5); }

.ih-item.circle.effect11 .img {
  opacity: 1;
  transform-origin: 50% 50%;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect11.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect11 .info {
  background: #333;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease 0.35s; }

.ih-item.circle.effect11 .info h3 {
  color: #fff;
  font-size: 22px;
  padding: 55px 0 0; }

.ih-item.circle.effect11 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px; }

.ih-item.circle.effect11 a:hover .img {
  opacity: 0; }

.ih-item.circle.effect11 a:hover .info {
  visibility: visible;
  opacity: 1; }

.ih-item.circle.effect11.left_to_right .img {
  transform: translateZ(0) rotateY(0); }

.ih-item.circle.effect11.left_to_right .info {
  transform: translateZ(-1000px) rotateY(-90deg); }

.ih-item.circle.effect11.left_to_right a:hover .img {
  transform: translateZ(-1000px) rotateY(90deg); }

.ih-item.circle.effect11.left_to_right a:hover .info,
.ih-item.circle.effect11.right_to_left .img {
  transform: translateZ(0) rotateY(0); }

.ih-item.circle.effect11.right_to_left .info {
  transform: translateZ(-1000px) rotateY(90deg); }

.ih-item.circle.effect11.right_to_left a:hover .img {
  transform: translateZ(-1000px) rotateY(-90deg); }

.ih-item.circle.effect11.right_to_left a:hover .info {
  transform: translateZ(0) rotateY(0); }

.ih-item.circle.effect11.top_to_bottom .img {
  transform: translateZ(0) rotateX(0); }

.ih-item.circle.effect11.top_to_bottom .info {
  transform: translateZ(-1000px) rotateX(90deg); }

.ih-item.circle.effect11.top_to_bottom a:hover .img {
  transform: translateZ(-1000px) rotateX(-90deg); }

.ih-item.circle.effect11.bottom_to_top .img,
.ih-item.circle.effect11.top_to_bottom a:hover .info {
  transform: translateZ(0) rotateX(0); }

.ih-item.circle.effect11.bottom_to_top .info {
  transform: translateZ(-1000px) rotateX(-90deg); }

.ih-item.circle.effect11.bottom_to_top a:hover .img {
  transform: translateZ(-1000px) rotateX(90deg); }

.ih-item.circle.effect11.bottom_to_top a:hover .info {
  transform: translateZ(0) rotateX(0); }

.ih-item.circle.effect12 .img {
  opacity: 1;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect12.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect12 .info {
  background: #333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(0.5);
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect12 .info h3 {
  color: #fff;
  font-size: 22px;
  padding: 55px 0 0; }

.ih-item.circle.effect12 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px; }

.ih-item.circle.effect12 a:hover .img {
  opacity: 0;
  pointer-events: none; }

.ih-item.circle.effect12 a:hover .info {
  opacity: 1;
  visibility: visible; }

.ih-item.circle.effect12.left_to_right .img {
  transform: translateX(0) rotate(0); }

.ih-item.circle.effect12.left_to_right .info,
.ih-item.circle.effect12.left_to_right a:hover .img {
  transform: translateX(100%) rotate(180deg); }

.ih-item.circle.effect12.left_to_right a:hover .info {
  transform: translateX(0) rotate(0);
  transition-delay: 0.4s; }

.ih-item.circle.effect12.right_to_left .img {
  transform: translateX(0) rotate(0); }

.ih-item.circle.effect12.right_to_left .info,
.ih-item.circle.effect12.right_to_left a:hover .img {
  transform: translateX(-100%) rotate(-180deg); }

.ih-item.circle.effect12.right_to_left a:hover .info {
  transform: translateX(0) rotate(0);
  transition-delay: 0.4s; }

.ih-item.circle.effect12.top_to_bottom .img {
  transform: translateY(0) rotate(0); }

.ih-item.circle.effect12.top_to_bottom .info,
.ih-item.circle.effect12.top_to_bottom a:hover .img {
  transform: translateY(-100%) rotate(-180deg); }

.ih-item.circle.effect12.top_to_bottom a:hover .info {
  transform: translateY(0) rotate(0);
  transition-delay: 0.4s; }

.ih-item.circle.effect12.bottom_to_top .img {
  transform: translateY(0) rotate(0); }

.ih-item.circle.effect12.bottom_to_top .info,
.ih-item.circle.effect12.bottom_to_top a:hover .img {
  transform: translateY(100%) rotate(180deg); }

.ih-item.circle.effect12.bottom_to_top a:hover .info {
  transform: translateY(0) rotate(0);
  transition-delay: 0.4s; }

.ih-item.circle.effect13.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6); }

.ih-item.circle.effect13 .info {
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect13 .info h3 {
  visibility: hidden;
  color: #fff;
  font-size: 22px;
  padding: 55px 0 0;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect13 .info p {
  visibility: hidden;
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect13 a:hover .info {
  opacity: 1; }

.ih-item.circle.effect13 a:hover h3,
.ih-item.circle.effect13 a:hover p {
  visibility: visible; }

.ih-item.circle.effect13.from_left_and_right .info h3 {
  transform: translateX(-100%); }

.ih-item.circle.effect13.from_left_and_right .info p {
  transform: translateX(100%); }

.ih-item.circle.effect13.from_left_and_right a:hover h3,
.ih-item.circle.effect13.from_left_and_right a:hover p {
  transform: translateX(0); }

.ih-item.circle.effect13.top_to_bottom .info h3,
.ih-item.circle.effect13.top_to_bottom .info p {
  transform: translateY(-100%); }

.ih-item.circle.effect13.top_to_bottom a:hover h3,
.ih-item.circle.effect13.top_to_bottom a:hover p {
  transform: translateY(0); }

.ih-item.circle.effect13.bottom_to_top .info h3,
.ih-item.circle.effect13.bottom_to_top .info p {
  transform: translateY(100%); }

.ih-item.circle.effect13.bottom_to_top a:hover h3,
.ih-item.circle.effect13.bottom_to_top a:hover p {
  transform: translateY(0); }

.ih-item.circle.effect14 .img {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s ease-out; }

.ih-item.circle.effect14.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect14 .info {
  background: #333;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease-in-out 0.3s; }

.ih-item.circle.effect14 .info h3 {
  color: #fff;
  font-size: 22px;
  padding: 55px 0 0; }

.ih-item.circle.effect14 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px; }

.ih-item.circle.effect14 a:hover .img {
  opacity: 0;
  visibility: hidden; }

.ih-item.circle.effect14 a:hover .info {
  visibility: visible;
  opacity: 1; }

.ih-item.circle.effect14.left_to_right .img {
  transform: rotateY(0);
  transform-origin: 100% 50%; }

.ih-item.circle.effect14.left_to_right .info {
  transform: rotateY(90deg);
  transform-origin: 0 50%; }

.ih-item.circle.effect14.left_to_right a:hover .img {
  transform: rotateY(-90deg); }

.ih-item.circle.effect14.left_to_right a:hover .info {
  transform: rotateY(0); }

.ih-item.circle.effect14.right_to_left .img {
  transform: rotateY(0);
  transform-origin: 0 50%; }

.ih-item.circle.effect14.right_to_left .info {
  transform: rotateY(-90deg);
  transform-origin: 100% 50%; }

.ih-item.circle.effect14.right_to_left a:hover .img {
  transform: rotateY(90deg); }

.ih-item.circle.effect14.right_to_left a:hover .info {
  transform: rotateY(0); }

.ih-item.circle.effect14.top_to_bottom .img {
  transform: rotateX(0);
  transform-origin: 50% 100%; }

.ih-item.circle.effect14.top_to_bottom .info {
  transform: rotateX(-90deg);
  transform-origin: 50% 0; }

.ih-item.circle.effect14.top_to_bottom a:hover .img {
  transform: rotateX(90deg); }

.ih-item.circle.effect14.top_to_bottom a:hover .info {
  transform: rotateX(0); }

.ih-item.circle.effect14.bottom_to_top .img {
  transform: rotateX(0);
  transform-origin: 50% 0; }

.ih-item.circle.effect14.bottom_to_top .info {
  transform: rotateX(90deg);
  transform-origin: 50% 100%; }

.ih-item.circle.effect14.bottom_to_top a:hover .img {
  transform: rotateX(-90deg); }

.ih-item.circle.effect14.bottom_to_top a:hover .info {
  transform: rotateX(0); }

.ih-item.circle.effect15 .img {
  opacity: 1;
  visibility: visible;
  transform: scale(1) rotate(0);
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect15.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect15 .info {
  background: #333;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5) rotate(-720deg);
  transition: all 0.35s ease-in-out 0.3s; }

.ih-item.circle.effect15 .info h3 {
  color: #fff;
  font-size: 22px;
  padding: 55px 0 0; }

.ih-item.circle.effect15 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px; }

.ih-item.circle.effect15 a:hover .img {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5) rotate(720deg); }

.ih-item.circle.effect15 a:hover .info {
  opacity: 1;
  visibility: visible;
  transform: scale(1) rotate(0); }

.ih-item.circle.effect16 .img {
  z-index: 11;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect16.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect16 .info {
  background: #333;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect16 .info h3 {
  color: #fff;
  font-size: 22px;
  padding: 55px 0 0; }

.ih-item.circle.effect16 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect16.left_to_right .img:after,
.ih-item.circle.effect16.right_to_left .img:after {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 40%;
  margin: -4px 0 0 -4px;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  content: ""; }

.ih-item.circle.effect16.left_to_right .img {
  transform-origin: 95% 40%; }

.ih-item.circle.effect16.left_to_right .img:after {
  left: 95%; }

.ih-item.circle.effect16.left_to_right a:hover .img {
  transform: rotate(-120deg); }

.ih-item.circle.effect16.right_to_left .img {
  transform-origin: 5% 40%; }

.ih-item.circle.effect16.right_to_left .img:after {
  left: 5%; }

.ih-item.circle.effect17 .info h3,
.ih-item.circle.effect18 .info h3,
.ih-item.circle.effect20 .info h3 {
  position: relative;
  letter-spacing: 2px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
  text-transform: uppercase; }

.ih-item.circle.effect16.right_to_left a:hover .img {
  transform: rotate(120deg); }

.ih-item.circle.effect17 .info {
  opacity: 0;
  transform: scale(0);
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect17 .info h3 {
  color: #fff;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0;
  height: 110px; }

.ih-item.circle.effect17 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px;
  opacity: 0;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect17 a:hover .img:before {
  box-shadow: inset 0 0 0 110px #333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); }

.ih-item.circle.effect17 a:hover .info {
  opacity: 1;
  transform: scale(1); }

.ih-item.circle.effect17 a:hover .info p {
  opacity: 1; }

.ih-item.circle.effect17.colored a:hover .img:before {
  box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 110px rgba(26, 74, 114, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); }

.ih-item.circle.effect18 .img {
  z-index: 11;
  transition: all 0.5s ease-in-out; }

.ih-item.circle.effect18.colored .info .info-back {
  background: #1a4a72; }

.ih-item.circle.effect18 .info {
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.ih-item.circle.effect18 .info .info-back {
  opacity: 1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #333; }

.ih-item.circle.effect18 .info h3 {
  color: #fff;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0;
  height: 110px; }

.ih-item.circle.effect18 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px; }

.ih-item.circle.effect18.bottom_to_top .img {
  transform-origin: 50% 0; }

.ih-item.circle.effect18.bottom_to_top a:hover .img {
  transform: rotate3d(1, 0, 0, 180deg); }

.ih-item.circle.effect18.top_to_bottom .img {
  transform-origin: 50% 100%; }

.ih-item.circle.effect18.top_to_bottom a:hover .img {
  transform: rotate3d(1, 0, 0, -180deg); }

.ih-item.circle.effect18.left_to_right .img {
  transform-origin: 100% 50%; }

.ih-item.circle.effect18.left_to_right a:hover .img {
  transform: rotate3d(0, 1, 0, 180deg); }

.ih-item.circle.effect18.right_to_left .img {
  transform-origin: 0 50%; }

.ih-item.circle.effect18.right_to_left a:hover .img {
  transform: rotate3d(0, 1, 0, -180deg); }

.ih-item.circle.effect19.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6); }

.ih-item.circle.effect19 .info {
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transform: scale(0);
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect19 .info h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 45px 0 0;
  height: 140px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }

.ih-item.circle.effect19 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px; }

.ih-item.circle.effect19 a:hover .info {
  opacity: 1;
  transform: scale(1); }

.ih-item.circle.effect20 .img,
.ih-item.circle.effect20 .info .info-back {
  transition: all 0.35s linear;
  transform-origin: 50% 0; }

.ih-item.circle.effect20.colored .info .info-back {
  background: #1a4a72; }

.ih-item.circle.effect20 .info {
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.ih-item.circle.effect20 .info .info-back {
  opacity: 1;
  visibility: hidden;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #333;
  backface-visibility: hidden; }

.ih-item.circle.effect20 .info h3 {
  color: #fff;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0;
  height: 110px; }

.ih-item.circle.effect20 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px; }

.ih-item.circle.effect20 a:hover .img {
  opacity: 0; }

.ih-item.circle.effect20 a:hover .info .info-back {
  opacity: 1;
  visibility: visible; }

.ih-item.circle.effect20.top_to_bottom .info .info-back {
  transform: translate3d(0, 0, -250px) rotate3d(1, 0, 0, 90deg); }

.ih-item.circle.effect20.top_to_bottom a:hover .img {
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); }

.ih-item.circle.effect20.top_to_bottom a:hover .info .info-back {
  transform: rotate3d(1, 0, 0, 0deg); }

.ih-item.circle.effect20.bottom_to_top .info .info-back {
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); }

.ih-item.circle.effect20.bottom_to_top a:hover .img {
  transform: translate3d(0, 0, -250px) rotate3d(1, 0, 0, 90deg); }

.ih-item.circle.effect20.bottom_to_top a:hover .info .info-back {
  transform: rotate3d(1, 0, 0, 0deg); }

.ih-item.square.effect1 {
  overflow: hidden; }

.ih-item.square.effect1.colored .info {
  background: #1a4a72; }

.ih-item.square.effect1 .img {
  z-index: 11;
  position: absolute;
  transition: all 0.35s ease-in-out;
  transform: scale(1); }

.ih-item.square.effect1 .info {
  background: #333;
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  transition: all 0.35s ease-in-out; }

.ih-item.square.effect1 a:hover .info {
  visibility: visible;
  opacity: 1;
  transform: scale(1); }

.ih-item.square.effect1.left_and_right .info h3 {
  position: absolute;
  top: 12px;
  left: 12px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  margin: 0; }

.ih-item.square.effect1.left_and_right .info p {
  position: absolute;
  right: 12px;
  bottom: 12px;
  margin: 0;
  font-style: italic;
  font-size: 12px;
  color: #bbb; }

.ih-item.square.effect1.left_and_right a:hover .img {
  transform: scale(0.6); }

.ih-item.square.effect1.top_to_bottom .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px 10px 0 4px;
  margin: 10px 0 0; }

.ih-item.square.effect1.top_to_bottom .info p {
  font-style: italic;
  font-size: 12px;
  color: #bbb;
  padding: 5px;
  text-align: center; }

.ih-item.square.effect1.top_to_bottom a:hover .img {
  transform: translateY(30px) scale(0.6); }

.ih-item.square.effect1.bottom_to_top .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px 10px 0 4px;
  margin: 134px 0 0; }

.ih-item.square.effect1.bottom_to_top .info p {
  font-style: italic;
  font-size: 12px;
  color: #bbb;
  padding: 5px;
  text-align: center; }

.ih-item.square.effect1.bottom_to_top a:hover .img {
  transform: translateY(-30px) scale(0.6); }

.ih-item.square.effect2 {
  overflow: hidden; }

.ih-item.square.effect2.colored .info {
  background: #1a4a72; }

.ih-item.square.effect2.colored .info h3 {
  background: rgba(12, 34, 52, 0.6); }

.ih-item.square.effect2 .img {
  opacity: 1;
  transition: all 0.5s ease-in-out;
  transform: rotate(0) scale(1); }

.ih-item.square.effect2 .info {
  background: #333;
  visibility: hidden;
  transition: all 0.35s 0.3s ease-in-out; }

.ih-item.square.effect2 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111;
  margin: 30px 0 0;
  transform: translateY(-200px);
  transition: all 0.35s 0.6s ease-in-out; }

.ih-item.square.effect2 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px;
  text-align: center;
  transform: translateY(-200px);
  transition: all 0.35s 0.5s linear; }

.ih-item.square.effect3 .img,
.ih-item.square.effect3 .info,
.ih-item.square.effect4 .img {
  transition: all 0.35s ease-in-out; }

.ih-item.square.effect2 a:hover .img {
  transform: rotate(720deg) scale(0);
  opacity: 0; }

.ih-item.square.effect2 a:hover .info {
  visibility: visible; }

.ih-item.square.effect2 a:hover .info h3,
.ih-item.square.effect2 a:hover .info p {
  transform: translateY(0); }

.ih-item.square.effect3 {
  overflow: hidden; }

.ih-item.square.effect3.colored .info {
  background: #1a4a72; }

.ih-item.square.effect3 .img {
  transform: translateY(0); }

.ih-item.square.effect3 .info {
  height: 65px;
  background: #333;
  opacity: 0; }

.ih-item.square.effect3 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px 10px 0 4px;
  margin: 4px 0 0; }

.ih-item.square.effect3 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 5px;
  text-align: center; }

.ih-item.square.effect3 a:hover .info {
  visibility: visible;
  opacity: 1; }

.ih-item.square.effect3.bottom_to_top .info {
  top: auto;
  transform: translateY(100%); }

.ih-item.square.effect3.bottom_to_top a:hover .img {
  transform: translateY(-50px); }

.ih-item.square.effect3.bottom_to_top a:hover .info {
  transform: translateY(0); }

.ih-item.square.effect3.top_to_bottom .info {
  bottom: auto;
  transform: translateY(-100%); }

.ih-item.square.effect3.top_to_bottom a:hover .img {
  transform: translateY(50px); }

.ih-item.square.effect3.top_to_bottom a:hover .info {
  transform: translateY(0); }

.ih-item.square.effect4 {
  overflow: hidden;
  position: relative; }

.ih-item.square.effect4.colored .info {
  background: rgba(12, 34, 52, 0.6); }

.ih-item.square.effect4.colored .mask1,
.ih-item.square.effect4.colored .mask2 {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6); }

.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
  position: absolute;
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  height: 361px;
  width: 361px;
  transition: all 0.35s ease-in-out; }

.ih-item.square.effect4 .mask1 {
  left: auto;
  right: 0;
  top: 0;
  transform: rotate(56.5deg) translateX(-180px);
  transform-origin: 100% 0; }

.ih-item.square.effect4 .mask2 {
  top: auto;
  bottom: 0;
  left: 0;
  transform: rotate(56.5deg) translateX(180px);
  transform-origin: 0 100%; }

.ih-item.square.effect4 .info {
  background: #111;
  height: 0;
  visibility: hidden;
  width: 361px;
  transform: rotate(-33.5deg) translate(-112px, 166px);
  transform-origin: 0 100%;
  transition: all 0.35s ease-in-out 0.35s; }

.ih-item.square.effect4 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: 0 0;
  margin-top: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: all 0.35s ease-in-out 0.35s; }

.ih-item.square.effect5 .info h3,
.ih-item.square.effect6 .info h3,
.ih-item.square.effect7 .info h3,
.ih-item.square.effect8 .info h3 {
  margin: 30px 0 0;
  text-transform: uppercase;
  text-align: center; }

.ih-item.square.effect4 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px;
  text-align: center;
  opacity: 0;
  transition: all 0.35s ease-in-out 0.35s; }

.ih-item.square.effect4 a:hover .mask1 {
  transform: rotate(56.5deg) translateX(1px); }

.ih-item.square.effect4 a:hover .mask2 {
  transform: rotate(56.5deg) translateX(-1px); }

.ih-item.square.effect4 a:hover .info {
  width: 300px;
  height: 120px;
  visibility: visible;
  top: 40px;
  transform: rotate(0) translate(0, 0); }

.ih-item.square.effect4 a:hover .info h3,
.ih-item.square.effect4 a:hover .info p {
  opacity: 1; }

.ih-item.square.effect5.colored .info {
  background: #1a4a72; }

.ih-item.square.effect5.colored .info h3 {
  background: rgba(12, 34, 52, 0.6); }

.ih-item.square.effect5 .img {
  transition: all 0.35s ease-in-out;
  transform: scale(1); }

.ih-item.square.effect5 .info {
  background: #333;
  opacity: 0;
  transition: all 0.35s ease-in-out; }

.ih-item.square.effect5 .info h3 {
  color: #fff;
  font-size: 17px;
  padding: 10px;
  background: #111; }

.ih-item.square.effect5 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px;
  text-align: center; }

.ih-item.square.effect5 a:hover .img {
  transform: scale(0);
  transition-delay: 0; }

.ih-item.square.effect5 a:hover .info {
  visibility: visible;
  opacity: 1;
  transform: scale(1) rotate(0);
  transition-delay: 0.3s; }

.ih-item.square.effect5.left_to_right .info {
  transform: scale(0) rotate(-180deg); }

.ih-item.square.effect5.right_to_left .info {
  transform: scale(0) rotate(180deg); }

.ih-item.square.effect6 {
  overflow: hidden; }

.ih-item.square.effect6.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6); }

.ih-item.square.effect6.colored .info h3 {
  background: rgba(12, 34, 52, 0.6); }

.ih-item.square.effect6 .img {
  transition: all 0.35s ease-in-out;
  transform: scale(1); }

.ih-item.square.effect6 .info {
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-in-out; }

.ih-item.square.effect6 .info h3 {
  color: #fff;
  font-size: 17px;
  padding: 10px;
  background: #111;
  transition: all 0.35s ease-in-out; }

.ih-item.square.effect6 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px;
  text-align: center;
  transition: all 0.35s 0.1s linear; }

.ih-item.square.effect6 a:hover .img {
  transform: scale(1.2); }

.ih-item.square.effect6 a:hover .info {
  visibility: visible;
  opacity: 1; }

.ih-item.square.effect6.from_top_and_bottom .info h3 {
  transform: translateY(-100%); }

.ih-item.square.effect6.from_top_and_bottom .info p {
  transform: translateY(100%); }

.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
  transform: translateY(0); }

.ih-item.square.effect6.from_left_and_right .info h3 {
  transform: translateX(-100%); }

.ih-item.square.effect6.from_left_and_right .info p {
  transform: translateX(100%); }

.ih-item.square.effect6.from_left_and_right a:hover .info h3,
.ih-item.square.effect6.from_left_and_right a:hover .info p {
  transform: translateX(0); }

.ih-item.square.effect6.top_to_bottom .info h3,
.ih-item.square.effect6.top_to_bottom .info p {
  transform: translateY(-100%); }

.ih-item.square.effect6.top_to_bottom a:hover .info h3,
.ih-item.square.effect6.top_to_bottom a:hover .info p {
  transform: translateY(0); }

.ih-item.square.effect6.bottom_to_top .info h3,
.ih-item.square.effect6.bottom_to_top .info p {
  transform: translateY(100%); }

.ih-item.square.effect6.bottom_to_top a:hover .info h3,
.ih-item.square.effect6.bottom_to_top a:hover .info p {
  transform: translateY(0); }

.ih-item.square.effect7 {
  overflow: hidden; }

.ih-item.square.effect7.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6); }

.ih-item.square.effect7.colored .info h3 {
  background: rgba(12, 34, 52, 0.6); }

.ih-item.square.effect7 .img {
  transition: all 0.35s ease-in-out;
  transform: scale(1); }

.ih-item.square.effect7 .info {
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-in-out; }

.ih-item.square.effect7 .info h3 {
  color: #fff;
  font-size: 17px;
  padding: 10px;
  background: #111;
  transform: scale(4);
  transition: all 0.35s 0.1s ease-in-out; }

.ih-item.square.effect7 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px;
  text-align: center;
  transform: scale(5);
  transition: all 0.35s 0.3s linear; }

.ih-item.square.effect7 a:hover .img {
  transform: scale(1.2); }

.ih-item.square.effect7 a:hover .info h3,
.ih-item.square.effect7 a:hover .info p,
.ih-item.square.effect8.scale_up .img {
  transform: scale(1); }

.ih-item.square.effect7 a:hover .info {
  visibility: visible;
  opacity: 1; }

.ih-item.square.effect8 {
  overflow: hidden; }

.ih-item.square.effect8.colored .info {
  background: #1a4a72; }

.ih-item.square.effect8.colored .info h3 {
  background: rgba(12, 34, 52, 0.6); }

.ih-item.square.effect8 .img {
  opacity: 1;
  transition: all 0.35s ease-in-out; }

.ih-item.square.effect8 .info {
  background: #333;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-in-out; }

.ih-item.square.effect8 .info h3 {
  color: #fff;
  font-size: 17px;
  padding: 10px;
  background: #111;
  transition: all 0.35s 0.1s ease-in-out; }

.ih-item.square.effect8 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px;
  text-align: center;
  transition: all 0.35s 0.15s linear; }

.ih-item.square.effect8 a:hover .img {
  opacity: 0; }

.ih-item.square.effect8 a:hover .info {
  visibility: visible;
  opacity: 1; }

.ih-item.square.effect8.scale_up .info,
.ih-item.square.effect8.scale_up .info h3,
.ih-item.square.effect8.scale_up .info p {
  transform: scale(0); }

.ih-item.square.effect8.scale_up a:hover .img {
  transform: scale(5); }

.ih-item.square.effect8.scale_down .img,
.ih-item.square.effect8.scale_up a:hover .info,
.ih-item.square.effect8.scale_up a:hover .info h3,
.ih-item.square.effect8.scale_up a:hover .info p {
  transform: scale(1); }

.ih-item.square.effect8.scale_down .info,
.ih-item.square.effect8.scale_down .info h3,
.ih-item.square.effect8.scale_down .info p {
  transform: scale(5); }

.ih-item.square.effect8.scale_down a:hover .img {
  transform: scale(0.5); }

.ih-item.square.effect8.scale_down a:hover .info,
.ih-item.square.effect8.scale_down a:hover .info h3,
.ih-item.square.effect8.scale_down a:hover .info p {
  transform: scale(1); }

.ih-item.square.effect9.colored .info .info-back {
  background: #1a4a72; }

.ih-item.square.effect9.colored .info h3 {
  background: rgba(12, 34, 52, 0.6); }

.ih-item.square.effect9 .img {
  position: relative;
  z-index: 11;
  transition: all 0.5s ease-in-out; }

.ih-item.square.effect10 .img,
.ih-item.square.effect10 .info,
.ih-item.square.effect11 .img {
  transition: all 0.35s ease-in-out; }

.ih-item.square.effect9 .info {
  z-index: 0;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.ih-item.square.effect9 .info .info-back {
  opacity: 1;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  background: #333; }

.ih-item.square.effect9 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111;
  margin: 0; }

.ih-item.square.effect10 .info h3,
.ih-item.square.effect11 .info h3,
.ih-item.square.effect12 .info h3,
.ih-item.square.effect13 .info h3,
.ih-item.square.effect14 .info h3,
.ih-item.square.effect15 .info h3 {
  margin: 30px 0 0;
  text-align: center;
  text-transform: uppercase; }

.ih-item.square.effect9 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px;
  text-align: center; }

.ih-item.square.effect9.left_to_right .img {
  transform-origin: 100% 50%; }

.ih-item.square.effect9.left_to_right a:hover .img {
  transform: rotate3d(0, 1, 0, 180deg); }

.ih-item.square.effect9.right_to_left .img {
  transform-origin: 0 50%; }

.ih-item.square.effect9.right_to_left a:hover .img {
  transform: rotate3d(0, 1, 0, -180deg); }

.ih-item.square.effect9.top_to_bottom .img {
  transform-origin: 50% 100%; }

.ih-item.square.effect9.top_to_bottom a:hover .img {
  transform: rotate3d(1, 0, 0, -180deg); }

.ih-item.square.effect9.bottom_to_top .img {
  transform-origin: 50% 0; }

.ih-item.square.effect9.bottom_to_top a:hover .img {
  transform: rotate3d(1, 0, 0, 180deg); }

.ih-item.square.effect10 {
  overflow: hidden; }

.ih-item.square.effect10.colored .info {
  background: #1a4a72; }

.ih-item.square.effect10.colored .info h3 {
  background: rgba(12, 34, 52, 0.6); }

.ih-item.square.effect10 .info {
  background: #333;
  visibility: hidden;
  opacity: 0; }

.ih-item.square.effect10 .info h3 {
  color: #fff;
  font-size: 17px;
  padding: 10px;
  background: #111; }

.ih-item.square.effect10 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px;
  text-align: center; }

.ih-item.square.effect10 a:hover .info {
  visibility: visible;
  opacity: 1; }

.ih-item.square.effect10.left_to_right .img {
  transform: translateX(0); }

.ih-item.square.effect10.left_to_right .info {
  transform: translateX(-100%); }

.ih-item.square.effect10.left_to_right a:hover .img {
  transform: translateX(100%); }

.ih-item.square.effect10.left_to_right a:hover .info,
.ih-item.square.effect10.right_to_left .img {
  transform: translateX(0); }

.ih-item.square.effect10.right_to_left .info {
  transform: translateX(100%); }

.ih-item.square.effect10.right_to_left a:hover .img {
  transform: translateX(-100%); }

.ih-item.square.effect10.right_to_left a:hover .info {
  transform: translateX(0); }

.ih-item.square.effect10.top_to_bottom .img {
  transform: translateY(0); }

.ih-item.square.effect10.top_to_bottom .info {
  transform: translateY(-100%); }

.ih-item.square.effect10.top_to_bottom a:hover .img {
  transform: translateY(100%); }

.ih-item.square.effect10.bottom_to_top .img,
.ih-item.square.effect10.top_to_bottom a:hover .info {
  transform: translateY(0); }

.ih-item.square.effect10.bottom_to_top .info {
  transform: translateY(100%); }

.ih-item.square.effect10.bottom_to_top a:hover .img {
  transform: translateY(-100%); }

.ih-item.square.effect10.bottom_to_top a:hover .info {
  transform: translateY(0); }

.ih-item.square.effect11 {
  overflow: hidden; }

.ih-item.square.effect11.colored .info {
  background: #1a4a72; }

.ih-item.square.effect11.colored .info h3 {
  background: rgba(12, 34, 52, 0.6); }

.ih-item.square.effect11 .img {
  opacity: 1;
  transform: scale(1); }

.ih-item.square.effect11 .info {
  background: #333;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease 0.2s; }

.ih-item.square.effect11 .info h3 {
  color: #fff;
  font-size: 17px;
  padding: 10px;
  background: #111; }

.ih-item.square.effect11 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px;
  text-align: center; }

.ih-item.square.effect11 a:hover .img {
  opacity: 0;
  transform: scale(0.5); }

.ih-item.square.effect11 a:hover .info {
  visibility: visible;
  opacity: 1; }

.ih-item.square.effect11.left_to_right .info {
  transform: translateX(-100%); }

.ih-item.square.effect11.left_to_right a:hover .info {
  transform: translateX(0); }

.ih-item.square.effect11.right_to_left .info {
  transform: translateX(100%); }

.ih-item.square.effect11.right_to_left a:hover .info {
  transform: translateX(0); }

.ih-item.square.effect11.top_to_bottom .info {
  transform: translateY(-100%); }

.ih-item.square.effect11.top_to_bottom a:hover .info {
  transform: translateY(0); }

.ih-item.square.effect11.bottom_to_top .info {
  transform: translateY(100%); }

.ih-item.square.effect11.bottom_to_top a:hover .info {
  transform: translateY(0); }

.ih-item.square.effect12 {
  overflow: hidden; }

.ih-item.square.effect12.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6); }

.ih-item.square.effect12.colored .info h3 {
  background: rgba(12, 34, 52, 0.6); }

.ih-item.square.effect12 .img {
  transition: all 0.35s ease-in; }

.ih-item.square.effect12 .info {
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-in; }

.ih-item.square.effect12 .info h3 {
  color: #fff;
  font-size: 17px;
  padding: 10px;
  background: #111;
  transition: all 0.35s ease-in; }

.ih-item.square.effect12 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px;
  text-align: center;
  transition: all 0.35s ease-in; }

.ih-item.square.effect12 a:hover .info {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.2s; }

.ih-item.square.effect12 a:hover .info h3 {
  transition-delay: 0.3s; }

.ih-item.square.effect12 a:hover .info p {
  transition-delay: 0.25s; }

.ih-item.square.effect12.left_to_right .info {
  transform: translate(-460px, -100px) rotate(-180deg); }

.ih-item.square.effect12.left_to_right .info h3 {
  transform: translateY(-100px); }

.ih-item.square.effect12.left_to_right .info p {
  transform: translateX(-300px) rotate(-90deg); }

.ih-item.square.effect12.left_to_right a:hover .info {
  transform: translate(0, 0); }

.ih-item.square.effect12.left_to_right a:hover .info h3 {
  transform: translateY(0); }

.ih-item.square.effect12.left_to_right a:hover .info p {
  transform: translateX(0) rotate(0); }

.ih-item.square.effect12.right_to_left .info {
  transform: translate(460px, -100px) rotate(180deg); }

.ih-item.square.effect12.right_to_left .info h3 {
  transform: translateY(-100px); }

.ih-item.square.effect12.right_to_left .info p {
  transform: translateX(300px) rotate(90deg); }

.ih-item.square.effect12.right_to_left a:hover .info {
  transform: translate(0, 0); }

.ih-item.square.effect12.right_to_left a:hover .info h3 {
  transform: translateY(0); }

.ih-item.square.effect12.right_to_left a:hover .info p {
  transform: translateX(0) rotate(0); }

.ih-item.square.effect12.top_to_bottom .info {
  transform: translate(-265px, -145px) rotate(-45deg); }

.ih-item.square.effect12.top_to_bottom .info h3,
.ih-item.square.effect12.top_to_bottom .info p {
  transform: translate(200px, -200px); }

.ih-item.square.effect12.top_to_bottom a:hover .info {
  transform: translate(0, 0);
  transition-delay: 0.2s; }

.ih-item.square.effect12.top_to_bottom a:hover .info h3 {
  transform: translate(0, 0);
  transition-delay: 0.3s; }

.ih-item.square.effect12.top_to_bottom a:hover .info p {
  transform: translate(0, 0);
  transition-delay: 0.4s; }

.ih-item.square.effect12.bottom_to_top .info {
  transform: translate(265px, 145px) rotate(45deg); }

.ih-item.square.effect12.bottom_to_top .info h3 {
  transform: translate(200px, -200px); }

.ih-item.square.effect12.bottom_to_top .info p {
  transform: translate(-200px, 200px); }

.ih-item.square.effect12.bottom_to_top a:hover .info {
  transform: translate(0, 0);
  transition-delay: 0.2s; }

.ih-item.square.effect12.bottom_to_top a:hover .info h3 {
  transform: translate(0, 0);
  transition-delay: 0.3s; }

.ih-item.square.effect12.bottom_to_top a:hover .info p {
  transform: translate(0, 0);
  transition-delay: 0.4s; }

.ih-item.square.effect13 {
  overflow: hidden; }

.ih-item.square.effect13.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6); }

.ih-item.square.effect13.colored .info h3 {
  background: rgba(12, 34, 52, 0.6); }

.ih-item.square.effect13 .img {
  transition: all 0.35s ease-in-out;
  transform: scale(1); }

.ih-item.square.effect13 .info {
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s ease-in-out; }

.ih-item.square.effect13 .info h3 {
  color: #fff;
  font-size: 17px;
  padding: 10px;
  background: #111; }

.ih-item.square.effect13 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px;
  text-align: center; }

.ih-item.square.effect13 a:hover .img {
  transform: scale(1.2); }

.ih-item.square.effect13 a:hover .info {
  visibility: visible;
  opacity: 1; }

.ih-item.square.effect13.left_to_right .info {
  transform: translateX(-100%); }

.ih-item.square.effect13.left_to_right a:hover .info {
  transform: translateX(0); }

.ih-item.square.effect13.right_to_left .info {
  transform: translateX(100%); }

.ih-item.square.effect13.right_to_left a:hover .info {
  transform: translateX(0); }

.ih-item.square.effect13.top_to_bottom .info {
  transform: translateY(-100%); }

.ih-item.square.effect13.top_to_bottom a:hover .info {
  transform: translateY(0); }

.ih-item.square.effect13.bottom_to_top .info {
  transform: translateY(100%); }

.ih-item.square.effect13.bottom_to_top a:hover .info {
  transform: translateY(0); }

.ih-item.square.effect14.colored .info {
  background: #1a4a72; }

.ih-item.square.effect14.colored .info h3 {
  background: rgba(12, 34, 52, 0.6); }

.ih-item.square.effect14 .img {
  opacity: 1;
  transition: all 0.35s ease-in-out; }

.ih-item.square.effect14 .info,
.ih-item.square.effect14 a:hover .img {
  opacity: 0;
  transform: scale(0.5);
  pointer-events: none; }

.ih-item.square.effect14 .info {
  background: #333;
  visibility: hidden;
  transition: all 0.35s ease 0.2s; }

.ih-item.square.effect14 .info h3 {
  color: #fff;
  font-size: 17px;
  padding: 10px;
  background: #111; }

.ih-item.square.effect14 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px;
  text-align: center; }

.ih-item.square.effect14 a:hover .info {
  visibility: visible;
  opacity: 1;
  transform: scale(1); }

.ih-item.square.effect14.left_to_right .img {
  transform: translateX(0) rotate(0); }

.ih-item.square.effect14.left_to_right a:hover .img {
  transform: translateX(100%) rotate(180deg); }

.ih-item.square.effect14.right_to_left .img {
  transform: translateX(0) rotate(0); }

.ih-item.square.effect14.right_to_left a:hover .img {
  transform: translateX(-100%) rotate(-180deg); }

.ih-item.square.effect14.top_to_bottom .img {
  transform: translateY(0); }

.ih-item.square.effect14.top_to_bottom a:hover .img {
  transform: translateY(-100%); }

.ih-item.square.effect14.bottom_to_top .img {
  transform: translateY(0); }

.ih-item.square.effect14.bottom_to_top a:hover .img {
  transform: translateY(100%); }

.ih-item.square.effect15 {
  overflow: hidden;
  perspective: 900px; }

.ih-item.square.effect15.colored .info {
  background: #1a4a72; }

.ih-item.square.effect15 .img {
  opacity: 1;
  transition: all 0.4s ease-in-out; }

.ih-item.square.effect15 .info {
  background: #333;
  opacity: 0;
  transition: all 0.35s ease-in-out 0.3s; }

.ih-item.square.effect15 .info h3 {
  color: #fff;
  font-size: 17px;
  padding: 10px;
  background: #111; }

.ih-item.square.effect15 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px;
  text-align: center; }

.ih-item.square.effect15 a:hover .img {
  opacity: 0;
  visibility: hidden; }

.ih-item.square.effect15 a:hover .info {
  visibility: visible;
  opacity: 1; }

.ih-item.square.effect15.left_to_right .img {
  transform: rotateY(0);
  transform-origin: 100% 50%; }

.ih-item.square.effect15.left_to_right .info {
  transform: rotateY(90deg);
  transform-origin: 0 50%; }

.ih-item.square.effect15.left_to_right a:hover .img {
  transform: rotateY(-90deg); }

.ih-item.square.effect15.left_to_right a:hover .info {
  transform: rotateY(0); }

.ih-item.square.effect15.right_to_left .img {
  transform: rotateY(0);
  transform-origin: 0 50%; }

.ih-item.square.effect15.right_to_left .info {
  transform: rotateY(-90deg);
  transform-origin: 100% 50%; }

.ih-item.square.effect15.right_to_left a:hover .img {
  transform: rotateY(90deg); }

.ih-item.square.effect15.right_to_left a:hover .info {
  transform: rotateY(0); }

.ih-item.square.effect15.top_to_bottom .img {
  transform: rotateX(0);
  transform-origin: 50% 100%; }

.ih-item.square.effect15.top_to_bottom .info {
  transform: rotateX(-90deg);
  transform-origin: 50% 0; }

.ih-item.square.effect15.top_to_bottom a:hover .img {
  transform: rotateX(90deg); }

.ih-item.square.effect15.top_to_bottom a:hover .info {
  transform: rotateX(0); }

.ih-item.square.effect15.bottom_to_top .img {
  transform: rotateX(0);
  transform-origin: 50% 0; }

.ih-item.square.effect15.bottom_to_top .info {
  transform: rotateX(90deg);
  transform-origin: 50% 100%; }

.ih-item.square.effect15.bottom_to_top a:hover .img {
  transform: rotateX(-90deg); }

.ih-item.square.effect15.bottom_to_top a:hover .info {
  transform: rotateX(0); }

.research-block .grid {
  position: relative;
  margin: 0 auto;
  padding: 0;
  max-width: 1000px;
  list-style: none;
  text-align: center; }

.research-block .grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: auto;
  height: auto;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
  min-height: 135px; }

.research-block .grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8; }

.research-block .grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  backface-visibility: hidden; }

.research-block .grid figure figcaption::after,
.research-block .grid figure figcaption::before {
  pointer-events: none; }

.research-block .grid figure figcaption,
.research-block .grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 135px; }

.research-block .grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0; }

.research-block .grid figure h2 {
  word-spacing: -0.3em;
  font-weight: 200; }

.research-block .grid figure h2 span {
  font-weight: 100; }

.research-block .grid figure h2,
.research-block .grid figure p {
  margin: 0; }

.research-block .grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%; }

.research-block figure.effect-lily img {
  max-width: none;
  width: calc(100% + 50px);
  opacity: 0.7;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(-40px, 0, 0); }

.research-block figure.effect-lily figcaption {
  text-align: left; }

.research-block figure.effect-lily figcaption > div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  height: 50%; }

.research-block figure.effect-lily h2,
.research-block figure.effect-lily p {
  transform: translate3d(0, 40px, 0); }

.research-block figure.effect-lily h2 {
  transition: transform 0.35s; }

.research-block figure.effect-lily p {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transition: opacity 0.2s, transform 0.35s; }

.research-block figure.effect-lily:hover img,
.research-block figure.effect-lily:hover p {
  opacity: 1; }

.research-block figure.effect-lily:hover h2,
.research-block figure.effect-lily:hover img,
.research-block figure.effect-lily:hover p {
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-lily:hover p {
  transition-delay: 50ms;
  transition-duration: 0.35s; }

.research-block figure.effect-sadie figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0, rgba(72, 76, 97, 0.8) 75%);
  content: "";
  opacity: 0;
  transform: translate3d(0, 50%, 0); }

.research-block figure.effect-sadie h2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #484c61;
  transition: transform 0.35s, color 0.35s;
  transform: translate3d(0, -50%, 0); }

.research-block figure.effect-roxy img,
.research-block figure.effect-roxy p,
.research-block figure.effect-sadie figcaption::before,
.research-block figure.effect-sadie p {
  transition: opacity 0.35s, transform 0.35s; }

.research-block figure.effect-sadie p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  opacity: 0;
  transform: translate3d(0, 10px, 0); }

.research-block figure.effect-sadie:hover h2 {
  color: #fff;
  transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); }

.research-block figure.effect-sadie:hover figcaption::before,
.research-block figure.effect-sadie:hover p {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-roxy {
  background: linear-gradient(45deg, #ff89e9 0, #05abe0 100%); }

.research-block figure.effect-roxy img {
  max-width: none;
  width: calc(100% + 60px);
  transform: translate3d(-50px, 0, 0); }

.research-block figure.effect-roxy figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: "";
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(-20px, 0, 0); }

.research-block figure.effect-roxy figcaption {
  padding: 3em;
  text-align: left; }

.research-block figure.effect-roxy h2 {
  padding: 30% 0 10px; }

.research-block figure.effect-roxy p {
  opacity: 0;
  transform: translate3d(-10px, 0, 0); }

.research-block figure.effect-roxy:hover img {
  opacity: 0.7;
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-roxy:hover figcaption::before,
.research-block figure.effect-roxy:hover p {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-bubba {
  background: #9e5406; }

.research-block figure.effect-bubba img {
  opacity: 0.7;
  transition: opacity 0.35s; }

.research-block figure.effect-bubba:hover img {
  opacity: 0.4; }

.research-block figure.effect-bubba figcaption::after,
.research-block figure.effect-bubba figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: "";
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s; }

.research-block figure.effect-bubba figcaption::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: scale(0, 1); }

.research-block figure.effect-bubba figcaption::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: scale(1, 0); }

.research-block figure.effect-bubba h2 {
  padding-top: 30%;
  transition: transform 0.35s;
  transform: translate3d(0, -20px, 0); }

.research-block figure.effect-bubba p {
  padding: 20px 2.5em;
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(0, 20px, 0); }

.research-block figure.effect-bubba:hover figcaption::after,
.research-block figure.effect-bubba:hover figcaption::before {
  opacity: 1;
  transform: scale(1); }

.research-block figure.effect-bubba:hover h2,
.research-block figure.effect-bubba:hover p {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-romeo {
  perspective: 1000px; }

.research-block figure.effect-romeo img {
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(0, 0, 300px); }

.research-block figure.effect-romeo:hover img {
  opacity: 0.6;
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-romeo figcaption::after,
.research-block figure.effect-romeo figcaption::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 1px;
  background: #fff;
  content: "";
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(-50%, -50%, 0); }

.research-block figure.effect-romeo:hover figcaption::before {
  opacity: 0.5;
  transform: translate3d(-50%, -50%, 0) rotate(45deg); }

.research-block figure.effect-romeo:hover figcaption::after {
  opacity: 0.5;
  transform: translate3d(-50%, -50%, 0) rotate(-45deg); }

.research-block figure.effect-romeo h2,
.research-block figure.effect-romeo p {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transition: transform 0.35s; }

.research-block figure.effect-romeo h2 {
  transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0); }

.research-block figure.effect-romeo p {
  padding: 0.25em 2em;
  transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0); }

.research-block figure.effect-romeo:hover h2 {
  transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0); }

.research-block figure.effect-romeo:hover p {
  transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0); }

.research-block figure.effect-layla {
  background: #111;
  max-height: 143px !important; }

.research-block figure.effect-layla figcaption {
  padding: 1em; }

.research-block figure.effect-layla figcaption::after,
.research-block figure.effect-layla figcaption::before {
  position: absolute;
  content: "";
  opacity: 0; }

.research-block figure.effect-layla figcaption::before {
  top: 10px;
  right: 5px;
  bottom: 10px;
  left: 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: scale(0, 1);
  transform-origin: 0 0; }

.research-block figure.effect-layla figcaption::after {
  top: 5px;
  right: 10px;
  bottom: 5px;
  left: 10px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: scale(1, 0);
  transform-origin: 100% 0; }

.research-block figure.effect-layla h2 {
  padding-top: 5%;
  transition: transform 0.35s;
  font-family: rubik, Helvetica, Tahoma, Geneva, Arial, sans-serif;
  font-weight: 500; }

.research-block figure.effect-layla p {
  padding: 0.5em 2em;
  text-transform: none;
  opacity: 0;
  transform: translate3d(0, -10px, 0);
  font-family: Oswald, sans-serif; }

.research-block figure.effect-layla h2,
.research-block figure.effect-layla img {
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-layla figcaption::after,
.research-block figure.effect-layla figcaption::before,
.research-block figure.effect-layla img,
.research-block figure.effect-layla p {
  transition: opacity 0.35s, transform 0.35s; }

.research-block figure.effect-layla:hover img {
  opacity: 0.3;
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-layla:hover figcaption::after,
.research-block figure.effect-layla:hover figcaption::before {
  opacity: 1;
  transform: scale(1); }

.research-block figure.effect-layla:hover h2,
.research-block figure.effect-layla:hover p {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-layla:hover figcaption::after,
.research-block figure.effect-layla:hover h2,
.research-block figure.effect-layla:hover img,
.research-block figure.effect-layla:hover p {
  transition-delay: 0.15s; }

.research-block figure.effect-honey {
  background: #4a3753; }

.research-block figure.effect-honey img {
  opacity: 0.9;
  transition: opacity 0.35s; }

.research-block figure.effect-honey:hover img {
  opacity: 0.5; }

.research-block figure.effect-honey figcaption::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: #fff;
  content: "";
  transform: translate3d(0, 10px, 0); }

.research-block figure.effect-honey h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1em 1.5em;
  width: 100%;
  text-align: left;
  transform: translate3d(0, -30px, 0); }

.research-block figure.effect-honey h2 i {
  font-style: normal;
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(0, -30px, 0); }

.research-block figure.effect-honey figcaption::before,
.research-block figure.effect-honey h2 {
  transition: transform 0.35s; }

.research-block figure.effect-honey:hover figcaption::before,
.research-block figure.effect-honey:hover h2,
.research-block figure.effect-honey:hover h2 i {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-oscar {
  background: linear-gradient(45deg, #22682a 0, #9b4a1b 40%, #3a342a 100%); }

.research-block figure.effect-oscar img {
  opacity: 0.9;
  transition: opacity 0.35s; }

.research-block figure.effect-oscar figcaption {
  padding: 3em;
  background-color: rgba(58, 52, 42, 0.7);
  transition: background-color 0.35s; }

.research-block figure.effect-oscar figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: ""; }

.research-block figure.effect-oscar h2 {
  margin: 20% 0 10px;
  transition: transform 0.35s;
  transform: translate3d(0, 100%, 0); }

.research-block figure.effect-oscar figcaption::before,
.research-block figure.effect-oscar p {
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  transform: scale(0); }

.research-block figure.effect-oscar:hover h2 {
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-oscar:hover figcaption::before,
.research-block figure.effect-oscar:hover p {
  opacity: 1;
  transform: scale(1); }

.research-block figure.effect-oscar:hover figcaption {
  background-color: rgba(58, 52, 42, 0); }

.research-block figure.effect-oscar:hover img {
  opacity: 0.4; }

.research-block figure.effect-marley figcaption {
  text-align: right; }

.research-block figure.effect-marley h2,
.research-block figure.effect-marley p {
  position: absolute;
  right: 30px;
  left: 30px;
  padding: 10px 0; }

.research-block figure.effect-marley p {
  bottom: 30px;
  line-height: 1.5;
  transform: translate3d(0, 100%, 0); }

.research-block figure.effect-marley h2 {
  top: 30px;
  transition: transform 0.35s;
  transform: translate3d(0, 20px, 0); }

.research-block figure.effect-marley:hover h2 {
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-marley h2::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 4px;
  background: #fff;
  content: "";
  transform: translate3d(0, 40px, 0); }

.research-block figure.effect-marley h2::after,
.research-block figure.effect-marley p {
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s; }

.research-block figure.effect-marley:hover h2::after,
.research-block figure.effect-marley:hover p {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-ruby {
  background-color: #17819c; }

.research-block figure.effect-ruby img {
  opacity: 0.7;
  transition: opacity 0.35s, transform 0.35s;
  transform: scale(1.15); }

.research-block figure.effect-ruby:hover img {
  opacity: 0.5;
  transform: scale(1); }

.research-block figure.effect-ruby h2 {
  margin-top: 20%;
  transition: transform 0.35s;
  transform: translate3d(0, 20px, 0); }

.research-block figure.effect-ruby p {
  margin: 1em 0 0;
  padding: 3em;
  border: 1px solid #fff;
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(0, 20px, 0) scale(1.1); }

.research-block figure.effect-ruby:hover h2 {
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-ruby:hover p {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1); }

.research-block figure.effect-milo {
  background: #2e5d5a; }

.research-block figure.effect-milo img {
  max-width: none;
  width: calc(100% + 60px);
  opacity: 1;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(-30px, 0, 0) scale(1.12);
  backface-visibility: hidden; }

.research-block figure.effect-milo:hover img {
  opacity: 0.5;
  transform: translate3d(0, 0, 0) scale(1); }

.research-block figure.effect-milo h2 {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1em 1.2em; }

.research-block figure.effect-milo p {
  padding: 0 10px 0 0;
  width: 50%;
  border-right: 1px solid #fff;
  text-align: right;
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(-40px, 0, 0); }

.research-block figure.effect-milo:hover p {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-dexter {
  background: linear-gradient(to bottom, #258dc8 0, #683c13 100%); }

.research-block figure.effect-dexter img {
  transition: opacity 0.35s; }

.research-block figure.effect-dexter:hover img {
  opacity: 0.4; }

.research-block figure.effect-dexter figcaption::after {
  position: absolute;
  right: 30px;
  bottom: 30px;
  left: 30px;
  height: calc(50% - 30px);
  border: 7px solid #fff;
  content: "";
  transition: transform 0.35s;
  transform: translate3d(0, -100%, 0); }

.research-block figure.effect-dexter:hover figcaption::after {
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-dexter figcaption {
  padding: 3em;
  text-align: left; }

.research-block figure.effect-dexter p {
  position: absolute;
  right: 60px;
  bottom: 60px;
  left: 60px;
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(0, -100px, 0); }

.research-block figure.effect-dexter:hover p {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-sarah {
  background: #42b078; }

.research-block figure.effect-sarah img {
  max-width: none;
  width: calc(100% + 20px);
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(-10px, 0, 0);
  backface-visibility: hidden; }

.research-block figure.effect-sarah:hover img {
  opacity: 0.4;
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-sarah figcaption {
  text-align: left; }

.research-block figure.effect-sarah h2 {
  position: relative;
  overflow: hidden;
  padding: 0.5em 0; }

.research-block figure.effect-sarah h2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  content: "";
  transition: transform 0.35s;
  transform: translate3d(-100%, 0, 0); }

.research-block figure.effect-sarah:hover h2::after {
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-sarah p {
  padding: 1em 0;
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(100%, 0, 0); }

.research-block figure.effect-sarah:hover p {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-zoe figcaption {
  top: auto;
  bottom: 0;
  padding: 1em;
  height: 3.75em;
  background: #fff;
  color: #3c4a50;
  transition: transform 0.35s;
  transform: translate3d(0, 100%, 0); }

.research-block figure.effect-zoe h2 {
  float: left;
  display: inline-block; }

.research-block figure.effect-zoe p.icon-links a {
  float: right;
  color: #3c4a50;
  font-size: 1.4em; }

.research-block figure.effect-zoe:hover p.icon-links a:focus,
.research-block figure.effect-zoe:hover p.icon-links a:hover {
  color: #252d31; }

.research-block figure.effect-zoe p.description {
  position: absolute;
  bottom: 8em;
  padding: 2em;
  color: #fff;
  text-transform: none;
  font-size: 90%;
  opacity: 0;
  transition: opacity 0.35s;
  -webkit-backface-visibility: hidden; }

.research-block figure.effect-zoe h2,
.research-block figure.effect-zoe p.icon-links a {
  transition: transform 0.35s;
  transform: translate3d(0, 200%, 0); }

.research-block figure.effect-zoe p.icon-links a span::before {
  display: inline-block;
  padding: 8px 10px;
  font-family: feathericons;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.research-block .icon-eye::before {
  content: "\e000"; }

.research-block .icon-paper-clip::before {
  content: "\e001"; }

.research-block .icon-heart::before {
  content: "\e024"; }

.research-block figure.effect-zoe:hover p.description {
  opacity: 1; }

.research-block figure.effect-zoe:hover figcaption,
.research-block figure.effect-zoe:hover h2,
.research-block figure.effect-zoe:hover p.icon-links a {
  transform: translate3d(0, 0, 0); }

.research-block figure.effect-zoe:hover h2 {
  transition-delay: 50ms; }

.research-block figure.effect-zoe:hover p.icon-links a:nth-child(3) {
  transition-delay: 0.1s; }

.research-block figure.effect-zoe:hover p.icon-links a:nth-child(2) {
  transition-delay: 0.15s; }

.research-block figure.effect-zoe:hover p.icon-links a:first-child {
  transition-delay: 0.2s; }

.research-block figure.effect-chico img {
  transition: opacity 0.35s, transform 0.35s;
  transform: scale(1.12); }

.research-block figure.effect-chico:hover img {
  opacity: 0.5;
  transform: scale(1); }

.research-block figure.effect-chico figcaption {
  padding: 3em; }

.research-block figure.effect-chico figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: "";
  transform: scale(1.1); }

.research-block figure.effect-chico figcaption::before,
.research-block figure.effect-chico p {
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s; }

.research-block figure.effect-chico h2 {
  padding: 20% 0 20px; }

.research-block figure.effect-chico p {
  margin: 0 auto;
  max-width: 200px;
  transform: scale(1.5); }

.research-block figure.effect-chico:hover figcaption::before,
.research-block figure.effect-chico:hover p {
  opacity: 1;
  transform: scale(1); }

@media screen and (max-width: 50em) {
  .research-block .content {
    padding: 0 10px;
    text-align: center; }
  .research-block .grid figure {
    display: inline-block;
    float: none;
    margin: 10px auto;
    width: 100%; } }

.research-block .hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default; }

.research-block .hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(75, 75, 75, 0.7);
  transition: all 0.4s ease-in-out; }

.research-block .hovereffect:hover .overlay {
  background-color: rgba(48, 152, 157, 0.4); }

.research-block .hovereffect img {
  display: block;
  position: relative; }

.research-block .hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  transform: translateY(45px);
  transition: all 0.4s ease-in-out; }

.research-block .hovereffect:hover h2 {
  transform: translateY(5px); }

.research-block .hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: scale(0);
  transition: all 0.4s ease-in-out;
  font-weight: 400;
  margin: -52px 0 0;
  padding: 62px 100px; }

.research-block .hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1); }

.research-block .hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff; }

.square-block {
  margin-top: 20px; }

.frontpagelayout .page-header {
  display: none; }

.home-research-area {
  width: 100% !important; }

.home-research-area .research-block {
  min-height: 130px !important;
  min-width: 298px !important; }

#views-bootstrap-research-area-block-1 .row {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0;
  margin: 0; }

#views-bootstrap-research-area-block-1 .col-lg-4 {
  padding: 0 !important;
  margin: 0 !important; }

.footer-col,
.footer-container {
  padding-top: 20px;
  padding-bottom: 20px; }

.region-sidebar-second .contextual-region,
.region-sidebar-second nav {
  background-color: #fff; }

.footer-col {
  color: #fff; }

.footer-col a {
  color: #505052; }

.footer-col a:hover {
  color: #84d123; }

.footer-container {
  background-color: #28282b;
  background-image: url(../images/mirrored-squares.png);
  background-repeat: repeat;
  position: relative; }

.footer-container h2 {
  font-family: rubik, Helvetica, Tahoma, Geneva, Arial, sans-serif; }

.footer-container * {
  font-family: GothamBook, sans-serif;
  color: #fff; }

.pagelayout-container .block .views-field-title,
h2#-menu,
h2.block-title {
  font-family: rubik, Helvetica, Tahoma, Geneva, Arial, sans-serif; }

.footer-container * a {
  color: #878787;
  text-transform: uppercase;
  font-size: smaller; }

.footer-container * a:hover {
  color: #ff6d2c; }

.footer-container nav h2,
.footer-container section h2 {
  margin-top: 10px !important;
  color: #fff;
  opacity: 0.9; }

.footer-container .region-footer-block1,
.footer-container .region-footer-block2,
.footer-container .region-footer-block3,
.footer-container .region-footer-block4 {
  background-color: #242427;
  padding: 10px;
  margin: 10px; }

.footer-container .nav > li {
  padding: 5px;
  width: 100%;
  clear: right; }

.footer-container .nav > li > a {
  display: list-item !important;
  padding: 0 !important;
  text-transform: uppercase;
  font-size: smaller;
  color: #878787; }

.footer-container .nav > li > a:hover {
  background-color: transparent !important;
  color: #ff6d2c; }

ul.social {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center; }

#copyright-info ul li,
#standard-footer-MSU-info ul li,
#standard-footer-site-links ul li {
  display: inline-block;
  text-align: center;
  padding-right: 8px; }

ul.social > li {
  display: inline-block; }

ul.social > li > a {
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  border-radius: 36px;
  background-color: #222;
  color: #fff;
  margin: 0 3px 3px 0; }

ul.social > li > a:hover {
  text-decoration: none;
  background-color: #ee7c22; }

.footer-col {
  background-color: #111; }

#copyright-info,
#standard-footer-site-links {
  clear: both; }

#standard-footer-site-links ul {
  margin: 0;
  width: 100%;
  float: left;
  padding-left: 0;
  padding-bottom: 8px;
  border-bottom: 1px dotted grey; }

#standard-footer-site-links ul li {
  width: auto;
  border-right: 1px solid #444;
  font-size: 12px; }

#standard-footer-site-links ul li a {
  white-space: nowrap;
  padding-left: 4px; }

#standard-footer-MSU-info {
  clear: both;
  padding-top: 9px; }

#copyright-info ul,
#standard-footer-MSU-info ul {
  margin: 0;
  width: 100%;
  float: left;
  padding-left: 0;
  font-size: 10px; }

#standard-footer-MSU-info ul li a {
  white-space: nowrap; }

#copyright-info ul li a {
  padding: 0 8px 0 0;
  white-space: nowrap; }

li.spartans-will {
  text-transform: uppercase; }

img.print-msuwordmark {
  display: none; }

img.screen-msuwordmark {
  padding-bottom: 10px;
  padding-top: 10px; }

h2#-menu,
h2.block-title {
  color: #000;
  font-size: 1.4vw;
  font-weight: 500;
  padding: 10px;
  position: relative; }

h2#-menu:after,
h2.block-title:after,
nav > h2:after {
  content: "";
  height: 10px;
  left: 0;
  bottom: -2px;
  position: relative;
  display: block;
  background: linear-gradient(to right, #ff6d2c 21%, rgba(255, 255, 255, 0) 73%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6d2c', endColorstr='#00ffffff', GradientType=1 ); }

.pagelayout-container .block {
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
  border-bottom: 1px solid #dedede;
  position: relative;
  padding: 10px;
  margin-top: 10px; }

.pagelayout-container .block .views-field-title {
  font-weight: 700;
  color: #000 !important;
  margin-top: 10px; }

.pagelayout-container .block .views-field-title:before {
  content: "";
  display: block;
  height: 4px;
  background: #fbbd2c;
  position: absolute;
  left: 0;
  bottom: -2px; }

.pagelayout-container .block .views-field-title a {
  color: #000 !important;
  text-decoration: none; }

.pagelayout-container .block .views-field-title a:hover {
  color: #ff6d2c !important; }

.pagelayout-container img{
max-width: 100%;
height: auto;
}


.block h1,
.block h2,
.block h3,
.block h4,
.block h5 {
  margin-top: 0; }

.sidebar .block,
.sidebar nav {
  border: solid #ccc;
  border-width: 1px;
  margin-bottom: 20px;
  padding: 10px; }

#views-bootstrap-research-area-slider-block-1 {
  margin: 10px; }

#views-bootstrap-research-related-faculty-block-1 .row {
  padding: 0 !important;
  margin: 0 0 -15px !important; }

.related-faculty .col,
.related-faculty .row {
  margin: 0 !important;
  padding: 0 !important; }

.related-faculty img {
  padding-right: 5px;
  padding-bottom: 5px; }

.global-news,
.research-news,
.view-research-news {
  padding: 0 !important; }

.global-news .views-row,
.research-news .views-row,
.view-research-news .views-row {
  clear: both;
  margin-bottom: 10px;
  border-bottom: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ccc; }

.global-news .views-field-field-news-image,
.research-news .views-field-field-news-image,
.view-research-news .views-field-field-news-image {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }

.research-facility ul {
  margin: 0;
  padding: 0; }

.research-facility li {
  margin: 0 0 10px;
  padding: 0; }

.faculty-related-news-block ul {
  margin: 0;
  padding: 0; }

.faculty-related-news-block li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: dotted;
  border-bottom-width: 1px;
  border-bottom-color: #ccc; }

.faculty-related-news-block li a {
  text-decoration: none;
  color: #000 !important; }

.faculty-related-news-block li a:hover {
  color: #ff6d2c !important; }

#profile-page ul.nav {
  margin-left: 0 !important; }

#profile-page .nav-tabs {
  width: 100%; }

#profile-page .tabs-left > .nav-tabs {
  width: 20% !important; }

#profile-page .tabs-right > .nav-tabs {
  width: 80% !important; }

#profile-page li.vertical-tab-button {
  clear: both;
  width: 100%;
  margin-left: 0 !important;
  padding-left: 0; }

.profile-image-wrapper {
  background-color: #fff;
  background-image: url(../images/profile_bg.png); }

.profile-image-wrapper .clear {
  width: 100% !important; }

.profile-image-wrapper .profile-name,
.profile-image-wrapper .profile-name a:link,
.profile-image-wrapper .profile-name a:visited {
  color: #fff !important; }

.profile-image-wrapper .profile-title h4 {
  color: #fff; }

.profile-title-wrapper {
  position: absolute;
  z-index: 10 !important;
  width: 100%;
  bottom: 0;
  padding: 10px;
  background: linear-gradient(to bottom, rgba(75, 122, 107, 0.65) 0, rgba(76, 122, 108, 0.65) 1%, rgba(136, 168, 158, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a64b7a6b', endColorstr='#a688a89e', GradientType=0 ); }

.egr-profile-wrapper .field--label {
  margin-bottom: 5px;
  font-size: 18px; }

.field--name-field-ep-awards .field--item,
.field--name-field-ep-education .field--item,
.field--name-field-ep-publications .field--item {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: dotted;
  border-bottom-width: 1px;
  border-bottom-color: #ccc; }

.faculty-directory tr {
  width: 100% !important; }

.faculty-directory tr td.views-field-field-ep-profile-image {
  width: 10%; }

.faculty-directory tr td.views-field-field-ep-professional-title {
  width: 25%; }

.faculty-directory tr td.views-field-field-ep-zipa {
  width: 25% !important; }

#block-views-block-homepage-block-block-2 {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important; }

.sidebar nav li {
  width: 99%;
  border: dotted #ccc;
  border-width: 1px;
  margin-bottom: 2px; }

.sidebar nav li .caret {
  display: none; }

.sidebar nav li:hover {
  border: solid #ff6d2c;
  border-width: 1px; }

.sidebar nav li a {
  text-decoration: none; }

.sidebar nav li a:hover {
  color: #ff6d2c !important; }

.sidebar nav ul.dropdown-menu {
  padding: 10px;
  display: block !important;
  position: relative !important;
  top: auto !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: 0;
  z-index: auto !important;
  width: 99% !important; }

#block-mainnavigation .sf-style-none li.sfHover > ul,
#block-mainnavigation .sf-style-none li:hover > ul {
  top: 40px; }

.sidebar nav ul.dropdown-menu li a {
  white-space: normal !important; }

input {
  line-height: normal; }

.u-search-column {
  position: relative; }

#search-wrapper-mobile {
  display: block;
  float: left;
  padding: 2% 0 0 14px;
  width: 100%; }

.js-nav #search-wrapper {
  display: none; }

#search-wrapper {
  padding-right: 0;
  margin-top: 15px; }

#search-tool-box {
  background: #fff;
  border: 1px solid #999;
  border-radius: 3px;
  width: 90%;
  margin-bottom: 12px;
  height: 30px; }

#search-tool-box input {
  width: 80%;
  padding-left: 8px;
  border: 0 !important;
  background-color: transparent;
  color: #666;
  font-size: 13px;
  font-weight: 400;
  float: left;
  height: 28px;
  outline: 0;
  border-style: none;
  border-width: 0; }

#btn_search {
  height: 26px;
  width: 34px;
  background: url(../images/icon-search.png) center no-repeat #fff;
  cursor: pointer;
  outline: 0;
  border: 0;
  float: right;
  margin: 0 auto;
  text-indent: -9999px;
  text-transform: capitalize;
  border-radius: 0 3px 3px 0; }

#btn_search:hover {
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.3); }

#bottom-nav-search-box {
  height: 28px;
  width: 93%;
  background: #fff;
  border: 1px solid #999;
  border-radius: 3px;
  margin-left: 12px; }

#bottom-nav-search-box input#q {
  width: 76%;
  padding-left: 12px;
  border: 0;
  font-size: auto;
  outline: 0; }

.no-js .u-header-column,
.no-js .u-search-column {
  width: 100%;
  float: none; }

.region-searchblock {
  padding: 10px;
  padding-bottom: 0 !important; }

.input-group {
  background-color: #fff !important; }

.region-searchblock .form-control {
  height: auto !important;
  border-radius: 0 !important; }

.region-searchblock .form-control:focus {
  border-color: none !important;
  box-shadow: none !important; }

#block-mainnavigation {
  background-color: #363636;
  padding-top: 10px;
  padding-bottom: 0;
  font-size: medium; }

#block-mainnavigation .sf-style-none {
  float: left;
  margin: 0;
  padding: 0 0 5px; }

#block-mainnavigation .sf-style-none.sf-navbar {
  width: 100%;
  background: #363636; }

#block-mainnavigation .sf-style-none ul {
  padding-left: 0; }

#block-mainnavigation .sf-style-none ul.sf-multicolumn li.sf-multicolumn-wrapper {
  background: #363636; }

#block-mainnavigation .sf-style-none ul.sf-multicolumn li.sf-multicolumn-wrapper li {
  background: 0 0; }

#block-mainnavigation .sf-style-none a {
  color: #fff;
  padding: 0.75em 1em; }

#block-mainnavigation .sf-style-none a.sf-with-ul {
  padding-right: 2.25em; }

#block-mainnavigation .sf-style-none a:focus {
  background: #363636;
  outline: 0;
  text-decoration: none; }

#block-mainnavigation .sf-style-none a:hover {
  background: #363636;
  outline: 0;
  text-decoration: none;
  color: #b8af92; }

#block-mainnavigation .sf-style-none a:active {
  background: #363636;
  outline: 0;
  text-decoration: none; }

#block-mainnavigation .sf-style-none span.nolink {
  color: #fff;
  padding: 0.75em 1em; }

#block-mainnavigation .sf-style-none span.nolink.sf-with-ul {
  padding-right: 2.25em; }

#block-mainnavigation .sf-style-none span.nolink:hover {
  background: #363636;
  outline: 0; }

#block-mainnavigation .sf-style-none span.sf-description {
  color: #fff;
  display: block;
  font-size: 0.833em;
  line-height: 1.5;
  margin: 5px 0 0 5px;
  padding: 0; }

#block-mainnavigation .sf-style-none.rtl span.sf-description {
  margin: 5px 5px 0 0; }

#block-mainnavigation .sf-style-none.rtl a.sf-with-ul,
#block-mainnavigation .sf-style-none.rtl span.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em; }

#block-mainnavigation .sf-style-none li {
  background: #363636; }

#block-mainnavigation .sf-style-none li li,
#block-mainnavigation .sf-style-none li li li {
  background: #363636;
  border-bottom: solid;
  border-bottom-width: 1px;
  border-bottom-color: #b8af92; }

#block-mainnavigation .sf-style-none li:hover {
  background: #363636;
  outline: 0; }

#block-mainnavigation .sf-style-none li.sfHover {
  background: #363636;
  outline: 0; }

#block-mainnavigation .sf-style-none .sf-sub-indicator {
  background-image: url(../images/dropdown-arrows.png); }

#block-mainnavigation div.sf-accordion-toggle.sf-style-none a {
  background: #363636;
  color: #fff;
  padding: 1em; }

#block-mainnavigation div.sf-accordion-toggle.sf-style-none a.sf-expanded {
  background: #363636;
  font-weight: 700; }

#block-mainnavigation .sf-menu.sf-style-none.rtl.sf-accordion li li a {
  padding-left: auto;
  padding-right: 2em; }

#block-mainnavigation .sf-menu.sf-style-none.rtl.sf-accordion li li li a {
  padding-left: auto;
  padding-right: 3em; }

#block-mainnavigation .sf-menu.sf-style-none.rtl.sf-accordion li li li li a {
  padding-left: auto;
  padding-right: 4em; }

#block-mainnavigation .sf-menu.sf-style-none.rtl.sf-accordion li li li li li a,
#block-mainnavigation .sf-menu.sf-style-none.rtl.sf-accordion li li li li li span.nolink {
  padding-left: auto;
  padding-right: 5em; }

#block-mainnavigation .sf-menu.sf-style-none.rtl.sf-accordion li li li li span.nolink {
  padding-left: auto;
  padding-right: 4em; }

#block-mainnavigation .sf-menu.sf-style-none.rtl.sf-accordion li li li span.nolink {
  padding-left: auto;
  padding-right: 3em; }

#block-mainnavigation .sf-menu.sf-style-none.rtl.sf-accordion li li span.nolink {
  padding-left: auto;
  padding-right: 2em; }

#block-mainnavigation .sf-menu.sf-style-none.rtl ul.sf-multicolumn li.sf-multicolumn-wrapper ol li.sf-multicolumn-column {
  float: right; }

#block-mainnavigation .sf-menu.sf-style-none.sf-accordion li.sf-expanded {
  background: #363636; }

#block-mainnavigation .sf-menu.sf-style-none.sf-accordion li.sf-expanded > a,
#block-mainnavigation .sf-menu.sf-style-none.sf-accordion li.sf-expanded > span.nolink {
  font-weight: 700; }

#block-mainnavigation .sf-menu.sf-style-none.sf-accordion li li a {
  padding-left: 2em; }

#block-mainnavigation .sf-menu.sf-style-none.sf-accordion li li li a {
  padding-left: 3em; }

#block-mainnavigation .sf-menu.sf-style-none.sf-accordion li li li li a {
  padding-left: 4em; }

#block-mainnavigation .sf-menu.sf-style-none.sf-accordion li li li li li a,
#block-mainnavigation .sf-menu.sf-style-none.sf-accordion li li li li li span.nolink {
  padding-left: 5em; }

#block-mainnavigation .sf-menu.sf-style-none.sf-accordion li li li li span.nolink {
  padding-left: 4em; }

#block-mainnavigation .sf-menu.sf-style-none.sf-accordion li li li span.nolink {
  padding-left: 3em; }

#block-mainnavigation .sf-menu.sf-style-none.sf-accordion li li span.nolink {
  padding-left: 2em; }

#block-mainnavigation .sf-menu.sf-style-none.sf-accordion li a.sf-accordion-button {
  font-weight: 700;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499; }

#block-mainnavigation .sf-menu.sf-style-none ul.sf-multicolumn li.sf-multicolumn-wrapper ol,
#block-mainnavigation .sf-menu.sf-style-none ul.sf-multicolumn li.sf-multicolumn-wrapper ol li {
  margin: 0;
  padding: 0; }

#block-mainnavigation .sf-menu.sf-style-none ul.sf-multicolumn li.sf-multicolumn-wrapper ol li.sf-multicolumn-column {
  display: inline;
  float: left; }

#block-mainnavigation .sf-menu.sf-style-none ul.sf-multicolumn li.sf-multicolumn-wrapper a.menuparent,
#block-mainnavigation .sf-menu.sf-style-none ul.sf-multicolumn li.sf-multicolumn-wrapper span.nolink.menuparent {
  font-weight: 700; }

#block-mainnavigation div.sf-style-none {
  background-color: #18453b; }

#block-mainnavigation a#superfish-main-toggle {
  width: 100% !important;
  vertical-align: middle; }

#block-mainnavigation div.sf-accordion-toggle a {
  background: #18453b;
  border: 0 solid #000;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  padding: 1em 3em 1em 1em;
  position: relative; }

.more-link,
.pagelayout .more-link a:hover {
  color: #fff !important; }

#block-mainnavigation div.sf-accordion-toggle > a:after {
  font-size: 2em;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  speak: none; }

@media only screen and (min-width: 320px) {
  .col-md-12 .region-sitetitle .navbar-brand {
    font-size: auto; } }

@media only screen and (min-width: 480px) {
  .col-md-12 .region-sitetitle .navbar-brand {
    font-size: auto; } }

@media only screen and (min-width: 768px) {
  .col-md-12 .region-sitetitle .navbar-brand {
    font-size: auto; }
  .col-md-9 {
    max-width: 74.9% !important;
    -ms-flex: 74.9% !important;
    flex: 74.9% !important; } }

@media only screen and (min-width: 992px) {
  .col-md-12 .region-sitetitle .navbar-brand {
    font-size: auto; }
  .col-lg-4 {
    max-width: 33% !important;
    -ms-flex: 33% !important;
    flex: 33% !important; }
  .col-lg-3 {
    max-width: 24.9% !important;
    -ms-flex: 24.9% !important;
    flex: 24.9% !important; } }

h1 {
  font-size: 30px !important; }

h2 {
  font-size: 24px !important; }

h3 {
  font-size: 18px !important; }

h4 {
  font-size: 14px !important; }

h5 {
  font-size: 12px !important; }

h6 {
  font-size: 10px !important;
  text-transform: uppercase;
  font-weight: 700; }

address,
cite,
dfn,
em,
i,
var {
  font-style: italic; }

.content,
.faculty-directory {
  padding: 10px;
  background: #fff;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
  border-bottom: 1px solid #dedede;
  position: relative; }

.content_layout ul {
  padding-left: 15px;
  list-style-position: inside !important; }

.content_layout li {
  list-style: circle !important;
  margin-left: 15px; }

.content_layout ol,
.content_layout ol li {
  list-style-type: decimal !important; }

.rectangle-block ul,
.rectangle-block ul li {
  padding-left: 0 !important;
  list-style-position: outside !important; }

p {
  padding-bottom: 5px; }

body,
html {
  margin: 0;
  padding: 0; }

.background-image-wrapper {
  position: fixed !important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000', GradientType=0 );
  padding: 0; }

.treedr {
  background-size: cover; }

.float-left {
  float: left;
  margin: 0 10px 10px 0; }

.float-right {
  float: right;
  margin: 10px 0 10px 10px; }

.region-content,
.region-content-top {
  margin-left: 15px;
  margin-right: 15px;
  width: 100%; }

.views-row {
  clear: both; }

.more-link {
  padding: 5px;
  text-align: right;
  width: 100%;
  background: rgba(255, 255, 255, 0);
  background: -webkit-gradient(left top, right top, color-stop(16%, rgba(255, 255, 255, 0)), color-stop(37%, rgba(255, 204, 181, 0)), color-stop(76%, rgba(255, 109, 44, 0.83)), color-stop(84%, #ff6d2c));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 16%, rgba(255, 204, 181, 0) 37%, rgba(255, 109, 44, 0.83) 76%, #ff6d2c 84%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff6d2c', GradientType=1 ); }

.more-link a:link,
.pagelayout .more-link a:link {
  color: #fff !important;
  text-transform: uppercase;
  font-size: small;
  text-decoration: none; }

.pagelayout-container {
  background-color: #f3f3f3;
  padding-bottom: 20px;
  min-height: 500px; }

.region-content-top {
  margin-bottom: 10px; }

.remove-all-margin-padding {
  padding: 0 !important; }

.page-header {
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000 !important;
  width: 100%; }

.region-content img {
  margin: 5px;
  padding: 5px;
  border: solid #ccc;
  border-width: 1px;
  background-color: #fff; }

.welcome-block h2 {
  display: none; }

.welcome-block {
  background-color: #d4ddda; }

.geolocation-map-wrapper img {
  margin: 0;
  padding: 0;
  border: none;
  background: 0 0; }

.view-social-network caption {
  font-weight: 700;
  color: #fff;
  background-color: #000;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  caption-side: top; }

.view-social-network .view-content td {
  border: dotted #333;
  border-width: 1px; }

.view-social-network .view-content td.views-field-title {
  width: 25% !important; }

.view-social-network .view-content td.views-field-field-social-facebook {
  width: 96px !important; }

.view-social-network .view-content td.views-field-field-social-facebook a:link {
  width: 96px !important;
  height: 96px !important;
  display: block;
  text-indent: -1999px;
  overflow: hidden;
  background-image: url(../images/social/facebook.png);
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 !important;
  padding: 0 !important; }

.view-social-network .view-content td.views-field-field-social-twitter {
  width: 96px !important; }

.view-social-network .view-content td.views-field-field-social-twitter a:link {
  width: 96px !important;
  height: 96px !important;
  display: block;
  text-indent: -1999px;
  overflow: hidden;
  background-image: url(../images/social/twitter.png); }

.view-social-network .view-content td.views-field-field-social-youtube {
  width: 96px !important; }

.view-social-network .view-content td.views-field-field-social-youtube a:link {
  width: 96px !important;
  height: 96px !important;
  display: block;
  text-indent: -1999px;
  overflow: hidden;
  background-image: url(../images/social/youtube.png); }

.view-social-network .view-content td.views-field-field-social-flickr {
  width: 96px !important; }

.view-social-network .view-content td.views-field-field-social-flickr a:link {
  width: 96px !important;
  height: 96px !important;
  display: block;
  text-indent: -1999px;
  overflow: hidden;
  background-image: url(../images/social/flickr.png); }

.view-social-network .view-content td.views-field-field-social-linkedin {
  width: 96px !important; }

.view-social-network .view-content td.views-field-field-social-linkedin a:link {
  width: 96px !important;
  height: 96px !important;
  display: block;
  text-indent: -1999px;
  overflow: hidden;
  background-image: url(../images/social/linkedin.png); }

.view-social-network .view-content td.views-field-field-social-pinterest {
  width: 96px !important; }

.view-social-network .view-content td.views-field-field-social-pinterest a:link {
  width: 96px !important;
  height: 96px !important;
  display: block;
  text-indent: -1999px;
  overflow: hidden;
  background-image: url(../images/social/pinterest.png); }

.view-social-network .view-content td.views-field-field-instagram-url {
  width: 96px !important; }

.view-social-network .view-content td.views-field-field-instagram-url a:link {
  width: 96px !important;
  height: 96px !important;
  display: block;
  text-indent: -1999px;
  overflow: hidden;
  background-image: url(../images/social/instagram.png); }

.view-social-network .view-content td.views-field-field-social-blog {
  width: 96px !important; }

.view-social-network .view-content td.views-field-field-social-blog a:link {
  width: 96px !important;
  height: 96px !important;
  display: block;
  text-indent: -1999px;
  overflow: hidden;
  background-image: url(../images/social/blogger.png); }

.view-calendar .view-header h3 {
  text-align: center;
  font-weight: 600;
  font-size: larger;
  margin-top: 10px;
  border-bottom: solid;
  border-bottom-width: 2px;
  border-bottom-color: #000;
  padding-bottom: 5px; }

.view-calendar ul.js-pager__items li.pager__item--previous {
  float: left; }

.view-calendar ul.js-pager__items li.pager__item--next {
  float: right; }

.awards th,
.class-notes th {
  font-weight: bolder;
  border-bottom: 3px solid #000 !important; }

.awards caption,
.awards caption a:link,
.class-notes caption,
.class-notes caption a:link {
  font-weight: 700;
  color: #fff !important;
  background-color: #000;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  caption-side: top;
  text-decoration: none; }

.search-form {
  width: 95%; }

.view-id-glossary .view-content span {
  background-color: #000;
  border: dotted #000;
  border-width: 1px;
  margin: 3px 3px 10px;
  color: #fff !important;
  padding: 3px;
  line-height: 25px; }

.view-id-glossary .view-content span:hover {
  background-color: #ee7c22; }

.view-id-glossary .view-content span a {
  color: #fff !important;
  text-decoration: none; }

.view-id-glossary .view-content span a:hover {
  color: #000; }

.table-responsive th,
.table-responsive th a {
  color: #fff !important; }

.glossary-control {
  margin-bottom: 10px; }

.table-responsive th {
  background-color: #000;
  margin-top: 10px; }

/*# sourceMappingURL=style.css.map */
.cheeseburger-menu__backdrop {
  transition: opacity .3s ease;
  transition-delay: .3s;
  z-index: -200 !important;
  transition: background-color .25s; }