@charset "UTF-8";
/* CSS Document */

.ubermenu .ubermenu-item {
    color: #000;    
}

.ubermenu,
.ubermenu .ubermenu-column,
.ubermenu .ubermenu-divider,
.ubermenu .ubermenu-icon,
.ubermenu .ubermenu-image,
.ubermenu .ubermenu-item,
.ubermenu .ubermenu-nav,
.ubermenu .ubermenu-retractor, 
.ubermenu .ubermenu-row, 
.ubermenu .ubermenu-search, 
.ubermenu .ubermenu-search-input, 
.ubermenu .ubermenu-search-submit, 
.ubermenu .ubermenu-submenu, 
.ubermenu .ubermenu-submenu-footer, 
.ubermenu .ubermenu-tabs, 
.ubermenu .ubermenu-tabs-panels, 
.ubermenu .ubermenu-target, 
.ubermenu-responsive-toggle {
    /*background: transparent;*/
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
}

.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    background: #f4f4f4 none repeat scroll 0 0;
}

.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target {
    color: #bd1d20 !important;
    padding-bottom: 2px;
    padding-top:0px;
	line-height: 18px !important;
	margin-bottom: 15px;
}  

.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target:hover {
    background: none !important;
    color: #333 !important;
}


.ubermenu .ubermenu-tab .ubermenu-tab-content-panel, 
.ubermenu .ubermenu-tab > .ubermenu-target {
    border-bottom: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
}

.ubermenu .ubermenu-tab-layout-left > .ubermenu-tabs-group {
    border-width: 0px;
}

.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, 
.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    margin-top: 1px !important;
}

.ubermenu-nojs.ubermenu .ubermenu-submenu .ubermenu-tabs .ubermenu-tab:hover > .ubermenu-target,
.ubermenu .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target {
    background: #f4f4f4 none repeat scroll 0 0;
}

.nav-subhead {
    margin-top: -30px !important;
    }


@media only screen and (max-width: 1050px){
    .fa-bars:before {
        font-size: 21px;
        }
    }
@media only screen and (min-width:500px) and (max-width:787px){
    .ubermenu-responsive{min-width:400px;}
}

.ubermenu .ubermenu-item-type-column > .ubermenu-submenu-type-stack > .ubermenu-item-normal:first-child{margin-top:0px;}
.et-fixed-header #top-menu-nav > nav{ margin-top:-20px;margin-bottom: 0px;}
#top-menu-nav > nav{margin-top: -8px;margin-bottom: 0px;}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after{right:20px !important;}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target {padding-right: 35px !important;}
#main-header {
    padding: 10px 0px 0px;
}
.et_fixed_nav #logo{margin-top: 1px;}

#top-menu-nav > nav > ul > li > a{
    padding-top: 20px;
    padding-bottom: 20px;
}
.et-fixed-header #top-menu-nav > nav > ul > li > a{
    padding-top: 19px;
    padding-bottom: 15px;
}
#et_search_icon::before{ top:1px;}
.ubermenu-responsive .ubermenu-custom-content{padding-top:21px;}

#top-menu-nav nav > ul > li > ul > li{
    min-height: 435px !important;
}
#top-menu-nav nav > ul > li >ul a.ubermenu-target {
    line-height:30px;
} 
.ubermenu .ubermenu-row {
    margin-bottom: 30px;
}

.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target:hover{
    color:#bd1d20 !important;
    text-decoration:underline;
}
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target:hover span{
    text-decoration:underline;
}
.ubermenu .ubermenu-tab .ubermenu-tab-content-panel{ border-bottom:0px;}

@media only screen and (max-width: 787px) {
    
    .et_fixed_nav #logo{
        position:absolute;
        right:13px;
        z-index:999;
        top:-2px;
    }
    .ret_services_tabs .et_pb_tabs_controls {
      margin-left:20px;
    }
    .et_pb_tabs_controls li.et_pb_tab_active{
        margin-left:0px !important;
        padding-left:0px !important;
    }
    #et_search_icon {
        display: block !important;
        margin: 0px;
    }
    #et_search_icon::before {
        top: -8px;
        margin-left: 9px;
        font-size: 24px;
    }
    #et_top_search {
        left: 0px;
        display: block;
        position: absolute;
        width: 30px !important;
        height: 30px !important;
        margin: 25px 0 0 50px;
    }
    .et-search-form {
        top: 29px;
        position: absolute;
        left: 0px;
        padding: 0px;
        width: 240px;
    }
    
    .et-search-form input {
        padding: 20px 20px;
        }
    
   .ubermenu-responsive-toggle .fa {
        font-size: 30px;
    } 
    #main-header {
        padding: 3px 0px 0px;
    }
    .et_fixed_nav #logo {
        margin-top: 5px;
    }
    .ubermenu-responsive-toggle{
        width: 60px;
        overflow: hidden;
        height: 41px;
    }
    .ubermenu-responsive-toggle .fa {
        margin-top: -8px;
        margin-left: -6px;
    }
    
    #et-top-navigation{ width:100% !important;text-align:center;position:absolute;}
    nav#top-menu-nav{float:none;}
    #et_top_search {margin-top:-25px;}
    .ubermenu-responsive .ubermenu-item-level-0{float:none !important;width:auto !important;min-width:auto !important;}
    .ubermenu-responsive .ubermenu-custom-content{display: none !important;}
     
     
     /* THE NEW MENU */
    body #top-menu-nav>nav>ul>li>ul>li>ul{ min-height:100px !important;}
      #top-menu-nav > nav {margin-top:2px;}
      #top-menu-nav > nav > ul > li > a {
        background:#000 !important;
        color:#fff !important;
        
      }
       #top-menu-nav > nav > ul > li{
        background:#000 !important;
    }
      #top-menu-nav > nav > ul > li > ul{
        position:relative;   
        min-height:auto !important;
     }
    /*#top-menu-nav > nav > ul > li:hover >ul{*/
    /*    display:none !important;*/
    /*}*/
     #top-menu-nav > nav > ul > li > ul > li > ul{
        min-height:auto !important;
        margin-left:40px;
    }
     
     #top-menu-nav > nav > ul > li > ul > li > ul  div{
        display:none;
     }
     
      #top-menu-nav > nav > ul > li > ul > li  a {
        background:#000 !important;
        border:0px;
        padding:5px 0px;
        }
     
    
    .ubermenu-responsive .ubermenu-item-level-0 {
        width:100% !important;
        background:#000;
    }
    #top-menu-nav > nav > ul  li, #top-menu-nav > nav  ul  { background:#000;width:100%;border:0px;}
    
    
    /* ON WHY RETARUS DISPLAY THE 3RD LEVEL */
     #top-menu-nav > nav > ul > li:nth-child(2) > ul > li > ul div{
        display:block !important;
     }
     
     
     
     
     
     #top-menu-nav > nav > ul > li:nth-child(2) > ul > li > ul div > ul:first-child, #top-menu-nav > nav > ul > li:nth-child(2) > ul > li > ul div > ul:last-child{
        display:none;
    }
     #top-menu-nav > nav > ul > li:nth-child(2) > ul > li > ul div > ul:nth-child(2){
        margin-bottom:0px;
    }#top-menu-nav > nav > ul > li
     
    #top-menu-nav > nav > ul > li > ul > li > ul a {
        background:#000 !important;
        color:#fff !important;
        border:0px !important;
        padding:5px !important;
        
    }
    #top-menu-nav > nav > ul > li > ul > li > ul a span{
         color:#fff !important;
    }
    .ubermenu-responsive.ubermenu-sub-indicators .ubermenu-tabs > .ubermenu-tabs-group > .ubermenu-tab.ubermenu-has-submenu-drop > .ubermenu-target:after{
        color:#000 !important;
    }
    
    
    #top-menu-nav nav>ul>li>ul>li{
        min-height:auto !important;
    }
    
    .ubermenu .ubermenu-retractor{
        display:none !important;
    }
      
       .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after{
                margin-left: 10px;
                position:relative !important;
                right:auto !important;
                left:auto;
        }
      
        .show-navigator{
            display: block;
            visibility: visible !important;
            opacity: 1;
            max-height: 100% !important;
            
            animation-name: example;
            animation-duration: 0.5s;
            animation-fill-mode: forwards; 
            
            -webkit-animation-name: example;
            -webkit-animation-duration: 0.5s;
            -webkit-animation-fill-mode: forwards;
            
            -o-animation-name: example;
            -o-animation-duration: 0.5s;
            -o-animation-fill-mode: forwards; 
            
            -moz-animation-name: example;
            -moz-animation-duration: 0.5s;
            -moz-animation-fill-mode: forwards; 
        }
        
        @keyframes example {
            0% {margin-left:100%;}
            100% {margin-left:0%;}
        }
        @-moz-keyframes example{
            0% {margin-left:100%;}
            100% {margin-left:0%;}
        }
        @-webkit-keyframes example{
            0% {margin-left:100%;}
            100% {margin-left:0%;}
        }
        @-o-keyframes example{
            0% {margin-left:100%;}
            100% {margin-left:0%;}
        }
        
        .hide-navigator{
            display: block;
            visibility: visible !important;
            opacity: 1;
            max-height: 100% !important;
            
            animation-name: example1;
            animation-duration: 0.5s;
            animation-fill-mode: forwards;
            
            -moz-animation-name: example1;
            -moz-animation-duration: 0.5s;
            -moz-animation-fill-mode: forwards;
            
            -webkit-animation-name: example1;
            -webkit-animation-duration: 0.5s;
            -webkit-animation-fill-mode: forwards;
            
            -o-animation-name: example1;
            -o-animation-duration: 0.5s;
            -o-animation-fill-mode: forwards;
            
            
        }
        @keyframes example1 {
            0% {margin-left:15%;}
            100% {margin-left:100%;display:none !important;}
        }
        
        @-moz-keyframes example1 {
            0% {margin-left:15%;}
            100% {margin-left:100%;display:none !important;}
        }
        
        @-webkit-keyframes example1 {
            0% {margin-left:15%;}
            100% {margin-left:100%;display:none !important;}
        }
        
        @-o-keyframes example1 {
            0% {margin-left:15%;}
            100% {margin-left:100%;display:none !important;}
        }
        
        /********************************/
         .show-navigator_1{
            display: block;
            visibility: visible !important;
            opacity: 1;
            max-height: 100% !important;
            animation-name: example_1;
            animation-duration: 0.5s;
            animation-fill-mode: forwards;
            
        }
        
        @keyframes example_1 {
            0% {margin-left:100%;}
            100% {margin-left:10%;}
        }
        
        
        
        .hide-navigator_1{
            display: block;
            visibility: visible !important;
            opacity: 1;
            max-height: 100% !important;
            animation-name: example1_1;
            animation-duration: 0.5s;
            animation-fill-mode: forwards;
            
        }
        @keyframes example1_1 {
            0% {margin-left:10%;}
            100% {margin-left:110%;}
        }
        
        /*#et-main-area{*/
        /*    position:absolute;*/
        /*    top:0px;*/
        /*    width:100%;*/
        /*    left:0px;*/
        /*}   */
        .cc-cookies{display:none !important;}
        
       body .et-fixed-header,{
            padding:0px !important;
            min-height:auto !important;
        }
        /*#main-header.et-fixed-header nav#top-menu-nav {*/
        /*    padding-top:0px !important;*/
        /*}*/
}

@media only screen and (max-width: 480px) {
    .ubermenu-responsive .ubermenu-item-level-0{float:left !important;width:100% !important;min-width:100% !important;}
    /*html{width:100% !important;overflow-x:hidden !important;position: fixed;-ms-overflow-x: hidden;}*/
    #main-header .container { width: 100%;}
     body #top-menu-nav>nav>ul>li>ul>li>ul,body #top-menu-nav>nav>ul>li>ul>li,#top-menu-nav>nav>ul>li>ul{ min-height:1px !important;}
   
}