﻿.mobile-type .nav__screen{width: 0%;height: 100%;position: absolute;top: 5rem;left: 0px;box-sizing: border-box}.mob-nav{width: 0vw;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 100;opacity: 0;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 300ms;transition-duration: 300ms}.nav--active .mob-nav{width: 100%;opacity: 1;background-color: rgba(136, 155, 180, 0.9)}.nav__list{margin: 0;padding: 10px}.nav__item{list-style-type: none;text-align: left}.nav__link{font-size: 1.3em;text-transform: uppercase;text-decoration: none;color: #FFFFFF;opacity: 1;-webkit-transition: opacity 300ms ease-in-out;transition: opacity 300ms ease-in-out}.mob-nav__trigger{display: block;position: absolute;width: 1.6rem;height: 1.6rem;right: 1rem;top: 1.2rem;z-index: 200}.icon-active{opacity: 0.5}.nav__icon{display: inline-block;position: relative;width: 1.6rem;height: 0.2rem;background-color: #FFFFFF;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms}.nav__icon:before,.nav__icon:after{content: '';display: block;width: 1.6rem;height: 0.2rem;position: absolute;background: #FFFFFF;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms}.nav__icon:before{margin-top: -0.6rem}.nav__icon:after{margin-top: 0.6rem}.mob-nav{-webkit-transform: translateX(-100%);transform: translateX(-100%);width: 100%;height: 100%;padding-bottom: 5rem;box-sizing: border-box;overflow-y: auto}.nav__link{opacity: 0;-webkit-transition-delay: 500ms;transition-delay: 500ms}.mobile-type .nav--active{width: 100%}.nav--active .nav__link{opacity: 1}.nav--active .mob-nav{-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;-webkit-transform: translateX(0);transform: translateX(0)}.icon-active .nav__icon{background: rgba(0, 0, 0, 0)}.icon-active .nav__icon:before{margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}.icon-active .nav__icon:after{margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}.mob-nav a:hover,.mob-nav a:focus{text-decoration: none;outline: none}#mob-nav-accordion .panel{width: 100%;border: none;border-radius: 0;position: relative;border-bottom: solid 1px #c4c9ce77;float: left}#mob-nav-accordion .panel-heading{position: relative;padding: 10px 0 10px 15px;box-sizing: border-box}#mob-nav-accordion .panel-title{width: 100%}#mob-nav-accordion .panel-title a{font-size: 20px;color: #fff;border: none;margin: 0;position: relative}#mob-nav-accordion .panel-title-has-children .a-icon{width: 20px;height: 20px;float: right}#mob-nav-accordion .panel-title-has-children .a-icon:before,#mob-nav-accordion .panel-title-has-children .a-icon.collapsed:before{content: "\f078";font-family: fontawesome;width: 25px;height: 25px;line-height: 25px;border-radius: 50%;font-size: 15px;font-weight: normal;color: #fff;text-align: center;position: absolute;top: 50%;right: 25px;transform: translateY(-50%);transition: all 0.5s ease 0s}#mob-nav-accordion .panel-title-has-children .a-icon.collapsed:before{content: "\f054"}#mob-nav-accordion .panel-body{width: 100%;padding: 0 30px;border: none;font-size: 16px;color: #305275;background-color: rgba(197, 212, 233, 0.5);float: left;box-sizing: border-box}#mob-nav-accordion .panel-body ul{width: 100%}#mob-nav-accordion .panel-body ul li{width: 100%;padding: 8px 0px}#mob-nav-accordion .panel-body ul li a{color: #fff}
