.navtop {
  position: fixed;
  top: 0;
  width: 100%;
  height: 60px;
  z-index: 1000;
  box-shadow: 0 2px 7px 0px #888;
}

.navbar-brand{
    padding: 2px 20px 0 0;
    font-size: 16px;
    height: 60px;
}

/*.navbar-brand img{margin-top: 8px;}*/
.productlogo {margin-top: 12px; margin-right: 5px;}

.navbar-collapse .nav .menu-large .megamenu  {
    margin-left:-15px;
}

.navbar-collapse .nav .menu-large .megamenu .inline {
    display: inline-block;
    vertical-align: top; 
    text-align: left;
    max-width: auto; 
}

.navbar-collapse .nav .menu-large .megamenu .inline ul {
    padding: 0;
    margin: 0; 
}

.navbar-collapse .nav .menu-large .megamenu .inline ul li {
    list-style: none; 
}

.navbar-collapse .nav .menu-large .megamenu .inline ul li a {
    display: block;
    padding: 3px 20px 0px 0px;
    clear: both;
    color: black;
    font-size: 16px; 
}

.navbar-collapse .nav .menu-large .megamenu .inline ul li a:hover {
    background-color: transparent;
    color:#ff4139;
}


.navbar-collapse .nav .menu-large .megamenu .inline a:hover {
    background-color: transparent;
    color:#ff4139;
    font-size:18px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
}

.navbar-collapse .nav .open > a
{
    color:#ff4139 !important;
}

@media screen and (max-width: 360px) {
/*    .rllogo {
        width:160px !important;
    }*/
    .navbar-brand{
        padding: 0 10px 0 0;
            font-size: 16px;
            height:60px;
    }
    .productlogo {margin-top: 12px; margin-right: 5px; width: 150px;}

.navbar-collapse .nav .menu-large .megamenu .inline {
        display: block;
        width: 100%;
        padding:0px!important;
    } 
}

@media screen and (max-width: 768px) {
    .navbar-collapse .nav .menu-large .megamenu .inline {
        display: block;
        width: 100%;
        padding:15px;
    } 
}

.navbar-default {
    border-color: transparent !important;
    position: relative; 
    max-height: 60px
}

.navbar_inside {
    max-width: 1600px;
    padding-left: 30px;
    padding-right: 75px;
    margin: auto;
}

.navbar-collapse .nav a {
    text-decoration: none;
}

.navbar-collapse .nav .dropdown a {
    font-size: 16px;
    line-height: 30px;
    color: black;
}

.navbar-collapse .nav .dropdown a:hover
{
    color: #ff4139; 
}

.navbar-collapse .nav .dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-radius: 0px;
    box-shadow: 0 2px 7px 0px #555;
    opacity: 1; 
    -webkit-animation: fadein 0.3s; /* Safari and Chrome */
    -moz-animation: fadein 0.3s; /* Firefox */
    -ms-animation: fadein 0.3s; /* Internet Explorer */
    -o-animation: fadein 0.3s; /* Opera */
    animation: fadein 0.3s;
}

.navbar-collapse .nav .dropdown .dropdown-menu .divider {
    background-color: #bbbbbb;
    height: 1px;
    padding:0px !important;
    margin:0px;
    width: 200px;
    visibility: hidden;
}
/*
.navbar-collapse .nav .menu-large {
    position: static !important; 
}
*/
.navbar-collapse .nav .menu-large .megamenu {
    text-align: left;
    border:0px;
    padding: 20px 30px;
    width: 280px; 
  }

.topbutton {
    width: 180px;
    color: #ff4139 !important;
    border-radius: 1px;
    border-color: #ff4139 !important;
    border-style: solid !important;
    border-width: 2px !important;
    font-size: 16px;
    background: transparent !important;
}
.topbutton:hover {
    background-color: #ff4139 !important;
    color: white !important;
}

.navbar-nav>li>a {
    padding-top: 12px;
    padding-bottom: 13px;
}

.btn-menu-container{
    margin-top:11px; 
    margin-bottom: 11px; 
    padding-left:15px;
    float:right;
}

.navbar{margin-bottom: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0}

.topBG {
    background-color:#fff; 
    -webkit-animation: fadein 0.5s; /* Safari and Chrome */
    -moz-animation: fadein 0.5s; /* Firefox */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
    -o-animation: fadein 0.5s; /* Opera */
    animation: fadein 0.5s;
}

.navbar-toggle{border: none; color: #A0A0A0;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active,.navbar-default .navbar-toggle:focus{background-color: transparent; color: #black;}
.btn-hamburger{font-size: 24px;margin: 0; padding: 14px 0;display: none;}

.navbar-header{width: 280px;}
.navbar-collapse .nav .dropdown a.no-padding{padding: 0;}

@media (max-width: 1440px){
    .navbar_inside {
        max-width: 1540px;
        padding-left: 30px;
        padding-right: 30px;
        margin: auto;
    }
}

@media (max-width: 768px){
    .navbar-default {
        background-color: #fff !important;
        position: relative; 
        max-height: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-header{float: none;width:auto}

    .navbar-nav {
        float: none;
        margin: 7.5px -15px;
    }

    .navbar-nav > li > a {
       padding-top: 0px;
       padding-bottom: 0px;
    }

/*    .navbar_inside {
        max-width: 1540px;
        padding-left: 30px;
        padding-right: 30px;
        margin: auto;
    }
*/

    .navbar-collapse .nav .menu-large .megamenu {
        width:100%;
    }
    .navbar-collapse{border-top: 1px solid transparent}
    .navbar-collapse.menu-collapse{display: none !important; }
    .navbar-collapse.menu-collapse.in{display: block !important;}

    .navbar-nav>li {float: none;}
    .open .dropdown-menu {position: static;}
    .btn-menu-container {
        margin-top: 6px;
        margin-bottom: 6px;
        padding-left: 15px;
        /*float: right;*/
    }

    .navbar_inside .btn-menu-container{margin-top: 10px;margin-bottom: 10px;padding-left: 0;}
    .btn-menu-container li{text-align: center;}
}


@keyframes fadein {
    from { opacity: 0.5; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0.5; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0.5; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0.5; }
    to   { opacity: 1; }
}

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0.5; }
    to   { opacity: 1; }
}

