@-webkit-viewport {

    width: device-width

}



@-moz-viewport {

    width: device-width

}



@-ms-viewport {

    width: device-width

}



@-o-viewport {

    width: device-width

}



@viewport {

    width: device-width

}



.nav-collapse ul {

    margin: 0;

   padding: 0; 

}







.nav-collapse li {

    width: 100%;

    display: block;

}



.js .nav-collapse {

    clip: rect(0 0 0 0);

    max-height: 0;

    position: absolute;

    /* display: block; */

    /* overflow: hidden; */

    /* zoom:1; */

    }



.nav-collapse.opened {

    max-height: 9999px

}



.disable-pointer-events {

    pointer-events: none !important

}



.nav-toggle {

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



@media screen and (min-width: 40em) {

    .js .nav-collapse {

        position:relative

    }



    .js .nav-collapse.closed {

        max-height: none

    }



    .nav-toggle {

        display: none

    }

}





section {

    padding: 0px 0 0;

}





header {

    background: #f4421a;

    position: fixed;

    z-index: 31111;

    width: 100%;

    left: 0;

    top: 0

}





.mask {

    -webkit-transition: opacity 300ms;

    transition: opacity 300ms;

    background: rgba(0,0,0,0.5);

    visibility: hidden;

    position: fixed;

    opacity: 0;

    z-index: 2;

    bottom: 0;

    right: 0;

    left: 0;

    top: 0

}



.android .mask {

    -webkit-transition: none;

    transition: none

}



.js-nav-active .mask {

    visibility: visible;

    opacity: 1

}



@media screen and (min-width: 40em) {

    .mask {

        display:none !important;

        opacity: 0 !important

    }

}



.fixed {

    position: fixed;

    width: 100%;

    left: 0;

    top: 0

}



.nav-collapse,.nav-collapse * {

    box-sizing: border-box

}



.nav-collapse,.nav-collapse ul {

    list-style: none;

    width: 100%;

    /* float: left */

   

    height:40px

}



@media screen and (min-width: 40em) {

    .nav-collapse {

        /* float:right; */

        /* width: auto; */

    }

}



.nav-collapse li {

    /* float: left; */

    /* width: 100%; */

    /* display: inline; */

}



@media screen and (min-width: 40em) {

    .nav-collapse li {

        /* width:auto */

        display: inline;

    }

}



.nav-collapse a {

    -webkit-tap-highlight-color: transparent;

    

    font-size:14px;

   

    text-decoration: none;

    padding: 0.7em 1em;

    color: #fff;

      text-transform:uppercase

    /* width: 100%; */

    /* float: left */

}



//.nav-collapse a:active,.nav-collapse .active a {

//    background: #b73214

//}



.nav-collapse a:hover{

	 background: #dcc07c;

	 color:#221002

}

@media screen and (min-width: 40em) {

    .nav-collapse a {

        border-top:6px solid white;

        padding: 0.6em 2em;

        text-align: center;

        border-top: 0;

        /* float: left; */

        margin: 0;

        display: inline-block;

        margin-top:9px

      

    }

}



.nav-collapse ul ul a {

    background: #ca3716;

    padding-left: 2em;

  

}



@media screen and (min-width: 40em) {

    .nav-collapse ul ul a {

        display:none

    }

}

@media screen and (max-width: 600px) {

	





.nav-collapse a {

    -webkit-tap-highlight-color: transparent;

    border-top: 1px solid white;

    text-decoration: none;

    background: #442005;

    padding: 0.7em 1em;

    color: #fff;

   width: 100%; 

 float: left 

}

.nav-collapse a:hover {

   

    background: #ccaf6c;

    color: #221002;



}

.wrap1 {

	margin: 0 auto;

	position: relative;

	z-index: 10;

	padding:0px 0;

	background:#221002

}

}

@font-face {

    font-family: "responsivenav";

    src: url("/fonts/fixed-nav/responsivenav-7d300749.eot");

    src: url("/fonts/fixed-nav/responsivenav-7d300749.eot?#iefix") format("embedded-opentype"),url("/fonts/fixed-nav/responsivenav-9a5862ae.ttf") format("truetype"),url("/fonts/fixed-nav/responsivenav-c8cb3e9f.woff") format("woff"),url("/fonts/fixed-nav/responsivenav-75076bba.svg#responsivenav") format("svg");

    font-weight: normal;

    font-style: normal

}



.nav-toggle {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    text-decoration: none;

    text-indent: -300px;

    position: relative;

    overflow: hidden;

    width: 60px;

    height: 45px;

    float: right

}



.nav-toggle:before {

    color: #fff;

    font: normal 28px/45px "responsivenav";

    text-transform: none;

    text-align: center;

    position: absolute;

    content: "\2261";

    text-indent: 0;

    speak: none;

    width: 100%;

    left: 0;

    top: 0

}





.nav-toggle.active:before {

    font-size: 24px;

    content: "\78"

}