/*******************************************************************************

	CSS on Sails Framework
	Title: Robot Magic
	Author: XHTMLized.com
	Date: October 2013	

********************************************************************************

	1. BASE
		1.1 Reset
		1.2 Accessibility Navigation & Hide
		1.3 Clearfix
		1.4 Fonts
		1.5 Normalized Styles
		1.6 Image Replacement		
		1.7 Flexslider

	2. COMMON
		2.1 Container
		2.2 Header
		2.3 Navigation
		2.4 Content
		2.5 Sidebar
		2.6 Footer

	3. PAGES
		3.1 Home

	4. RESPONSIVE
	5. PRINT

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a[href], label[for], select, 
input[type=checkbox], input[type=radio] {
	cursor: pointer;
}

button, input[type=button], input[type=image], 
input[type=reset], input[type=submit] {
	padding: 0;
	overflow: visible;
	cursor: pointer;
}

button::-moz-focus-inner, 
input[type=button]::-moz-focus-inner, 
input[type=image]::-moz-focus-inner, 
input[type=reset]::-moz-focus-inner, 
input[type=submit]::-moz-focus-inner {
	border: 0;
}


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

.accessibility-nav {
	position: absolute;
	top: 0;
	left: -9999em;
	z-index: 1000;
}

.accessibility-nav a {
	position: absolute;
	top: 0;
	white-space: nowrap;
}

.accessibility-nav a:active,
.accessibility-nav a:focus {
	left: 9999em;
}

.hide {
	position: absolute !important;
	left: -9999em !important;
}


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.header .container:after,
.content .container:after,
.sidebar .container:after,
.footer .container:after,
.main-nav:after,
.connect-with-us:after,
.footer-nav:after,
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}


/* 1.4 Fonts
------------------------------------------------------------------------------*/ 

@font-face {
    font-family: 'FinelinerScriptRegular';
    src: url('../fonts/fineliner_script-webfont.eot');
    src: url('../fonts/fineliner_script-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fineliner_script-webfont.woff') format('woff'),
         url('../fonts/fineliner_script-webfont.ttf') format('truetype'),
         url('../fonts/fineliner_script-webfont.svg#FinelinerScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* 1.5 Normalized Styles
------------------------------------------------------------------------------*/

html {
	background: #171717;
}

body {
	font: 75%/1.25 Arial, Helvetica, sans-serif;
	color: #bababa;
	background: #333;
}

hr {
	display: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

th, td {
	vertical-align: top;
}

th {
	font-weight: normal;
	text-align: left;
}

address, cite, dfn {
	font-style: normal;
}

abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

sub, 
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	 overflow: auto;
}

a, a:visited {
	text-decoration: none;
	color: #BABABA;
}

a:hover, a:active, a:focus {
	text-decoration: underline;
	color: #BABABA;
}

/* Content area */
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 15px 0 6px 0;
	font-weight: bold;
}

.entry-content h2 {
	font-size: 2em;
}

.entry-content h3 {
	font-size: 1.67em;
}

.entry-content h4 {
	font-size: 1.5em;
}

.entry-content h5 {
	font-size: 1.25em;
}

.entry-content p {
	margin-bottom: 1em;
}

.entry-content ul,
.entry-content ol {
	margin: 0 0 15px 0;
	padding-left: 25px;
	list-style: disc;
}

.entry-content ul ul {
	margin-top: 5px;
	list-style: circle;
}

.entry-content ul ul ul {
	list-style: square;
}

.entry-content ol {
	list-style: decimal;
}

.entry-content li {
	margin-bottom: 5px;
}

.entry-content dl {
	margin-bottom: 15px;
}

.entry-content dt {
	font-weight: bold;
}

.entry-content dd {
	margin-bottom: 10px;
}

.entry-content blockquote {
	margin: 0 15px 15px 15px;
	font-size: 15px;
	font-style: italic;
	line-height: 1.5;
}

.entry-content th,
.entry-content td {
	padding: 5px 10px 5px 0;
}

.entry-content th {
	font-weight: bold;
}
/* WordPress Default Styling */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
	padding: 5px 3px 0 3px;
	max-width: 96%; /* Image does not overflow the content area */
	text-align: center;
	background: #fff;
	border: 1px solid #f0f0f0;
}

.wp-caption.aligncenter {
	margin: 5px auto 20px auto;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	width: auto;
	height: auto;
	max-width: 98.5%;
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}


/* 1.6 Image replacement
------------------------------------------------------------------------------*/

.ir {
	display: block;
	position: relative;
	overflow: hidden;
}

.ir span {
	display: block;
	position: absolute;	
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}


/* 1.7 Flexslider
------------------------------------------------------------------------------*/

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { 
	outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles */
.flexslider {
	margin: 0;
	padding: 0;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li { 
	display: none; 
	-webkit-backface-visibility: hidden;
} 

.flexslider .slides img {
	width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: "\0020";
	display: block; 
	clear: both; 
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme */
.flexslider {
	position: relative;
	zoom: 1; 
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease; 
}

.loading .flex-viewport {
	max-height: 300px; 
}

.flexslider .slides {
	zoom: 1; 
}

.carousel li {
	margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
	*height: 0;
}

.flex-direction-nav a  {
	display: block;
	width: 70px;
	height: 70px;
	margin: -35px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	background:url(../images/common/sprite_sliderarrows.png) no-repeat #333;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	text-indent: -9999px;
}

.flex-direction-nav .flex-prev {
	left: -50px;
	background-position: 24px 18px;
}

.flex-direction-nav .flex-next {
	right: -50px;
	background-position: -48px 18px;
}

.flexslider:hover .flex-prev {
	opacity: 0.7;
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.7;
	right: 0;
}

.flexslider:hover .flex-next:hover, 
.flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	opacity: 0 !important;
	filter:alpha(opacity=0);
	cursor: default;
}

/* Pause/Play */
.flex-pauseplay a { 
	display: block; 
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: 0.8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}

.flex-pauseplay a:before  {
	font-family: "flexslider-icon";
	font-size: 20px;
	display: inline-block;
	content: '\f004';
}

.flex-pauseplay a:hover  {
	opacity: 1; 
}

.flex-pauseplay a.flex-play:before {
	content: '\f003';
}

/* Control Nav */
.flex-control-nav {
	width: 980px;
	left: 50%;
	margin: 0 0 0 -490px;
	position: absolute;
	bottom: 0;
	z-index: 999;
	padding: 0 30px 33px 30px;
}

.flex-control-nav li {
	margin: 0 4px 0 0;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	width: 10px;
	height: 10px;
	display: block;
	background: #fff;
	background: rgba(255,255,255,1);
	cursor: pointer;
	text-indent: -9999px;
	border: 3px solid #333;
}

.flex-control-paging li a:hover {
	background: #5abfeb;
	background: rgba(90,191,235,1);
}

.flex-control-paging li a.flex-active {
	background: #5abfeb;
	background: rgba(90,191,235,1);
	cursor: default;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}

.flex-control-thumbs img:hover {
	opacity: 1;
}

.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev { 
		opacity: 1;
		left: 0;
	}
	
	.flex-direction-nav .flex-next {
		opacity: 1;
		right: 0;
	}
}

@media screen and (max-width: 980px) {
	.flex-control-nav {
		width: 100%;
		left: 0;
		margin: 0;
		padding-bottom: 5px;
	}
}

@media screen and (max-width: 680px) {
	.flex-control-nav {
		padding-left: 80px;
	}
}

@media screen and (max-width: 480px) {
	.flex-control-nav {
		padding-left: 46px;
	}
}


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.container {
	position: relative;
	width: 920px;
	margin: 0 auto;
	padding: 0 30px;
}


/* 2.2 Header
------------------------------------------------------------------------------*/

.header {
	height: 124px;
	padding: 26px 0 0 0;
	color: #fff;
}

.site-name {
	display: block;
	float: left;
	position: relative;
	width: 250px;
	height: 100px;
	overflow: visible;
	padding: 15px 0 0 133px;
	color: #fff;
	background: url(../images/common/logo.png) no-repeat;
}

.site-name:hover {
	text-decoration: none;
}

.site-name h1 {
	font-family: 'FinelinerScriptRegular', sans-serif;
	font-size: 36px;
	color: #fff;
}

.site-name h2 {
	color: #fff;
}

.slogan {
	margin: -3px 0 0 0;
	font-size: 18px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}

.quick-contact {
	float: right;
	width: 200px;
	margin: 32px -7px 0 0;
}

.quick-contact a {
	color: #fff;
}

.quick-phone,
.quick-email {
	padding: 0 0 0 31px;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/common/sprite_quickcontact.png) 0 0 no-repeat;
	-webkit-font-smoothing: antialiased;
}

.quick-phone {
	margin: 0 0 5px 0;
	background-position: 0 3px;
}

.quick-email {
	background-position: 0 -13px;
}

.menu-toggle {
	display: none;
	float: right;
	width: 46px;
	height: 46px;
	margin: 25px 0 0 0;
	cursor: pointer;
	background: url(../images/common/btn_menutoggle.png) no-repeat;
}

.menu-toggle-close {
	background: url(../images/common/btn_menutoggleclose.png) no-repeat;
}


/* 2.3 Navigation
------------------------------------------------------------------------------*/

.navigation {
	position: relative;
	z-index: 999;
	width: 977px;
	margin: 0 auto;
	border-bottom: 3px solid #389ac5;
	background: #5abfeb;
}

.main-nav > li {
	float: left;
	border-right: 1px solid #5abfeb;
	border-bottom: 1px solid #5abfeb;
	border-left: 1px solid #5abfeb;
}

.main-nav > li > a {
	display: block;
	padding: 21px 35px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}

.main-nav > li:hover {
	border-right: 1px solid #77c9ed;
	border-bottom: 1px solid #49add8;
	border-left: 1px solid #77c9ed;
	background: #389ac5;
}

.main-nav .has-submenu ul {
	display: none;
	position: absolute;
	min-width: 200px;
	margin: 1px 0 0 0;
	background: #389ac5;
}

.main-nav .has-submenu ul a {
	font-size: 15px;
	color: #fff;
}

.main-nav li:hover ul {
	display: block;
}

.main-nav li ul a {
	display: block;
	padding: 13px 17px;
	border-bottom: 1px solid #49add8;
	text-decoration: none;
}

.main-nav li:hover ul a:hover {
	text-decoration: underline;
}

.main-nav li ul li:last-child a {
	border-bottom: 0;
}


/* 2.4 Content
------------------------------------------------------------------------------*/

.content {
	padding: 40px 0;
}


/* 2.5 Sidebar
------------------------------------------------------------------------------*/

.sidebar {
	padding: 38px 0 39px 0;
	background: #202020;
}

.sidebar h4 {
	margin: 0 0 5px 0;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}

.about-us {
	float: left;
	width: 345px;
	margin: 0 57px 0 0;
}

.about-us p {
	font-size: 14px;
	line-height: 20px;
}

.contact-info {
	float: left;
	width: 240px;
	margin: 0 80px 0 0;
	font-size: 14px;
}

.connect-with-us {
	float: left;
	width: 180px;
}

.connect-with-us h4 {
	margin: 0 0 8px 0;
}

.contact-info .vcard {
	display: table;
}

.contact-info .vcard > div {
	display: table-row;
	line-height: 22px;
}

.contact-info .vcard div > span {
	display: table-cell;
}

.contact-info .vcard div > span:first-child {
	width: 66px;
}

.google-ico,
.twitter-ico,
.linkedin-ico,
.facebook-ico {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin: 0 11px 5px 0;
	text-indent: -9999px;
	background: url(../images/common/sprite_socials.png) 0 0 no-repeat;
}

.twitter-ico {
	background-position: 0 0;
}

.linkedin-ico {
	background-position: 0 -32px;
}

.google-ico {
	background-position: 0 -64px;
}

.facebook-ico {
	background-position: 0 -96px;
}

.twitter-ico:hover {
	background-position: -32px 0;
}

.linkedin-ico:hover {
	background-position: -32px -32px;
}

.google-ico:hover {
	background-position: -32px -64px;
}

.facebook-ico:hover {
	background-position: -32px -96px;
}


/* 2.6 Footer
------------------------------------------------------------------------------*/

.footer {
	padding: 38px 0;
	font-size: 14px;
	color: #898989;
	background: #171717;
}

.copyrights {
	float: left;
}

.footer-nav {
	float: right;
	width: auto;
}

.footer-nav a {
	color: #898989;
}

.footer-nav li {
	float: left;
	margin: 0 0 0 17px;
	padding: 0 0 0 17px;
	background: url(../images/common/bg_liseparator.png) left center no-repeat;
}

.footer-nav li:first-child {
	margin: 0;
	padding: 0;
	background: none;
}


/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home
------------------------------------------------------------------------------*/

.home-slider {
	position: relative;
	top: -34px;
	width: 100%;
	overflow: hidden;
	margin-bottom: -34px;
}

.our-mission,
.latest-news {
	float: left;
	width: 401px;
	min-height: 204px;
	padding: 28px 22px 8px 22px;
	border-top: 3px solid #5abfeb;
	line-height: 20px;
	background: #202020;
}

.our-mission {
	margin: 0 30px 0 0;
	background: url(../images/home/bg_quotation.png) 25px 65px no-repeat #202020;
}

.our-mission p {
	padding: 4px 0 0 40px;
	font-size: 15px;
}

.our-mission .author {
	float: right;
	margin: 8px 53px 0 0;
	font-family: 'FinelinerScriptRegular', sans-serif;
	font-size: 40px;
	color: #fff;
}

.our-mission h2,
.latest-news h2 {
	margin: 0 0 22px 0;
	font-size: 20px;
	text-transform: uppercase;
	color: #5abfeb;
}

.latest-news h3 {
	display: inline;
	margin: 0 0 14px 0;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}

.latest-news a {
	color: #fff;
}

.latest-news article {
	margin: 0 0 18px 0;
	padding: 0 0 0 23px;
	background: url(../images/home/bg_newsarticle.png) no-repeat;
}

.latest-news .date {
	display: inline;
	margin: 0 0 0 14px;
	font-size: 15px;
	font-style: italic;
	color: #5abfeb;
}

.latest-news p {
	margin: 2px 0 0 0;
	font-size: 14px;
}



/* 4. RESPONSIVE
--------------------------------------------------------------------------------
==============================================================================*/


@media screen and (max-width: 980px) {
	.container {
		width: auto;
	}

	.navigation {
		width: auto;
	}

	.main-nav {
		display: table;
		width: 100%;
	}

	.main-nav .has-submenu ul a {
		text-align: left;
	}

	.main-nav > li {
		display: table-cell;
		float: none;
		width: auto;
		text-align: center;
	}

	.main-nav > li > a {
		padding: 21px 0;
	}

	.our-mission,
	.latest-news {
		width: 43%;
		margin: 0;
	}

	.latest-news {
		float: right;
	}

	.about-us {
		width: 47%;
	}

	.contact-info {
		width: 33%;
		margin: 0;
	}

	.connect-with-us {
		clear: both;
		margin: 25px 0 0 0;
	}

	.footer {
		padding: 25px 0;
	}

	.footer .container {
		text-align: center;
		line-height: 0;
	}

	.copyrights {
		margin: 20px 0 5px 0;
		float: none;
		text-align: center;
	}

	.footer-nav {
		display: inline-block;
		float: none;
		text-align: center;
	}

	.footer-nav li {
		display: inline;
		float: none;
		line-height: 20px;
	}
}

@media screen and (max-width: 800px) { 
	.home-slider {
		top: 0;
		margin-bottom: 0;
	}

	.quick-contact {
		display: none;
	}

	.menu-toggle {
		display: block;
	}

	.our-mission {
		background-image: none;
	}

	.our-mission p {
		padding: 0;
	}

	.our-mission .author {
		margin: 15px 15px 15px 0;
	}

	.latest-news h3 {
		margin: 0 0 14px 0;
	}

	.latest-news .date {
		display: block;
		margin: 0;
	}

	.latest-news article {
		padding: 0;
		background: none;
	}

	.about-us {
		margin: 0 45px 0 0;
	}

	.navigation {
		border: none;
	}

	.main-nav {
		display: none;
	}

	.menu-nav-open {
		display: block;
	}

	.main-nav > li {
		display: block;
		border-right: none;
		border-bottom: 1px solid #8cd2f1;
		border-left: none;
		text-align: left;
	}

	.main-nav > li > a {
		padding: 13px 0 12px 30px;
	}

	.main-nav .has-submenu ul {
		display: block;
		position: relative;
		width: auto;
	}

	.has-submenu li {
		display: block;
	}

	.main-nav li ul a {
		padding: 13px 17px 13px 30px;
	}

	.main-nav > li:hover {
		border-right: none;
		border-bottom: 1px solid #8cd2f1;
		border-left: none;
		background: #389ac5;
	}

	.footer {
		padding: 0 0 15px 0;
	}

	.footer .container {
		padding: 0;
	}

	.footer-nav {
		display: block;
		min-width: 0;
		margin: 0;
	}

	.footer-nav li {
		display: block;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #292929;
		text-align: left;
		background: none;
	}

	.footer-nav li a {
		display: block;
		padding: 13px 0 12px 30px;
	}

	.copyrights {
		margin: 15px 0 0 0;
		padding: 25px 0 25px 30px;
		text-align: left;
	}
}

@media screen and (max-width: 740px) {
	.our-mission,
	.latest-news {
		width: 39.8%;
	}
}

@media screen and (max-width: 510px) { 
	.navigation {
		margin:0;
	}

	.header {
		height: auto;
		padding: 18px 0 20px 0;
	}

	.site-name {
		width: auto;
		height: 90px;
		padding: 15px 0 0 96px;
		background: url(../images/common/logo_mini.png) 0 17px no-repeat;
	}

	.our-mission,
	.latest-news {
		width: 36%;
	}
}

@media screen and (max-width: 480px) {
	.content {
		padding: 35px 0 10px 0;
	}

	.our-mission,
	.latest-news {
		float: none;
		width: auto;
		padding: 0;
		border: none;
		background: none;
	}

	.latest-news {
		margin: 15px 0 0 0;
	}

	.flex-direction-nav a {
		margin: -20px 0 0 0;
	}

	.flex-direction-nav .flex-next,
	.flex-direction-nav .flex-prev {
		width: 40px;
		height: 40px;
		background-size: 85%;
	}

	.flex-direction-nav .flex-next {
		background-position: -10px 14px;
	}

	.flex-direction-nav .flex-prev {
		background-position: 15px 14px;
	}

	.about-us,
	.contact-info {
		float: none;
		width: auto;
	}

	.about-us {
		margin: 0;
	}

	.contact-info {
		margin: 25px 0 0 0;
	}

}

@media screen and (max-width: 470px) { 
	.menu-toggle {
		float: none;
		margin: 0 0 20px 0;
	}

	.site-name {
		float: none;
		width: auto;
	}
}

@media screen and (max-width: 340px) { 
	.slogan {
		display: none;
	}
}


/* 5. PRINT
--------------------------------------------------------------------------------
==============================================================================*/


@media print {

	body { 
		font: normal normal 12pt/1.5em "Times New Roman", Times, serif; 
	}

	a[href]:after { 
		content: " (" attr(href) ") "; 
		font-size: 90%; 
	}

	a[href^="/"]:after { 
		content: " (http://domain.com" attr(href) ") "; 
	}

	.accessibility-nav, 
	.hide { 
		display: none !important; 
	}
}