/*================================================================
========================= BODY ELEMENTS ==========================
================================================================*/
#toggle, #toggle + label{
    display: none;
 }
/*=========================== MENU ===========================*/

/* UL element Navigation Main Menu */
    .navbar-collapse{
        max-height:100%;
        padding-left:0;
        padding-right:0;
        transition-duration:.3s;
        transition-property:all;
        transition-timing-function:cubic-bezier(.7,1,.7,1)
        }
    .navbar{
        margin-bottom:0;
        background-color: #FFFFFF;
        border-radius: 0px;
        transition-duration:.3s;
        transition-property:all;
        transition-timing-function:cubic-bezier(.7,1,.7,1)
        }
    .navbar{
        position: relative;
        min-height: 50px;
        }
    .navbar-nav{
        padding-left:0;
        margin-bottom:0;
        list-style:none
        }
    .navbar-nav{
        padding-right: 30px;
        }
/* Menu LI items and children */
    .navbar-nav{
        list-style: none;
        margin-top: 20px;
}
    li.nav-item{
        position: relative;
        font-size: 1.5em;
        float: left;
        height: 25px;
        padding-left: 30px; /* space between menu items */
        }
    a.nav-item-child{
        font-size:1em;
        color:#720000;
        transition-duration:.3s;
        transition-property:all;
        transition-timing-function:cubic-bezier(.7,1,.7,1);
		text-decoration: none;
        }

    .navbar-nav>li.nav-item>a:hover{
        margin-bottom: 10px;
        border-bottom: 2px solid #720000;
        padding-bottom: 3px;
        color: #720000;
        }

    header .nav-item-child:focus,.nav-item-child:hover{
        background:inherit
        }

/* MAX-WIDTH 767px */
@media (max-width:767px){
    .menu-navi-container{
        padding-left:15px;
        padding-right:15px;
        margin-left:0;
        margin-right:0
        }
    .navbar>.navi-container,.navbar>.navi-container>.nav-collapse{
        padding-left:0;
        padding-right:0;
        margin-left:0;
        margin-right:0
        }
    .navbar>.navi-container{
        width:auto
        }
    li.nav-item{
        position: relative;
        font-size: 1em;
        float: left;
        height: 28px;
        padding-left: 30px; /* space between menu items */
        }

	    .navbar-nav>li.nav-item>a:hover{
text-decoration: none;        } 

    a.nav-item-child{
		text-decoration: none;
        }

    }  
 /* Toggle  */   
    .nav-item-hover:after,.link:after,.work .work-overlay:before{
        content:" "
        }
    .navbar-toggle{
        width: 45px;
        height: 35px;
        border: none;
        margin: 35px 0;
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 31px;
        margin-right: 35px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        }
    .navbar-toggle .toggle-icon{
        position:relative;
        width:21px;
        height:1px;
        display:inline-block;
        background:#fff;
        transition-duration:.3s;
        transition-property:all;
        transition-timing-function:cubic-bezier(.7,1,.7,1)
        }
    .navbar-toggle .toggle-icon:after,.navbar-toggle .toggle-icon:before{
        position:absolute;
        left:0;
        background:#fff;
        content:" "
        }
    .navbar-toggle .toggle-icon:before{
        width:10px;
        height:1px;
        bottom:10px;
        -webkit-transform:rotate(0);
        -moz-transform:rotate(0);
        transform:rotate(0);
        transition-duration:.3s;
        transition-property:all;
        transition-timing-function:cubic-bezier(.7,1,.7,1)
        }
    .navbar-toggle .toggle-icon:after{
        width:16px;
        height:1px;
        top:-5px;
        -webkit-transform:rotate(0);
        -moz-transform:rotate(0);
        transform:rotate(0);
        transition-duration:.3s;
        transition-property:all;
        transition-timing-function:cubic-bezier(.7,1,.7,1)
        }
    .navbar-toggle:hover .toggle-icon{
        background:#ae952e;
        transition-duration:.3s;
        transition-property:all;
        transition-timing-function:cubic-bezier(.7,1,.7,1)
        }
    .navbar-toggle:hover .toggle-icon:after,.navbar-toggle:hover .toggle-icon:before{
        width:21px;
        height:1px;
        background:#ae952e;
        transition-duration:.3s;
        transition-property:all;
        transition-timing-function:cubic-bezier(.7,1,.7,1)
        }
    .logo-img-main,.nav-item.active .nav-item-hover:after,.nav-item:hover .nav-item-hover:after{
        transition-duration:.4s;
        transition-property:all;
        transition-timing-function:cubic-bezier(.7,1,.7,1)
        }
    .navbar-toggle:hover .toggle-icon.is-clicked{
        background:rgba(81,87,105,0)
        }

/* MIN-WIDTH 768px */
@media (min-width: 768px){
    .navbar-toggle {
        display: none;
        }
    }
/* MAX-WIDTH 991px */
@media (max-width:767px){
    .navbar-nav{
        margin:0;float:none
        }
    .navbar-nav .nav-item{
        float:none
        }
    .menu-navi-container:after,.menu-navi-container:before{
        content:" ";display:table
        }
    .menu-navi-container:after{
        clear:both
        }
    .logo .logo-img-main{
        display:none
        }
    .logo .logo-img-active{
        display:inline-block
        }
    .nav-item-child{
        padding:12px 12px 12px 15px
        }
    .nav-item-hover:after{
        position:absolute;top:19px
        }
/*======= TOGGLE MENU ======*/
    #toggle, #toggle + label{
        display: inherit;
        }
    #toggle{
        width: 45px;
        height: 40px;
        opacity: 0;
        border: none;
        position: absolute;
        top: 10px;
        right: 0px;
        z-index: 1000;
        float: right;
        padding: 9px 10px;
        margin-top: 0;
        margin-right: 35px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        cursor: pointer;
        }
    .menu-mobile {
        padding-top: 0;
        text-align: left;
        width: 100%;
        height: 0px;
        overflow: hidden;
        transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
        }
    #toggle:checked ~ .menu-mobile {
        height: 150px;
        }
    #toggle + label {
        position: absolute;
        top: 0;
        right: 50px;
        border: none;
        color: #720000;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        }
    #toggle + label:after {
        content:'\2630';
        font-size: 1.7em; 
        }
    #toggle:hover + label{
        color: #720000; 
        }
    #toggle:checked ~ .message {
        height: 150px;
        }
    #toggle:checked + label:after {
        content:'\2573';
        font-size: 1.4em;
        }
    }
/* MIN-WIDTH 992px */
@media (min-width:1096px){
    .navbar-nav-right{
        float:right
        }
   .page-on-scroll .navbar{
        background:#ffffff;
        transition-duration:.3s;
        transition-property:all;
        transition-timing-function:cubic-bezier(.7,1,.7,1)
        }
    .page-on-scroll .logo-img-active,.page-on-scroll .logo-img-main{
        transition-duration:.4s;
        transition-property:all;
        transition-timing-function:cubic-bezier(.7,1,.7,1)
        }
    .page-on-scroll .nav-item-child{
        transition-duration:.3s;
        transition-property:all;
        transition-timing-function:cubic-bezier(.7,1,.7,1);
        }
}