/* MAJOR SHIPPING AND TRADING LTD CO */ 
/*! Pushy - v0.9.1 - 2013-9-16
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/

/* Menu Appearance */
.pushy {
    position: fixed;
    width: 270px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #EA0200;
    font-size: 0.9em;
    -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.5);
    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.5);
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}

@media (min-width: 850px) {
	.pushy
	{
		display: none;
	}
}

.pushy a {
    display: block;
    color: #ffffff;
    padding: 15px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(255, 255, 255, .1);
    text-decoration: none;
	text-align: center;
	font-family: "DIN Next W01 Regular",Verdana,Arial,Helvetica,sans-serif;
}
.pushy a:hover {
    background: #58595b;
    color: #ffffff;
}

/* Menu Movement */
.pushy-left {
    -webkit-transform: translate3d(-270px,0,0);
    -moz-transform: translate3d(-270px,0,0);
    -ms-transform: translate3d(-270px,0,0);
    -o-transform: translate3d(-270px,0,0);
    transform: translate3d(-270px,0,0);
}
.pushy-open {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.container-push, .push-push {
    -webkit-transform: translate3d(270px,0,0);
    -moz-transform: translate3d(270px,0,0);
    -ms-transform: translate3d(270px,0,0);
    -o-transform: translate3d(270px,0,0);
    transform: translate3d(270px,0,0);
}

/* Menu Transitions */
.pushy, .push {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    /* improves performance issues on mobile*/
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
		
#container {
	-webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}

/* Site Overlay */
.site-overlay {
    display: none;
}

.pushy-active .site-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 270px;
    z-index: 9999;
}

/* Example Media Query */
@media screen and (max-width: 760px){
    .pushy{
        font-size: 1.0em;
    }
}


/* Mobile Navigation */
.menu-btn {
	position: absolute;
	top: 52px;
	cursor: pointer;
	font-size: 28px;
	left: 25px;
}

#menu {
	position: relative;
}

	#menu a 	{
		padding-left: 0; /* 20px/16px */
	}

		#menu a:before 		{
			content: "";
			position: absolute;
			top: 30%;
			left: 0px;
			width: .75em; /* 12px/16px */
			height: 0.6em; /* 2px/16px */
			border-top: .375em double #7e8084; /* 6px/16px */
			border-bottom: .125em solid #7e8084; /* 2px / 16px */
		}

#menu a:hover,
#menu a:focus {
	text-decoration: none!important;
	color: transparent;
}

.pushy .search-box {
  min-height: 32px;
  display: block;
}
.pushy .search-box form {
  position: relative;
}
.pushy .search-box input[type="text"] {
  width: 100%;
  padding: 7px 10px;
  border: none;
	-webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.5);
    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.5);
	border-radius: 0;
}
.pushy .search-box input[type="text"]:-moz-placeholder {
  color: #7f7f83;
  font-style: italic;
}
.pushy .search-box input[type="text"]::-moz-placeholder {
  color: #7f7f83;
  font-style: italic;
}
.pushy .search-box input[type="text"]:-webkit-input-placeholder {
  color: #7f7f83;
  font-style: italic;
}
.pushy .search-box input[type="text"]::-webkit-input-placeholder {
  color: #7f7f83;
  font-style: italic;
}
.pushy .search-box .searchplaceholder {
  color: #c5c6c7;
  font-style: italic;
}
.pushy .search-box .searchsubmit {
  background: url("/img/searcharrow.png") no-repeat scroll 4px 5px transparent;
	border: 0px none;
	cursor: pointer;
	height: 9px;
	position: absolute;
	padding: 10px 0px;
	top: 8px;
	width: auto;
	right: 5px;
	min-width: 30px;
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */