/*Navigation*/

.slicknav_menu {display:none;}
.head-menu {float: right;}
.nav-up {background-color: #eee; height: 50px;}
.nav-down {background-color: #484a4d; height: 70px;}

ul#menu {margin: 28px 0 0; padding: 0; list-style:none;}
.naviga ul {padding:0;} 
.naviga ul li {margin: 0 0 0 32px; padding: 0; position:relative; line-height:15px; font-weight: 400;} 
.naviga ul li a {padding-bottom: 8px; color: #fff;}
.naviga ul li a:hover {color: #cc0000;}
.naviga ul li.active a {color: #ccc;}
.naviga ul li.active ul li a {color: #ec033f;}
.naviga > ul > li {float: left;}
.naviga > ul > li:last-child {border: none;}
.naviga li > ul {
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    left: 280px;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 280px;
}
.naviga > ul > li > ul {top: 20px; left: 0; padding: 5px 0; font-size: 13px; text-transform: none;}
.naviga ul li ul li {margin: 0; height: auto;}
.naviga ul li ul li a {color: #888; line-height: 18px; padding: 10px 20px; border-bottom: 1px solid #bbb; display: block;}
.naviga ul li ul li a:hover {color: #cc0000;}
.naviga ul li ul li:last-child a {border-bottom: none;}
.naviga ul li ul li ul li a {border-bottom: 1px solid #bbb !important;}
.naviga ul li ul li ul li:last-child a {border-bottom: none !important;}
.naviga li:hover {} 
.naviga li:hover > ul {visibility:visible;}
.arrow-down > a:after {content: ""; display: block; float: right; font-family: fontAwesome; height: 0;
    font-size: 18px; line-height: 16px; margin-right: 6px; width: 0;}

/*******************************/
/*         Navigation         */
/*******************************/
.nav > li.noborder > a, .noborder {border: none;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-color: #cc0000;}
.navbar ul {list-style: none;}
.navbar-header {padding: 0 !important;}
.navbar-default {font-size: 15px; background-color:#fff; min-height:100px; 
                border: none; padding-top: 0px; margin-bottom:0;}
.navbar-default *:focus { outline: 0; }
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .open ul > a { color:#888; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus { color: #cc0000; background:none ; }
.navbar-default .navbar-nav > .open > a { background:none; color:#cc0000; }
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus { background:none; color:#222; }
.navbar-default .navbar-nav > .active > a { background:none; color:#cc0000; }
.navbar-default .navbar-brand {position: absolute; top:0; left: 15px; background-color: #616266; 
              width: 293px; height: 120px; padding: 0;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    background-color: #616266; border-color: #616266;}
a.navbar-brand {width: 293px; height: 120px; display: block;}
.navbar-toggle {background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(174, 173, 173); border-radius: 100px;
    float: right; height: 40px; margin: 12px 5px 0 0; padding: 8px; width: 40px;}
.navbar-default .navbar-toggle {border-color: #999;}
.navbar-default .navbar-toggle .icon-bar {background-color: #333;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff; border-color: #999;}
.navbar-default .navbar-toggle:focus .icon-bar {background-color: rgb(174, 173, 173);}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #cc0000;}
.navbar-nav {text-transform: uppercase;}

.nav > li > a {
    display: block;
    margin: 18px 10px 8px 0;
    padding: 0 10px 0 0;
    position: relative;
    border-right: 1px solid #cc0000;
    line-height: 14px;
}

.navbar-nav .btn { border:1px solid rgba(255, 255, 255, .2); margin-left:5px; margin-top:5px; padding-top:10px; padding-bottom:10px; }
.navbar-nav a.btn:focus, 
.navbar-nav a.btn:hover  { border:1px solid rgba(255,255,255,.6); }
.navbar-collapse { border:0 none;  border-top:0 none; box-shadow: none; max-height: 100% !important;}
.navbar-right .dropdown-menu {left: 0; right: auto;}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom { border-radius: 0; }

/*NAV UP*/
.navHolder {float: right; padding-top: 14px; margin-left: 40px;}
.navHolder a {color: #30343c; font-size: 13px;}
.navHolder a:hover {color: #cc0000;}
.navLogoHolder {float: right; margin-left: 40px; padding-top: 10px;}
.navLogoHolder img {width: 100px;}

/*SEARCH*/
.navLast {margin-right: 70px;}
.search-holder {position: relative; margin-left: 40px; display: block;}
.searchbox-holder {position: absolute;}
.searchbox {
    position: absolute;
    right: 0;
    min-width: 50px;
    width: 0%;
    height: 50px;
    overflow: hidden;
    
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.searchbox-input{
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: #fff;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0px 55px 0px 20px;
    font-size: 15px;
    color: #333;
}
.searchbox-input::-webkit-input-placeholder {color: #555;}
.searchbox-input:-moz-placeholder {color: #555;}
.searchbox-input::-moz-placeholder {color: #555;}
.searchbox-input:-ms-input-placeholder {color: #555;}

.searchbox-icon,
.searchbox-submit {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #a1012a;
}
.searchbox-icon span.fa {font-size: 18px;}

.searchbox-open {width: 40%;}

