/*------- MENU RESET CSS */
.mega-menu {

	text-transform: uppercase;
    -ms-text-size-adjust     :100%;
    -webkit-text-size-adjust :100%;
}

.mega-menu * {
    -webkit-box-sizing          :border-box;
    -moz-box-sizing             :border-box;
    box-sizing                  :border-box;
    list-style                  :none;
    text-decoration             :none;
    -webkit-tap-highlight-color :transparent;
}

.mega-menu article,
.mega-menu aside,
.mega-menu details,
.mega-menu figcaption,
.mega-menu figure,
.mega-menu footer,
.mega-menu header,
.mega-menu main,
.mega-menu menu,
.mega-menu nav,
.mega-menu section,
.mega-menu summary {
    display :block;
}

.mega-menu audio,
.mega-menu canvas,
.mega-menu progress,
.mega-menu video {
    display        :inline-block;
    vertical-align :baseline;
}

.mega-menu audio:not([controls]) {
    display :none;
    height  :0;
}

.mega-menu a {
    background-color :transparent;
}

.mega-menu a:active, .mega-menu a:hover {
    outline :0;
}

.mega-menu abbr[title] {
    border-bottom :1px dotted;
}

.mega-menu b, .mega-menu strong {
    font-weight :bold;
}

.mega-menu dfn {
    font-style :italic;
}

.mega-menu h1 {
    font-size :2em;
    margin    :0.67em 0;
}

.mega-menu mark {
    background :#ff0;
    color      :#000;
}

.mega-menu small {
    font-size :80%;
}

.mega-menu sub,
.mega-menu sup {
    font-size      :75%;
    line-height    :0;
    position       :relative;
    vertical-align :baseline;
}

.mega-menu sup {
    top :-0.5em;
}

.mega-menu sub {
    bottom :-0.25em;
}

.mega-menu img {
    border :0;
}

.mega-menu svg:not(:root) {
    overflow :hidden;
}

.mega-menu figure {
    margin :1em 40px;
}

.mega-menu hr {
    -moz-box-sizing :content-box;
    box-sizing      :content-box;
    height          :0;
}

.mega-menu pre {
    overflow :auto;
}

.mega-menu code,
.mega-menu kbd,
.mega-menu pre,
.mega-menu samp {
    font-family :monospace, monospace;

}

.mega-menu button,
.mega-menu input,
.mega-menu optgroup,
.mega-menu select,
.mega-menu textarea {
    color  :inherit;
    font   :inherit;
    margin :0;
}

.mega-menu button {
    overflow :visible;
}

.mega-menu button, .mega-menu select {
    text-transform :none;
}

.mega-menu button,
.mega-menu input[type="button"],
.mega-menu input[type="reset"],
.mega-menu input[type="submit"] {
    -webkit-appearance :button;
    cursor             :pointer;
}

.mega-menu button[disabled], .mega-menu input[disabled] {
    cursor :default;
}

.mega-menu button::-moz-focus-inner,
.mega-menu input::-moz-focus-inner {
    border  :0;
    padding :0;
}

.mega-menu input {
    line-height :normal;
}

.mega-menu input[type="checkbox"],
.mega-menu input[type="radio"] {
    box-sizing :border-box;
    padding    :0;
}

.mega-menu input[type="number"]::-webkit-inner-spin-button,
.mega-menu input[type="number"]::-webkit-outer-spin-button {
    height :auto;
}

.mega-menu input[type="search"] {
    -webkit-appearance :textfield;
    -moz-box-sizing    :content-box;
    -webkit-box-sizing :content-box;
    box-sizing         :content-box;
}

.mega-menu input[type="search"]::-webkit-search-cancel-button,
.mega-menu input[type="search"]::-webkit-search-decoration {
    -webkit-appearance :none;
}

.mega-menu fieldset {
    border  :1px solid #c0c0c0;
    margin  :0 2px;
    padding :0.35em 0.625em 0.75em;
}

.mega-menu legend {
    border  :0;
    padding :0;
}

.mega-menu textarea {
    overflow :auto;
}

.mega-menu optgroup {
    font-weight :bold;
}

.mega-menu table {
    border-collapse :collapse;
    border-spacing  :0;
}

.mega-menu td, .mega-menu th {
    padding :0;
}

/*------------ MENU BASIC LAYOUT */

.mega-menu {
    padding     :0;
    position    :relative;
    z-index     :999;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
    min-width   :800px;
    max-width   :1920px; /* max width 1920px change if you need more.. */
    min-height  :54px;
    margin      :0 auto;
    clear       :both;
}

.mega-menu > ul {
    float      :left;
    width      :100%;
    min-height :54px;
    margin     :0;
    padding    :0;
}



/*---------------- MENU LINKS CLASS */
.mega-menu ul.menu-links {
    float   :left;
    margin  :0;
    padding :0;
    width   :auto;
}

.mega-menu ul.menu-links > li {
    float       :left;
    line-height :54px;
    font-size   :small;
    cursor      :pointer;
}

.mega-menu ul.menu-links > li > a i.fa {
    padding :0 2px;
}

/*----------- Main Menu text witdth adjustment */

.mega-menu ul.menu-links > li > a {
    line-height        :54px;
    width              :100%;
    display            :block;
    padding            :0 15px;
    -webkit-transition :background 400ms ease;
    -moz-transition    :background 400ms ease;
    -ms-transition     :background 400ms ease;
    -o-transition      :background 400ms ease;
    transition         :background 400ms ease;
}



/*----------- DROP DOWN */
.mega-menu .drop-down {
    position :absolute;
    top      :auto;
    padding  :10px;
    z-index  :10;
    display  :none;
}

.mega-menu .drop-down * {
    line-height :normal;
    float       :left;
}

.mega-menu .drop-down br {
    float :none;
    clear :both;
}

.mega-menu .drop-down ul,
.mega-menu .drop-down li {
    margin   :0;
    padding  :0;
    float    :left;
    position :relative;
    width    :200px;
}

/*----------- DROP DOWN Height */
.mega-menu .drop-down a {
    padding    :10px 20px;
    width      :100%;
    position   :relative;
    display    :block;
    float      :left;
    text-align :left;
}
/*----------- DROP DOWN Height close*/
.mega-menu .drop-down li > a {
    -webkit-transition :color 400ms ease, background 400ms ease;
    -moz-transition    :color 400ms ease, background 400ms ease;
    -ms-transition     :color 400ms ease, background 400ms ease;
    -o-transition      :color 400ms ease, background 400ms ease;
    transition         :color 400ms ease, background 400ms ease;
}

/*---------- DROP DOWN FULL WIDTH */



/*-------------------- DROP DOWN HALF WIDTH */

.mega-menu .drop-down.half-width {
    left     :auto;
    width    :50%;
    cursor   :default !important;
    color    :#555555;
    padding  :10px;
    overflow :hidden;
}

.mega-menu .drop-down.half-width ul,
.mega-menu .drop-down.half-width li {
    margin  :0;
    padding :0;
}

.mega-menu .drop-down.half-width a {
    margin     :0;
    padding    :8px 0;
    background :none !important;
    float      :left;
    display    :inline-block;
}

.mega-menu .drop-down.half-width li.list-description a span,
.mega-menu .drop-down.half-width li.image-description a span {
    display :inline-block;
    float   :left;
    width   :100%;
}

.mega-menu .drop-down.half-width li.image-description a img {
    display   :inline-block;
    float     :left;
    max-width :100%;
    position  :absolute;
    left      :0;
    right     :0;
    height    :40px;
    width     :40px;
}

.mega-menu .drop-down.half-width li.image-description a {
    padding-left :50px;
}

/*------------- DROP DOWN SMALL WIDTH */
.mega-menu .drop-down.small-width {
    min-width :200px;
    padding   :0;
}

.mega-menu .drop-down .drop-down.small-width {
    left :100%;
    top  :0;
}

.mega-menu .drop-down .drop-down.small-width.left-side {
    left :-100%;
    top  :0;
}

/*------------------ HR TAG */
.mega-menu .drop-down hr {
    float  :left;
    width  :100%;
    border :none;
}

/*------------------- FA-INDICATOR CLASS */
.mega-menu .drop-down i.fa {
    display     :inline-block;
    margin      :0;
    padding     :0 10px 0 0;
    float       :left;
    white-space :normal;
    line-height :18px;
}

.mega-menu .drop-down i.fa.fa-indicator {
    float         :right;
    display       :block;
    padding-right :0;
    padding-left  :10px;
}



/*---- 12 COLUMNS FLUID GRID WITH NESTED COLUMNS */
.mega-menu .grid-row {
    margin     :0;
    padding    :0;
    min-height :1px;
    width      :100%;
    float      :left;
    clear      :both;
}

.mega-menu [class*="grid-col-"] {
    margin   :0;
    float    :left;
    padding  :10px;
    position :relative;
}

.mega-menu .grid-col-1 {
    width :8.333333333333333%;
}

.mega-menu .grid-col-2 {
    width :16.66666666666667%;
}

.mega-menu .grid-col-3 {
    width :25%;
}

.mega-menu .grid-col-4 {
    width :33.33333333333333%;
}

.mega-menu .grid-col-5 {
    width :41.66666666666667%;
}

.mega-menu .grid-col-6 {
    width :50%;
}

.mega-menu .grid-col-7 {
    width :58.33333333333333%;
}

.mega-menu .grid-col-8 {
    width :66.66666666666667%;
}

.mega-menu .grid-col-9 {
    width :75%;
}

.mega-menu .grid-col-10 {
    width :83.33333333333333%;
}

.mega-menu .grid-col-11 {
    width :91.66666666666667%;
}

.mega-menu .grid-col-12 {
    width :100%;
}

.mega-menu .drop-down.grid-demo span {
    float         :left;
    display       :inline-block;
    width         :100%;
    padding       :6px;
    border-radius :4px;
}

/*---------------- SPACE 0 CLASS */
.mega-menu .drop-down .space-0 {
    padding :0 !important;
    margin  :0 !important;
}

/*-------------- DROP DOWN TAB BAR */
.mega-menu .drop-down.tab-bar {
    float   :left;
    width   :100%;
    left    :0;
    padding :0;
    cursor  :default;
}

.mega-menu .drop-down.tab-bar ul {
    padding :0;
    float   :left;
    width   :100%;
}

.mega-menu .drop-down.tab-bar ul > li {
    float   :left;
    width   :auto;
    padding :0;
	
}

.mega-menu .drop-down.tab-bar ul > li > a {
    float      :left;
    width      :100%;
    padding    :5px 10px;
    background :none !important;
}

.mega-menu .drop-down.tab-bar li a > i.fa {
    padding-right :5px;
}

/*------ MOBILE COLLAPSE */
.mega-menu .mobile-collapse-button {
    display :none;
}

/*----------- COLOR STYLE 11 */

.mega-menu.color-style-11 > ul {
    background :#007DAD;
    color      :#ffffff;
	
}

.mega-menu.color-style-11 > ul li{
	display:inline-block;
	float: left;
	
	
}

.mega-menu.color-style-11 > ul > ul > li > a i.fa,
.mega-menu.color-style-11 > ul > ul > li > a {
    color :#ffffff;
}



.mega-menu.color-style-11 ul.menu-links li.active,
.mega-menu.color-style-11 ul.menu-links li:hover > a,
.mega-menu.color-style-11 ul.menu-links li > a.aColorChange,
.mega-menu.color-style-11 .menu-logo a:hover,
.mega-menu.color-style-11 .menu-search-bar input:hover,
.mega-menu.color-style-11 .menu-search-bar input:focus {


		color: #FFF;
	background:rgba(31, 31, 31, 0.99);
}

.mega-menu.color-style-11 .drop-down.grid-demo span {
    background :rgba(0, 0, 0, 0.25);
    color      :#555555;
}

/*----------- COLOR STYLE 11 DROP Down */

.mega-menu.color-style-11 .drop-down {
    background :#e0edee;
}

.mega-menu.color-style-11 .drop-down a,
.mega-menu.color-style-11 .drop-down.full-width,
.mega-menu.color-style-11 .drop-down.half-width {
    color :#555555;
}

.mega-menu.color-style-11 .drop-down li:hover > a,
.mega-menu.color-style-11 .drop-down.small-width li > a.aColorChange,
.mega-menu.color-style-11 .drop-down form.menu-contact-form input[type="submit"],
.mega-menu.color-style-11 .drop-down form.menu-contact-form input[type="reset"] {
    color      :#ffffff;
    background :#405ca6;
}

.mega-menu.color-style-11 .drop-down.full-width a:hover,
.mega-menu.color-style-11 .drop-down.half-width a:hover {
    color :#405ca6 !important;
}

.mega-menu.color-style-11 .drop-down.full-width li.list-description a span,
.mega-menu.color-style-11 .drop-down.full-width li.image-description a span,
.mega-menu.color-style-11 .drop-down.half-width li.list-description a span,
.mega-menu.color-style-11 .drop-down.half-width li.image-description a span {
    color :#aaaaaa;
}

.mega-menu.color-style-11 .drop-down hr {
    border-top :1px solid #d5d5d5;
}

.mega-menu.color-style-11 .drop-down form.menu-contact-form {
    background :#f6f6f6;
    border     :20px solid #f6f6f6;
}

.mega-menu.color-style-11 .drop-down form.menu-contact-form input,
.mega-menu.color-style-11 .drop-down form.menu-contact-form textarea {
    border :1px solid #e6e5e0;
}

.mega-menu.color-style-11 .drop-down.tab-bar li:hover > a {
    color :#405ca6;
}

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

    .mega-menu.color-style-11.position-left .menu-search-bar input,
    .mega-menu.color-style-11.position-left-fixed .menu-search-bar input,
    .mega-menu.color-style-11.position-right .menu-search-bar input,
    .mega-menu.color-style-11.position-right-fixed .menu-search-bar input {
        background :#405ca6;
    }

}

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

    .mega-menu.color-style-11 .drop-down .drop-down {
        border :1px solid #c0c0c0 !important;
    }

    .mega-menu.color-style-11.mobile-collapse .mobile-collapse-label:before,
    .mega-menu.color-style-11.mobile-collapse .mobile-collapse-label:after,
    .mega-menu.color-style-11.mobile-collapse .mobile-collapse-label span:after {
        background :#ffffff;
    }
}



/*---------- DROP DOWN KEY FRAMES ANIMATION */

/* move to left form right */
@keyframes move-to-left-from-right {
    from {
        -webkit-transform :translateX(100%);
        -moz-transform    :translateX(100%);
        -ms-transform     :translateX(100%);
        -o-transform      :translateX(100%);
        transform         :translateX(100%);
    }
    to {
        -webkit-transform :translateX(0);
        -moz-transform    :translateX(0);
        -ms-transform     :translateX(0);
        -o-transform      :translateX(0);
        transform         :translateX(0);
    }
}

@-webkit-keyframes move-to-left-from-right {
    from {
        -webkit-transform :translateX(100%);
    }
    to {
        -webkit-transform :translateX(0);
    }
}

@-o-keyframes move-to-left-from-right {
    from {
        -o-transform :translateX(100%);
    }
    to {
        -o-transform :translateX(0);
    }
}

/* move to right form left */
@keyframes move-to-right-from-left {
    from {
        -webkit-transform :translateX(-100%);
        -moz-transform    :translateX(-100%);
        -ms-transform     :translateX(-100%);
        -o-transform      :translateX(-100%);
        transform         :translateX(-100%);
    }
    to {
        -webkit-transform :translateX(0);
        -moz-transform    :translateX(0);
        -ms-transform     :translateX(0);
        -o-transform      :translateX(0);
        transform         :translateX(0);
    }
}

@-webkit-keyframes move-to-right-from-left {
    from {
        -webkit-transform :translateX(-100%);
    }
    to {
        -webkit-transform :translateX(0);
    }
}

@-o-keyframes move-to-right-from-left {
    from {
        -o-transform :translateX(-100%);
    }
    to {
        -o-transform :translateX(0);
    }
}

/* move to top form bottom */
@keyframes move-to-top-from-bottom {
    from {
        -webkit-transform :translateY(100%);
        -moz-transform    :translateY(100%);
        -ms-transform     :translateY(100%);
        -o-transform      :translateY(100%);
        transform         :translateY(100%);
    }
    to {
        -webkit-transform :translateY(0);
        -moz-transform    :translateY(0);
        -ms-transform     :translateY(0);
        -o-transform      :translateY(0);
        transform         :translateY(0);
    }
}

@-webkit-keyframes move-to-top-from-bottom {
    from {
        -webkit-transform :translateY(100%);
    }
    to {
        -webkit-transform :translateY(0);
    }
}

@-o-keyframes move-to-top-from-bottom {
    from {
        -o-transform :translateY(100%);
    }
    to {
        -o-transform :translateY(0);
    }
}

/* move to bottom form top */
@keyframes move-to-bottom-from-top {
    from {
        -webkit-transform :translateY(-100%);
        -moz-transform    :translateY(-100%);
        -ms-transform     :translateY(-100%);
        -o-transform      :translateY(-100%);
        transform         :translateY(-100%);
    }
    to {
        -webkit-transform :translateY(0);
        -moz-transform    :translateY(0);
        -ms-transform     :translateY(0);
        -o-transform      :translateY(0);
        transform         :translateY(0);
    }
}

@-webkit-keyframes move-to-bottom-from-top {
    from {
        -webkit-transform :translateY(-100%);
    }
    to {
        -webkit-transform :translateY(0);
    }
}

@-o-keyframes move-to-bottom-from-top {
    from {
        -o-transform :translateY(-100%);
    }
    to {
        -o-transform :translateY(0);
    }
}

/* scale */
@keyframes scale {
    from {
        -webkit-transform :scale(0.8);
        -moz-transform    :scale(0.8);
        -ms-transform     :scale(0.8);
        -o-transform      :scale(0.8);
        transform         :scale(0.8);
    }
    to {
        -webkit-transform :scale(1.0);
        -moz-transform    :scale(1.0);
        -ms-transform     :scale(1.0);
        -o-transform      :scale(1.0);
        transform         :scale(1.0);
    }
}

@-webkit-keyframes scale {
    from {
        -webkit-transform :scale(0.8);
    }
    to {
        -webkit-transform :scale(1.0);
    }
}

@-o-keyframes scale {
    from {
        -o-transform :scale(0.8);
    }
    to {
        -o-transform :scale(1.0);
    }
}

/* expand to to bottom */
@keyframes expand-top-to-bottom {
    from {
        -webkit-transform :rotateX(90deg);
        -moz-transform    :rotateX(90deg);
        -ms-transform     :rotateX(90deg);
        -o-transform      :rotateX(90deg);
        transform         :rotateX(90deg);
    }
    to {
        -webkit-transform :rotateX(0deg);
        -moz-transform    :rotateX(0deg);
        -ms-transform     :rotateX(0deg);
        -o-transform      :rotateX(0deg);
        transform         :rotateX(0deg);
    }
}

@-webkit-keyframes expand-top-to-bottom {
    from {
        -webkit-transform :rotateX(90deg);
    }
    to {
        -webkit-transform :rotateX(0deg);
    }
}

@-o-keyframes expand-top-to-bottom {
    from {
        -o-transform :rotateX(90deg);
    }
    to {
        -o-transform :rotateX(0deg);
    }
}

/* expand bottom to top */
@keyframes expand-bottom-to-top {
    from {
        -webkit-transform :rotateX(90deg);
        -moz-transform    :rotateX(90deg);
        -ms-transform     :rotateX(90deg);
        -o-transform      :rotateX(90deg);
        transform         :rotateX(90deg);
    }
    to {
        -webkit-transform :rotateX(0deg);
        -moz-transform    :rotateX(0deg);
        -ms-transform     :rotateX(0deg);
        -o-transform      :rotateX(0deg);
        transform         :rotateX(0deg);
    }
}

@-webkit-keyframes expand-bottom-to-top {
    from {
        -webkit-transform :rotateX(90deg);
    }
    to {
        -webkit-transform :rotateX(0deg);
    }
}

@-o-keyframes expand-bottom-to-top {
    from {
        -o-transform :rotateX(90deg);
    }
    to {
        -o-transform :rotateX(0deg);
    }
}

/* expand left to right */
@keyframes expand-left-to-right {
    from {
        -webkit-transform :rotateY(90deg);
        -moz-transform    :rotateY(90deg);
        -ms-transform     :rotateY(90deg);
        -o-transform      :rotateY(90deg);
        transform         :rotateY(90deg);
    }
    to {
        -webkit-transform :rotateY(0deg);
        -moz-transform    :rotateY(0deg);
        -ms-transform     :rotateY(0deg);
        -o-transform      :rotateY(0deg);
        transform         :rotateY(0deg);
    }
}

@-webkit-keyframes expand-left-to-right {
    from {
        -webkit-transform :rotateY(90deg);
    }
    to {
        -webkit-transform :rotateY(0deg);
    }
}

@-o-keyframes expand-left-to-right {
    from {
        -o-transform :rotateY(90deg);
    }
    to {
        -o-transform :rotateY(0deg);
    }
}

/* expand right to left */
@keyframes expand-right-to-left {
    from {
        -webkit-transform :rotateY(90deg);
        -moz-transform    :rotateY(90deg);
        -ms-transform     :rotateY(90deg);
        -o-transform      :rotateY(90deg);
        transform         :rotateY(90deg);
    }
    to {
        -webkit-transform :rotateY(0deg);
        -moz-transform    :rotateY(0deg);
        -ms-transform     :rotateY(0deg);
        -o-transform      :rotateY(0deg);
        transform         :rotateY(0deg);
    }
}

@-webkit-keyframes expand-right-to-left {
    from {
        -webkit-transform :rotateY(90deg);
    }
    to {
        -webkit-transform :rotateY(0deg);
    }
}

@-o-keyframes expand-right-to-left {
    from {
        -o-transform :rotateY(90deg);
    }
    to {
        -o-transform :rotateY(0deg);
    }
}

/*-------------------------------------------------------- MEDIA QUERY (min width 768px) */
@media screen and (min-width :768px) {

    /*-------------------------------------------- DROP DOWN ANIMATIONS */
    /* DEFAULT */
    .mega-menu .menu-links > li > .drop-down,
    .mega-menu .menu-links > li .drop-down li > .drop-down {
        display    :block !important;
        opacity    :0;
        visibility :hidden;
    }

    .mega-menu .menu-links > li:hover > .drop-down,
    .mega-menu .menu-links > li .drop-down li:hover > .drop-down {
        display            :block;
        opacity            :1;
        visibility         :visible;
        -webkit-transition :opacity 400ms ease 100ms, visibility 400ms ease 100ms;
        -moz-transition    :opacity 400ms ease 100ms, visibility 400ms ease 100ms;
        -ms-transition     :opacity 400ms ease 100ms, visibility 400ms ease 100ms;
        -o-transition      :opacity 400ms ease 100ms, visibility 400ms ease 100ms;
        transition         :opacity 400ms ease 100ms, visibility 400ms ease 100ms;
    }

    /*-------------------------------------------------------------------- move to left from right */
    .mega-menu.animation-move-to-left-from-right .menu-links > li:hover > .drop-down,
    .mega-menu.animation-move-to-left-from-right .menu-links > li .drop-down li:hover > .drop-down {
        /* animation */
        -webkit-animation :move-to-left-from-right 400ms ease 100ms both;
        -o-animation      :move-to-left-from-right 400ms ease 100ms both;
        animation         :move-to-left-from-right 400ms ease 100ms both;
    }

    /*-------------------------------------------------------------------- move to right from left */
    .mega-menu.animation-move-to-right-from-left .menu-links > li:hover > .drop-down,
    .mega-menu.animation-move-to-right-from-left .menu-links > li .drop-down li:hover > .drop-down {
        /* animation */
        -webkit-animation :move-to-right-from-left 400ms ease 100ms both;
        -o-animation      :move-to-right-from-left 400ms ease 100ms both;
        animation         :move-to-right-from-left 400ms ease 100ms both;
    }

    /*-------------------------------------------------------------------- move to top from bottom */
    .mega-menu.animation-move-to-top-from-bottom .menu-links > li:hover > .drop-down,
    .mega-menu.animation-move-to-top-from-bottom .menu-links > li .drop-down li:hover > .drop-down {
        /* animation */
        -webkit-animation :move-to-top-from-bottom 400ms ease 100ms both;
        -o-animation      :move-to-top-from-bottom 400ms ease 100ms both;
        animation         :move-to-top-from-bottom 400ms ease 100ms both;
    }

    /*-------------------------------------------------------------------- move to bottom from top */
    .mega-menu.animation-move-to-bottom-from-top .menu-links > li:hover > .drop-down,
    .mega-menu.animation-move-to-bottom-from-top .menu-links > li .drop-down li:hover > .drop-down {
        /* animation */
        -webkit-animation :move-to-bottom-from-top 400ms ease 100ms both;
        -o-animation      :move-to-bottom-from-top 400ms ease 100ms both;
        animation         :move-to-bottom-from-top 400ms ease 100ms both;
    }

    /*-------------------------------------------------------------------- scale */
    .mega-menu.animation-scale .menu-links > li:hover > .drop-down,
    .mega-menu.animation-scale .menu-links > li .drop-down li:hover > .drop-down {
        /* animation */
        -webkit-animation :scale 400ms ease 100ms both;
        -o-animation      :scale 400ms ease 100ms both;
        animation         :scale 400ms ease 100ms both;
    }

    /*-------------------------------------------------------------------- expand top to bottom */
    .mega-menu.animation-expand-top-to-bottom .menu-links > li:hover > .drop-down,
    .mega-menu.animation-expand-top-to-bottom .menu-links > li .drop-down li:hover > .drop-down {
        /* animation */
        -webkit-animation        :expand-top-to-bottom 400ms ease 100ms both;
        -o-animation             :expand-top-to-bottom 400ms ease 100ms both;
        animation                :expand-top-to-bottom 400ms ease 100ms both;
        -webkit-transform-origin :0 0;
        -moz-transform-origin    :0 0;
        -ms-transform-origin     :0 0;
        -o-transform-origin      :0 0;
        transform-origin         :0 0;
    }

    /*--------------------------------- expand bottom to top */
    .mega-menu.animation-expand-bottom-to-top .menu-links > li:hover > .drop-down,
    .mega-menu.animation-expand-bottom-to-top .menu-links > li .drop-down li:hover > .drop-down {
        /* animation */
        -webkit-animation        :expand-bottom-to-top 400ms ease 100ms both;
        -o-animation             :expand-bottom-to-top 400ms ease 100ms both;
        animation                :expand-bottom-to-top 400ms ease 100ms both;
        -webkit-transform-origin :0 100%;
        -moz-transform-origin    :0 100%;
        -ms-transform-origin     :0 100%;
        -o-transform-origin      :0 100%;
        transform-origin         :0 100%;
    }

    /*----------------------- expand left to right */
    .mega-menu.animation-expand-left-to-right .menu-links > li:hover > .drop-down,
    .mega-menu.animation-expand-left-to-right .menu-links > li .drop-down li:hover > .drop-down {
        /* animation */
        -webkit-animation        :expand-left-to-right 400ms ease 100ms both;
        -o-animation             :expand-left-to-right 400ms ease 100ms both;
        animation                :expand-left-to-right 400ms ease 100ms both;
        -webkit-transform-origin :0 0;
        -moz-transform-origin    :0 0;
        -ms-transform-origin     :0 0;
        -o-transform-origin      :0 0;
        transform-origin         :0 0;
    }

    /*-------------------------------------------------------------------- expand right to left */
    .mega-menu.animation-expand-right-to-left .menu-links > li:hover > .drop-down,
    .mega-menu.animation-expand-right-to-left .menu-links > li .drop-down li:hover > .drop-down {
        /* animation */
        -webkit-animation        :expand-right-to-left 400ms ease 100ms both;
        -o-animation             :expand-right-to-left 400ms ease 100ms both;
        animation                :expand-right-to-left 400ms ease 100ms both;
        -webkit-transform-origin :100% 0;
        -moz-transform-origin    :100% 0;
        -ms-transform-origin     :100% 0;
        -o-transform-origin      :100% 0;
        transform-origin         :100% 0;
    }

    /*------------------------------------------- DROP DOWN */
    .mega-menu .drop-down.small-width {
        margin-left :-1px;
    }

    .mega-menu .drop-down.small-width.left-side {
        margin-right :-1px;
        margin-left  :0;
    }

    .mega-menu .drop-down .drop-down {
        z-index :-1;
    }

    /*------------------------------------ MENU LOGO RIGHT CLASS */
    .mega-menu.menu-logo-right .menu-logo {
        float :right;
    }

    /*------------------------------------- MENU LINKS RIGHT  */
    .mega-menu.menu-links-right .menu-links {
        float :right;
    }

    /*------------------------------------- MENU SOCIAL RIGHT  */
    .mega-menu.menu-social-right .menu-social-bar {
        float :right;
    }

    /*------------------------------------- MENU SEARCH RIGHT  */
    .mega-menu.menu-search-right .menu-search-bar {
        float :right;
    }

    /*-------------------------------------- DROP DOWN FULL WIDTH */
    .mega-menu .drop-down.full-width {
        min-width :700px;
    }

    /*-------------------------------------- DROP DOWN HALF WIDTH */
    .mega-menu .drop-down.half-width {
        min-width :700px;
    }

    .mega-menu .drop-down.half-width.float-left {
        left :0;
    }

    .mega-menu .drop-down.half-width.float-right {
        left  :auto;
        right :0;
    }

    .mega-menu .drop-down.half-width.float-center {
        left   :0;
        right  :0;
        margin :0 auto;
    }

    /*------------- POSITION LEFT CLASS*/
    .mega-menu.position-left,
    .mega-menu.position-left-fixed {
        float    :left;
        position :static;
        width    :100%;
    }

    .mega-menu.position-left > ul,
    .mega-menu.position-left-fixed > ul {
        float :left;
        width :200px;
    }

    .mega-menu.position-left > ul > ul,
    .mega-menu.position-left-fixed > ul > ul {
        float :left;
        clear :both;
        width :100%;
    }

    .mega-menu.position-left > ul > ul > li,
    .mega-menu.position-left-fixed > ul > ul > li {
        float :left;
        clear :both;
        width :100%;
    }

    .mega-menu.position-left > ul > ul > li > a > i.fa.fa-indicator,
    .mega-menu.position-left-fixed > ul > ul > li > a > i.fa.fa-indicator {
        float        :right;
        line-height  :50px;
        padding-left :15px;
    }

    .mega-menu.position-left .menu-social-bar li,
    .mega-menu.position-left-fixed .menu-social-bar li {
        float   :none;
        width   :auto;
        clear   :none;
        display :inline-block;
    }

    .mega-menu.position-left .menu-search-bar input,
    .mega-menu.position-left-fixed .menu-search-bar input {
        width              :100%;
        float              :left;
        max-width          :100%;
        margin             :0;
        padding            :0 50px 0 20px;
        -webkit-box-sizing :border-box;
        -moz-box-sizing    :border-box;
        box-sizing         :border-box;
    }

    .mega-menu.position-left > ul > .menu-links > li,
    .mega-menu.position-left-fixed > ul > .menu-links > li {
        position :relative;
    }

    .mega-menu.position-left > ul > .menu-links > li > .drop-down,
    .mega-menu.position-left-fixed > ul > .menu-links > li > .drop-down {
        left         :200px;
        top          :auto;
        margin-top   :-50px;
        padding-left :0;
        z-index      :10;
    }

    .mega-menu.position-left > ul > .menu-links > li > .drop-down.small-width,
    .mega-menu.position-left-fixed > ul > .menu-links > li > .drop-down.small-width {
        width :auto;
    }

    .mega-menu.position-left .drop-down.full-width,
    .mega-menu.position-left .drop-down.half-width,
    .mega-menu.position-left-fixed .drop-down.full-width,
    .mega-menu.position-left-fixed .drop-down.half-width {
        padding-left  :20px !important;
        padding-right :20px !important;
    }

    .mega-menu.position-left .drop-down.full-width,
    .mega-menu.position-left-fixed .drop-down.full-width {
        min-width :1000px;
    }

    .mega-menu.position-left .drop-down.half-width,
    .mega-menu.position-left-fixed .drop-down.half-width {
        width     :50% !important;
        min-width :800px;
    }

    .mega-menu.position-left .drop-down.tab-bar,
    .mega-menu.position-left-fixed .drop-down.tab-bar {
        min-width :1000px;
    }

    .mega-menu.position-left #gmap_canvas,
    .mega-menu.position-left-fixed #gmap_canvas {
        width :110% !important;
    }

    /*-------------- POSITION right CLASS*/
    .mega-menu.position-right,
    .mega-menu.position-right-fixed {
        float    :right;
        position :static;
        width    :100%;
    }

    .mega-menu.position-right > ul,
    .mega-menu.position-right-fixed > ul {
        float :right;
        width :200px;
    }

    .mega-menu.position-right > ul > ul,
    .mega-menu.position-right-fixed > ul > ul {
        float :left;
        clear :both;
        width :100%;
    }

    .mega-menu.position-right > ul > ul > li,
    .mega-menu.position-right-fixed > ul > ul > li {
        float :left;
        clear :both;
        width :100%;
    }

    .mega-menu.position-right > ul > ul > li > a > i.fa.fa-indicator,
    .mega-menu.position-right-fixed > ul > ul > li > a > i.fa.fa-indicator {
        float        :right;
        line-height  :50px;
        padding-left :15px;
    }

    .mega-menu.position-right .menu-social-bar li,
    .mega-menu.position-right-fixed .menu-social-bar li {
        float   :none;
        width   :auto;
        clear   :none;
        display :inline-block;
    }

    .mega-menu.position-right .menu-search-bar input,
    .mega-menu.position-right-fixed .menu-search-bar input {
        width              :100%;
        float              :left;
        max-width          :100%;
        margin             :0;
        padding            :0 50px 0 20px;
        -webkit-box-sizing :border-box;
        -moz-box-sizing    :border-box;
        box-sizing         :border-box;
    }

    .mega-menu.position-right > ul > .menu-links > li,
    .mega-menu.position-right-fixed > ul > .menu-links > li {
        position :relative;
    }

    .mega-menu.position-right > ul > .menu-links > li > .drop-down,
    .mega-menu.position-right-fixed > ul > .menu-links > li > .drop-down {
        right        :200px;
        left         :auto;
        top          :auto;
        margin-top   :-50px;
        padding-left :0;
        z-index      :10;
    }

    .mega-menu.position-right > ul > .menu-links > li > .drop-down.small-width,
    .mega-menu.position-right-fixed > ul > .menu-links > li > .drop-down.small-width {
        width :auto;
    }

    .mega-menu.position-right .drop-down.full-width,
    .mega-menu.position-right .drop-down.half-width,
    .mega-menu.position-right-fixed .drop-down.full-width,
    .mega-menu.position-right-fixed .drop-down.half-width {
        padding-left  :20px !important;
        padding-right :20px !important;
    }

    .mega-menu.position-right .drop-down.full-width,
    .mega-menu.position-right-fixed .drop-down.full-width {
        min-width :1000px;
    }

    .mega-menu.position-right .drop-down.half-width,
    .mega-menu.position-right-fixed .drop-down.half-width {
        width     :50% !important;
        min-width :800px;
    }

    .mega-menu.position-right .drop-down.tab-bar,
    .mega-menu.position-right-fixed .drop-down.tab-bar {
        min-width :1000px;
    }

    .mega-menu.position-right #gmap_canvas,
    .mega-menu.position-right-fixed #gmap_canvas {
        width :110% !important;
    }

    /*------------ POSITION TOP FIXED */
    .mega-menu.position-top-fixed {
        position  :fixed;
        top       :0;
        left      :0;
        width     :100%;
        max-width :100%;
    }

    .mega-menu.position-top-fixed > ul {
        padding :0 5%;
    }

    /*-------- POSITION LEFT FIXED */
    .mega-menu.position-left-fixed > ul {
        position :fixed;
        left     :0;
        top      :0;
        z-index :9999;
    }

    /*------------- POSITION RIGHT FIXED */
    .mega-menu.position-right-fixed > ul {
        position :fixed;
        right    :0;
        top      :0;
        z-index:9999;
    }

    /*----------------------------------------- DROP DOWN HOVER */
    .mega-menu .menu-links > li:hover > .drop-down {
        display :block;
    }

    .mega-menu .menu-links > li .drop-down li:hover > .drop-down {
        display :block;
    }

}

/*-------------------------------------------------------- MEDIA QUERY (max width 768px) */
@media screen and (max-width :768px) {

    /* GRID */
    .mega-menu .grid-col-1,
    .mega-menu .grid-col-2,
    .mega-menu .grid-col-3,
    .mega-menu .grid-col-4,
    .mega-menu .grid-col-5,
    .mega-menu .grid-col-6,
    .mega-menu .grid-col-7,
    .mega-menu .grid-col-8,
    .mega-menu .grid-col-9,
    .mega-menu .grid-col-10,
    .mega-menu .grid-col-11,
    .mega-menu .grid-col-12 {
        width :100%;
    }

    /* RESPONSIVE */
    .mega-menu {
        min-width :180px;
    }

    .mega-menu .menu-logo,
    .mega-menu .menu-logo li {
        float :left;
        width :100%;
    }

    .mega-menu .menu-logo li a {
        float :left;
        width :auto;
    }

    /*--------- mobile-max-height-enable */
    .mega-menu.mobile-scrollbar-enable .menu-links{
        overflow:auto;
        max-height:400px;
    }

    .mega-menu .menu-links {
        width :100% !important;
        float :left;
    }

    .mega-menu .menu-links > li {
        float    :left;
        width    :100%;
        position :relative;
    }

    .mega-menu .menu-links > li a {
        float :left;
        width :100%;
    }

    .mega-menu .menu-links > li a i.fa.fa-indicator {
        float       :right;
        line-height :50px;
    }

    /* DROP DOWN */
    .mega-menu .drop-down {
        position  :relative;
        left      :0 !important;
        top       :0;
        width     :100% !important;
        float     :left;
        padding   :10px 50px 10px 10px !important;
        margin    :0 !important;
        min-width :10px !important;
    }

    .mega-menu .drop-down.small-width {
        padding :8px !important;
    }

    .mega-menu .drop-down.small-width .drop-down {
        top      :0 !important;
        position :relative;
    }

    .mega-menu .drop-down img {
        float   :left;
        width   :100%;
        display :block;
    }

    .mega-menu .drop-down ul {
        float :left;
        width :100%;
    }

    .mega-menu .drop-down li {
        float    :left;
        width    :100%;
        position :relative;
    }

    .mega-menu .drop-down li a {
        float :left;
        width :100%;
    }

    .mega-menu .drop-down li a i.fa {
        line-height :18px !important;
    }

    /* DROP DOWN SMALL WIDTH */
    .mega-menu .drop-down.small-width {
        min-width :10px;
    }

    .mega-menu .drop-down ul,
    .mega-menu .drop-down li {
        min-width :10px;
    }

    /* MENU SOCIAL BAR */
    .mega-menu .menu-social-bar li {
        float   :none;
        display :inline-block;
    }

    .mega-menu .menu-social-bar li a {
        padding :0 10px;
    }

    .mega-menu .menu-social-bar {
        float   :left;
        width   :100%;
        padding :0;
    }

    /* SEARCH BAR */
    .mega-menu .menu-search-bar {
        position :absolute;
        top      :0;
        right    :0;
        margin   :0;
        padding  :0;
    }

    .mega-menu .menu-search-bar input {
        -webkit-box-sizing :border-box;
        -moz-box-sizing    :border-box;
        box-sizing         :border-box;
    }

    .mega-menu .menu-search-bar input:focus {
        max-width :100%;
    }

    /* CONTACT FORM */
    .mega-menu .drop-down form.menu-contact-form input[type="submit"],
    .mega-menu .drop-down form.menu-contact-form input[type="reset"] {
        width :100%;
    }

    /* MAP */
    .mega-menu #gmap_canvas {
        margin-top    :20px;
        margin-bottom :0;
        width         :100%;
    }

    /* TAB BAR */
    .mega-menu .drop-down.tab-bar ul > li {
        float :left;
        width :100%;
    }

    .mega-menu .drop-down.tab-bar ul > li > a {
        padding :10px 0;
    }

    /* MOBILE COLLAPSE CLASS */
    .mega-menu.mobile-collapse .menu-links,
    .mega-menu.mobile-collapse .menu-social-bar {
        display :none;
    }

    .mega-menu.mobile-collapse .menu-search-bar {
        margin-right :70px;
    }

    .mega-menu.mobile-collapse .mobile-collapse-button {
        display :block;
    }

    .mega-menu.mobile-collapse .mobile-collapse-button {
        position            :absolute;
        top                 :0;
        right               :0;
        height              :50px;
        width               :70px;
        display             :block;
        background          :rgba(0, 0, 0, 0.20);
        cursor              :pointer;
        -webkit-user-select :none;
        -moz-user-select    :none;
        -ms-user-select     :none;
        user-select         :none;
        -webkit-transition  :background 400ms ease;
        -moz-transition     :background 400ms ease;
        -ms-transition      :background 400ms ease;
        -o-transition       :background 400ms ease;
        transition          :background 400ms ease;
    }

    .mega-menu.mobile-collapse .mobile-collapse-button:hover {
        background :rgba(0, 0, 0, 0.40);
    }

    .mega-menu.mobile-collapse .mobile-collapse-button:before,
    .mega-menu.mobile-collapse .mobile-collapse-button:after,
    .mega-menu.mobile-collapse .mobile-collapse-button span:after {
        content                  :"";
        display                  :block;
        height                   :4px;
        width                    :40px;
        background               :#ffffff;
        position                 :absolute;
        top                      :13px;
        left                     :0;
        right                    :0;
        margin                   :0 auto;
        -webkit-transition       :all 400ms ease;
        -moz-transition          :all 400ms ease;
        -ms-transition           :all 400ms ease;
        -o-transition            :all 400ms ease;
        transition               :all 400ms ease;
        -webkit-transform        :rotate(0deg);
        -moz-transform           :rotate(0deg);
        -ms-transform            :rotate(0deg);
        -o-transform             :rotate(0deg);
        transform                :rotate(0deg);
        -webkit-transform-origin :0;
        -moz-transform-origin    :0;
        -ms-transform-origin     :0;
        -o-transform-origin      :0;
        transform-origin         :0;
    }

    .mega-menu.mobile-collapse .mobile-collapse-button:after {
        top :33px;
    }

    .mega-menu.mobile-collapse .mobile-collapse-button span:after {
        top :23px;
    }

    .mega-menu.mobile-collapse .mobile-collapse-button.mcb-show span:after {
        opacity :0;
    }

    .mega-menu.mobile-collapse .mobile-collapse-button.mcb-show:before {
        -webkit-transform :rotate(30deg);
        -moz-transform    :rotate(30deg);
        -ms-transform     :rotate(30deg);
        -o-transform      :rotate(30deg);
        transform         :rotate(30deg);
    }

    .mega-menu.mobile-collapse .mobile-collapse-button.mcb-show:after {
        -webkit-transform :rotate(-30deg);
        -moz-transform    :rotate(-30deg);
        -ms-transform     :rotate(-30deg);
        -o-transform      :rotate(-30deg);
        transform         :rotate(-30deg);
    }

    .mega-menu > ul:hover .menu-links,
    .mega-menu > ul:hover .menu-social-bar,
    .mega-menu .menu-links > li:hover > .drop-down,
    .mega-menu .menu-links > li .drop-down li:hover > .drop-down {
        display :block;
    }

    .mega-menu.megaMenuTouchEvent > ul:hover .menu-links,
    .mega-menu.megaMenuTouchEvent > ul:hover .menu-social-bar,
    .mega-menu.megaMenuTouchEvent .menu-links > li:hover > .drop-down,
    .mega-menu.megaMenuTouchEvent .menu-links > li .drop-down li:hover > .drop-down {
        display :none;
    }
/*------------------------------------------------------------ MENU SOCIAL BAR CLASS */
/* MENU SOCIAL BAR */
    .mega-menu .menu-social-bar li {
        float   :none;
        display :inline-block;
    }

    .mega-menu .menu-social-bar li a {
        padding :0 10px;
    }

    .mega-menu .menu-social-bar {
        float   :left;
        width   :100%;
        padding :0;
    }

.mega-menu .menu-social-bar {
    float      :left;
    width      :auto;
    text-align :center;
    margin     :0;
    padding    :0 10px;
}

.mega-menu .menu-social-bar li {
    float :left;
}

.mega-menu .menu-social-bar a {
    float              :left;
    width              :100%;
    line-height        :50px;
    padding            :0 5px;
    -webkit-transition :background 400ms ease;
    -moz-transition    :background 400ms ease;
    -ms-transition     :background 400ms ease;
    -o-transition      :background 400ms ease;
    transition         :background 400ms ease;
}

/* ICONS HOVER COLOR CHANGE BY NUMERIC SEQUENCE */
.mega-menu .menu-social-bar li:nth-child(1) a:hover {
    background :#3b5998;
}

.mega-menu .menu-social-bar li:nth-child(2) a:hover {
    background :#2caae1;
}

.mega-menu .menu-social-bar li:nth-child(3) a:hover {
    background :#dd4b39;
}

.mega-menu .menu-social-bar li:nth-child(4) a:hover {
    background :#bd081c;
}

/*---------------------------------------------------------------- MENU SEARCH BAR */
}