/* Magnific Popup CSS */

.mfp-bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1042;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.mfp-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1043;
    width: 100%;
    height: 100%;
    outline: none !important;

    -webkit-backface-visibility: hidden;
}
.mfp-container {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0 8px;
    width: 100%;
    height: 100%;
    text-align: center;
}
.mfp-container:before {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    z-index: 1045;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    text-align: left;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    position: absolute;
    top: 50%;
    right: 8px;
    left: 8px;
    z-index: 1044;
    margin-top: -0.8em;
    width: auto;
    color: #CCC;
    text-align: center;
}
.mfp-preloader a {
    color: #CCC;
}
.mfp-preloader a:hover {
    color: #FFF;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-close,
button.mfp-arrow {
    z-index: 1046;
    display: block;
    overflow: visible;
    padding: 0;
    outline: none;
    border: 0;
    background: transparent;
    box-shadow: none;
    cursor: pointer;

    -webkit-appearance: none;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0 18px 10px;
    width: 44px;
    height: 44px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    line-height: 44px;
    opacity: 0.65;
    filter: alpha(opacity=65);
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    right: -6px;
    padding-right: 6px;
    width: 100%;
    color: #FFF;
    text-align: right;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    white-space: nowrap;
    font-size: 12px;
    line-height: 18px;
}
.mfp-arrow {
    position: absolute;
    top: 50%;
    margin: 0;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    opacity: 0.65;
    filter: alpha(opacity=65);

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin-top: 35px;
    margin-left: 35px;
    width: 0;
    height: 0;
    border: medium inset transparent;
    content: '';
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    top: 8px;
    border-top-width: 13px;
    border-bottom-width: 13px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    margin-left: 31px;
    border-right: 17px solid #FFF;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    margin-left: 39px;
    border-left: 17px solid #FFF;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    max-width: 900px;
    width: 100%;
    line-height: 0;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%;
    height: 0;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
/* Main image in popup */

img.mfp-img {
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 40px 0 40px;
    max-width: 100%;
    width: auto;
    height: auto;
    line-height: 0;
}
/* The shadow behind the image */

.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 40px;
    left: 0;
    z-index: -1;
    display: block;
    width: auto;
    height: auto;
    background: #444;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    content: '';
}
.mfp-figure small {
    display: block;
    color: #BDBDBD;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -36px;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    padding-right: 36px;
    color: #F3F3F3;
    text-align: left;
    word-wrap: break-word;
    line-height: 18px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
    screen and (max-height: 300px) {
        /**
        * Remove all paddings around the image on small screen
        */

        .mfp-img-mobile .mfp-image-holder {
            padding-right: 0;
            padding-left: 0;
        }

        .mfp-img-mobile img.mfp-img {
            padding: 0;
        }

        .mfp-img-mobile .mfp-figure:after {
            top: 0;
            bottom: 0;
        }

        .mfp-img-mobile .mfp-figure small {
            display: inline;
            margin-left: 5px;
        }

        .mfp-img-mobile .mfp-bottom-bar {
            position: fixed;
            top: auto;
            bottom: 0;
            box-sizing: border-box;
            margin: 0;
            padding: 3px 5px;
            background: rgba(0, 0, 0, 0.6);
        }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

        .mfp-img-mobile .mfp-counter {
            top: 3px;
            right: 5px;
        }

        .mfp-img-mobile .mfp-close {
            position: fixed;
            top: 0;
            right: 0;
            padding: 0;
            width: 35px;
            height: 35px;
            background: rgba(0, 0, 0, 0.6);
            text-align: center;
            line-height: 35px;
        }
    }
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
            transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
            transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
            transform-origin: 100%;
    }

    .mfp-container {
        padding-right: 6px;
        padding-left: 6px;
    }
}
.mfp-ie7 .mfp-img {
    padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
    left: 50%;
    margin-top: 5px;
    margin-left: -300px;
    padding-bottom: 5px;
    width: 600px;
}
.mfp-ie7 .mfp-container {
    padding: 0;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}


/*
* jQuery FlexSlider v2.4.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 and later license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
* 
*/
/* ====================================================================================================================
* FONT-FACE
* ====================================================================================================================*/
@font-face {
    font-family: 'flexslider-icon';
    src: url("../fonts/webfont/flexslider-icon.eot");
    src: url("../fonts/webfonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts/flexslider-icon.woff") format("woff"), url("../fonts/webfonts/flexslider-icon.ttf") format('truetype'), url("../fonts/webfonts/flexslider-icon.svg#flexslider-icon") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* ====================================================================================================================
* RESETS
* ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
    outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
/* ====================================================================================================================
* BASE STYLES
* ====================================================================================================================*/
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .flexslider .slides {
    display: block;
}
* html .flexslider .slides {
    height: 1%;
}
.no-js .flexslider .slides > li:first-child {
    display: block;
}
/* ====================================================================================================================
* DEFAULT THEME
* ====================================================================================================================*/
.flexslider {
    margin: 0;
    background: #ffffff;
    position: relative;
    zoom: 1;
}
.flexslider .slides {
    zoom: 1;
}
.flexslider .slides img {
    height: auto;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 300px;
}
.carousel li {
    margin-right: 5px;
}
.flex-direction-nav {
    *height: 0;
}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 25px;
    height: 25px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
    font-family: "themify";
    font-size: 24px;
    display: inline-block;
    content: "\e64a"; 
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
    content: "\e649";
}
.flex-direction-nav .flex-prev {
    left: -50px;
}
.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}
.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
}
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}
.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}
.flex-pauseplay a:hover {
    opacity: 1;
}
.flex-pauseplay a .flex-play:before {
    content: '\f003';
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}
/* ====================================================================================================================
* RESPONSIVE
* ====================================================================================================================*/
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}



/*
Item name: Menuzord - Responsive Megamenu
Author: marcoarib - marco.arib@gmail.com
License: http://codecanyon.net/licenses
*/

/*
CONTENTS:

1 - MENU CONTAINER
- Scrollable menu
2 - BRAND
3 - MENU
- Right alignment
- Menu items
- Active/hover state
4 - DROPDOWN
- Dropdown items
- Hover state
- Dropdown left alignment
5 - DROPDOWN/MEGAMENU INDICATORS
6 - MEGAMENU
7 - MEGAMENU WIDTHS
- Half width
- Quarter width
8 - GRID SYSTEM
9 - SHOW/HIDE BUTTON (MOBILE MODE)
- Icon
10 - ICONS (parent menu items)
11 - SEARCH FIELD
- Form
- Input
12 - VERTICAL TABS
13 - COLOR SCHEMES
14 - MOBILE MODE (RESPONSIVE MODE)
- Menu container
- Brand
- Show/hide button
- Menu
- Dropdown
- Dropdown items
- Dropdown/megamenu indicators
- Megamenu
- Search field
*/

/* FONT
======================================*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);


/* 1 - MENU CONTAINER
======================================*/
.menuzord,
.menuzord *{
    font-family: 'Open Sans', sans-serif;
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box;
}
.menuzord{
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
}
.menuzord a{
    -webkit-transition: color .3s linear, background .3s linear;
    transition: color .3s linear, background .3s linear;
}
/* scrollable menu */
.menuzord-menu.scrollable > .scrollable-fix{
    display: none;
}

/* 2 - BRAND
======================================*/
.menuzord-brand{
    margin: 34px 30px 0 0;
    float: left;
    color: #000;
    text-decoration: none;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
}

/* 3 - MENU
======================================*/
.menuzord-menu{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}
/* Right alignment */
.menuzord-menu.menuzord-right{
    float: right;
}
/* Menu items */
.menuzord-menu > li{
    display: inline-block;
    float: left;
}
.menuzord-menu > li > a{
    padding: 26px 16px;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    color: #7A7A7E;
    outline: 0;
    line-height: 1.42857143;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* Active/hover state (Menu items) */
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
    color: #000;
}

/* 4 - DROPDOWN
======================================*/
.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown{
    list-style: none;
    margin: 0;
    padding: 0;   
    display: none;
    position: absolute;
    z-index: 99;
    min-width: 180px;
    white-space: nowrap;
    background: #fff;
}
.menuzord-menu ul.dropdown li ul.dropdown{
    left: 100%;
}
/* Dropdown items */
.menuzord-menu ul.dropdown li{
    clear: both;
    width: 100%;
    border: 0 none;
    font-size: 12px;
    position: relative;
}
.menuzord-menu ul.dropdown li a{
    width: 100%;
    background: none;
    padding: 10px 25px 10px 22px;
    color: #7B7B7B;
    text-decoration: none;
    display: inline-block;
    float: left;
    clear: both;
    position: relative;
    outline: 0;
    -webkit-transition: padding .2s linear;
    transition: padding .2s linear;
    font-size: 14px;
    letter-spacing: .01rem;
}
/* Hover state (dropdown items) */
.menuzord-menu ul.dropdown li:hover > a{
    padding-left: 28px;
    padding-right: 19px;
    color: #333;
}

/* Dropdown left alignment */
.menuzord-menu ul.dropdown.dropdown-left{
    left: none;
}
.menuzord-menu ul.dropdown li ul.dropdown.dropdown-left{
    left: -100%;
}

/* 5 - DROPDOWN/MEGAMENU INDICATORS
======================================*/
.menuzord-menu li .indicator{
    margin-left: 3px;
}
.menuzord-menu li ul.dropdown li .indicator{
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 15px;
}

/* 6 - MEGAMENU
======================================*/
.menuzord-menu > li > .megamenu{
    width: 100%;
    padding: 20px 30px;
    left: 0;
    position: absolute;
    display: none;
    z-index: 99;
    background: #fff;
}

/* 7 - MEGAMENU WIDTHS
======================================*/
/* Half width */
.menuzord-menu > li > .megamenu.megamenu-half-width{
    width: 50%;
    left: auto;
}
/* Quarter width */
.menuzord-menu > li > .megamenu.megamenu-quarter-width{
    width: 25%;
    left: auto;
}

/* 8 - GRID SYSTEM
======================================*/
.menuzord-menu > li > .megamenu .megamenu-row{
    width: 100%;
    margin-top: 15px;
}
.menuzord-menu > li > .megamenu .megamenu-row:first-child {
    margin-top: 0;
}
.menuzord-menu > li > .megamenu .megamenu-row:before,
.menuzord-menu > li > .megamenu .megamenu-row:after {
    display: table;
    content: "";
    line-height: 0;
}
.menuzord-menu > li > .megamenu .megamenu-row:after {
    clear: both;
}
.menuzord-menu > li > .megamenu .megamenu-row .col1,
.menuzord-menu > li > .megamenu .megamenu-row .col2,
.menuzord-menu > li > .megamenu .megamenu-row .col3,
.menuzord-menu > li > .megamenu .megamenu-row .col4,
.menuzord-menu > li > .megamenu .megamenu-row .col5,
.menuzord-menu > li > .megamenu .megamenu-row .col6,
.menuzord-menu > li > .megamenu .megamenu-row .col7,
.menuzord-menu > li > .megamenu .megamenu-row .col8,
.menuzord-menu > li > .megamenu .megamenu-row .col9,
.menuzord-menu > li > .megamenu .megamenu-row .col10,
.menuzord-menu > li > .megamenu .megamenu-row .col11,
.menuzord-menu > li > .megamenu .megamenu-row .col12{
    display: block;
    min-height: 20px;
    float: left;
    margin-left: 3%;
}
.menuzord-menu > li > .megamenu .megamenu-row [class*="col"]:first-child {
    margin-left: 0;
}
.menuzord-menu > li > .megamenu .megamenu-row .col1{
    width: 5.583333333333%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col2{
    width: 14.166666666666%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col3{
    width: 22.75%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col4{
    width: 31.333333333333%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col5{
    width: 39.916666666667%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col6{
    width: 48.5%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col7{
    width: 57.083333333333%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col8{
    width: 65.666666666667%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col9{
    width: 74.25%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col10{
    width: 82.833333333334%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col11{
    width: 91.416666666667%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col12{
    width: 100%;
}

/* 9 - SHOW/HIDE BUTTON (MOBILE MODE)
======================================*/
.menuzord .showhide{
    width: 60px;
    height: 46px;
    padding: 13px 0 0;
    display: none;
    float: right;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
/* Show/hide button icon */
.menuzord .showhide em{
    width: 20px;
    height: 3px;
    margin: 3.5px 20px 0;
    float: right;
    background: #777;
}

/* 10 - ICONS (parent menu items)
======================================*/
.menuzord-menu > li > a > i{
    margin: 0 5px 0 0;
    font-size: 18px;
    float: left;
    line-height: 20px;

}

/* 11 - SEARCH FIELD
======================================*/
/* Form */
.menuzord-menu > li.search form{
    float: left;
    padding: 22px 16px 17px;
}
/* Input */
.menuzord-menu > li.search form input[type="text"]{
    width: 160px;
    padding: 5px 10px;
    font-family: 'Open Sans', sans-serif;
    border: none;
    background: #f0f0f0;
    border-radius: 2px;
    outline: 0;
    -webkit-transition: width 1s ease-out;
    transition: width 1s ease-out;
}
.menuzord-menu > li.search form:hover input[type="text"]{
    width: 160px;
}

/* 12 - VERTICAL TABS
======================================*/
.menuzord-tabs{
    width: 100%;
    float: left;
}
.menuzord-tabs-nav{
    width: 20%;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}
.menuzord-tabs-nav > li > a{
    width: 100%;
    padding: 7px 16px;
    float: left;
    font-size: 12px;
    text-decoration: none;
    color: inherit;
    outline: 0;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.menuzord-tabs-nav li.active a,
.menuzord-tabs-nav li:hover a{
    background: #f9f9f9;
}
.menuzord-tabs-content{
    width: 80%;
    min-height: 30px;
    padding: 0 20px;
    float: right;
    display: none;
    font-size: 14px;
}
.menuzord-tabs-content.active{
    display: block;
}

/* 13 - COLOR SCHEMES
======================================*/
/* blue */
.menuzord.blue .menuzord-menu > li.active > a, 
.menuzord.blue .menuzord-menu > li:hover > a, 
.menuzord.blue .menuzord-menu ul.dropdown li:hover > a{ 
    color: #4A89DC; 
}
/* green */
.menuzord.green .menuzord-menu > li.active > a, 
.menuzord.green .menuzord-menu > li:hover > a, 
.menuzord.green .menuzord-menu ul.dropdown li:hover > a{ 
    color: #37BC9B; 
}
/* red */
.menuzord.red .menuzord-menu > li.active > a, 
.menuzord.red .menuzord-menu > li:hover > a, 
.menuzord.red .menuzord-menu ul.dropdown li:hover > a{ 
    color: #E9573F; 
}
/* orange */
.menuzord.orange .menuzord-menu > li.active > a, 
.menuzord.orange .menuzord-menu > li:hover > a, 
.menuzord.orange .menuzord-menu ul.dropdown li:hover > a{ 
    color: #ff670f; 
}
/* yellow */
.menuzord.yellow .menuzord-menu > li.active > a, 
.menuzord.yellow .menuzord-menu > li:hover > a, 
.menuzord.yellow .menuzord-menu ul.dropdown li:hover > a{ 
    color: #F6BB42; 
}
/* purple */
.menuzord.purple .menuzord-menu > li.active > a, 
.menuzord.purple .menuzord-menu > li:hover > a, 
.menuzord.purple .menuzord-menu ul.dropdown li:hover > a{ 
    color: #967ADC; 
}
/* pink */
.menuzord.pink .menuzord-menu > li.active > a, 
.menuzord.pink .menuzord-menu > li:hover > a, 
.menuzord.pink .menuzord-menu ul.dropdown li:hover > a{ 
    color: #D770AD; 
}

/* 14 - MOBILE MODE (RESPONSIVE MODE)
======================================*/
@media (max-width: 768px){
    /* Responsive menu container */
    .menuzord-responsive.menuzord{
        padding: 0 0 20px;
    }

    /* Brand */
    .menuzord-responsive .menuzord-brand{
        margin: 8px 30px 10px 20px;
        font-size: 20px;
        line-height: 1.55;
    }

    /* Show/hide button */
    .menuzord-responsive .showhide{
        margin: 0;
    }

    /* Menu */
    .menuzord-responsive .menuzord-menu{
        width: 100%;
        float: left !important;
    }
    /* scrollable menu*/
    .menuzord-responsive .menuzord-menu.scrollable{
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix{
        display: block;
    }

    /* Menu items */
    .menuzord-responsive .menuzord-menu > li{
        width: 100%;
        display: block;
        position: relative;
    }
    .menuzord-responsive .menuzord-menu > li > a{
        width: 100%;
        padding: 12px 20px;
        display: block;
        border-bottom: solid 1px #f0f0f0;
    }
    .menuzord-responsive .menuzord-menu > li:first-child > a{
        border-top: solid 1px #f0f0f0;
    }

    /* Dropdown */
    .menuzord-responsive .menuzord-menu ul.dropdown,
    .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown{
        width: 100%;
        left: 0;
        position: static;
        border: none;
        background: #fff;
        float: left;
    }

    /* Dropdown items */
    .menuzord-responsive .menuzord-menu ul.dropdown li{
        position: relative;
    }
    .menuzord-responsive .menuzord-menu ul.dropdown li a{
        border-bottom: solid 1px #f0f0f0;
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a{ padding-left: 40px !important; }
    .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 60px !important; }
    .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 80px !important; }
    .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a{ padding-left: 50px !important; }
    .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li:hover > a{ padding-left: 70px !important; }
    .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li:hover > a{ padding-left: 90px !important; }

    /* Dropdown/megamenu indicators */
    .menuzord-responsive .menuzord-menu li .indicator{		
        width: 60px;
        height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 22px;
        text-align: center;
        line-height: 43px;
        border-left: solid 1px #f5f5f5;
    }
    .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator{
        height: 38px;
        right: 0;
        top: 0;
        font-size: 18px;
        line-height: 36px;
    }

    /* Megamenu */
    .menuzord-responsive .menuzord-menu > li > .megamenu{
        width: 100% !important;
        left: 0 !important;
        position: static;
        border-top: none;
        border-bottom: solid 1px #f0f0f0;
    }
    .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row [class*="col"]{
        float: none;
        display: block;
        width: 100% !important;
        margin-left: 0;
        margin-top: 15px;
    }
    .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row:first-child  [class*="col"]:first-child {
        margin-top: 0;
    }
    .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row{
        margin-top: 0;
    }

    /* Search field */
    .menuzord-responsive .menuzord-menu > li.search form{
        width: 100%;
        margin: 4px 0;
        padding: 10px 16px !important;
    }
    .menuzord-responsive .menuzord-menu > li.search form input[type="text"]{
        width: 100%;
    }

    /* Tabs */
    .menuzord-responsive .menuzord-tabs-nav{
        width: 100%;
    }
    .menuzord-responsive .menuzord-tabs-content{
        width: 100%;
    }
}

/*
Border Boxed Skin
*/

/* Menu items */
.menuzord-menu > li{
    padding: 40px 0;
}
.menuzord-menu > li > a{
    padding: 7px 16px;
    border: solid 1px transparent;
    -webkit-transition: border .2s linear;
    transition: border .2s linear;
}

/* Active/hover state (Menu items) */
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
    border-color: #333 !important;
}

/* Dropdown */
.menuzord-menu ul.dropdown{
    top: 113px;
}
.menuzord-menu ul.dropdown li ul.dropdown{
    top: 0;
}

/* Megamenu */
.menuzord-menu > li > .megamenu{
    top: 92px;
}

/* Search field */
.menuzord-menu > li.search form{
    padding: 2px 16px;
}

/* Color schemes */
/* blue */
.menuzord.blue .menuzord-menu > li.active > a, 
.menuzord.blue .menuzord-menu > li:hover > a{ 
    border-color: #5D9CEC!important; 
}
/* green */
.menuzord.green .menuzord-menu > li.active > a, 
.menuzord.green .menuzord-menu > li:hover > a{ 
    border-color: #48CFAD!important;
}
/* red */
.menuzord.red .menuzord-menu > li.active > a, 
.menuzord.red .menuzord-menu > li:hover > a{ 
    border-color: #FC6E51!important;
}
/* orange */
.menuzord.orange .menuzord-menu > li.active > a, 
.menuzord.orange .menuzord-menu > li:hover > a{ 
    border-color: #ff853f!important;
}
/* yellow */
.menuzord.yellow .menuzord-menu > li.active > a, 
.menuzord.yellow .menuzord-menu > li:hover > a{ 
    border-color: #FFCE54!important;
}
/* purple */
.menuzord.purple .menuzord-menu > li.active > a, 
.menuzord.purple .menuzord-menu > li:hover > a{ 
    border-color: #AC92EC!important;
}
/* pink */
.menuzord.pink .menuzord-menu > li.active > a, 
.menuzord.pink .menuzord-menu > li:hover > a{ 
    border-color: #EC87C0!important;
}

/* Mobile mode (Responsive mode) */
@media (max-width: 768px){
    /* Menu items */
    .menuzord-responsive .menuzord-menu > li{
        padding: 0;
    }
    .menuzord-responsive .menuzord-menu > li > a{
        padding: 12px 20px !important;
        border-radius: 0;
    }
}


/* BUTTONS */
.btn {
    font-family: "Roboto", 'Helvetica Neue, Helvetica, Arial', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: inherit;
    color: rgba(255, 255, 255, 0.87);
}
.btn-default,
.btn-link {
    color: rgba(0, 0, 0, 0.87);
}
/* -- Buttons style ------------------------------------ */
.btn {
    outline: 0;
    outline-offset: 0;
    border: 0;
    border-radius: 2px;
    transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus,
.btn.active:focus {
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
/* -- Buttons types -------------------------------- */
.btn-raised {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
.btn-raised:active,
.btn-raised.active,
.btn-raised:active:focus,
.btn-raised.active:focus {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.btn-raised:focus {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.btn.btn-circle {
    padding: 0;
    border-radius: 50%;
}
/* -- Buttons colors -------------------------------- */
.btn-default,
.dropdown-toggle.btn-default {
    background-color: #ffffff;
}
.btn-default:hover,
.dropdown-toggle.btn-default:hover {
    background-color: #e5e5e5;
}
.btn-default:active,
.dropdown-toggle.btn-default:active,
.btn-default.active,
.dropdown-toggle.btn-default.active {
    background-color: #e5e5e5;
}
.btn-default:focus,
.dropdown-toggle.btn-default:focus {
    background-color: #cccccc;
}
.btn-default:disabled,
.dropdown-toggle.btn-default:disabled,
.btn-default.disabled,
.dropdown-toggle.btn-default.disabled,
.btn-default[disabled],
.dropdown-toggle.btn-default[disabled] {
    background-color: #b3b3b3;
}
.btn-default .ink,
.dropdown-toggle.btn-default .ink {
    background-color: #b8b8b8;
}
.btn-flat.btn-default {
    color: #212121;
    background-color: transparent;
}
.btn-flat.btn-default:hover {
    color: #141414;
    background-color: #e5e5e5;
}
.btn-flat.btn-default:active,
.btn-flat.btn-default.active {
    color: #020202;
    background-color: #cccccc;
}
.btn-flat.btn-default:focus {
    color: #000000;
    background-color: #cccccc;
}
.btn-flat.btn-default .ink {
    background-color: #808080;
}
.btn-primary,
.dropdown-toggle.btn-primary {
    background-color: #5677fc;
}
.btn-primary:hover,
.dropdown-toggle.btn-primary:hover {
    background-color: #4e6cef;
}
.btn-primary:active,
.dropdown-toggle.btn-primary:active,
.btn-primary.active,
.dropdown-toggle.btn-primary.active {
    background-color: #4e6cef;
}
.btn-primary:focus,
.dropdown-toggle.btn-primary:focus {
    background-color: #455ede;
}
.btn-primary:disabled,
.dropdown-toggle.btn-primary:disabled,
.btn-primary.disabled,
.dropdown-toggle.btn-primary.disabled,
.btn-primary[disabled],
.dropdown-toggle.btn-primary[disabled] {
    background-color: #b3b3b3;
}
.btn-primary .ink,
.dropdown-toggle.btn-primary .ink {
    background-color: #3b50ce;
}
.btn-flat.btn-primary {
    color: #5677fc;
    background-color: transparent;
}
.btn-flat.btn-primary:hover {
    color: #4e6cef;
    background-color: #e5e5e5;
}
.btn-flat.btn-primary:active,
.btn-flat.btn-primary.active {
    color: #455ede;
    background-color: #cccccc;
}
.btn-flat.btn-primary:focus {
    color: #3b50ce;
    background-color: #cccccc;
}
.btn-flat.btn-primary .ink {
    background-color: #808080;
}
.btn-success,
.dropdown-toggle.btn-success {
    background-color: #AACC4E;
}
.btn-success:hover,
.dropdown-toggle.btn-success:hover {
    background-color: #9AB84B;
}
.btn-success:active,
.dropdown-toggle.btn-success:active,
.btn-success.active,
.dropdown-toggle.btn-success.active {
    background-color: #0a8f08;
}
.btn-success:focus,
.dropdown-toggle.btn-success:focus {
    background-color: #0a7e07;
}
.btn-success:disabled,
.dropdown-toggle.btn-success:disabled,
.btn-success.disabled,
.dropdown-toggle.btn-success.disabled,
.btn-success[disabled],
.dropdown-toggle.btn-success[disabled] {
    background-color: #b3b3b3;
}
.btn-success .ink,
.dropdown-toggle.btn-success .ink {
    background-color: #056f00;
}
.btn-flat.btn-success {
    color: #259b24;
    background-color: transparent;
}
.btn-flat.btn-success:hover {
    color: #0a8f08;
    background-color: #e5e5e5;
}
.btn-flat.btn-success:active,
.btn-flat.btn-success.active {
    color: #0a7e07;
    background-color: #cccccc;
}
.btn-flat.btn-success:focus {
    color: #056f00;
    background-color: #cccccc;
}
.btn-flat.btn-success .ink {
    background-color: #808080;
}
.btn-info,
.dropdown-toggle.btn-info {
    background-color: #03a9f4;
}
.btn-info:hover,
.dropdown-toggle.btn-info:hover {
    background-color: #039be5;
}
.btn-info:active,
.dropdown-toggle.btn-info:active,
.btn-info.active,
.dropdown-toggle.btn-info.active {
    background-color: #039be5;
}
.btn-info:focus,
.dropdown-toggle.btn-info:focus {
    background-color: #0288d1;
}
.btn-info:disabled,
.dropdown-toggle.btn-info:disabled,
.btn-info.disabled,
.dropdown-toggle.btn-info.disabled,
.btn-info[disabled],
.dropdown-toggle.btn-info[disabled] {
    background-color: #b3b3b3;
}
.btn-info .ink,
.dropdown-toggle.btn-info .ink {
    background-color: #0277bd;
}
.btn-flat.btn-info {
    color: #03a9f4;
    background-color: transparent;
}
.btn-flat.btn-info:hover {
    color: #039be5;
    background-color: #e5e5e5;
}
.btn-flat.btn-info:active,
.btn-flat.btn-info.active {
    color: #0288d1;
    background-color: #cccccc;
}
.btn-flat.btn-info:focus {
    color: #0277bd;
    background-color: #cccccc;
}
.btn-flat.btn-info .ink {
    background-color: #808080;
}
.btn-warning,
.dropdown-toggle.btn-warning {
    background-color: #ffc107;
}
.btn-warning:hover,
.dropdown-toggle.btn-warning:hover {
    background-color: #ffb300;
}
.btn-warning:active,
.dropdown-toggle.btn-warning:active,
.btn-warning.active,
.dropdown-toggle.btn-warning.active {
    background-color: #ffb300;
}
.btn-warning:focus,
.dropdown-toggle.btn-warning:focus {
    background-color: #ffa000;
}
.btn-warning:disabled,
.dropdown-toggle.btn-warning:disabled,
.btn-warning.disabled,
.dropdown-toggle.btn-warning.disabled,
.btn-warning[disabled],
.dropdown-toggle.btn-warning[disabled] {
    background-color: #b3b3b3;
}
.btn-warning .ink,
.dropdown-toggle.btn-warning .ink {
    background-color: #ff8f00;
}
.btn-flat.btn-warning {
    color: #ffc107;
    background-color: transparent;
}
.btn-flat.btn-warning:hover {
    color: #ffb300;
    background-color: #e5e5e5;
}
.btn-flat.btn-warning:active,
.btn-flat.btn-warning.active {
    color: #ffa000;
    background-color: #cccccc;
}
.btn-flat.btn-warning:focus {
    color: #ff8f00;
    background-color: #cccccc;
}
.btn-flat.btn-warning .ink {
    background-color: #808080;
}
.btn-danger,
.dropdown-toggle.btn-danger {
    background-color: #ff5722;
}
.btn-danger:hover,
.dropdown-toggle.btn-danger:hover {
    background-color: #f4511e;
}
.btn-danger:active,
.dropdown-toggle.btn-danger:active,
.btn-danger.active,
.dropdown-toggle.btn-danger.active {
    background-color: #f4511e;
}
.btn-danger:focus,
.dropdown-toggle.btn-danger:focus {
    background-color: #e64a19;
}
.btn-danger:disabled,
.dropdown-toggle.btn-danger:disabled,
.btn-danger.disabled,
.dropdown-toggle.btn-danger.disabled,
.btn-danger[disabled],
.dropdown-toggle.btn-danger[disabled] {
    background-color: #b3b3b3;
}
.btn-danger .ink,
.dropdown-toggle.btn-danger .ink {
    background-color: #d84315;
}
.btn-flat.btn-danger {
    color: #ff5722;
    background-color: transparent;
}
.btn-flat.btn-danger:hover {
    color: #f4511e;
    background-color: #e5e5e5;
}
.btn-flat.btn-danger:active,
.btn-flat.btn-danger.active {
    color: #e64a19;
    background-color: #cccccc;
}
.btn-flat.btn-danger:focus {
    color: #d84315;
    background-color: #cccccc;
}
.btn-flat.btn-danger .ink {
    background-color: #808080;
}
/* -- Buttons sizes -------------------------------- */
.btn {
    min-width: 88px;
    padding: 10px 14px;
}
.btn-lg,
.btn-group-lg > .btn {
    min-width: 122px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3;
}
.btn-sm,
.btn-group-sm > .btn {
    min-width: 64px;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 1.5;
}
.btn-xs,
.btn-group-xs > .btn {
    min-width: 46px;
    padding: 2px 10px;
    font-size: 10px;
    line-height: 1.5;
}
.btn-circle {
    width: 56px;
    height: 56px;
    min-width: 56px;
}
.btn-circle span {
    line-height: 56px;
}
.btn-circle.btn-lg {
    width: 78px;
    height: 78px;
    min-width: 78px;
}
.btn-circle.btn-lg span {
    line-height: 78px;
}
.btn-circle.btn-sm {
    width: 40px;
    height: 40px;
    min-width: 40px;
}
.btn-circle.btn-sm span {
    line-height: 40px;
}
.btn-circle.btn-xs {
    width: 30px;
    height: 30px;
    min-width: 30px;
}
.btn-circle.btn-xs span {
    line-height: 30px;
}
/*-- Button groups --------------------------------- */
.btn-group .btn {
    border-radius: 2px;
}
.btn-group.open .dropdown-toggle {
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left: 0;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
    z-index: 0;
}
.btn-group > .btn:focus:hover,
.btn-group-vertical > .btn:focus:hover,
.btn-group > .btn:active:hover,
.btn-group-vertical > .btn:active:hover,
.btn-group > .btn.active:hover,
.btn-group-vertical > .btn.active:hover {
    z-index: 2;
}
/* -- Ripple effect -------------------------------- */
.ripple-effect {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.ink {
    display: block;
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background: #fff;
    opacity: 1;
}
.ink.animate {
    -webkit-animation: ripple .5s linear;
    -ms-animation: ripple .5s linear;
    animation: ripple .5s linear;
}
@keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
                transform: scale(2.5);
    }
}
@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
    }
}
@-ms-keyframes ripple {
    100% {
        opacity: 0;
        -ms-transform: scale(2.5);
        transform: scale(2.5);
    }
}