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

Primary style

-------------------------------- */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body.overflow-hidden {
  /* when primary navigation is visible, the content in the background won't scroll */
  //overflow: hidden;
}
nav {z-index: 1300; position: relative;}
a {
  color: white;
  text-decoration: none;
}

.cd-primary-nav li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 4.236em;
	font-weight: bold;
	//line-height: 0.6;
	color: #fff;
	-ms-transition: 0.4s;
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.cd-primary-nav li a:hover {
	padding-left: 60px;
	-ms-transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

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

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1px;
  margin: 0 auto;
}
.cd-container:after {
  content: "";
  display: table;
  clear: both;
}

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

Main components 

-------------------------------- */
html, body {
  //height: 100%;
}

.cd-header {
  position: absolute;
  //top: 0;
  left: 0;
  background-size: cover;
  background-position: top;
  height: 50px;
  width: 100%;
  z-index: 1101;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.trans-bg {background: transparent!important;}

@media only screen and (min-width: 1px) {
  .cd-header {
    height: 40px;
    box-shadow: none;
  }
}
@media only screen and (min-width: 2px) {
  .cd-header {
    -ms-transition: -ms-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    //-webkit-backface-visibility: hidden;
    //backface-visibility: hidden;
	//top: -40px;
  }
  .cd-header.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    /*-ms-transition: -ms-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;*/
  }
  .cd-header.is-visible, .super-nav-wrapper.stage1 {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 0%, 0);
    -moz-transform: translate3d(0, 0%, 0);
    -ms-transform: translate3d(0, 0%, 0);
    -o-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
	/*-ms-transition: -ms-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;*/
  }
  .cd-header.menu-is-open {
    /* add a background color to the header when the navigation is open */
    //background-color: transparent;
	//background: transparent!important;
	-webkit-transform: translate3d(0, 0%, 0);
    -moz-transform: translate3d(0, 0%, 0);
    -ms-transform: translate3d(0, 0%, 0);
    -o-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
	//background-image: none!important;
	//z-index: 1301;
  }
  .toggle.cd-header {z-index: 1350;}
  .home .toggle.cd-header {z-index: 1150;}
  .home .toggle.cd-header.menu-is-open {z-index: 1350;}
  .toggle.cd-header.over-image {//z-index: 1150;
	  //background-image: none!important;
	  //background-color: transparent!important;
	  opacity: 1;
  }
  .cd-header.over-image {//z-index: 1150;
	  opacity: 0;
  }
}

.cd-logo {
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: .875em;
}
.cd-logo img {
  display: block;
}
@media only screen and (min-width: 1px) {
  .cd-logo {
    left: 2.6em;
  }
}

.cd-primary-nav-trigger {
  //position: absolute;
  //right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  background-color: #03263d;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #000;
}
.cd-primary-nav-trigger .cd-menu-text {
  color: #000;
  font-size: 18px;
  //text-transform: uppercase;
  //font-weight: 700;
  /* hide the text on small devices */
  //display: none;
}

.cd-primary-nav-trigger .cd-menu-text:hover {color:rgba(9, 187, 210, 1)}

.cd-primary-nav-trigger .cd-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  //position: absolute;
  //left: 50%;
  //top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #000;
  -ms-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  right: 0;
  -ms-transition: -ms-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
  top: -5px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
  top: 5px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  background-color: #000;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media only screen and (min-width: 1px) {
  .cd-primary-nav-trigger {
    width: 100px;
	text-align: center;
    //padding-left: 1em;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    right: 50%;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-primary-nav-trigger .cd-menu-text {
    display: inline-block;
  }
  .cd-primary-nav-trigger .cd-menu-icon {
    left: auto;
    right: 1em;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}

.cd-primary-nav {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  color: #fff;
  z-index: 1100;
  //text-align: center;
  padding: 85px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -ms-transition-property: -ms-transform;
  -moz-transition-property: -moz-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -ms-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-primary-nav li {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: .5em 0 .5em 135px;
  line-height: 1;
  text-transform: capitalize;
}
.cd-primary-nav a {
  display: inline-block;
  //padding: .4em 1em;
  //border-radius: 0.25em;
  -ms-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.no-touch .cd-primary-nav a:hover {
  background-color: #e36767;
}
.cd-primary-nav .cd-label {
  color: #06446e;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 2.4em 0 .8em;
}

.cd-primary-nav.is-visible, .super-nav-wrapper.stage1 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

@media only screen and (min-width: 2px) {
  .cd-primary-nav .cd-label {
    font-size: 16px;
    font-size: 1rem;
  }
}

.cd-intro {
  position: relative;
  height: 100%;
  background: url("../img/cd-background-img.jpg") no-repeat center center;
  background-size: cover;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-intro h1 {
  position: absolute;
  width: 90%;
  max-width: 2px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: white;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  text-align: center;
}
@media only screen and (min-width: 1px) {
  .cd-intro h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 2px) {
  .cd-intro {
    height: 700px;
  }
}

.cd-main-content {
  position: relative;
  z-index: 1;
}
.cd-main-content p {
  line-height: 1.6;
  margin: 2em 0;
}
@media only screen and (min-width: 2px) {
  .cd-main-content p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

/* essays menu */
.cd-primary-nav-trigger-essays, .cd-close {
  //position: absolute;
  //right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  background-color: #03263d;
}
.cd-primary-nav-trigger-essays .cd-menu-text {
  color: #000;
  font-size: 18px;
  //text-transform: uppercase;
  //font-weight: 700;
  /* hide the text on small devices */
  //display: none;
}

.cd-primary-nav-trigger-essays .cd-menu-text:hover {color:rgba(255, 87, 119, 1);}


.cd-primary-nav-trigger-essays .cd-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  //position: absolute;
  //left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #000;
  -ms-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.cd-primary-nav-trigger-essays .cd-menu-icon::before, .cd-primary-nav-trigger-essays .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  right: 0;
  -ms-transition: -ms-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger-essays .cd-menu-icon::before {
  top: -5px;
}
.cd-primary-nav-trigger-essays .cd-menu-icon::after {
  top: 5px;
}
.cd-primary-nav-trigger-essays .cd-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger-essays .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger-essays .cd-menu-icon.is-clicked::after {
  background-color: #000;
}
.cd-primary-nav-trigger-essays .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-primary-nav-trigger-essays .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media only screen and (min-width: 1px) {
  .cd-primary-nav-trigger-essays, .cd-close {
    width: 100px;
	text-align: center;
    //padding-left: 1em;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    left: 50%;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-primary-nav-trigger-essays .cd-menu-text {
    display: inline-block;
  }
  .cd-primary-nav-trigger-essays .cd-menu-icon {
    left: auto;
    right: 1em;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}

.cd-primary-nav-essays {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 87, 119, 1);
  color: #fff;
  z-index: 1100;
  text-align: center;
  padding: 70px 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -ms-transition-property: -ms-transform;
  -moz-transition-property: -moz-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -ms-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-primary-nav-essays li {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: .2em 0;
  text-transform: capitalize;
}
.cd-primary-nav-essays a {
  display: inline-block;
  padding: .4em 1em;
  border-radius: 0.25em;
  -ms-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.no-touch .cd-primary-nav-essays a:hover {
  background-color: #e36767;
}
.cd-primary-nav-essays .cd-label {
  color: #06446e;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 2.4em 0 .8em;
}

.cd-primary-nav-essays.is-visible, .super-nav-wrapper.stage1 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-close {left:auto; width: 50px; visibility: hidden;}
.menu-is-open .cd-close .cd-menu-text {visibility: visible;}

@media only screen and (min-width: 2px) {
  .cd-primary-nav-essays li {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .cd-primary-nav-essays .cd-label {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media (max-width: 580px) {
	//.cd-primary-nav, .cd-primary-nav-essays {padding-top: 40px;}
}

/* directory menu */
.cd-primary-nav-trigger-directory, .cd-close {
  //position: absolute;
  //right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  background-color: #03263d;
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #000;
}
.cd-primary-nav-trigger-directory .cd-menu-text {
  color: #000;
  font-size: 18px;
  //text-transform: uppercase;
  //font-weight: 700;
  /* hide the text on small devices */
  //display: none;
}

.cd-primary-nav-trigger-directory .cd-menu-text:hover{color:rgba(38, 208, 182, 1);}



.cd-primary-nav-trigger-directory .cd-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  //position: absolute;
  //left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #000;
  -ms-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.cd-primary-nav-trigger-directory .cd-menu-icon::before, .cd-primary-nav-trigger-directory .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  right: 0;
  -ms-transition: -ms-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger-directory .cd-menu-icon::before {
  top: -5px;
}
.cd-primary-nav-trigger-directory .cd-menu-icon::after {
  top: 5px;
}
.cd-primary-nav-trigger-directory .cd-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger-directory .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger-directory .cd-menu-icon.is-clicked::after {
  background-color: #000;
}
.cd-primary-nav-trigger-directory .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-primary-nav-trigger-directory .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media only screen and (min-width: 1px) {
  .cd-primary-nav-trigger-directory, .cd-close {
    width: 100px;
	text-align: center;
    //padding-left: 1em;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    left: 50%;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-primary-nav-trigger-directory .cd-menu-text {
    display: inline-block;
  }
  .cd-primary-nav-trigger-directory .cd-menu-icon {
    left: auto;
    right: 1em;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}

.cd-primary-nav-directory {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(38, 208, 182, 1);
  color: #fff;
  z-index: 1100;
  text-align: center;
  padding: 70px 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -ms-transition-property: -ms-transform;
  -moz-transition-property: -moz-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -ms-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-primary-nav-directory li {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: .2em 0;
  text-transform: capitalize;
}
.cd-primary-nav-directory a {
  display: inline-block;
  padding: .4em 1em;
  border-radius: 0.25em;
  -ms-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.no-touch .cd-primary-nav-directory a:hover {
  background-color: #e36767;
}
.cd-primary-nav-directory .cd-label {
  color: #06446e;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 2.4em 0 .8em;
}

.cd-primary-nav-directory.is-visible, .super-nav-wrapper.stage1 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  min-height: 0;
}

.cd-close {left: auto;
width: 50px;
right: 10px;
position: absolute;
border: none;}
.menu-is-open .cd-close .cd-menu-text {visibility: visible;}

.cd-primary-nav .logo {position: absolute;bottom: 0;margin: 0 0 34px 135px;max-width: 135px;}

.cd-primary-nav .advsea-form input[type=search] {
    border: none;
    color: #000;
	margin-top: 40px;
    max-width: 500px;
    font-size: 2.618em;
}
.cd-primary-nav .glyphicon-search {
	font-size: 4.15em;
    top: 16px;
    margin-left: 13px;
    font-weight: bold;
}

/****** Super Menu ******/
.super-nav-wrapper {
	height: auto;
	max-height: 80px;
	overflow: hidden;
	-ms-transition: 0.6s;-o-transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;transition: 0.6s;
	z-index: 1210;
}
.super-nav-wrapper.is-visible:hover, .super-nav-wrapper.over-image, .super-nav-wrapper.stage1:hover {
	max-height: 250px;

}
.toggle.super-nav-wrapper {position: fixed; height: 60px!important; width: 40px; z-index: 1350!important;}
.super-nav-wrapper .menu-container {position: static;padding-bottom: 25px;}
.super-nav, .over-image.part-over-image .super-nav {
	display: flex;
    justify-content: space-between;
    width: 100%;
	text-transform: uppercase;
	padding-top: 23px;
	padding-left: 0;
	-ms-transition: 0.6s;-o-transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;transition: 0.6s;
}
.over-image .super-nav {
    padding-top: 75px;
}
.super-nav li {
	flex-grow: 1;
    color: white;
    font-weight: bold;
    padding-top: 3px;
    font-size: 1.618em;
	text-align: left;
}
.super-nav li a, .super-nav li a:link, .super-nav li a:hover {color: white;text-decoration: none;}
.super-nav li a:link:hover, .super-nav li a:hover {text-decoration: underline;}
.super-nav li ul, .nav-home li ul {
	font-size: 12px;
	padding-top: 40px;
	padding-bottom: 25px;
	padding-left: 0;
	color: white;
}
.super-nav li ul li, .nav-home li ul li {
	padding-top: 10px;
	padding-top: 7px;
    font-size: 14px;
	color: white;
}

.super-nav-wrapper #nav-toggle {
	top: 45px;
	visibility: hidden;
}
.super-nav-wrapper.menu-is-open #nav-toggle span:before {
    -ms-transform: rotate(-45deg) translate3D(0%, -50px, 0);
    -moz-transform: rotate(-45deg) translate3D(0%, -50px, 0);
    -webkit-transform: rotate(-45deg) translate3D(0%, -50px, 0);
    transform: rotate(-45deg) translate3D(0%, -50px, 0);
}

@media (max-width: 1200px) {
	.super-nav-wrapper .logo {
		display: none!important;
	}
	.super-nav, .over-image.part-over-image .super-nav {
		padding-left: 60px;
	}
	.super-nav-wrapper #nav-toggle {
		visibility: visible;
	}
}

@media only screen and (min-width: 2px) {
  .cd-primary-nav-directory li {
    //font-size: 30px;
    //font-size: 1.875rem;
  }
  .cd-primary-nav-directory .cd-label {
   // font-size: 16px;
    //font-size: 1rem;
  }
}

@media (max-width: 1050px) {
	.cd-primary-nav li a {font-size: 5.236em;}
	.cd-primary-nav li {margin-left: 80px;}
	.cd-primary-nav .logo {margin-left: 80px;}
}

@media (max-width: 1024px) {
	.super-nav li {font-size: 1em;}
	.super-nav li ul li, .nav-home li ul li {font-size: 12px;}
}

@media (max-height: 880px) {
	.cd-primary-nav li a {font-size: 4.236em;}
	.cd-primary-nav .advsea-form input[type=search] {margin-top: 30px;font-size: 1.618em; max-width: 365px;}
	.cd-primary-nav .glyphicon-search {font-size: 3em;top: 13px;}
	.cd-primary-nav li {margin-left: 80px;}
	.cd-primary-nav .logo {right: 25px; max-width: 175px;}
	
}

@media (max-width: 770px) {
	.cd-primary-nav li {margin-left: 50px;}
	.cd-primary-nav .logo {margin-left: 50px;}
	.super-nav {width: 93%;}
}

@media (max-width: 767px) , (max-height: 667px) {
	.cd-primary-nav li a {font-size: 4.618em;}
	.cd-primary-nav .advsea-form input[type=search] {margin-top: 30px;font-size: 1.618em; max-width: 365px;}
	.cd-primary-nav .glyphicon-search {font-size: 3em;top: 13px;}
}

@media (max-width: 668px) {
	.super-nav {display: none;}
	.super-nav-wrapper {height: 40px;}
	.super-nav-wrapper #nav-toggle {top: 24px;}
	.toggle.super-nav-wrapper {height: 40px!important;}
	.home .super-header .bg-img, .home .super-header .bg-img .mwc, .home .super-header .filter, .home .super-nav-wrapper.over-image {
		min-height: 40px;
		height: 40px;
	}
}

@media (max-width: 667px) , (max-height: 580px) {
	.cd-primary-nav {padding: 55px 0;}
	.cd-primary-nav li a {font-size: 2.618em;}
	.cd-primary-nav .advsea-form input[type=search] { margin-top: 20px;font-size: 1em;max-width: 250px;}
	.cd-primary-nav .glyphicon-search {font-size: 2em;top: 9px;}
	.cd-primary-nav li {margin-left: 40px;}
	.cd-primary-nav .logo {max-width: 125px;}
}
@media (max-width: 465px) , (max-height: 465px) {
	.cd-primary-nav {padding: 55px 0;}
	.cd-primary-nav li a {font-size: 1.618em;}
	.cd-primary-nav .advsea-form input[type=search] {max-width: 200px;padding: 5px;}
	.cd-primary-nav .glyphicon-search {font-size: 1.6em;top: 7px;}
	.cd-primary-nav li {margin-left: 40px;}
	.cd-primary-nav .logo {max-width: 100px;right: 18px;margin-bottom: 18px;}
}


.menu-container {margin:0 auto;text-align: center;position: absolute; top: 0;width: 100%;padding-top: 5px;}

.super-primary-nav {padding: 40px 0;}
.super-primary-nav li, .super-primary-nav li a {
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
}
.super-primary-nav li ul {
	padding: 0;
}
.super-primary-nav li ul li {
	padding: 0;
    margin-left: 0;
    margin-top: 2px;
    margin-bottom: 2px;
}
.super-primary-nav li ul li, .super-primary-nav li ul li a {font-weight: normal;}
.super-primary-nav li a:hover {
    padding-left: 0px;
}

.super-nav-wrapper.over-image {
    opacity: 1;
	-webkit-transform: translate3d(0, 0%, 0);-moz-transform: translate3d(0, 0%, 0);-ms-transform: translate3d(0, 0%, 0);-o-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);
	min-height: 50vh;
}
.super-nav-wrapper.part-over-image {
	min-height: 0;
	max-height: 80px;
}
.super-nav-wrapper .logo, .super-nav-wrapper.over-image.part-over-image .logo {
	position: absolute;
    left: 10px;
    top: 5px;
	height: 100%;
	max-height: 60px;
	min-height: 60px;
	margin-top: 0;
	-ms-transition: 0.6s;-o-transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;transition: 0.6s;
}
.super-nav-wrapper.over-image .logo {
	min-height: 72px;
	max-height: 72px;
    margin-top: 50px;
}

.header.super-header {
	-ms-transition: 0.6s;-o-transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;transition: 0.6s;
    max-height: 350px;
    overflow: hidden;
	opacity: 0;
}
.header.super-header.stage1 {
	max-height: 140px;
}