/* Layout helpers
----------------------------------*/
.porto_mega_menu .ui-helper-hidden { display: none; }
.porto_mega_menu .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.porto_mega_menu .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.porto_mega_menu .ui-helper-clearfix:before, .porto_mega_menu .ui-helper-clearfix:after { content: ""; display: table; }
.porto_mega_menu .ui-helper-clearfix:after { clear: both; }
.porto_mega_menu .ui-helper-clearfix { zoom: 1; }
.porto_mega_menu .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.porto_mega_menu .ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.porto_mega_menu .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.porto_mega_menu .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.porto_mega_menu .ui-slider { position: relative; text-align: left; }
.porto_mega_menu .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.porto_mega_menu .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.porto_mega_menu .ui-slider-horizontal { height: .8em; }
.porto_mega_menu .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.porto_mega_menu .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.porto_mega_menu .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.porto_mega_menu .ui-slider-horizontal .ui-slider-range-max { right: 0; }

.porto_mega_menu .ui-slider-vertical { width: .8em; height: 100px; }
.porto_mega_menu .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.porto_mega_menu .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.porto_mega_menu .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.porto_mega_menu .ui-slider-vertical .ui-slider-range-max { top: 0; }

/* Component containers
----------------------------------*/
.porto_mega_menu .ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; }
.porto_mega_menu .ui-widget .ui-widget { font-size: 1em; }
.porto_mega_menu .ui-widget input, .porto_mega_menu .ui-widget select, .porto_mega_menu .ui-widget textarea, .porto_mega_menu .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; }
.porto_mega_menu .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.porto_mega_menu .ui-widget-content a { color: #333333; }
.porto_mega_menu .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.porto_mega_menu .ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.porto_mega_menu .ui-state-default, .porto_mega_menu .ui-widget-content .ui-state-default, .porto_mega_menu .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.porto_mega_menu .ui-state-default a, .porto_mega_menu .ui-state-default a:link, .porto_mega_menu .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.porto_mega_menu .ui-state-hover, .porto_mega_menu .ui-widget-content .ui-state-hover, .porto_mega_menu .ui-widget-header .ui-state-hover, .porto_mega_menu .ui-state-focus, .porto_mega_menu .ui-widget-content .ui-state-focus, .porto_mega_menu .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.porto_mega_menu .ui-state-hover a, .porto_mega_menu .ui-state-hover a:hover, .porto_mega_menu .ui-state-hover a:link, .porto_mega_menu .ui-state-hover a:visited { color: #c77405; text-decoration: none; }
.porto_mega_menu .ui-state-active, .porto_mega_menu .ui-widget-content .ui-state-active, .porto_mega_menu .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.porto_mega_menu .ui-state-active a, .porto_mega_menu .ui-state-active a:link, .porto_mega_menu .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.porto_mega_menu .ui-state-highlight, .porto_mega_menu .ui-widget-content .ui-state-highlight, .porto_mega_menu .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.porto_mega_menu .ui-state-highlight a, .porto_mega_menu .ui-widget-content .ui-state-highlight a,.porto_mega_menu .ui-widget-header .ui-state-highlight a { color: #363636; }
.porto_mega_menu .ui-state-error, .porto_mega_menu .ui-widget-content .ui-state-error, .porto_mega_menu .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.porto_mega_menu .ui-state-error a, .porto_mega_menu .ui-widget-content .ui-state-error a, .porto_mega_menu .ui-widget-header .ui-state-error a { color: #ffffff; }
.porto_mega_menu .ui-state-error-text, .porto_mega_menu .ui-widget-content .ui-state-error-text, .porto_mega_menu .ui-widget-header .ui-state-error-text { color: #ffffff; }
.porto_mega_menu .ui-priority-primary, .porto_mega_menu .ui-widget-content .ui-priority-primary, .porto_mega_menu .ui-widget-header .ui-priority-primary { font-weight: bold; }
.porto_mega_menu .ui-priority-secondary, .porto_mega_menu .ui-widget-content .ui-priority-secondary,  .porto_mega_menu .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.porto_mega_menu .ui-state-disabled, .porto_mega_menu .ui-widget-content .ui-state-disabled, .porto_mega_menu .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.porto_mega_menu .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Misc visuals
----------------------------------*/

/* Corner radius */
.porto_mega_menu .ui-corner-all, .porto_mega_menu .ui-corner-top, .porto_mega_menu .ui-corner-left, .porto_mega_menu .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.porto_mega_menu .ui-corner-all, .porto_mega_menu .ui-corner-top, .porto_mega_menu .ui-corner-right, .porto_mega_menu .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.porto_mega_menu .ui-corner-all, .porto_mega_menu .ui-corner-bottom, .porto_mega_menu .ui-corner-left, .porto_mega_menu .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.porto_mega_menu .ui-corner-all, .porto_mega_menu .ui-corner-bottom, .porto_mega_menu .ui-corner-right, .porto_mega_menu .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.porto_mega_menu .ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .5;filter:Alpha(Opacity=50); }
.porto_mega_menu .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .2;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.porto_mega_menu ul.box_wrapper {
    display: inline-block;
    margin:0;
    padding:0;
    list-style:none;
}

.porto_mega_menu ul.box_wrapper li {
    display: none;
    background-color: #CECECE;
    float: left;
    border: 2px solid #fff;
    color:White;
    line-height:normal;
    padding:5px 10px;
    font-size:12px;
    height:45px;
    border-radius:8px;
    padding-top: 25px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.porto_mega_menu .mbutton {
    font-family:Helvetica,Arial,sans-serif; 
    padding: 5px 10px; 
    background: #818181;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#818181, endColorstr=#656565); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#818181, endColorstr=#656565)"; 
    background: -webkit-gradient(linear, left top, left bottom, from(#818181), to(#656565)); 
    background: -moz-linear-gradient(center top , #818181 0%, #656565 100%) repeat scroll 0 0 transparent; 
    border-color: #FFFFFF; 
    border-radius: 3px; 
    -moz-border-radius:3px; 
    webkit-border-radius:3px; 
    color: #FFFFFF; 
    font-weight: bold; 
    text-decoration: none; 
    text-shadow: 0 1px 1px #000000;}

.porto_mega_menu .mbutton:hover {
    background:#4E4E4E; 
    color: #ffffff; 
    text-decoration:none;
}

.porto_mega_menu .addleftcont, .porto_mega_menu .removeleftcont { 
   float:left;
   left:0;
   display:none;
   margin-top:20px;
}

.porto_mega_menu .addrightcont, .porto_mega_menu .removerightcont {
    float:right;
    right:0;
    margin-top:20px;
}

.porto_mega_menu .row-addleftcont, .porto_mega_menu .row-addrightcont, .porto_mega_menu .addrightcont, .porto_mega_menu .removerightcont {
    display:none;  
}

.porto_mega_menu td {
    vertical-align:top;
}

.porto_mega_menu input, .porto_mega_menu textarea, .porto_mega_menu select {
    -moz-border-radius:3px;
    border-radius:3px;
    webkit-border-radius:3px;
    border:1px #cccccc solid;
    padding:2px;
}

.porto_mega_menu .dnnLabel {
    width:auto;
}

.porto_mega_menu .dnnFormItem textarea {
    max-width: 100%;
}

.porto_mega_menu ul.box_wrapper li.box-rightcont, .porto_mega_menu ul.box_wrapper li.box-leftcont {
    padding-top: 25px;
}