/* FONTS */
@font-face {
	font-family: 'TimesItalic';
	src: url('../font/Times-Italic.eot');
	src: local('?'), url('../font/Times-Italic.woff') format('woff'), url('../font/Times-Italic.ttf') format('truetype'), url('../font/Times-Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{
    font-family: arial;
    font-size:14px;
    color: #fff;
    line-height: 14px;
}

p {
    text-rendering: inherit !important;
}

.row {
  /*max-width: 50rem;*/ 
  max-width: 1000px; 
}
.row.wide{
    max-width:1296px;
}
.five{
    width:20%;
}  

/* GENERAL */
h1{
    font-weight:bold;
    font-size:32px;
    color: #0068b9;
    margin-top:20px;
}
h2{
    font-weight:normal;
    font-size:28px;
    color: #f0b310;
}
h3{
    font-weight:bold;
    color: #e6ae20;
    font-size:20px;
}
h4{
    font-family: "myriad pro", arial;
    font-size:26px;
    color: #f0b310;
}
h5{
    color: #f0b310;
    font-size: 24px;
    font-weight: normal;
}
h6{
    color: #f0b310;
    font-size: 18px;
    font-weight: normal;
    font-family:"TimesItalic", arial;
}
p{line-height:21px}
img{border:0}
.italic{    
    font-family:"TimesItalic", arial;
}
hr{
    margin:20px 0;
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}
hr.hr_blue{
    margin:20px 0;
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, rgba(54,122,171,0), rgba(54,122,171,0.75), rgba(54,122,171,0)); 
    background-image: -moz-linear-gradient(left, rgba(54,122,171,0), rgba(54,122,171,0.75), rgba(54,122,171,0)); 
    background-image: -ms-linear-gradient(left, rgba(54,122,171,0), rgba(54,122,171,0.75), rgba(54,122,171,0)); 
    background-image: -o-linear-gradient(left, rgba(54,122,171,0), rgba(54,122,171,0.75), rgba(54,122,171,0));    
}
hr.hr_lightblue{
    margin:20px 0;
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, rgba(51,133,190,0), rgba(51,133,190,0.75), rgba(51,133,190,0)); 
    background-image: -moz-linear-gradient(left, rgba(51,133,190,0), rgba(51,133,190,0.75), rgba(51,133,190,0)); 
    background-image: -ms-linear-gradient(left, rgba(51,133,190,0), rgba(51,133,190,0.75), rgba(51,133,190,0)); 
    background-image: -o-linear-gradient(left, rgba(51,133,190,0), rgba(51,133,190,0.75), rgba(51,133,190,0));    
}
hr.hr_green{
    margin:20px 0;
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, rgba(138,161,96,0), rgba(138,161,96,0.75), rgba(138,161,96,0)); 
    background-image: -moz-linear-gradient(left, rgba(138,161,96,0), rgba(138,161,96,0.75), rgba(138,161,96,0)); 
    background-image: -ms-linear-gradient(left, rgba(138,161,96,0), rgba(138,161,96,0.75), rgba(138,161,96,0)); 
    background-image: -o-linear-gradient(left, rgba(138,161,96,0), rgba(138,161,96,0.75), rgba(138,161,96,0));    
}
hr.hr_darkgreen{
    margin:20px 0;
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, rgba(71,132,123,0), rgba(71,132,123,0.75), rgba(71,132,123,0)); 
    background-image: -moz-linear-gradient(left, rgba(71,132,123,0), rgba(71,132,123,0.75), rgba(71,132,123,0)); 
    background-image: -ms-linear-gradient(left, rgba(71,132,123,0), rgba(71,132,123,0.75), rgba(71,132,123,0)); 
    background-image: -o-linear-gradient(left, rgba(71,132,123,0), rgba(71,132,123,0.75), rgba(71,132,123,0));    
}

hr.hr_purple{
    margin:20px 0;
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, rgba(138,86,141,0), rgba(138,86,141,0.75), rgba(138,86,141,0)); 
    background-image: -moz-linear-gradient(left, rgba(138,86,141,0), rgba(138,86,141,0.75), rgba(138,86,141,0)); 
    background-image: -ms-linear-gradient(left, rgba(138,86,141,0), rgba(138,86,141,0.75), rgba(138,86,141,0)); 
    background-image: -o-linear-gradient(left, rgba(138,86,141,0), rgba(138,86,141,0.75), rgba(138,86,141,0));    
}
.purple{color: #6d178a}
.yellow{color: #f0b310}
.white{color: #FFF}
.center{text-align:center;}
.clear{clear:both}
.float_left{float:left}
.float_right{float:right}
.align_left{text-align:left}
.align_right{text-align:right}
.half{width:50%}
.fullwidth{width:100%;}
.block_image{
    margin-top:20px;
}
.block_title{
    color:#f0b310;
    font-size:20px;
    line-height:32px;
    font-weight:bold;
    font-family:arial;
    padding-top:6px;
}
.block_description{
    font-size:18px;
    line-height:23px;
    font-family:"TimesItalic", arial;
}
.bluebox{
    background-color:#0068b9;
    padding:20px;
}
.yellow_boxes ul{margin-left:0}
.yellow_boxes .box{
    padding:20px;
    background-color: #f0b310;
    color: #00589e;
    font-weight:bold;
    text-align:center;
    margin:0 2% 2% 0;
    width:31%;
}
.yellow_boxes .box a, .yellow_boxes .box a:active, .yellow_boxes .box a:visited{
    color: #00589e;
}
.yellow_boxes .box a:hover{    
    color: #008cba;
}
.yellow_boxes a{width:100%;}
a.box li{
    list-style:none;
    width:100%;
}
.yellow_boxes .box i.fi-mail{
    font-size: 30px;
    left: -26px;
    position: absolute;
    top: -15px;
}

.inline_boxes, a.box{
    display:inline-block;
    margin-top:10px;
}

ul.slider li{
    list-style:none
}

/* SECTION HEADING */
#heading{
    background-color: #0068b9;
    line-height:65px;
    border-bottom: 1px solid #4d96ce;
}
#heading #logo{
    vertical-align:middle;    
}
#heading h1{
    display:inline;
    color: #f0b310;
    font-size:32px;
    position:relative;
    bottom:3px;
    left: 12px;
    vertical-align:bottom;    
    font-weight:normal
}

/* SECTION TOP Menus */
#top-bar-nav{
    height: 62px;
    background-color: #0068b9 !important;
}
#top-bar-nav .top-bar-section ul li{
    height:62px;
    padding-right:30px;
    float:left;
    background-color: #0068b9 !important;
    display:table;
}
#top-bar-nav .top-bar-section ul li a{
    line-height:16px;
    font-weight:bold;
    font-size:12px;
    vertical-align: middle;
    display: table-cell;
    color:#fff;
}
#top-bar-nav .top-bar-section ul li a:hover{
    color:#f0b310;
}
#top-bar-nav .top-bar-section li:not(.has-form) a:not(.button) {    
    background-color: #0068b9;
}

/* SECTION SPACERS */
.spacer .px1{height:1px}
.spacer .px2{height:2px}
.spacer .px3{height:3px}
.spacer .px4{height:4px}
.spacer .px5{height:5px}
.spacer .white{background-color:#fff}
.spacer .yellow{background-color:#f0b310}

/*SECTION ONE*/
#section1{
    background-color:#fff    
}
/*SECTION TWO*/
#section2{
    background-color:#0068b9;
    padding-top:20px;    
}
#section2 h2{
    font-weight:bold
}
#section2 p{
    font-size:18px;
}
/*SECTION THREE*/
#section3{
    background-color:#00599e;
    padding-top: 40px;
}
/*SECTION FOUR*/
#section4{
    background-color:#00599e;
    padding:20px 0 40px;
}
#section4 .large_block{
    border: 1px solid #5b8aae;
    background-color:#00589e;
}
#section4 .content{    
    margin: 12px;
    min-height: 120px;
}
#section4 .content .title{
    font-size:16px;
    font-weight:bold;
    line-height: 19px;
    margin-bottom:20px;
}
#section4 .content .text{
    font-size:12px;
    color:#a2d8ff;
    line-height:14px;
    margin-bottom:20px;
}
#section4 .content .link a{
    color: #e6ae20;
    margin-bottom:20px;
    font-size:14px;
}
#section4 .content .link a:hover{
    text-decoration: none;
    color:#2ba6cb
}
#section4 .content .link a:after {
    position: absolute;
    padding-left:2px;
    content: "\00bb";
}
/*SECTION FIVE*/
#section5{
    background-image:url("../img/gradient_bg.png");
    background-repeat: repeat-x;
    background-size:cover;
    background-color:#fff;
    padding:60px 0;
}
#section5 h4{
    margin: 0;
    color:#f0b310;
}
#section5 .bluebox{
    position:relative;
}
#section5 .bluebox #woodstock{
    position:absolute;
    right:40px;
    top:0px;
}
#section6{
    padding:30px 0;
    margin-bottom:-1px;
}
/*SECTION 6A*/
#section6a{
    background-color:#005695;
    font-family: "TimesItalic", arial;
    font-size:36px;
    line-height:34px;
    color:#fff;
    padding:40px 0;
    position: relative;
}
/*SECTION 7*/
#section7{
    padding:30px 0;
    margin-bottom:-1px;
}
#section7 h2{color:#fff}
/*SECTION 7A*/
#section7a{
    background-color:#57791b;
    font-family: "TimesItalic", arial;
    font-size:36px;
    line-height:34px;
    color:#fff;
    padding-bottom:30px;
    position:relative;
}
#section7a .large-3{
    text-align:center;
    padding:0;
}
#section7a .large-6{
    margin:40px 0;
}
/*SECTION 8*/
#section8{
    padding:30px 0;
    margin-bottom:-1px;
    position: relative;
}
#section8 h2{color:#fff}
/*SECTION 8A*/
#section8a{
    background-color:#6b296f;
    font-family: "TimesItalic", arial;
    font-size:36px;
    line-height:34px;
    color:#fff;
    padding: 30px 0;
    position:relative;
}
#section8a .large-3{
    text-align:center;
    padding:0;
}
#section8a .large-6{
    margin:00px 0;
}


/*SECTION 9*/
#section9{
    padding:30px 0;
    margin-bottom:-1px;
}
#section9 h2{color:#fff}
/*SECTION 9A*/
#section9a{
    background-color:#3b89bf;
    font-family: "TimesItalic", arial;
    font-size:36px;
    line-height:34px;
    color:#fff;
    padding-bottom:30px;
    position:relative;
}
#section9a .large-3{
    text-align:center;
    padding:0;
}
#section9a .large-6{
    margin:40px 0;
}

/*SECTION 10*/
#section10{
    padding:30px 0;
    margin-bottom:-1px;
}
#section10 h2{color:#fff;}
/*SECTION 10A*/
#section10a{
    background-color:#166258;
    font-family: "TimesItalic", arial;
    font-size:36px;
    line-height:34px;
    padding-bottom:30px;
    position:relative;
}
#section10a .large-3{
    text-align:center;
    padding:0;
}
#section10a .large-6{
    margin:40px 0;
}



/*SECTION BLUE*/
.section_blue{
    background-color:#005695;
}
.section_blue h2{
    color:#FFF;
    font-size:42px;
    line-height:42px;
    text-shadow:1px 1px 2px #555;
}
.section_blue .fact.blue_fact{
    background-color: #005695;
    color:#fff;
}
/*SECTION LIGHTBLUE*/
.section_lightblue{
    background-color:#358dc9;
}
.section_lightblue h2{
    color:#FFF;
    font-size:42px;
    line-height:42px;
    text-shadow:1px 1px 2px #555;
}
.section_lightblue .fact.lightblue_fact{
    background-color: #358dc9;
    color:#fff;
}
/*SECTION GREEN*/
.section_green{
    background-color:#57791b;
}
.section_green h2{
    color:#FFF;
    font-size:42px;
    line-height:42px;
    text-shadow:1px 1px 2px #555;
}
.section_green .fact.green_fact{
    background-color: #57791b;
    color:#fff;
}
.fact.lightgreen_fact{
    background-color: #afbd21;
    font-family:arial;
    font-weight:bold;
    color:#fff;
}
/*SECTION DARKGREEN*/
.section_darkgreen{
    background-color:#166258;
}
.section_darkgreen h2{
    color:#FFF;
    font-size:42px;
    line-height:42px;
    text-shadow:1px 1px 2px #555;
}
.section_darkgreen .fact.darkgreen_fact{
    background-color: #166258;
    color:#fff;
}
/*SECTION PURPLE*/
.section_purple{
    background-color:#6b296f;
}
.section_purple h2{
    color:#FFF;
    font-size:42px;
    line-height:42px;
    text-shadow:1px 1px 2px #555;
}
.section_purple .fact.purple_fact{
    background-color: #6b296f;
    color:#fff;
}

/*BOAT*/
#boat{
    margin-top:20px;
}
#boat #boat_white{
    background-color: #fff; 
    height:80px;
}
#boat #boat_blue{
    background-color: #005695; 
    height:100px; 
    position:relative;
}
#boat #boat_blue img{
    left: 20%; 
    position: absolute; 
    top: -78px;
}

/*BOAT_BOTTOM*/
#boat_bottom{
    background-color: #005695;
    margin-bottom:20px
}
#boat_bottom ul li{
    list-style:none
}
#bottom{
    /*
    background-image:url('../img/bluebar.png');
    background-repeat: repeat-x;
    background-position: bottom left;
    */
}

#close_menu:hover{
    cursor:pointer;
}

.fact_info ul{
    margin-top:12px;
}
.fact_info ul li{
    font-size:24px;
    line-height:26px;
    list-style: none;
    margin-left:16px;
}

/*FOOTER*/
#footer{
    background-color:#FFF;
    margin:20px 0 10px;
}
#footer p{
    color:#000;
    font-size:9px;   
    line-height:11px; 
    margin-bottom:12px;
}

#footer_menu a, #footer_menu a:link, #footer_menu a:visited, #footer_menu a:active{
    color:#fff
}
#footer_menu a:hover{
    color:#2ba6cb
}

#social_connect{
    background-image:url('../img/connect.png');
    background-repeat: no-repeat;
    height: 132px;
    width:304px;
}
#social_connect #social_icons{
    position: absolute;
    bottom: 14px;
    left: 40px;
}
#social_connect #social_icons .social_icon{
    display: inline-block;
    margin-right:5px;
}

.fact{
    font-size: 16px;
    display: inline-block;
    margin: 20px 0;
    font-weight: bold;
    text-transform: uppercase;
    width: 71px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-family: arial;
}
.fact_info{
    font-family: "TimesItalic", arial;
    font-size:30px;
    line-height:32px;
    margin-bottom:20px;
    color:#fff;
}
.myth{
    background-image: url("../img/myth.png");
    background-repeat: no-repeat;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    height: 90px;
    line-height: 55px;
    margin-top: 40px;
    position: relative;
    text-transform: uppercase;
    width: 176px;
}


#heading_tagline{
    line-height:1.4em !important; 
    white-space: nowrap;
}


a#hamburger_link
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
}
#menu {
  background-color: #005192;
  padding: 30px !important;
}
#menu .mm-menu .mm-list > li:after, .mm-menu .mm-list > li:after, .mm-menu .mm-list > li{
    border: medium none !important;
    padding-bottom: 10px;
    overflow:hidden !important;
}
#menu .mm-list li{
    border-bottom-style: none !important;
}
#menu .mm-list li a{
    color:#ffc11a;
    font-family: arial;
    font-size:18px;
    font-weight:normal;
}
#menu:not(.mm-menu)
{
	display: none;
}
#menu .mm-menu > .mm-panel {
    min-height:300px 
}

#menu .mm-list > li > a, #menu .mm-list > li > span {
    display: block;
    line-height: 20px;
    margin: 0;
    text-overflow: inherit;
    white-space: inherit;
    overflow: inherit;
    padding: 3px 10px 3px 20px;
}
#menu hr{margin: 5px 0 !important}
#menu.mm-menu.mm-right {
    width: 50% !important;
}
html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom {
    right: 50% !important;
}

.menu_visible{
    position: static;
    float:left;
}

#sidemenu_social .sidemenu_social{
    display:inline;
    padding-left:15px;
}
#sidemenu_social .sidemenu_social img{
    margin-bottom:15px;
}

.segway{
    position: absolute;
    text-align: center;
    top: -12px;
    width: 100%;
}
.segway img{
    width:38px;
    height:19px;
}
.segway_up{
    position: absolute;
    text-align: center;
    bottom: 0;
    width: 100%;
}
.segway_up img{
    width:38px;
    height:19px;
}

.scrollup {
    background-color: #f0b310;
    border: 1px solid #888;
    bottom: 30px;
    color: #fff;
    display: inline-block;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    position: fixed;
    right: 30px;
    text-align: center;
    text-indent: 0;
    width: 120px;
    z-index: 2147483647 !important;
}
.scrollup a, .scrollup a:link, .scrollup a:active, .scrollup a:hover {
    color: #fff;
}
.scrollup a:hover{
    color: #00599e;
}

.image_bottom_container{
    position: relative;
}
.image_bottom{
    position: absolute !important;
    right: 0;
    bottom: 50px;
    text-align: center;
}
.text_bottom{
    position: absolute !important;
    right: 0;
    bottom: 25%;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .fsP{}
    #section9a .text_bottom{
        position: relative !important
    }
    #social_container{float:left !important}
    #social_sep{display:none;}
}


@media only screen and (max-width: 768px) {
    .fsP{}
    
    .row{
        padding: 0 12px;
    }
    .image_bottom_container{position: inherit !important;}
    .image_bottom{position:inherit !important; right: inherit !important; bottom: inherit !important; margin-top:20px !important;}
    .text_bottom{position:inherit !important; right: inherit !important; bottom: inherit !important; margin-top:30px !important;}

    #heading #heading_logo{
        text-align:left !important;    
    } 
    
    .small-block-grid-1 .box{width:98% !important}
    .section_4_boxes {display:block; width:100%}
    #section5 .bluebox #woodstock {
        position: absolute;
        right: 0;
        top: 0;
    }
    #section5 .bluebox h4{
        width:91%
    }
    #social_container{
        margin-bottom:30px;
    }
    #social_sep{display: block; clear:both}
    
    /*****
    *** CENTERING
    ******/
    .myth{margin: 0 auto;}
    .small-12{text-align:center}    
}

@media only screen and (max-width: 500px) {
    .fsP{}
    #heading_tagline{
        font-size:26px !important;
        top: -5px;
    }
}
@media only screen and (max-width: 450px) {
    .fsP{}
    #logo{
        width:145px;
    }
    #heading_tagline{
        top:-10px;
        font-size:20px !important;
    }
}
@media only screen and (max-width: 370px) {
    .fsP{}
    #logo{
        width:135px;
    }
    #heading_tagline{
        display: none !important
    }
    
}
@media only screen and (max-width: 325px) {
    .fsP{}
    #logo{
        width:125px;
    }
}
@media only screen and (max-width: 300px) {
    .fsP{}
    #logo{
        width:115px;
    }
}
@media only screen and (max-width: 275px) {
    .fsP{}
    #logo{
        width:105px;
    }
}


.mm-menuscreen .scrollup{display:none !important}

.mm-menuscreen #hamburger_link{display:none !important}









body.off-canvas{padding:0;margin:0;}.container{width:100%;}.row{overflow:hidden;}.row .row{overflow:visible;}.paneled .container{overflow:hidden;}.paneled .row{width:100%;}[role="main"]:before{content:" ";position:absolute;z-index:-1;top:0;left:-100%;width:100%;height:100%;}[role="complementary"],[role="main"]{width:100%;padding:0 15px;display:block;position:relative;z-index:1;-webkit-transition:0.25s all ease-in;-moz-transition:0.25s all ease-in;-o-transition:0.25s all ease-in;transition:0.25s all ease-in;}.paneled [role="main"]{padding:0;}.page-panel{width:100%;padding:0 15px;-webkit-transition:0.3s margin ease-in-out;-moz-transition:0.3s margin ease-in-out;-o-transition:0.3s margin ease-in-out;transition:0.3s margin ease-in-out;background:#fff;}#switchPanels{margin:0 -15px;}.hide-extras [role="complementary"]{display:block;}[role="navigation"]#topMenu{-webkit-transition:0.25s all ease-in;-moz-transition:0.25s all ease-in;-o-transition:0.25s all ease-in;transition:0.25s all ease-in;}[role="navigation"]#topMenu ul{margin-top:0;}[role="complementary"]{margin-left:-100%;width:80%;float:left;z-index:2;}[role="main"]{margin-left:0;float:right;z-index:1;position:relative;}.paneled [role="main"]{background:#fff;width:500%;overflow:hidden;float:none;position:relative;left:0;-webkit-transition:0.15s all ease-in;-moz-transition:0.15s all ease-in;-o-transition:0.15s all ease-in;transition:0.15s all ease-in;}.page-panel{min-height:400px;float:left;margin:0;width:20%;}.active [role="complementary"]{margin-left:0;}.active [role="main"]{margin-right:-80%;}.active-menu [role="navigation"]#topMenu{margin-top:0!important;}@media all and (min-width: 768px) {menu-button,.sidebar-button{display:none;}[role="complementary"]{width:20%;margin-left:0;float:left;padding:0 15px;}[role="main"]{width:80%;padding:0 15px;}.paneled [role="main"]{width:100%;padding:0;background:#f4f4f4;left:0!important;}.page-panel{display:block;min-height:800px;float:none;margin:0;width:100%;background:#f4f4f4;}.hide-extras [role="main"]{width:100%;}.hide-extras [role="complementary"]{display:none;}[role="navigation"]#topMenu{display:none;}}