/*
Item Name : Universal Mega Menu
Item URI : http://codecanyon.net/item/universal-responsive-mega-menu/4984236
Author URI : http://codecanyon.net/user/Pixelworkshop/
Version : 1.06
*/

/*

TABLE OF CONTENTS

00 PAGE STYLING (REMOVABLE)
01 MENU BAR
   1. Mega Menu Bar
   2. Mega Menu Trigger Button
02 DROP DOWNS
  1. Common Styling
  2. Footer
  3. Drop Down Containers
03 COLUMNS GRID
04 MULTILEVEL DROP DOWN
05 CONTENT & TYPOGRAPHY
   1. Basic Typography
   2. Lists
   3. Other Styling
   4. Inline Images
   5. Icons
   6. Form Elements
06 DROP DOWN TABS
07 MOBILE DEVICES
08 RETINA DISPLAYS

*/



/*  _______________________________________

  00 PAGE STYLING (REMOVABLE)
    _______________________________________  */




/*  _______________________________________

    01 MENU BAR
    _______________________________________  */




/*
  If you have several menus on the same page, you can here
  define some properties separately for each of them
  by using their respective ID.
*/

/* removed fancynav.min.css from tocss.php and added here */

/**
 * FancyNav - Mobile Navigation with CSS3 Transitions
 * http://kratzik.com/fancynav
 * Copyright (c) 2017 Johann Kratzik
 * Version 1.1.0
*/

@charset "UTF-8";
@font-face {
	font-family: "fancynav-font";
	src: url("../fonts/fancynav-icons.eot");
	src: url("../fonts/fancynav-icons-.eot#iefix") format("embedded-opentype"), url("../fonts/fancynav-icons.woff") format("woff"), url("../fonts/fancynav-icons.ttf") format("truetype"), url("../fonts/fancynav-icons.svg#fancynav-font") format("svg");
	font-weight: 400;
	font-style: normal
}

.fancynav-close::before,
.fancynav-next::before,
.fancynav-back::before {
	font-family: "fancynav-font";
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	font-size: 18px;
	text-transform: none;
	text-rendering: auto;
	color: #fff;
	display: inline-block;
	vertical-align: sub;
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.fancynav-inner,
.fancynav-mainnav,
.fancynav-subnav,
.fancynav-overlay,
.fancynav-sub-slide-down .fancynav-next::before {
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s
}

.fancynav-outer {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	background: rgba(68, 68, 68, 0.3)
}

.fancynav-inner {
	background: #fff;
	min-height: 100vh;
	position: relative;
	z-index: 999
}

.fancynav-mainnav {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 300px;
	z-index: 1001;
	visibility: hidden;
	background: #444;
	overflow: hidden
}

.fancynav-open-right .fancynav-mainnav {
	left: auto;
	right: 0
}

.fancynav-header {
	font-size: 18px;
	color: #fff;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.2)
}

.fancynav-header::before,
.fancynav-header::after {
	display: table;
	content: " "
}

.fancynav-header::after {
	clear: both
}

.fancynav-title {
	float: left;
	padding: 15px
}

.fancynav-close {
	float: right;
	width: 50px;
	text-align: center;
	padding: 15px 0;
	line-height: 1;
	cursor: pointer
}

.fancynav-close::before {
	content: "\63"
}

.fancynav-mainnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid rgba(0, 0, 0, 0.3)
}

.fancynav-mainnav>ul {
	position: relative;
	z-index: 1
}

.fancynav-sub-slide-down li>ul {
	padding-left: 30px
}

.fancynav-mainnav ul>li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.3)
}

.fancynav-sub-slide-down li ul>li:last-child {
	border: none
}

.fancynav-mainnav ul>li>a {
	display: block;
	padding: 15px 60px 15px 15px;
	position: relative;
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
	text-decoration: none
}

.fancynav-sub-slide-down li ul>li>a {
	padding-left: 0
}

.fancynav-subnav {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100vh;
	background: #444;
	visibility: hidden;
	-moz-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
	-webkit-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0)
}

.fancynav-subnav-active {
	visibility: visible;
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.fancynav-sub-slide-down li>ul {
	display: none
}

.fancynav-next {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	cursor: pointer;
	color: #fff;
	background: rgba(0, 0, 0, 0.1)
}

.fancynav-next::before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -9px;
	content: "\61"
}

.fancynav-sub-slide-down .fancynav-next::before {
	-moz-transform: rotate(90deg) translateY(3px);
	-o-transform: rotate(90deg) translateY(3px);
	-ms-transform: rotate(90deg) translateY(3px);
	-webkit-transform: rotate(90deg) translateY(3px);
	transform: rotate(90deg) translateY(3px)
}

.fancynav-sub-slide-down .fancynav-subnav-opened::before {
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.fancynav-back {
	box-sizing: border-box;
	position: relative;
	font-size: 13px;
	line-height: 1;
	font-weight: 700;
	padding: 10px 15px;
	display: block;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.1)
}

.fancynav-back::before {
	content: "\61";
	margin-right: 10px;
	-moz-transform: rotate(180deg) translate(4px, 3px);
	-o-transform: rotate(180deg) translate(4px, 3px);
	-ms-transform: rotate(180deg) translate(4px, 3px);
	-webkit-transform: rotate(180deg) translate(4px, 3px);
	transform: rotate(180deg) translate(4px, 3px)
}

.fancynav-overlay {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: rgba(68, 68, 68, 0.3);
	cursor: pointer
}

.fancynav .fancynav-overlay {
	visibility: visible
}

.fancynav-blue .fancynav-mainnav,
.fancynav-blue .fancynav-subnav {
	background: #336ca6
}

.fancynav-blue .fancynav-outer,
.fancynav-blue .fancynav-overlay {
	background: rgba(51, 108, 166, 0.3)
}

.fancynav-green .fancynav-mainnav,
.fancynav-green .fancynav-subnav {
	background: #48a770
}

.fancynav-green .fancynav-outer,
.fancynav-green .fancynav-overlay {
	background: rgba(72, 167, 112, 0.3)
}

.fancynav-animation-slide-top .fancynav-mainnav {
	-moz-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
	-webkit-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0)
}

.fancynav-animation-slide-top.fancynav-opened .fancynav-mainnav {
	visibility: visible;
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.fancynav-animation-slide-along .fancynav-mainnav {
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.fancynav-animation-slide-along.fancynav-opened .fancynav-mainnav {
	visibility: visible;
	z-index: 999;
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.fancynav-animation-slide-along .fancynav-inner {
	z-index: 1001
}

.fancynav-animation-slide-along.fancynav-opened .fancynav-inner {
	-moz-transform: translate(300px, 0);
	-o-transform: translate(300px, 0);
	-webkit-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	transform: translate(300px, 0)
}

.fancynav-animation-slide-reverse .fancynav-mainnav {
	-moz-transform: translate(100%, 0);
	-o-transform: translate(100%, 0);
	-webkit-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transform: translate(100%, 0)
}

.fancynav-animation-slide-reverse.fancynav-opened .fancynav-mainnav {
	visibility: visible;
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.fancynav-animation-slide-reverse .fancynav-inner {
	z-index: 1001
}

.fancynav-animation-slide-reverse.fancynav-opened .fancynav-inner {
	-moz-transform: translate(300px, 0);
	-o-transform: translate(300px, 0);
	-webkit-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	transform: translate(300px, 0)
}

.fancynav-animation-reveal.fancynav-opened .fancynav-mainnav {
	visibility: visible
}

.fancynav-animation-reveal .fancynav-inner {
	z-index: 1001
}

.fancynav-animation-reveal.fancynav-opened .fancynav-inner {
	-moz-transform: translate(300px, 0);
	-o-transform: translate(300px, 0);
	-webkit-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	transform: translate(300px, 0)
}

.fancynav-animation-push .fancynav-mainnav {
	-moz-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
	-webkit-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0)
}

.fancynav-animation-push.fancynav-opened .fancynav-mainnav {
	visibility: visible;
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.fancynav-animation-push .fancynav-inner {
	z-index: 1001
}

.fancynav-animation-push.fancynav-opened .fancynav-inner {
	-moz-transform: translate(300px, 0);
	-o-transform: translate(300px, 0);
	-webkit-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	transform: translate(300px, 0)
}

.fancynav-animation-rotate-in .fancynav-mainnav {
	-moz-transform: translate(-100%, 0) rotateY(-90deg);
	-o-transform: translate(-100%, 0) rotateY(-90deg);
	-webkit-transform: translate(-100%, 0) rotateY(-90deg);
	-ms-transform: translate(-100%, 0) rotateY(-90deg);
	transform: translate(-100%, 0) rotateY(-90deg);
	-moz-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.fancynav-animation-rotate-in.fancynav-opened .fancynav-mainnav {
	visibility: visible;
	-moz-transform: translate(0, 0) rotateY(0);
	-o-transform: translate(0, 0) rotateY(0);
	-webkit-transform: translate(0, 0) rotateY(0);
	-ms-transform: translate(0, 0) rotateY(0);
	transform: translate(0, 0) rotateY(0)
}

.fancynav-animation-rotate-in .fancynav-outer {
	-moz-perspective: 1500px;
	-webkit-perspective: 1500px;
	perspective: 1500px;
	-moz-perspective-origin: 0 50%;
	-webkit-perspective-origin: 0 50%;
	perspective-origin: 0 50%
}

.fancynav-animation-rotate-in.fancynav-opened .fancynav-inner {
	-moz-transform: translate(300px, 0);
	-o-transform: translate(300px, 0);
	-webkit-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	transform: translate(300px, 0)
}

.fancynav-animation-rotate-out .fancynav-mainnav {
	-moz-transform: translate(-100%, 0) rotateY(90deg);
	-o-transform: translate(-100%, 0) rotateY(90deg);
	-webkit-transform: translate(-100%, 0) rotateY(90deg);
	-ms-transform: translate(-100%, 0) rotateY(90deg);
	transform: translate(-100%, 0) rotateY(90deg);
	-moz-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.fancynav-animation-rotate-out.fancynav-opened .fancynav-mainnav {
	visibility: visible;
	-moz-transform: translate(0, 0) rotateY(0);
	-o-transform: translate(0, 0) rotateY(0);
	-webkit-transform: translate(0, 0) rotateY(0);
	-ms-transform: translate(0, 0) rotateY(0);
	transform: translate(0, 0) rotateY(0)
}

.fancynav-animation-rotate-out .fancynav-outer {
	-moz-perspective: 1500px;
	-webkit-perspective: 1500px;
	perspective: 1500px;
	-moz-perspective-origin: 0 50%;
	-webkit-perspective-origin: 0 50%;
	perspective-origin: 0 50%
}

.fancynav-animation-rotate-out.fancynav-opened .fancynav-inner {
	-moz-transform: translate(300px, 0);
	-o-transform: translate(300px, 0);
	-webkit-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	transform: translate(300px, 0)
}

.fancynav-animation-rotate-delayed .fancynav-mainnav {
	-moz-transform: translate3d(-100%, 0, 0) rotateY(90deg);
	-o-transform: translate3d(-100%, 0, 0) rotateY(90deg);
	-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
	-ms-transform: translate3d(-100%, 0, 0) rotateY(90deg);
	transform: translate3d(-100%, 0, 0) rotateY(90deg);
	-moz-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.fancynav-animation-rotate-delayed.fancynav-opened .fancynav-mainnav {
	visibility: visible;
	-moz-transition-delay: .1s;
	-o-transition-delay: .1s;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-moz-transform: translate3d(0, 0, 0) rotateY(0deg);
	-o-transform: translate3d(0, 0, 0) rotateY(0deg);
	-webkit-transform: translate3d(0, 0, 0) rotateY(0deg);
	-ms-transform: translate3d(0, 0, 0) rotateY(0deg);
	transform: translate3d(0, 0, 0) rotateY(0deg)
}

.fancynav-animation-rotate-delayed .fancynav-outer {
	-moz-perspective: 1500px;
	-webkit-perspective: 1500px;
	perspective: 1500px;
	-moz-perspective-origin: 0 50%;
	-webkit-perspective-origin: 0 50%;
	perspective-origin: 0 50%
}

.fancynav-animation-rotate-delayed .fancynav-inner {
	z-index: 1001
}

.fancynav-animation-rotate-delayed.fancynav-opened .fancynav-inner {
	-moz-transform: translate(300px, 0);
	-o-transform: translate(300px, 0);
	-webkit-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	transform: translate(300px, 0)
}

.fancynav-animation-scale-up .fancynav-mainnav {
	-moz-transform: translate3d(0, 0, -300px);
	-o-transform: translate3d(0, 0, -300px);
	-webkit-transform: translate3d(0, 0, -300px);
	-ms-transform: translate3d(0, 0, -300px);
	transform: translate3d(0, 0, -300px);
	-moz-perspective: 1000px;
	-webkit-perspective: 1000px;
	perspective: 1000px
}

.fancynav-animation-scale-up.fancynav-opened .fancynav-mainnav {
	visibility: visible;
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.fancynav-animation-scale-up .fancynav-outer {
	-moz-perspective: 1500px;
	-webkit-perspective: 1500px;
	perspective: 1500px;
	-moz-perspective-origin: 0 50%;
	-webkit-perspective-origin: 0 50%;
	perspective-origin: 0 50%
}

.fancynav-animation-scale-up .fancynav-inner {
	-moz-perspective: 1000px;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	z-index: 1001
}

.fancynav-animation-scale-up.fancynav-opened .fancynav-inner {
	-moz-transform: translate3d(300px, 0, 0);
	-o-transform: translate3d(300px, 0, 0);
	-webkit-transform: translate3d(300px, 0, 0);
	-ms-transform: translate3d(300px, 0, 0);
	transform: translate(300px, 0)
}

.fancynav-animation-fall-down .fancynav-mainnav {
	-moz-transform: translate(0, -100%);
	-o-transform: translate(0, -100%);
	-webkit-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%)
}

.fancynav-animation-fall-down.fancynav-opened .fancynav-mainnav {
	visibility: visible;
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.fancynav-animation-fall-down .fancynav-inner {
	z-index: 1001
}

.fancynav-animation-fall-down.fancynav-opened .fancynav-inner {
	-moz-transform: translate(300px, 0);
	-o-transform: translate(300px, 0);
	-webkit-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	transform: translate(300px, 0)
}

.fancynav-animation-slide-top.fancynav-open-right .fancynav-mainnav,
.fancynav-animation-push.fancynav-open-right .fancynav-mainnav {
	-moz-transform: translate(100%, 0);
	-o-transform: translate(100%, 0);
	-webkit-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transform: translate(100%, 0)
}

.fancynav-animation-slide-along.fancynav-open-right .fancynav-mainnav {
	-moz-transform: translate(50%, 0);
	-o-transform: translate(50%, 0);
	-webkit-transform: translate(50%, 0);
	-ms-transform: translate(50%, 0);
	transform: translate(50%, 0)
}

.fancynav-animation-slide-reverse.fancynav-open-right .fancynav-mainnav {
	-moz-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
	-webkit-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0)
}

.fancynav-animation-rotate-in.fancynav-open-right .fancynav-mainnav {
	-moz-transform: translate(100%, 0) rotateY(-90deg);
	-o-transform: translate(100%, 0) rotateY(-90deg);
	-webkit-transform: translate(100%, 0) rotateY(-90deg);
	-ms-transform: translate(100%, 0) rotateY(-90deg);
	transform: translate(100%, 0) rotateY(-90deg)
}

.fancynav-animation-rotate-out.fancynav-open-right .fancynav-mainnav,
.fancynav-animation-rotate-delayed.fancynav-open-right .fancynav-mainnav {
	-moz-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	transform: rotateY(90deg)
}

.fancynav-opened.fancynav-open-right .fancynav-mainnav {
	-moz-transform: translate(0, 0) rotateY(0);
	-o-transform: translate(0, 0) rotateY(0);
	-webkit-transform: translate(0, 0) rotateY(0);
	-ms-transform: translate(0, 0) rotateY(0);
	transform: translate(0, 0) rotateY(0)
}

.fancynav-animation-slide-along.fancynav-open-right.fancynav-opened .fancynav-inner,
.fancynav-animation-slide-reverse.fancynav-open-right.fancynav-opened .fancynav-inner,
.fancynav-animation-reveal.fancynav-open-right.fancynav-opened .fancynav-inner,
.fancynav-animation-push.fancynav-open-right.fancynav-opened .fancynav-inner,
.fancynav-animation-rotate-in.fancynav-open-right.fancynav-opened .fancynav-inner,
.fancynav-animation-rotate-out.fancynav-open-right.fancynav-opened .fancynav-inner,
.fancynav-animation-rotate-delayed.fancynav-open-right.fancynav-opened .fancynav-inner,
.fancynav-animation-scale-up.fancynav-open-right.fancynav-opened .fancynav-inner,
.fancynav-animation-fall-down.fancynav-open-right.fancynav-opened .fancynav-inner {
	-moz-transform: translate(-300px, 0);
	-o-transform: translate(-300px, 0);
	-webkit-transform: translate(-300px, 0);
	-ms-transform: translate(-300px, 0);
	transform: translate(-300px, 0)
}


/* removed styles.css from topcss.php and added inside */


h1 {
	font-size: 25px;
	font-weight: normal;
	margin: 0;
}
h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 15px;
}
h3 {
	margin: 15px 0 5px;
	font-size: 16px;
}
.intro {
	font-size: 18px;
	margin: 0;
	padding-top: 20px;
}

.clr {
	clear: both;
}
.left {
	text-align: left;
	font-weight: bold;
}
.demo-buttons {
	text-align: center;
	font-size: 14px;
	padding: 30px 0;
}
.demo-buttons span {
	box-sizing: border-box;
	display: inline-block;
    vertical-align: middle;
    margin: 5px;
    padding: 5px 10px;
    border: 1px solid transparent;
    border-radius: 5px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background: #444;
    color: #fefefe;
}
.demolist {
	text-align: left;
}
.demo-header .fancynav-close {
	padding: 18px 0 0;
}
.menubar {
	background: #fff;
	margin: 0;
	color: #000;
	list-style: none;
	height: 50px;
	line-height: 50px;
	display: none;
    font-family: 'Open Sans', sans-serif;
}
.menubar > li {
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
	display: block;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
}
.menubar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: -15px;
	top: 50px;
	color: #000;
	background: #fff;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
	width: 180px;
	display: none;
    font-family: 'Open Sans', sans-serif;
}
.menubar li:hover > ul {
	display: block;
}
.menubar li {
	position: relative;
}
.menubar li li ul {
	left: 178px;
	top: -1px;
	border-top: 1px solid #444;
	width: 140px;
}
.menubar li li {
	padding: 10px 15px;
	border: solid #444;
	border-width: 0 1px 1px;
	cursor: text;
}
.menubar li li.opener {
	padding: 0;
}
.menubar li li.opener span {
	display: block;
	padding: 10px 15px;
	cursor: pointer;
	background-color: rgba(68,68,68,0.8);
	color: #fff;
}
.menubar ul .fa {
	position: absolute;
	right: 10px;
	top: 12px;
}
.menubar .opener span .fa {
	font-size: 12px;
	margin: 2px 0 0 0px;
}
@media screen and (max-width: 1175px) {
	.menubar {
		display: block;
	}
	.demo-buttons {
		display: none;
	}
	.column {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.demo-buttons span {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

.fancynav-logo .fancynav-close {
	font-size: 25px;
	padding-top: 20px;
}
.fancynav-animation-flip .fancynav-mainnav {
	visibility: visible;
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.fancynav-animation-flip.fancynav-opened .fancynav-mainnav {
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
.fancynav-animation-flip .fancynav-inner {
	z-index: 1001;
}
.fancynav-animation-flip.fancynav-opened .fancynav-inner {
	-moz-transform: translate(300px, 0);
	-o-transform: translate(300px, 0);
	-webkit-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	transform: translate(300px, 0);
}
.fancynav-icons .fancynav-back {
	padding-left: 15px;
}
.fancynav-icons .fancynav-close::before,
.fancynav-icons .fancynav-next::before,
.fancynav-icons .fancynav-back::before,
.fancynav-icons .fancynav-mainnav ul > li > a::before {
	display: inline-block;
 	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fancynav-icons .fancynav-close::before {
	content: "\f05c";
	font-size: 24px;
}
.fancynav-icons .fancynav-next::before,
.fancynav-icons .fancynav-back::before {
	transform: none;
	background: none;
	border-radius: 0;
	width: auto;
	height: auto;
	font-size: 24px;
}
.fancynav-icons .fancynav-next::before {
	content: "\f18e";
	margin: -13px 0 0 -5px;
}
.fancynav-icons .fancynav-back::before {
	content: "\f190";
	margin: 0 10px 0 0;
	position: static;
	vertical-align: sub;
}
.fancynav-icons .fancynav-next::after,
.fancynav-icons .fancynav-back::after {
	content: none;
}
.fancynav-icons .fancynav-mainnav ul > li > a::before {
	margin-right: 10px;
	line-height: 1.2;
}
.fancynav-icons .fancynav-item-1 > a::before {
	content: "\f015";
}
.fancynav-icons .fancynav-item-2 > a::before {
	content: "\f2b5";
}
.fancynav-icons .fancynav-item-3 > a::before {
	content: "\f1e0";
}
.fancynav-icons .fancynav-item-4 > a::before {
	content: "\f09a";
}
.fancynav-icons .fancynav-item-5 > a::before {
	content: "\f099";
}
/*
.mobile-nav-buttons {
    display: inline-block;
    width: 60px;
    text-align: center;
    padding: 5px 7px;
    margin: 2px 1px 12px 5px;
    background: #335376;
    color: #fff;cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
}
*/
.mobile-nav-button-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center !important;
}
.mobile-nav-buttons {
    width: 21%;
    text-align: center;
    padding: 5px 7px;
    margin: 2px 3% 12px 3%;
    background: #335376;
    color: #fff;cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
}
img.mobile-logo-w {
    display: block;
    width: 90%;
    margin: 2px auto;
}
.fancynav-header {
    background: #fff;
}
.fancynav-mainnav {
    background: #fff;
}
.fancynav-mainnav ul {
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
}
.fancynav-close::before, .fancynav-next::before, .fancynav-back::before{
    color: #335376;
}
.fancynav-mainnav ul > li {
    display: block;
    width: 100%;
}
.fancynav-mainnav ul > li > a {
    color: #335376;
}
.fancynav-mainnav ul > li {
    border-bottom: 1px solid #d7d7d7;
}
.fancynav-back {
    background: #d7d7d7;
    color: #335376;
}
.fancynav-subnav {
    background: #fff;
}
.mobile-nav-phones {
    display: block;
    align-self: baseline;
    position: relative;
    background: #c4c4c4;
background: linear-gradient(1deg,#c4c4c4 0%, #f7f7f7 75%);
background: -webkit-linear-gradient(1deg,#c4c4c4 0%, #f7f7f7 75%);
background: -moz-linear-gradient(1deg,#c4c4c4 0%, #f7f7f7 75%);
    padding: 20px 10px;
}
.mobile-nav-phones .image-conta {
    display: block;
    padding-right: 10px;
    height: 200px;
    float: left;
    clear: right;
}
.mobile-nav-phones .image-conta img {
    max-width: 60px;
}
.mobile-nav-phones h1 a{
    font-size: 24px !important;
    color: #335376;
    line-height: 1;
    margin-bottom: 2px;
    font-weight: 800;
}
.mobile-nav-phones h3 a{
    font-weight: 400;
    color: #4d4d4d;
}
.fancynav-subnav {
    background: #fff;
    height: 2000px;
    z-index: 3000;
}
.mgmenu li .dropdown_container {
    padding-bottom: 20px;
}
.mgmenu div[class*="col_"]:last-child .br1{
    border: none !important;
}
div[class*="col_"] .menu_sub_title:first-child {
    margin-top: 15px;
}
.mgmenu div[class*="col_"] .menu_sub_title:last-child {
    margin-bottom: 20px !important;
}
.menu_sub_title {
    font-size: 13px !important;
    font-weight: bold;
}
.mgmenu li:last-child .menu_sub_title:last-child {
    margin-bottom: 0!important;
}
/** Inline style copied from header.php **/

		.fancynav-mainnav{
			overflow: auto;
		}



#mgmenu1 {
  z-index: 12;
}
#mgmenu2 {
  margin-top: 12px;
  z-index: 11;
}


/* 1. Mega Menu Bar */

.mgmenu_container,
.mgmenu_footer {
  width:100%;
  height: auto;
  z-index:10;
}
.mgmenu_container {
  position:relative;
  margin:0 auto;
}
.mgmenu_footer {
  width: inherit;
  max-width: inherit;
  position:fixed;
  top:0;
  /* IE7 Fix */
  *width:expression(this.parentNode.currentStyle['width']);
}
.mgmenu_footer {
  top: auto;
  bottom:0;
}
.mgmenu {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  font-family: 'Open Sans', sans-serif;
  font-size:13px;
  list-style:none;
  padding:0;
  margin:0;
  position:relative; /* For IE7 */
  line-height:1;
}

.mgmenu > .dynamic_menu--principal {
  margin-left: auto;
  margin-right: auto;
}
.mgmenu > .dynamic_menu--principal > a > span {
  color: #d74352;
  font-weight: bold;
}
.mgmenu > li {
  float: left;
  margin: 0;
}
.mgmenu > li:hover,
.mgmenu > li.active {
  background-color:#131313;
}
.mgmenu li.noactive {
  background:none;
}
.mgmenu > li > a,
.mgmenu > li > span {
  display: block;
  color:#ffffff;
  font-size:12px;
  outline:0;
  text-decoration:none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
  height: 100%;
}
.mgmenu > li > span:hover,
.mgmenu > li > a:hover,
.mgmenu > li > a:focus {
  cursor:pointer;
  color:#ffffff;
  outline:none;
}
.mgmenu > li .mgmenu_drop {
  background-image:url("../img/downArrow.png");
  background-repeat: no-repeat;
  background-position:right 19px;
  padding-right:20px;
}
.mgmenu_footer .mgmenu > li .mgmenu_drop {
  background-image:url("../img/upArrow.png");
}
.mgmenu > li.right_item {
  float:right;
  margin-right:0;
}
.mgmenu_container > .mgmenu > li.mgmenu_button,
.mgmenu_footer > .mgmenu > li.mgmenu_button {
  display: none;
  cursor: pointer;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  background-color:transparent;
  background-image:url("../img/toggle.png");
  background-repeat: no-repeat;
  background-position:96% 10px;
  line-height:12px;
  padding:14px 4% 14px 4%;
  color:#ffffff;
}
.mgmenu_container > .mgmenu > li.mgmenu_button_active,
.mgmenu_footer > .mgmenu > li.mgmenu_button_active {
  background-color:#000000;
}

/* 2. Mega Menu Trigger Button */

.mgmenu_trigger {
  position: fixed;
  z-index:2;
  margin:0 auto;
  right:0;
  margin-right: 20px;
  width:35px;
  height:41px;
  display: block;
}
.mgmenu_trigger {
  top: 0;
  background-image:url("../img/button_up.png");
  background-position:center center;
  background-repeat:no-repeat;
  background-color: #121212;
}
.mgmenu_trigger.active {
  background-image:url("../img/button_down.png");
}
.mgmenu_footer ~ .mgmenu_trigger {
  top:auto;
  bottom: 0;
  background-image:url("../img/button_down.png");
}
.mgmenu_footer ~ .mgmenu_trigger.active {
  background-image:url("../img/button_up.png");
}




/*  _______________________________________

    02 DROP DOWNS
    _______________________________________  */




/* 1. Common Styling */


.mgmenu li .dropdown_container,
.mgmenu li .dropdown_fullwidth,
.mgmenu li .mgmenu_multilevel {
  position:absolute;
  top:auto;
  display: none;
  float:left;
  zoom:1;
  z-index: 10;
  margin:0px 0 40px -1px;
  padding:20px 0 6px 0;
  -webkit-border-radius:0 0 3px 3px;
  -moz-border-radius:0 0 3px 3px;
  border-radius:0 0 3px 3px;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
  -o-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
  box-shadow: 0 2px 2px rgba(0,0,0,0.05);
  border:1px solid #CCCCCC;
  border-top:none;
  background: #e5e5e5;
  color: #212121;
}
.mgmenu li .dropdown_container {
  left:auto;
}
.mgmenu li .dropdown_fullwidth {
  left:0;
}
.mgmenu li.right_item .dropdown_container {
  left:auto;
  right:-1px;
}


/* 2. Footer */


.mgmenu_footer .mgmenu > li .dropdown_container,
.mgmenu_footer .mgmenu > li .dropdown_fullwidth,
.mgmenu_footer .mgmenu > li .mgmenu_multilevel {
  margin:0 0 0 -1px;
  top:auto;
  bottom:0;
  -webkit-border-radius:3px 3px 0 0;
  -moz-border-radius:3px 3px 0 0;
  border-radius:3px 3px 0 0;
  -webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
  -o-box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
  box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
  border:1px solid #CCCCCC;
  border-bottom:none;
}


.mgmenu > li:hover .dropdown_container,
.mgmenu > li:hover .dropdown_fullwidth,
.mgmenu > li.right_item:hover .dropdown_container {
  display: block;
}


/* 3. Drop Down Containers */


.mgmenu li .dropdown_1column {
  width: 8.3334%;
  padding-left: 2%;
  padding-right: 2%;
}
.mgmenu li .dropdown_2columns {
  width: 16.6667%;
  padding-left: 1.8333%;
  padding-right: 1.8333%;
}
.mgmenu li .dropdown_3columns {
  width: 25%;
  padding-left: 1.5%;
  padding-right: 1.5%;
}
.mgmenu li .dropdown_4columns {
  width: 33.3334%;
  padding-left: 1.333%;
  padding-right: 1.333%;
}
.mgmenu li .dropdown_5columns {
  width: 41.6667%;
  padding-left: 1.166%;
  padding-right: 1.166%;
}
.mgmenu li .dropdown_6columns {
  width: 50%;
  padding-left: 1%;
  padding-right: 1%;
}
.mgmenu li .dropdown_7columns {
  width: 58.3334%;
  padding-left: 0.833%;
  padding-right: 0.833%;
}
.mgmenu li .dropdown_8columns {
  width: 66.6667%;
  padding-left: 0.666%;
  padding-right: 0.666%;
}
.mgmenu li .dropdown_9columns {
  width: 75%;
  padding-left: 0.5%;
  padding-right: 0.5%;
}
.mgmenu li .dropdown_10columns {
  width: 83.3334%;
  padding-left: 0.333%;
  padding-right: 0.333%;
}
.mgmenu li .dropdown_11columns {
  width: 91.6667%;
  padding-left: 0.1666%;
  padding-right: 0.1666%;
}
.mgmenu li .dropdown_fullwidth {
  width: 100%;
}




/*  _______________________________________

    03 COLUMNS GRID
    _______________________________________  */




.mgmenu .col_1,
.mgmenu .col_2,
.mgmenu .col_3,
.mgmenu .col_4,
.mgmenu .col_5,
.mgmenu .col_6,
.mgmenu .col_7,
.mgmenu .col_8,
.mgmenu .col_9,
.mgmenu .col_10,
.mgmenu .col_11,
.mgmenu .col_12 {
  float: left;
  display:inline;
  position: relative;
  padding-left: 2%;
  padding-right: 2%;
  /*
  Rounding error with IE7.
  Lower margin values will absorb the difference.
  */
  *padding-left: 1.9%;
  *padding-right: 1.9%;
}
.mgmenu .col_1 {width:4.33%;}
.mgmenu .col_2 {width:12.66%;}
.mgmenu .col_3 {width:21%;}
.mgmenu .col_4 {width:29.33%;}
.mgmenu .col_5 {width:37.66%;}
.mgmenu .col_6 {width:46%;}
.mgmenu .col_7 {width:54.33%;}
.mgmenu .col_8 {width:62.66%;}
.mgmenu .col_9 {width:71%;}
.mgmenu .col_10 {width:79.33%;}
.mgmenu .col_11 {width:87.66%;}
.mgmenu .col_12 {width:96%;}

.mgmenu .clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 18px;
}
.mgmenu .col_border {
  -webkit-box-shadow: -1px 0 0 rgba(0,0,0,0.15);
  -moz-box-shadow: -1px 0 0 rgba(0,0,0,0.15);
  -o-box-shadow: -1px 0 0 rgba(0,0,0,0.15);
  box-shadow: -1px 0 0 rgba(0,0,0,0.15);
}



/*  _______________________________________________

    04 MULTILEVEL DROP DOWN
    _______________________________________________  */




.mgmenu .dropdown_flyout,
.mgmenu .dropdown_flyout .dropdown_flyout_level {
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 9;
  -webkit-border-radius:0 0 3px 3px;
  -moz-border-radius:0 0 3px 3px;
  border-radius:0 0 3px 3px;
}
.mgmenu .dropdown_flyout .dropdown_flyout_level {
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
  -o-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
  box-shadow: 0 2px 2px rgba(0,0,0,0.05);
  border:1px solid #CCCCCC;
  background: #e5e5e5;
}
.mgmenu .dropdown_flyout li {
  float: left;
  width: 100%;
  padding: 3px 0 3px 0;
}
.mgmenu .dropdown_flyout ul li {
  width: 160px;
  padding: 3px 10px 3px 10px;
}
.mgmenu .dropdown_flyout li.last {
  margin-bottom: 12px;
}
.mgmenu .dropdown_flyout a {
  display: block;
  width: 10em;
}
.mgmenu .dropdown_flyout .dropdown_flyout_level {
  position: absolute;
  margin:15px 0 0 4px;
  padding:6px;
  left:98%;
  top:-21px;
  display: none;
  zoom:1;
  float: left;
}
.mgmenu .dropdown_flyout .dropdown_flyout_level_left {
  left:-102%;
  right:100%;
}
.mgmenu .dropdown_flyout .dropdown_parent {
  background:url("../img/rightArrow.png") no-repeat 90% 9px;
}
.mgmenu .dropdown_flyout .dropdown_parent_left {
  background:url("../img/leftArrow.png") no-repeat 90% 9px;
}
.mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level,
.mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
  display: block;
}
.mgmenu .dropdown_flyout .flyout_heading {
  font-family: Georgia, Times, "Times New Roman", serif;
  padding-bottom: 9px;
  margin-bottom: 9px;
  font-size: 16px;
  border-bottom: 1px solid #cccccc;
  -webkit-box-shadow:0 1px 1px #f4f4f4;
  -moz-box-shadow:0 1px 1px #f4f4f4;
  -o-box-shadow:0 1px 1px #f4f4f4;
  box-shadow:0 1px 1px #f4f4f4;
}




/*  _______________________________________

    05 CONTENT & TYPOGRAPHY
    _______________________________________  */




/* 1. Basic Typography */


.mgmenu p,
.mgmenu h1,
.mgmenu h2,
.mgmenu h3,
.mgmenu h4,
.mgmenu h5,
.mgmenu h6 {
  padding:0;
  margin:0;
  font-weight: normal;
  color:#222222;
  margin-bottom:18px;
}
.mgmenu h1,
.mgmenu h2,
.mgmenu h3,
.mgmenu h4,
.mgmenu h5,
.mgmenu h6 {
  font-family: Georgia, Times, "Times New Roman", serif;
}
.mgmenu p {
  font-size:12px;
}
.mgmenu h1 {
  font-size:32px;
}
.mgmenu h2 {
  font-size:28px;
}
.mgmenu h3 {
  font-size:24px;
}
.mgmenu h4 {
  font-size:18px;
}
.mgmenu h5 {
  font-size:16px;
}
.mgmenu h6 {
  font-size:14px;
  text-transform:uppercase;
}
.mgmenu a {
  text-decoration: none;
  color:#222222;
  -webkit-transition:color .3s;
  -moz-transition:color .3s;
  -o-transition:color .3s;
  -ms-transition:color .3s;
  transition:color .3s;
}
.mgmenu a:hover {
  color:#777777;
}
.mgmenu a:focus {
  background: none;
}


/* 2. Lists */


.mgmenu > li ul,
.mgmenu > li ol {
  padding:0 0 0 18px;
  margin:0 0 18px 0;
}
.mgmenu > li ul {
  list-style:square;
}
.mgmenu > li ol {
  list-style:decimal;
}
.mgmenu > li ul.no_bullets {
  list-style:none;
  padding:0;
}
.mgmenu > li ul.no_bullets li {
  line-height: 24px;
}
.mgmenu > li ul li,
.mgmenu > li ol li {
  font-size:12px;
  line-height:22px;
  position:relative;
  color:#222222;
}


/* 3. Other Styling */


.mgmenu blockquote {
  color:#aaaaaa;
  border-left: 5px solid #cccccc;
  padding-left: 20px;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 18px;
  line-height: 27px;
}
.mgmenu .text_box {
  width: 84%;
  background: #ffffff;
  padding: 12px 8% 12px 8%;
  -webkit-box-shadow: 0 1px 1px #bbbbbb;
  -moz-box-shadow: 0 1px 1px #bbbbbb;
  -o-box-shadow: 0 1px 1px #bbbbbb;
  box-shadow: 0 1px 1px #bbbbbb;
}
.mgmenu .text_box_black {
  background: #212121;
}
.mgmenu .text_box_red {
  background: #e48a76;
}
.mgmenu .text_box_blue {
  background: #92bfd1;
}
.mgmenu .text_box_green {
  background: #b4ca91;
}
.mgmenu .text_box_yellow {
  background: #f3d067;
}
.mgmenu .text_box_purple {
  background: #C0ADDB;
}
.mgmenu .text_box_brown {
  background: #b2aa9f;
}
.mgmenu .text_box_black,
.mgmenu .text_box_red,
.mgmenu .text_box_blue,
.mgmenu .text_box_green,
.mgmenu .text_box_yellow,
.mgmenu .text_box_purple,
.mgmenu .text_box_brown {
  color:#ffffff;
  text-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -o-box-shadow:none;
  box-shadow:none;
}
.mgmenu .img_description {
  text-align: center;
  font-style:italic;
  margin-top: -6px;
  font-family: Georgia, Times, "Times New Roman", serif;
}
.mgmenu hr {
  width: 100%;
  height: 0;
  *height:2px;
  margin-bottom: 18px;
  border:none;
  border-bottom:1px solid #f4f4f4;
  border-top:1px solid #ccc;
}
.mgmenu .video_container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 18px;
}
  .mgmenu .video_container iframe,
  .mgmenu .video_container object,
  .mgmenu .video_container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:none;
      outline: none;
  }
.mgmenu iframe {
    border:0;
    outline: none;
    width: 100%;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    margin-bottom: 12px;
}


/* 4. Inline Images */


.mgmenu img {
  border:none;
}
.mgmenu .inline_img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 1px #999999;
  -moz-box-shadow: 0 1px 1px #999999;
  -o-box-shadow: 0 1px 1px #999999;
  box-shadow: 0 1px 1px #999999;
  margin-bottom:18px;
  margin-top: 6px;
}
.mgmenu a .inline_img {
  opacity: 0.8;
  -webkit-transition:opacity .3s;
  -moz-transition:opacity .3s;
  -o-transition:opacity .3s;
  -ms-transition:opacity .3s;
  transition:opacity .3s;
}
.mgmenu a:hover .inline_img {
  opacity: 1;
}
.mgmenu .inline_img_border {
  border:5px solid #fff;
}


/* 5. Icons */


.mgmenu .mini_icon {
    background-image: url("../img/icons/mini-icons-white.png");
    background-repeat: no-repeat;
    margin-top: -2px;
    padding-left: 6px;
    float: left;
    width: 20px;
    height: 20px;
}
.mgmenu .ic_bookmark{ background-position: 0 -64px;  }
.mgmenu .ic_tag{ background-position: -288px 0;  }
.mgmenu .ic_grid{ background-position: -160px -32px;  }
.mgmenu .ic_list{ background-position: -192px -32px;  }
.mgmenu .ic_cloud{ background-position: -160px 0;  }
.mgmenu .ic_graph{ background-position: -64px -64px;  }
.mgmenu .ic_chat{ background-position: -128px -64px;  }
.mgmenu .ic_empty_document{ background-position: 0 0;  }
.mgmenu .ic_settings{ background-position: -256px -32px;  }
.mgmenu .ic_up{ background-position: -128px -128px;  }
.mgmenu .ic_sync{ background-position: -128px -96px;  }
.mgmenu .ic_plus{ background-position: -192px -96px;  }
.mgmenu .ic_edit{ background-position: -32px -96px;  }
.mgmenu .ic_lock{ background-position: 0 -32px;  }

.mgmenu .menubar_icon {
  padding: 0;
  list-style: none;
  float: left;
}
.mgmenu .menubar_icon:hover {
  background:none;
}
.mgmenu .menubar_icon ul > li {
  list-style: none;
  float: left;
  -webkit-transition:background-color .3s;
  -moz-transition:background-color .3s;
  -o-transition:background-color .3s;
  -ms-transition:background-color .3s;
  transition:background-color .3s;
}
.mgmenu .menubar_icon ul > li:hover {
  background-color:#131313;
}
.mgmenu .menubar_icon ul > li > a {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  display: block;
  padding: 7px 4px 9px 4px;
  width: 24px;
  height: 24px;
}


/* 6. Form Elements */


.mgmenu .contact_form {
  display: block;
  margin-bottom:10px;
}
.mgmenu .contact_form label {
  font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
}
.mgmenu .form_element {
  color: #000000;
  background-color:#fbfbfb;
  border:1px solid #dddddd;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  width: 96%;
  padding:9px 2% 9px 2%;
  margin:12px 0 18px 0;
  -webkit-box-shadow: 0 1px 1px #efefef;
  -moz-box-shadow: 0 1px 1px #efefef;
  -o-box-shadow: 0 1px 1px #efefef;
  box-shadow: 0 1px 1px #efefef;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  -ms-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
  .mgmenu .form_element:hover{
    background-color:#fcfcfc;
  }
  .mgmenu .form_element:focus {
    background-color:#ffffff;
  }
  .mgmenu .form_element:focus {
    outline:none;
  }

.mgmenu .contact_form textarea {
  height:120px;
  resize:none;
}
.mgmenu .contact_form .required {
  color:#C00;
}
.mgmenu .contact_form .error,
.mgmenu .contact_form .success {
  width: 96%;
  padding:9px 2% 9px 2%;
  margin: 12px 0 6px 0;
  border:1px solid rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 1px 1px #efefef;
  -moz-box-shadow: 0 1px 1px #efefef;
  -o-box-shadow: 0 1px 1px #efefef;
  box-shadow: 0 1px 1px #efefef;
}
  .mgmenu .contact_form .error {
    background:#f7cac4;
    color:#992213;
  }
  .mgmenu .contact_form .success {
    background:#d8f6bc;
    color:#2f530b;
    margin-bottom: 12px;
  }
.mgmenu .contact_form .button {
  padding: 7px 12px;
  margin:9px 12px 0 0;
  white-space: nowrap;
  font-size: 11px;
  text-transform: uppercase;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #000000;
  color: #ffffff;
  background-color: #222222;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
  .mgmenu .contact_form .button:active {
  }
  .mgmenu .contact_form .button:hover,
  .mgmenu .contact_form .button:focus {
    color: #ffffff;
    background-color: #1A1A1A;
  }

.mgmenu .contact_form .select_element {
  float: left;
  width:310px;
  overflow: hidden;
  position: relative;
  background-color:#fbfbfb;
  border:1px solid #dddddd;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  width: 100%;
  margin:12px 0 18px 0;
  -webkit-box-shadow: 0 1px 1px #efefef;
  -moz-box-shadow: 0 1px 1px #efefef;
  -o-box-shadow: 0 1px 1px #efefef;
  box-shadow: 0 1px 1px #efefef;
}
  .mgmenu .contact_form .select_element select {
    width:100%;
    height:30px;
    font-size:12px;
    color: #999;
    padding: 6px 0 6px 10px;
    border: 0;
    background: none;
    outline: none;
  }
  .mgmenu .contact_form .select_element select option {
    background: #fdfdfd;
    width: 100%;
    color: #666;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {

    .mgmenu .contact_form .select_element:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -3px;
      border: 5px solid transparent;
      border-top: 5px solid #333333;
      pointer-events: none;
    }
    .mgmenu .contact_form .select_element select,
    .mgmenu .contact_form .select_element select option {
      -webkit-appearance: none;
      appearance: none;
    }

  }




/*  _______________________________________

    06 DROP DOWN TABS
    _______________________________________  */




.mgmenu li > .mgmenu_tabs {
  padding: 0 !important;
}
.mgmenu_tabs > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mgmenu_tabs_hide {
  display:none;
}
.mgmenu_tabs .mgmenu_tabs_nav {
  width:20%;
  float:left;
  position: relative;
  margin:0;
  padding: 0;
}
.mgmenu_tabs .mgmenu_tabs_panels {
  margin: 0;
  padding: 21px 1% 12px 1%;
  width: 78%;
  *width:77.9%; /* IE7 bug */
  float: left;
  background-color: #ffffff;
  -webkit-box-shadow: -1px 0px 1px rgba(0,0,0,0.05);
  -moz-box-shadow: -1px 0px 1px rgba(0,0,0,0.05);
  -o-box-shadow: -1px 0px 1px rgba(0,0,0,0.05);
  box-shadow: -1px 0px 1px rgba(0,0,0,0.05);
}
.mgmenu_tabs .mgmenu_tabs_nav li {
  list-style: none;
  margin:0;
  border:none;
  margin:0;
  float: left;
  width: 100%;
  clear: left;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.mgmenu_tabs .mgmenu_tabs_nav li a {
  font-size:12px;
  outline:0;
  text-decoration:none;
  display:block;
  padding: 9px 15px 9px 15px;
}
.mgmenu_tabs li a.current,
.mgmenu_tabs li a.current:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.05);
  -o-box-shadow: 0 -1px 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: 0 -1px 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.05);
  top:1px;
}

/* Right Tabs */

.mgmenu_tabs_right .mgmenu_tabs_panels {
  -webkit-box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
  -moz-box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
  -o-box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
  box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
}

/* Top & Bottom Tabs */

.mgmenu_tabs_top .mgmenu_tabs_nav,
.mgmenu_tabs_bottom .mgmenu_tabs_nav {
  width:100%;
}
.mgmenu_tabs_top .mgmenu_tabs_panels,
.mgmenu_tabs_bottom .mgmenu_tabs_panels {
  padding: 21px 1% 12px 1%;
  width: 98%;
  *width:97.9%; /* IE7 bug */
}
.mgmenu_tabs_top .mgmenu_tabs_nav li,
.mgmenu_tabs_bottom .mgmenu_tabs_nav li {
  float: none;
  width: auto;
  clear: none;
  display: inline;
}
.mgmenu_tabs_top .mgmenu_tabs_nav li a,
.mgmenu_tabs_bottom .mgmenu_tabs_nav li a {
  display:inline;
  float: left;
}
.mgmenu_tabs_top li a.current,
.mgmenu_tabs_top li a.current:hover,
.mgmenu_tabs_bottom li a.current,
.mgmenu_tabs_bottom li a.current:hover {
  -webkit-box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
  -moz-box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
  -o-box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
  box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
}

.mgmenu_tabs_top .mgmenu_tabs_panels {
  -webkit-box-shadow: 0px -1px 1px rgba(0,0,0,0.05);
  -moz-box-shadow: 0px -1px 1px rgba(0,0,0,0.05);
  -o-box-shadow: 0px -1px 1px rgba(0,0,0,0.05);
  box-shadow: 0px -1px 1px rgba(0,0,0,0.05);
}
.mgmenu_tabs_bottom .mgmenu_tabs_panels {
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
  -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
  -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
  box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
}




/*  _______________________________________

    07 MOBILE DEVICES
    _______________________________________  */




@media only screen and (min-width: 768px) and (max-width: 984px) {
  .mgmenu .mini_icon {
    padding-left: 3px;
  }
}


@media only screen and (min-width: 768px) {
  .mgmenu_container .mgmenu > li,
  .mgmenu_footer .mgmenu > li {
    display: block !important;
  }
  .mgmenu_container > .mgmenu > li.mgmenu_button,
  .mgmenu_footer > .mgmenu > li.mgmenu_button {
    display: none !important;
  }
}


@media only screen and (max-width: 767px) {
  .mgmenu_container,
  .mgmenu_footer {
    width:100%;
    height:auto;
    margin:0;
    position:relative;
    left:auto;
    top:auto;
    bottom:auto;
    display:none;
  }
  .mgmenu_container .mgmenu > li,
  .mgmenu_footer .mgmenu > li {
    float:none;
    width:auto;
    border:none;
    display: none;
    padding: 0;
  }
      .mgmenu_container > .mgmenu > li.mgmenu_button,
      .mgmenu_footer > .mgmenu > li.mgmenu_button {
          display: block;
      }
  .mgmenu > li > span,
  .mgmenu > li > a {
    display: block;
  }
    .mgmenu > li .mgmenu_drop {
      background-position:96% 19px;
    }
  .mgmenu > li .dropdown_container,
  .mgmenu > li .dropdown_fullwidth,
  .mgmenu_footer .mgmenu > li .dropdown_container,
  .mgmenu_footer .mgmenu > li .dropdown_fullwidth {
    position:absolute;
    top:auto;
    bottom:auto;
    width: 100%;
    margin:0 0 0 -1px;
    -webkit-border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    -o-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    border:1px solid #CCCCCC;
    border-top:none;
  }
  .mgmenu li .dropdown_1column,
  .mgmenu li .dropdown_2columns,
  .mgmenu li .dropdown_3columns,
  .mgmenu li .dropdown_4columns,
  .mgmenu li .dropdown_5columns,
  .mgmenu li .dropdown_6columns,
  .mgmenu li .dropdown_7columns,
  .mgmenu li .dropdown_8columns,
  .mgmenu li .dropdown_9columns,
  .mgmenu li .dropdown_10columns,
  .mgmenu li .dropdown_11columns,
  .mgmenu li .dropdown_fullwidth {
    width: 100%;
    padding-left:0;
    padding-right:0;
  }
  .mgmenu .col_1,
  .mgmenu .col_2,
  .mgmenu .col_3,
  .mgmenu .col_4,
  .mgmenu .col_5,
  .mgmenu .col_6,
  .mgmenu .col_7,
  .mgmenu .col_8,
  .mgmenu .col_9,
  .mgmenu .col_10,
  .mgmenu .col_11,
  .mgmenu .col_12 {
    width:92%;
    margin-left: 4%;
    margin-right: 4%;
    padding: 0;
    float: left;
    display: block;
  }
  .mgmenu .col_border {
    box-shadow:none;
  }

  /* Multilevel drop down */

  .mgmenu .dropdown_flyout,
  .mgmenu .dropdown_flyout .dropdown_flyout_level,
  .mgmenu .dropdown_flyout .dropdown_flyout_level_left {
    position: relative;
    left:auto;
    right:auto;
    top:auto;
    padding: 0;
    margin: 6px 4% 0 4%;
  }
  .mgmenu .dropdown_flyout .dropdown_flyout_level {
    border:none;
    background: none;
    box-shadow:none;
  }
  .mgmenu .dropdown_flyout li,
  .mgmenu .dropdown_flyout ul li {
    width: 100%;
    padding: 6px 0 6px 0;
  }
  .mgmenu li .dropdown_flyout .dropdown_parent {
    background:url("../img/downArrow-b.png") no-repeat 98% 14px;
  }

  /* Tabs */

  .mgmenu li > .mgmenu_tabs {
    width: 100%;
  }
  .mgmenu_tabs .mgmenu_tabs_nav {
    width:100%;
    float:left;
    margin:0;
    padding: 0;
  }
  .mgmenu_tabs .mgmenu_tabs_panels {
    padding: 21px 0 12px 0;
    width: 100%;
  }

  /* Other Elements */

  .mgmenu_trigger {
    display: none;
  }
  .mgmenu blockquote {
    margin-left: 12px;
  }
  .mgmenu .img_description {
    text-align: left;
  }

  .mgmenu .menubar_icon {
    z-index: 9;
    float: none !important;
    padding: 0 0 14px 0 !important;
  }
  .mgmenu .menubar_icon ul {
    width: 100%;
    padding: 0 0 9px 0 !important;
  }
  .mgmenu .menubar_icon ul > li {
    padding-left: 2%;
    padding-right: 2%;
  }


}



/*  _______________________________________

    08 RETINA DISPLAYS
    _______________________________________  */




@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {


  .mgmenu > li .mgmenu_drop {
    background-size: 9px 5px;
    background-image:url("../img/downArrow@2x.png");
  }
  .mgmenu_footer .mgmenu > li .mgmenu_drop {
    background-size: 9px 5px;
    background-image:url("../img/upArrow@2x.png");
  }
  .mgmenu_container > .mgmenu > li.mgmenu_button,
  .mgmenu_footer > .mgmenu > li.mgmenu_button {
    background-size: 24px 24px;
    background-image:url("../img/toggle@2x.png");
  }
  .mgmenu_trigger {
    background-size: 35px 35px;
    background-image:url("../img/button_up@2x.png");
  }
  .mgmenu_trigger.active {
    background-size: 35px 35px;
    background-image:url("../img/button_down@2x.png");
  }
  .mgmenu_footer ~ .mgmenu_trigger {
    background-size: 35px 35px;
    background-image:url("../img/button_down@2x.png");
  }
  .mgmenu_footer ~ .mgmenu_trigger.active {
    background-size: 35px 35px;
    background-image:url("../img/button_up@2x.png");
  }
  .mgmenu .dropdown_flyout .dropdown_parent {
    background-size: 5px 9px;
    background-image:url("../img/rightArrow@2x.png");
  }
  .mgmenu .dropdown_flyout .dropdown_parent_left {
    background-size: 5px 9px;
    background-image:url("../img/leftArrow@2x.png");
  }
  .mgmenu .mini_icon {
      background-image: url("../img/icons/mini-icons-white@2x.png");
    background-repeat: no-repeat;
    background-size: 304px 144px;
  }

  .mgmenu .menubar_icon ul > li > a {
    background-size: 24px 24px;
  }


}


@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

  .mgmenu li .dropdown_flyout .dropdown_parent {
    background-size: 9px 5px;
    background-image:url("../img/downArrow-b@2x.png");
  }

}



.description{margin:48px auto;width:70%}
.description h2{margin-bottom:48px;text-align:center;}
.description p{font-size:12px;line-height:18px;margin-bottom:18px;clear:both}
#mgmenu1{margin-top: 30px;}
.page_wrapper a.demo{
   color:#444;
   line-height: 24px;
   padding-top: 20px;
   padding-bottom: 20px;
   text-decoration:none;
   width:45%;
   margin-right:10%;
   font-size:16px;
   text-align:center;
   margin-bottom:36px;
   float:left;
   display:inline;
   border-radius:4px;
   box-shadow:0 1px 2px #bbb,inset 0 1px 1px #fafafa;
   background:#eee;
   background:-webkit-linear-gradient(top,#eee 0,#e8e8e8);
   background:-moz-linear-gradient(top,#eee 0,#e8e8e8);
   background:-o-linear-gradient(top,#eee 0,#e8e8e8);
   background:-ms-linear-gradient(top,#eee 0,#e8e8e8);
   background:linear-gradient(top,#eee 0,#e8e8e8)
}
.page_wrapper a.second{margin-right:0}
@media only screen and (min-width:320px) and (max-width:767px){.page_wrapper .index{width:100%;margin-right:0}}
.page_wrapper a.demo {
}

.page_wrapper .small {
   line-height: 12px;
   font-size: 10px;
   padding: 0;
}

@media only screen and (max-width: 767px) {
.page_wrapper a.demo{width:100%;margin-right: 0;}
}


/** Inline style copied from header.php **/

#mgmenu1{
			background: #fff;
			border-bottom: 1px solid #bdbdbd;
			margin-top: 0px
		}
		.mgmenu > li{
		    border: 1px solid transparent;
		    transition: none;
		}
        /*.mgmenu > li{
            transition: none;
            border: 1px dotted #bdbdbd;
            border-bottom: 1px solid #bdbdbd;
            border-top: 1px solid #bdbdbd;
        }*/
		.mgmenu > li:hover{
			border: 1px solid #bdbdbd;
		    border-bottom: 1px solid transparent;
			background-color: #fff;
		}
		.mgmenu > li span{
			color: #58585a;
			text-shadow: none;
			font-size: 12px;
            font-weight: 600;
		    line-height: 16px;
		    text-align: center;
		    text-decoration: none;
		    transition: none;
		    font-family: 'Open Sans', sans-serif;
			font-style: normal;
		}
		.mgmenu > li:hover span{
			color: #2D87BF;
			text-decoration: underline;
		}
		.mgmenu li .dropdown_container{
			border: 1px solid #bdbdbd;
		    border-top: 1px solid transparent;
		    background:#fff;
            box-shadow: 1px 37px 52px 1px rgba(0,0,0,0.39);
-webkit-box-shadow: 1px 37px 52px 1px rgba(0,0,0,0.39);
-moz-box-shadow: 1px 37px 52px 1px rgba(0,0,0,0.39);
		}
		.menu_sub_title{
			color: #58585a;
			font-size: 14px;
		    line-height: 16px;
			text-decoration: none;
			transition: none;
			font-family: 'Open Sans', sans-serif;
			font-style: normal;
		    display: block
		}
		.menu_sub_title:hover{
			color: #2D87BF!important;
			text-decoration: underline;
		}
		.sub_menu{
			list-style-type: none!important;
		    /*margin-top: 5px!important;*/
		    margin-left: 10px!important;
		}
		.sub_menu li a{
			font-weight: normal;
		    color: #8a8a8b;
		    text-align: left;
		    line-height: 20px;
		    font-family: 'Calibri';
		    font-size: 14px;
		    text-decoration: none;
		    transition: none;
		}
		.sub_menu li:hover a{
		    text-decoration: underline;
		}
		.br1{
			border-right:1px solid #f3f3f3;
		}
		.mgmenu .right_item{
			float: left!important
		}
		.menu-link-view-more{
			text-transform: uppercase;
    		color: #2D87BF!important;
    		line-height: 20px;
    		font-weight: bold
		}
		.button_menu{
			text-align: center;
			padding: 0!important;
			margin-bottom: 0!important;
		}
		.button_menu li{
			display:inline-block;
			margin-bottom: 20px;
		}
		.button_menu a{
			padding: 10px 30px;
			text-transform: uppercase;
			color: #fff;
		}
		.button_menu a:hover{
			color: #fff;
		}
		.button_menu li:first-child a{
			background-color:#f15d2a;
		}
		.button_menu li:nth-child(2) a{
			background-color:#90c752;
		}
		.button_menu li:nth-child(3) a{
			background-color:#e12228;
		}
		div[class*="col_"] .menu_sub_title{
			margin-top: 15px;
		}
		div[class*="col_"] .menu_sub_title:first-child{
			margin-top: 0px;
		}
		.col_12{
			margin-top: 20px;
			width: 100%!important;
    		padding: 0;
		}
.menu-bg{
			position: absolute;
		    background: rgba(0, 0, 0, 0.2);
		    height: 100%;
		    width: 100%;
		    z-index: 9;
		    margin-top: 57px;
		}

@media screen and (max-width: 1175px) {
    .mgmenu > li span {
			font-size: 10px;
      line-height: 13px;
		}
    .menu_sub_title{
			font-size: 10px;
		    line-height: 13px;
		}
}

/* Desktop devices (mobile first please) */

@media screen and (min-width: 1000px) {
  .mgmenu {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }
  .mgmenu > li > span,
  .mgmenu > li > a {
    min-width: 4rem;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .mgmenu > .dynamic_menu--principal > a > span {
    font-size: 1.5em;
  }
}