*, *::after, *::before { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
*::after, *::before {content:'';}
.cd-primary-nav .h1{font-size: 40px; color:#ffffff;margin-bottom: 0;border: 1px solid transparent; font-family:texgyreadventor-regular; font-weight: normal; font-size: 50px; line-height: 70px;}
.li-border-bottom{border-bottom: 1px solid #2AA7DC;}
/* Main components  */
header {z-index: 1;}
#nav li{list-style:none;margin-left: 30%;margin-right: 30%;margin-bottom: 0;padding-bottom: 2%;}
#nav ul{height:99.9%;background-color: rgba(58,50,94,0.95);}
.logo_bg{width: 100%; height: 90px; background-color:#3D3564;padding-left: 20px;  position: relative; z-index: 1;}
/* logo start */
.cd-logo, .cd-nav-trigger {position: fixed; display:block;outline:0;-moz-outline:0;}
.cd-logo {top: 22px; left: 0px; position: relative; z-index:30;}
.cd-logo img {display: block; z-index: 30; position: fixed;}
/* logo end */
.cd-nav-trigger {outline:0;-moz-outline:0;top:0px;right: 0%; height: 126px;width: 116px;z-index: 5;/* image replacement */overflow: hidden;text-indent: 100%;white-space: nowrap;background-position: right; outline:0;-moz-outline:0;}
.cd-nav-trigger .cd-icon {/* icon created in CSS */position: absolute;left: 65%;top: 34%; 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%);display:inline-block;width:22px;height:3px;background-color:#ffffff;z-index:10;}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: #ffffff;/* Force Hardware Acceleration in WebKit */-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;/* apply transition to transform property */-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;outline:0;-moz-outline:0;}
.cd-nav-trigger .cd-icon::before {-webkit-transform: translateY(-6px) rotate(0deg);-moz-transform: translateY(-6px) rotate(0deg);-ms-transform: translateY(-6px) rotate(0deg);-o-transform: translateY(-6px) rotate(0deg);transform: translateY(-6px) rotate(0deg);}
.cd-nav-trigger .cd-icon::after {-webkit-transform: translateY(6px) rotate(0deg);-moz-transform: translateY(6px) rotate(0deg);-ms-transform: translateY(6px) rotate(0deg);-o-transform: translateY(6px) rotate(0deg);transform: translateY(6px) rotate(0deg);}
.cd-nav-trigger::before, .cd-nav-trigger::after {position: absolute;top: 0;left: 0;border-radius: 50%;height: 100%;width: 100%;/* Force Hardware Acceleration in WebKit */-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;}
.cd-nav-trigger::before {background-color: transparent;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;transition-delay: 0.4s;}
.cd-nav-trigger::after {background-color: transparent;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition-duration: 0s;-moz-transition-duration: 0s;transition-duration: 0s;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;transition-delay: 0s;}
.cd-nav-trigger.close-nav::before {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
.cd-nav-trigger.close-nav::after {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;transition-delay: 0.4s;}
.cd-nav-trigger.close-nav .cd-icon {background-color: rgba(255, 255, 255, 0.1);outline:0;-moz-outline:0;}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {background-color: white;}
.cd-nav-trigger.close-nav .cd-icon::before {-webkit-transform: translateY(0) rotate(45deg);-moz-transform: translateY(0) rotate(45deg);-ms-transform: translateY(0) rotate(45deg);-o-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
.cd-nav-trigger.close-nav .cd-icon::after {-webkit-transform: translateY(0) rotate(-45deg);-moz-transform: translateY(0) rotate(-45deg);-ms-transform: translateY(0) rotate(-45deg);-o-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);}
.cd-primary-nav {background-color: rgba(58,50,94,0.1);/* by default it's hidden */position: fixed;left: 0;top: 0;height: 690px;width: 100%;margin: 0 auto;z-index: 3;overflow: auto;/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */-webkit-overflow-scrolling: touch;visibility: hidden;opacity: 0;-webkit-transition: visibility 0s, opacity 0.3s;-moz-transition: visibility 0s, opacity 0.3s;transition: visibility 0s, opacity 0.3s;}
.cd-primary-nav li {margin: 1.6em 0;text-transform: capitalize;}
.cd-primary-nav a {font-size: 22px; color:#26d1ff; text-decoration: none; font-family:Montserrat-Bold; font-weight: 100;text-decoration: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transition: color 0.2s;-moz-transition: color 0.2s;transition: color 0.2s;outline:0;-moz-outline:0;}
.no-touch .cd-primary-nav a:hover {color: #ffffff;}
.no-touch .cd-primary-nav a:focus{color: #ffffff;}
.cd-primary-nav.fade-in {/* navigation visible at the end of the circle animation */visibility: visible;opacity: 1;background-color: rgba(58,50,94,0.1);}
@media only screen and (min-width: 768px){.cd-primary-nav li{margin: 2em 0;}.cd-primary-nav a{font-size: 22px; color:#26d1ff; text-decoration: none; font-family:Montserrat-Bold; font-weight: 100;}}

.cd-overlay-nav, .cd-overlay-content {/* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */position: fixed;top: 18px;right: 5%;height: 4px;width: 4px;-webkit-transform: translateX(-20px) translateY(20px);-moz-transform: translateX(-20px) translateY(20px);-ms-transform: translateX(-20px) translateY(20px);-o-transform: translateX(-20px) translateY(20px);transform: translateX(-20px) translateY(20px);}
.cd-overlay-nav span, .cd-overlay-content span {display: inline-block;position: absolute;border-radius: 50%;/* Force Hardware Acceleration in WebKit */-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;will-change: transform;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {/* background fades out at the end of the animation */opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.cd-overlay-nav {/* main rounded colored bg 1 */z-index: 2;}
.cd-overlay-nav span {background-color: rgba(58,50,94,0.6);}
.cd-overlay-content {/* main rounded colored bg 2 */z-index: 4;}
.cd-overlay-content span {background-color: rgba(58,50,94,0.99);}
.cd-content {padding: 80px 0;width: 90%;  max-width: 768px;margin: 0 auto;  z-index: 1;}
.cd-content .cd-intro {height: 200px;padding-top: 4.6em;}
.cd-content h1 {text-align: center;  font-size: 20px;}
.cd-content p {line-height: 1.5;color: #a76500;}
@media only screen and (min-width: 768px) {.cd-content .cd-intro {height: 250px;padding-top: 6em;}.cd-content h1 {font-size: 28px;font-size: 1.75rem;}.cd-content p {font-size: 18px;font-size: 1.125rem;line-height: 1.8;}}