@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('http://use.typekit.net/ywn1djp.css');

    /* ********************************************************************************************************** */
    /* Normalize + Common Default Base Styles ...   */
    /* ********************************************************************************************************** */
    
    *, *:before, *:after {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    html {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
    }

    body {
        background: #fff;
        color: #333;
        padding: 0;
        margin: 0;
        font-family: effra, "Arial", "Helvetica", sans-serif;
        font-weight: normal;
        font-style: normal;
        line-height: normal;
        position: relative;
        cursor: default;
        font-size: 18px;
        overflow-x:hidden;
        -webkit-font-smoothing: antialiased;
    }

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-family: inherit;
        font-size: 100%;
    }

    a{
        font-family: effra, 'Arial', 'Helvetica', sans-serif;
        color: #1a63a2;
        font-size: 0.8235294117647059rem;
        font-weight: 500;
    }

    a:visited {
        color: #103b62;
        cursor: pointer;
        text-decoration: none;
    }

    a:hover, a:focus, a:active{
        color: #103b62;
        text-decoration: underline;
    }

    a:active, a:hover, a:focus {
        outline: 0;
    }

    a[name] {
        content: "";
        display: block;
        height: 140px; 
        width: 0;
        margin: -140px 0 0 0;
    }
    
    img {
        border: 0;
        display: inline-block;
        vertical-align: middle;
        -ms-interpolation-mode: bicubic;
    }

    .container {
        margin-left: auto;
        margin-right: auto;
        padding: 0 12px;
        position: relative;
        width: 100%;
    }

    /**** HEADER STYLING ****/

    header {
	position: relative;
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
    }

    .header {
	position: relative;
	border-bottom: none;
    }
    
    header .container {
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        position: relative;
        width: 100%;
		max-width: none;
    }

    header #header_image, #header_image_mobile_nav {
        display: flex;
        flex-direction: row; 
        flex-wrap: nowrap;
    }

    img {
        max-width: 100%;
        height: auto;
    }
    
    header #header_image > div:nth-of-type(2) {
        text-align: right;
        position: relative;
    }
    
    /** HEADER BOTTOM **/
    
    header #header-bottom {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    header #header-bottom > div {
        height: 48px;
    }
    header #header-bottom > div:last-child {
        text-align: right;
    }
    header #header-bottom > div:nth-of-type(1) {
        background-color: black;
        font-size: .9rem;
        position: relative;
    }
    
    header #header-bottom > div:nth-of-type(1) > nav {
        margin: 0 auto;
        text-align: center;
        font-size: 0;
    }
    header #header-bottom > div:nth-of-type(1) > nav > a {
        display: inline-block;
    }
    header #header-bottom > div:nth-of-type(1) > nav > a {
        padding: 1.08rem .75rem;
        font-weight: bold;
        font-size: .9rem;
        font-family: effra, "Arial", "Helvetica", sans-serif;
        text-transform: uppercase;
        vertical-align: inherit;
        color: #FFFFFF;
        cursor: pointer;
    }
    header #header-bottom > div:nth-of-type(1) > nav > a:link,
    header #header-bottom > div:nth-of-type(1) > nav > a:visited,
    header #header-bottom > div:nth-of-type(1) > nav > a:hover,
    header #header-bottom > div:nth-of-type(1) > nav > a:active {
        color: #FFFFFF;
        text-decoration: none;
    }
    header #header-bottom > div:nth-of-type(1) > nav > a > span,
    header #header-bottom > div:nth-of-type(1) > nav > label > span {
        border-bottom: 2px solid transparent;
        padding-bottom: .25rem;
        transition: border-bottom .15s;
    }
    header #header-bottom > div:nth-of-type(1) > nav > a:hover > span,
    header #header-bottom > div:nth-of-type(1) > nav > label:hover > span,
    header #header-bottom > div:nth-of-type(1) > nav > input[type="checkbox"]:checked + label > span {
        border-bottom: 2px solid #fff;
    }
    
    /* Side navigation style */

    
    #mySidenav {
        display: none;
        width: 0;
        position: absolute;
        z-index: 1;
        right: 0px;
        background-color: white;
        overflow-y: auto;
        overflow-x: hidden;
        white-space: nowrap;
        overflow-x: hidden;
        transition: 0.5s;
        float: right;
        margin-top: 3.5%;
    }
        
    #mySidenav a {
        display: block;
        padding: 1.05rem 1rem 1.05rem;
        position: relative;
        margin: 0;
        cursor: pointer;
        text-decoration: none;
        color: grey;
        display: block;
        text-decoration: none;
        transition: 0.3s;
        font-family: effra, "Arial", "Helvetica", sans-serif;
        font-size: 1.2rem;
        font-weight: 700;
    }
        
    #mySidenav a.icon {
        background: black;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    #mySidenav a:hover {
        background-color: #ddd;
        color: black;
        border: 1px solid black;
    }   

    header #header_image_mobile > div:nth-of-type(2){
        display: flex;
        flex-direction: row; 
        flex-wrap: nowrap;
    }

    header #header_image_mobile > div:nth-of-type(1) > img {
        background-color: #333;
    }

    header #header_image_mobile > div:nth-of-type(2) > div > p {
        margin: 0;
    line-height: 1.3;
	font-size: 17px;
    }
        
    @media (min-width: 1000px) {
        
        header #header-bottom > div:nth-of-type(1) {
            flex: 0 0 100%;
        }
        header #header-bottom > div:nth-of-type(1) > nav {
            margin: 0 auto;
            text-align: center;
            overflow: visible;
            padding: 0 5rem;
            display: table;
            width: 100%;
			max-width: 1366px;
        }			
        header #header_image {
            padding: 5px 30px;
			max-width: 1366px;
			margin: 0 auto;
        }
        header #header_image > div:nth-of-type(1) {
            flex: 0 0 30%;
            padding: 15px 0;
        }
        header #header_image > div:nth-of-type(2) {
            flex: 0 0 70%;
            padding: 1.1rem 0 0.75rem 0;
        }
        header #header_image > div:nth-of-type(2) > img {
            height: 55px;
            padding-left: 10em;
        }
        header #header_image_mobile, header #header_image_mobile_nav {
            display: none;
        }
        header #header-bottom > div:nth-of-type(1) > nav > a {
            display: table-cell;
            vertical-align: middle;
        } 

    }    

    @media (max-width: 999px) {

        header #header_image > div:nth-of-type(1) {
            flex: 0 0 35%;
            padding: 15px 10px;
        }
        header #header_image > div:nth-of-type(2) {
            flex: 0 0 60%;
            padding: 1.2rem 0 0.75rem 0;
        }
        header #header_image > div:nth-of-type(2) > img {
            padding-left: 5em;
        }
        header #header-bottom > div:nth-of-type(1) > nav > a {
            padding: 1.08rem .9rem;
        }
        header #header_image_mobile,header #header_image_mobile_nav {
            display: none;
        } 
        header #header-bottom > div:nth-of-type(1) > nav {
            display: block;
        } 
        header #header-bottom > div:nth-of-type(1) {
            flex: 0 0 100%;
        }
    }

    @media screen and (max-width: 767px) {
        header #header_image, header #header-bottom {
            display: none;
        }
        header #header_image_mobile {
            display: block;
        } 
        header #header_image_mobile > div:nth-of-type(2) > div:nth-of-type(1){
            flex: 0 0 80%;
            padding: 0.75rem; 
        }
        header #header_image_mobile > div:nth-of-type(2) > div:nth-of-type(2){
            flex: 0 0 20%;
            padding: 1.75rem;
            border-left: 1px solid black;
        }   
        header #header_image_mobile > div:nth-of-type(2) {
            border-bottom: 1px solid black;
        } 
    }

    @media screen and (max-width: 575px) {
        header #header-bottom,header #header_image {
            display: none;
        }
        header #header_image_mobile {
            display: block;
            width: 100%;
        }
        header #header_image_mobile > div:nth-of-type(1) {
            flex: 0 0 100%; 
        }
        header #header_image_mobile > div:nth-of-type(2) > div:nth-of-type(1) {
            flex: 0 0 70%;
            padding: 1rem 0.5rem;
        }
        header #header_image_mobile > div:nth-of-type(2) > div:nth-of-type(2){
            flex: 0 0 30%;
            padding: 0.5rem;
        }  
        header #header_image_mobile > div:nth-of-type(2) {
            border-bottom: 1px solid black;
        } 
    }

    /****  FOOTER STYLING ****/
    
    footer {
        margin-left: auto;
        margin-right: auto;
        /*max-width: 1366px;*/
        position: relative;
        width: 100%;
        background-color: #696969;
    }		
    footer {
        margin: 0 auto;
    }
    footer > div {
        text-align: center;
    }
    
    @media (min-width: 1000px) {
        footer {
            padding: 2.25rem .5rem 3rem .5rem;
        }
        footer > div:nth-of-type(1) {
            flex-wrap: nowrap;
            padding: 0 0 1.5rem 0;
        }
        footer > div:nth-of-type(2) {
            padding: 0 0 1rem 0;
        }
        footer > div:nth-of-type(3) {
            padding: 0 0 1.25rem 0;
        }
    }
    
    @media (max-width: 999px) {			
        footer {
            padding: 2.25rem .5rem 3rem .5rem;
        }

        footer #footer-mobile {
            display: none;
        }

        footer > div:nth-of-type(1) > nav {
            text-align: center;
        }

        footer > div:nth-of-type(1) {
            display: block;
            flex-wrap: nowrap;
            padding: 0 0 1.5rem 0;
        }
        footer > div:nth-of-type(2) {
            padding: 0 0 1rem 0;
        }
        footer > div:nth-of-type(3) {
            padding: 0 0 1.25rem 0;
        }
        footer > div:nth-of-type(1) > nav a:not(:last-child) {
            border-right: 1px solid #FFFFFF;
            padding-right: .75rem;
        }

        footer > div:nth-of-type(1) > nav > a:link, footer > div:nth-of-type(1) > nav > a:visited, footer > div:nth-of-type(1) > nav > a:active {
            color: #FFFFFF;
            text-decoration: none;
        }

        footer > div:nth-of-type(1) > nav > a:hover {
            color: #FFFFFF;
            text-decoration: underline;
        }

        footer > div:nth-of-type(1) > nav a {
            font-family: effra, "Arial", "Helvetica", sans-serif;
            font-size: .9rem;
            font-weight: lighter;
            color: #FFFFFF;
        }
    }

    @media (max-width: 575px) {
        footer #footer-nonmobile {
            display: none;
        }

        footer > #footer-mobile {
            display: block;
        }

        footer > #footer-mobile > p {
        text-align: center;
        margin: 0 0 0.2em;
        }

        footer > #footer-mobile > p > a:not(:last-child) {
            border-right: 1px solid #FFFFFF;
            padding-right: .75rem;
        }

        footer > #footer-mobile > p > a:link, footer > #footer-mobile > p > a:visited, footer > #footer-mobile > p > a:active {
            color: #FFFFFF;
            text-decoration: none;
        }

        footer > #footer-mobile > p > a:hover {
            color: #FFFFFF;
            text-decoration: underline;
        }

        footer > #footer-mobile > p > a {
            font-family: effra, "Arial", "Helvetica", sans-serif;
            font-size: .9rem;
            font-weight: lighter;
            color: #FFFFFF;
        }
    }

    @media (min-width: 1000px) {

        footer #footer-mobile {
            display: none;
        }

        footer > div:nth-of-type(1) > nav {
            text-align: center;
        }

        footer > div:nth-of-type(1) {
            display: block;
        }

        footer > div:nth-of-type(1) > nav a:not(:last-child) {
            border-right: 1px solid #FFFFFF;
            padding: 0 1rem;
        }

        footer > div:nth-of-type(1) > nav > a:link, footer > div:nth-of-type(1) > nav > a:visited, footer > div:nth-of-type(1) > nav > a:active {
            color: #FFFFFF;
            text-decoration: none;
        }

        footer > div:nth-of-type(1) > nav > a:hover {
            color: #FFFFFF;
            text-decoration: underline;
        }

        footer > div:nth-of-type(1) > nav a {
            font-family: effra, "Arial", "Helvetica", sans-serif;
            font-size: .9rem;
            font-weight: lighter;
            color: #FFFFFF;
        }
    }

    footer > #trademark > span {
        font-size: .75rem;
    }

    footer > #trademark > span {
        font-family: effra, "Arial", "Helvetica", sans-serif;
        font-weight: lighter;
        color: #FFFFFF;
    }

    footer > #gelogo > img {
        height: 60px;
    }