/* ================================================================
   PRIMARY SITE NAV
   ================================================================ */

/*  MAIN NAV
   ================================================================ */

.mainNav ::-moz-selection { background: transparent; text-shadow: none; }
.mainNav ::selection { background: transparent; text-shadow: none; }

.mainNav .link-home { display:none; width:65px; }
.mainNav .link-home a { font-size:1.4em; }
.mainNav .link-home a > span { padding-top:3px; }
.mainNav .link-home .icon-home { line-height:1; }

@media(min-width:48em){
    .mainNav .link-home { display:table-cell; }
}

/* MENU LINK */

.mainNav .menuToggle {
    display:block;
    position:absolute;
    top:-52px; left:8px;
    border-radius:5px;
    width:33px; height:35px;
    background:#d9d9d9;
}
.mainNav .menuToggle > span { display:block; }

.mainNav .menuToggle:before,
.mainNav .menuToggle:after,
.mainNav .menuToggle > span:before {
	content:" ";
	position:absolute;
	left:15%;
	width:70%; height:3px;
	background:#777;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
}
.mainNav .menuToggle:before { top:9px; }
.mainNav .menuToggle:after { top:16px; }
.mainNav .menuToggle > span:before { top:23px; }

.mainNav .menuToggle:hover, .mainNav .menuToggle:focus, .mainNav .menuToggle.active {
    background:#d7d7d7;
    -webkit-box-shadow: 0 0 0 3px #777;
            box-shadow: 0 0 0 3px #777;
}

.mainNav .menuToggle:hover:before,
.mainNav .menuToggle:hover:after,
.mainNav .menuToggle:hover > span:before,
.mainNav .menuToggle:focus:before,
.mainNav .menuToggle:focus:after,
.mainNav .menuToggle:focus > span:before,
.mainNav .menuToggle.active:before,
.mainNav .menuToggle.active:after,
.mainNav .menuToggle.active > span:before { background:#222; }

@media (min-width:62em){
    .mainNav { margin-top:5px; }
    .mainNav .menuToggle { display:none; }
}


/*  NAVIGATION STYLES
   ================================================================ */

.js-clickMenu {
	position: absolute;
	z-index:2000;
	top: 100%; left: 0;
	margin-top:2px; padding:0;
	width: 100%;
	background:#ebebeb;
}
.js-clickMenu ul {
    margin:0; padding:0;
    max-height:0;
    opacity:0;
    list-style:none;
    overflow:hidden;
    background:#ebebeb;
    -wekbit-transition: max-height 0.5s ease-in-out, opacity 0.4s ease-in-out;
            transition: max-height 0.5s ease-in-out, opacity 0.4s ease-in-out;
}
.js-clickMenu li a { display:block; position:relative; padding:10px; font-size:18px; font-size:1.15rem; font-weight:600; }

.js-clickMenu > ul > li { position:relative; -webkit-backface-visibility:hidden; }
.js-clickMenu > ul > li > a {
    /*border-bottom:1px solid #888;*/
	padding: .9em 27px .9em;
	color: #fff;
    background:#a2a2a2;
	-webkit-transition: all 0.2s ease-out;
		    transition: all 0.2s ease-out;
}
.js-clickMenu > ul > li > a > span { display:block; }

.js-clickMenu > ul > li:hover > a, .js-clickMenu > ul > .opened > a,
.js-clickMenu > ul > li > a:hover, .js-clickMenu > ul > li > a:focus,
.js-clickMenu ul li .active { outline:0; color:#222; border-bottom-color:#ebebeb; background:#ebebeb; }

.js-clickMenu .has-sub span:after,
.js-clickMenu .subMenu .has-sub:after {
	content:" ";
	position:absolute;
	bottom:10px; right:10px;
	border:5px solid transparent; border:5px solid rgba(80,80,80,0); 
    border-bottom-color:#656565; border-right-color:#656565;
	-moz-transform:scale(.99);
	margin-left:10px;
	vertical-align:middle;
	line-height:1;
	-webkit-transition: all 0.2s ease-out;
		    transition: all 0.2s ease-out;
}

.js-clickMenu .subMenu { position:relative; }
.js-clickMenu .subMenu ul { padding:0 10px; font-size:.9em; }
.js-clickMenu .subMenu ul li { position:relative; }
.js-clickMenu .subMenu a { margin:10px 0; padding:.9em 40px .9em; color:#fff; background:#A2A2A2; }

.js-clickMenu .subMenu li:hover > a, .js-clickMenu .subMenu .opened > a,
.js-clickMenu .subMenu a:hover, .js-clickMenu .subMenu li a:focus,
.js-clickMenu .subMenu li .active { color: #222; background:#fff; }

/* ================= MENU TOGGLE FUNCTIONALITY ================= */

.js-menu-active .js-clickMenu > ul { max-height:80em; opacity:1; }
.js-clickMenu .opened > ul,
.js-clickMenu .opened > .subMenu > ul { max-height:80em; opacity:1; }


@media (min-width:62em){
    .js-clickMenu { position: static; padding:0; background:none; }
    .js-clickMenu ul { overflow:visible; }

    .js-clickMenu > ul { display:table; table-layout:fixed; border: 0; /*border-bottom:1px solid #888;*/ width: 100%; max-height:80em; opacity:1; background: none; }
    .js-clickMenu > ul > li { display: table-cell; position:static; vertical-align: middle; }
    .js-clickMenu > ul > li > a {
		display:table;
        border-left:1px solid #ffffff;
        border-right:1px solid #888;
        border-bottom:0;
		width:100%; height:55px;
		padding:0;
		text-align: center;
        font-weight:700;
        text-transform:uppercase;
        color:#333;
        background: #c9c9c9;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmI2YjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -webkit-linear-gradient(top, #dfdfdf 0%, #b6b6b6 100%);
        background:         linear-gradient(to bottom, #dfdfdf 0%, #b6b6b6 100%);
    }
    .js-clickMenu > ul > li > a > span { display:table-cell; position:relative; z-index:1; padding-left: 0.4em; padding-right: 0.4em; vertical-align:middle; line-height:1.2; }
    .js-clickMenu > ul > li:first-child > a { border-left:0; }
    .js-clickMenu > ul > li:last-child > a { border-right:0; }

    /* Overwrite hover since background transtions to solid colors don't transition correctly but include fallback when csstransitions aren't supported */
    .js-clickMenu > ul > li:hover > a,
    .js-clickMenu > ul > li > a:hover, .js-clickMenu > ul > li > a:focus,
    .js-clickMenu > ul > li > .active {
        background: #c9c9c9;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmI2YjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -webkit-linear-gradient(top, #dfdfdf 0%, #b6b6b6 100%);
        background:         linear-gradient(to bottom, #dfdfdf 0%, #b6b6b6 100%);
    }
    .no-csstransitions .js-clickMenu > ul > li:hover > a,
    .no-csstransitions .js-clickMenu > ul > li > a:hover, .no-csstransitions .js-clickMenu > ul > li > a:focus { background:#ebebeb; }

    .js-clickMenu > ul > li > a > span:before {
        content:" ";
        position:absolute; z-index:-1;
        top:0; left:0; right:0; bottom:0;
        background:#ebebeb;
        opacity:0;
        -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
    }

    .js-clickMenu > ul > .opened > a > span:before, .js-clickMenu > ul > li > .active > span:before,
    .js-clickMenu > ul > li > a:hover > span:before, .js-clickMenu > ul > li > a:focus > span:before { opacity:1; }

    .js-clickMenu .has-sub span:after,
    .js-clickMenu .subMenu .has-sub:after { bottom:5px; right:5px; }


    .js-clickMenu .subMenu { position:relative; padding:0; }
    .js-clickMenu .subMenu ul { display:block; position:absolute; z-index:-1; top:-100em; left:0; border-top:2px solid #a7a7a7; padding:0; min-width:100%; }
    .js-clickMenu .subMenu ul ul { border-top:0; }

    .js-clickMenu li:nth-last-child(-n+2) .subMenu ul { left:auto; right:0; }
    .js-clickMenu li:nth-last-child(-n+2) .subMenu ul ul { margin-left:0; }

    .js-clickMenu .subMenu a { margin:8px; padding:8px 10px; font-size:14px; font-size:.85rem; font-weight:600; -webkit-backface-visibility:hidden; }

    .js-clickMenu .subMenu li:hover > a,
    .js-clickMenu .subMenu a:hover, .js-clickMenu .subMenu a:focus,
    .js-clickMenu .subMenu .active > a,
    .js-clickMenu .subMenu .opened > a { color:#222; background:#fff; }


    /* ================= HOVER FUNCTIONALITY (MAYBE JS FAILED) ================= */

    .js-clickMenu li:hover > .subMenu > ul { top:0; max-height:80em; opacity:1; }
    .js-clickMenu li:hover > ul { left:100%; top:-5px; margin-left:-5px; max-height:80em; opacity:1; }

    /* Disabled the following line because it is an issue for the sub sub items:
	.js-clickMenu li:nth-last-child(-n+2) li:hover > ul { left:auto; right:100%; margin-right:-5px; }*/

    /* ================= HOVER FUNCTIONALITY REMOVED AND OPENED FUNCTIONALITY ADDED ON SETUP ================= */

    .js-enabled li:hover > .subMenu > ul { top:0; max-height:0; opacity:0; }
    .js-enabled li:hover > ul { left:0; top:-5px; max-height:0; opacity:0; }
    .js-enabled li:nth-last-child(-n+2) li:hover > ul { right:0; }

    .js-enabled ul ul {
        -wekbit-transition: max-height 0.6s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out, box-shadow 0.2s ease-in-out;
                transition: max-height 0.6s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out, box-shadow 0.2s ease-in-out;
    }
    .js-enabled .subMenu ul ul { top:-13px; }

    .js-enabled .subMenu ul { top:0; overflow:hidden; }
    .js-enabled .opened > .subMenu > ul, .js-enabled .opened:hover > .subMenu > ul {
        top:0;
        max-height:80em;
        opacity:1;
        -webkit-box-shadow:1px 3px 5px rgba(0,0,0,.3);
                box-shadow:1px 3px 5px rgba(0,0,0,.3);
    }
    .js-enabled .opened > ul, .js-enabled .opened:hover > ul {
        top:-13px; left:100%;
        margin-left:0;
        padding:5px 0;
        max-height:80em;
        opacity:1;
        -webkit-box-shadow:-1px 3px 5px rgba(0,0,0,.3);
                box-shadow:-1px 3px 5px rgba(0,0,0,.3);
    }
    .js-enabled li:nth-last-child(-n+2) .opened > ul,
    .js-enabled li:nth-last-child(-n+2) .opened:hover > ul {
        right:100%;
        margin-right:0;
        -webkit-box-shadow:1px 3px 5px rgba(0,0,0,.3);
                box-shadow:1px 3px 5px rgba(0,0,0,.3);
    }

    .js-enabled .animated > ul,
    .js-enabled .animated .subMenu > ul { overflow:visible; z-index:10; }
    .js-enabled .animating > ul { z-index:-1; }
}


/*================================================================
                 SECTION NAVIGATION STYLES
================================================================*/

.section-navigation { margin:1.4em 0; }
.section-navigation .title { margin:0; padding:10px; }
.section-navigation ul { margin:0; padding:0; list-style:none; }
.section-navigation > ul > li { margin:3px 0; }

.section-navigation a { display:block; padding:.7em 40px .7em 10%; border:1px solid #ddd; color:#555; font-weight:600; }
.section-navigation a:hover, .section-navigation ul a:focus, .section-navigation ul a.active { background: #ebebeb; }

.section-navigation ul ul {
    max-height:0;
    opacity:0;
    overflow:hidden;
    -wekbit-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
            transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.section-navigation .opened > ul { border:1px solid #ddd; border-top:0; padding:.5em 0; }
.section-navigation .opened .opened > ul { border:1px solid #ddd; border-left:0; border-right:0; background:#f8f8f8;  }

.section-navigation ul ul a { padding:.3em 40px .3em 15%; border:0; color:#ed1c27; font-weight:400; }
.section-navigation ul ul a:hover, .section-navigation ul ul a:focus, .section-navigation ul ul a.active { font-weight:700; color:#ed1c27; background:0; }

.section-navigation ul ul ul a { padding-left:15%; color:#333; }

.section-navigation .has-sub { position:relative; }
.section-navigation .has-sub:after {
    content:" ";
    display:inline-block;
    position:absolute; top:50%; right:10px;
    margin:0;
    vertical-align:middle;
    border:7px solid transparent;
    /* Extra is for anti-aliasing issues in firefox and others */
    border:7px solid rgba(0,0,0,0);
    border-top-color:#777;
    -wekbit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.98) translateY(-40%);
        -ms-transform: scale(0.98) translateY(-40%);
            transform: scale(0.98) translateY(-40%);
}

.section-navigation .opened > ul { max-height:9999em; opacity:1; }

.section-navigation .opened > .has-sub:after {
    -webkit-transform: scale(0.98) rotate(-180deg) translateY(80%);
        -ms-transform: scale(0.98) rotate(-180deg) translateY(80%);
            transform: scale(0.98) rotate(-180deg) translateY(80%);
}

@media (min-width:48em) {
    .section-navigation > ul > li { margin:0; }
    .section-navigation a { border-top:0; color:#333; }
    .section-navigation > ul > li:first-child > a { border-top:1px solid #ddd; }

    .section-navigation .has-sub:after {
        content:"\76";
        font-family: 'icomoon';
        font-size:1.5em;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;

        border:0;
        -webkit-transform: scale(0.98) translateY(-50%);
            -ms-transform: scale(0.98) translateY(-50%);
                transform: scale(0.98) translateY(-50%);
    }

    .section-navigation .opened > .has-sub:after {
        -webkit-transform: scale(0.98) rotate(-180deg) translateY(60%);
            -ms-transform: scale(0.98) rotate(-180deg) translateY(60%);
                transform: scale(0.98) rotate(-180deg) translateY(60%);
    }

}

@media (min-width:60em) {
    .section-navigation { margin-top:0; }
}

/* ================= STYLING FOR FOOTER COPYRIGHT AND COOKIE MESSAGE ================= */
.copyright {
    font-size: 10px;
    color: #777;
    font-weight: bold;
}

.secondary {
    text-align: center;
    font-size: 10px;
    color: #777;
    font-weight: bold;
}

    .secondary ul li {
        display: inline-block;
        margin: 0 0 7px 0;
        padding: 0 10px;
        border-left: 1px solid #444;
    }

    .secondary li:first-child {
        border: none;
    }

.gdprCont {
    position: relative;
    background: #252525;
    border: solid 1px red;
    color: #777;
    font-family: "Arial narrow";
    font-weight: bold;
    font-size: 12px;
    margin: 20px 0 0 0;
}

.gdprDisplay {
    padding: 5px 64px 5px 35px;
    line-height: 1.75;
}

.gdprLink {
    color: #e42312;
}

.gdprDisplay svg {
    position: absolute;
    top: 15px;
    transform: translate(12px,-3px);
    right: 27px;
}

.hidden {
    display: none;
}

.removeButton {
    cursor: pointer;
}