/* RESPONSIVE MENU TITLE
----------------------------------------------------------------*/
.menu-title {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background-color: #ffffff;
    padding: 6px 0 7px 0;
	text-align: center;

    }

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	}

.menu-title img {
    width: 78%;
	margin: 0 auto;
	text-align: center;
}


/* RESPONSIVE BUTTON
-------------------------------------------------------*/  
.menumobile-btn{
    position: absolute;
	text-align: center;
	cursor: pointer;
	z-index: 1000;
    right: 40px;
    top: 36px;
    }

.menumobile-btn:before{
    position: absolute;
    font-family: 'df-icomoon';
    content: "\e704";
    color: #204563;
    font-size: 20px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    }


/* RESPONSIVE MENU
----------------------------------------------------------------*/
.pushymenu{
    position: fixed;
    width: 265px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 19999;
    background: #204563;
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
    }

.pushymenu ul {
    margin: 0;
    padding: 0;
    }

.pushymenu li a{
    font-family: 'Open Sans', sans-serif;
    display: block;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .05em;
    border-bottom: 1px solid #ffffff;
    }

.pushymenu li a{ 
    background-color: #204563;
    color: #ffffff;
    font-weight: 400;
    padding: 6px 5px 6px 14px;
    font-size: 15px;
    }


.pushymenu li li a{
    background-color: rgba(255, 255, 255, 1);
    color: #0097B4;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .01em;
    line-height: 19px;
    padding: 6px 5px 6px 14px;
    text-transform: none;
    border-bottom: 1px solid rgba(0, 17, 65, .1);
    }

/* MENU ANIMATION
----------------------------------------------------------------*/
.pushymenu-right{
    -webkit-transform: translate3d(265px,0,0);
    -moz-transform: translate3d(265px,0,0);
    -ms-transform: translate3d(265px,0,0);
    -o-transform: translate3d(265px,0,0);
    transform: translate3d(265px,0,0);
    }

.pushymenu-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    }

.menucontainer-pushymenu, .push-pushymenu{
    -webkit-transform: translate3d(-265px,0,0);
    -moz-transform: translate3d(-265px,0,0);
    -ms-transform: translate3d(-265px,0,0);
    -o-transform: translate3d(-265px,0,0);
    transform: translate3d(-265px,0,0);
    }

/* MENU TRANSITIONS
----------------------------------------------------------------*/
.pushymenu, .pushmenu{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    /* improves performance issues on mobile*/
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 0;
    }

/* MENU OVERLAY WHEN ACTIVE
----------------------------------------------------------------*/
.site-menuoverlay{
    display: none;
    }

.pushymenu-active .site-menuoverlay{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #204563;
    opacity: .8;
    cursor: pointer;
    width: 100%;
    height: 100%
    }


/* LOAD FONTS 
----------------------------------------------------*/
@font-face {
	font-family: 'df-icomoon';
	src:url('/Themes/Default/Content/Fonts/df-icomoon.eot?a9yoq0');
	src:url('/Themes/Default/Content/Fonts/df-icomoon.eot?#iefixa9yoq0') format('embedded-opentype'),
		url('/Themes/Default/Content/Fonts/df-icomoon.woff?a9yoq0') format('woff'),
		url('/Themes/Default/Content/Fonts/df-icomoon.ttf?a9yoq0') format('truetype'),
		url('/Themes/Default/Content/Fonts/df-icomoon.svg?a9yoq0#df-icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}