/*******************************************  MM Menu CSS  ************************************************/



.mm-hidden { display: none !important; }

.mm-wrapper { overflow-x: hidden; position: relative}

.mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }

.mm-menu { box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0; }

.mm-panel { -webkit-transition: -webkit-transform 0.4s ease; 

			-moz-transition: -moz-transform 0.4s ease; 

			-ms-transition: -ms-transform 0.4s ease; 

			-o-transition: -o-transform 0.4s ease; 

			transition: transform 0.4s ease; 

			-webkit-transform: translate3d(100%, 0, 0); 

			-moz-transform: translate3d(100%, 0, 0); 

			-ms-transform: translate3d(100%, 0, 0); 

			-o-transform: translate3d(100%, 0, 0); 

			transform: translate3d(100%, 0, 0)}

ul.mm-listview { margin-right: 0px; padding-left: 0px;}


.mm-panel.mm-opened { -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); }

.mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }

.mm-panel.mm-highest { z-index: 1; }

.mm-menu .mm-panel { background: inherit; border-color: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; }

.mm-menu .mm-panel.mm-hasnavbar { padding-top: 26px; }

.mm-menu .mm-panel:before, .mm-menu > .mm-panel:after { content: ''; display: block; height: 20px; }

.mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }

.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; }

.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,  .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; }

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; }

.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; }

.mm-vertical .mm-listview > li > .mm-next:after,  .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; }

.mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }



.mm-navbar{border-bottom: 1px solid; border-color:inherit; text-align:left; line-height: 20px; height:50px; margin: 0; position: absolute; top: 0; left: 0; right:0; font-size:12px}



.mm-navbar > * { display: block; padding:15px 0}

.mm-navbar a,  .mm-navbar a:hover { text-decoration: none; }

.mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left:40px; background:#2a71a8; font-family: 'Raleway', serif; letter-spacing: 0.08em; font-weight: 500; font-size: 1.2rem}

.mm-navbar .mm-btn { box-sizing: border-box; width:50px; height:100%; position: absolute; top: 0; z-index: 1; background:#0091c7}



#mm-0 .mm-navbar{text-align:center; font-size:14px}

#mm-0 .mm-navbar .mm-title{padding-left:0; color:#fff}



.mm-navbar .mm-btn:first-child{left: 0}

.mm-navbar .mm-btn:last-child {text-align: right; padding-right: 20px; right: 0}



.mm-panel .mm-navbar { display: none; }

.mm-panel.mm-hasnavbar .mm-navbar { display: block; }



.mm-listview { font: inherit; font-size: 14px; line-height: 20px; list-style-type: none; }

.mm-listview a,  .mm-listview a:hover { text-decoration: none; }

.mm-listview > li { position: relative; border-bottom:1px solid rgba(0, 0, 0, 0.1)}





.mm-listview > li > a,  .mm-listview > li > span {color:#fff; display: block; padding: 11px 10px 11px 20px; margin: 0; font-size:18px; font-weight:400}



.second_level.mm-listview > li > a, 

.second_level.mm-listview > li > span{font-size:14px}





.mm-listview > li > a i,  .mm-listview > li > span i{margin-right:7px}



.mm-listview > li.social_col{border-bottom:1px solid; overflow:hidden; text-align:center; border-color:inherit}

.mm-listview > li.social_col a{display:inline-block; float:left; padding:15px 20px; border-right:1px solid; border-color:inherit;}

.mm-listview > li.social_col a i{margin:0}



.mm-listview > li > a:hover,  .mm-listview > li > span:hover , .mm-listview > li.active_nav a,  .mm-listview > li.active_nav > span , .mm-prev:hover

{background:#c89955; color:#fff}



.mm-listview > li > a.mm-arrow,  .mm-listview > li > span.mm-arrow {padding-right:50px}



.mm-listview .mm-next + a,  .mm-listview .mm-next + span { margin-right: 50px; }

.mm-listview .mm-next.mm-fullsubopen { width: 100%; }

.mm-listview .mm-next.mm-fullsubopen:before { border-left: none; }

.mm-listview .mm-next.mm-fullsubopen + a,  .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; }

.mm-menu > .mm-panel > .mm-listview { margin: 20px -20px; }

.mm-menu > .mm-panel > .mm-listview:first-child, .mm-menu > .mm-panel > .mm-navbar + .mm-listview { margin-top:-10px}

.mm-listview .mm-inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0; }

.mm-listview .mm-inset > li { padding: 5px 0; }

.mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; }

.mm-listview .mm-spacer { padding-top: 40px; }

.mm-listview .mm-spacer > .mm-next { top: 40px; }

.mm-listview .mm-spacer.mm-divider { padding-top: 25px; }



.mm-listview .mm-next{background:#0091c7; width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; text-align:center}

.mm-listview .mm-next:before {content:'\f363'; font-family: "Ionicons"; color:#fff; padding:15px 0; font-size:24px; display:block}



.mm-prev{background:#0091c7; width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; text-align:center}

.mm-prev:before {content:'\f361'; font-family: "Ionicons"; color:#fff; padding:15px 0; font-size:24px; display:block}



.mm-menu {background:rgba(0,0,0,0.5); border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.7)}

.mm-menu .mm-navbar > *,  .mm-menu .mm-navbar a {color:#fff; font-weight:bold; text-transform:uppercase}



.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3);}

.mm-menu .mm-listview {border:0}



.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),  .mm-menu .mm-listview > li.mm-selected > span{}

.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next,  .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,  .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,  .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {}

.mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); }



/*

	jQuery.mmenu offcanvas addon CSS

*/

.mm-page { box-sizing: border-box; position: relative; }

.mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; }

html.mm-opened { overflow: hidden; position: relative; }

html.mm-opened body { overflow: hidden; }

html.mm-background .mm-page { background: inherit; }

#mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; }

html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; }

.mm-menu.mm-offcanvas { display: none; position: fixed; }

.mm-menu.mm-current { display: block; background:#3f3f3f}

.mm-menu { width: 80%; min-width: 140px; max-width: 440px; }

html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); }



@media all and (max-width: 175px) {

html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); }

}



@media all and (min-width: 550px) {

html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); }

}



/*

	jQuery.mmenu position extension CSS

*/

.mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; }

.mm-menu.mm-right { left: auto; right: 0; }

.mm-menu.mm-bottom { top: auto; bottom: 0; }

html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); }



@media all and (max-width: 175px) {

html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); }

}



@media all and (min-width: 550px) {

html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); }

}



/******************************** Custom **********************************/



#mobile_menu{opacity:0}

#mobile_menu.mm-opened{opacity:1}

#mobile_menu:before {box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: -30px; opacity: 0.6; position: absolute; top: 0; width: 29px; z-index: 999}





a.navicon i {color: #fff; display: block; font-size:36px; padding:5px 15px}

a.navicon{display: none; float: right; position: relative; top: 10px; z-index: 9999999}



@media all and (max-width:767px) {



a.navicon{background:#bdad84; display: block; top:0; right:-15px}



}



html #page:before{

background:none;

position:fixed; top:0; height:100%; width:100%; left:0; content:''; z-index:99; opacity:0; visibility:hidden;

transition:opacity 0.3s linear 0s, visibility 0.3s linear 0s, background 0.8s linear 0s;}



html.mm-opened #page:before{

background: #0091C7; /* fallback for old browsers */



visibility:visible; opacity:0.8;

transition:opacity 0.3s linear 0s, visibility 0.3s linear 0s, background 0.8s linear 0s;

}



/* Effect Slide Out Menu */

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li{-webkit-transition:none .4s ease;-moz-transition:none .4s ease;-ms-transition:none .4s ease;-o-transition:none .4s ease;transition:none .4s ease}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(1){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(2){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(3){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(4){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(5){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(6){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(7){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(8){-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(9){-webkit-transition-delay:450ms;-moz-transition-delay:450ms;-ms-transition-delay:450ms;-o-transition-delay:450ms;transition-delay:450ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(10){-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-ms-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(11){-webkit-transition-delay:550ms;-moz-transition-delay:550ms;-ms-transition-delay:550ms;-o-transition-delay:550ms;transition-delay:550ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(12){-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-ms-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(13){-webkit-transition-delay:650ms;-moz-transition-delay:650ms;-ms-transition-delay:650ms;-o-transition-delay:650ms;transition-delay:650ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(14){-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-ms-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(15){-webkit-transition-delay:750ms;-moz-transition-delay:750ms;-ms-transition-delay:750ms;-o-transition-delay:750ms;transition-delay:750ms}.mm-menu.mm-effect-listitems-slide .mm-listview>li{-webkit-transform:translate3d(50%,0,0);-moz-transform:translate3d(50%,0,0);-ms-transform:translate3d(50%,0,0);-o-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li{-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);opacity:1}


/** Back to Top **/


.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(119, 118, 121, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 99;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #777679;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}




/*  Hamburger */
.hamburger{padding:10px 0; cursor:pointer;
  color:#fff; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
    position:relative;
    z-index: 99999999;
    background-color: #000;
    border-radius: 2px;
    padding: 2px 0px 4px;
}  
  
.hamburger:hover {opacity: 0.7}
.hamburger-box {display: inline-block; position: relative; left: -14px; top: -2px; left: -15px; }
.hamburger-inner {display: block; top: 50%; margin-top: -2px}

.hamburger-inner, .hamburger-inner:before, .hamburger-inner:after {width: 30px; height: 3px; background:#fff; border-radius: 4px; position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease
}

.hamburger-inner:before, .hamburger-inner:after {content: ""; display: block}
.hamburger-inner:before {top:-7px}
.hamburger-inner:after {bottom:-7px}
.hamburger .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.39, 0.34, 0.59, 0.61);
    
}

.hamburger .hamburger-inner:before {transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in}
.hamburger .hamburger-inner:after {
    transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.mm-opened .hamburger .hamburger-inner , .menu_navi:hover .hamburger .hamburger-inner{
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  transition-delay: 0.08s;
  transition-timing-function:cubic-bezier(0.4, 0.52, 0.64, 0.78);
}

.mm-opened .hamburger .hamburger-inner:before  ,  .menu_navi:hover .hamburger .hamburger-inner:before{top: 0; opacity: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out
}

.mm-opened .hamburger .hamburger-inner:after , .menu_navi:hover .hamburger .hamburger-inner:after {bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger {  height:36px; margin:auto; text-align: center; position:absolute; right:15px; top:7px; width:40px; display: none}