.space12 {
	height: 10px;
}

#box {
	background-color: #000;
	width: 100%;
	height: 85px;
	margin-top: 0px;
}

.alert {
		padding: 10px;
		background-color: #ffffff;
		color: #1968b3;
		margin-top: 3em;
		font-family: 'Arial', Helvetica, sans-serif;
		font-size: 12px;
		position: fixed;
        bottom:83px;
	}
	
	.closebtn {
		margin-left: 15px;
		color: #000000;
		font-weight: bold;
		font-family: 'Arial', Helvetica, sans-serif;
		float: right;
		font-size: 22px;
		line-height: 20px;
		cursor: pointer;
		transition: 0.3s;
	}
	.closebtn:hover {
		color: black;
	}

#show-button { cursor: pointer; }
#hide-button { cursor: pointer; display: none; }

/*Some stylings to the buttons*/
#show-button, #hide-button  { color: #fff; border-radius: 5px; padding: 5px 20px; }
#show-button { background: #0703af; }
#hide-button { background: #af2303; }
/*-------------------------------------------------------------------------------------*/


/*	HEADER
	/*-------------------------------------------------------------------------------------*/

#header {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 80px;
	margin: 0;
}

#blueline {
	background-color: #1968b3;
	width: 100%;
	height: 3px;
}


/*-------------------------------------------------------------------------------------*/


/*	LOGO
		/*-------------------------------------------------------------------------------------*/

#site-logo {
	position: absolute;
	top: 0;
	margin: 18px;
	left: 30px;
}

#site-logo1 {
	position: absolute;
	top: 0;
	margin: 18px;
	right: 40px;
}


/*-------------------------------------------------------------------------------------*/


/*	MAIN NAV.
		/*-------------------------------------------------------------------------------------*/

#main-nav {
	position: absolute;
	top: 0;
	right: 30px;
	border-right: 1px solid #111;
}

#main-nav ul {
	padding: 0;
}


/* ----- root items ----- */

#main-nav>ul>li {
	position: relative;
	float: left;
	overflow: visible !important;
	/* fix for sub sub items bug */
	letter-spacing: 1px;
	border-left: 1px solid #111;
}

#main-nav>ul>li>a {
	display: block;
	position: relative;
	padding: 0 20px;
	font: normal normal 20px/80px Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #111;
}

#main-nav>ul>li:hover>a {
	color: #fff;
}


/* current root item */

#main-nav>ul>li.current>a:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: #5bc;
}

#main-nav>ul>li.current:hover>a:before {
	background: #5bc;
}


/* ----- sub items ----- */

#main-nav>ul>li>ul {
	width: 150px;
	position: absolute;
	top: 90px;
	left: 50%;
	margin: 0 0 20px -75px;
}

#main-nav>ul>li>ul li {
	position: relative;
}

#main-nav>ul>li>ul li.has-submenu>a:before {
	content: "\e02f";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	left: 2px;
	top: 50%;
	margin-top: -4px;
	font: normal normal 16px/8px 'TSIcons';
	color: #ffffff;
}

#main-nav>ul>li>ul li.active.has-submenu>a:before {
	content: "\e02b";
}

#main-nav>ul>li>ul li a {
	position: relative;
	display: block;
	padding: 7px 25px;
	font: normal normal 12px/14px Arial, sans-serif;
	text-decoration: none;
	color: #a7abac;
}

#main-nav>ul>li>ul li:hover>a,
#main-nav>ul>li>ul li.current>a {
	color: #ffffff;
}


/* sub sub items */

#main-nav>ul>li>ul li ul li a {
	padding: 8px 12px 8px 20px;
}

#main-nav>ul>li>ul li>ul {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	margin: 0 -30px;
	z-index: 999;
	width: 100%;
	padding: 5px 0;
	border: 1px solid #111;
	background: #000;
	background: rgba(0, 0, 0, 0.92);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}


/*
----------------
Menu header
*/

.menu-header {
	height: 50px;
	right: 358px;
	position: absolute;
	top: 19px;
}

.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 10px;
	float: right;
	color: #FFF;
	display: inline-block;
}

.menu li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	list-style: none;
	display: inline-block;
	text-align: center;
	padding: 8px;
	line-height: 10px;
}

.menu li a {
	text-decoration: none;
	color: #fff;
	padding: 2px;
}

.menu li a:hover {
	color: #15a6df;
}

.image-slider {
	height: auto;
	width: 100%;
}

.widget-search {
	width: 119px;
	position: absolute;
	right: 247px;
	top: 17px;
}

.widget-search input {
	width: 119px;
	height: 15px;
}

.widget-search button {
	top: 0;
	position: absolute;
	right: 0;
	height: 29px;
}

#black {
	background: #000;
	padding: 20px 0 30px 0;
	width: 100%;
	height: 220px;
	margin-top: -10px;
}

.black-main {
	background: #000;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 0px;
	padding-bottom: 35px;
	margin: 0 auto;
}

.col-one {
	float: left;
	height: auto;
	margin: 0 30px;
	padding: 0;
}

ul.col-one h1 {
	font-size: 18px;
	color: #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	padding: 10px 0;
	font-family: 'Arial', Helvetica, sans-serif;
	text-transform: capitalize;
}

ul.col-one li {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 13px;
	text-transform: capitalize;
	margin: 0 0 0 15px;
	padding: 0 0 0 5px;
	color: #ccc;
}

ul.col-one li a {
	color: #fff;
}

ul.col-one li a:hover {
	color: #15a6df;
}

.arrow-bullet {
	list-style: none;
	margin: 0!important;
	padding: 0;
	color: #ccc;
	font-family: 'Arial', Helvetica, sans-serif;
}

.arrow-bullet img {
	margin-right: 10px;
	width: 21px;
	height: 14px;
	vertical-align: middle;
}

.back-black {
	background: #000;
}

.footer {
	border-top: 0!important;
}

@media screen and (max-width: 950px) {
	#box,
	#widget-search,
	#search-form,
	#searchForm,
	#site-logo,
	#site-logo1 {
		visibility: hidden;
		display: none;
	}
	.GeneratedMarquee a {
		font-family: Arial, sans-serif;
		font-size: 20px;
		font-weight: bold;
		line-height: 25px;
		color: #000;
		padding: 10px;
	}
	.GeneratedMarquee a {
		a:link {
			text-decoration: none;
		}
		a:visited {
			text-decoration: none;
		}
		a:hover {
			text-decoration: underline;
		}
		a:active {
			text-decoration: underline;
		}
	}
	/*-------------------------------------------------------------------------------------*/
	/*	BASE
/*-------------------------------------------------------------------------------------*/
	html,
	body {
		width: 100%;
		min-height: 100%;
		-webkit-font-smoothing: antialiased;
	}
	html {
		overflow-y: scroll;
	}
	body {
		position: relative;
		font: normal normal 13px/1.6em 'Open Sans', Arial, san-serif;
		color: #666;
		background: url(../images/background.jpg) repeat top left #fff;
		vislity: hidden;
	}
	p,
	section,
	pre,
	code,
	ul,
	ol,
	dl,
	dd,
	details,
	blockquote,
	address,
	table,
	fieldset,
	form,
	hgroup,
	header {
		margin: 20px 0;
	}
	p:first-child,
	section:first-child,
	pre:first-child,
	code:first-child,
	ul:first-child,
	ol:first-child,
	dl:first-child,
	dd:first-child,
	details:first-child,
	blockquote:first-child,
	address:first-child,
	table:first-child,
	fieldset:first-child,
	form:first-child,
	hgroup:first-child {
		margin-top: 0;
	}
	p:last-child,
	section:last-child,
	pre:last-child,
	code:last-child,
	ul:last-child,
	ol:last-child,
	dl:last-child,
	dd:last-child,
	details:last-child,
	blockquote:last-child,
	address:last-child,
	table:last-child,
	fieldset:last-child,
	form:last-child,
	hgroup:last-child {
		margin-bottom: 0;
	}
	ul,
	ol {
		padding-left: 20px;
	}
	hr {
		margin: 20px 0;
	}
	img {
		vertical-align: bottom;
		max-width: 100%;
	}
	small {
		font-size: 0.85em;
	}
	a {
		text-decoration: none;
		color: #5bc;
		-moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out;
		-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out;
		-o-transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out;
		-ms-transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out;
		transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out;
	}
	a:hover {
		color: #f90;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin-bottom: 0.6em;
		font: normal normal 3em/1em 'Open Sans Condensed Bold', Arial, sans-serif;
		color: #333;
	}
	h2 {
		font-size: 2.5em;
	}
	h3 {
		font-size: 2em;
	}
	h4 {
		font-size: 1.75em;
	}
	h5 {
		font-size: 1.5em;
	}
	h6 {
		font-size: 1.25em;
	}
	h1 small,
	h2 small,
	h3 small,
	h4 small,
	h5 small,
	h6 small {
		margin: 5px;
		font: normal normal 0.6em/1.2em 'Open Sans Condensed Light', Arial, sans-serif;
		color: #666;
	}
	h2 small {
		font-size: 0.75em;
	}
	h3 small {
		font-size: 0.75em;
	}
	h4 small {
		font-size: 0.85em;
	}
	h5 small {
		font-size: 0.95em;
	}
	h6 small {
		font-size: 1em;
	}
	h1 small strong,
	h2 small strong,
	h3 small strong,
	h4 small strong,
	h5 small strong,
	h6 small strong {
		font-family: 'Open Sans Condensed Bold', Arial, sans-serif;
	}
	h1 small:only-child,
	h2 small:only-child,
	h3 small:only-child,
	h4 small:only-child,
	h5 small:only-child,
	h6 small:only-child {
		margin: 0;
	}
	h1 small.block,
	h2 small.block,
	h3 small.block,
	h4 small.block,
	h5 small.block,
	h6 small.block {
		margin-top: 5px;
	}
	h1+*,
	h2+*,
	h3+*,
	h4+*,
	h5+*,
	h6+* {
		margin-top: 0;
	}
	strong {
		font-family: 'Open Sans Bold', Arial, sans-serif;
		font-size: 1.1em;
	}
	del {
		text-decoration: line-through;
	}
	 ::selection {
		background: #5bc;
		color: #fff;
	}
	 ::-moz-selection {
		background: #5bc;
		color: #fff;
	}
	 ::-webkit-selection {
		background: #5bc;
		color: #fff;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	Grid
/*-------------------------------------------------------------------------------------*/
	/* ----- columns ----- */
	.row>.col-1-1 {
		width: 100%;
	}
	.row>.col-1-2 {
		width: 50%;
	}
	.row>.col-1-3 {
		width: 33.33%;
	}
	.row>.col-2-3 {
		width: 66.66%;
	}
	.row>.col-1-4 {
		width: 25%;
	}
	.row>.col-3-4 {
		width: 75%;
	}
	.row>.col-1-5 {
		width: 20%;
	}
	.row>.col-2-5 {
		width: 40%;
	}
	.row>.col-3-5 {
		width: 60%;
	}
	.row>.col-4-5 {
		width: 80%;
	}
	.row>.col-1-6 {
		width: 16.66%;
	}
	.row>.col-5-6 {
		width: 83.33%;
	}
	.row>.pull-1-2 {
		left: -50%;
	}
	.row>.pull-1-3 {
		left: -33.33%;
	}
	.row>.pull-2-3 {
		left: -66.66%;
	}
	.row>.pull-1-4 {
		left: -25%;
	}
	.row>.pull-3-4 {
		left: -75%;
	}
	.row>.pull-1-5 {
		left: -20%;
	}
	.row>.pull-2-5 {
		left: -40%;
	}
	.row>.pull-3-5 {
		left: -60%;
	}
	.row>.pull-4-5 {
		left: -80%;
	}
	.row>.pull-1-6 {
		left: -16.66%;
	}
	.row>.pull-5-6 {
		left: -83.33%;
	}
	.row>.push-1-2 {
		left: 50%;
	}
	.row>.push-1-3 {
		left: 33.33%;
	}
	.row>.push-2-3 {
		left: 66.66%;
	}
	.row>.push-1-4 {
		left: 25%;
	}
	.row>.push-3-4 {
		left: 75%;
	}
	.row>.push-1-5 {
		left: 20%;
	}
	.row>.push-2-5 {
		left: 40%;
	}
	.row>.push-3-5 {
		left: 60%;
	}
	.row>.push-4-5 {
		left: 80%;
	}
	.row>.push-1-6 {
		left: 16.66%;
	}
	.row>.push-5-6 {
		left: 83.33%;
	}
	.row>*[class *="col-"] {
		position: relative;
		float: left;
		padding: 2px 10px;
	}
	.row>*[class *="col-"].centered {
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	.row>*[class *="col-"].last {
		float: right;
	}
	.row {
		display: block;
		clear: both;
		width: auto;
		margin: 20px -10px;
	}
	.row:first-child {
		margin-top: 0;
	}
	.row:last-child {
		margin-bottom: 0;
	}
	.row:before,
	.row:after {
		content: "";
		display: table;
		clear: both;
	}
	/* ----- autogrid ----- */
	*[class*="autogrid-"] {
		position: relative;
		display: block;
	}
	*[class*="autogrid-"]:before,
	*[class*="autogrid-"]:after {
		content: "";
		display: block;
		clear: both;
	}
	*[class*="autogrid-"]>li {
		float: left;
		margin: 0;
	}
	.autogrid-2>li {
		width: 50%;
	}
	.autogrid-3>li {
		width: 33.33%;
	}
	.autogrid-4>li {
		width: 25%;
	}
	.autogrid-5>li {
		width: 20%;
	}
	.autogrid-6>li {
		width: 16.66%;
	}
	/* ----- show-grid ----- */
	.show-grid .row [class *="col-"]>div {
		display: block;
		padding-top: 8px;
		padding-bottom: 8px;
		text-indent: 15px;
		color: #666;
		background: #e0e0e0;
	}
	.show-grid .row:nth-child(even) [class *="col-"]>div,
	.show-grid .row [class *="col-"] [class *="col-"]>div {
		color: #fff;
		background: #999;
	}
	.show-grid .row:nth-child(even) [class *="col-"] [class *="col-"]>div {
		color: #666;
		background: #e0e0e0;
	}
	@media only screen and (max-width: 640px) {
		.row>*[class *="col-"] {
			width: 100%;
			float: none;
			margin-bottom: 20px;
			left: 0;
		}
		.row>*[class *="col-"]:last-child {
			margin-bottom: 0;
		}
	}
	/*-------------------------------------------------------------------------------------*/
	/*	DOCK
/*-------------------------------------------------------------------------------------*/
	#dock {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		background: url(../images/texture.png) repeat 0 0 #000;
		font-family: Arial, sans-serif;
		font-size: 30px;
		/*font: normal normal 20px/80px Arial, sans-serif;*/
	}
	/*-------------------------------------------------------------------------------------*/
	/*	HEADER
	/*-------------------------------------------------------------------------------------*/
	#header {
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
		height: 80px;
		margin: 0;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	LOGO
		/*-------------------------------------------------------------------------------------*/
	#site-logo {
		position: absolute;
		top: 0;
		left: 30px;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	MAIN NAV.
		/*-------------------------------------------------------------------------------------*/
	#main-nav {
		position: absolute;
		top: 0;
		right: 30px;
		border-right: 1px solid #111;
	}
	#main-nav ul {
		padding: 0;
	}
	/* ----- root items ----- */
	#main-nav>ul>li {
		position: relative;
		float: left;
		overflow: visible !important;
		/* fix for sub sub items bug */
		letter-spacing: 1px;
		border-left: 1px solid #111;
	}
	#main-nav>ul>li>a {
		display: block;
		position: relative;
		padding: 0 20px;
		font: normal normal 13px/80px 'Oswald', Arial, sans-serif;
		text-decoration: none;
		color: #fff;
		border-bottom: 1px solid #111;
	}
	#main-nav>ul>li:hover>a {
		color: #fff;
		background: #5bc;
	}
	/* current root item */
	#main-nav>ul>li.current>a:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 2px;
		background: #5bc;
	}
	#main-nav>ul>li.current:hover>a:before {
		background: #5bc;
	}
	/* ----- sub items ----- */
	#main-nav>ul>li>ul {
		width: 150px;
		position: absolute;
		top: 90px;
		left: 50%;
		margin: 0 0 20px -75px;
	}
	#main-nav>ul>li>ul li {
		position: relative;
	}
	#main-nav>ul>li>ul li.has-submenu>a:before {
		content: "\e02f";
		display: block;
		width: 8px;
		height: 8px;
		position: absolute;
		left: 2px;
		top: 50%;
		margin-top: -4px;
		font: normal normal 16px/8px 'TSIcons';
		color: #ffffff;
	}
	#main-nav>ul>li>ul li.active.has-submenu>a:before {
		content: "\e02b";
	}
	#main-nav>ul>li>ul li a {
		position: relative;
		display: block;
		padding: 7px 20px;
		font: normal normal 11px/14px 'Oswald', Arial, sans-serif;
		text-decoration: none;
		color: #a7a9ac;
	}
	#main-nav>ul>li>ul li:hover>a,
	#main-nav>ul>li>ul li.current>a {
		color: #ffffff;
	}
	/* sub sub items */
	#main-nav>ul>li>ul li ul li a {
		padding: 8px 12px 8px 20px;
	}
	#main-nav>ul>li>ul li>ul {
		display: none;
		position: absolute;
		top: 0;
		left: 100%;
		margin: 0 -30px;
		z-index: 999;
		width: 100%;
		padding: 5px 0;
		border: 1px solid #111;
		background: #000;
		background: rgba(0, 0, 0, 0.92);
		-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	}
	/*-------------------------------------------------------------------------------------*/
	/*	FOOTER
	/*-------------------------------------------------------------------------------------*/
	#footer {
		display: block;
		width: 100%;
		height: 50px;
		font: normal normal 10px/16px 'Open Sans Semibold', Arial, sans-serif;
		text-transform: uppercase;
		color: #999;
		border-top: 1px solid #e9e9e9;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	COPYRIGHT
		/*-------------------------------------------------------------------------------------*/
	#copyright {
		float: left;
		margin: 7px 0 0 0px;
	}
	#copyright p {
		margin: 0;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	SOCIAL MEDIA
		/*-------------------------------------------------------------------------------------*/
	#social-media {
		display: block;
		float: right;
		margin: 0 0px 0 0;
		color: #999;
	}
	#social-media p {
		display: inline-block;
		vertical-align: middle;
		margin: 0 5px 0 0;
		padding: 5px 15px;
		border-right: 1px solid #e9e9e9;
	}
	#social-media a {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		width: 30px;
		height: 46px;
		font: normal normal 20px/48px 'TSIcons';
		color: #000;
		border-top: 2px solid transparent;
		border-bottom: 2px solid transparent;
	}
	#social-media a:hover {
		/*color: #fff;*/
		border-bottom-color: #5bc;
	}
	<!----------------------------------------->#social-media2 {
		display: block;
		float: left;
		color: #999;
	}
	#social-media2 p {
		display: block;
		vertical-align: middle;
		margin: 0 5px 0 0;
		padding: 5px 15px;
		border-right: 1px solid #e9e9e9;
	}
	#social-media2 a {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		width: 30px;
		height: 46px;
		font: normal normal 15px/48px 'TSIcons';
		color: #999;
		border-top: 2px solid transparent;
		border-bottom: 2px solid transparent;
	}
	#social-media2 a:hover {
		/*color: #fff;*/
		border-bottom-color: #5bc;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	TOGGLE DOCK / PAGE TOP LINK
	/*-------------------------------------------------------------------------------------*/
	#toggle-dock,
	#page-top-link {
		display: block;
		height: 80px;
		position: absolute;
		left: -100%;
		top: -73px;
		padding: 0 36px 0 0;
		font: normal normal 1.04em/36px 'Open Sans Condensed Bold', Arial, sans-serif;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
	}
	#page-top-link {
		right: -100%;
		left: auto;
		padding: 0 0 0 36px;
	}
	#toggle-dock>span,
	#page-top-link>span {
		display: block;
		height: 36px;
		position: relative;
		left: 0;
		top: 50%;
		margin-top: -18px;
		padding: 0 46px 0 30px;
		background: url(../images/texture.png) repeat 0 0 #000;
	}
	#page-top-link>span {
		padding: 0 30px 0 46px;
	}
	#toggle-dock>span:before,
	#page-top-link>span:before {
		content: "\e074";
		display: block;
		width: 36px;
		height: 36px;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -18px;
		font: normal normal 18px/34px 'TSIcons';
		text-indent: 0;
		text-align: center;
		background: #111;
	}
	#page-top-link>span:before {
		content: "\e051";
		right: auto;
		left: 0;
		font: normal normal 14px/36px 'TSIcons';
	}
	#dock.active #toggle-dock>span:before {
		content: "\e075";
	}
	#dock.active #toggle-dock .active-text,
	#toggle-dock .inactive-text {
		display: inline;
	}
	#dock.active #toggle-dock .inactive-text,
	#toggle-dock .active-text {
		display: none;
	}
	#toggle-dock>span>span,
	#page-top-link>span>span {
		position: relative;
		opacity: 0;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	MOBILE
/*-------------------------------------------------------------------------------------*/
	#mobile-header {
		position: relative;
		display: none;
		width: 100%;
		height: 80px;
		background: #222;
		background: rgba(0, 0, 0, 0.92);
	}
	/* ----- mobile site logo ----- */
	#mobile-site-logo {
		position: absolute;
		top: 0;
		left: 30px;
	}
	/* ----- mobile nav ----- */
	#mobile-nav {
		position: absolute;
		top: 50%;
		right: 30px;
		width: 220px;
		height: 24px;
		margin-top: -12px;
	}
	#mobile-nav select {
		width: 100%;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	PAGE
/*-------------------------------------------------------------------------------------*/
	#main-wrap {
		position: relative;
		width: 100%;
	}
	html,
	body,
	#main-wrap {
		min-height: 100%;
		height: 100%;
	}
	/* ----- general ----- */
	#page {
		position: relative;
		z-index: 1;
		display: block;
		width: 100%;
		min-height: 100%;
		padding: 0 30px;
		background: #fff;
	}
	#page:before,
	#page:after {
		content: "";
		display: block;
		clear: both;
	}
	#page:before {
		width: 100%;
		height: 3px;
		position: absolute;
		top: 0;
		left: 0;
	}
	#page,
	#page * {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	/* ----- page layouts ----- */
	#page.layout-right,
	#page.layout-center,
	#page.layout-left {
		width: 1020px;
	}
	#page.layout-right {
		float: right;
	}
	#page.layout-center {
		position: relative;
		margin-right: auto;
		margin-left: auto;
	}
	#page.layout-left {
		float: left;
	}
	#page.fullscreen {
		margin: 0;
		padding: 0;
		background: transparent;
	}
	#page.no-scroll {
		min-height: 0;
		padding: 0 !important;
		overflow: hidden;
	}
	/* ----- sidebar layouts ----- */
	#page.sidebar-none {
		width: 750px;
	}
	#page #content {
		width: 100%;
		position: relative;
	}
	#page #sidebar {
		display: none;
		position: relative;
		width: 240px;
	}
	#page.sidebar-right #content,
	#page.sidebar-left #content {
		width: 100%;
	}
	#page.sidebar-right #content {
		padding-right: 270px;
		margin-right: -270px;
	}
	#page.sidebar-left #content {
		padding-left: 270px;
		margin-left: -270px;
	}
	#page.sidebar-right #sidebar:before,
	#page.sidebar-left #sidebar:before {
		content: "";
		display: block;
		width: 1px;
		height: 9999px;
		position: absolute;
		top: -30px;
		right: 0;
		background: #e9e9e9;
	}
	#page.sidebar-right #sidebar:before {
		right: auto;
		left: 0;
	}
	#page.sidebar-right #sidebar,
	#page.sidebar-left #sidebar {
		display: block;
	}
	#page.sidebar-right #sidebar {
		padding-left: 30px;
	}
	#page.sidebar-left #sidebar {
		padding-right: 30px;
	}
	#page.sidebar-left #content,
	#page.sidebar-right #sidebar {
		float: right;
	}
	#page.sidebar-right #content,
	#page.sidebar-left #sidebar {
		float: left;
	}
	/* ----- page parts ----- */
	#page-head,
	#page-content,
	#page-foot {
		position: relative;
		margin: 0 -30px;
		padding: 30px;
	}
	#page-head {
		border-bottom: 1px solid #e9e9e9;
	}
	#page-foot {
		border-top: 1px solid #e9e9e9;
	}
	#page-head:before,
	#page-foot:before {
		content: "";
		display: block;
		width: 100px;
		height: 2px;
		position: absolute;
		left: 30px;
		background: #5bc;
	}
	#page-head:before {
		bottom: -1px;
	}
	#page-foot:before {
		top: -2px;
	}
	#page-content {
		overflow: hidden;
	}
	/* -- page head - page title -- */
	#page-head h1 {
		margin: 0;
		padding: 0;
		font-size: 3.34em;
		color: #333;
	}
	#page-head h1 small {
		color: #5bc;
	}
	/* -- page head - aside -- */
	#page-head aside {
		display: block;
		height: 100%;
		position: absolute;
		bottom: 0;
		right: 30px;
		text-align: right;
	}
	#page-head aside .inner>* {
		display: inline-block;
		vertical-align: middle;
	}
	#page-head aside .inner>blockquote {
		width: 60%
	}
	/*-------------------------------------------------------------------------------------*/
	/*	PRELOADER
/*-------------------------------------------------------------------------------------*/
	#preloader {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	.active-dock #preloader {
		margin-top: -65px;
		/* dock.height/2 */
	}
	#preloader>span {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 80px;
		height: 80px;
		margin-top: -40px;
		margin-left: -40px;
		z-index: 1;
		background: url(../images/loading_small.gif) no-repeat center 15px #000;
		-moz-border-radius: 99px;
		-webkit-border-radius: 99px;
		border-radius: 99px;
	}
	#preloader>span>span {
		display: block;
		margin-top: 40px;
		font: normal normal 14px/30px 'Open Sans Condensed Bold', Arial, sans-serif;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
	}
	#preloader.landing>span {
		background-position: center center;
	}
	#preloader.landing>span>span {
		text-indent: -9999px;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	WIDGETS
/*-------------------------------------------------------------------------------------*/
	.widget {
		margin-top: 50px;
	}
	.widget:first-child {
		margin-top: 0;
	}
	.widget-title {
		position: relative;
		padding-bottom: 14px;
		margin-bottom: 14px;
		font-size: 1.5em;
		line-height: 1em;
		border-bottom: 1px solid #f0f0f0;
	}
	.widget-title:before {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 0;
		display: block;
		width: 50px;
		height: 2px;
		background: #5bc;
	}
	/* ----- search form ----- */
	.search-form {
		display: inline-block;
		vertical-align: middle;
		overflow: hidden;
		margin: 0;
		width: 100%;
	}
	.search-form input,
	.search-form button {
		float: left;
		display: block;
		height: 36px;
		margin: 0;
		margin-left: -1px;
	}
	.search-form button {
		width: 36px;
	}
	.search-form input {
		width: 100%;
		margin-right: -36px;
	}
	/* ----- list ----- */
	.list {
		list-style: none;
		font: normal normal 0.85em/1.8em 'Open Sans SemiBold', Arial, sans-serif;
	}
	.list li {
		position: relative;
	}
	.list li:before {
		content: "\e052";
		position: absolute;
		left: -20px;
		top: 0;
		display: block;
		width: 24px;
		height: 24px;
		font: normal normal 12px/24px 'TSIcons';
	}
	.list li small {
		margin-left: 3px;
		font-size: 0.85em;
		color: #5bc;
	}
	.list li a {
		color: #999;
	}
	.list li a:hover {
		color: #5bc;
	}
	/* ----- archives ----- */
	.widget .archives {
		padding-left: 0;
		overflow: hidden;
		text-transform: uppercase;
	}
	.widget .archives li {
		width: 50%;
		float: left;
	}
	.widget .archives li:before {
		display: none;
	}
	/* ----- twitter ----- */
	.widget .twitter-feed .listing {
		list-style: none;
		padding-left: 0;
		overflow: hidden;
		font-size: 0.85em;
	}
	.widget .twitter-feed .listing li {
		margin-top: 20px;
	}
	.widget .twitter-feed .listing li:first-child {
		margin-top: 0;
	}
	.widget .twitter-feed .listing li .text {
		position: relative;
		padding: 10px;
		background: #f6f6f6;
	}
	.widget .twitter-feed .listing li .text:before {
		content: "";
		position: absolute;
		right: 10px;
		bottom: -10px;
		display: block;
		width: 0;
		height: 0;
		border: 5px solid #f6f6f6;
		border-left-color: transparent;
		border-bottom-color: transparent;
	}
	.widget .twitter-feed .listing li .time {
		position: relative;
		padding-right: 30px;
		margin-top: 5px;
		font-size: 0.8em;
		text-align: right;
	}
	.widget .twitter-feed .listing li .time:before {
		content: "\e031";
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		width: 24px;
		height: 24px;
		font: normal normal 16px/24px 'TSIcons';
	}
	.widget .twitter-feed .listing li .time a {
		color: #999;
	}
	.widget .twitter-feed .listing li .time a:hover {
		color: #333;
	}
	/* ----- flickr ----- */
	.widget .flickr-feed .listing {
		list-style: none;
		padding-left: 0;
		margin: -7px;
		overflow: hidden;
	}
	.widget .flickr-feed .listing li {
		float: left;
		width: 33.33%;
		padding: 7px;
	}
	.widget .flickr-feed .listing li a {
		display: block;
		border: 4px solid #e0e0e0;
	}
	.widget .flickr-feed .listing li a:hover {
		border-color: #5bc;
	}
	.widget .flickr-feed .listing li img {
		display: block;
		max-width: none;
		width: 100%;
	}
	/* ----- contact ----- */
	.contact-form input,
	.contact-form textarea {
		display: block;
		width: 100%;
	}
	.widget .contact-form input,
	.widget .contact-form textarea {
		margin: 10px 0;
	}
	.contact-form input.invalid,
	.contact-form textarea.invalid {
		background: red;
	}
	.contact-form *[type=submit] {
		margin: 0;
	}
	.contact-form .info {
		display: block;
		margin: 10px 0;
		font-family: 'Open Sans SemiBold', Arial, sans-serif;
		font-size: 0.8em;
		text-transform: uppercase;
		color: #999;
	}
	.contact-form .form-success,
	.contact-form .form-failure {
		display: none;
		width: 100%;
		margin: 20px 0;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	BACKGROUND
/*-------------------------------------------------------------------------------------*/
	#background {
		position: fixed;
		top: 0;
		left: 0;
		width: 999%;
		height: 999%;
		z-index: -1;
	}
	#background>* {
		position: absolute;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	SEMANTICS
/*-------------------------------------------------------------------------------------*/
	/* ----- code ----- */
	code {
		display: block;
		padding: 20px;
		tab-size: 4;
		border-left: 2px solid #5bc;
		background: #f6f6f6;
	}
	/* ----- table ----- */
	table {
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;
	}
	th,
	td {
		padding: 1em;
		text-align: left;
		line-height: 1.5em;
	}
	th,
	th:hover {
		font: normal normal 1.3em/1em 'Open Sans Condensed Bold', Arial, sans-serif;
		text-transform: uppercase;
		color: #fff;
		border-left: 1px solid #666;
		background: #333;
	}
	td {
		padding-left: 1.2em;
		color: #666;
		/*border-left: 1px solid #f0f0f0;*/
		background: transparent;
	}
	td:first-child {
		border-left: none;
	}
	tr {
		/*border: 1px solid #f0f0f0;*/
		border-top: none;
	}
	thead tr {
		border-bottom: none;
	}
	tr:hover {
		background: #fafafa;
	}
	tfoot tr {
		border-top: 1px solid transparent;
		border-bottom: none;
	}
	tfoot td,
	tfoot td:hover {
		text-align: center;
		background: #f6f6f6;
	}
	table caption {
		margin: 5px 0;
		font-size: 0.9em;
		font-style: italic;
		color: #aaa;
	}
	/* ----- blockquote ----- */
	blockquote {
		position: relative;
		padding-left: 35px;
		font: italic normal 1.2em/1.2em Georgia, 'Times New Roman', serif;
		color: #999;
	}
	blockquote:before {
		content: "\e03e";
		display: block;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		font: normal normal 20px/20px 'TSIcons';
		color: #5bc;
	}
	blockquote p {
		margin-bottom: 0;
	}
	blockquote cite {
		display: block;
		margin-top: 10px;
		font: normal normal 0.75em/16px Georgia, 'Times New Roman', serif;
		color: #ccc;
	}
	blockquote cite:before {
		content: "\2014 \0020";
	}
	/* ----- form ----- */
	input[type=text],
	input[type=email],
	input[type=search],
	input[type=tel],
	input[type=url],
	input[type=password],
	textarea {
		vertical-align: middle;
		outline: none;
		max-width: 100%;
		padding: 7px;
		font: normal normal 1em/1.5em 'Open Sans', Arial, sans-serif;
		border: none;
		color: #666;
		background: #f0f0f0;
		-moz-transition: background 0.15s ease-out;
		-webkit-transition: background 0.15s ease-out;
		-o-transition: background 0.15s ease-out;
		-ms-transition: background 0.15s ease-out;
		transition: background 0.15s ease-out;
	}
	select {
		vertical-align: middle;
		outline: none;
		max-width: 100%;
		width: 150px;
		padding: 7px;
		font: normal normal 1em/1.5em 'Open Sans', Arial, sans-serif;
		border: none;
		color: #666;
		background: #f0f0f0;
		-moz-transition: background 0.15s ease-out;
		-webkit-transition: background 0.15s ease-out;
		-o-transition: background 0.15s ease-out;
		-ms-transition: background 0.15s ease-out;
		transition: background 0.15s ease-out;
	}
	textarea {
		width: 100%;
		height: auto;
		min-height: 100px;
		font: normal normal 1em/1.5em 'Open Sans', Arial, sans-serif;
		text-transform: none;
		letter-spacing: 0;
	}
	input[type=text]:focus,
	input[type=email]:focus,
	input[type=search]:focus,
	input[type=tel]:focus,
	input[type=url]:focus,
	input[type=password]:focus,
	textarea:focus {
		color: #fff;
		background: #333;
	}
	input.has-icon {
		padding-right: 32px;
		margin-right: -32px;
	}
	input.has-icon+.icon {
		display: inline-block;
		width: 24px;
		height: 24px;
		font-size: 16px;
		line-height: 1.5em;
	}
	input.has-icon:focus+.icon {
		color: #fff;
	}
	label {
		font: normal normal 1.3em/1em 'Open Sans Condensed Light', Arial, sans-serif;
		text-transform: uppercase;
	}
	label.block {
		margin-bottom: 5px;
	}
	label strong {
		font-family: 'Open Sans Condensed Bold', Arial, sans-serif;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	ICONS
/*-------------------------------------------------------------------------------------*/
	.icon {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width: 1em;
		height: 1em;
		font: normal normal 24px/1em 'TSIcons';
		text-indent: -9999px;
		text-align: center;
	}
	.icon:before {
		display: block;
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		text-decoration: none;
		text-indent: 0;
		text-align: center;
	}
	.icon.delete:before {
		content: "\e073";
	}
	.icon.right-2:before {
		content: "\e072";
	}
	.icon.left-2:before {
		content: "\e071";
	}
	.icon.return-right:before {
		content: "\e06f";
	}
	.icon.return-left:before {
		content: "\e06d";
	}
	.icon.return-bottom:before {
		content: "\e06e";
	}
	.icon.return-top:before {
		content: "\e06c";
	}
	.icon.link:before {
		content: "\e005";
	}
	.icon.pinterest:before {
		content: "\e06b";
	}
	.icon.anchor:before {
		content: "\e06a";
	}
	.icon.brush:before {
		content: "\e069";
	}
	.icon.tie:before {
		content: "\e068";
	}
	.icon.ice-cream:before {
		content: "\e067";
	}
	.icon.truck:before {
		content: "\e066";
	}
	.icon.cord:before {
		content: "\e065";
	}
	.icon.tumbler:before {
		content: "\f311";
	}
	.icon.dribbble:before {
		content: "\e036";
	}
	.icon.linkedin:before {
		content: "\e064";
	}
	.icon.umbrella:before {
		content: "\e063";
	}
	.icon.list:before {
		content: "\e062";
	}
	.icon.list-2:before {
		content: "\e061";
	}
	.icon.grid:before {
		content: "\e060";
	}
	.icon.grid-2:before {
		content: "\e034";
	}
	.icon.clock:before {
		content: "\e05f";
	}
	.icon.moon:before {
		content: "\e05e";
	}
	.icon.cart:before {
		content: "\e05d";
	}
	.icon.basket:before {
		content: "\e024";
	}
	.icon.warning:before {
		content: "\e05c";
	}
	.icon.question:before {
		content: "\e05b";
	}
	.icon.info:before {
		content: "\e05a";
	}
	.icon.bolt:before {
		content: "\e059";
	}
	.icon.feed:before {
		content: "\e058";
	}
	.icon.share:before {
		content: "\e057";
	}
	.icon.briefcase:before {
		content: "\e056";
	}
	.icon.flag:before {
		content: "\e00a";
	}
	.icon.left-3:before {
		content: "\e055";
	}
	.icon.left:before {
		content: "\e054";
	}
	.icon.right-3:before {
		content: "\e053";
	}
	.icon.right:before {
		content: "\e052";
	}
	.icon.up-3:before {
		content: "\e051";
	}
	.icon.up:before {
		content: "\e050";
	}
	.icon.down-2:before {
		content: "\e04f";
	}
	.icon.down:before {
		content: "\e04e";
	}
	.icon.phone:before {
		content: "\e04d";
	}
	.icon.tablet:before {
		content: "\e04c";
	}
	.icon.lifebuoy:before {
		content: "\e014";
	}
	.icon.location:before {
		content: "\e04b";
	}
	.icon.star:before {
		content: "\e04a";
	}
	.icon.drop:before {
		content: "\e000";
	}
	.icon.cloud:before {
		content: "\e049";
	}
	.icon.leaf:before {
		content: "\e048";
	}
	.icon.leaf-2:before {
		content: "\e004";
	}
	.icon.document:before {
		content: "\e047";
	}
	.icon.pencil:before {
		content: "\e046";
	}
	.icon.headphones:before {
		content: "\e003";
	}
	.icon.pictures:before {
		content: "\e045";
	}
	.icon.picture:before {
		content: "\e002";
	}
	.icon.pause:before {
		content: "\e076";
	}
	.icon.play:before {
		content: "\e044";
	}
	.icon.stop:before {
		content: "\e077";
	}
	.icon.previous:before {
		content: "\e078";
	}
	.icon.next:before {
		content: "\e079";
	}
	.icon.loop:before {
		content: "\e07a";
	}
	.icon.feather:before {
		content: "\e07b";
	}
	.icon.volume:before {
		content: "\e07e";
	}
	.icon.camera:before {
		content: "\e043";
	}
	.icon.home:before {
		content: "\e042";
	}
	.icon.flickr:before {
		content: "\e041";
	}
	.icon.youtube-2:before {
		content: "\f313";
	}
	.icon.youtube:before {
		content: "\e035";
	}
	.icon.calendar:before {
		content: "\e02a";
	}
	.icon.refresh:before {
		content: "\e029";
	}
	.icon.trash:before {
		content: "\e028";
	}
	.icon.check-2:before {
		content: "\2714";
	}
	.icon.check:before {
		content: "\2713";
	}
	.icon.mic:before {
		content: "\e021";
	}
	.icon.zoomout:before {
		content: "\e016";
	}
	.icon.zoomin:before {
		content: "\e015";
	}
	.icon.right-4:before {
		content: "\e4a2";
	}
	.icon.left-4:before {
		content: "\e4a1";
	}
	.icon.comments:before {
		content: "\e720";
	}
	.icon.comment:before {
		content: "\e718";
	}
	.icon.quotes-right:before {
		content: "\e006";
	}
	.icon.eye:before {
		content: "\e040";
	}
	.icon.star-2:before {
		content: "\e03f";
	}
	.icon.quotes-left:before {
		content: "\e03e";
	}
	.icon.behance:before {
		content: "\e03d";
	}
	.icon.wordpress:before {
		content: "\e03c";
	}
	.icon.git-2:before {
		content: "\e03b";
	}
	.icon.git:before {
		content: "\e03a";
	}
	.icon.blogger:before {
		content: "\e039";
	}
	.icon.googleplus:before {
		content: "\e038";
	}
	.icon.deviantart:before {
		content: "\e037";
	}
	.icon.vimeo:before {
		content: "\e033";
	}
	.icon.facebook:before {
		content: "\e032";
	}
	.icon.map:before {
		content: "\e062";
	}
	.icon.twitter:before {
		content: "\e031";
	}
	.icon.amazon:before {
		content: "\e030";
	}
	.icon.skype:before {
		content: "\e02e";
	}
	.icon.windows:before {
		content: "\e02d";
	}
	.icon.apple:before {
		content: "\e02c";
	}
	.icon.at:before {
		content: "\e815";
	}
	.icon.text:before {
		content: "\e779";
	}
	.icon.sun:before {
		content: "\e027";
	}
	.icon.cup:before {
		content: "\e026";
	}
	.icon.wrench:before {
		content: "\e025";
	}
	.icon.bookmark:before {
		content: "\e023";
	}
	.icon.heart:before {
		content: "\e022";
	}
	.icon.lab:before {
		content: "\e020";
	}
	.icon.rocket:before {
		content: "\e01f";
	}
	.icon.highspeed:before {
		content: "\e01e";
	}
	.icon.normalspeed:before {
		content: "\e01d";
	}
	.icon.lowspeed:before {
		content: "\e01c";
	}
	.icon.attach:before {
		content: "\e01b";
	}
	.icon.fire:before {
		content: "\e01a";
	}
	.icon.puzzle:before {
		content: "\e019";
	}
	.icon.piechart:before {
		content: "\e018";
	}
	.icon.lock:before {
		content: "\e017";
	}
	.icon.cancel-2:before {
		content: "\2716";
	}
	.icon.cancel:before {
		content: "\2715";
	}
	.icon.search:before {
		content: "\e013";
	}
	.icon.minus-2:before {
		content: "\e012";
	}
	.icon.minus:before {
		content: "\e011";
	}
	.icon.plus-2:before {
		content: "\e010";
	}
	.icon.plus:before {
		content: "\e00f";
	}
	.icon.tag:before {
		content: "\e00e";
	}
	.icon.person:before {
		content: "\e00d";
	}
	.icon.mail:before {
		content: "\e00c";
	}
	.icon.android:before {
		content: "\e00b";
	}
	.icon.phone-2:before {
		content: "\e009";
	}
	.icon.down-4:before {
		content: "\e4a4";
	}
	.icon.up-4:before {
		content: "\e4a3";
	}
	.icon.screen:before {
		content: "\e008";
	}
	.icon.bell:before {
		content: "\e007";
	}
	.icon.videocam:before {
		content: "\e001";
	}
	.icon.minus-3:before {
		content: "\e02b";
	}
	.icon.plus-3:before {
		content: "\e02f";
	}
	.icon.page-top:before {
		content: "\e070";
	}
	.icon.show-dock:before {
		content: "\e074";
	}
	.icon.hide-dock:before {
		content: "\e075";
	}
	.icon.fullscreen:before {
		content: "\e07c";
	}
	.icon.fullscreen-exit:before {
		content: "\e07d";
	}
	/* ----- icon sizes ----- */
	.icon.tiny {
		font-size: 12px;
	}
	.icon.small {
		font-size: 17px;
	}
	.icon {
		font-size: 24px;
	}
	.icon.large {
		font-size: 32px;
	}
	.icon.huge {
		font-size: 40px;
	}
	/* ----- icon positions ----- */
	.icon.r {
		margin-left: 0.4em;
	}
	.icon.l {
		margin-right: 0.4em;
	}
	.icon.t {
		margin-bottom: 0.2em;
	}
	.icon.b {
		margin-top: 0.4em;
	}
	/* ----- show-icons ----- */
	.show-icons .icon {
		display: inline-block;
		margin: 0.2em;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	BUTTONS
/*-------------------------------------------------------------------------------------*/
	a.button,
	button,
	input[type=button],
	input[type=submit],
	input[type=reset] {
		display: inline-block;
		vertical-align: middle;
		margin: 2px;
		padding: 0.8em;
		cursor: pointer;
		font: normal normal 1.1em/1em 'Open Sans Condensed Bold', Arial, sans-serif;
		text-align: center;
		text-transform: uppercase;
		outline: none;
		border: none;
		color: #fff;
		background: #111;
		-moz-transition: background 0.15s ease-out;
		-webkit-transition: background 0.15s ease-out;
		-o-transition: background 0.15s ease-out;
		-ms-transition: background 0.15s ease-out;
		transition: background 0.15s ease-out;
	}
	a.button:hover,
	button:hover,
	input[type=button]:hover,
	input[type=submit]:hover,
	input[type=reset]:hover {
		background: #5bc;
	}
	a.button.secondary,
	button.secondary,
	input[type=button].secondary,
	input[type=submit].secondary,
	input[type=reset].secondary {
		color: #666;
		background: #e9e9e9;
	}
	a.button.secondary:hover,
	button.secondary:hover,
	input[type=button].secondary:hover,
	input[type=submit].secondary:hover,
	input[type=reset].secondary:hover {
		color: #666;
		background: #e0e0e0;
	}
	a.button.color,
	button.color,
	input[type=button].color,
	input[type=submit].color,
	input[type=reset].color {
		color: #fff;
		background: #5bc;
	}
	a.button.color:hover,
	button.color:hover,
	input[type=button].color:hover,
	input[type=submit].color:hover,
	input[type=reset].color:hover {
		color: #fff;
		background: #f90;
	}
	a.button:active,
	button:active,
	input[type=button]:active,
	input[type=submit]:active,
	input[type=reset]:active {
		-moz-box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.25);
		box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.25);
	}
	a.button.small,
	button.small,
	input[type=button].small,
	input[type=submit].small,
	input[type=reset].small {
		font-size: 0.8em;
		font-family: 'Open Sans SemiBold', Arial, sans-serif;
		text-transform: none;
	}
	a.button.large,
	button.large,
	input[type=button].large,
	input[type=submit].large,
	input[type=reset].large {
		font-size: 1.5em;
		font-family: 'Open Sans Condensed Bold', Arial, sans-serif;
		text-transform: uppercase;
	}
	a.button.huge,
	button.huge,
	input[type=button].huge,
	input[type=submit].huge,
	input[type=reset].huge {
		font-size: 2em;
		font-family: 'Open Sans Condensed Bold', Arial, sans-serif;
		text-transform: uppercase;
	}
	a.button.disabled,
	button[disabled],
	input[type=button][disabled],
	input[type=submit][disabled],
	input[type=reset][disabled] {
		opacity: 0.5;
		cursor: default;
		color: #fff;
		background: #ccc;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	BOXES
/*-------------------------------------------------------------------------------------*/
	.box {
		position: relative;
		display: block;
		margin: 20px 0;
		padding: 20px;
		overflow: hidden;
		color: #666;
		border: 1px solid #e0e0e0;
		background: #f9f9f9;
	}
	.box.micro {
		padding: 10px;
	}
	.box:first-child {
		margin-top: 0;
	}
	.box:last-child {
		margin-bottom: 0;
	}
	.box.blue {
		color: #4d96cf;
		border: 1px solid #c0d4e4;
		background: #e2f1ff;
	}
	.box.yellow {
		color: #956433;
		border: 1px solid #e9d477;
		background: #fff7d6;
	}
	.box.red {
		color: #bf210e;
		border: 1px solid #f2c3bf;
		background: #ffe6e3;
	}
	.box.green {
		color: #657e3c;
		border: 1px solid #c4dba0;
		background: #edfdd3;
	}
	.box .icon {
		position: absolute;
		top: 0;
		left: 20px;
		display: block;
		width: 32px;
		height: 100%;
		font-size: 32px;
		line-height: 100%;
	}
	.box .icon:before {
		top: 50%;
		margin-top: -0.5em;
	}
	.box .icon+* {
		margin: 0;
		padding-left: 52px;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	DIVIDERS
/*-------------------------------------------------------------------------------------*/
	hr {
		margin: 30px 0;
		padding: 0 0;
		border: none;
		height: 1px;
		background: #e9e9e9;
	}
	.divider {
		position: relative;
		display: block;
		height: 1px;
		margin: 30px 0;
	}
	.divider.nano {
		display: block;
		margin: 10px 0;
	}
	.divider.micro {
		display: block;
		margin: 20px 0;
	}
	.divider.wide {
		margin-right: -30px;
		margin-left: -30px;
		padding-right: 30px;
		padding-left: 30px;
	}
	.divider.line {
		background: #e9e9e9;
	}
	.divider.bar:before {
		content: "";
		display: block;
		width: 50px;
		height: 2px;
		position: absolute;
		bottom: 0;
		left: 0;
		background: #5bc;
	}
	.divider.wide.bar:before {
		left: 30px;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	OVERLAY
/*-------------------------------------------------------------------------------------*/
	.overlay {
		display: block;
		vertical-align: middle;
		position: relative;
		overflow: hidden;
	}
	.overlay img {
		display: block;
		max-width: none;
		width: 100%;
	}
	.overlay .color-overlay,
	.overlay .content-overlay {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: 1;
		-moz-transition: all 0.15s ease-out;
		-webkit-transition: all 0.15s ease-out;
		-o-transition: all 0.15s ease-out;
		-ms-transition: all 0.15s ease-out;
		transition: all 0.15s ease-out;
	}
	.overlay .color-overlay {
		background-color: #fff;
		background: transparent\0/;
	}
	.overlay .color-overlay.dark {
		background-color: #000;
	}
	.overlay:hover .color-overlay {
		opacity: 0.6;
	}
	.overlay .content-overlay {
		z-index: 2;
		padding: 20px;
	}
	.overlay .white.content-overlay * {
		text-shadow: 0 1px 1px #333;
	}
	.overlay:hover .content-overlay {
		opacity: 1;
	}
	.overlay .icon.content-overlay {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 40px;
		height: 40px;
		margin-top: -20px;
		margin-left: -20px;
		padding: 0;
		font-size: 24px;
		line-height: 40px;
		text-align: center;
		color: #fff;
		background: #111;
	}
	.overlay .icon.content-overlay:hover {
		background: #5bc;
	}
	.overlay .icon.content-overlay.plus,
	.overlay .icon.content-overlay.play {
		font-size: 32px;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	STYLED LISTS
/*-------------------------------------------------------------------------------------*/
	li.icon {
		display: block;
		width: 100%;
		list-style: none;
		height: auto;
		font: normal normal 1em/24px 'Open Sans', Arial, san-serif;
		text-align: left;
		text-indent: 0;
	}
	li.icon:before {
		width: 24px;
		height: 24px;
		left: -26px;
		font: normal normal 16px/24px 'TSIcons';
	}
	/*-------------------------------------------------------------------------------------*/
	/*	FLEX VIDEO
/*-------------------------------------------------------------------------------------*/
	.flex-video {
		position: relative;
		padding-top: 56%;
	}
	.flex-video iframe,
	.flex-video object,
	.flex-video embed,
	.flex-video video {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	CAPTION
/*-------------------------------------------------------------------------------------*/
	.caption {
		display: block;
		margin: -15px 0;
		font: normal normal 11px/1.2em 'Arial', san-serif;
		text-align: center;
		color: #666;
	}
	.caption>span {
		display: inline-block;
		padding: 5px;
	}
	.caption:first-child {
		margin-top: 0;
	}
	.caption:last-child {
		margin-bottom: 0;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	TABS, TOGGLE AND ACCORDION
/*-------------------------------------------------------------------------------------*/
	/* ----- toggle ----- */
	.toggle {
		display: block;
		margin: 20px 0;
		position: relative;
		overflow: hidden;
	}
	.toggle:first-child {
		margin-top: 0;
	}
	.toggle:last-child {
		margin-bottom: 0;
	}
	.toggle>a {
		position: relative;
		z-index: 1;
		display: block;
		margin: 0;
		padding: 0.85em 1em 0.85em 27px;
		font: normal normal 1.25em/1em 'Open Sans Condensed Bold', Arial, sans-serif;
		text-transform: uppercase;
		color: #fff;
		background: #111;
	}
	.toggle>a:hover {
		background: #5bc;
	}
	.toggle>a:before {
		content: "\e00f";
		display: block;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 50%;
		left: 5px;
		margin-top: -10px;
		font: normal normal 20px/1em 'TSIcons';
	}
	.toggle.active>a:before {
		content: "\e011";
	}
	.toggle>div {
		position: relative;
		display: block;
		margin: 0;
		padding: 20px;
		border: 1px solid #e9e9e9;
		background: #fcfcfc;
	}
	/* ----- accordion/toggle group ----- */
	.accordion {
		display: block;
		margin: 20px 0;
	}
	.accordion:first-child {
		margin-top: 0;
	}
	.accordion:last-child {
		margin-bottom: 0;
	}
	.accordion .toggle,
	.toggle-group .toggle {
		margin: 0;
	}
	.accordion .toggle a,
	.toggle-group .toggle a {
		border-top: 1px solid #222;
	}
	.accordion .toggle a:hover,
	.toggle-group .toggle a:hover {
		border-top-color: #5bc;
	}
	.accordion .toggle:first-child a,
	.toggle-group .toggle:first-child a {
		border-top: none;
	}
	/* ----- tabs ----- */
	.tabs {
		display: block;
		margin: 20px 0;
	}
	.tabs:first-child {
		margin-top: 0;
	}
	.tabs:last-child {
		margin-bottom: 0;
	}
	.tabs ul {
		position: relative;
		z-index: 1;
		overflow: hidden;
		list-style: none;
		padding: 0;
		padding-left: 10px;
		margin: 0;
		margin-bottom: -1px;
	}
	.tabs ul li {
		float: left;
		margin-right: -1px;
	}
	.tabs ul li a {
		position: relative;
		display: block;
		padding: 0.75em 1em 0.65em;
		font: normal normal 1.15em/1em 'Open Sans Condensed Bold', Arial, sans-serif;
		text-transform: uppercase;
		color: #666;
		border: 1px solid #e0e0e0;
		background: #f0f0f0;
	}
	.tabs ul li.active a {
		color: #5bc;
		border-bottom-color: #fcfcfc;
		background: #fcfcfc;
	}
	.tabs ul li.active:first-child a {
		border-left-color: #e9e9e9;
	}
	.tabs ul li.active a:before {
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		position: absolute;
		top: -1px;
		left: 0;
		background: #5bc;
	}
	.tabs ol {
		list-style: none;
		position: relative;
		display: block;
		margin: 0;
		padding: 20px;
		border: 1px solid #e9e9e9;
		background: #fcfcfc;
	}
	.tabs ol li {
		display: block;
	}
	/*.................tab2......................................................*/
	/* ----- tabs ----- */
	.tabs2 {
		display: block;
		margin: 20px 0;
	}
	.tabs2:first-child {
		margin-top: 0;
	}
	.tabs2:last-child {
		margin-bottom: 0;
	}
	.tabs2 ul {
		position: relative;
		z-index: 1;
		overflow: hidden;
		list-style: none;
		padding: 0;
		padding-left: 10px;
		margin: 0;
		margin-bottom: -1px;
	}
	.tabs2 ul li {
		float: left;
		margin-right: -1px;
	}
	.tabs2 ul li a {
		position: relative;
		display: block;
		padding: 0.75em 1em 0.65em;
		font: normal normal 12px 'Open Sans Condensed Bold', Arial, sans-serif;
		text-transform: uppercase;
		color: #666;
		border: 1px solid #e0e0e0;
		background: #f0f0f0;
	}
	.tabs2 ul li.active a {
		color: #5bc;
		border-bottom-color: #fcfcfc;
		background: #fcfcfc;
	}
	.tabs2 ul li.active:first-child a {
		border-left-color: #e9e9e9;
	}
	.tabs2 ul li.active a:before {
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		position: absolute;
		top: -1px;
		left: 0;
		background: #5bc;
	}
	.tabs2 ol {
		list-style: none;
		position: relative;
		display: block;
		margin: 0;
		padding: 20px;
		border: 1px solid #e9e9e9;
		background: #fcfcfc;
	}
	.tabs2 ol li {
		display: block;
	}
	/*tab2 end.....................................*/
	/*-------------------------------------------------------------------------------------*/
	/*	PAGINATION
/*-------------------------------------------------------------------------------------*/
	.pagination ul {
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
	.pagination ul li {
		display: inline-block;
		margin-right: -2px;
	}
	.pagination ul li.prev>*,
	.pagination ul li.next>* {
		width: auto;
		padding: 0 10px;
	}
	.pagination ul li>* {
		display: block;
		width: 30px;
		height: 30px;
		font: normal normal 1.1em/30px 'Open Sans Condensed Bold', Arial, sans-serif;
		text-align: center;
		text-transform: uppercase;
		color: #666;
		background: #e9e9e9;
	}
	.pagination ul li>*:hover {
		background: #e0e0e0;
	}
	.pagination ul li.current>* {
		color: #fff;
		background: #5bc;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	OTHER CLASSES
/*-------------------------------------------------------------------------------------*/
	.section {
		display: block;
		margin-bottom: 40px;
	}
	.section.micro {
		margin-bottom: 20px;
	}
	.section.nano {
		margin-bottom: 10px;
	}
	.block {
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
	.inline {
		display: inline;
	}
	.inline-block {
		display: inline-block;
		vertical-align: middle;
	}
	.outer {
		display: table;
		width: 100%;
		height: 100%;
	}
	.inner {
		display: table-cell;
		vertical-align: middle;
	}
	.margin {
		display: block;
		width: 100%;
		height: 40px;
	}
	.margin.micro {
		height: 20px;
	}
	.margin.nano {
		height: 10px;
	}
	.hidden {
		display: none;
	}
	.no-margin {
		margin: 0 !important;
	}
	.push-2 {
		margin: 2px;
	}
	.push-5 {
		margin: 5px;
	}
	.push-10 {
		margin: 10px;
	}
	.push-15 {
		margin: 15px;
	}
	.push-20 {
		margin: 20px;
	}
	.separator {
		margin-left: 3px;
		margin-right: 3px;
	}
	.bold {
		font-weight: bold;
	}
	.italic {
		font-style: italic;
	}
	.underline {
		text-decoration: underline;
	}
	.text-right {
		text-align: right;
	}
	.text-center {
		text-align: center;
	}
	.text-left {
		text-align: left;
	}
	.upper {
		text-transform: uppercase;
	}
	.lower {
		text-transform: lowercase;
	}
	.code {
		font-family: 'Courier New', 'Courier', monospace;
		color: #5bc;
	}
	.intro {
		font: normal normal 1.2em/1.05em 'Open Sans Condensed Light', Arial, sans-serif;
	}
	.serif {
		font-family: Georgia, 'Times new roman', serif;
	}
	.light {
		font-family: 'Open Sans Condensed Light', Arial, sans-serif;
	}
	.shadow {
		text-shadow: 0 1px 1px #000;
	}
	.color {
		color: #5bc;
	}
	.white {
		color: #fff;
	}
	.black {
		color: #000;
	}
	.grey {
		color: #999;
	}
	.lightgrey {
		color: #ccc;
	}
	.dark {
		color: #666;
	}
	.orange {
		color: #f90;
	}
	.blue {
		color: #0cf;
	}
	.green {
		color: #6c6;
	}
	.yellow {
		color: #fb0;
	}
	.pink {
		color: #f6c;
	}
	.red {
		color: #f00;
	}
	.purple {
		color: #96c;
	}
	.brown {
		color: #963;
	}
	.shade-1 {
		color: #111;
	}
	.shade-2 {
		color: #222;
	}
	.shade-3 {
		color: #333;
	}
	.shade-4 {
		color: #444;
	}
	.shade-5 {
		color: #555;
	}
	.shade-6 {
		color: #666;
	}
	.shade-7 {
		color: #777;
	}
	.shade-8 {
		color: #888;
	}
	.shade-9 {
		color: #999;
	}
	.shade-a {
		color: #aaa;
	}
	.shade-b {
		color: #bbb;
	}
	.shade-c {
		color: #ccc;
	}
	.shade-d {
		color: #ddd;
	}
	.shade-e {
		color: #eee;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	TEMPLATE - ERROR 404
/*-------------------------------------------------------------------------------------*/
	.page-404 h1 span {
		display: block;
		font-size: 150px;
		line-height: 1em;
		margin: 0;
	}
	.page-404 .search-form {
		width: 320px;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	TEMPLATE - CONTACT
/*-------------------------------------------------------------------------------------*/
	.page-contact iframe.map {
		width: 100%;
		height: 360px;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	HOME - SLIDER
/*-------------------------------------------------------------------------------------*/
	#home-slider {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 999;
	}
	#home-slider .slides {
		display: block;
		width: 100%;
		height: 100%;
	}
	#home-slider .slides li,
	#home-slider .slides li img {
		display: none;
		position: relative;
	}
	/* ----- slider nav ----- */
	#home-slider .nav-link {
		display: block;
		width: 15%;
		height: 500px;
		position: absolute;
		top: 50%;
		margin-top: -250px;
	}
	#home-slider .nav-link.next {
		right: 0;
	}
	#home-slider .nav-link.prev {
		left: 0;
	}
	#home-slider .nav-link>span {
		display: block;
		height: 80px;
		position: absolute;
		top: 50%;
		margin-top: -40px;
	}
	#home-slider .nav-link.next>span {
		right: 0;
	}
	#home-slider .nav-link.prev>span {
		left: 0;
	}
	#home-slider .nav-link>span>img {
		display: block;
		max-width: none;
		height: 100%;
	}
	#home-slider .nav-link>span>span {
		display: block;
		width: 40px;
		height: 100%;
		position: absolute;
		top: 0;
		background: #fff;
	}
	#home-slider .nav-link.next>span>span {
		left: -40px;
	}
	#home-slider .nav-link.prev>span>span {
		right: -40px;
	}
	#home-slider .nav-link.next>span>span:before,
	#home-slider .nav-link.prev>span>span:before {
		display: block;
		width: 40px;
		height: 100%;
		font: normal normal 20px/80px 'TSIcons';
		text-align: center;
		color: #5bc;
		position: absolute;
		top: 0;
	}
	#home-slider .nav-link.next>span>span:before {
		content: "\e072";
		left: 0;
	}
	#home-slider .nav-link.prev>span>span:before {
		content: "\e071";
		right: 0;
	}
	/* ----- slider preloader ----- */
	#home-slider .home-slider-preloader {
		display: block;
		float: left;
		width: 40px;
		height: 40px;
		margin-top: -5px;
		margin-right: 20px;
		background: url(../images/loading_tiny.gif) no-repeat center center #000;
		-moz-border-radius: 99px;
		-webkit-border-radius: 99px;
		border-radius: 99px;
	}
	/* ----- slider controls ----- */
	#home-slider .controls {
		display: block;
		position: absolute;
		top: 30px;
		right: 30px;
		z-index: 10;
	}
	#home-slider .controls a {
		display: block;
		width: 30px;
		height: 30px;
		float: left;
		margin-right: 3px;
		font: normal normal 1.1em/30px 'Open Sans Condensed Bold', Arial, sans-serif;
		text-align: center;
		color: #fff;
		background: #222;
		background: rgba(0, 0, 0, 0.92);
		-moz-border-radius: 99px;
		-webkit-border-radius: 99px;
		border-radius: 99px;
	}
	#home-slider .controls a:hover {
		background: #5bc;
	}
	#home-slider .controls a.active {
		cursor: default;
		color: #333;
		background: #fff;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	HOME - SHOWREEL
/*-------------------------------------------------------------------------------------*/
	#home-showreel {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: #fff;
	}
	#home-showreel .showreel {
		display: block;
		width: 100%;
		height: 100%;
		padding-left: 280px;
	}
	#home-showreel .showreel .flex-video {
		padding-top: 0;
		height: 100%;
	}
	#home-showreel aside {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 280px;
		height: 100%;
		padding: 30px;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	HOME - STATIC IMAGE
/*-------------------------------------------------------------------------------------*/
	#home-static-image img {
		display: none;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	HOME - ACCORDION
/*-------------------------------------------------------------------------------------*/
	#home-accordion {
		list-style: none;
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: #fff;
	}
	#home-accordion li {
		display: block;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		-webkit-transition: left 600ms cubic-bezier(0.475, 0.015, 0.505, 1.000);
		-moz-transition: left 600ms cubic-bezier(0.475, 0.015, 0.505, 1.000);
		-ms-transition: left 600ms cubic-bezier(0.475, 0.015, 0.505, 1.000);
		-o-transition: left 600ms cubic-bezier(0.475, 0.015, 0.505, 1.000);
		transition: left 600ms cubic-bezier(0.475, 0.015, 0.505, 1.000);
	}
	#home-accordion li img {
		display: block;
		position: relative;
		height: 100%;
		-webkit-transition: all 600ms cubic-bezier(0.475, 0.015, 0.505, 1.000);
		-moz-transition: all 600ms cubic-bezier(0.475, 0.015, 0.505, 1.000);
		-ms-transition: all 600ms cubic-bezier(0.475, 0.015, 0.505, 1.000);
		-o-transition: all 600ms cubic-bezier(0.475, 0.015, 0.505, 1.000);
		transition: all 600ms cubic-bezier(0.475, 0.015, 0.505, 1.000);
	}
	/* ----- fullscreen caption ----- */
	.fullscreen-caption {
		position: absolute;
		top: 30px;
		left: 0;
	}
	.fullscreen-caption>* {
		margin-left: 0;
		/*padding-left: 30px;*/
		padding-left: 10px;
	}
	.fullscreen-caption h1 {
		font-size: 4em;
	}
	.fullscreen-caption h2 {
		font-size: 3em;
	}
	.fullscreen-caption h1,
	.fullscreen-caption h2 {
		margin-bottom: 25px;
		color: #fff;
		/*text-shadow: 0 1px 2px rgba(0,0,0,0.5);*/
		background: #111;
		background: rgba(0, 0, 0, 0.65);
		font-family: 'Open Sans';
		padding: 10px;
	}
	.fullscreen-caption h3,
	.fullscreen-caption h4 {
		overflow: hidden;
		margin-bottom: 25px;
		padding-left: 0;
		/*text-shadow: 0 1px 2px rgba(0,0,0,0.5);*/
	}
	.fullscreen-caption h3>span,
	.fullscreen-caption h4>span {
		display: block;
		/*padding: 5px 8px 5px 30px;*/
		padding: 5px 8px 5px 12px;
		float: left;
		clear: both;
		font-family: 'Open Sans Condensed Light', Arial, sans-serif;
		color: #fff;
		background: #111;
		background: rgba(0, 0, 0, 0.65);
		line-height: 30px;
		text-transform: none;
	}
	.fullscreen-caption p {
		width: 350px;
		margin-bottom: 25px;
		color: #fff;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	}
	.fullscreen-caption p.highlight {
		padding: 8px 8px 8px 30px;
		color: #fff;
		background: #111;
		background: rgba(0, 0, 0, 0.65);
	}
	/*-------------------------------------------------------------------------------------*/
	/*	ENTRIES
/*-------------------------------------------------------------------------------------*/
	.entries {
		display: block;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.entries:before,
	.entries:after {
		content: "";
		display: block;
		clear: both;
	}
	.entries>li {
		display: block;
	}
	.entry-featured {
		z-index: 1;
		margin-bottom: 15px;
	}
	.entry-featured .overlay {
		display: block;
	}
	.entry-featured img {
		display: block;
		width: 100%;
	}
	.entry-meta {
		margin: 10px 0;
		text-transform: uppercase;
		font: normal normal 10px/16px 'Open Sans Semibold', Arial, sans-serif;
	}
	.entry-meta a {
		color: #999;
	}
	.entry-meta a:hover {
		color: #5bc;
	}
	.entry-title {
		margin: 10px 0;
		padding-bottom: 0;
		font-size: 2.3em;
	}
	.entry-title a {
		color: #333;
	}
	.entry-title a:hover {
		color: #5bc;
	}
	.entry-title small {
		display: block;
		margin: 5px 0;
		font-size: 0.7em;
		color: #5bc;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	CLASSIC
/*-------------------------------------------------------------------------------------*/
	/* ----- classic ----- */
	.entries[class*='classic-']>li {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #f0f0f0;
	}
	.entries[class*='classic-']>li:first-child {
		margin-top: 0;
		padding-top: 0;
		border-top: none;
	}
	/* ----- classic - 1 column ----- */
	.entries.classic-1 .entry:before,
	.entries.classic-1 .entry:after {
		content: "";
		display: block;
		clear: both;
	}
	.entries.classic-1 .entry-featured {
		float: left;
		width: 60%;
		margin-bottom: 0;
	}
	.entries.classic-1 .entry-meta {
		margin-top: 0;
	}
	.entries.classic-1 .entry-meta .entry-cats {
		display: block;
	}
	.entries.classic-1 .entry-meta .entry-cats+.separator {
		display: none;
	}
	.entries.classic-1 .entry-featured+.entry-body {
		margin-left: 20px;
		padding-left: 60%;
	}
	[class*='sidebar-'] .entries.classic-1 .entry-featured {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	[class*='sidebar-'] .entries.classic-1 .entry-body {
		margin-left: 0;
		padding-left: 0;
	}
	[class*='sidebar-'] .entries.classic-1 .entry-meta .entry-cats,
	[class*='sidebar-'] .entries.classic-1 .entry-meta .entry-cats+.separator {
		display: inline-block;
	}
	/* ----- classic - 2 column ----- */
	.entries.classic-2>li {
		overflow: hidden;
		margin-right: -15px;
		margin-left: -15px;
	}
	.entries.classic-2>li>.entry {
		float: left;
		width: 50%;
		padding: 0 15px;
	}
	.entries.classic-2 .entry-meta .entry-cats {
		display: block;
	}
	.entries.classic-2 .entry-meta .entry-cats+.separator {
		display: none;
	}
	.entries.classic-2 .entry-title {
		font-size: 2.1em;
	}
	.entries.classic-2 .entry-title small {
		font-size: 0.8em;
	}
	[class*='sidebar-'] .entries.classic-2 .entry-title {
		font-size: 1.7em;
	}
	[class*='sidebar-'] .entries.classic-2 .entry-title small {
		font-size: 0.9em;
	}
	/* ----- classic - 3 columns ----- */
	.entries.classic-3>li {
		overflow: hidden;
		margin-right: -15px;
		margin-left: -15px;
	}
	.entries.classic-3>li>.entry {
		float: left;
		width: 33.3%;
		padding: 0 15px;
	}
	.entries.classic-3 .entry-meta .entry-cats {
		display: block;
	}
	.entries.classic-3 .entry-meta .entry-cats+.separator {
		display: none;
	}
	.entries.classic-3 .entry-title {
		font-size: 1.7em;
		margin-top: -33px;
	}
	.entries.classic-3 .entry-title small {
		font-size: 0.9em;
	}
	/* ----- classic - 4 columns ----- */
	.entries.classic-4>li {
		overflow: hidden;
		margin-right: -15px;
		margin-left: -15px;
		text-align: center;
	}
	.entries.classic-4>li>.entry {
		float: left;
		width: 25%;
		padding: 0 15px;
	}
	.entries.classic-4 .entry-meta .entry-cats,
	.entries.classic-4 .entry-meta .entry-permalink,
	.entries.classic-4 .entry-meta .entry-cats+.separator,
	.entries.classic-4 .entry-meta .entry-comments+.separator {
		display: none;
	}
	.entries.classic-4 .entry-title {
		font-size: 1.5em;
	}
	.entries.classic-4 .entry-title small {
		font-size: 0.9em;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	FILTERABLE
/*-------------------------------------------------------------------------------------*/
	/* ----- filterable nav ----- */
	.filterable-nav {
		display: block;
		position: relative;
		padding: 0 30px;
		margin: 0 -30px;
	}
	.filterable-nav>span {
		display: inline-block;
		vertical-align: middle;
		margin-right: 15px;
		font: normal normal 15px/30px 'Open Sans Condensed Bold', Arial, sans-serif;
		text-transform: uppercase;
	}
	.filterable-nav>ul {
		display: inline-block;
		vertical-align: middle;
		height: 30px;
		overflow: hidden;
		position: relative;
		padding: 0;
		margin: 0;
	}
	.filterable-nav>ul li {
		display: block;
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		cursor: pointer;
		font: normal normal 11px/30px 'Open Sans SemiBold', Arial, sans-serif;
		text-transform: uppercase;
	}
	.filterable-nav>ul li:before {
		content: "";
		display: block;
		width: 1px;
		height: 10px;
		position: absolute;
		left: -1px;
		top: 50%;
		margin-top: -5px;
		background: #e0e0e0;
	}
	.filterable-nav>ul li a {
		display: block;
		margin: 0;
		padding: 0 10px;
		color: #666;
	}
	.filterable-nav>ul li:hover a {
		color: #999;
	}
	.filterable-nav>ul li.active a {
		color: #fff;
		background: #5bc;
	}
	.filterable-nav>ul li:first-child:before,
	.filterable-nav>ul li.active:before,
	.filterable-nav>ul li.active+li:before {
		display: none;
	}
	/* ----- filterable search ----- */
	.filterable-search {
		display: inline-block;
		vertical-align: middle;
		height: 30px;
		margin: 0;
		position: absolute;
		top: 0;
		right: 0;
	}
	.filterable-search input {
		height: 30px;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	BLOG
/*-------------------------------------------------------------------------------------*/
	/* ----- blog ----- */
	.blog.entries .entry-title {
		margin-top: 0;
	}
	.blog .entry-meta {
		margin: 10px -30px;
		padding: 5px 30px;
		background: #fcfcfc;
	}
	.blog .entry-meta .entry-cats,
	.blog .entry-meta .entry-comments,
	.blog .entry-meta .entry-permalink,
	.blog .entry-meta .entry-date {
		position: relative;
		padding-left: 18px;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	.blog .entry-meta .entry-cats:before,
	.blog .entry-meta .entry-comments:before,
	.blog .entry-meta .entry-permalink:before,
	.blog .entry-meta .entry-date:before {
		content: "\e00e";
		display: block;
		width: 16px;
		height: 16px;
		position: absolute;
		top: 0;
		left: 0;
		font: normal normal 14px/16px 'TSIcons';
		color: #999;
	}
	.blog .entry-meta .entry-cats:hover:before,
	.blog .entry-meta .entry-comments:hover:before,
	.blog .entry-meta .entry-permalink:hover:before {
		color: #5bc;
	}
	.blog .entry-meta .entry-comments:before {
		content: "\e720";
		font-size: 18px;
	}
	.blog .entry-meta .entry-permalink:before {
		content: "\e005";
	}
	.blog .entry-meta .entry-date:before {
		content: "\e05f";
	}
	.blog .entry.quote-entry .entry-title {
		margin-bottom: 20px;
		font-size: 1.8em;
	}
	.blog .entry.quote-entry .entry-title cite {
		font-size: 0.6em;
		color: #5bc;
	}
	.blog .entry.aside-entry .entry-meta {
		margin-top: 10px;
	}
	/* ----- blog - single ----- */
	.blog.single .entry-featured {
		margin: 30px 0;
	}
	/* ----- blog - single - comments ----- */
	.blog #comments {
		margin-top: 60px;
	}
	.blog #comments-list {
		position: relative;
		overflow: hidden;
		padding: 0;
	}
	.blog #comments-list li {
		position: relative;
		display: block;
		list-style: none;
		margin-top: 40px;
	}
	.blog #comments-list li:before,
	#comments-list li:after {
		content: "";
		display: block;
		clear: both;
	}
	.blog #comments-list li:before {
		content: "";
		display: block;
		width: 1px;
		height: 9999px;
		position: absolute;
		bottom: 100%;
		left: 35px;
		background: #f0f0f0;
	}
	.blog #comments-list li:first-child {
		margin-top: 0;
		padding-top: 0;
	}
	.blog #comments-list li .comment-avatar {
		float: left;
		position: relative;
		width: 70px;
		height: 70px;
		padding: 5px;
		z-index: 1;
		background: #f0f0f0;
	}
	.blog #comments-list li .comment-body {
		position: relative;
		padding-left: 100px;
	}
	.blog #comments-list li .comment-meta {
		font: normal normal 10px/1.5em 'Open Sans', Arial, sans-serif;
		color: #333;
	}
	.blog #comments-list li .comment-meta>* {
		display: inline-block;
	}
	.blog #comments-list li .comment-author {
		margin-right: 20px;
		font: normal normal 16px/1.5em 'Open Sans Condensed Bold', Arial, sans-serif;
		color: #333;
	}
	.blog #comments-list li .comment-text {
		margin-top: 10px;
		padding: 15px;
		background: #f6f6f6;
	}
	.blog #comments-list li .children {
		padding-left: 100px;
		overflow: hidden;
	}
	.blog #comments-list>li .children li:before {
		left: 25px;
	}
	.blog #comments-list>li .children>li:first-child:before {
		content: "";
		display: block;
		width: 65px;
		height: 1px;
		position: absolute;
		top: 25px;
		left: -65px;
		background: #f0f0f0;
	}
	.insight-box {
		position: relative;
		margin: 0;
		padding: 0;
		border: 1px solid #ccc;
	}
	/*.insight-box:after {
       content: "";
    width: 12px;
    background: #54BBCD;
    height: 12px;
    position: absolute;
    top: -4px;
    right: -6px;
}*/
	.insight-box .caption {
		text-align: left;
	}
	.insight-box span {
		text-align: left;
	}
	.insight-box span.green,
	.insight-box span.yellow {
		text-align: center;
		background: #04850b;
		color: #fff;
		display: block;
		padding: 5px;
	}
	.insight-box span.yellow {
		background: #d79c0c;
	}
	.insight-box span a {
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		color: #fff;
	}
	.blog #comments-list li .children li .comment-avatar {
		width: 50px;
		height: 50px;
	}
	.blog #comments-list li .children li .comment-body {
		padding-left: 80px;
	}
	/* ----- blog - single - comment form ----- */
	/* ----- insightsin ------*/
	.insight-boxin {
		position: relative;
		margin: 0 20px;
		padding: 10px;
		border: 1px solid #ccc;
	}
	.insight-boxin:after {
		content: "";
		width: 12px;
		background: green;
		height: 12px;
		position: absolute;
		top: -4px;
		right: -6px;
	}
	.insight-boxin .captionin {
		text-align: left;
	}
	.insight-boxin span {
		text-align: left;
		color: #fcde93;
		9745c7
	}
	.insight-boxin span a {
		font-size: 13x;
		font-weight: bold;
		text-align: left;
		color: green;
	}
	.insight-boxin span a:hover {
		color: #ff9900;
	}
	.insight-boxin {
		position: relative;
		margin: 0 20px;
		padding: 10px;
		border: 1px solid #ccc;
	}
	.insight-boxin .captionin {
		text-align: left;
	}
	.insight-boxin span {
		text-align: left;
	}
	.insight-boxin span a {
		font-size: 13px;
		font-weight: bold;
		text-align: left;
	}
	/* --- End Insights--- */
	/*-- Case Studies---*/
	.insight-boxcs {
		position: relative;
		margin: 0 20px;
		padding: 10px;
		border: 1px solid #ccc;
	}
	.insight-boxcs:after {
		content: "";
		width: 12px;
		background: #1c589e;
		height: 12px;
		position: absolute;
		top: -4px;
		right: -6px;
	}
	.insight-boxcs .captioncs {
		text-align: left;
	}
	.insight-boxcs span {
		text-align: left;
	}
	.insight-boxcs span a {
		font-size: 13px;
		font-weight: bold;
		text-align: left;
		color: #1c589e;
	}
	.insight-boxcs span a:hover {
		color: #ff9900;
	}
	.insight-boxcs {
		position: relative;
		margin: 0 20px;
		padding: 10px;
		border: 1px solid #ccc;
	}
	.insight-boxcs .captioncs {
		text-align: left;
	}
	.insight-boxcs span {
		text-align: left;
	}
	.insight-boxcs span a {
		font-size: 12px;
		font-weight: bold;
		text-align: left;
	}
	/*-- End of Case Studies---*/
	/*-- White Papers--*/
	.insight-boxwp:after {
		content: "";
		width: 12px;
		background: #d59a08;
		height: 12px;
		position: absolute;
		top: -4px;
		right: -6px;
	}
	.insight-boxwp .captioncs {
		text-align: left;
	}
	.insight-boxwp span {
		text-align: left;
	}
	.insight-boxwp span a {
		font-size: 12px;
		font-weight: bold;
		text-align: left;
	}
	.insight-boxwp {
		position: relative;
		margin: 0 20px;
		padding: 10px;
		border: 1px solid #ccc;
	}
	.insight-boxwp .captionwp {
		text-align: left;
	}
	.insight-boxwp span {
		text-align: left;
	}
	.insight-boxwp span a {
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		color: #d59a08;
	}
	.insight-boxwp span a:hover {
		color: #ff9900;
	}
	/*--- End of white papers--/	


.blog #leave-comment{
margin-top: 60px;
}
	
	.blog #comment-form input ,
	.blog #comment-form textarea{
	width: 100%;
	margin-top: 5px;
	}

/* ----- blog search form ----- */
	.blog-search-form {
		display: inline-block;
		vertical-align: middle;
		overflow: hidden;
		margin: 0;
		width: 185px;
	}
	.blog-search-form input,
	.blog-search-form button {
		float: left;
		display: block;
		height: 36px;
		margin: 0;
		margin-left: -1px;
	}
	.blog-search-form button {
		width: 36px;
	}
	.blog-search-form input {
		width: 150px;
	}
	/* ----- blog-feed-link ----- */
	a.blog-feed-link {
		position: relative;
		width: 36px;
		height: 36px;
		margin: 0;
	}
	a.blog-feed-link .icon {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -18px;
		line-height: 36px;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	PORTFOLIO
/*-------------------------------------------------------------------------------------*/
	.portfolio {
		position: relative;
	}
	/* ----- portfolio - classic-1 ----- */
	.portfolio.classic-1 article .entry-title {
		margin-top: 0;
	}
	/* ----- portfolio - classic-4 ----- */
	.portfolio.classic-4 article {
		text-align: center;
	}
	.portfolio.classic-4 article .entry-title {
		font-size: 1.3em;
	}
	.portfolio.classic-4 article .entry-title small {
		font-size: 1em;
	}
	.portfolio.classic-4 article .entry-meta {
		margin-bottom: 0;
	}
	/* ----- portfolio - filterable ----- */
	.portfolio.filterable li {
		margin-top: 0;
		padding-top: 0;
		border-top: none;
	}
	.portfolio.filterable.classic-2 li,
	.portfolio.filterable.classic-3 li,
	.portfolio.filterable.classic-4 li {
		margin: 0;
	}
	.portfolio.filterable.classic-2 article,
	.portfolio.filterable.classic-3 article,
	.portfolio.filterable.classic-4 article {
		width: 100%;
		padding: 0;
		margin: 0;
		margin-bottom: 30px;
	}
	.portfolio-filters {
		position: relative;
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #e0e0e0;
	}
	/* ----- portfolio - masonry ----- */
	.portfolio.masonry,
	.portfolio.metro,
	.portfolio.grid {
		overflow: hidden;
	}
	.portfolio.masonry li,
	.portfolio.metro li,
	.portfolio.grid li {
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
	}
	.portfolio.masonry .entry-featured,
	.portfolio.metro .entry-featured,
	.portfolio.grid .entry-featured {
		margin: 0;
	}
	.portfolio.masonry img,
	.portfolio.masonry .color-overlay,
	.portfolio.metro .crop,
	.portfolio.metro .color-overlay,
	.portfolio.grid .crop,
	.portfolio.grid .color-overlay {
		border: 1px solid #fff;
	}
	.portfolio.masonry .entry-title,
	.portfolio.metro .entry-title,
	.portfolio.grid .entry-title {
		margin: 0;
		font-size: 1.6em;
		text-shadow: 0 1px 1px #333;
	}
	.portfolio.masonry .entry-title a,
	.portfolio.metro .entry-title a,
	.portfolio.grid .entry-title a {
		color: #fff;
	}
	.portfolio.masonry .entry-title a:hover,
	.portfolio.metro .entry-title a:hover,
	.portfolio.grid .entry-title a:hover {
		text-decoration: underline;
	}
	.portfolio.masonry .entry-title small,
	.portfolio.metro .entry-title small,
	.portfolio.grid .entry-title small {
		font-size: 0.9em;
	}
	.portfolio.masonry .entry-featured .button,
	.portfolio.metro .entry-featured .button,
	.portfolio.grid .entry-featured .button {
		margin-bottom: 15px;
	}
	/* ----- single project ----- */
	.portfolio.single .entry-tags {
		list-style: none;
		padding: 0;
		overflow: hidden;
	}
	.portfolio.single .entry-tags li {
		float: left;
		clear: both;
		padding: 5px;
		padding-left: 10px;
		margin-bottom: 3px;
		font: normal normal 10px/1em 'Open Sans SemiBold', Arial, sans-serif;
		text-transform: uppercase;
		border-left: 2px solid #999;
		background: #e9e9e9;
	}
	/*-------------------------------------------------------------------------------------*/
	/*	MEDIA QUERIES
/*-------------------------------------------------------------------------------------*/
	@media only screen and (max-width: 1020px) {
		body {
			font-size: 12px;
		}
		#page.layout-right,
		#page.layout-center,
		#page.layout-left {
			width: 768px;
		}
		#main-nav>ul>li>a {
			padding: 0 15px;
			font-size: 11px;
		}
		#main-nav>ul>li>ul li a,
		#main-nav>ul>li>ul li ul li a {
			padding: 6px 15px;
			font-size: 10px;
		}
		#main-nav>ul>li>ul li.has-submenu>a:before {
			left: -1px;
		}
		/* ----- portfolio - classic-1 ----- */
		.portfolio.classic-1 article .entry-title {
			font-size: 2.1em;
		}
	}
	
	
}
	@media only screen and (max-width: 768px) {
		html,
		body,
		#main-wrap {
			height: auto;
		}
		#page {
			padding-bottom: 35px !important;
		}
		#page.no-scroll {
			height: auto !important;
		}
		#page.fullscreen {
			background: #fff;
		}
		#page.layout-right,
		#page.layout-center,
		#page.layout-left {
			width: 100%;
			float: none;
		}
		#page-head h1 {
			width: 100%;
			padding: 0;
		}
		#page-head h1 small {
			display: block;
			margin: 0;
			margin-top: 10px;
		}
		#mobile-header {
			display: block;
		}
		#dock {
			position: relative !important;
			bottom: 0 !important;
		}
		#box {
			position: relative !important;
			bottom: 0 !important;
		}
		#page-top-link,
		#toggle-dock,
		#dock #header {
			display: none !important;
		}
		#footer {
			overflow: hidden;
			padding: 20px 0;
			height: auto;
			font-size: 9px;
		}
		#footer #social-media {
			margin: 6px 20px 0 0;
		}
		#preloader {
			height: 100% !important;
		}
		#background {
			display: none;
		}
		.box .icon {
			position: relative;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 32px;
			margin-bottom: 15px;
			font-size: 40px;
		}
		.box .icon+* {
			padding-left: 0;
		}
		/* ----- portfolio - classic-1 ----- */
		.portfolio.classic-1 article .entry-title {
			font-size: 2em;
		}
		/* ----- home showreel ----- */
		#home-showreel {
			height: auto;
			overflow: visible;
			padding: 50px 0;
		}
		#home-showreel .showreel {
			height: auto;
			padding-left: 0;
		}
		#home-showreel .showreel .flex-video {
			padding-top: 56%;
		}
		#home-showreel aside {
			position: relative;
			width: 100%;
			height: auto;
		}
		/* ----- home slider ----- */
		#home-slider {
			overflow: visible;
			width: 100% !important;
			height: auto !important;
			padding: 50px 0;
			background: #fff;
		}
		#home-slider .nav-link,
		#home-slider .controls {
			display: none;
		}
		#home-slider .slides li,
		#home-slider .slides li img {
			display: block !important;
		}
		#home-slider .slides li img {
			max-width: none;
			width: 100%;
			margin-bottom: 30px;
		}
		#home-slider .slides li {
			overflow: visible;
			position: relative;
			top: 0 !important;
			left: 0 !important;
			margin-top: 50px;
			padding-top: 50px;
			height: auto;
			border-top: 1px solid #e0e0e0;
		}
		#home-slider .slides li:first-child {
			margin-top: 0;
			padding-top: 0;
			border-top: none;
		}
		/* ----- home accordion ----- */
		#home-accordion {
			overflow: visible;
			width: 100% !important;
			height: auto !important;
			padding: 50px 0;
			background: #fff;
		}
		#home-accordion li {
			overflow: visible;
			position: relative;
			top: 0 !important;
			left: 0 !important;
			margin-top: 50px;
			padding-top: 50px;
			height: auto;
			border-top: 1px solid #e0e0e0;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		#home-accordion li:first-child {
			margin-top: 0;
			padding-top: 0;
			border-top: none;
		}
		#home-accordion li img {
			display: block;
			width: 100%;
			height: auto;
			margin: 0 0 30px 0 !important;
			-moz-transform: translateX(0) !important;
			-webkit-transform: translateX(0) !important;
			-ms-transform: translateX(0) !important;
			-o-transform: translateX(0) !important;
			transform: translateX(0) !important;
		}
		/* ----- home - static image ----- */
		#home-static-image {
			overflow: visible;
			width: 100% !important;
			height: auto !important;
			padding: 50px 0;
			background: #fff;
		}
		#home-static-image .fullscreen-caption {
			position: relative;
			top: 0;
			left: 0;
		}
		#home-static-image img {
			display: block;
			max-width: none;
			width: 100%;
			margin-bottom: 30px;
		}
		/* ----- fullscreen caption ----- */
		#page.fullscreen .fullscreen-caption {
			display: block !important;
			position: relative !important;
			top: 0 !important;
			left: 0 !important;
			opacity: 1 !important;
			text-align: left;
		}
		#page.fullscreen .fullscreen-caption>*,
		#page.fullscreen .fullscreen-caption .slide {
			position: relative !important;
			top: 0 !important;
			left: 0 !important;
			margin: 0 !important;
			opacity: 1 !important;
		}
		#page.fullscreen .fullscreen-caption>* {
			margin: 10px 0 !important;
		}
		#page.fullscreen .fullscreen-caption h1,
		#page.fullscreen .fullscreen-caption h2 {
			color: #333;
			text-shadow: none;
		}
		#page.fullscreen .fullscreen-caption h3,
		#page.fullscreen .fullscreen-caption h4 {
			text-shadow: none;
		}
		#page.fullscreen .fullscreen-caption h3>span,
		#page.fullscreen .fullscreen-caption h4>span {
			background: #333;
		}
		#page.fullscreen .fullscreen-caption p {
			color: #666;
			text-shadow: none;
		}
		/* ----- portfolio - filters ----- */
		.portfolio-filters {
			text-align: center;
		}
		.portfolio-filters>* {
			float: none;
			display: block;
			position: relative;
		}
		.portfolio-filters .filterable-nav {
			margin-bottom: 20px;
		}
		.portfolio-filters .filterable-nav span {
			display: block;
			margin: 0;
		}
		.portfolio-filters .filterable-nav ul {
			height: auto;
		}
		.portfolio-filters .filterable-nav ul li {
			display: inline-block;
			float: none;
		}
	}
	@media only screen and (max-width: 640px) {
		h1 small,
		h2 small,
		h3 small,
		h4 small,
		h5 small,
		h6 small {
			display: block;
			margin: 5px 0 0;
		}
		#page #sidebar,
		#page #content {
			float: none !important;
			width: 100% !important;
			padding-left: 0 !important;
			padding-right: 0 !important;
			margin-left: 0 !important;
			margin-right: 0 !important;
		}
		#page #sidebar {
			margin-top: 30px;
			padding-top: 30px;
		}
		#page #sidebar:before {
			display: none !important;
		}
		#footer {
			text-align: center;
		}
		#footer #social-media {
			margin: 0 20px 0 0;
		}
		#footer #social-media p {
			display: block;
			margin: 0;
			padding: 0;
			border: none;
		}
		#footer #social-media a {
			height: 24px;
			line-height: 24px;
		}
		#footer #social-media a:hover {
			border-color: transparent;
		}
		.box .icon {
			position: absolute;
			left: 20px;
			display: block;
			width: 32px;
			height: 100%;
			margin-bottom: 0;
		}
		.box .icon+* {
			padding-left: 52px;
		}
		.entries[class*='classic-'] {
			height: auto !important;
		}
		.entries[class*='classic-']>li {
			width: 100% !important;
			position: relative !important;
			top: 0 !important;
			left: 0 !important;
		}
		.entries[class*='classic-']>li .entry {
			margin-top: 30px;
			margin-bottom: 0;
			padding-top: 30px;
			border-top: 1px solid #e0e0e0;
			text-align: left;
		}
		.entries[class*='classic-']>li,
		.entries[class*='classic-']>li:first-child>.entry:first-child {
			margin-top: 0;
			padding-top: 0;
			border-top: none;
		}
		.entries[class*='classic-']>li .entry,
		.entries[class*='classic-']>li .entry-featured {
			float: none;
			width: 100%;
			display: block;
		}
		.entries[class*='classic-']>li .entry-body,
		.entries[class*='classic-']>li .entry-featured+.entry-body {
			margin-left: 0;
			padding-left: 0;
		}
		.entries[class*='classic-']>li .entry-featured {
			margin-bottom: 15px;
		}
		.entries[class*='classic-']>li .entry-title {
			font-size: 2.1em;
		}
		.entries[class*='classic-']>li .entry-title small {
			font-size: 0.8em;
		}
		.entries[class*='classic-']>li .entry-meta+.divider {
			background: none;
		}
	}
	@media only screen and (max-width: 480px) {
		body {
			font-size: 15px;
			text-align: center;
		}
		#mobile-header {
			height: auto;
			padding-bottom: 30px;
		}
		#mobile-site-logo {
			position: relative;
			top: auto;
			left: auto;
		}
		#mobile-nav {
			position: relative;
			top: auto;
			right: auto;
			margin: 0 auto;
			width: 80%;
		}
		#page-head:before,
		#page-foot:before {
			left: 50%;
			margin-left: -50px;
		}
		#page-head h1 {
			float: none;
			padding: 0;
			width: 100%;
		}
		#page-head aside {
			position: relative;
			bottom: auto;
			right: auto;
			display: block;
			width: 100%;
			margin: 20px auto 0 !important;
			text-align: center;
		}
		#footer {
			font-size: 11px;
		}
		#footer #copyright,
		#footer #social-media {
			float: none;
			margin: 15px 0;
		}
		#footer #social-media p {
			margin-bottom: 10px;
		}
		.divider.wide.bar:before,
		.divider.bar:before {
			left: 50%;
			margin-left: -25px;
		}
		code,
		.toggle,
		.tabs {
			text-align: left;
		}
		th,
		td {
			text-align: center;
		}
		.box .icon {
			position: relative;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 32px;
			margin-bottom: 20px;
			font-size: 48px;
		}
		.box .icon+* {
			padding-left: 0;
		}
		.entries[class*='classic-']>li .entry {
			text-align: center;
		}
		.entries[class*='classic-']>li .entry-title {
			font-size: 1.9em;
		}
		.entries[class*='classic-']>li .entry-title small {
			font-size: 0.9em;
		}
		.entries[class*='classic-']>li .entry-meta .entry-cats {
			display: block;
		}
		.entries[class*='classic-']>li .entry-meta .entry-cats+.separator {
			display: none;
		}
		/* ----- home static image ----- */
		#home-static-image .fullscreen-caption h3>span,
		#home-static-image .fullscreen-caption h4>span {
			padding-left: 8px;
			float: none;
		}
	}
	@media only screen and (max-width: 320px) {
		html,
		body,
		#main-wrap {
			width: 320px;
		}
	}
	#tata-logo {
		float: right;
		margin: 230px 15px 0 0;
	}
	/******************************************************* CASE STUDIES STYLES BEGIN ***************************************/
	.show_hide,
	.show_hide1,
	.show_hide2,
	.show_hide3 {
		cursor: pointer;
		float: right;
		margin-right: 13px;
	}
	/******************************************************* CASE STUDIES STYLES END ***************************************/
	.subMenus {
		display: none;
		padding: 0px 0px 0px 12px;
		margin: 0;
		list-style: none;
	}
	.dir_name {
		padding-top: 51px;
		float: right;
		width: 120px;
	}
	.bodycontainer2 {
		width: 539px;
		color: #464646;
		padding: 12px 22px 0;
		float: left;
	}
	.aboutus_content {
		color: #00A7E1;
		font-size: 16px;
		width: 100%;
		padding-bottom: 5px;
	}
	.contentnew {
		margin-bottom: 9px;
		padding-bottom: 9px;
		font-weight: normal;
		border-bottom: 1px dotted grey;
		line-height: 20px;
	}
	.boxcontainer {
		float: left;
		margin-left: 0px;
		width: 100%;
		text-align: left;
	}
	.box1-image {
		float: left;
	}
	.boxgrid-image {
		float: left;
		height: 425px;
		overflow: hidden;
		position: relative;
	}
	.hidden {
		display: none;
	}
	.seperator {
		display: none;
	}
	.dir_name2 {
		padding-top: 34px;
		float: left;
		width: 140px;
	}
	.dir_info {
		line-height: 14px;
		float: right;
		width: 250px;
		color: #000000;
	}
	.dir_name1 {
		padding-top: 51px;
		float: right;
		width: 120px;
	}
	.dir_info1 {
		color: #FFFFFF;
		font-size: 14px;
		margin-top: 0px;
		margin-left: 10px;
		margin-right: 8px;
		height: auto;
	}
	.directors {
		margin: 0px auto;
		width: auto !important;
	}
	/* SOCIAL RESPONSIBILITY */
	.social_responsibility_image {
		width: 100%;
	}
	.social_responsibility_image_images {
		padding: 10px;
		display: inline-block;
	}
	.social_responsibility_slideHeadRight {
		background-color: #CCC;
		font-size: 9px;
		font-weight: bold;
		margin-bottom: 5px;
		padding-bottom: 0;
		text-align: center;
		width: 132px;
	}
	/* SOCIAL RESPONSIBILITY */
	/***Board Of Directors style begin***/
	#cboxLoadedContent {
		overflow: hidden !important;
	}
	/***Board Of Directors style end***/
	/***news anchor tag style begin****/
	.news_link {
		font: normal normal 0.85em/1.8em 'Open Sans SemiBold', Arial, sans-serif;
	}
	.news_link a {
		color: #999 !important;
	}
	.news_link a:hover {
		color: #5bc !important;
	}
	.news_divider {
		background: #e9e9e9;
		position: relative;
		display: block;
		height: 1px;
		margin: 8px 0;
	}
	.news_divider_bottom {
		background: #e9e9e9;
		position: relative;
		display: block;
		height: 1px;
		margin-top: 8px;
		margin-bottom: 50px;
	}
	.partner-alaince {
		padding-left: 10px;
	}
	/***news anchor tag style end****/
	.date_place {
		margin-top: -5px;
	}
	.service_list {
		line-height: 14px;
		padding-bottom: 4px;
	}
	.menu_body {
		display: none;
	}
	.menu_body ul {
		padding: 0px 0px 0px 12px;
		margin: 0;
		list-style: none;
	}
	#Accordion li ul {
		margin: 0;
		list-style: none;
	}
	#Accordion1 li ul {
		margin: 0;
		list-style: none;
	}
	#Accordion2 li ul {
		margin: 0;
		list-style: none;
	}
	#Accordion_Aerospace li ul {
		margin: 0;
		list-style: none;
	}
	.accordion_menu {
		margin: 0;
		list-style: none;
	}
	#sub_menu li a.active {
		color: #5bc;
	}
	a.blacktext {
		text-decoration: none !important;
		color: #000000 !important;
		text-transform: none;
	}
	a.blacktext:hover {
		text-decoration: none !important;
		color: #5bc !important;
	}
	a.small_font {
		font-size: 16px !important;
		margin: 0;
		padding: 0;
		outline: 0;
		border: 0;
		vertical-align: baseline;
		background: transparent;
	}
	a.hyperlink {
		color: #fff;
	}
	.nolink {
		color: #55BBCC;
	}
	.msgSending {
		background: #000;
		height: 28px;
		width: 28px;
		border-radius: 99px;
		text-align: center;
		display: none;
	}
	/*************************************************** SEACRCH RESULTS STYLES BEGIN ************************************/
	.webResult {
		/*text-shadow:1px 1px 0 #586a75;*/
		margin-bottom: 20px;
	}
	.webResult h2 {
		font-size: 18px;
		font-weight: normal;
		padding: 8px 20px 8px 0;
		/* Applying CSS3 rounded corners 
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;*/
	}
	.webResult h2 b {
		color: #5bc;
	}
	.webResult h2 a {
		color: #5bc;
		border: none;
	}
	.webResult p {
		line-height: 1.5;
		padding: 0px 20px 0 0;
		margin-bottom: 6px;
	}
	.webResult p b {
		color: #5bc;
	}
	.webResult>a {
		margin-left: 20px;
	}
	/* Image & video search results */
	.imageResult {
		float: left;
		height: 180px;
		margin: 0 0 20px 40px;
		text-align: center;
		width: 152px;
		overflow: hidden;
	}
	.imageResult img {
		display: block;
		border: none;
	}
	.imageResult a.pic {
		border: 1px solid #fff;
		outline: 1px solid #777;
		display: block;
		margin: 0 auto 15px;
	}
	/* The show more button */
	#more {
		width: 55px;
		height: 39px;
		background: url('../images/search_more.png') no-repeat;
		cursor: pointer;
		margin: 40px auto;
	}
	#more:hover {
		background-position: left bottom;
	}
	/* Giving Credit */
	p.credit {
		margin: 20px 0;
		text-align: center;
	}
	p.credit a {
		background-color: #4B5A64;
		border: 1px solid;
		border-color: #3D4D57 #788E9B #788E9B #3D4D57;
		color: #c0d0d8;
		font-size: 10px;
		padding: 4px 8px;
		text-shadow: 1px 1px 0 #38464F;
	}
	p.credit a:hover {
		background-color: #38464f;
		border-color: #38464f #788E9B #788E9B #38464f;
	}
	.searchresults {
		margin-top: 1.5em;
	}
	.notFound {
		margin-bottom: 20px !important;
		font-size: 20px;
	}
	/*************************************************** SEACRCH RESULTS STYLES END ************************************/
	/***Career Search Style Begin****/
	.search {
		cursor: pointer;
	}
	.maplink {
		border-top: 0px !important;
	}
	/***Career Search Style End****/
	#makeMeScrollable div.scrollableArea .contentBox a h5 {
		text-transform: none;
		background: url('case-studies-bg.jpg') no-repeat;
		width: 212px;
		height: 108px;
		padding: 20px;
	}
	.row .col-1-3 a h5 {
		text-transform: none;
		background: url('case-studies-bg.jpg') no-repeat;
		width: 212px;
		height: 108px;
		padding: 20px;
	}
	@-moz-document url-prefix() {
		.icon.small {
			font-size: 13px;
		}
	}
	/*
    
        .privacy1 {

            background-color: red;
            position: relative;
            bottom: 1px;
            left: 2%;
            width: 75%;
            text-align: center;
            padding: 50px;


        }


        .alert-success {
            color: #3c763d;
            background-color: red;
        }

        .alert {
            padding: 15px;
            margin-bottom: 10px;
            background-color: red;

        }
    
*/