/* Main Menu */
#menuMega {
	min-width: 260px;
	font-family:'Avenir Next W01';

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  }

/* ============================
// Buttons
// ============================ */

.btn-trigger {
  background: url('../images/btn-toggle-green-right-arrow.png') top left no-repeat;
  width: 106px;
  height: 67px;
  text-indent: -9999px;
  border: none;
  outline: none;
  position: fixed;
  top: 160px;
  left: 0;
  z-index: 12;
  }
.btn-green {
  display: inline-block;
  height: 38px;
  vertical-align: middle;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #30b005;
  background-image: -webkit-linear-gradient(top, #30b005, #128303);
  background-image: -moz-linear-gradient(top, #30b005, #128303);
  background-image: -ms-linear-gradient(top, #30b005, #128303);
  background-image: -o-linear-gradient(top, #30b005, #128303);
  background-image: linear-gradient(to bottom, #30b005, #128303);
  -webkit-border-radius: 10;
     -moz-border-radius: 10;
          border-radius: 10px;
  -webkit-box-shadow: 0px 2px 7px #9e9e9e;
     -moz-box-shadow: 0px 2px 7px #9e9e9e;
          box-shadow: 0px 2px 7px #9e9e9e;
  padding: 0 25px 46px 25px;
  font-family: Arial;
  color: #ffffff;
  font-size: 1.5em;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  cursor: pointer;
  white-space: nowrap;
}
.btn-green a {
  color: #ffffff;
  }
.btn-green:focus {
  outline: 0;
  outline-offset: 0;
  }
.btn-green:hover,
.btn-green:focus,
.btn-green a:hover,
.btn-green a:focus {
  background: #272b44;
  text-decoration: none;
  color: #ffffff;
  }
.btn-green:active,
.btn-green.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
.btn-green span:after {
  content: '>';
  font-family: 'Cabin Condensed', sans-serif;
  padding-left: 5px;
  font-size: 2em;
  color: #ffffff;
  position: relative;
  top: 0.12em;
  }

.btn--x {
	position: absolute;
	width: 15px;
	height: 15px;
	top: 15px;
	right: 20px;
	cursor: pointer;
	z-index: 2;
  }
.btn--x::before,
.btn--x::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 0;
	height: 3px;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
  }
.btn--x::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
  }
.btn--x:hover::before,
.btn--x:hover::after {
	background: #ffffff;
  }

.center { text-align: center; }

/* ============================
// Sidebar Title
// ============================ */

.menu3dmega.skin-navy .sidebar-title {
  margin: 0;
	padding: 34px 20px 0 0;
	color: #ffffff;
	font-size: 1.5em;
	text-align: right;
	font-weight: 400;
	text-transform: uppercase;
  }

/* ---- HORIZONTAL STYLE ----- */
.menu3dmega
{
	box-shadow:1px 1px 1px rgba(170,170,170,0.5);
    -webkit-box-shadow:1px 1px 1px rgba(170,170,170,0.5);
	-moz-box-shadow:1px 1px 1px rgba(170,170,170,0.5);
}
.menu3dmega ul
{
    margin:0;
    padding: 0;
}
.menu3dmega li .dropdown-menu{
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
.menu3dmega ul li
{
    list-style:none;
}

.menu3dmega li > a:hover
{
    background:none !important;
}
.menu3dmega a,.menu3dmega a:visited
{
    outline: 0 none;
    text-decoration:none;
}
.menu3dmega{
    position:relative;
}
.menu3dmega:after
{
    clear:both;
    content:"";
    display:block;
}

.menu3dmega > ul > li {
	float:left;
	display:inline-block;
	position:static;
	text-align:left;
}
.menu3dmega > ul > li.last
{
    border-right:none !important;
}
.menu3dmega > ul > li.first
{
    border-left:none !important;
}

/*AUTO WIDTH COL*/
.menu3dmega > ul > li.full-width{
    position:static ;
}
.menu3dmega .full-width .dropdown-menu
{

    left:-1px;
    width:100%;
}


/*FIX WIDTH COL*/

.menu3dmega > ul > li > a, .menu3dmega > ul > li > span
{
    padding: 5px 20px;
    color: #07c519 !important;
    display: block;
    outline: 0;
    font-size: 2em;
    text-transform: uppercase;
    text-decoration: none;
}
.menu3dmega > ul > li .icon-menu
{
    float:left;
    height:16px;
    margin-right:7px;
}

.menu3dmega > ul > li:hover > .arrow-icon-bottom:after,
.menu3dmega > ul > li:hover > a,
.menu3dmega > ul > li:hover > a:after,
.menu3dmega > ul > li:hover > .arrow-icon-bottom
{
    border-color: #fff transparent transparent;
    color:#fff;
}

.menu3dmega > ul > li > .arrow-icon,.menu3dmega > ul > li > .arrow-icon-bottom
{
    padding-right:25px;
    cursor:pointer;
    position:relative;
}
.menu3dmega > ul > li p a
{
    text-decoration:none;
}

.menu3dmega > ul li > a
{
    text-decoration:none;
    color:#333;
    display:block;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{
	background-color:transparent !important;
	background-image: none !important;
	color:#333;
}

.menu3dmega >ul > li > .dropdown-menu
{
    left:auto;
}
.menu3dmega li .dropdown-menu
{
  position:absolute;
	text-align:left;
	border: none;
	white-space: nowrap;
	display:none;

    background-color:#fff;

    background-image: -webkit-gradient(linear top , #FFF ,#fff ,#f5f5f5);
    background-image: -webkit-linear-gradient(top, #FFF ,#fff ,#f5f5f5);

 	background:-moz-linear-gradient(center top , #FFF ,#fff ,#f5f5f5) repeat scroll 0 0 #fff;
    background:-ms-linear-gradient(center top , #FFF ,#fff ,#f5f5f5) repeat scroll 0 0 #fff;
    background:-o-linear-gradient(center top , #FFF ,#fff ,#f5f5f5) repeat scroll 0 0 #fff;
    margin:0;

	box-shadow:1px 1px 3px rgba(170,170,170,0.5);
    -webkit-box-shadow:1px 1px 3px rgba(170,170,170,0.5);
	-moz-box-shadow:1px 1px 3px rgba(170,170,170,0.5);
}
.menu3dmega .dropdown-menu > ul > li > a
{
    color: #333333;
    display: block;
    line-height: 20px;
    padding: 3px 20px;
    white-space: nowrap;
}
.menu3dmega .dropdown-menu [class*="col-lg"]:first-child
{
    margin-left: 0;
}
.menu3dmega .grid-demo [class*="col-lg"] {
    background: none repeat scroll 0 0 #EEEEEE;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    border:1px solid #ccc;
}
.menu3dmega li .sub{
	border-top:1px solid #ccc;
    display:none;
    position:absolute;
    top:0px;
    z-index:20;
}

.menu3dmega span.arrow-icon:after{
    background: none repeat scroll 0 0 transparent;
    content: "";
    display: inline-block;
    font-size: 0;
    position: absolute;
    right: 16px;
    top: 30%;
    height: 0;
    width: 0;

    border-style: solid;
    border-width: 4px 0px 4px 4px;
    border-color:transparent transparent transparent #bbb;
}
.menu3dmega span.arrow-icon-bottom:after
{
    background: none repeat scroll 0 0 transparent;
    content: "";
    display: inline-block;
    font-size: 0;
    position: absolute;
    right: 8px;
    height: 0;
    top: 46%;
    width: 0;

    border-style: solid dashed dashed dashed;
    border-width: 4px 4px 0 4px;
    border-color:#eee transparent transparent transparent;


}

/*MENU TOGGLE*/
.menu3dmega .menuToggle
{
    display:none;
    cursor: pointer;
    display: none;
    font-size: 10px;
    padding: 12px 15px;
    text-align: left;
    text-transform: uppercase;
    color:#EEE;
}
.menu3dmega .menuToggle .megaMenuToggle-icon {
    background: none repeat scroll 0 0 rgba(230, 230, 230, 0.7);
    display: inline-block;
    float: right;
    height: 2px;
    margin-top: 12px;
    position: relative;
    text-align: left;
    width: 16px;
}
.menu3dmega .menuToggle .megaMenuToggle-icon:before {
    background: none repeat scroll 0 0 rgba(230, 230, 230, 0.8);
    content: "";
    height: 2px;
    position: absolute;
    top: -4px;
    width: 16px;
}
.menu3dmega .menuToggle .megaMenuToggle-icon:after {
    background: none repeat scroll 0 0 rgba(230, 230, 230, 0.9);
    content: "";
    height: 2px;
    position: absolute;
    top: -8px;
    width: 16px;
}

.menu3dmega p {
	line-height:18px;
	margin:0 0 22px 0;
	white-space:normal;
	clear:both;
	text-align:justify;
}

.menu3dmega li .blackbox {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

.menu3dmega li .blue {
	background-color: #444;
    box-shadow: 0px 4px 12px #000 inset;
    -webkit-box-shadow: 0px 4px 12px #000 inset;
	-moz-box-shadow: 0px 4px 12px #000 inset;

    padding: 7px 10px;
    text-shadow: 1px 1px 1px #000000;
}

.menu3dmega .blue li a{
	color: #FFFFFF !important;
	text-shadow:0 1px 0 #000 !important;}

.menu3dmega li ul {
	list-style:none;
	margin:0;
}



/* ---- Menu content list items ---- */

.menu3dmega li ul li {
	position:relative;
	margin:0;
	float:none;
	text-align:left;
	line-height: 1.4em;
	color: #272a45;
}


@-moz-document url-prefix() {
  	.wp-non-dropdown .btn {
		padding-top:6px;
		padding-bottom:6px;
	}
}

.menu3dmega .menu-title
{
    color: #333333;
    display: block;
    font-size: 1.2em;
    letter-spacing: 0.5px;
    font-weight:bold;
    margin-bottom:10px;
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
    text-decoration:none;
    padding-bottom:3px;
}

.menu3dmega .moreinfo
{
    color: #272a45;
    font-size: 1em;
    line-height: 1.3em;
    display: block;
    font-weight:normal;
    margin: 1em 0;
    text-align: left;
}

.menu3dmega .separator
{
    clear:both;
    margin:0px 0 10px 0;
    height:1px;
    display:block;
    border-bottom: 1px solid #eee;
}


.menu3dmega .separator:before, .separator:after {
    content: "";
    display: table;
    line-height: 0;
}
.menu3dmega .content {
    padding: 20px
}
.menu3dmega .content:after
{
    clear: both;
    content: "";
    display: table;
    line-height: 0;
}

.menu3dmega .separate
{
    border-bottom:1px solid #ccc;
}

.menu3dmega .clearfix > .menu-title{
	margin: 10px 20px;
}
.menu3dmega .left
{
    float:left;
}
.menu3dmega .right
{
    float:right !important;
}

.menu3dmega div[class*="animate-"]
{
    display:none;
    position:absolute;
}

.menu3dmega > ul > li.right
{
    border-left:none !important;
    border-right:none !important;
}


/* ======= RESPONSIVE ======= */


/* TABLET*/
@media (min-width:480px) and (max-width:767px){
    .menu3dmega.responsive > ul > li,
    .menu3dmega.responsive li.menu-non-dropdown
    {
        width:50%;
    }
    .menu3dmega.responsive .wp-non-dropdown
    {
        width:auto;
    }




    .menu3dmega.responsive > ul > li > div
    {
        width:100%;
        left:0;
    }

}


/* MOBILE*/
@media (max-width: 480px) {
    .menu3dmega.responsive > ul > li,
    .menu3dmega.responsive li.menu-non-dropdown
    {
        width:100%;
    }

    .menu3dmega.responsive > ul > li > .arrow-icon-bottom:after{
        right:5%;
    }
}



/* SCREEN */
@media (min-width: 768px)  {
    .menu3dmega.responsive .menuToggle
	{
        display:none;
    }
    .menu3dmega.responsive
	{
        display:block;
    }
	.menu3dmega.responsive > ul{
		display:block !important;
	}
}

/* MOBILE & TABLET*/
@media (max-width: 767px)
{
    .menu3dmega.responsive {
        border:none !important;
    }
    .menu3dmega.responsive .menuToggle
    {
        display:block;
    }
    .menu3dmega.responsive > ul
    {
        display:none;
    }

    .menu3dmega.responsive .contact-form input[type=text],
    .menu3dmega.responsive .contact-form textarea{
        width:98%;
    }
    .menu3dmega.responsive > ul > li > a,
    .menu3dmega.responsive > ul > li > .arrow-icon,
    .menu3dmega.responsive > ul > li > .arrow-icon-bottom{
        position:relative;
    }
    .menu3dmega.responsive li > .arrow-icon:after{
        background: none repeat scroll 0 0 transparent;
        border-color: #bbb transparent transparent;
        border-style: solid dashed dashed;
        border-width: 4px 4px 0;
        content: "";
        display: inline-block;
        font-size: 0;
        margin-top: -1px;
        padding-top: 1px;
        position: absolute;
        right: 5%;
        top: 50%;
    }

    .menu3dmega.responsive > ul > li {
        border-left:none !important;
        border-right:none !important;
    }

    .menu3dmega.responsive li .dropdown-menu
    {
        width:100%;
        left:0 ;
        top:auto;
        border-left:none !important;
        border-right:none !important;

    }

}





/* ---------------------------------- VERTICAL STYLE ONLY SCREEN---------------------------------- */

@media (min-width: 768px)  {
    .menu3dmega.vertical
    {
        width:auto;
        float:left;
    }

    .menu3dmega.vertical .dropdown-menu.flyout-menu
    {
        width:auto;
    }

    .menu3dmega.vertical .dropdown-menu
    {
        width: 600px;
        max-width:800px;
        top:0;
        left:100% !important;
        border-top:1px solid #ccc;
    }
    .menu3dmega.vertical > ul > li
    {
        position:relative ;
    }

    .menu3dmega.vertical > ul > li:hover {
      background: #ffffff;
      border-color: #ffffff;
      width: 100%;
      color: #07c519; /* Green */
    }

    .menu3dmega.vertical span.arrow-icon-bottom:after
    {
        border-style: solid;
        border-width: 4px 0px 4px 4px;
        border-color:transparent transparent transparent #EEEEEE
    }
    .menu3dmega.vertical li:hover span.arrow-icon-bottom:after
    {
        border-style: solid;
        border-width: 4px 0px 4px 4px;
        border-color:transparent transparent transparent #fff;
    }

    .menu3dmega.vertical > ul > li {
        border-left:none !important;
        border-right:none !important;
        text-align: right;
        font-size: 0.675em;
    }
}