﻿#navbar{margin:0;}

#navbar>li{position:relative;padding:0;margin:0;list-style:none;display:inline-block;}
#navbar li>a{text-decoration:none;display:block;font-size: 19px;padding:0 10px;line-height: 28px;color:#0d0d0d;}
#navbar>li.last>a{padding-right:0;}
#navbar>li>a:hover, #navbar>li.parent>a{color:#a34c42;}

    #navbar .subLevel {
        display: none;
        position: absolute;
        left: 0;
        background: #a34c42;
        z-index: 2;
        width: auto;
        border-top: 10px solid white;
        padding: 20px 0;
    }
#navbar>li:hover .subLevel{display:block;}
#navbar .subLevel ul{margin:0;padding:0;}
#navbar .subLevel li{list-style:none;padding:0;margin:0;position:relative;}
#navbar .subLevel li > a {color: white !important;white-space: nowrap;padding: 0 30px;display: block;line-height: 35px;position: relative;left:0;
		-moz-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		-webkit-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
}
#navbar .subLevel li>a:hover{text-decoration:none;left:25px;}
#navbar .subLevel li>a:before{content: "";display: inline;-moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;position: absolute;left: 4px;opacity: 0;}
#navbar .subLevel li>a:hover:before{content:"❯";opacity: 1;}
    #navbar .subLevel .subLevelRight {
		display:none;
        position: absolute;
        left: 100%;
        border-left:solid 1px rgba(163, 76, 66, 0.84);
        top: 0;
    }
	#navbar .subLevel > ul > li:hover > .subLevelRight{display:block;}
    #navbar .subLevel .subLevelRight > ul{
        background: #a34c42;
    }


@media only screen and (max-width: 1024px) {
	#navbar li>a{font-size:15px;}
}

@media only screen and (max-width: 767px){
	nav{display:none;}
}