@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700);


@font-face {
    font-family: 'CalibriRegular';
    src: url('../fonts/calibri-webfont.eot');
    src: url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calibri-webfont.woff') format('woff'),
         url('../fonts/calibri-webfont.ttf') format('truetype'),
         url('../fonts/calibri-webfont.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* nav wrap */
#nav-wrap {max-width:100%; margin: 0px auto; }

/* menu icon */
#menu-icon { display: none; /* hide menu icon initially */}
#submenu-icon { display: none; /* hide menu icon initially */}
#sectionmenu-icon { display: none; /* hide menu icon initially */}

.menu { float:left; width:100%;  text-align:center; margin:0px; padding:0px;   }
.menu, .menu li { margin-top: 0px; padding: 0; text-align:center;}
.menu li { list-style: none; display:inline-block;   line-height: 25px; padding:0px; margin:0px; border-right:0px solid #fff; }
.menu li {  font-family:Calibri, 'CalibriRegular', Trebuchet MS, Arial; font-size: 18px;    }
.menu a {transition:all 5ms ease;  -webkit-transition:all 5ms ease; -moz-transition:all 5ms ease; -o-transition:all 5ms ease; -ms-transition:all 5ms ease; }


/* nav link */
.menu a { display: block; line-height: 20px; color: #333; text-decoration:none;   padding: 10px 25px 10px 25px; }
.menu a:hover { color:#42b0eb;     }
.menu li:hover>a { color:#42b0eb;   }
.menu .active>a { color:#42b0eb;   }


header.sticky .menu a { display: block; line-height: 20px; color: #333; text-decoration:none;   padding: 5px 10px; }
header.sticky .menu a:hover { color:#42b0eb;    }
header.sticky .menu li:hover>a { color:#42b0eb;   }
header.sticky .menu .active>a { color:#42b0eb;   }


/* nav dropdown */
.menu ul { background: #fffaf2; padding:0; position: absolute; display: none; /* hide dropdown */ width: 200px; box-shadow: 0px 0px 5px #e6d3b3; z-index:99; }
.menu li:hover > ul { display: block; /* show dropdown on hover */ }

.menu ul li { float: none; margin: 0px; padding: 0px; font-size: 14px; border-bottom:1px solid #e6d3b3; }

.menu li li a { display: block; color: #4c2105; text-decoration:none; text-transform: none;  padding: 5px 19px; margin:0px; line-height:25px;}
.menu li li a:hover { background: none; color: #dc4d08;}


/************************************************************************************
*	MOBILE
************************************************************************************/

@media only screen and ( min-width: 769px) and ( max-width: 1024px) {
    .menu a {
        padding: 10px 10px; font-size:16px;
    }

}

@media only screen and ( min-width: 768px) and ( max-width: 980px) {

    .menu a {
        padding: 10px 5px; font-size:14px;
    }
}

 


@media only screen and ( min-width: 240px) and ( max-width: 640px) {
/* nav-wrap */
#nav-wrap  {width:100%; display:block; margin:0px auto; padding:0px 0px 0px 0px; background:none; float:left; position:relative;  }
/* menu icon */
    #menu-icon { line-height: 31px; height: 31px;  width: auto; margin:0px 0px;
        -webkit-transition: all 300ms linear;  -moz-transition: all 300ms linear;   -o-transition: all 300ms linear;   -ms-transition: all 300ms linear;
    }

    #menu-icon {
        background: #42b0eb url(menu-down.png) no-repeat right 15px center;
        padding: 0px; cursor: pointer; display: block; float: none; text-transform: uppercase; color: #fff; padding:0 2%; width:96%; margin:0px; 
    }

        #menu-icon:hover {
            color: #fff; 
        }

        #menu-icon.active {
            color: #fff; 
        }

    ul.menu {
        list-style: none;  list-style-image: none;
        padding: 0px;
        margin: 0px;
        position: relative;
        display: none;
        float:left;
        width: 100%; 
        z-index:99999;
        border-bottom:none; background:#edf9ff;
    }

    ul.menu li { padding:0px 0px; margin:0px; width:100%;  list-style:none; border-top: 1px solid #c3e1f1; text-align:left; font-size:13px;   }
    ul.menu li a{  text-decoration:none; color:#333;  display:block; float:none;   padding:0px 10px; line-height:30px; text-transform:uppercase;   }
    ul.menu li a:hover{  text-decoration:none; color:#42b0eb; background:#fff;  }
    ul.menu li.active a{  text-decoration:none; color:#42b0eb; background:#fff;  }

.menu ul { background: #ffb43e; padding:0; position: absolute; display: none; /* hide dropdown */ width: 100%; box-shadow: 0px 0px 0px ; }
    .menu li:hover > ul { display: block; /* show dropdown on hover */ }
    ul.menu li li { border-top: none;}
    .menu ul li { float: none; margin: 0px; padding: 0px; font-size: 13px; border-bottom:none; }
    .menu li li a { display: block; color: #fff; text-decoration:none; text-transform: none;  padding: 5px 10px; margin:0px; line-height:20px;}
    .menu li li a:hover { background: none; color: #333;}  

.fund1  {
	background-size:auto;
	-webkit-transition: none;
	-moz-transition: none;
	transition:none;
} 
 
.fund1 { background-image: linear-gradient(to bottom, #fff 100%, #fff 100%);} 

.fund1:hover  {
    background-position:initial;
}
 
}





/************************************************************************************
*	MOBILE
************************************************************************************/


   
/*
.fund1  {
	background-size: 100% 200%;
	-webkit-transition: background-position 500ms;
	-moz-transition: background-position 500ms;
	transition: background-position 500ms;	
} 
 
.fund1 { background-image: linear-gradient(to bottom, #fff 50%, #f87f00 50%);} 

.fund1:hover  {
    background-position: 0 100%;
}
    */