@font-face{font-family:icon-font;src:url(../fonts/icon-font.eot);src:url(../fonts/icon-font.eot?#iefix) format('eot'),url(../fonts/icon-font.woff) format('woff'),url(../fonts/icon-font.ttf) format('truetype'),url(../fonts/icon-font.svg#icon-font) format('svg')}

.icon-desktop:before,.icon-menu-close:before,.icon-menu:before,.icon-mobile:before,.icon-submenu-down:before,.icon-submenu-right:before,.icon-world:before,.nav .nav-submenu>a:after,.nav-button:before,.nav-close:before,.nav>ul>.nav-submenu>a:after,header h1:before
{font-family:icon-font;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none;vertical-align:top}

.icon-desktop:before{content:"\E001"}

.icon-menu-close:before{content:"\E002"}

.icon-menu:before{content:"\E003"}

.icon-mobile:before{content:"\E004"}

.icon-submenu-down:before{content:"\E005"}

.icon-submenu-right:before{content:"\E006"}

.icon-world:before{content:"\E007"}

/* background color: original 26201C | color: A69A94 */
/* intense green 35c432 ; light green a7cb95 ; green 189a34 ; dark green 255e09 ; bright blue 0FA0CE ; light blue 1EAEDB ; pink fe7897 ; yellow f3ff92 ; red 923600 */

/* Latest Colors 
Red: #ce180f
Blue: #003b95
Light Blue: 
Dark Purple: #6806b3
Light Purple: #a84cf6
Orange: F9610F
Green: #17bc0f
Dark green: #045500
Dark gray: #26201C
*/

body{padding-top:3rem}

header{display:block;position:fixed;top:0;left:0;right:0;z-index:901;padding-left:10px;line-height:3rem;background:#003b95;color:#f1f1f1}

header h1{margin:0;font-size:1.3rem;line-height:3rem}

header h1 a {text-decoration: none;color:white;}

header h1:before{content:"\E007";margin-right:8px}

.nav-button,.nav-close{position:fixed;top:0;width:3rem;height:3rem;overflow:hidden;z-index:902;cursor:pointer;text-decoration:none;line-height:2rem;background:#003b95;color:#f1f1f1}

.nav-button:before,.nav-close:before{display:block;text-align:center}

.nav-button{display:block;right:2rem;font-size:2rem; padding-top: .5rem}

.nav-button:before{content:"\E003"}

.nav-close{display:none;right:4rem;font-size:1.9rem}

.nav-close:before{content:"\E002"}

.nav{padding-top:2.4rem;line-height:2.4rem;background:#003b95;color:#f3ff92;font-size:95%;}

.nav ul{border-radius:0/* 0 0px 6px*/; background:#003b95; /*font-weight: bold;*/}

.nav ul ul{background:#808080; font-weight: normal;}

.nav ul ul ul{background:#382f29}

.nav ul ul ul ul{background:#40362f}

.nav ul ul ul ul ul{background:#493e36}

.nav li{border-top:1px solid #59544F;cursor:pointer;list-style: none}

.nav li.nav-active>a,.nav li:hover>a{/*color:#ce180f;background:#F9610F*/background-color: white;color: #003b95; padding-bottom: 2px;}

.nav .nav-submenu>ul{margin-left:10px}

.nav .nav-submenu>a{padding-right:30px!important}

.nav a,.nav a:active,.nav a:hover,.nav a:visited{/*border-radius:6px;*/padding:0 10px 1px;color: #f1f1f1;text-decoration:none;font-family: "Bodoni",Times,Tahoma,serif; font-size: 1.75em}

.nav .nav-submenu>a:after{position:absolute;display:block;right:10px;top:1px;content:"\E005"}

.contact a{background-color:#F9610F;color:#FFFFFF;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 3px 8px 0 rgba(0,0,0,0.19);
}



@media only screen and (max-width:400px)
{
header h1{margin:0;font-size:1rem;line-height:3rem}

.nav-button{display:block;right:1.8rem;font-size:1.7rem}
}


@media only screen and (min-width:750px)
{
body{padding:0!important}header{position:relative;margin:0;padding:0;background:#35c432;}header h1{margin:0;padding:0;font-size:.1em;line-height:1.4rem;display:none;}.nav-button{display:none}.nav{padding:0!important;}.nav>ul>li{border-top:none; margin-left: 0;}.nav li>ul{box-shadow:0 0 5px 0 rgba(0,0,0,.75)}.nav ul ul ul{border-radius:0 6px 6px}.nav ul ul ul li:first-child{border-top:none}.nav .nav-left>ul{border-radius:6px 0 6px 6px}.nav .nav-submenu li{min-width:110px}.nav .nav-submenu>ul{margin:0}.nav>ul>.nav-submenu>a:after{content:"\E005";}.nav .nav-submenu>a:after{content:"\E006"}.contact a{text-align:center;position:fixed;display:block;border-radius:6px;right:-.5em;top:5px;padding:.5em;background:#F9610F;color:#FFFFFF;width:9em;height:3.5em;overflow:hidden;z-index:899;}.contact a:hover{background:#a84cf6;text-align:center;position:fixed;display:block;right:0em;top:5px;padding:.5em;width:10em;height:3.5em;overflow:hidden;z-index:899;box-shadow: 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,0);}
}