/*  ==================================
	MAIN
    ================================== */

	body {
		font-family: 'Open Sans', sans-serif;
	}
	
	h1 {
		font-family: 'Titillium Web', sans-serif;
		font-size: 3em;
		text-transform: uppercase;
		text-rendering: optimizeLegibility;
		font-weight: 400;
	}
	
	h2 {
		color: rgba(27, 49, 91, 1);
		font-family: 'Titillium Web', sans-serif;
		font-size: 2.25em;
		text-transform: uppercase;
		text-rendering: optimizeLegibility;
		font-weight: 400;
		line-height: 1.1;
	}
	
	h3 {
		font-family: 'Titillium Web', sans-serif;
		font-size: 1.125em;
		text-transform: uppercase;
		text-rendering: optimizeLegibility;
		font-weight: 600;
	}
	
	p {
		font-size: 1em;
		color: rgba(85, 85, 85, 1);
		line-height: 1.75;
		text-rendering: optimizeLegibility;
	}
	
	a, a:visited, a:active {
		outline: none;
	}
	
	a {
		-webkit-transition: all .3s ease-out;
		   -moz-transition: all .3s ease-out;
		     -o-transition: all .3s ease-out;
		        transition: all .3s ease-out;
	}
	
	.button {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 1em;
		display: inline-block;
		padding: 0 0 0 1em;
		position: relative;
		border: none;
	}
	
	.button:focus {
		background: rgba(33, 153, 232, 1);
	}
	
	.button:visited, .button:active, .button:focus {
		outline:none;
	}
	
	.button .arrow {
		display: inline-block;
		line-height: 2em;
		text-align: center;
		background: rgba(27, 49, 91, 1);
		color: #fff;
		font-size: 1.5em;
		width: 2em;
		margin-left: 1em;
		padding-bottom: .125em;
	}
	
	.divider-blue {
		background: rgba(33, 153, 232, 1);
		height: 3px;
		width: 4em;
		margin: 1em 0;
		display: block;
	}
	
	.divider-white {
		background: rgba(255, 255, 255, 1);
		height: 2px;
		width: 3em;
		margin-bottom: 1em;
		display: block;
	}
	
/*  ==================================
	HEADER
    ================================== */
    
    .news-ticker {
	    background: #ff0000;
	    color: #fff;
	    padding: 0;
    }
    
    .mtphr-dnt-tick-container {
    	padding: .75em 0;
    }
    
    #top-bar {
		background: rgba(33, 50, 84, 1);
		padding: 0;
		z-index: 999;
		position: relative;
	}
	
	#top-bar-alt {
		background: rgba(33, 50, 84, 1);
		padding: 0;
		z-index: 999;
		position: relative;
	}
	
	.top-bar-info-wrapper {
		font-size: .75em;
		position: relative;
	}
	
	.top-bar-info-switcher {
		position: relative;
		float: right;
		background: rgba(33, 153, 232, 1);
	}

	.top-bar-info-switcher .active {
		position: relative;
		cursor: pointer;
		padding: 1.35em 3em 1.35em 1.25em;
		color: rgba(255, 255, 255, 1);
		text-decoration: none !important;
		min-width: 175px;
	}
	
	.top-bar-info-switcher .active img {
		vertical-align: sub;
		margin-right: .5em;
	}
	
	.top-bar-info-switcher .active:after {
		content: url('../img/dropdown-arrow.png');
		position: absolute;
		right: 1em;
		top: 50%;
		margin: -7px 0 0;
	}
	
	.top-bar-info-switcher ul {
		background: rgba(33, 50, 84, 1);
		position: absolute;
		display: none;
		list-style: none;
		padding: 1em 1.5em;
		margin: 0;
		min-width: 100%;
	}

	.top-bar-info-switcher ul li {
		line-height: 2.5;
	}
	
	.top-bar-info-switcher ul li a {
		color: rgba(255, 255, 255, 1);
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		    -ms-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		        transition: all 0.3s ease;
	}

	.top-bar-info-switcher ul li a:hover {
		color: rgba(33, 153, 232, 1);
	}
	
	.top-bar-info {
		display: none;
		margin: 0;
		padding: 0 10px 0 0;
		list-style: none;
	}
	
	.top-bar-info:after {
		content: '';
		display: inline-block;
		vertical-align: middle;
		height: 50px;
	}
	
	.top-bar-info li {
		display: inline-block;
		vertical-align: middle;
		padding: .5em 1.25%;
		color: rgba(255, 255, 255, 1);
	}
	
	.top-bar-info li img {
		vertical-align: sub;
		margin-right: .5em;
	}
	
	.top-bar-info li:first-child {
		padding-left: 0;
	}
	
	.top-bar-info li a {
		color: rgba(255, 255, 255, 1);
		text-decoration: none !important;
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		    -ms-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		        transition: all 0.3s ease;
	}
	
	.top-bar-info li a:hover {
		text-decoration: none;
	}
	
	.top-bar-info li a:active, .top-bar-info li a:focus {
		outline: none;
	}
	
	#top-nav {
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		z-index: 6;
		margin: 2em 0 1em;
		padding-bottom: 3.5em;
		position: relative;
	}
	
	#top-nav-alt {
		border-bottom: 1px solid rgba(85, 85, 85, .15);
		z-index: 5;
		margin: 2em 0 1em;
		padding-bottom: 3.5em;
	}
	
	.logo {
		float: left;
	}
	
	.top-nav-menu-wrapper .sub-menu {
		display: none;
	}
	
	.top-nav-menu-wrapper:hover .sub-menu {
		display: block;
	}
	
	.top-nav-menu {
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: right;
		float: right;
	}
	
	.top-nav-menu li {
		color: rgba(255, 255, 255, 1);
		font-family: 'Titillium Web', sans-serif;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		position: relative;
		float: left;
		padding: 0 1em;
		white-space: nowrap;
	}

	.top-nav-menu li:last-child {
		padding-right: 0;
	}
	
	.top-nav-menu li a {
		color: rgba(255, 255, 255, 1);
		padding: 1.65em 0;
		-webkit-transition: all 0.3s ease;
	       -moz-transition: all 0.3s ease;
	        -ms-transition: all 0.3s ease;
	         -o-transition: all 0.3s ease;
	            transition: all 0.3s ease; 
	}
	
	#top-nav-alt .top-nav-menu li a {
		color: rgba(33, 50, 84, 1);
		padding: 1.65em 0;
		-webkit-transition: all 0.3s ease;
	       -moz-transition: all 0.3s ease;
	        -ms-transition: all 0.3s ease;
	         -o-transition: all 0.3s ease;
	            transition: all 0.3s ease; 
	}
	
	.top-nav-menu li a:hover {
		color: rgba(33, 153, 232, 1);
	}
	
	#top-nav-alt .top-nav-menu li a:hover {
		color: rgba(33, 153, 232, 1);
	}
	
	.top-nav-menu li:hover a {
		color: rgba(33, 153, 232, 1);
	}
	
	.top-nav-menu li .sub-menu {
		display: none;
		background: rgba(27, 49, 91, 1);
		font-size: .875em;
		opacity: 0;
	    position: absolute;
	    visibility: hidden;
	    top: 3em;
	    left: 1em;
	    padding: .75em .75em .75em .25em;
	    margin: 0;
	    list-style-type: none;
	    z-index: 999;
	    border-top: 4px solid rgba(33, 153, 232, 1);
	    -webkit-transition: all 0.5s ease;
	       -moz-transition: all 0.5s ease;
	        -ms-transition: all 0.5s ease;
	         -o-transition: all 0.5s ease;
	            transition: all 0.5s ease;   
    }
    
    .top-nav-menu li:hover .sub-menu {
	    display: block;
	    top: 3.75em;
	    opacity: 1;
	    visibility: visible;
    }
    
    .sub-menu li {
		line-height: 2.5;
		
    }
    
    .sub-menu li:last-child {
	    padding-right: .75em; 
    }
    
    .sub-menu li a {
	    padding: 1.5em 0;
	    color: rgba(255, 255, 255, 1) !important;
	    -webkit-transition: all 0.3s ease;
	       -moz-transition: all 0.3s ease;
	        -ms-transition: all 0.3s ease;
	         -o-transition: all 0.3s ease;
	            transition: all 0.3s ease;
    }
    
    .sub-menu li a:hover {
	    color: rgba(33, 153, 232, 1) !important;
    }
	
	.top-nav-menu-wrapper-sm, .top-nav-menu-wrapper-sm-alt  {
		display: none;
	}
    
/*  ==================================
	MASTHEAD HOME
    ================================== */
    
    #masthead {
	    text-align: center;
	    padding: 25% 0 20%;
		background: rgba(33, 50, 84, .75) url('../img/masthead.jpg') center center no-repeat;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		     -o-background-size: cover;
			    background-size: cover;
		width: 100%;
		/*height: 75vh;*/
		min-height: 800px;
		position: relative;
		top: -9em;
		left: 0;
		overflow: hidden;
		opacity: .95;
		margin-bottom: -10em;
	}
	
	video {
		background: transparent;
		display: block;
		position: absolute;
		top: 50%; 
		left: 50%;
		z-index: 1;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		-webkit-transform: translate(-50%, -50%);
		   -moz-transform: translate(-50%, -50%);
		     -o-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
	
	.video-overlay {
		background: url('../img/black-diagonal-lines.png') center center repeat;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		     -o-background-size: cover;
			    background-size: cover;
		min-height: 800px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 2;
	    width: 100%;
	    background-size: .25%;
	    opacity: .6;
	    height: 100%;
	}
    
    #masthead h1, #masthead p {
	    color: rgba(255, 255, 255, 1);
	    z-index: 999;
	    position: relative;
    }
    
    #masthead p {
	    font-size: 1.25em;
    }
    
    #masthead .divider-blue {
	    margin: 1em auto;
	    z-index: 999;
	    position: relative;
    }
    
/*  ==================================
	ABOUT HOME
    ================================== */ 
    
    #about {
	    padding: 5% 0 4%;
    }
    
    #about img {
	    opacity: 1;
	    float: right;
	    width: 50%;
	    margin-left: 2em;
	    margin-bottom: 1em;
	    -webkit-backface-visibility: hidden;
	    -webkit-transition: all .3s ease-out;
		   -moz-transition: all .3s ease-out;
		     -o-transition: all .3s ease-out;
		        transition: all .3s ease-out;
    }
    
    #about img:hover {
	    opacity: .75;
    }
    
    #video1_popup {
		width: 75%;
	}

	#video1_popup p {
		padding: 30px;
		border-radius: 5px;
		text-align: left;
	}
	
	button.video1_popup_close {
		display: block;
		margin: 0 auto;
		margin-top: 1em;
		background: none;
	}
	
	button.video1_popup_close:hover{
		background: none;
		outline: none;
	}
	
	#video1_popup iframe {
		width: 100%;
		height: 50vh;
		margin-bottom: 1em;
	}

/*  ==================================
	SERVICES HOME
    ================================== */   
    
    #services h3, #services p {
		color: #fff;
	}
	
	#services h3 {
		font-size: 1.5em;
		font-weight: 400;
		margin-bottom: 0;
	}
    
    #services ul {
		list-style-type: none;
		width: 100%;
		display: table;
		margin: 0;
		table-layout: fixed;
	}
	
	#services ul a {
		display: table-cell;
		padding: 3em 1.25em 2em;
		width: 20%;
	}

	#services ul a img {
		max-width: 100%;
	}

	#services ul a.warehousing {
		background: rgba(27, 49, 91, 1) url('../img/warehousing-screened.jpg') no-repeat center center;
		background-size: 100%;
		-webkit-transition: all .3s ease-out;
		   -moz-transition: all .3s ease-out;
		     -o-transition: all .3s ease-out;
		        transition: all .3s ease-out;
	}

	#services ul a.distribution {
		background: rgba(33, 153, 232, 1) url('../img/distribution-screened.jpg') no-repeat center center;
		background-size: 100%;
		-webkit-transition: all .3s ease-out;
		   -moz-transition: all .3s ease-out;
		     -o-transition: all .3s ease-out;
		        transition: all .3s ease-out;
	}

	#services ul a.transportation {
		background: rgba(27, 49, 91, 1) url('../img/transportation-screened.jpg') no-repeat center center;
		background-size: 100%;
		-webkit-transition: all .3s ease-out;
		   -moz-transition: all .3s ease-out;
		     -o-transition: all .3s ease-out;
		        transition: all .3s ease-out;
	}
	
	#services ul a.import-export {
		background: rgba(33, 153, 232, 1) url('../img/import-export-screened.jpg') no-repeat center center;
		background-size: 100%;
		-webkit-transition: all .3s ease-out;
		   -moz-transition: all .3s ease-out;
		     -o-transition: all .3s ease-out;
		        transition: all .3s ease-out;
	}
	
	#services ul a.warehousing:hover, #services ul a.distribution:hover, #services ul a.transportation:hover, #services ul a.import-export:hover  {
		background-size: 130%;
	}
	
/*  ==================================
	LATEST NEWS HOME
    ================================== */ 
    
    #latest-news {
	    padding: 5% 0;
    }
    
    #latest-news ul {
	    width: 100%;
	    list-style-type: none;
	    display: table;
	    margin: 0;
	    table-layout: fixed;
	    margin: 0 -.75em;
    }
    
    #latest-news ul li {
	    display: table-cell;
	    width: 30%;
	    vertical-align: top;
	    padding: 0 .75em;
    }
    
    #latest-news ul li a {
	    color: rgba(27, 49, 91, 1);
	    
	    -webkit-transition: all .3s ease-out;
		   -moz-transition: all .3s ease-out;
		     -o-transition: all .3s ease-out;
		        transition: all .3s ease-out;
	}
	
	#latest-news ul li a:hover {
		color: rgba(33, 153, 232, 1);
	}
	
    #latest-news ul li .post-image-thumb {
    	margin-bottom: 1em;
	}
	
	#latest-news ul li .button {
		color: rgba(255, 255, 255, 1);
	}
	
	#latest-news ul li .button:hover {
		color: rgba(255, 255, 255, .75);
	}
	
/*  ==================================
	PAGE CONTENT
    ================================== */
    
    #page-content {
	    padding: 1em 0 5% 0;
    }
    
    #page-content h1 {
	    color: rgba(27, 49, 91, 1);
	    margin-top: .5em;
    }
    
/*  ==================================
	NEWS CONTENT
    ================================== */
    
    #news-content {
	    padding: 1em 0 5% 0;
    }
    
    #news-content h1 {
	    color: rgba(27, 49, 91, 1);
	    margin-top: -.5em;
    }
    
    #news-content h3 {
	    margin-bottom: .0;
    }
    
    #news-content ul {
	    list-style-type: none;
	    margin: 0;
	}
	
	#news-content ul li {
		margin-bottom: 1.5em;
		padding-bottom: .25em;
		border-bottom: 1px solid rgba(85, 85, 85, .15); 
	}
	
	#news-content .post-image-thumb {
		position: relative;
		float: left;
		width: 30%;
		display: inline-block;
		margin-right: 1em;
	}
	
	#news-content .button {
		display: none;
	}

/*  ==================================
	SIDEBAR
    ================================== */
    
    .gs {
	    width: 100%;
    }
    
    .sidebar-panel .textwidget p {
	    color: rgba(255, 255, 255, 1);
	    font-size: .875em;
	    font-weight: 300;
    }
    
    .sidebar-panel {
	    border: none;
	    border-radius: 0;
    }
    
    .sidebar-panel li {
	    border-top: 1px solid rgba(255, 255, 255, 0.5);
	    margin-top: .25em;
	    line-height: 1;
	    padding: .5em 0;
    }
    
    .sidebar-panel li a {
	    font-size: .875em;
	    font-weight: 300;
    }
    
    .sidebar-panel li span {
	    font-size: .75em;
	    margin-top: 0;
	}
	
	.contacts-hidden{
    	display: none;
    	font-weight: 300;
    	font-size: .875em;
	}
	
/*  ==================================
	CONTACT
    ================================== */
	
	.error404 #s, .wpcf7-form input[type="text"], .wpcf7-form textarea {
		border-radius: 0;
		box-shadow: none;
		border: 1px solid #CCCCCC;
		width: 100%;
	}
	
	#searchsubmit, #loginform p.login-submit input[type="submit"].wp-submit, .button-primary, .wpcf7-submit {
		background: rgba(33, 153, 232, 1);
		text-transform: uppercase;
		font-weight: 700;
		font-size: 1em;
		display: inline-block;
		padding: 1em 2em;
		position: relative;
		border: none;
	}

/*  ==================================
	FOOTER
    ================================== */

	footer {
		background: rgba(9, 69, 117, 1) url('../img/footer-map.png') no-repeat center center;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
	}
	
	footer h3 {
		color: rgba(255, 255, 255, 1);
	}
	
	footer p {
		color: rgba(255, 255, 255, 1);
		font-size: .875em;
		line-height: 1.75;
	}
	
	.footer-logo {
		width: 185px;
		margin-bottom: 1em;
	}
	
	footer ul {
		list-style-type: none;
		margin: 0;
	}
	
	footer ul li {
		color: rgba(255, 255, 255, 1);
		font-size: .875em;
		line-height: 1.75;
		margin-bottom: 1em;
	}
	
	#footer-widgets {
		padding: 2.5em 0 2em;
	}
	
	#footer-widgets a {
		color: rgba(255, 255, 255, 1);
	}
	
	#footer-widgets a:hover {
		color: rgba(255, 255, 255, .75);
	}
	
	#footer-widgets .about p {
		margin-right: 7em;
	}
	
	#clients {
		background: rgba(33, 50, 84, .75);
		padding: 1em 0 .75em;
	}
	
	#clients h3 {
		text-transform: uppercase;
		font-family: 'Titillium Web', sans-serif;
		font-size: 1.5em;
		font-weight: 600;
		padding: 2em 0 1em;
	}
	
	#clients ul {
		list-style-type: none;
		width: 100%;
		display: block;
		margin-bottom: 0;
	}
	
	#clients ul li {
		display: inline-block;
		padding: 1em 1em 0;
	}
	
	#copyright {
		background: rgba(33, 50, 84, .75);
		padding: 1em 0 .25em;
	}
	
	#copyright p {
		color: rgba(255, 255, 255, 1);
		font-size: .75em;
		display: inline-block;
	}
	
	#copyright .social {
		float: right;
		display: inline-block;
		opacity: 1;
		-webkit-transition: all .3s ease-out;
		   -moz-transition: all .3s ease-out;
		     -o-transition: all .3s ease-out;
		        transition: all .3s ease-out;
	}
	
	#copyright .social:hover {
		opacity: .75;
	}

/*  ==================================
    MEDIA QUERIES 
    ================================== */
    	
	@media only screen and (max-width: 64.063em) { 
	
	/*  ==================================
		MAIN
	    ================================== */

		.divider-white {
			width: 5em;
			margin: 0 auto 1em;
		}
		
		.button {
			line-height: 3;
		}
		
		.button .arrow {
			float: right;
		}
		
	/*  ==================================
		HEADER
	    ================================== */
	    
	    #top-bar, #top-bar-alt {
		    display: none;
	    }
	    
	    
	    .top-nav-menu {
		 	display: none;   
	    }
	    
	    .top-nav-menu-wrapper-sm {
		    display: block;
			width: 100%;
			z-index: 3;
		}
		
		.top-nav-menu-wrapper-sm ul {
			width: 100%;
			margin: 0;
			padding: 0;
			list-style: none;
			overflow: hidden;
			background-color: rgba(255, 255, 255, 1);
			position: absolute;
			top: 5.5em;
			left: 0;
		}
		
		.top-nav-menu-wrapper-sm ul li {
			border-bottom: 1px solid rgba(85, 85, 85, .15);
		}
		
		.top-nav-menu-wrapper-sm ul li:last-child {
			border: none;
		}
		
		.top-nav-menu-wrapper-sm li a {
			display: block;
			padding: .5em 0;
			text-decoration: none;
			text-align: center;
			font-size: .95em;
			-webkit-transition: all 0.3s ease;
		       -moz-transition: all 0.3s ease;
		        -ms-transition: all 0.3s ease;
		         -o-transition: all 0.3s ease;
		            transition: all 0.3s ease; 
		}
		
		.top-nav-menu-wrapper-sm li a:hover,
		.top-nav-menu-wrapper-sm .menu-btn:hover {
			background-color: #fff;
			color: rgba(33, 50, 84, 1);
		}
		
		.top-nav-menu-wrapper-sm .logo {
			display: block;
			float: left;
			font-size: 2em;
			padding: 10px 20px;
			text-decoration: none;
		}
		
		.top-nav-menu-wrapper-sm .top-nav-menu-sm {
			clear: both;
			max-height: 0;
			transition: max-height .2s ease-out;
		}
		
		.top-nav-menu-wrapper-sm .menu-icon {
			cursor: pointer;
			display: inline-block;
			float: right;
			padding: 2em 0;
			position: relative;
			user-select: none;
			top: -1.25em;
			margin: 0;
		}
			
		.top-nav-menu-wrapper-sm .menu-icon .navicon {
			background: #fff;
			display: block;
			height: 2px;
			position: relative;
			transition: background .2s ease-out;
			width: 18px;
		}
			
		.top-nav-menu-wrapper-sm .menu-icon .navicon:before,
		.top-nav-menu-wrapper-sm .menu-icon .navicon:after {
			background: #fff;
			content: '';
			display: block;
			height: 100%;
			position: absolute;
			transition: all .2s ease-out;
			width: 100%;
		}
			
		.top-nav-menu-wrapper-sm .menu-icon .navicon:before {
			top: 5px;
		}
			
		.top-nav-menu-wrapper-sm .menu-icon .navicon:after {
			top: -5px;
		}
		
		.top-nav-menu-wrapper-sm .menu-btn {
			display: none;
		}
		
		.top-nav-menu-wrapper-sm .menu-btn:checked ~ .top-nav-menu-sm {
			max-height: 300px;
		}
		
		.top-nav-menu-wrapper-sm .menu-btn:checked ~ .menu-icon .navicon {
			background: transparent;
		}
		
		.top-nav-menu-wrapper-sm .menu-btn:checked ~ .menu-icon .navicon:before {
			transform: rotate(-45deg);
		}
		
		.top-nav-menu-wrapper-sm .menu-btn:checked ~ .menu-icon .navicon:after {
			transform: rotate(45deg);
		}
		
		.top-nav-menu-wrapper-sm .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
		.top-nav-menu-wrapper-sm .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
			top: 0;
		}
		
		.top-nav-menu-wrapper-sm-alt {
		    display: block;
			width: 100%;
			z-index: 3;
		}
		
		.top-nav-menu-wrapper-sm-alt ul {
			width: 100%;
			margin: 0;
			padding: 0;
			list-style: none;
			overflow: hidden;
			background-color: rgba(255, 255, 255, 1);
			position: absolute;
			top: 5.5em;
			left: 0;
		}
		
		.top-nav-menu-wrapper-sm-alt ul li {
			border-bottom: 1px solid rgba(85, 85, 85, .15);
		}
		
		.top-nav-menu-wrapper-sm-alt li a {
			display: block;
			padding: .5em 0;
			text-decoration: none;
			text-align: center;
			font-size: .95em;
			-webkit-transition: all 0.3s ease;
		       -moz-transition: all 0.3s ease;
		        -ms-transition: all 0.3s ease;
		         -o-transition: all 0.3s ease;
		            transition: all 0.3s ease; 
		}
		
		.top-nav-menu-wrapper-sm-alt li a:hover,
		.top-nav-menu-wrapper-sm-alt .menu-btn:hover {
			background-color: #fff;
			color: rgba(33, 50, 84, 1);
		}
		
		.top-nav-menu-wrapper-sm-alt .logo {
			display: block;
			float: left;
			font-size: 2em;
			padding: 10px 20px;
			text-decoration: none;
		}
		
		.top-nav-menu-wrapper-sm-alt .top-nav-menu-sm {
			clear: both;
			max-height: 0;
			transition: max-height .2s ease-out;
		}
		
		.top-nav-menu-wrapper-sm-alt .menu-icon {
			cursor: pointer;
			display: inline-block;
			float: right;
			padding: 2em 0;
			position: relative;
			user-select: none;
			top: -1.25em;
			margin: 0;
		}
			
		.top-nav-menu-wrapper-sm-alt .menu-icon .navicon {
			background: #333;
			display: block;
			height: 2px;
			position: relative;
			transition: background .2s ease-out;
			width: 18px;
		}
			
		.top-nav-menu-wrapper-sm-alt .menu-icon .navicon:before,
		.top-nav-menu-wrapper-sm-alt .menu-icon .navicon:after {
			background: #333;
			content: '';
			display: block;
			height: 100%;
			position: absolute;
			transition: all .2s ease-out;
			width: 100%;
		}
			
		.top-nav-menu-wrapper-sm-alt .menu-icon .navicon:before {
			top: 5px;
		}
			
		.top-nav-menu-wrapper-sm-alt .menu-icon .navicon:after {
			top: -5px;
		}
		
		.top-nav-menu-wrapper-sm-alt .menu-btn {
			display: none;
		}
		
		.top-nav-menu-wrapper-sm-alt .menu-btn:checked ~ .top-nav-menu-sm {
			max-height: 300px;
		}
		
		.top-nav-menu-wrapper-sm-alt .menu-btn:checked ~ .menu-icon .navicon {
			background: transparent;
		}
		
		.top-nav-menu-wrapper-sm-alt .menu-btn:checked ~ .menu-icon .navicon:before {
			transform: rotate(-45deg);
		}
		
		.top-nav-menu-wrapper-sm-alt .menu-btn:checked ~ .menu-icon .navicon:after {
			transform: rotate(45deg);
		}
		
		.top-nav-menu-wrapper-sm-alt .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
		.top-nav-menu-wrapper-sm-alt .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
			top: 0;
		}
	
	/*  ==================================
		MASTHEAD HOME
	    ================================== */  
		
		#masthead {
	        padding: 30% 0 15%;
        }
				
		video, .video-overlay, .sound-toggle {
		    display: none;
	    }
	    
	/*  ==================================
		ABOUT HOME
	    ================================== */ 
	    
	    #video1_popup {
			width: 80%;
		}
	    
	/*  ==================================
		SERVICES HOME
	    ================================== */   
	    
	    #services h3, #services p {
			color: #fff;
		}
		
		#services h3 {
			font-size: 1.25em;
			font-weight: 400;
			margin-bottom: 0;
		}
	    
	    #services ul {
			padding: 1em;
		}
		
		#services ul a {
			display: inline-block;
			width: 50%;
			padding: 1.5em .75em 1em;
			margin-bottom: .5em;
		}
		
	/*  ==================================
		LATEST NEWS HOME
	    ================================== */  
		
		#latest-news ul {
			margin: 0;
		}
		
		#latest-news ul li {
		    padding: 0 .5em;
	    }
		
	/*  ==================================
		FOOTER
	    ================================== */
	    
	    #clients {
			background: rgba(33, 50, 84, .75);
			padding: 1em 0 .75em;
		}
		
		#clients h3 {
			text-align: center;
			font-size: 1.25em;
			padding: 0;
		}
		
		#clients ul {
			list-style-type: none;
			width: 100%;
			display: block;
			margin-bottom: 0;
		}
		
		#clients ul li {
			display: inline-block;
			padding: 1em 0;
		}


		#footer-widgets .about, #footer-widgets .affiliates {
			text-align: center;
		}
		
		#footer-widgets .about p {
			margin-right: 0;
		}
		
		#footer-widgets .affiliates ul li {
			display: inline-block !important;
			width: 30% !important;
		}
		
		#footer-widgets .services, #footer-widgets .quicklinks {
			display: none;
		}
		
		#footer-widgets .button {
			width: 100%;
		}
		
		#footer-widgets .contact {
			margin-top: 1em;
			text-align: center;
		}
		
		#footer-widgets .contact ul li {
			display: inline-block !important;
			vertical-align: top;
			width: 30% !important;
		}
	
	}	
	
	@media only screen and (max-width: 40em) { 
		
	/*  ==================================
		MAIN
	    ================================== */
	    
	    h1 {
		    font-size: 2.5em;
	    }
	    
	    h2 {
		    text-align: center;
		    font-size: 1.75em;
	    }
	    
	    .divider-blue {
		    margin: 1em auto;
	    }
	    
	    #masthead {
	        padding: 50% 0 15%;
	            top: -6.65em;
        }
		
	/*  ==================================
		ABOUT HOME
	    ================================== */
	    #about {
		    margin-top: 4em;
	    }
	    
		#about img {
			float: none;
			display: block;
			width: 100%;
			margin-left: 0;
			margin-bottom: 1em;
		}
		
		#video1_popup iframe {
			height: 300px;
		}
		
	/*  ==================================
		SERVICES HOME
	    ================================== */
	    
	    #services ul {
			display: block;
		}
		
		#services ul a {
			padding: 2em 1em 1.5em;
			width: 100%;
			margin: .5em auto;
			text-align: center;
		}
		
	/*  ==================================
		LATEST NEWS HOME
	    ================================== */ 
	    
	    #latest-news ul {
		    display: block;
	    }
	    
	    #latest-news ul li {
		    display: block;
		    width: 100%;
		    padding: 0;
	    }
	
	/*  ==================================
		PAGE CONTENT
	    ================================== */
	    
	    #page-content h1 {
		    font-size: 2em;
	    }
	    
	    #page-content h2 {
		    text-align: left;
	    }
	    
	    #news-content .post-image-thumb {
			display: block;
			float: none;
			width: 100%;
			margin-right: 0;
			margin-bottom: 1em;
		}

	/*  ==================================
		FOOTER
	    ================================== */
		
		#footer-widgets .affiliates ul li {
			display: block !important;
			width: 100% !important;
		}

		#footer-widgets .contact ul li {
			display: block !important;
			width: 100% !important;
		}
	}