/* ==========================================================================
  Sticky header
   ========================================================================== */
.sticky-header { height:90px;z-index: 110; position: fixed;background: #ffffff;width: 100%;top:20px;}

.sticky-header--active{box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);}
		
.sticky-header__item-container{float:right;}
.sticky-header__item{float:left;}

.sticky-header__item--logo{ margin-left:30px;}
.sticky-header__item--text{ margin: auto 0; position: relative; height:100%;/* top: calc(50% - 13px); */}
.sticky-header__item--text img {width: 400px; height: 26px; top: 50%; transform: translateY(-50%); position: absolute;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);}
.sticky-header__item--pegspace{background: #e7e7e7; cursor: pointer;}
.sticky-header__item--pegspace h4{padding:0; margin: 0; color: #002340; font-size: 12px;text-align: center; font-weight: 300;}
.sticky-header__item--pegspace a{text-decoration: none;}
.sticky-header__item--hamburger{}



.sticky-header__item--square{height: 90px;width:90px;} 

.sticky-header .sticky-header__item h1 { float:left;font-size:14px; line-height:30px; font-family: 'PalatinoLinotype-Roman', sans-serif; color:#002341; indent:0px;margin:auto 0; position: absolute; line-height: 90px;padding-left: 10px;}
.sticky-header .sticky-header__item i { display:inline-block; width:64px; height:64px; background:url('/resources/images/logo_dark.png') no-repeat; background-size:contain; vertical-align:middle; margin-top:15px; }
.sticky-header .sticky-header__item--mobile{display: none; }


/* ==========================================================================
  Menu toggle
   ========================================================================== */

/* Animated Menu Button */

.menu-toggle {background:#002341;display: block;position: relative;overflow: hidden;margin: 0;padding: 0;width: 90px;height: 90px;font-size: 0;indent: -9999px;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;-webkit-transition: background 0.3s;transition: background 0.3s;}
.menu-toggle:focus {outline: none;}

.modal-close span,.menu-toggle span {display: block;position: absolute;top: 43px;left: 25px;right: 25px;height: 2px;background: #fff;border-radius:2;}
.modal-close span::before,.modal-close span::after,.menu-toggle span::before,.menu-toggle span::after {position: absolute;display: block;left: 0;width: 100%;height: 2px;background-color: #fff;content: "";}

.menu-toggle span::before {top: -13px;}
.menu-toggle span::after {bottom: -13px;}
.menu-toggle span {-webkit-transition: background 0s 0.8s;-webkit-transition-timing-function: ease-in;-o-transition: background 0s 0.8s;-o-transition-timing-function: ease-in;transition: background 0s 0.8s;transition-timing-function: ease-in;}
.menu-toggle span::before,.menu-toggle span::after {-webkit-transition-duration: 0.2s, 0.8s;-webkit-transition-delay: 0.8s, 0s;-webkit-transition-timing-function: cubic-bezier(0.965, -0.300, 0.805, 1.015);-o-transition-duration: 0.2s, 0.8s;-o-transition-delay: 0.8s, 0s;-o-transition-timing-function: cubic-bezier(0.965, -0.300, 0.805, 1.015);transition-duration: 0.2s, 0.8s;transition-delay: 0.8s, 0s;transition-timing-function: cubic-bezier(0.965, -0.300, 0.805, 1.015);}
.menu-toggle span::before {-webkit-transition-property: top, transform;-webkit-transition-property:top, -webkit-transform;transition-property:top, -webkit-transform;transition-property:top, transform;transition-property: top, transform, -webkit-transform;}
.menu-toggle span::after {-webkit-transition-property: bottom, transform;-webkit-transition-property:bottom, -webkit-transform;transition-property:bottom, -webkit-transform;transition-property:bottom, transform;transition-property: bottom, transform, -webkit-transform;}
.menu-toggle.active span {background: transparent;-webkit-transition: background 0s 0.6s;transition: background 0s 0.6s;}

.modal-close span::before,.menu-toggle.active span::before {top: 0;-webkit-transform: rotate(45deg);-webkit-transition-duration: 0.8s, 0.2s;-webkit-transition-delay: 0s, 0.6s;-o-transform: rotate(45deg);-o-transition-duration: 0.8s, 0.2s;-o-transition-delay: 0s, 0.6s;transform: rotate(45deg);transition-duration: 0.8s, 0.2s;transition-delay: 0s, 0.6s;}
.modal-close span::after,.menu-toggle.active span::after {bottom: 0;-webkit-transform: rotate(-45deg);-webkit-transition-duration: 0.8s, 0.2s;-webkit-transition-delay: 0s, 0.6s;-o-transform: rotate(-45deg);-o-transition-duration: 0.8s, 0.2s;-o-transition-delay: 0s, 0.6s;transform: rotate(-45deg);transition-duration: 0.8s, 0.2s;transition-delay: 0s, 0.6s;}

.menu-toggle.active span::before,.menu-toggle.active span::after {-webkit-transition-delay: 0, 0.5s;transition-delay: 0, 0.5s;}
.menu-toggle.active{background: #88b7d7;-webkit-transition-delay: 0, 0.5s;transition-delay: 0, 0.5s;}

.modal-close span {background:#002341;}

.modal-close span::before,.modal-close span::after {background:#fff;}


/* ==========================================================================
 Menu Navigation
   ========================================================================== */

.collapsing {position: relative;height: 0;overflow: hidden;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-duration: .8s;transition-duration: .8s;}

.nav-menu {width:100%;color:#fff;background:#002341;opacity: .95;position:fixed;overflow:hidden;top:110px;z-index: 1000;}
.nav-menu > div {padding:90px 60px 300px; height: calc(100vh - 500px);}

.nav-menu h5 {margin-bottom:35px;}
.nav-menu h6 {font-size:18px;font-family:'PalatinoLinotype-Italic', sans-serif;color:#dbdbdb;}
.nav-menu .btn-wrap {max-width:460px;margin-bottom:90px;}
.nav-menu ul li{list-style: none; -webkit-transition:all 0.5s ease; transition: all 0.5s ease;cursor: pointer; display: table-row;}

.nav-menu ul li a:hover {color:#88b7d7; -webkit-transition:all 0.5s ease; transition: all 0.5s ease;}

.nav-menu__col ul {margin: 0;display: table;height: 100%;}

.nav-menu ul li a {color: #dbdbdb;font-size: 60px;line-height: 65px;font-weight: 100;display: table-cell;text-decoration: none;border-bottom: none;vertical-align: bottom;height: inherit;}
.nav-menu__col {height: 100%;position: relative;}


/* ==========================================================================
	Responsive Navigation
   ========================================================================== */

@media only screen and (max-width: 1024px) {
	
	.nav-menu ul li a{font-size:50px;line-height: 35px;}
	.nav-menu__col {height: 530px;}
	
}


@media only screen and (max-width: 767px) {
	
	.footer__column.footer__column--social-icons{right: 20px;}
	
	.footer__column--links ul{position: relative;}
	
	.footer{height: 315px;}
	
	.footer__info-text{left:20px;}
	
	.link-box--footer{float:left; margin-top: 15px;}
	
	.nav-menu ul{padding-left: 0; margin-top: 0; margin-bottom: 5px;}
	.nav-menu ul li{display: block;}
	
	.nav-menu ul li a{font-size: 20px;line-height: 12px;padding: 7px 0;}
	
	.nav-menu__col{height: auto;}
	
	.link-box--peglink .link-box__item--text h4{font-size: 14px;}
	
	.link-box--header{position: relative;float:left;}
	.link-box--footer{margin-left: 0;}
	
	.social-container .button{margin-top: 15px; margin-left: 10px; margin-right: 0; }
	
	.social-container{/* padding-right: 27px;  */width: auto;}
	
	.social-container__social-buttons {float: right; clear:both;}
	
	.nav-menu .nav-menu__container{padding: 25px; height: calc(100vh - 160px);}
	.nav-menu__col:first-child{ height: calc(100vh - 200px);}
	
	.nav-menu .nav-menu__container ul li a {font-size: 5vh;/* line-height: 4.2vh; */line-height: .65;}
	.nav-menu .nav-menu__container ul li { height: auto;}
	
	
	
}

@media only screen and (max-width: 540px) {
	.sticky-header__item--pegspace{display: none;}
	.sticky-header__item--logo {margin-left: 20px;}
	.sticky-header__item.sticky-header__item--logo{width: 80px;}
}


@media only screen and (max-height: 1155px) {
	
	.nav-menu ul li a{font-size: 3vh;
    line-height: 5.5vh;display: block;}
    
	.nav-menu ul li{ height: 40px;}
	
}

@media only screen and (max-height: 1000px) {
	
	.nav-menu > div { padding: 30px 60px 300px; height: calc(100vh - 440px);}
			
}