/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* ---- TOP NAV ---- */

#top nav a {
    font-family:Droid Sans;
    color:#9b9b9b;
    font-size:17px;
}

#top li {
	position:relative;
	white-space: nowrap;
}

#top .italic {
    font-style:italic;
}

/* FIRST LEVEL */

#top nav>.container>ul>li {
	display: inline-block;
}

/* SECOND LEVEL */
#top nav>.container>ul>li>ul  {
	display:none;
	position:absolute;
}

#top nav>.container>ul>li>ul>li, #top nav>.container>ul>li>ul>li  {
	display:block;
}

/* THIRD LEVEL */
#top nav>.container>ul>li>ul>li>ul, #top nav>.container>ul>li>ul>li>ul {
	display:none;
	position:absolute;
	top:0;
	left:100%;
}

/* ---- FOOTER NAV ---- */

@media (min-width:1025px){
	/* ---- TOP NAV ---- */
	#top nav>.container>ul>li:hover>ul {
		display:block;
	}
	
	#top nav>.container>ul>li>a {
		display: inline-block;
		height: 100%;
		padding:0px 57px 0 3px;
		line-height:57px;
	}
	
	#top nav li:hover>a, 
	#top .active,
	#top nav li.current-menu-item a,
	#top nav li.current_page_item a,
	#top nav li.current-menu-ancestor a  {
		color:#e01a2a;
		text-decoration:none;
	}
	
	#top nav ul li ul.sub-menu li a {
		color: #9b9b9b;
	}

	#top nav ul li ul.sub-menu li a:hover {
		color: #e01a2a;
	}

	#top nav>.container>ul>li>ul {
		top: 100%;
		left: 0;
		background:white;
        z-index:2;
	}

	#top .menu-item-has-children>a:after{
		content:'';
		display:block;
		position:absolute;
		top:50%;
		margin-top:-3px;
		right:30px;
		border-top:6px solid #9b9b9b;
		border-left:6px solid transparent;
		border-right:6px solid transparent;
	}
    
    #top .menu-item-has-children:hover>a:after {
        border-top-color:#e01a2a;
    }
    
    #top .menu-item-has-children .menu-item-has-children>a:after{
		content:'';
		display:block;
		position:absolute;
		top:50%;
		margin-top:-6px;
		right:6px;
		border-left:6px solid #9b9b9b;
		border-top:6px solid transparent;
		border-bottom:6px solid transparent;
	}
    
    #top .menu-item-has-children .menu-item-has-children:hover>a {
        color:#e01a2a;
    }
    
    #top .menu-item-has-children .menu-item-has-children:hover>a:after {
        border-left-color:#e01a2a;
    }
    
    #top nav ul ul ul {
        margin-left:0px;
    }
    
    #top nav ul ul {
        border-left:1px solid #e0e0e0;
        border-right:1px solid #e0e0e0;
        border-bottom:1px solid #e0e0e0;
        margin-left:-10px;
    }
	
	#top nav>.container>ul>li>ul>li>a,
    #top nav>.container>ul>li>ul>li>ul>li>a{
		line-height:40px;
		padding:0 28px 0 12px;
        display:block;
	}
	
	#top nav>.container>ul>li>ul>li:hover>ul {
		display:block;
        background:#fff;
	}
    
    #top nav>.container>ul>li>ul  {
        box-shadow:0px 3px 5px rgba(0,0,0,0.2)
    }
	
	/* ---- FOOTER NAV ---- */
	.pull, footer span:first-child {
		display:block;
		margin-bottom:15px;
		font-weight:bold;
	}
}


@media (min-width:768px) and (max-width:1024px){
    #top nav>.container>ul>li>a {
        padding-right:40px;
    }
}



@media only screen and (max-width : 1024px) {
    .current-menu-item a, #top .active {
        color:#e31b27;
    }
    
    nav .container {
        padding:0;
        width:auto;
    }
    
    .menu-item-has-children {
        position:relative;
    }
    
    .subpull {
        width:45px;
        height:45px;
        position:absolute;
        top:0;
        right:0;
        background:url(../images/arrow-down-grey.png) 50% 50% no-repeat;
        cursor:pointer;
    }
    
    .open>.subpull {
        background:url(../images/arrow-up-grey.png) 50% 50% no-repeat;
    }
    
    .side-pull {
      position: relative;
      top: 100px;
      display: block;
      width: 50px;
      height: 50px;
      cursor: pointer;
      /* to center */
      margin: 0 auto;
      float: none;
      -webkit-transition: all 0.3s;
                transition: all 0.3s;
    }

    .side-pull > span {
      position: absolute;
      top: 50%;
      display: block;
      width: 100%;
      height: 8px;
      margin-top: -1px;
      background-color: #e01a2a;
      border-radius: 3px;
    }

    .side-pull > span:before,
    .side-pull > span:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #e01a2a;
      border-radius: 3px;
      -webkit-transition: all 0.3s;
                transition: all 0.3s;
    }

    .side-pull > span:before {
      -webkit-transform: translateY(-1em);
                transform: translateY(-1em);
    }

    .side-pull > span:after {
      -webkit-transform: translateY(1em);
                transform: translateY(1em);
    }

    /* OPENED */

    .side-pull.open {
      -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }

    .side-pull.open > span:before {
      -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }

    .side-pull.open > span:after {
      -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    
    .side-pull {
        position:absolute;
        top:50%;
        margin-top:-25px;
        right:15px;
    }

	/* ---- TOP NAV ---- */
	#top-logo img{
		padding:10px 15px;
	}
	
	#top .row>div {
		padding-left:0;
		padding-right:0;
	}

	

	.menu-item-has-children.open:after, .pull.open:after {
		background: url(../images/arrow-up.png) 50% 50% no-repeat;
	}

	#top nav {
		position: fixed;
		top: 0;
		left: -100%;
		height: 100%;
		width:75%;
		max-width:300px;
		background: #fff;
		z-index: 999999999999999;
		overflow: auto;
	}
	
	#top nav li, footer li {
		position:relative;
		display:block!important;
	}
	
	#top nav li a, footer h3, footer li a {
		line-height:44px;
		display:block;
	}
	
	#top nav li a {
		color:#9b9b9b;
		text-decoration:none;
	}
	
	#top nav li a:hover, footer li a:hover  {
		text-decoration:none;
	}

	#top nav>ul {
		height: auto;
		width:100%; 
	}
	
	#top nav a{
		border-bottom:1px solid #e5e5e5;
	}

	#top nav>.container>ul>li>a { 
		width: 100%; 
		text-align: left;
		padding:0 15px;
	}
	
	#top nav>.container>ul>li>ul {
		position:relative;
	}
	
	#top nav>.container>ul>li>ul>li>a {
		padding-left:30px;
	}
    
    #top nav>.container>ul>li>ul>li>ul {
        position:relative;
        left:0;
    }
    
    #top nav>.container>ul>li>ul>li>ul>li>a {
		padding-left:45px;
	}
	
	/* ---- FOOTER NAV ---- */
	
}
@media only screen and (max-width : 767px) {
    .side-pull {
        width:40px;
    }
    
    .side-pull > span {
      height: 5px;
    }
    
    .side-pull > span:before {
      -webkit-transform: translateY(-0.7em);
                transform: translateY(-0.7em);
    }

    .side-pull > span:after {
      -webkit-transform: translateY(0.7em);
                transform: translateY(0.7em);
    }
    
    
    footer {
        padding-top:30px;
    }
    
    #copyright {
        margin-top:30px;   
    }
    	
	
	footer ul {
		display:none;
        margin-bottom:15px;
	}
	
	footer li a, footer .footer-contact-content {
		display: block;
		padding:0 15px;
	}
    
    .pull, #footer-contact h3 {
		display: block;
		width: 100%;
		background:#000;
		padding:0 15px;
		line-height:44px;
	}
    
    footer .pull {
		cursor:pointer;
	}
    
    footer h3.h2 {
        margin-bottom:15px;
        font-size:24px;
    }

	footer .pull:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 15px;
		width: 44px;
		height: 44px;
		background: url(../images/arrow-down.png) 50% 50% no-repeat;
        border:none!important;
	}
}