/*
Module : Pro Mega menu
Author : treoden - treoden@gmail.com
*/
*{margin:0;padding:0}
.responsive-menu-controller{display:none;text-align:center;width:100%;}
#pro-mega-menu-container{display:table;margin:0 auto 10px;width:100%;}
#pro-mega-menu{margin-bottom:0px; margin:0 auto; display:table;}
#pro-mega-menu li{list-style:none; height: 20px; font-size:14px;}
#pro-mega-menu > li{float:left;position:relative;padding:0 14px;transition:color 1s ease 0s, background-color 1s ease 0s, box-shadow 1s ease 0s}
.normal-submenu > li{position:relative;padding:0 10px}
.pro-mega-menu-dropdown{display:none;position:absolute;top:100%;left:0;z-index:99; background:rgba(230,230,230,0.95);}
.pro-mega-menu-dropdown .pro-mega-menu-dropdown{top:0;left:100%}
.mega-content{padding:20px;overflow:hidden; -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;}
.mega-content h3 {font-size:16px;}

.pro-mega-menu-dropdown li:before{content:"\f105";display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;padding-right:10px;}
.mega-content h1,.mega-content h2,.mega-content h3,.mega-content h4{margin-top:0px}
#pro-mega-menu li:hover > .pro-mega-menu-dropdown{display:block}
#pro-mega-menu-container li.root > a, .responsive-menu-controller{font-family: 'Lato', sans-serif; line-height:30px; border-bottom:1px solid transparent;}
#pro-mega-menu-container li.root > a {display:block;}
#pro-mega-menu-container li.root:hover > a, #pro-mega-menu-container li.root.active > a {border-bottom:1px solid #e20025; color:#e20025;}
#pro-mega-menu-container li:last-child.root {background:#e20025; color:#fff;}
#pro-mega-menu-container li:last-child.root > a {color:#fff; border-bottom:0 !important;}
#pro-mega-menu-container li:last-child.root:hover {background:#000;}
.columns4 .sub-menu-mega li{float:left;width:23%;margin-right:2%}
.columns3 .sub-menu-mega li{float:left;width:30%;margin-right:3%}
.columns2 .sub-menu-mega li{float:left;width:46%;margin-right:4%}
.responsive-menu-controller {font-weight:bold; color:#000; font-size:20px;}
span.red{color:red}
span.bold{font-weight:bold}
span.blue{color:blue}
span.yellow{color:yellow}
span.pink{color:pink}
span.green{color:green}
.columns4 .col-one{float:left;width:23%;margin-right:2%}
.columns4 .col-two{float:left;width:48%;margin-right:2%}
.columns4 .col-three{float:left;width:73%;margin-right:2%}
.columns4 .col-four{float:left;width:100%;margin-right:0%; margin-bottom:20px;}
.columns3 .col-one{float:left;width:30%;margin-right:3%}
.columns3 .col-two{float:left;width:64%;margin-right:3%}
.columns2 .col-one{float:left;width:46%;margin-right:4%}

#pro-mega-menu-container .pro-mega-menu-dropdown-inner > ul > li a:hover, .sub-menu-mega > li a:hover, .mega-content a:hover {
    background: #e20025;
    color:#fff;
}

#pro-mega-menu-container li.root, .responsive-menu-controller {height:inherit;}

/* Responsive */
@media (min-width: 1400px) {
	#pro-mega-menu-container {
    width: 1350px;
    }
    #pro-mega-menu {float:right; margin-top:-48px;}
}

@media (max-width: 1399px) and (min-width: 1200px) {
	#pro-mega-menu-container{
    width: 1170px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    #pro-mega-menu-container{
    width: 970px;
    }
    #pro-mega-menu > li {padding: 0 13px;}
    #pro-mega-menu .root > a {font-size:14px;}
}

@media (max-width: 991px) {
    #pro-mega-menu > li.root > a, .normal-submenu > li > a {display:block !important; border-bottom:1px solid #ddd;}    
    #pro-mega-menu-container li:last-child.root {background:#fff;}
    #pro-mega-menu-container li:last-child.root > a {color:#e20025; border-bottom:1px solid #ddd !important;}
    #pro-mega-menu-container li:last-child.root:hover {background:transparent;}
}

@media (max-width: 991px) and (min-width: 768px){
	#pro-mega-menu-container {
    width: 750px;
   }
}

@media only screen and (max-width : 991px) {
.responsive-menu-controller{display:block}
#pro-mega-menu{display:none}
#pro-mega-menu .mega-root .pro-mega-menu-dropdown{display:none!important}
#pro-mega-menu > li.root{float:none;width:100%}
#pro-mega-menu > li.root > a,.normal-submenu > li > a{display:inline-block;}
.normal-submenu{width:100%}
.normal-submenu > li:hover{background:none}
.normal-submenu > li, .sub-menu-mega > li{height:auto}
.pro-mega-menu-dropdown{position:static;background:none}
.pro-mega-menu-dropdown .pro-mega-menu-dropdown{display:block}
html .pro-mega-menu-dropdown{border-bottom:0px}
}