@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

/* HTML5 */
header, section, footer, aside, nav, article, figure {
  display: block;
}

/* #Images (Responsive)
================================================== */
img.scale-with-grid {
  /*width: 100%;*/
  max-width: 100%;
  height: auto;
}

a img {
  border: none;
}

/* #Video (Responsive)
================================================== */
.video {
  margin-bottom: 1em;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

/* #Buttons
================================================== */
button {
  font-size: inherit;
}

button, a.button {
  display: inline-block;
  background-color: #ccc;
  color: #333;
  padding: 0.75em 1em;
  -webkit-border-radius: 0.32em;
  -moz-border-radius: 0.32em;
  border-radius: 0.32em;
  margin-bottom: 0.5em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
  line-height: 1em;
}

button:hover, a.button:hover {
  background-color: #069;
  color: #fff;
}

button i, a.button i {
  color: #333;
}

button:hover i, a.button:hover i {
  color: #fff;
}

button.reverse,
a.button.reverse {
  background: rgba(255, 255, 255, 0);
  border: 1px solid #fff;
  color: #fff;
}

button.reverse:hover,
a.button.reverse:hover {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0);
  color: rgb(0, 0, 0);
  text-shadow: none;
}

button.small, a.button.small {
  padding: 0.5em 0.65em;
  font-size: 70%;
}

/*
=================================================
	Basic text sizing
=================================================
	Set your main font size for paragraph

	Reference
	62.5%  => 10px
	68.8%  => 11px
	75%    => 12px
	81.3%  => 13px
	87.5%  => 14px
	100%   => 16px
	112.5% => 18px
	125%   => 20px

*/
body {
  font-family: "OpenSansRegular", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #333;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/*
Traditional scale: 6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72
	if base is 16:
	h1 = 48 pixels → 48 ÷ 16 = 3 em
	h2 = 36 pixels → 36 ÷ 16 = 2.25 em
	h3 = 24 pixels → 24 ÷ 16 = 1.5 em
	h4 = 21 pixels → 21 ÷ 16 = 1.3125 em
	h5 = 18 pixels → 18 ÷ 16 = 1.125 em
	h6 = 16 pixels → 16 ÷ 16 = 1 em
*/
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}

/* BASELINE VERSION */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h1 {
  margin-top: 1em;
  font-size: 3em; /* 48px / 16px = 3em */
  line-height: 1em;
  margin-bottom: 0.5em;
}
h1.baseline-shift, h1.baseline-shift:last-child {
  margin-top: -1em;
  position: relative;
  top: 0.5em;
  margin-bottom: 1.5em;
}

h2 {
  margin-top: 0.3333333333em;
  padding-top: 0.1666666667em;
  font-size: 2.25em; /* 36px / 16px = 2.25em */
  line-height: 1.3333333333em;
  margin-bottom: 0.5em;
}
h2.baseline-shift, h2.baseline-shift:last-child {
  margin-top: 0;
  padding-top: 0.1666666667em;
  font-size: 2.25em; /* 36px / 16px = 2.25em */
  line-height: 1.3333333333em;
  padding-bottom: 0.6666666667em;
  margin-bottom: -1.5em;
  position: relative;
  top: -0.6666666667em;
}

h1 + h2 {
  padding-top: 0.0066666667em;
  padding-bottom: 0.16em;
}

h3 {
  margin-top: 0;
  font-size: 1.5em; /* 24px / 16px = 1.5em */
  line-height: 1em;
  margin-bottom: 1em;
}

h4 {
  margin-top: 0;
  font-size: 1.3125em; /* 21px / 16px = 1.3125em */
  line-height: 1.1428571429em;
  margin-bottom: 1.1428571429em;
}

h5 {
  margin-top: 0;
  font-size: 1.125em; /* 18px / 16px = 1.125em */
  line-height: 1.3333333333em;
  margin-bottom: 1.3333333333em;
}

h6 {
  margin-top: 0;
  font-size: 1em; /* 16px / 16px = 1em */
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

/* #Paragraphs 
================================================== */
p {
  margin-bottom: 1.5em;
}

/*
p+p {
  text-indent: 1em;
  margin-top: -1.25em;
}*/
.text-center {
  text-align: center;
}

/* #Links
================================================== */
a,
a:visited {
  color: #069;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #034160;
}

p a,
p a:visited {
  line-height: inherit;
}

/* #Lists
================================================== */
ul,
ol {
  margin: 0 0 1.5em 0;
  clear: both;
}

li {
  clear: both;
  margin: 0 0 0 1.875em;
}

ul li ul,
ul li ol,
ol li ol,
ol li ul {
  margin: 0;
}

ul li ul li,
ol li ol li,
ol li ul li,
ul li ol li {
  margin: 0 0 0px 1.875em;
}

/* #Block Quotes
================================================== */
blockquote {
  position: relative;
  color: #666;
  width: 70%;
  font-size: 1.125em; /* 18px / 16px = 1.125em */
  line-height: 1.3333333333em;
  margin: 1.3333333333em 7.5%;
  padding: 0 7.5%;
}
blockquote p {
  margin: 0;
  padding: 0;
}

blockquote.quotes:before,
blockquote.quotes:after {
  font-family: Georgia, Times, "Times New Roman", serif;
  display: block;
  font-size: 3em;
  position: absolute;
  color: #d9d9d9;
}

blockquote.quotes:before {
  content: "“";
  top: 0.2em;
  left: -0.25em;
}

blockquote.quotes:after {
  content: "”";
  bottom: 0.25em;
  right: -0.25em;
}

blockquote cite {
  color: #999;
  font-size: 0.75em;
  display: block;
  text-align: right;
}

blockquote cite:before {
  content: "— ";
}

blockquote.left {
  float: left;
  margin: 0 1.5em 1.3333333333em 0;
  padding: 0 1.5em 0 0;
  border-right: 4px solid #ccc;
  text-align: left;
}
blockquote.right {
  float: right;
  margin: 0 0 1.3333333333em 1.5em;
  padding: 0 0 0 1.5em;
  border-left: 4px solid #ccc;
}
blockquote.left,
blockquote.right {
  width: 33.3333%;
}

/* #MEDIUM MEDIA QUERY
==================================================
================================================== */
@media (min-width: 768px) {
  blockquote {
    width: 50%;
    margin-right: 12.5%;
    margin-left: 12.5%;
    padding-right: 12.5%;
    padding-left: 12.5%;
  }
  blockquote.quotes:before {
    left: 5%;
  }
  blockquote.quotes:after {
    right: 5%;
  }
  blockquote.left,
  blockquote.right {
    width: 33.3333%;
  }
}
/* @FONT-FACE */
/* */
@font-face {
  font-family: "nevis";
  src: url("../fonts/Nevis/nevis-webfont.eot");
  src: url("../fonts/Nevis/nevis-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Nevis/nevis-webfont.woff") format("woff"), url("../fonts/Nevis/nevis-webfont.ttf") format("truetype"), url("../fonts/Nevis/nevis-webfont.svg#montserratbold") format("svg");
}
@font-face {
  font-family: "OpenSansRegular";
  src: url("../fonts/OpenSans/OpenSans-Regular-webfont.eot");
  src: url("../fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
}
@font-face {
  font-family: "OpenSansItalic";
  src: url("../fonts/OpenSans/OpenSans-Italic-webfont.eot");
  src: url("../fonts/OpenSans/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg");
}
@font-face {
  font-family: "OpenSansLight";
  src: url("../fonts/OpenSans/OpenSans-Light-webfont.eot");
  src: url("../fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans/OpenSans-Light-webfont.svg#OpenSansLight") format("svg");
}
@font-face {
  font-family: "OpenSansLightItalic";
  src: url("../fonts/OpenSans/OpenSans-LightItalic-webfont.eot");
  src: url("../fonts/OpenSans/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSans-LightItalic-webfont.woff") format("woff"), url("../fonts/OpenSans/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic") format("svg");
}
@font-face {
  font-family: "OpenSansBold";
  src: url("../fonts/OpenSans/OpenSans-Bold-webfont.eot");
  src: url("../fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
}
@font-face {
  font-family: "BebasNeue";
  src: url("../fonts/BebasNeue/BebasNeue-webfont.eot");
  src: url("../fonts/BebasNeue/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BebasNeue/BebasNeue-webfont.woff") format("woff"), url("../fonts/BebasNeue/BebasNeue-webfont.ttf") format("truetype"), url("../fonts/BebasNeue/BebasNeue-webfont.svg#BebasRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Crimson";
  src: url("../fonts/Crimson/crimson-roman-webfont.eot");
  src: url("../fonts/Crimson/crimson-roman-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Crimson/crimson-roman-webfont.woff") format("woff"), url("../fonts/Crimson/crimson-roman-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "Crimson-bold";
  src: url("../fonts/Crimson/crimson-bold-webfont.eot");
  src: url("../fonts/Crimson/crimson-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Crimson/crimson-bold-webfont.woff") format("woff"), url("../fonts/Crimson/crimson-bold-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "Crimson-italic";
  src: url("../fonts/Crimson/crimson-italic-webfont.eot");
  src: url("../fonts/Crimson/crimson-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Crimson/crimson-italic-webfont.woff") format("woff"), url("../fonts/Crimson/crimson-italic-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "Aleo-bold";
  src: url("../fonts/Aleo/Aleo-Bold-webfont.eot");
  src: url("../fonts/Aleo/Aleo-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Aleo/Aleo-Bold-webfont.woff") format("woff"), url("../fonts/Aleo/Aleo-Bold-webfont.ttf") format("truetype"), url("../fonts/Aleo/Aleo-Bold-webfont.svg#aleobold") format("svg");
}
@font-face {
  font-family: "Aleo-light";
  src: url("../fonts/Aleo/Aleo-Light-webfont.eot");
  src: url("../fonts/Aleo/Aleo-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Aleo/Aleo-Light-webfont.woff") format("woff"), url("../fonts/Aleo/Aleo-Light-webfont.ttf") format("truetype"), url("../fonts/Aleo/Aleo-Light -webfont.svg#aleobold") format("svg");
}
.kccnma-logo-header {
  display: flex;
  align-items: center;
}
.kccnma-logo-header h1 {
  margin: 0;
  font-family: "OpenSansRegular", Helvetica, Arial, sans-serif;
  color: #333;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
}

/* HEADER */
.site-header {
  display: flex;
  justify-content: space-between;
  padding: 1em;
}

/* SITE-NAV */
.nma-site-nav {
  display: flex;
  position: relative;
}
.nma-site-nav .menu-button {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 20;
  cursor: pointer;
  fill: rgb(0, 102, 153);
  border: none;
  background-color: transparent;
}
.nma-site-nav[data-navstate=closed] .navicon-top-one {
  animation: separated-top-one-close 0.3s linear 0s forwards;
  transform-origin: left top;
}
.nma-site-nav[data-navstate=closed] .navicon-top-two {
  animation: separated-top-two-close 0.3s linear 0s forwards;
  transform-origin: right top;
}
.nma-site-nav[data-navstate=closed] .navicon-middle-one {
  animation: separated-middle-one-close 0.5s forwards;
}
.nma-site-nav[data-navstate=closed] .navicon-middle-two {
  animation: separated-middle-two-close 0.5s forwards;
}
.nma-site-nav[data-navstate=closed] .navicon-bottom-one {
  animation: separated-bottom-one-close 0.3s linear 0s forwards;
  transform-origin: right top;
}
.nma-site-nav[data-navstate=closed] .navicon-bottom-two {
  animation: separated-bottom-two-close 0.3s linear 0s forwards;
  transform-origin: left top;
}
.nma-site-nav[data-navstate=open] .menu-button {
  position: fixed;
  top: 3em;
  right: 1.5em;
  z-index: 25;
  fill: #fff;
  stroke: #fff;
}
.nma-site-nav[data-navstate=open] .menu-button .navicon-top-one {
  animation: separated-top-one-open 0.3s linear 0s forwards;
  transform-origin: left top;
}
.nma-site-nav[data-navstate=open] .menu-button .navicon-top-two {
  animation: separated-top-two-open 0.3s linear 0s forwards;
  transform-origin: right top;
}
.nma-site-nav[data-navstate=open] .menu-button .navicon-middle-one {
  animation: separated-middle-one-open 0.3s forwards;
}
.nma-site-nav[data-navstate=open] .menu-button .navicon-middle-two {
  animation: separated-middle-two-open 0.3s forwards;
}
.nma-site-nav[data-navstate=open] .menu-button .navicon-bottom-one {
  animation: separated-bottom-one-open 0.3s linear 0s forwards;
  transform-origin: right top;
}
.nma-site-nav[data-navstate=open] .menu-button .navicon-bottom-two {
  animation: separated-bottom-two-open 0.3s linear 0s forwards;
  transform-origin: left top;
}
.nma-site-nav[data-navstate=open] ul {
  background-color: #069;
  transform: translate(0, 0);
}

/* HIDE VISUALLY */
.hide-visually {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.nma-site-nav ul {
  position: fixed;
  width: 100%;
  min-height: 80vh;
  display: grid;
  place-content: center;
  text-align: center;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
  transform: translate(0, -100%);
  transition: all 0.3s ease-out;
  z-index: 20;
}
.nma-site-nav ul a {
  font-family: "OpenSansRegular", Helvetica, Arial, sans-serif;
  text-decoration: none;
  line-height: 2em;
  font-size: clamp(1em, 1vw + 2vh, 6em);
  color: #fff;
  position: relative;
  text-transform: uppercase;
}
.nma-site-nav ul a:hover {
  color: rgb(255, 153, 0);
}
.nma-site-nav ul a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: rgb(255, 153, 0);
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
.nma-site-nav ul a:hover:before {
  transform: scaleX(1);
}

#nma-triangle-logo {
  padding-right: 1em;
}
#nma-triangle-logo .cls-1 {
  fill: #97c93c;
}
#nma-triangle-logo .cls-1,
#nma-triangle-logo .cls-2,
#nma-triangle-logo .cls-3 {
  stroke-width: 0px;
}
#nma-triangle-logo .cls-2 {
  fill: #339ad3;
}
#nma-triangle-logo .cls-3 {
  fill: #25699e;
}

#kcc-logo {
  fill: #2753a5;
  stroke-width: 0px;
  padding: 0.5em 1em;
}

@keyframes separated-top-one-open {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(18%, -75%) rotate(45deg);
  }
}
@keyframes separated-top-two-open {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-18%, -75%) rotate(-45deg);
  }
}
/* MIDDLE RECTANGLE ANIMATION OPEN */
@keyframes separated-middle-one-open {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  20% {
    transform: translate(-25%, 0);
    opacity: 0.7;
  }
  90% {
    transform: translate(-50%, 0);
    opacity: 0;
  }
  100% {
    transform: translate(-80%, 0);
  }
}
@keyframes separated-middle-two-open {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  20% {
    transform: translate(25%, 0);
    opacity: 0.7;
  }
  90% {
    transform: translate(50%, 0);
    opacity: 0;
  }
  100% {
    transform: translate(80%, 0);
  }
}
/* BOTTOM RECTANGLE ANIMATION OPEN */
@keyframes separated-bottom-one-open {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-33%, -135%) rotate(-45deg);
  }
}
@keyframes separated-bottom-two-open {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(33%, -135%) rotate(45deg);
  }
}
/* TOP RECTANGLE ANIMATION CLOSE */
@keyframes separated-top-one-close {
  0% {
    transform: translate(18%, -75%) rotate(45deg);
  }
  33% {
    transform: translate(18%, -75%) rotate(45deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes separated-top-two-close {
  0% {
    transform: translate(-18%, -75%) rotate(-45deg);
  }
  33% {
    transform: translate(-18%, -75%) rotate(-45deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
/* MIDDLE RECTANGLE ANIMATION CLOSE */
@keyframes separated-middle-one-close {
  0% {
    transform: translate(-50%, 0);
    opacity: 0;
  }
  50% {
    transform: translate(0, 0);
    opacity: 0.5;
  }
  70% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes separated-middle-two-close {
  0% {
    transform: translate(50%, 0);
    opacity: 0;
  }
  50% {
    transform: translate(0, 0);
    opacity: 0.5;
  }
  70% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
/* BOTTOM RECTANGLE ANIMATION CLOSE */
@keyframes separated-bottom-one-close {
  0% {
    transform: translate(-33%, -135%) rotate(-45deg);
  }
  25% {
    transform: translate(-33%, -135%) rotate(-45deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes separated-bottom-two-close {
  0% {
    transform: translate(33%, -135%) rotate(45deg);
  }
  25% {
    transform: translate(33%, -135%) rotate(45deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
/* SIMPLE GRID */
.row {
  margin: 0;
}

.column {
  display: block;
  float: none;
  margin: 0 0 3em 0;
}

.one-half.column,
.one-third.column,
.two-thirds.column,
.one-fourth.column {
  width: 100%;
}

.column.split {
  float: left;
  width: 48%;
  margin: 0 1% 3em 0;
}

.column.centered {
  width: 100%;
  margin: 0 auto 3em 0;
}

.demo .column {
  padding: 1.5em 0;
  background: rgba(0, 0, 0, 0.1);
}

.demo .column p:last-child {
  margin-bottom: 0;
}

/* Medium and Larger */
@media (min-width: 768px) {
  .column {
    float: left;
    margin-right: 8%;
  }
  .column.centered,
  .column.centered:last-child {
    float: none;
    margin: 0 auto 3em auto;
  }
  .column:last-child {
    margin-right: 0;
  }
  .one-whole.column {
    width: 100%;
    margin: 0 0 3em 0;
  }
  .one-half.column {
    width: 46%;
  }
  .one-third.column {
    width: 28%;
  }
  .two-thirds.column {
    width: 64%;
  }
  .one-fourth.column {
    width: 19%;
  }
}
/* #IMAGE GRID
================================================== */
.grid {
  margin: 1% -1%;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}

.grid li {
  position: relative;
  height: 0;
  float: left;
  margin: 1%;
  overflow: hidden;
  background: #ddd;
  text-align: center;
  clear: none;
}

.grid .right {
  float: right;
}

.grid a {
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  /* margin: 3px;
  background: #fff;*/
  transition: all 0.1s ease;
}

.grid li:hover {
  /*background: #999;*/
}

.grid li:hover a {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*margin: 0px;
  border: 3px solid #999;*/
  background: #ddd;
}

.grid img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 85%; /* you can scale images downward here or keep them at 100% */
  max-height: 85%; /* you can scale images downward here or keep them at 100% */
  width: auto;
  height: auto;
  margin: auto;
}

/* 12 col grid */
.grid .w1 {
  width: 6.3333%;
} /* 98% - 11 gutters = 78% / 12 columns = 6.3333% */
.grid .w2 {
  width: 14.6666%;
} /* (6.3333 * 2) + (1 * 2) = */
.grid .w3 {
  width: 23%;
} /* (6.3333 * 3) + (2 * 2) = */
.grid .w4 {
  width: 31.3333%;
} /* (6.3333 * 4) + (3 * 2) = */
.grid .w5 {
  width: 39.6666%;
} /* (6.3333 * 5) + (4 * 2) = */
.grid .w6 {
  width: 48%;
} /* (6.3333 * 6) + (5 * 2) = */
.grid .w7 {
  width: 56.3333%;
} /* (6.3333 * 7) + (6 * 2) = */
.grid .w8 {
  width: 64.6666%;
} /* (6.3333 * 8) + (7 * 2) = */
.grid .w9 {
  width: 73%;
} /* (6.3333 * 9) + (8 * 2) = */
.grid .w10 {
  width: 81.3333%;
} /* (6.3333 * 10) + (9 * 2) = */
.grid .w11 {
  width: 89.6666%;
} /* (6.3333 * 11) + (10 * 2) = */
.grid .w12 {
  width: 98%;
}

.grid .h1 {
  padding-top: 6.3333%;
} /* 98% - 11 gutters = 78% / 12 columns = 6.3333% */
.grid .h2 {
  padding-top: 14.6666%;
} /* (6.3333 * 2) + (1 * 2) = */
.grid .h3 {
  padding-top: 23%;
} /* (6.3333 * 3) + (2 * 2) = */
.grid .h4 {
  padding-top: 31.3333%;
} /* (6.3333 * 4) + (3 * 2) = */
.grid .h5 {
  padding-top: 39.6666%;
} /* (6.3333 * 5) + (4 * 2) = */
.grid .h6 {
  padding-top: 48%;
} /* (6.3333 * 6) + (5 * 2) = */
.grid .h7 {
  padding-top: 56.3333%;
} /* (6.3333 * 7) + (6 * 2) = */
.grid .h8 {
  padding-top: 64.6666%;
} /* (6.3333 * 8) + (7 * 2) = */
.grid .h9 {
  padding-top: 73%;
} /* (6.3333 * 9) + (8 * 2) = */
.grid .h10 {
  padding-top: 81.3333%;
} /* (6.3333 * 10) + (9 * 2) = */
.grid .h11 {
  padding-top: 89.6666%;
} /* (6.3333 * 11) + (10 * 2) = */
.grid .h12 {
  padding-top: 98%;
}

.grid.samesize li {
  position: relative;
  width: 23%; /*31.3333%;*/
  height: 0;
  padding-top: 23%; /* 31.3333%; */
  float: left;
  margin: 1%;
  overflow: hidden;
  background: #ddd;
  text-align: center;
}

.grid.samesize img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 75%; /* you can scale images downward here or keep them at 100% */
  max-height: 75%; /* you can scale images downward here or keep them at 100% */
  width: auto;
  height: auto;
  margin: auto;
}

.grid.white li {
  background: #fff;
}

.grid.white li:hover a {
  background: #fff;
}

.grid.efefef li {
  background: #efefef;
}

.grid.grey808080 li {
  background: #808080;
}

.grid.grey808080 li:hover a {
  background: #bbb;
}

.grid.greyddd li {
  background: #ddd;
}

.grid.greyddd li:hover a {
  background: #bbb;
}

.grid.greyccc li {
  background: #ccc;
}

.grid.greyccc li:hover a {
  background: #ccc;
}

.grid.grid-bgswap li {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: none;
}

.grid.grid-bgswap li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.grid-bgswap li:hover a {
  background-color: rgba(0, 0, 0, 0.05);
}

.grid.grid-thin { /* 99.5% - 11 gutters = 94% / 12 columns = 7.8333% */
  /* (7.8333 * 2) + (1 * .5) = */
  /* (7.8333 * 3) + (2 * .5) = */
  /* (7.8333 * 4) + (3 * .5) = */
  /* (7.8333 * 5) + (4 * .5) = */
  /* (7.8333 * 6) + (5 * .5) = */
  /* (7.8333 * 7) + (6 * .5) = */
  /* (7.8333 * 8) + (7 * .5) = */
  /* (7.8333 * 9) + (8 * .5) = */
  /* (7.8333 * 10) + (9 * .5) = */
  /* (7.8333 * 11) + (10 * .5) = */
  /* (7.8333 * 12) + (11 * .5) = */
}
.grid.grid-thin li {
  width: 24.5%;
  padding-top: 24.5%;
  margin: 0.25%;
}
.grid.grid-thin .w1 {
  width: 7.8333%;
}
.grid.grid-thin .w2 {
  width: 16.1666%;
}
.grid.grid-thin .w3 {
  width: 24.5%;
}
.grid.grid-thin .w4 {
  width: 32.8333%;
}
.grid.grid-thin .w5 {
  width: 41.1666%;
}
.grid.grid-thin .w6 {
  width: 49.5%;
}
.grid.grid-thin .w7 {
  width: 57.8333%;
}
.grid.grid-thin .w8 {
  width: 66.1666%;
}
.grid.grid-thin .w9 {
  width: 74.5%;
}
.grid.grid-thin .w10 {
  width: 82.8333%;
}
.grid.grid-thin .w11 {
  width: 91.1666%;
}
.grid.grid-thin .w12 {
  width: 99.5%;
}
.grid.grid-thin .h1 {
  padding-top: 7.8333%;
}
.grid.grid-thin .h2 {
  padding-top: 16.1666%;
}
.grid.grid-thin .h3 {
  padding-top: 24.5%;
}
.grid.grid-thin .h4 {
  padding-top: 32.8333%;
}
.grid.grid-thin .h5 {
  padding-top: 41.1666%;
}
.grid.grid-thin .h6 {
  padding-top: 49.5%;
}
.grid.grid-thin .h7 {
  padding-top: 57.8333%;
}
.grid.grid-thin .h8 {
  padding-top: 66.1666%;
}
.grid.grid-thin .h9 {
  padding-top: 74.5%;
}
.grid.grid-thin .h10 {
  padding-top: 82.8333%;
}
.grid.grid-thin .h11 {
  padding-top: 91.1666%;
}
.grid.grid-thin .h12 {
  padding-top: 99.5%;
}

@font-face {
  font-family: "fontello";
  src: url("../fonts/Fontello/fontello.eot?54186198");
  src: url("../fonts/Fontello/fontello.eot?54186198#iefix") format("embedded-opentype"), url("../fonts/Fontello/fontello.woff2?54186198") format("woff2"), url("../fonts/Fontello/fontello.woff?54186198") format("woff"), url("../fonts/Fontello/fontello.ttf?54186198") format("truetype"), url("../fonts/Fontello/fontello.svg?54186198#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?54186198#fontello') format('svg');
  }
}
*/
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-easel:before {
  content: "\e800";
} /* '' */
.icon-videocam-alt:before {
  content: "\e801";
} /* '' */
.icon-pencil:before {
  content: "\e802";
} /* '' */
.icon-vector:before {
  content: "\e803";
} /* '' */
.icon-vector-pencil:before {
  content: "\e804";
} /* '' */
.icon-college:before {
  content: "\e805";
} /* '' */
.icon-art-gallery:before {
  content: "\e806";
} /* '' */
.icon-asl:before {
  content: "\e807";
} /* '' */
.icon-mail:before {
  content: "\e808";
} /* '' */
.icon-mail-alt:before {
  content: "\e809";
} /* '' */
.icon-user:before {
  content: "\e80a";
} /* '' */
.icon-users:before {
  content: "\e80b";
} /* '' */
.icon-videocam:before {
  content: "\e80c";
} /* '' */
.icon-picture:before {
  content: "\e80d";
} /* '' */
.icon-camera:before {
  content: "\e80e";
} /* '' */
.icon-camera-alt:before {
  content: "\e80f";
} /* '' */
.icon-home:before {
  content: "\e810";
} /* '' */
.icon-info:before {
  content: "\e811";
} /* '' */
.icon-info-circled:before {
  content: "\e812";
} /* '' */
.icon-link-ext:before {
  content: "\e813";
} /* '' */
.icon-edit:before {
  content: "\e814";
} /* '' */
.icon-pencil-squared:before {
  content: "\e815";
} /* '' */
.icon-pencil-1:before {
  content: "\e816";
} /* '' */
.icon-code:before {
  content: "\e817";
} /* '' */
.icon-doc-alt:before {
  content: "\e818";
} /* '' */
.icon-keyboard:before {
  content: "\e819";
} /* '' */
.icon-doc:before {
  content: "\e81a";
} /* '' */
.icon-phone:before {
  content: "\e81b";
} /* '' */
.icon-wrench:before {
  content: "\e81c";
} /* '' */
.icon-cog-alt:before {
  content: "\e81d";
} /* '' */
.icon-calendar-empty:before {
  content: "\e81e";
} /* '' */
.icon-lightbulb:before {
  content: "\e81f";
} /* '' */
.icon-play-circled:before {
  content: "\e820";
} /* '' */
.icon-play-circled2:before {
  content: "\e821";
} /* '' */
.icon-mobile:before {
  content: "\e822";
} /* '' */
.icon-tablet:before {
  content: "\e823";
} /* '' */
.icon-laptop:before {
  content: "\e824";
} /* '' */
.icon-desktop:before {
  content: "\e825";
} /* '' */
.icon-target:before {
  content: "\e826";
} /* '' */
.icon-briefcase:before {
  content: "\e827";
} /* '' */
.icon-circle-empty:before {
  content: "\e828";
} /* '' */
.icon-circle:before {
  content: "\e829";
} /* '' */
.icon-check-empty:before {
  content: "\e82a";
} /* '' */
.icon-megaphone:before {
  content: "\e82b";
} /* '' */
.icon-chart-bar:before {
  content: "\e82c";
} /* '' */
.icon-gauge:before {
  content: "\e82d";
} /* '' */
.icon-sitemap:before {
  content: "\e82e";
} /* '' */
.icon-coffee:before {
  content: "\e82f";
} /* '' */
.icon-css3:before {
  content: "\e830";
} /* '' */
.icon-html5:before {
  content: "\e831";
} /* '' */
.icon-shield:before {
  content: "\e832";
} /* '' */
.icon-pinterest-squared:before {
  content: "\e833";
} /* '' */
.icon-twitter-squared:before {
  content: "\e834";
} /* '' */
.icon-facebook-squared:before {
  content: "\e835";
} /* '' */
.icon-mail-1:before {
  content: "\e836";
} /* '' */
.icon-flashlight:before {
  content: "\e837";
} /* '' */
.icon-user-1:before {
  content: "\e838";
} /* '' */
.icon-users-1:before {
  content: "\e839";
} /* '' */
.icon-picture-1:before {
  content: "\e83a";
} /* '' */
.icon-video-1:before {
  content: "\e83b";
} /* '' */
.icon-camera-1:before {
  content: "\e83c";
} /* '' */
.icon-download:before {
  content: "\e83d";
} /* '' */
.icon-book:before {
  content: "\e83e";
} /* '' */
.icon-book-open:before {
  content: "\e83f";
} /* '' */
.icon-newspaper:before {
  content: "\e840";
} /* '' */
.icon-map:before {
  content: "\e841";
} /* '' */
.icon-tools:before {
  content: "\e842";
} /* '' */
.icon-phone-1:before {
  content: "\e843";
} /* '' */
.icon-share:before {
  content: "\e844";
} /* '' */
.icon-lamp:before {
  content: "\e845";
} /* '' */
.icon-clock:before {
  content: "\e846";
} /* '' */
.icon-target-1:before {
  content: "\e847";
} /* '' */
.icon-monitor:before {
  content: "\e848";
} /* '' */
.icon-mobile-1:before {
  content: "\e849";
} /* '' */
.icon-briefcase-1:before {
  content: "\e84a";
} /* '' */
.icon-leaf:before {
  content: "\e84b";
} /* '' */
.icon-paper-plane:before {
  content: "\e84c";
} /* '' */
.icon-brush:before {
  content: "\e84d";
} /* '' */
.icon-megaphone-1:before {
  content: "\e84e";
} /* '' */
.icon-graduation-cap:before {
  content: "\e84f";
} /* '' */
.icon-flow-tree:before {
  content: "\e850";
} /* '' */
.icon-rocket:before {
  content: "\e851";
} /* '' */
.icon-gauge-1:before {
  content: "\e852";
} /* '' */
.icon-traffic-cone:before {
  content: "\e853";
} /* '' */
.icon-twitter-circled:before {
  content: "\e854";
} /* '' */
.icon-facebook-circled:before {
  content: "\e855";
} /* '' */
.icon-pinterest-circled:before {
  content: "\e856";
} /* '' */
.icon-leaf-1:before {
  content: "\e857";
} /* '' */
.icon-pinterest-2:before {
  content: "\e858";
} /* '' */
.icon-certificate:before {
  content: "\e859";
} /* '' */
.icon-puzzle:before {
  content: "\e85a";
} /* '' */
.icon-mail-2:before {
  content: "\e85b";
} /* '' */
.icon-pencil-alt:before {
  content: "\e85c";
} /* '' */
.icon-book-open-1:before {
  content: "\e85d";
} /* '' */
.icon-share-1:before {
  content: "\e85e";
} /* '' */
.icon-wrench-1:before {
  content: "\e85f";
} /* '' */
.icon-play-circle2:before {
  content: "\e860";
} /* '' */
.icon-target-2:before {
  content: "\e861";
} /* '' */
.icon-cursor:before {
  content: "\e862";
} /* '' */
.icon-laptop-1:before {
  content: "\e863";
} /* '' */
.icon-brush-alt:before {
  content: "\e864";
} /* '' */
.icon-chart-pie-alt:before {
  content: "\e865";
} /* '' */
.icon-chart-pie-1:before {
  content: "\e866";
} /* '' */
.icon-videocam-1:before {
  content: "\e867";
} /* '' */
.icon-edit-1:before {
  content: "\e868";
} /* '' */
.icon-pencil-alt-1:before {
  content: "\e869";
} /* '' */
.icon-home-2:before {
  content: "\e86a";
} /* '' */
.icon-clock-1:before {
  content: "\e86b";
} /* '' */
.icon-award:before {
  content: "\e86c";
} /* '' */
.icon-mobile-2:before {
  content: "\e86d";
} /* '' */
.icon-tablet-1:before {
  content: "\e86e";
} /* '' */
.icon-book-1:before {
  content: "\e86f";
} /* '' */
.icon-chart-pie-2:before {
  content: "\e870";
} /* '' */
.icon-article-alt:before {
  content: "\e871";
} /* '' */
.icon-doc-1:before {
  content: "\e872";
} /* '' */
.icon-wrench-2:before {
  content: "\e873";
} /* '' */
.icon-tag:before {
  content: "\e874";
} /* '' */
.icon-mail-3:before {
  content: "\e875";
} /* '' */
.icon-search:before {
  content: "\e876";
} /* '' */
.icon-user-2:before {
  content: "\e877";
} /* '' */
.icon-info-1:before {
  content: "\e878";
} /* '' */
.icon-question:before {
  content: "\e879";
} /* '' */
.icon-stopwatch:before {
  content: "\e87a";
} /* '' */
.icon-data-science:before {
  content: "\e87b";
} /* '' */
.icon-win8:before {
  content: "\e87c";
} /* '' */
.icon-picture-2:before {
  content: "\e87d";
} /* '' */
.icon-camera-2:before {
  content: "\e87e";
} /* '' */
.icon-mail-circled:before {
  content: "\e87f";
} /* '' */
.icon-group:before {
  content: "\e880";
} /* '' */
.icon-group-circled:before {
  content: "\e881";
} /* '' */
.icon-home-circled:before {
  content: "\e882";
} /* '' */
.icon-edit-circled:before {
  content: "\e883";
} /* '' */
.icon-edit-2:before {
  content: "\e884";
} /* '' */
.icon-wrench-circled:before {
  content: "\e885";
} /* '' */
.icon-lightbulb-alt:before {
  content: "\e886";
} /* '' */
.icon-phone-circled:before {
  content: "\e887";
} /* '' */
.icon-desktop-circled:before {
  content: "\e888";
} /* '' */
.icon-laptop-circled:before {
  content: "\e889";
} /* '' */
.icon-inbox-circled:before {
  content: "\e88a";
} /* '' */
.icon-play-circled-1:before {
  content: "\e88b";
} /* '' */
.icon-video-circled:before {
  content: "\e88c";
} /* '' */
.icon-pencil-circled:before {
  content: "\e88d";
} /* '' */
.icon-network:before {
  content: "\e88e";
} /* '' */
.icon-briefcase-2:before {
  content: "\e88f";
} /* '' */
.icon-book-2:before {
  content: "\e890";
} /* '' */
.icon-clipboard:before {
  content: "\e891";
} /* '' */
.icon-megaphone-2:before {
  content: "\e892";
} /* '' */
.icon-check-empty-1:before {
  content: "\e893";
} /* '' */
.icon-adult:before {
  content: "\e894";
} /* '' */
.icon-person:before {
  content: "\e895";
} /* '' */
.icon-glasses:before {
  content: "\e896";
} /* '' */
.icon-wordpress:before {
  content: "\e897";
} /* '' */
.icon-wordpress-1:before {
  content: "\e898";
} /* '' */
.icon-wordpress-2:before {
  content: "\e899";
} /* '' */
.icon-email:before {
  content: "\e89a";
} /* '' */
.icon-video:before {
  content: "\e89b";
} /* '' */
.icon-install:before {
  content: "\e89c";
} /* '' */
.icon-desktop-1:before {
  content: "\e89d";
} /* '' */
.icon-desktop-2:before {
  content: "\e89e";
} /* '' */
.icon-target-3:before {
  content: "\e89f";
} /* '' */
.icon-phone-squared:before {
  content: "\e8a0";
} /* '' */
.icon-user-3:before {
  content: "\e8a1";
} /* '' */
.icon-user-4:before {
  content: "\e8a2";
} /* '' */
.icon-user-5:before {
  content: "\e8a3";
} /* '' */
.icon-print:before {
  content: "\e8a4";
} /* '' */
.icon-layout:before {
  content: "\e8a5";
} /* '' */
.icon-menu:before {
  content: "\e8a6";
} /* '' */
.icon-th-large:before {
  content: "\e8a7";
} /* '' */
.icon-th:before {
  content: "\e8a8";
} /* '' */
.icon-menu-1:before {
  content: "\e8a9";
} /* '' */
.icon-th-thumb:before {
  content: "\e8aa";
} /* '' */
.icon-path:before {
  content: "\e8ab";
} /* '' */
.icon-ok:before {
  content: "\e8ac";
} /* '' */
.icon-ok-circle:before {
  content: "\e8ad";
} /* '' */
.icon-play-circled2-1:before {
  content: "\e8ae";
} /* '' */
.icon-exclamation:before {
  content: "\e8af";
} /* '' */
.icon-warning:before {
  content: "\e8b0";
} /* '' */
.icon-quote:before {
  content: "\e8b1";
} /* '' */
.icon-info-circled-1:before {
  content: "\e8b2";
} /* '' */
.icon-heart:before {
  content: "\e8b3";
} /* '' */
.icon-heart-circled:before {
  content: "\e8b4";
} /* '' */
.icon-html5-1:before {
  content: "\e8b5";
} /* '' */
.icon-pinterest:before {
  content: "\e8b6";
} /* '' */
.icon-w3c:before {
  content: "\e8b7";
} /* '' */
.icon-calendar:before {
  content: "\e8b8";
} /* '' */
.icon-restaurant:before {
  content: "\e8b9";
} /* '' */
.icon-town-hall:before {
  content: "\e8ba";
} /* '' */
.icon-library:before {
  content: "\e8bb";
} /* '' */
.icon-paper-plane-1:before {
  content: "\e8bc";
} /* '' */
.icon-paper-plane-alt:before {
  content: "\e8bd";
} /* '' */
.icon-info-circled-2:before {
  content: "\e8be";
} /* '' */
.icon-th-list:before {
  content: "\e8bf";
} /* '' */
.icon-th-list-1:before {
  content: "\e8c0";
} /* '' */
.icon-pin:before {
  content: "\e8c1";
} /* '' */
.icon-info-2:before {
  content: "\e8c2";
} /* '' */
.icon-pinterest-circled-1:before {
  content: "\e8c3";
} /* '' */
.icon-pinterest-1:before {
  content: "\e8c4";
} /* '' */
.icon-pinterest-circled-2:before {
  content: "\e8c5";
} /* '' */
.icon-extinguisher:before {
  content: "\e8c6";
} /* '' */
.icon-food:before {
  content: "\e8c7";
} /* '' */
.icon-eye:before {
  content: "\e8c8";
} /* '' */
.icon-icon_reportcard:before {
  content: "\e8c9";
} /* '' */
.icon-icon_quotebubble:before {
  content: "\e8ca";
} /* '' */
.icon-icon_gradcap:before {
  content: "\e8cb";
} /* '' */
.icon-icon_graduate:before {
  content: "\e8cc";
} /* '' */
.icon-icon_cg:before {
  content: "\e8cd";
} /* '' */
.icon-smile:before {
  content: "\e8ce";
} /* '' */
.icon-quote-1:before {
  content: "\e8cf";
} /* '' */
.icon-archive:before {
  content: "\e8d0";
} /* '' */
.icon-box:before {
  content: "\e8d1";
} /* '' */
.icon-bell:before {
  content: "\e8d2";
} /* '' */
.icon-signal:before {
  content: "\e8d3";
} /* '' */
.icon-money:before {
  content: "\e8d4";
} /* '' */
.icon-upload-cloud:before {
  content: "\e8d5";
} /* '' */
.icon-fontsize:before {
  content: "\e8d6";
} /* '' */
.icon-fire:before {
  content: "\e8d7";
} /* '' */
.icon-road:before {
  content: "\e8d8";
} /* '' */
.icon-filter:before {
  content: "\e8d9";
} /* '' */
.icon-fire-1:before {
  content: "\e8da";
} /* '' */
.icon-css:before {
  content: "\e8db";
} /* '' */
.icon-slideshare:before {
  content: "\e8dc";
} /* '' */
.icon-w3c-1:before {
  content: "\e8dd";
} /* '' */
.icon-layers:before {
  content: "\e8de";
} /* '' */
.icon-split:before {
  content: "\e8df";
} /* '' */
.icon-umbrella:before {
  content: "\e8e0";
} /* '' */
.icon-trophy:before {
  content: "\e8e1";
} /* '' */
.icon-vcard:before {
  content: "\e8e2";
} /* '' */
.icon-building:before {
  content: "\e8e3";
} /* '' */
.icon-puzzle-1:before {
  content: "\e8e4";
} /* '' */
.icon-beaker:before {
  content: "\e8e5";
} /* '' */
.icon-dollar:before {
  content: "\e8e6";
} /* '' */
.icon-book-3:before {
  content: "\e8e7";
} /* '' */
.icon-paste:before {
  content: "\e8e8";
} /* '' */
.icon-menu-2:before {
  content: "\e8e9";
} /* '' */
.icon-flag-checkered:before {
  content: "\e8ea";
} /* '' */
.icon-quote-left:before {
  content: "\e8eb";
} /* '' */
.icon-quote-right:before {
  content: "\e8ec";
} /* '' */
.icon-icon_navicon:before {
  content: "\e8ed";
} /* '' */
.icon-icon_suit:before {
  content: "\e8ee";
} /* '' */
.icon-icon_reading:before {
  content: "\e8ef";
} /* '' */
.icon-ok-circled:before {
  content: "\e8f0";
} /* '' */
.icon-ok-circled2:before {
  content: "\e8f1";
} /* '' */
.icon-ok-1:before {
  content: "\e8f2";
} /* '' */
.icon-ok-squared:before {
  content: "\e8f3";
} /* '' */
.icon-check:before {
  content: "\e8f4";
} /* '' */
.icon-window:before {
  content: "\e8f5";
} /* '' */
.icon-docs:before {
  content: "\e8f6";
} /* '' */
.icon-code-1:before {
  content: "\e8f7";
} /* '' */
.icon-feather:before {
  content: "\e8f8";
} /* '' */
.icon-keyboard-1:before {
  content: "\e8f9";
} /* '' */
.icon-check-1:before {
  content: "\e8fa";
} /* '' */
.icon-heart-1:before {
  content: "\e8fb";
} /* '' */
.icon-heart-empty:before {
  content: "\e8fc";
} /* '' */
.icon-cc-by:before {
  content: "\e8fd";
} /* '' */
.icon-cc-share:before {
  content: "\e8fe";
} /* '' */
.icon-twitter:before {
  content: "\e8ff";
} /* '' */
.icon-clipboard-1:before {
  content: "\e900";
} /* '' */
.icon-facebook-squared-1:before {
  content: "\e901";
} /* '' */
.icon-facebook:before {
  content: "\e902";
} /* '' */
.icon-news:before {
  content: "\e903";
} /* '' */
.icon-check-2:before {
  content: "\e904";
} /* '' */
.icon-chart-pie:before {
  content: "\e905";
} /* '' */
.icon-clipboard-2:before {
  content: "\e906";
} /* '' */
.icon-twitter-1:before {
  content: "\e907";
} /* '' */
.icon-quote-left-1:before {
  content: "\e908";
} /* '' */
.icon-quote-right-1:before {
  content: "\e909";
} /* '' */
.icon-book-4:before {
  content: "\e90a";
} /* '' */
.icon-camera-3:before {
  content: "\e90b";
} /* '' */
.icon-bullhorn:before {
  content: "\e90c";
} /* '' */
.icon-dollar-1:before {
  content: "\e90d";
} /* '' */
.icon-garden:before {
  content: "\e90e";
} /* '' */
.icon-police:before {
  content: "\e90f";
} /* '' */
.icon-search-circled:before {
  content: "\e910";
} /* '' */
.icon-heart-empty-1:before {
  content: "\e911";
} /* '' */
.icon-bookmark:before {
  content: "\e912";
} /* '' */
.icon-bookmark-empty:before {
  content: "\e913";
} /* '' */
.icon-adjust:before {
  content: "\e914";
} /* '' */
.icon-fire-2:before {
  content: "\e915";
} /* '' */
.icon-doc-2:before {
  content: "\e916";
} /* '' */
.icon-money-1:before {
  content: "\e917";
} /* '' */
.icon-diamond:before {
  content: "\e918";
} /* '' */
.icon-note:before {
  content: "\e919";
} /* '' */
.icon-clock-2:before {
  content: "\e91a";
} /* '' */
.icon-list-numbered:before {
  content: "\e91b";
} /* '' */
.icon-terminal:before {
  content: "\e91c";
} /* '' */
.icon-icon_interactive:before {
  content: "\e91d";
} /* '' */
.icon-icon_brain:before {
  content: "\e91e";
} /* '' */
.icon-icon_apple:before {
  content: "\e91f";
} /* '' */
.icon-icon_suits:before {
  content: "\e920";
} /* '' */
.icon-icon_suits2:before {
  content: "\e921";
} /* '' */
.icon-icon_tie:before {
  content: "\e922";
} /* '' */
.icon-heart-2:before {
  content: "\e923";
} /* '' */
.icon-heart-empty-2:before {
  content: "\e924";
} /* '' */
.icon-print-1:before {
  content: "\e925";
} /* '' */
.icon-clock-3:before {
  content: "\e926";
} /* '' */
.icon-inbox:before {
  content: "\e927";
} /* '' */
.icon-umbrella-1:before {
  content: "\e928";
} /* '' */
.icon-list-alt:before {
  content: "\e929";
} /* '' */
.icon-rocket-1:before {
  content: "\e92a";
} /* '' */
.icon-money-2:before {
  content: "\e92b";
} /* '' */
.icon-youtube-play:before {
  content: "\e92c";
} /* '' */
.icon-list-numbered-1:before {
  content: "\e92d";
} /* '' */
.icon-th-list-2:before {
  content: "\e92e";
} /* '' */
.icon-th-1:before {
  content: "\e92f";
} /* '' */
.icon-icon_syntax:before {
  content: "\e930";
} /* '' */
.icon-icon_girl1:before {
  content: "\e931";
} /* '' */
.icon-icon_girl2:before {
  content: "\e932";
} /* '' */
.icon-icon_girl3:before {
  content: "\e933";
} /* '' */
.icon-icon_boy1:before {
  content: "\e934";
} /* '' */
.icon-icon_boy2:before {
  content: "\e935";
} /* '' */
.icon-icon_girl4:before {
  content: "\e936";
} /* '' */
.icon-icon_boy3:before {
  content: "\e937";
} /* '' */
.icon-icon_girl5:before {
  content: "\e938";
} /* '' */
.icon-icon_girl6:before {
  content: "\e939";
} /* '' */
.icon-icon_boy4:before {
  content: "\e93a";
} /* '' */
.icon-icon_boy5:before {
  content: "\e93b";
} /* '' */
.icon-icon_girl7:before {
  content: "\e93c";
} /* '' */
.icon-icon_boy6:before {
  content: "\e93d";
} /* '' */
.icon-icon_girl8:before {
  content: "\e93e";
} /* '' */
.icon-icon_funface:before {
  content: "\e93f";
} /* '' */
.icon-icon_hawaii:before {
  content: "\e940";
} /* '' */
.icon-icon_firetruck:before {
  content: "\e941";
} /* '' */
.icon-icon_firechief:before {
  content: "\e942";
} /* '' */
.icon-icon_books:before {
  content: "\e943";
} /* '' */
.icon-icon_book-marked:before {
  content: "\e944";
} /* '' */
.icon-icon_book-open:before {
  content: "\e945";
} /* '' */
.icon-icon_book-pages:before {
  content: "\e946";
} /* '' */
.icon-bookmark-1:before {
  content: "\e947";
} /* '' */
.icon-bookmark-empty-1:before {
  content: "\e948";
} /* '' */
.icon-docs-1:before {
  content: "\e949";
} /* '' */
.icon-doc-text-inv:before {
  content: "\e94a";
} /* '' */
.icon-doc-inv:before {
  content: "\e94b";
} /* '' */
.icon-box-1:before {
  content: "\e94c";
} /* '' */
.icon-cog:before {
  content: "\e94d";
} /* '' */
.icon-search-1:before {
  content: "\e94e";
} /* '' */
.icon-help-circled:before {
  content: "\e94f";
} /* '' */
.icon-shuffle:before {
  content: "\e950";
} /* '' */
.icon-exchange:before {
  content: "\e951";
} /* '' */
.icon-award-1:before {
  content: "\e952";
} /* '' */
.icon-ellipsis:before {
  content: "\e953";
} /* '' */
.icon-ellipsis-vert:before {
  content: "\e954";
} /* '' */
.icon-road-1:before {
  content: "\e955";
} /* '' */
.icon-anchor:before {
  content: "\e956";
} /* '' */
.icon-pencil-2:before {
  content: "\e957";
} /* '' */
.icon-address:before {
  content: "\e958";
} /* '' */
.icon-folder:before {
  content: "\e959";
} /* '' */
.icon-publish:before {
  content: "\e95a";
} /* '' */
.icon-users-2:before {
  content: "\e95b";
} /* '' */
.icon-lifebuoy:before {
  content: "\e95c";
} /* '' */
.icon-list:before {
  content: "\e95d";
} /* '' */
.icon-chat:before {
  content: "\e95e";
} /* '' */
.icon-users-3:before {
  content: "\e95f";
} /* '' */
.icon-th-2:before {
  content: "\e960";
} /* '' */
.icon-check-3:before {
  content: "\e961";
} /* '' */
.icon-ok-circled2-1:before {
  content: "\e962";
} /* '' */
.icon-ok-circled-1:before {
  content: "\e963";
} /* '' */
.icon-map-1:before {
  content: "\e964";
} /* '' */
.icon-headphones:before {
  content: "\e965";
} /* '' */
.icon-mic:before {
  content: "\e966";
} /* '' */
.icon-commerical-building:before {
  content: "\e967";
} /* '' */
.icon-ticket-1:before {
  content: "\e968";
} /* '' */
.icon-itunes:before {
  content: "\e969";
} /* '' */
.icon-website:before {
  content: "\e96a";
} /* '' */
.icon-warehouse:before {
  content: "\e96b";
} /* '' */
.icon-trash-empty:before {
  content: "\e96c";
} /* '' */
.icon-trash:before {
  content: "\e96d";
} /* '' */
.icon-globe:before {
  content: "\e96e";
} /* '' */
.icon-industrial-building:before {
  content: "\e96f";
} /* '' */
.icon-tree-2:before {
  content: "\e970";
} /* '' */
.icon-tree-1:before {
  content: "\e971";
} /* '' */
.icon-home-1:before {
  content: "\e972";
} /* '' */
.icon-youtube:before {
  content: "\e973";
} /* '' */
.icon-shop:before {
  content: "\e974";
} /* '' */
.icon-glass:before {
  content: "\e975";
} /* '' */
.icon-thumbs-up:before {
  content: "\e976";
} /* '' */
.icon-calendar-alt:before {
  content: "\e977";
} /* '' */
.icon-beer:before {
  content: "\e978";
} /* '' */
.icon-beer-1:before {
  content: "\e979";
} /* '' */
.icon-wine:before {
  content: "\e97a";
} /* '' */
.icon-bar:before {
  content: "\e97b";
} /* '' */
.icon-hammer:before {
  content: "\e97c";
} /* '' */
.icon-globe-1:before {
  content: "\e97d";
} /* '' */
.icon-icon_community:before {
  content: "\e97e";
} /* '' */
.icon-icon_handshake:before {
  content: "\e97f";
} /* '' */
.icon-icon_buildings:before {
  content: "\e980";
} /* '' */
.icon-icon_building:before {
  content: "\e981";
} /* '' */
.icon-icon_microphone:before {
  content: "\e982";
} /* '' */
.icon-icon_monitor:before {
  content: "\e983";
} /* '' */
.icon-icon_building2:before {
  content: "\e984";
} /* '' */
.icon-icon_listen:before {
  content: "\e985";
} /* '' */
.icon-icon_touch:before {
  content: "\e986";
} /* '' */
.icon-icon_swipe:before {
  content: "\e987";
} /* '' */
.icon-icon_sitemap:before {
  content: "\e988";
} /* '' */
.icon-icon_devices:before {
  content: "\e989";
} /* '' */
.icon-icon_browser:before {
  content: "\e98a";
} /* '' */
.icon-icon-checklist:before {
  content: "\e98b";
} /* '' */
.icon-icon-checklist2:before {
  content: "\e98c";
} /* '' */
.icon-icon_monitor-code:before {
  content: "\e98d";
} /* '' */
.icon-icon-laptop-code:before {
  content: "\e98e";
} /* '' */
.icon-icon-checkbox3:before {
  content: "\e98f";
} /* '' */
.icon-icon-checklist3:before {
  content: "\e990";
} /* '' */
.icon-icon-speaker:before {
  content: "\e991";
} /* '' */
.icon-icon_monitor-video:before {
  content: "\e992";
} /* '' */
.icon-icon-laptop-video:before {
  content: "\e993";
} /* '' */
.icon-bug:before {
  content: "\e994";
} /* '' */
.icon-down-dir:before {
  content: "\e995";
} /* '' */
.icon-right-dir:before {
  content: "\e996";
} /* '' */
.icon-down-micro:before {
  content: "\e997";
} /* '' */
.icon-up-micro:before {
  content: "\e998";
} /* '' */
.icon-down:before {
  content: "\e999";
} /* '' */
.icon-left:before {
  content: "\e99a";
} /* '' */
.icon-right:before {
  content: "\e99b";
} /* '' */
.icon-up:before {
  content: "\e99c";
} /* '' */
.icon-angle-double-down:before {
  content: "\e99d";
} /* '' */
.icon-icon-javascript:before {
  content: "\e99e";
} /* '' */
.icon-chart-bar-1:before {
  content: "\e99f";
} /* '' */
.icon-file-code:before {
  content: "\e9a0";
} /* '' */
.icon-file-pdf:before {
  content: "\e9a1";
} /* '' */
.icon-file-word:before {
  content: "\e9a2";
} /* '' */
.icon-file-image:before {
  content: "\e9a3";
} /* '' */
.icon-file-archive:before {
  content: "\e9a4";
} /* '' */
.icon-icon-responsive:before {
  content: "\e9a5";
} /* '' */
.icon-codeopen:before {
  content: "\e9a6";
} /* '' */
.icon-file-excel:before {
  content: "\e9a7";
} /* '' */
.icon-terminal-1:before {
  content: "\e9a8";
} /* '' */
/* LAYOUT/GRID
================================================== */
body {
  font-size: 87.5%;
  /* 14px; */
}

.container {
  /* FLUID WIDTH */
  width: 92%;
  margin: 0;
  padding: 0 4%;
}

/* #Custom Typography
================================================== */
strong {
  font-family: "OpenSansBold", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

em {
  font-family: "OpenSansItalic", Helvetica, Arial, sans-serif;
  font-style: normal;
}

a {
  font-family: "OpenSansBold", Helvetica, Arial, sans-serif;
}

hr {
  margin: 3em 0 2.9375em 0;
  border: none;
  border-top: 0.0625em solid rgba(0, 0, 0, 0.2);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "OpenSansBold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
h1 .light,
h2 .light,
h3 .light,
h4 .light,
h5 .light,
h6 .light {
  font-family: "OpenSansLight", Helvetica, Arial, sans-serif;
}

h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
  font-family: "OpenSansLight", Helvetica, Arial, sans-serif;
}

.byline {
  font-family: "OpenSansLight", Helvetica, Arial, sans-serif;
}

h2 + .byline {
  margin-top: -1.5em;
}

blockquote {
  font-family: "OpenSansBold", Helvetica, Arial, sans-serif;
  color: rgb(255, 153, 0);
}

/* #Custom Media
================================================== */
img {
  margin-bottom: 2em;
  display: inline-block;
}

img.full-width {
  width: 100%;
}

/* #Custom Classes
================================================== */
.hide,
.hidden {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

.centered {
  margin: 0 auto;
}

.textcentered {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .nomobile {
    display: none;
  }
}

.kccblue,
a.kccblue {
  color: #2754a5;
}

.img-small {
  width: 50%;
}

.small-text {
  font-size: 80%;
}

.bottom-space {
  margin-bottom: 1.5em !important;
}

/* #Custom Button Overrides
================================================== */
button,
a.button {
  background-color: #069;
  color: #fff;
  font-family: "OpenSansBold", Helvetica, Arial, sans-serif;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 1.15em 1.5em 1em 1.5em;
  line-height: 1.3em;
  text-align: center;
  margin: 0 1em 0 0;
}

button:hover,
a.button:hover {
  background-color: #034160;
  border-color: #034160;
  color: #fff;
}

button i,
a.button i {
  color: #069;
}

button:hover i,
a.button:hover i {
  color: #fff;
}

button.reverse:hover,
a.button.reverse:hover {
  color: #034160;
}

/* #Custom Site Header & Footer
================================================== */
.site-footer {
  margin-top: 3em;
  padding-bottom: 1.5em;
}
.site-footer a {
  color: #333;
}
.site-footer .site-navigation {
  border-top: 1px solid #ccc;
  text-align: center;
  margin-top: 0.2em;
  padding-top: 1em;
}
.site-footer .site-navigation ul,
.site-footer .site-navigation li {
  margin: 0;
}
.site-footer .site-navigation ul li {
  list-style: none;
  display: inline-block;
}
.site-footer .site-navigation ul li a {
  font-family: "OpenSans", Helvetica, Arial, sans-serif;
  color: #666;
  display: inline-block;
  border-bottom: 0.125em solid rgba(255, 255, 255, 0);
  margin-top: -0.125em;
  margin: 1em;
}
.site-footer .site-navigation ul li a:hover {
  color: #333;
  border-bottom: 0.125em solid #000;
}

/* #ACCORDIAN
================================================== */
.arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #808080;
  border-bottom: 1px solid transparent;
  display: inline-block;
  margin-bottom: 0;
  margin-left: 0.5em;
  margin-right: 0.2em;
}

.arrow.up {
  border-bottom: 5px solid #808080;
  border-top: none;
  margin-bottom: 2px;
}

.accordian {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 2em;
}
.accordian:hover {
  background: rgba(0, 0, 0, 0.03);
}

.accordian + .accordian {
  border-top: none;
  margin-top: 0;
}

.accordian .collapsedbox {
  opacity: 0;
  height: 0;
  overflow: hidden;
  max-height: 0;
  transition: 0.2s ease-in-out;
  padding: 0 1.5em;
}

.accordian.open .collapsedbox {
  height: auto;
  opacity: 1;
  max-height: 2000px;
  padding: 1em 1.5em 2em 1.5em;
}

.accordian.open .arrow {
  border-bottom: 5px solid #808080;
  border-top: none;
  margin-bottom: 2px;
}

.accordian .arrow {
  float: right;
  margin-top: 0.5em;
}

.accordian h5,
.accordian h6 {
  margin: 0;
  padding: 1.5em 1em;
}
.accordian h5 span.light,
.accordian h6 span.light {
  margin-left: 0.3em;
}

.accordian .collapsedbox h5,
.accordian .collapsedbox h6 {
  padding-left: 0;
  padding-right: 0;
}

.accordian.small h5,
.accordian.small h6 {
  padding: 0.5em 1em;
}

.accordian h5:hover,
.accordian h6:hover {
  cursor: pointer;
}

.accordian:last-of-type {
  margin-bottom: 3em;
}

/* TEMP FIX FOR FACULTY WITH NO BIOS */
.nma-faculty-caption-no-bio {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1.5em 1em;
  margin: 2em 0 3em 0;
}

/* #FRAMEWORK ICONS (Fontello)
===================================== */
ul.icons + ul.icons {
  margin: 0;
}

ul.icons li {
  margin: 0 0 0 0.25em;
  position: relative;
  list-style: none;
}
ul.icons li h1,
ul.icons li h2,
ul.icons li h3,
ul.icons li h4,
ul.icons li h5,
ul.icons li h6,
ul.icons li p {
  margin-top: 0;
}

ul.icons.large-icons li {
  margin: 0 0 1em 0;
  padding-top: 0.8em;
}

ul.icons.large-icons i {
  font-size: 2em;
  position: absolute;
  top: 0;
  left: 0;
}

ul.icons.large-icons li h1,
ul.icons.large-icons li h2,
ul.icons.large-icons li h3,
ul.icons.large-icons li h4,
ul.icons.large-icons li h5,
ul.icons.large-icons li h6,
ul.icons.large-icons li p {
  color: #666;
  margin: 0;
  padding-left: 3.5em;
}
ul.icons.large-icons li i + h1 {
  margin: -0.25em 0 0 0;
}
ul.icons.large-icons li i + h2 {
  margin: -0.2em 0 0 0;
}
ul.icons.large-icons li i + h3,
ul.icons.large-icons li i + h4,
ul.icons.large-icons li i + h5 {
  margin: 0;
}
ul.icons.large-icons li i + h6,
ul.icons.large-icons li i + p {
  margin: 0.2em 0 0 0;
}
ul.icons.large-icons li a {
  margin-left: 3em;
}

ul.listcols li {
  width: 50%;
  float: left;
  clear: none;
}

/* #Custom Sections
================================================== */
section {
  padding: 1.5em 0;
}

#hero {
  padding: 0;
}

#contact .accordian:hover {
  background: none;
}

@media (min-width: 1050px) {
  #faculty p {
    font-size: 90%;
  }
}

/* #SECTION HEADS */
.section-head {
  text-align: center;
  padding: 3em 0 1.5em 0;
}
.section-head h3,
.section-head h3.section-head {
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 1.5em;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  color: #4d4d4d;
  display: inline-block;
  padding-bottom: 0.35em;
  border-bottom: 0.35em solid rgba(0, 0, 0, 0.1);
  margin-top: 0.75em;
  margin-bottom: 1.5em;
}

/* #AUTO COLORED SECTIONS */
/* #BOXES
================================================== */
.vertbox {
  display: table;
  height: 100%;
  width: 100%;
  min-height: 100%;
}

.vertbox .textbox {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* #OVERLAY-BOXES
================================================== */
.overlaywrap {
  position: relative;
  color: #fff;
  overflow: hidden;
}
.overlaywrap img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

@media (min-width: 768px) {
  .hero .overlaywrap img {
    margin: -5% 0;
  }
}
@media (min-width: 1050px) {
  .hero .overlaywrap img {
    margin: -10% 0;
  }
}
@media (min-width: 1250px) {
  .hero .overlaywrap img {
    margin: -15% 0;
  }
}

.overlaywrap + h4 {
  margin-top: 1.5em;
}

.overlaybox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* #CIRCLE-BOXES
================================================== */
.circlebox {
  border-radius: 100%;
  margin: 0 auto;
  width: 50%;
  height: 50%;
}
@media screen and (max-width: 768px) {
  .circlebox {
    width: 200px;
    height: 200px;
  }
  .circlebox img {
    width: 200px;
    height: 200px;
    margin: 0 auto;
  }
}

/* #TEXT-BOXES
================================================== */
.textbox {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.textbox h1,
.textbox h2,
.textbox p,
.textbox .button {
  margin-left: auto;
  margin-right: auto;
  max-width: 85%;
}
.textbox h1,
.textbox h2 {
  margin-top: 0;
  margin-bottom: 0.25em;
}
.textbox h1 span,
.textbox h2 span {
  display: block;
  font-size: 0.4em;
  line-height: 2em;
}
@media screen and (max-width: 768px) {
  .textbox h1 span.nomobile,
  .textbox h2 span.nomobile {
    display: none;
  }
}
.textbox h1 a,
.textbox h2 a {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .textbox h1,
  .textbox h2 {
    font-size: 1.3em;
  }
}
.textbox p {
  max-width: 22em;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .textbox a.button,
  .textbox p {
    font-size: 0.8em;
  }
}

/* #BOXES
================================================== */
.box {
  padding: 0 25%;
  width: 50%;
}

.box .filled,
.box .outlined {
  display: block;
  padding: 50%;
  width: 0;
  height: 0;
  position: relative;
}

.box .filled {
  background: #333;
  color: #fff;
}

.box .outlined {
  border: 3px solid #333;
  color: #333;
}

.box a.filled {
  background: #069;
}

.box a.filled:hover {
  background: #034160;
}

.box .filled .equal,
.box .outlined .equal {
  position: absolute;
  top: 20%;
  left: 20%;
  margin: -10% 0 0 -10%;
  height: 80%;
  width: 80%;
}

.box .filled .equal .vertbox,
.box .outlined .equal .vertbox {
  display: table;
  height: 100%;
  width: 100%;
  min-height: 100%;
}

.box .filled .equal .vertbox span,
.box .outlined .equal .vertbox span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.box .circled {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.box .rounded {
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  border-radius: 10%;
}

.box h1,
.box h2,
.box h3,
.box h4,
.box h5,
.box h6 {
  text-transform: uppercase;
  font-size: 1.35em;
  line-height: 1em;
  margin: 0;
  color: #333;
}

.box .filled h1,
.box .filled h2,
.box .filled h3,
.box .filled h4,
.box .filled h5,
.box .filled h6 {
  color: #fff;
}

.box i,
.box .number {
  font-size: 2em;
}

.box.big {
  padding: 0 10%;
  width: 80%;
}

.box.big .filled,
.box.big .outlined {
  padding: 50%;
}

.box.small {
  padding: 0 25%;
  width: 50%;
}

.box.small .filled,
.box.small .outlined {
  padding: 25%;
  margin: 25%;
}

.box.small i {
  font-size: 1.5em;
}

.box + h1,
.box + h2,
.box + h3,
.box + h4,
.box + h5,
.box + h6 {
  margin-top: 1.5em;
}

/* #TINTED DUOTONE IMAGES
================================================== */
.tint {
  position: relative;
}

.tint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 162, 219, 0.5);
}

/* #SWIPER CUSTOMIZATION
================================================== */
@media screen and (max-width: 768px) {
  .swiper-button-prev,
  .swiper-button-next {
    background-size: 50% !important;
  }
}

/* #GALLERY CUSTOMIZATION
================================================== */
.my-gallery {
  margin: 0 -1%;
  text-align: center;
  /*
    figure a:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%; 
        max-height: 100%; 
        width: auto;
        height: auto;
        margin: auto;
        background: rgba(0,0,0,.05);
    }
    */
}
.my-gallery:after {
  content: "";
  display: table;
  clear: both;
}
.my-gallery figure {
  position: relative;
  height: 0;
  display: inline-block;
  margin: 1%;
  overflow: hidden;
  text-align: center;
  clear: none;
  width: 23%;
  padding-top: 23%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .my-gallery figure {
    width: 48%;
    padding-top: 48%;
  }
}
.my-gallery figure a {
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  transition: all 0.1s ease;
  background: rgba(0, 0, 0, 0.8);
}
.my-gallery figure a:hover {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.my-gallery figure a:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.my-gallery figure img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: auto;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

/* #YT EMBED CUSTOMIZATION
================================================== */
#yt-video-container figure a {
  background: #000;
}

#yt-video-container figure a:after {
  content: "";
  display: block;
  width: 44px;
  height: 36px;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -21px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

#yt-video-container figure:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 14px;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -5px;
}

/* #PHOTOSWIPE CUSTOMIZATION
================================================== */
.pswp__bg {
  background: #eee !important;
}

.pswp__caption__center {
  text-align: center !important;
  color: #fff !important;
}

.pswp__item iframe {
  width: 80%;
  height: 80%;
  margin: 0 10%;
  padding-top: 10%;
}

.pswp__img {
  width: auto !important;
  height: auto !important;
}

/* APPLY PORTFOLIO WORKS */
.portfolio-work figure {
  width: 46%;
  margin: 2%;
  float: left;
}
.portfolio-work figure img {
  margin: 0;
}
.portfolio-work figure figcaption {
  margin: 0;
  font-size: 0.8em;
}

/* #LARGE MEDIA QUERY
==================================================
================================================== */
@media (min-width: 1050px) {
  body {
    font-size: 100%;
    /* 16px; */
  }
  /* FIXED WIDTH */
  .container {
    width: 960px;
    padding: 0 20px;
    margin: 0 auto;
  }
  .container.full-width {
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
  }
}
/* #LARGE MEDIA QUERY
==================================================
================================================== */
@media (min-width: 1250px) {
  body {
    font-size: 112.5%;
    /* 18px; */
  }
  /* FIXED WIDTH */
  .container {
    width: 1160px;
    padding: 0 20px;
    margin: 0 auto;
  }
  .container.full-width {
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
  }
}
/* ANIMATION */
@keyframes fadeanddropIn {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
.fadeanddropIn * {
  animation: fadeanddropIn 0.6s ease-out forwards;
  opacity: 0;
}

.fadeanddropIn *:nth-child(1) {
  animation-delay: 0.15s;
}

.fadeanddropIn *:nth-child(2) {
  animation-delay: 0.3s;
}

.fadeanddropIn *:nth-child(3) {
  animation-delay: 0.45s;
}

.fadeanddropIn *:nth-child(4) {
  animation-delay: 0.6s;
}

.fadeanddropIn *:nth-child(5) {
  animation-delay: 0.75s;
}

.fadeanddropIn *:nth-child(6) {
  animation-delay: 0.9s;
}

.fadeanddropIn *:nth-child(7) {
  animation-delay: 1.05s;
}

.fadeanddropIn *:nth-child(8) {
  animation-delay: 1.2s;
}

.fadeanddropIn *:nth-child(9) {
  animation-delay: 1.35s;
}

.fadeanddropIn:last-child *:nth-child(1) {
  animation-delay: 1.5s;
}

.fadeanddropIn:last-child *:nth-child(2) {
  animation-delay: 1.65s;
}

.fadeanddropIn:last-child *:nth-child(3) {
  animation-delay: 1.8s;
}

@keyframes fadeandscaleIn {
  0% {
    transform: scale(0.97) translateY(5px);
    opacity: 0;
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
.revealer.active *:nth-child(1),
.fadeandscaleIn *:nth-child(1) {
  animation-delay: 0s;
}

.revealer.active *:nth-child(2),
.fadeandscaleIn *:nth-child(2) {
  animation-delay: 0.15s;
}

.revealer.active *:nth-child(3),
.fadeandscaleIn *:nth-child(3) {
  animation-delay: 0.3s;
}

.revealer.active *:nth-child(4),
.fadeandscaleIn *:nth-child(4) {
  animation-delay: 0.45s;
}

.revealer.active *:nth-child(5),
.fadeandscaleIn *:nth-child(5) {
  animation-delay: 0.6s;
}

.revealer.active *:nth-child(6),
.fadeandscaleIn *:nth-child(6) {
  animation-delay: 0.75s;
}

.revealer.active *:nth-child(7),
.fadeandscaleIn *:nth-child(7) {
  animation-delay: 0.9s;
}

.revealer.active *:nth-child(8),
.fadeandscaleIn *:nth-child(8) {
  animation-delay: 1.05s;
}

.revealer.active *:nth-child(9),
.fadeandscaleIn *:nth-child(9) {
  animation-delay: 1.2s;
}

.revealer.active *:nth-child(10),
.fadeandscaleIn *:nth-child(10) {
  animation-delay: 1.35s;
}

.revealer * {
  opacity: 0;
}

.swiper-slide-active .vertbox *,
.revealer.active *,
.fadeandscaleIn * {
  animation: fadeandscaleIn 0.6s ease-out forwards;
  opacity: 0;
}

.warning {
  border-radius: 1em;
  padding: 5em 2em 4em 2em;
  background-size: 400%;
  background-color: #942929;
  background-image: linear-gradient(-45deg, #a5044f, #cc142d, #830000);
  animation: animatedGradient 20s ease infinite;
  color: #fff;
  max-width: 800px;
  margin: 0 auto;
}
.warning .img-wrapper {
  max-width: 700px;
  margin: 0 auto 2em auto;
}
.warning .runninghead {
  display: inline-block;
  padding-bottom: 0.5em;
  border-bottom: 0.35em solid rgba(0, 0, 0, 0.5);
  font-size: 0.8em;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.warning img {
  display: block;
}
.warning h2,
.warning h3,
.warning p,
.warning ul {
  max-width: 600px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
.warning p {
  margin-bottom: 1em;
}
.warning .button {
  margin: 0.5em 0.8em 0.5em 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.warning .button:hover {
  background-color: rgb(0, 0, 0);
}

.news-box {
  max-width: 800px;
  margin: 0 auto;
  border-radius: 1em;
  padding: 5em 2em 4em 2em;
  box-shadow: 0 0 1.5em 1.5em rgba(0, 0, 0, 0.05);
}
.news-box .runninghead {
  display: inline-block;
  padding-bottom: 0.5em;
  border-bottom: 0.35em solid rgba(0, 0, 0, 0.1);
  font-size: 0.8em;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.news-box h2,
.news-box h3,
.news-box p,
.news-box ul {
  max-width: 600px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

@keyframes animatedGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
#studentshowtextbox {
  max-width: 100px;
}

@media (min-width: 300px) {
  #studentshowtextbox {
    max-width: 200px;
  }
}
@media (min-width: 550px) {
  #studentshowtextbox {
    max-width: 350px;
  }
}
@media (min-width: 900px) {
  #studentshowtextbox {
    max-width: 370px;
  }
}
@media (min-width: 1000px) {
  #studentshowtextbox {
    max-width: 380px;
  }
}
.nma-easter-egg {
  position: absolute;
  bottom: 0;
  right: 0;
}
.nma-easter-egg a {
  color: white;
}