﻿/* THN
----------------------------------------------------------------------*/


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

/*	General Styling
----------------------------------------------------------------------*/
* {
	outline: none;
	padding: 0px;
	margin: 0px
}
body {
	margin: 0 auto;
	background: #0042ff url(images/patterns/scribble-light.png) repeat;
	color: #868686;
	line-height: 24px;
	font-family: "Open Sans", Helvetica, Arial;
	font-size: 14px;
}
img {
	border: none;
}
a {
	color: #0042ff;
	text-decoration: none;
	-webkit-transition: color .1s ease-in-out;
	-moz-transition: color .1s ease-in-out;
	-ms-transition: color .1s ease-in-out;
	-o-transition: color .1s ease-in-out;
	transition: color .1s ease-in-out;
}
a:hover {
	color: #0042ff;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	color: #0042ff;
	padding: 0;
	font-family: "Open Sans", Helvetica, Arial;
	margin: 0 0 16px 0;
	line-height: 130%;
	font-weight: normal;
}
h1 {
	font-size: 40px
}
h2 {
	font-size: 32px
}
h3 {
	font-size: 26px
}
h4 {
	font-size: 20px
}
h5 {
	font-size: 16px
}
h6 {
	font-size: 14px
}
p {
	margin-bottom: 32px
}
p:last-child {
	margin-bottom: 0
}
strong {
	font-weight: bold
}
em {
	font-style: italic
}
ol {
	padding: 0;
	margin: 0
}
ol li {
	list-style: decimal;
	padding: 0 0 10px 0;
	margin: 0 0 0 20px;
	line-height: 24px
}
ul {
	padding: 0;
	margin: 0;
	list-style-type: none
}
cite {
	float: right;
	padding: 0 0 5px 0
}
hr {
	background: #e0e0e0;
	border: 0;
	clear: both;
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 20px 0;
	position: relative
}
pre {
	color: #ddd;
	background: #474747;
	white-space: initial;
	border-left: 3px solid #47C0FF;
	padding: 5px 25px;
	margin: 5px 0 20px 0;
	overflow: auto;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
code {
	color: #ddd;
	white-space: initial;
	background: #474747;
	border-left: 3px solid #47C0FF;
	padding: 5px 25px;
	margin: 5px 0 20px 0;
	clear: both;
	display: block;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
iframe {
	max-width: 100%;
}
mark {
	padding: 3px 5px;
}
textarea { 
	white-space:pre; 
}


/*	Grid System
----------------------------------------------------------------------*/
.grid_12, .grid_11, .grid_10, .grid_9, .grid_8, .grid_7, .grid_6, 
.grid_4, .grid_5, .grid_3, .grid_2, .grid_1 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}
.left-sidebar {
	float: right;
}
.grid_1 {
	width:6.333%;
}
.grid_2 {
	width:14.667%;
}
.grid_3 {
	width:23.0%;
}
.grid_4 {
	width:31.333%;
}
.grid_5 {
	width:39.667%;
}
.grid_6 {
	width:48.0%;
}
.grid_7 {
	width:56.333%;
}
.grid_8 {
	width:64.667%;
}
.grid_9 {
	width:73.0%;
}
.grid_10 {
	width:81.333%;
}
.grid_11 {
	width:89.667%;
}
.grid_12 {
	width:98.0%;
}
.grid_12:after {
	content: "";
	clear: both;
}
.grid_13 {
	width:100%;
	display: inline;
	float: left;
	position: relative;
}
.row {
	width: 1064px;
	margin: 0 auto;
}
#blocked {
	width: 1128px;
	background: #fff;
	margin: 32px auto;
	box-shadow: 0 0px 1px rgba(0, 0, 0, 0.30);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
}
#boxed {
	width: 1128px;
	background: #fff;
	margin: 0 auto;
	box-shadow: 0 0px 1px rgba(0, 0, 0, 0.30);
}
#full {
	background: #fff;
}
.page-content {
	margin-top: 64px;
}
.breadcrumbs {
	margin: 0;
	padding: 6px 0;
	background: #0042ff;
	border-top: 1px solid #fff;
}
.images-breadcrumbs {
	top:0; left:0;
}
.breadcrumbs h4 {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 12px;
	font-weight: 600;
	color:#ffdc00 !important;
	text-transform:uppercase;
	letter-spacing:1px;
}
.here {
	float: right;
	color: #828282;
}
.here span {
	display: inline-block;
	white-space: nowrap;
}
.here ul li {
	display: inline-block;
	white-space: nowrap;
	padding-left: 8px;
}
.here ul li:after {
	content: '/';
	color: #bbb;
	font-size: 10px;
	padding: 0 0 0 8px;
}
.here ul li:last-child:after {
	content: '';
}

/*	Header
----------------------------------------------------------------------*/
#header {
	background: #FFFF00;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid	#fff;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.sticky {
	position: fixed;
	z-index: 9999;
	width: 100%;
	top: 0;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.small-header {
	font-size: 14px;
	font-weight:bold;
	letter-spacing:2px;
}
.small-header a:hover {
	font-size: 14px!important;
	color:000;
	text-decoration:underline;
}
.small #header .menu-1 {
	padding: 16px 0 0 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.small .sf-menu li:hover ul, 
.small .sf-menu li.sfHover ul {
	padding-top: 25px;
}
.small .sf-menu li li:hover ul, 
.small .sf-menu li li.sfHover ul {
	padding-top: 0;
}
.small .extraicon {
	margin: 16px 0 0 32px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.small #header .logo {
	display: block;
	padding: 16px 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.small #header .logo img {
	display: block;
	width: 120px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#header .logo img {
	display: block;
	width: 440px;
	z-index: 999;
	display:block;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#header .logo {
	display: block;
	padding: 5px 0px 5px 4px;
	float: left;
	overflow: hidden;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#header .menu-1 {
	float: right;
	padding: 64px 0 0 0;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#header nav ul li{
	float: left;
	padding: 0;
	z-index: 99;
}
#header nav a {
	color: #c87100;
	padding: 6px 16px 0;
	font-weight: 900;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform:uppercase;
}
#header nav a:hover {
	color: #0042ff;
}
#header nav ul li.current > a{
	color: #0042ff;
}
#header nav ul li a.sf-with-ul {
	padding: 6px 16px 0;
}
#header .grid_12:after {
	content: "";
	clear: both;
}


/********* jQuery Superfish *********/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:	none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			212px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
	border-bottom: 1px solid #fff;
}
.sf-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 2px;
	z-index:999;
	top: 20px;
	padding-top: 14px;
}
.sf-menu li:hover ul li ul,
.sf-menu li.sfHover ul li ul, 
.sf-menu li:hover ul li ul li ul,
.sf-menu li.sfHover ul li ul li ul  {
	left: 172px;
	z-index: 999;
	top: 0;
	padding-top: 0;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			172px; /* match ul width */
	top:			-1px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			172px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}

.sf-menu li li {
	background: #FFFFFF;
	opacity: .9; filter:Alpha(Opacity=90);
}
.sf-menu li li li {
	background:		#0042ff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width:		1px;
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			4px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:	url('images/theme20.png') no-repeat -1px -100px;
}
a > .sf-sub-indicator { 
	top:			.7em;
	background-position: -6 -100px;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; top: 1em; right: 8px;}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

ul.sf-menu li ul li:first-child {
	border-top:0px solid #fff;
}
ul.sf-menu li ul li ul li:first-child {
	border-top: 1px solid #fff;
}
ul.sf-menu li ul li a {
	color: white;
	padding: 10px 16px !important;
	font-weight: 600 !important;
	font-size: 12px !important;
	background: none;
	border-radius: 0 !important;
	-webkit-transition: background-color .1s ease-in-out;
	-moz-transition: background-color .1s ease-in-out;
	-ms-transition: background-color .1s ease-in-out;
	-o-transition: background-color .1s ease-in-out;
	transition: background-color .1s ease-in-out;
	text-transform:none !important;
}
ul.sf-menu li ul li a:hover {
	color: #fff !important;
	background-color: #0042ff;
}
ul.sf-menu li ul li {
	padding: 0 !important;
	margin: 0 !important;
}
.sf-menu li:hover > a {
	color: #0042ff !important
}

#extraInfo #searchform { 
	padding: 24px;
}
#extraInfo #searchform label { 
	font-size: 14px;
	font-weight: 600;
}
#searchform input {
	border: 1px solid #E0E0E0;
	border-radius: 3px;
	width: 80%;
	padding: 16px;
	margin: 0px 0 0 16px;
	color: #C5C5C5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.search-icon {
	background: transparent url(images/search-icon.png) no-repeat;
	width: 13px;
	height: 14px;
	position: relative;
	display: block;
}
.close-icon {
	background: transparent url(images/close-icon.png) no-repeat;
	width: 13px;
	height: 14px;
	position: relative;
	display: block;
}
.nav-icon {
	background: transparent url(images/nav-icon.png) no-repeat;
	width: 13px;
	height: 14px;
	position: relative;
	display: block;
}
#extraInfo { 
	background-color: #0042ff;
	color: white;
	display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	top: 0px;
	z-index: 99;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
}
#boxed #extraInfo { 
	display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	top: 0px;
	z-index: 99;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
}
#extraInfo p { 
	padding: 20px;
	font-style: italic;
	font-size: 14px;
}
#extraInfo a { 
	color: #000;
}
#extraInfo a:hover { 
	color: #fff;
	text-decoration: underline;
}
.extraicon {
	float: right;
	margin: 40px 0 0 32px;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.extraicon a {
	color: #fff;
}
.extraicon a:hover {
	color: #0042ff;
}

h3.top-header {
	margin: 0px 0px 32px 0px;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
h3.top-header hr {
	position: absolute;
	margin: 0;
	padding: 1px;
	top: 8px;
	border: 1px double;
	border-color: #0042ff;
	border-width: 1px 0;
	z-index: 0;
	background: none;
}
h3.top-header span {
	position: relative;
	z-index: 1;
	background: #fff;
	color: #0042ff;
	text-transform: uppercase;
	padding-right: 20px;
	letter-spacing: 1px;
}
h3.top-header small {
	font-size: 10px;
	font-style: italic;
	padding-left: 8px;
}

/*	Posts
----------------------------------------------------------------------*/
.posts {}
.post { margin: 0 0 64px 0}
.full-thumb img,
.full-thumb iframe {
	border: 1px solid #FFF;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
	width: 777px;
	margin: 0 0 24px 0;
}
.post h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 8px 0;
}
.post .meta {
	font-size: 12px;
	margin: 0 0 16px 0;
}
.post .meta span {
	font-size: 12px;
	margin: 0 16px 0 0;
}
.next-prev-blog .next-blog-post {
	float: right;
	font-weight: 600;
}
.next-prev-blog .prev-blog-post {
	float: left;
	font-weight: 600;
}
.single-nav .pagination {
	position: absolute;
	top: -4px;
	right: -2px;
	background: #FFF;
	z-index: 9;
}
.pagination {
	margin: 0;
	font-size: 14px;
	padding: 0;
	font-weight: 600;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pagination .numbers {
	background: #fff;
	color: #ADADAD;
	padding: 0 0 0 20px;
	float: right;
}
.tac .numbers {
	float: none;
	text-align: center
}

ul.showcomments {
	margin: 0;
}
ul.showcomments li {
	margin: 0 0 32px 0;
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 32px;
}
ul.showcomments li.admin-comment {
	border-bottom: 2px solid #0042ff
}
ul.showcomments li.admin-comment h4.entry-title i {
	color: #FFF;
	background: #0042ff;
	padding: 1px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
ul.showcomments li.child {
	margin: 0 0 32px 112px;
}
ul.showcomments .reply {
	position: relative;
	bottom: -10px;
	left: 0;
	font-size: 10px;
	text-align: center;
	font-style: italic;
}
ul.showcomments .reply a {
	background: #fff;
	padding: 4px 8px;
	opacity: .7;
	color: #1c1c1c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
ul.showcomments .reply a:hover {
	background: #0042ff;
	color: #fff;
	opacity: 1;
}
ul.showcomments .thumb {
	float: left;
	margin: 0 30px 0 0;
}
ul.showcomments .thumb img {
	width: 80px;
	height: 80px;
	border: 1px solid #FFF;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
}
ul.showcomments h4.entry-title {
	margin: 0 0 12px 0;
	font-size: 14px;
	font-weight: bold;
	padding-top: 6px;
}
ul.showcomments h4.entry-title i {
	margin-left: 8px;
	font-style: italic;
	font-weight: normal;
	font-size: 11px;
	color: #888;
}
ul.showcomments span.date {
	float: right;
	padding-left: 8px;
	font-style: italic;
	font-weight: normal;
	font-size: 11px;
	color: #888;
}
ul.showcomments .entry-meta {
	font-style: italic;
	font-size: 11px;
	margin: 0 0 6px 0;
}
ul.showcomments .social {
	margin-top: -8px;
	float: right;
}
#commentform label {
	display: block;
	margin-bottom: 5px;
}
#commentform .fields input {
	border: 1px solid #E0E0E0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	width: 70%;
	padding: 16px;
	color: #C5C5C5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 16px 0;
}
#commentform textarea {
	border: 1px solid #E0E0E0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
	padding: 16px;
	color: #C5C5C5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 16px 0;
}

/* 	Filters
----------------------------------------------------------------------------------------------------*/
.filterable {
	margin: 0 auto 40px;
	text-align: left;
}
.filterable span {
	padding-right: 16px;
	display: inline-block;
	white-space: nowrap;
}
.filterable ul.filter {
	padding: 0 0 0 16px;
	display: inline-block;
	white-space: nowrap;
}
.filterable ul.filter li {
	display: inline;
	color: #1c1c1c;
	margin: 0;
}
.filterable ul.filter li:after {
	content: '/';
	color: #bbb;
	font-size: 10px;
	margin: 0 10px;
}
.filterable ul.filter li:last-child:after {
	content: '';
	margin: 0;
}
.filterable li a {
	padding: 4px 8px;
	font-weight: 600;
}
.filterable li.current a, .filterable li a:hover  {
	padding: 4px 8px;
	color: #0042ff
}
.portfolio {
	overflow: hidden;
	display: block;
	margin: 0 0 32px 0;
}
.portfolio-single {
	border: 1px solid #FFF;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
}
.ms-tt {
	display: block;
	position: relative;
	padding: 0;
	margin-bottom: 2%;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}
.ms-tt iframe {
	width: 100%
}
.ms-tt .post-meta-ab {
	position: absolute;
	white-space: nowrap;
	background: #272727;
	background: rgba(39, 39, 39, 0.7);
	max-width: 82%;
	bottom: 8px;
	right: 0;
	padding: 8px;
	z-index: 2;
	font-size: 11px;
	font-weight: bold;
	-webkit-transition: all 700ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	-moz-transition: all 700ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	-ms-transition: all 700ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	-o-transition: all 700ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	transition: all 700ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
}
.ms-tt .post-meta-ab a {
	color: #CFCFCF;
}
.ms-tt .post-meta-ab a:hover {
	color: #0042ff
}
.project-details span {
	display: block;
	margin: 0 0 16px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px dotted #DDD;
}
.project-details span i {
	padding-right: 8px;
}
.project-details span small {
	display: inline-block;
	width: 116px;
}
.project-des {
	margin: 32px 0;
}

/*	Sidebar
----------------------------------------------------------------------*/
.sidebar {}
.widget {
	display: block;
	margin: 0 0 64px 0;
}
.sidebar-ads img {
	width: 150px;
	height: 150px;
	margin: 0 7px 7px;
	display: inline-block;
}
.widget.meta-links li {
	padding: 6px 0 0 0;
}
.widget.meta-links li:first-child {
	padding: 0;
}
.widget.meta-links li a {
	padding: 0 0 6px 0;
	display: block;
	border-bottom: 1px solid #DFDFDF;
}
.latest-posts {
	width: 244px;
	float: right;
	padding: 0 0 16px 0;
	margin: 0 0 16px 0;
	border-bottom: 1px solid #2c2c2c;
}
.latest-posts .post-thumbnail {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 16px 0 0;
	border: 1px solid #fff;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
}
.latest-posts .post-thumbnail img {}
.latest-posts .post-meta {
	font-size: 11px;
	font-weight: normal;
	color: #bbb;
}
.latest-posts .post-meta span {
	padding-right: 8px;
}
.latest-posts .post-meta i {
	margin-right: 4px;
}
.latest-posts h3 {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 8px 0;
	font-weight: 600;
}
.widget .latest-posts {
	width: 331px;
	border-bottom: 1px solid #ECECEC;
}

/*	Services
----------------------------------------------------------------------*/
.service-i i {
	display: block;
	float: left;
	color: #fff;
	background: #1c1c1c;
	padding: 24px 24px;
	font-size: 24px;
	width: 24px;
	margin: 0 16px 0 0;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.service-i .grid_4:hover i,
.service-i .grid_6:hover i,
.service-i .grid_12:hover i {
	color: #fff;
	background-color: #0042ff;
	-webkit-animation: S4 .8s 1;
	-moz-animation: S4 .8s 1;
	-ms-animation: S4 .8s 1;
	-o-animation: S4 .8s 1;
	animation: S4 .8s 1;
}
@-webkit-keyframes S4 {
	0% { -webkit-transform: translateX(0%); }
	15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
	30% { -webkit-transform: translateX(20%) rotate(3deg); }
	45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
	60% { -webkit-transform: translateX(10%) rotate(2deg); }
	75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
	100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes S4 {
	0% { -moz-transform: translateX(0%); }
	15% { -moz-transform: translateX(-25%) rotate(-5deg); }
	30% { -moz-transform: translateX(20%) rotate(3deg); }
	45% { -moz-transform: translateX(-15%) rotate(-3deg); }
	60% { -moz-transform: translateX(10%) rotate(2deg); }
	75% { -moz-transform: translateX(-5%) rotate(-1deg); }
	100% { -moz-transform: translateX(0%); }
}
@-ms-keyframes S4 {
	0% { -ms-transform: translateX(0%); }
	15% { -ms-transform: translateX(-25%) rotate(-5deg); }
	30% { -ms-transform: translateX(20%) rotate(3deg); }
	45% { -ms-transform: translateX(-15%) rotate(-3deg); }
	60% { -ms-transform: translateX(10%) rotate(2deg); }
	75% { -ms-transform: translateX(-5%) rotate(-1deg); }
	100% { -ms-transform: translateX(0%); }
}
@-o-keyframes S4 {
	0% { -o-transform: translateX(0%); }
	15% { -o-transform: translateX(-25%) rotate(-5deg); }
	30% { -o-transform: translateX(20%) rotate(3deg); }
	45% { -o-transform: translateX(-15%) rotate(-3deg); }
	60% { -o-transform: translateX(10%) rotate(2deg); }
	75% { -o-transform: translateX(-5%) rotate(-1deg); }
	100% { -o-transform: translateX(0%); }
}
@keyframes S4 {
	0% { transform: translateX(0%); }
	15% { transform: translateX(-25%) rotate(-5deg); }
	30% { transform: translateX(20%) rotate(3deg); }
	45% { transform: translateX(-15%) rotate(-3deg); }
	60% { transform: translateX(10%) rotate(2deg); }
	75% { transform: translateX(-5%) rotate(-1deg); }
	100% { transform: translateX(0%); }
}
.service-i h3 { font-size: 16px; }
.service-i p { margin: 0; }

.service-ii i {
	display: block;
	float: left;
	color: #0042ff;
	font-size: 9px;
	width: 10px;
	margin: 12px 8px 0 0;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.service-ii .grid_4:hover i,
.service-ii .grid_6:hover i,
.service-ii .grid_12:hover i {
	color: #fff;
	background-color: #0042ff;
	-webkit-animation: S4 .8s 1;
	-moz-animation: S4 .8s 1;
	-ms-animation: S4 .8s 1;
	-o-animation: S4 .8s 1;
	animation: S4 .8s 1;
}
.service-ii h3 { font-size: 16px; margin: 8px 0 18px; }
.service-ii p { margin: 0; }


/* 	Under Construction
----------------------------------------------------------------------*/
.timer-area {
	text-align: center;
	margin: 0;
}
ul#countdown li {
  display: inline-block;
  background: transparent url('images/timer-piece.png') no-repeat left top;
  width: 104px;
  margin-bottom: 4em;
  text-align: center;
}
ul#countdown li span {
  font-size: 3em;
  font-weight: bold;
  color: #1f2225;
  height: 108px;
  line-height: 108px;
  position: relative;
}
ul#countdown li p.timeRefDays,
ul#countdown li p.timeRefHours,
ul#countdown li p.timeRefMinutes,
ul#countdown li p.timeRefSeconds {
  margin-top: 1em;
  color: #909091;
  text-transform: uppercase;
  font-size: .875em;
}
#subscribeform, #searchtt {
	font-size: 12px;
}
#subscribeform #sub {
	background: #404040;
	border: none;
	outline: none;
	color: #CCC;
	font-size: 12px;
	border-radius: 0;
	margin: 0;
	font-style: italic;
	padding: 16px;
	width: 24%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sub-button {
	background: #0042ff;
	border: none;
	color: white;
	padding: 6px 8px;
	font-size: 12px;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.sub-button:hover {
	background: #272727;
}

/*	Progress Bar
----------------------------------------------------------------------*/
.progress-bar {
	background-color: #f7f7f7;
	height: 32px;
	position: relative;
	margin-bottom: 16px;
	overflow: hidden;
	background-image: -moz-linear-gradient(top,#f5f5f5,#f9f9f9);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
	background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
	background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9);
	background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9);
	background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0, 0.1);    
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.progress-bar span {
	display: inline-block;
	height: 100%;	
	background-color: #0042ff;
	-webkit-transition: width .4s ease-in-out;
	-moz-transition: width .4s ease-in-out;
	-ms-transition: width .4s ease-in-out;
	-o-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out;
}
.stripes span {
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	-ms-background-size: 30px 30px;
	-o-background-size: 30px 30px;
	background-size: 30px 30px;			
	background-image: -webkit-gradient(linear, left top, right bottom,
						color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
						color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
						color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
						to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);            
	-webkit-animation: animate-stripes 3s linear infinite;
	-moz-animation: animate-stripes 3s linear infinite;
	-ms-animation: animate-stripes 3s linear infinite;
	-o-animation: animate-stripes 3s linear infinite;
	animation: animate-stripes 3s linear infinite;
}
@-webkit-keyframes animate-stripes { 
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@-moz-keyframes animate-stripes { 
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@-ms-keyframes animate-stripes { 
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@-o-keyframes animate-stripes { 
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@keyframes animate-stripes {
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
.progress-bar  .progress-bar-text {
	position: absolute;
	bottom: 4px;
	left: 12px;
	color: white;
	text-shadow: 1px 1px 1px rgba(73, 73, 73, 0.66);
}
.progress-bar  .progress-bar-text > span {
	background: none;
}

/*	Accordion and Toggle
----------------------------------------------------------------------*/
.tt-accordion,
.tt-toggle {
	padding: 0;
	list-style: none;
}
.accordion-head,
.toggle-head {
	padding: 6px 8px;
	margin: 8px 0 0 0;
	font-size: 12px;
	cursor: pointer;
	border: 1px solid #E6E6E6;
	color: #4e4e4e;
}
.accordion-head i,
.toggle-head i {
	margin-right: 4px;
}
.sub-accordion:first-child .accordion-head,
.sub-toggle:first-child .toggle-head {
	margin: 0;
}
.accordion-head:hover,
.toggle-head:hover {
	color:#fff;
	background-color:#0042ff;
}
.active .accordion-head,
.active .toggle-head {
	color:#fff;
	background-color: #0042ff;
	border: 1px solid #0042ff;
}
.accordion-head:hover .accordion-head-sign, .toggle-head:hover .toggle-head-sign {
	color:#fff;;
}
.accordion-content,
.toggle-content {
	padding:16px;
	overflow:hidden;
	border: 1px solid #0042ff;
}
.accordion-head-sign,
.toggle-head-sign {
	float:right;
	margin: 0;
	cursor:pointer;
}
.accordion-head-sign i,
.toggle-head-sign i {
	padding: 0;
	margin: 0;
}

/*	Tabs
----------------------------------------------------------------------*/
.tabs {
	display:block;
	padding:0;
	list-style:none;
}
.tabs li {
	display:block;
	width:auto;
	padding:0;
	float:left;
	margin-bottom:0;
}
.tabs li a {
	display: block;
	padding: 8px 16px;
	margin: 0 0 -1px -1px;
	font-size: 12px;
	cursor: pointer;
	color: #4E4E4E;
	background: #F0F0F0;
	border: 1px solid #E6E6E6;
}
.tabs li a i {
	margin: 0 4px 0 0;
}
.tabs li:first-child a {
	margin: 0 0 -1px 0;
}
.tabs li a:hover {
	background: #FFF;
}
.tabs li a.active {
	background: #FFF;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #0042ff;
}
.tabs-content {
	padding: 16px;
	display:block;
	list-style:none;
	border: 1px solid #E6E6E6;
}
.tabs-content > li {
	display:none;
}
.tabs-content > li.active {
	display:block;
	overflow:hidden;
}
.tabs:before,
.tabs:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.tabs:after {
	clear:both;
}

.vert-tab {
	border-bottom: 0;
	text-align: right;
}
.vert-tab li {
	float: none;
}
.vert-tab a {
	padding: 8px 10px !important;
	border: 0 !important;
	border-right: 1px solid #DFDFDF !important;
	background: none !important;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.vert-tab a:hover {
	color: #0042ff
}
.vert-tab a.active {
	border: 1px solid #DFDFDF !important;
	border-bottom: 1px solid #DFDFDF !important;
	border-right: 0 !important;
	box-shadow: -3px 0 5px rgba(39, 39, 39, 0.1) !important;
	color: #0042ff
}
.vert-content {
	padding: 0 0 0 16px !important;
	border: 0
}

/*	Stunning Text
----------------------------------------------------------------------*/
.full-stunning {
	background: #F3F3F3;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	display: block;
	padding: 32px 0;
	text-align: center;
	color: #fff;
}
.full-stunning h3 {
	color: #fff;
	margin: 0 0 32px 0;
	font-weight: normal;
}
.full-stunning .proline {
	margin: 0 auto 32px;
	width: 80%;
}
.stuni {
	position: relative;
	padding: 32px 208px 32px 32px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	background: #0042ff;
	color: #000;
}
.stuni p {
	margin: 8px 0 0 0;
	color: #fff;
}
.stuni h3 {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	margin: 8px 0;
}
.stuni-e {
	text-align:center;
}
.stuni-e h3 {
	margin: 0 0 32px 0;
	font-weight: normal;
}
.stuni-e .proline {
	margin: 0 auto 32px;
	width: 80%;
}
.stuni-rev, .stuni-rev p, .stuni-rev h3 {
	color: #4e4e4e;
}
.stuni i {
	margin-right: 8px;
}
.stun-btn {
	position: absolute;
	top: 37%;
	right: 32px;
}
.stun-center {
	text-align: center;
	padding: 32px 32px;
	top: auto;
	right: auto;
}
.stun-left {
	text-align: left;
	padding: 20px 32px 32px 20px;
	top: auto;
	right: auto;
}
.stun-center .stun-btn {
	position: relative;
	margin: 32px auto 0;
	top: auto;
	right: auto;
}

/* 	Tipsy
----------------------------------------------------------------------*/
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000}
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px}
.tipsy-nw .tipsy-arrow { top: 0; left: 10px}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left}
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left}
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px}

/*	HR Styles
----------------------------------------------------------------------*/
hr.line {
	margin-bottom: 32px;
}
hr.dotted {
	border-bottom: 1px dotted #777;
	margin-bottom: 32px;
}
hr.double {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-bottom: 32px;
}	
hr.theme20-1 {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	margin-bottom: 32px;
}			
hr.theme20-3 {
	padding: 0;
	border: none;
	border-top: medium double #555;
	color: #555;
	text-align: center;
	margin: 32px 0;
}
hr.theme20-3:after {
	content: "♦";
	display: inline-block;
	position: relative; 
	top: -0.7em;  
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
}
.highlight {
	padding: 1px 8px;
}

/* 	Blockquote
----------------------------------------------------------------------*/
.blockquote {
	font-family:'Philosopher', serif;
	font-size:16px;
	font-style:italic;
	text-align:center;
	text-shadow:1px 1px 3px transparent;
	color:#5f5f5f;
	margin:20px;
	overflow:hidden;
	border-left:5px solid #272727;
	background-color: whiteSmoke;
}
.blockquote.left {
	width:33%;
	float:left;
}
div.blockquote.right {
	width:33%;
	float:right;
}
.blockquote > div {
	padding:20px;
}

.dropcap { 
	font-size: 40px;
	margin: 0 16px 8px 0;
	text-transform: uppercase;
	float: left;
	position: relative;
	top: 5px;
	color: #FFF;
	line-height: 64px;
	padding: 0 22px;
	background: #0042ff;
}

/* 	Clear Floated
----------------------------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.mt {margin-top: 16px}
.mtt {margin-top: 32px}
.mts {margin-top: 64px}
.mb {margin-bottom: 16px}
.mbt {margin-bottom: 32px}
.mbs {margin-bottom: 64px}
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.sq { border-radius: 10%}
.niml-i { margin-left: 2px }
.nimf-i { margin-right: 2px }
.last-i { margin-left: 4px }
.first-i { margin-right: 4px }
.last-ii { margin-left: 8px }
.first-ii { margin-right: 8px }
.fll {
	float: left;
	margin: 6px 16px 8px 0;
}
.flr {
	float: right;
	margin: 6px 0 8px 16px;
}
.flr-n {
	float: right
}
.fln {
	float: none;
	text-align: center;
	margin: 0 0 16px 0;
}
.mzero {
	margin: 0
}
.tbtn {
	background: #2c2c2c;
	padding: 8px 16px;
	color: #fff;
	border-radius: 3px;
	-webkit-transition: background-color 0.2s, color 0.2s;
	-moz-transition: background-color 0.2s, color 0.2s;
	-o-transition: background-color 0.2s, color 0.2s;
	-ms-transition: background-color 0.2s, color 0.2s;
	transition: background-color 0.2s, color 0.2s;
}
.tbtn i {
	margin-right: 8px;
}
.tbtn:hover {
	background: #0042ff;
	color: #fff;
}
.tbtnr {
	background: #0042ff;
	padding: 8px 16px;
	color: #fff;
	border-radius: 3px;
	-webkit-transition: background-color 0.2s, color 0.2s;
	-moz-transition: background-color 0.2s, color 0.2s;
	-o-transition: background-color 0.2s, color 0.2s;
	-ms-transition: background-color 0.2s, color 0.2s;
	transition: background-color 0.2s, color 0.2s;
}
.tbtnr i {
	margin-right: 8px;
}
.tbtnr:hover {
	background: #2c2c2c;
	color: #fff;
}

.cnbtn {
	background: transparent;
	border: 2px solid #B6B6B6;
	padding: 12px 32px;
	color: #B6B6B6;
	font-size: 14px;
	border-radius: 3px;
	display: inline-block;
	-webkit-transition: background-color 0.2s, color 0.2s;
	-moz-transition: background-color 0.2s, color 0.2s;
	-o-transition: background-color 0.2s, color 0.2s;
	-ms-transition: background-color 0.2s, color 0.2s;
	transition: background-color 0.2s, color 0.2s;
}
.cnbtn i {
	margin-right: 8px;
}
.cnbtn:hover {
	background: #0042ff;
	border: 2px solid #0042ff;
	color: #fff;
}

/*	Our team
----------------------------------------------------------------------*/
.our-team {}
.our-team .photo {
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	height: 200px;
	margin: 0;
	width: 200px;
	background: #FFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.our-team h3 {
	font-size: 16px;
	margin: 16px 0;
	text-align: left;
}
.our-team h3 small {
	font-size: 12px;
	color: #ccc;
	font-style: italic;
}
.our-team p {
	margin: 0 0 16px;
}

/* 	Slider Custom
----------------------------------------------------------------------*/
#full .slider-full {
	margin: 32px auto 0;
	width: 1128px;
}
#boxed .slider-full,
#blocked .slider-full {
	width: 100%;
	margin: 0 auto;
}

/* 	Modern Slider
----------------------------------------------------------------------*/
.modern-slider{position:relative;width:1128px;height:250px;}
.modern-slider img, .modern-slider iframe {width: 1128px;height:250px;}
#full .modern-slider{margin: 64px auto 0}
.mslider-view{overflow:hidden;background-color:#202020;position:relative;height:100%;}
.mslider-pages{position:relative;height:100%}
.mslider-horizontal .mslider-pages{width:9000px}
.mslider-pages > div {position:relative;height:100%}
.mslider-horizontal .mslider-pages > div {float:left}
.mslider-labels{
	position: absolute;
	bottom: 0;
	left: 13%;
}
.mslider-label2{ bottom: 80px; }
.mslider-label3{ bottom: 40px; }
.mslider-label4{ bottom: 0; }
.labele{font-size:1.2em;color:#fafafa;background-color:#2f2f2f;border-left:5px solid #0042ff;padding:8px 10px;margin-bottom:5px;white-space:nowrap;float:left;clear:left}
.mslider-controls{position:absolute;right:14%;bottom:2px;}
.mslider-horizontal .mslider-controls{margin-top:-20px;}
.mslider-vertical .mslider-controls{margin-top:-65px}
.mslider-arrow{
	width:60px;
	height:40px;
	background-color:#272727;
	cursor:pointer;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.mslider-arrow i{
	padding: 9px 0 0 26px;
	display: block;
	font-size: 20px;
	color: #FFF;
}
.mslider-horizontal .mslider-arrow{float:left}
.mslider-arrow:hover{background-color:#0042ff}
.mslider-arrow:active{background-color:#0042ff}
.mslider-next{background-repeat:no-repeat;background-position:center}

/* 	FlexSlider Custom
----------------------------------------------------------------------*/
.sliderr {}
.flex-full {}
.flex-full .flexslider .flex-caption { padding: 8px; }
.flex-full .flexslider.position-caption-bottom-centered .flex-caption { bottom: 10%; margin: 0; left: 272px;}
.flex-full .flex-direction-nav a {margin: 0; bottom: 10%; top: auto; background-color: #1c1c1c; opacity: 1;}
.flex-full .flex-direction-nav a:hover {color:#fff; background-color: #0042ff}
.flex-full .flex-direction-nav .flex-next {left: 236px; right: auto; }
.flex-full .flex-direction-nav .flex-prev {left: 200px;right: auto;}
.flex-full .flexslider:hover .flex-next {left: 236px; right: auto;opacity: 1;}
.flex-full .flexslider:hover .flex-prev {left: 200px;right: auto;opacity: 1;}
.flex-full .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-full .flex-direction-nav .flex-disabled {opacity: 1 !important; cursor: default;}

/* 	Flex Slider
----------------------------------------------------------------------*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles */ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

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

/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px 0; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav a {margin: -20px 0 0; display: block;background-color: #272727; padding: 8px; position: absolute; top: 50%; cursor: pointer; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav a:hover {background-color: #0042ff}
.flex-direction-nav a i {color: #FFF;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 1;right: -1px;}
.flexslider:hover .flex-prev {opacity: 1;left: 0px;}
.flex-direction-nav .flex-disabled {opacity: 0.3 !important; cursor: default;}

/* Control Nav */
.flex-control-nav {position: absolute; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block;}
.flex-control-paging li a {background-color: #CACCCF;width: 12px; height: 12px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; color:#fff;}
.m-thumb .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background-color: #0042ff; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

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

/**	Overwrite original style     **/
.flexslider {
	margin: 0 ;
	background-color : transparent;
	border: none;
	position: relative;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
}

/**	Control nav	**/
.flex-control-nav li {
	padding: 4px;
	margin: 0;
}
.flexslider.position-nav-under .flex-control-nav {
	position : absolute;
	bottom: 20px;
	right: 40px;
}
.testimonial-wrapper .flex-control-nav {
	position : absolute;
	bottom: 4px;
	right: 4px;
}

.flexslider.flexslider.position-nav-under {
	margin-bottom: 0
}
.flexslider.position-nav-bottom .flex-control-nav {
	position : absolute;
	bottom:9px;
}
.flexslider.position-nav-top .flex-control-nav {
	position : absolute;
	top:9px;
}
.color-nav-dark .flex-control-paging li a {
	background-color : #A7A7A7;
	background-color: rgba(236, 236, 236, 0.3);
	box-shadow: inset -1px 1px 1px rgba(0,0,0,0.5);
}
.color-nav-dark .flex-control-paging li a:hover, .color-nav-dark .flex-control-paging li a.flex-active {
	background-color: #0042ff;
}
.color-nav-light .flex-control-paging li a {
	background-color : #999;
	background-color: rgba(255,255,255,0.55);
	box-shadow: inset -1px 1px 1px rgba(0,0,0,0.5);
}
.color-nav-light .flex-control-paging li a:hover {
	background-color: #bbb;
	background-color: rgba(255,255,255,0.70);
}
.color-nav-active-black .flex-control-paging li a.flex-active {
	background-color: #111;
}
.color-nav-active-green .flex-control-paging li a.flex-active {
	background-color: #359BED;
}
.color-nav-active-orange .flex-control-paging li a.flex-active {
	background-color: #ec6104;
}
.flex-active {
	background-color: #fff;
}
.color-nav-active-red .flex-control-paging li a.flex-active {
	background-color: #c61013;
}
.color-nav-active-white .flex-control-paging li a.flex-active {
	background-color: #fff;
}



/**	Slide theme 	**/
.flex-slide-theme-horizontal {
	margin-top:25px;
	margin-bottom:30px;
	border-left:1px solid #555;
	border-right:1px solid #555;
	border-color:rgba(0,0,0,0.6);
}
.flex-slide-theme-horizontal .slide-theme {
	display: block;
	height: 100%;
	top:0;
	left: 0;
	position: absolute;
	width:100%;
	z-index:-1;
}
.flex-slide-theme-horizontal .slide-theme-side {
	background: transparent url(../../images/slide-border.png) left top no-repeat;
	display: block;
	height: 26px;
	position: absolute;
	width: 45px;
}
.flex-slide-theme-horizontal .slide-theme-side.slide-bottom-left {
	background-position: -2px -28px;
	bottom: -26px;
	left: -1px;
}
.flex-slide-theme-horizontal .slide-theme-side.slide-top-left {
	background-position: -2px 0;
	top: -26px;
	left: -1px;
}
.flex-slide-theme-horizontal .slide-theme-side.slide-bottom-right {
	background-position: -64px -28px;
	bottom: -26px;
	right: -2px;
}
.flex-slide-theme-horizontal .slide-theme-side.slide-top-right {
	background-position: -64px 0;
	top: -26px;
	right: -2px;
}
.flex-slide-theme-vertical {
	margin-left:25px;
	margin-right:25px;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
	border-color:rgba(0,0,0,0.6);
}
.flex-slide-theme-vertical .slide-theme {
	display: block;
	height: 100%;
	top:0;
	left: 0;
	position: absolute;
	width:100%;
	z-index:-1;
}
.flex-slide-theme-vertical .slide-theme-side {
	background: transparent url(../../images/slide-border.png) left top no-repeat;
	display: block;
	height: 40px;
	position: absolute;
	width: 25px;
}
.flex-slide-theme-vertical .slide-theme-side.slide-bottom-left {
	background-position: -111px -13px;
	bottom: -1px;
	left: -25px;
}
.flex-slide-theme-vertical .slide-theme-side.slide-top-left {
	background-position: -167px -16px;
	top: -1px;
	left: -25px;
}
.flex-slide-theme-vertical .slide-theme-side.slide-bottom-right {
	background-position: -139px -13px;
	bottom: -1px;
	right: -25px;
}
.flex-slide-theme-vertical .slide-theme-side.slide-top-right {
	background-position: -195px -16px;
	top: -1px;
	right: -25px;
}

/**	Custom theme	**/
.theme-border-radius-01, .theme-border-radius-01 ul.slides li img {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.theme-border-radius-01.position-caption-bottom-left .flex-caption, .theme-border-radius-01.position-caption-bottom-right .flex-caption, .theme-border-radius-01.position-caption-bottom-centered .flex-caption {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-ms-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.theme-border-radius-01.position-caption-top-left .flex-caption, .theme-border-radius-01.position-caption-top-right .flex-caption, .theme-border-radius-01.position-caption-top-centered .flex-caption {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.theme-border-radius-02, .theme-border-radius-02 ul.slides li img {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.theme-border-radius-02.position-caption-bottom-left .flex-caption, .theme-border-radius-02.position-caption-bottom-right .flex-caption, .theme-border-radius-02.position-caption-bottom-centered .flex-caption {
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-o-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
.theme-border-radius-02.position-caption-top-left .flex-caption, .theme-border-radius-02.position-caption-top-right .flex-caption, .theme-border-radius-02.position-caption-top-centered .flex-caption {
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-o-border-radius:8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}

.theme-border-radius-03, .theme-border-radius-03 ul.slides li img {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
}
.theme-border-radius-03.position-caption-bottom-left .flex-caption, .theme-border-radius-03.position-caption-bottom-right .flex-caption, .theme-border-radius-03.position-caption-bottom-centered .flex-caption {
	-webkit-border-radius: 0 0 12px 12px;
	-moz-border-radius: 0 0 12px 12px;
	-o-border-radius: 0 0 12px 12px;
	border-radius: 0 0 12px 12px;
}
.theme-border-radius-03.position-caption-top-left .flex-caption, .theme-border-radius-03.position-caption-top-right .flex-caption, .theme-border-radius-03.position-caption-top-centered .flex-caption {
	-webkit-border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
	-o-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0;
}

.theme-border-radius-04, .theme-border-radius-04 ul.slides li img {
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-o-border-radius: 24px;
	border-radius: 24px;
}
.theme-border-radius-04.position-caption-bottom-left .flex-caption, .theme-border-radius-04.position-caption-bottom-right .flex-caption, .theme-border-radius-04.position-caption-bottom-centered .flex-caption {
	-webkit-border-radius: 0 0 24px 24px;
	-moz-border-radius: 0 0 24px 24px;
	-o-border-radius: 0 0 24px 24px;
	border-radius: 0 0 24px 24px;
}
.theme-border-radius-04.position-caption-top-left .flex-caption, .theme-border-radius-04.position-caption-top-right .flex-caption, .theme-border-radius-04.position-caption-top-centered .flex-caption {
	-webkit-border-radius: 24px 24px 0 0;
	-moz-border-radius: 24px 24px 0 0;
	-o-border-radius: 24px 24px 0 0;
	border-radius: 24px 24px 0 0;
}


.theme-border-01 ul.slides {
	padding: 2px;
}
.theme-border-02 {
	padding: 4px;
}
.theme-border-03 ul.slides {
	padding: 7px;
}
.theme-border-04 ul.slides {
	padding: 10px;
}
.theme-shadow-normal {
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
	box-shadow: 0 1px 4px rgba(0,0,0,0.6);
}
.theme-shadow-large {
	-webkit-box-shadow: 0 1px 15px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 15px rgba(0,0,0,0.4);
	-o-box-shadow: 0 1px 15px rgba(0,0,0,0.4);
	box-shadow: 0 1px 15px rgba(0,0,0,0.4);
	margin:10px;
}

/** Custom CSS by JoomSpirit **/
.flexslider {
	overflow:visible !important;
}
.flexslider ul.slides {
	background-color: transparent;
}
.flexslider .slides > li {
	position:relative;
}
.flexslider ul.slides li a {
	display:block;
}
.flexslider.white-arrow .flex-direction-nav a {
	background-image : url(../../images/bg_direction_nav_black.png);
}
.flexslider.black-arrow .flex-direction-nav a {
	background-image : url(../../images/bg_direction_nav_black.png);
}
.flexslider .flex-caption {
	position : absolute ;
	left:0;
	margin: 20px 20px 20px 40px;
	padding:10px 10px;
	z-index:10;
	font-weight:bold;
	letter-spacing:1px;
	font-size:36px !important;
}
.flexslider ul.slides li .flex-caption a {
	display:inline;
	color: #fff
}
.flexslider ul.slides li .flex-caption a:hover {
	color : inherit;
	text-decoration: underline;
	font-size: 32px;
}
.flexslider ul.slides li a .flex-caption:hover {
	text-decoration: none;
	color : inherit;
	cursor:pointer;
}
.flexslider.position-caption-bottom-left .flex-caption{
	bottom:0;
	text-align:left;
}
.flexslider.position-caption-bottom-right .flex-caption {
	bottom:0;
	text-align:right;
}
.flexslider.position-caption-bottom-centered .flex-caption {
	bottom:0;
	text-align:left;
}
.flexslider.position-caption-top-left .flex-caption {
	top:0;
	text-align:left;
}
.flexslider.position-caption-top-right .flex-caption {
	top:0;
	text-align:right;
}
.flexslider.position-caption-top-centered .flex-caption {
	top:0;
	text-align:center;
}
.flexslider.bg-caption-black-00 .flex-caption {
	background-color : #000;
	background-image : none;
}
.flexslider.bg-caption-white-00 .flex-caption {
	background-color : #fff;
	background-image : none;
}
.flexslider.bg-caption-white-09 .flex-caption, .flexslider.bg-caption-black-09 .flex-caption {
	background-color : transparent;
	background-image : none;
}
.flexslider.bg-caption-black-01 .flex-caption {
	background-image : url(../images/black-80.png);
}
.flexslider.bg-caption-black-02 .flex-caption {
	background: #0042ff;
	opacity: 0.9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

/* 	Testimonials
----------------------------------------------------------------------*/
.testimonial-say { text-align:left; }
.testimonial-say .say {
	font-size: 16px;
	font-style: italic;
	font-weight: 600;
}
.testimonial-say .human {
	font-size: 12px;
	font-style: italic;
}
.testimonial-say .flex-direction-nav a {
	display: block;
	background: #fff;
	border: 0;
	position: absolute;
	padding: 0 0 0 8px;
	width: 24px;
	height: 24px;
	top: -35px;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.testimonial-say .flex-direction-nav a i {
	background: #F7F7F7;
	color: #C0C0C0;
	padding: 8px 7px;
	display: block;
	-webkit-transition: color .1s, background .1s ease-in-out;
	-moz-transition: color .1s, background .1s ease-in-out;
	-ms-transition: color .1s, background .1s ease-in-out;
	-o-transition: color .1s, background .1s ease-in-out;
	transition: color .1s, background .1s ease-in-out;
}
.testimonial-say .flex-direction-nav a i:hover {
	color: #FFF;
	background: #0042ff
}
.testimonial-say li a, .testimonial-say ul.slides li a:hover {
	color: #FFF;
}
.testimonial-say .flex-direction-nav .flex-prev {
	right: 38px;
	left: auto;
}
.testimonial-say .flex-direction-nav .flex-next {
	right: 0 !important;
}

/* 	Table
----------------------------------------------------------------------*/
.tt-table {
	margin: 52px 0;
	text-align: center;
}
.head-t {
	height: 50px;
	background: #272727;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.head-t h3 {
	color: #fff;
	text-align: center;
	line-height: 46px;
}
.pricingtable {
	float: none;
	margin: 0;
	text-align: left;
	display: inline-block;
	background: white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
.pricingtable ul {
	width: 164px;
	line-height: 30px;
	margin: 20px auto;
}
.pricingtable ul i {
	margin-right: 6px;
}
.pricingtable .proline {
	width: 170px;
	margin: 20px auto;
}
.pricingtable h1 {
	text-align: center;
	font-size: 88px;
	margin: 0;
	line-height: 100%;
}
.pricingtable h1 sup {
	font-size: 45px;
}
.pricingtable p {
	text-align: center;
	font: 500 14px/1 Helvetica, Verdana, sans-serif;
	color: #BCBEC0;
}
.pricingtable a {
	display: block;
	width: 114px;
	margin: 0 auto;
}
.pricingtable a.btn {
	margin: 0 auto 32px;
}
.tt-featured {
	z-index: 10;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

/* 	Table2
----------------------------------------------------------------------*/
.table {
	background:transparent !important;
	font-size:13px;
	text-align:center;
	border-collapse:collapse;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}
.table th {
	font-size:14px;
	font-weight:normal;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	padding:16px 12px;
	color:#ffffff;
	background-color:#272727;
	text-shadow:none;
}
.table td { 
	padding:14px 7px 14px 7px;
	text-align: center;
}
.table tr {
	border-bottom:1px solid #fff;
	background-color:#f8f8f8;
	-moz-transition:all .2s;
	-webkit-transition:all .2s;
	-o-transition:all .2s;
}
.table tr:hover {
	background:#ddd;
	transition:all .2s;
}
.table tfoot td {
	padding:10px 16px;
	text-align: left;
	background:#272727;
	color:#ffffff;
	font-size:11px;
	text-shadow:none;
}
.table tfoot tr:hover {
	background:#63b1be;
}

/* 	Portfolio Related
----------------------------------------------------------------------*/
#related ul.slides {
	height: 252px;
}
#related li {
	margin: 0 16px 0 0;
}
#related li img {
	width: 100%;
}
#related .flex-direction-nav a {
	display: block;
	background: #fff;
	border: 0;
	position: absolute;
	padding: 0 0 0 8px;
	width: 24px;
	height: 24px;
	top: -35px;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
#related .flex-direction-nav a i {
	background: #F7F7F7;
	color: #C0C0C0;
	padding: 8px 7px;
	display: block;
	-webkit-transition: color .1s, background .1s ease-in-out;
	-moz-transition: color .1s, background .1s ease-in-out;
	-ms-transition: color .1s, background .1s ease-in-out;
	-o-transition: color .1s, background .1s ease-in-out;
	transition: color .1s, background .1s ease-in-out;
}
#related .flex-direction-nav a i:hover {
	color: #FFF;
	background: #0042ff
}
#related ul.slides li a, #related ul.slides li a:hover {
	color: #FFF;
}
#related .flex-direction-nav .flex-prev {
	right: 38px;
	left: auto;
}
#related .flex-direction-nav .flex-next {
	right: 0px;
}
#related .buttons-tt {
	width: 100%;
	top: 48%;
	left: 48%;
}

/* 	Clients
----------------------------------------------------------------------*/
#clients ul.slides {}
#clients .slides li {
	margin: 0px 16px 0 0px;
	opacity: 0.4;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
#clients .slides li:hover {
	opacity: 1;
}
#clients li img {
	border:0;
	box-shadow: none;
}
#clients .flex-direction-nav a {
	display: block;
	background: #fff;
	border: 0;
	position: absolute;
	padding: 0 0 0 8px;
	width: 24px;
	height: 24px;
	top: -35px;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: all .3s ease;
}
#clients .flex-direction-nav a i {
	background: #F7F7F7;
	color: #C0C0C0;
	padding: 8px 7px;
	display: block;
	-webkit-transition: color .1s, background .1s ease-in-out;
	-moz-transition: color .1s, background .1s ease-in-out;
	-ms-transition: color .1s, background .1s ease-in-out;
	-o-transition: color .1s, background .1s ease-in-out;
	transition: color .1s, background .1s ease-in-out;
}
#clients .flex-direction-nav a i:hover {
	color: #FFF;
	background: #0042ff
}
#clients ul.slides li a, #clients ul.slides li a:hover {
	color: #FFF;
}
#clients .flex-direction-nav .flex-prev {
	right: 38px;
	left: auto;
}
#clients .flex-direction-nav .flex-next {
	right: 0px;
}

/* 	Contact Page
----------------------------------------------------------------------*/
.info-tt span {
	display: block;
	margin: 0 0 12px 0;
	padding: 0;
}
.info-tt span:hover i {
	color: #0042ff
}
#contactForm {
	font-size: 12px;
	position: relative;
}
#contactForm label {
	display: none;
}
#contactForm input {
	margin-bottom: 16px;
}
#contactForm #senderEmail, #contactForm #senderName {
	outline: none;
	color: #4e4e4e !important;
	padding: 16px;
	width: 49%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contactForm #senderName {
	float: left;
}
#contactForm #senderEmail {
	float: right;
}
#contactForm #message {
	outline: none;
	color: #4e4e4e;
	padding: 16px;
	width: 100%;
	height: 180px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.error, .thanks, .sending span {
	line-height: 27px;
}
.error {color: #F00;}
.icon-m {
	font-size: 14px;
	padding: 6px 4px 0 0;
}
.error-form {
	border: 1px solid #F00 !important;
}

.map iframe {
	width: 100%;
}

/* 	Image-overlay
----------------------------------------------------------------------*/
.hover-content {
	overflow: hidden;
	position: relative;
	background: #0042ff;
}
.hover-content img {
	float: left;
	opacity: 1;
	width: 100%;
	height: auto;
	-webkit-transition: -webkit-transform 700ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	-moz-transition: -moz-transform 700ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	-ms-transition: -ms-transform 700ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	-o-transition: -o-transform 700ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	transition: transform 700ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
}
.entry .hover-content img {
	width: 100%;
}
.hover-content:hover img {
	opacity: 0.2;
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
}
.hover-content:hover ~ .post-meta-ab {
	right: -648px;
}
.image-overlay {
	background-color: #0042ff;
	height: 100%;
	width: 100%;
	float: left;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	opacity: 1;
}
.image-overlay h4 {
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 8px 0;
	color: #fff;
}
.image-overlay .cop {
	text-align: left;
	font-size: 11px;
	color: #ddd;
	position: absolute;
	top: 16%;
	left: 0;
	padding: 0 24px;
	-webkit-transform: translate(0,-200px);
	-moz-transform: translate(0,-200px);
	-ms-transform: translate(0,-200px);
	-o-transform: translate(0,-200px);
	transform: translate(0,-200px);
	-webkit-transition: -webkit-transform 400ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	-moz-transition: -moz-transform 400ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	-ms-transition: -ms-transform 400ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	-o-transition: -o-transform 400ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	transition: transform 400ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
}
.image-overlay:hover .cop {
	opacity: 1;
	-webkit-transform: translate(0,0px);
	-moz-transform: translate(0,0px);
	-ms-transform: translate(0,0px);
	-o-transform: translate(0,0px);
	transform: translate(0,0px);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
.cop p {
	line-height: 18px;
}
.image-overlay .p-more {
	font-size: 10px;
	font-weight: 600;
	font-style: normal;
	color: #f0f0f0;
	position: absolute;
	bottom: 8%;
	right: 8%;
	-webkit-transform: translate(0,100px);
	-moz-transform: translate(0,100px);
	-ms-transform: translate(0,100px);
	-o-transform: translate(0,100px);
	transform: translate(0,100px);
	-webkit-transition: -webkit-transform 400ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	-moz-transition: -moz-transform 400ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	-ms-transition: -ms-transform 400ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	-o-transition: -o-transform 400ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
	transition: transform 400ms cubic-bezier(0.960, -0.600, 0.255, 1.650); 
}
.image-overlay .p-more a {
	margin: 0 0 0 16px;
	color: #fff;
}
.image-overlay .p-more a:hover {
	color: #bbb;
}
.image-overlay:hover .p-more {
	opacity: 1;
	-webkit-transform: translate(0,0px);
	-moz-transform: translate(0,0px);
	-ms-transform: translate(0,0px);
	-o-transform: translate(0,0px);
	transform: translate(0,0px);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
.p-more:hover {
	color: #ffdc00;
}
.p-more a{
	display: inline-block !important;
	white-space: nowrap;
}
ul.blog-posts {margin-top: 16px;}
ul.blog-posts li {
	margin: 0 0 32px 0;
}
ul.blog-posts .thumb {
	float: left;
	display: block;
	margin: 0 32px 0 0;
	width: 120px;
	height: 120px;
}
ul.blog-posts .thumb iframe {
	display: block;
	width: 100%;
	height: 120px;
}
.medium-tt ul.blog-posts .thumb iframe {
	display: block;
	width: 100%;
	height: 240px;
}
.medium-tt ul.blog-posts .thumb {
	width: 240px;
	height: 240px;
}
ul.blog-posts h3.entry-title {
	margin: 0 0 12px 0;
	font-size: 16px;
	font-weight: 600;
	padding-top: 6px;
}
ul.blog-posts .entry-meta {
	font-style: italic;
	font-size: 11px;
	margin: 0 0 6px 0;
}
.sidebar ul.blog-posts .entry-meta, #recent ul.blog-posts .entry-meta, #popular ul.blog-posts .entry-meta {
	font-style: italic;
	font-size: 11px;
	margin: 0 0 6px 0;
	background: transparent url(images/info-meta.png) 66px 2px no-repeat;
	padding-left: 88px;
}
#comments ul.blog-posts .entry-meta {
	font-style: italic;
	font-size: 11px;
	margin: 0 0 6px 0;
	background: none;
	padding-left: 0;
}

/*	Footer
----------------------------------------------------------------------*/
#big-boy{
	background: #272727 url(images/pattern.png) repeat;
	padding: 40px 0;
	margin: 64px 0 0 0;
	border-bottom: 1px solid #525252;
}
footer a {
	color: #fff;
	font-weight:bold;
}
footer a:hover {
	color: #fff;
	text-decoration: underline;
}
#big-boy h4{
	font-size: 14px;
	padding: 0 0 24px 0;
	margin: 0 0 24px 0;
	background: url(images/border-bottom.png) bottom repeat-x;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
#last-boy{
	background: #0042ff;
	color: #fff !important;
	border-top: 3px solid #ffdc00;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
#last-boy p.copyrights{
	float: left;
	padding: 16px 0;
	margin: 0;
	font-size: 11px;
}
#last-boy .right{
	float: right;
	padding: 8px 0;
	font-size: 12px;
}

.social-light a i {
	display: inline-block;
	color: #fff;
	padding: 12px 10px;
	font-size: 16px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.social-dark a i {
	display: inline-block;
	color: #000;
	padding: 12px 10px;
	font-size: 18px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.social-dark a i:hover,
.social-light a i:hover {
	color: #fff;
}
.icon-twitter:hover { background-color: #00abdc; }
.icon-twitter-sign:hover { background-color: #00abdc; }
.icon-facebook:hover { background-color: #325c94; }
.icon-facebook-sign:hover { background-color: #325c94; }
.icon-dribbble:hover { background-color: #fa4086; }
.icon-dribbble-sign:hover { background-color: #fa4086; }
.icon-rss:hover { background-color: #f1862f; }
.icon-instagram:hover { background-color: #964b00; }
.icon-linkedin-sign:hover { background-color: #0073b2; }
.icon-linkedin:hover { background-color: #0073b2; }
.icon-pinterest-sign:hover { background-color: #d9031f; }
.icon-pinterest:hover { background-color: #d9031f; }
.icon-google-plus-sign:hover { background-color: #d9031f; }
.icon-google-plus:hover { background-color: #d9031f; }
.icon-foursquare-sign:hover { background-color: #0cbadf; }
.icon-foursquare:hover { background-color: #0cbadf }
.icon-skype:hover { background-color: #00b9e5 }
.icon-vimeo-sign:hover { background-color: #00b9e5 }
.icon-vimeo:hover { background-color: #00b9e5 }
.icon-soundcloud:hover { background-color: #f1862f }
.icon-youtube-sign:hover { background-color: #d9031f }
.icon-youtube:hover { background-color: #d9031f }
.icon-reddit:hover { background-color: #d9031f }
.icon-tumblr-sign:hover { background-color: #325c94 }
.icon-tumblr:hover { background-color: #325c94 }
.icon-stack-overflow:hover { background-color: #4e4e4e; }
.icon-picasa-sign:hover { background-color: #c743ed }
.icon-picasa:hover { background-color: #c743ed }
.icon-lastfm-sign:hover { background-color: #d9031f }
.icon-lastfm:hover { background-color: #d9031f }
.icon-delicious:hover { background-color: #325c94; }
.icon-forrst:hover { background-color: green }
.icon-forrst-sign:hover { background-color: green; }
.icon-flickr-sign:hover { background-color: #fa4086 }
.icon-flickr:hover { background-color: #fa4086 }

#jtwt li{
	background:none !important;
}
#jtwt .jtwt_tweet{
	margin-bottom:30px;
	color:#959595;
	font-size:13px;
	line-height:18px;
	background:url(images/twitter-icon.png) no-repeat top left !important;
	padding-left:45px !important;
	padding-top:0px !important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#jtwt .jtwt_tweet:hover{
	background:url(images/twitter-icon-h.png) no-repeat top left !important;
}
#jtwt .jtwt_tweet p a{
	background: none !important;
	color:#bbb;
	display:inline !important;
	padding:0 !important;
	border:0 !important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#jtwt .jtwt_tweet p a:hover{
	color:#0042ff;
}
#jtwt .jtwt_tweet .jtwt_tweet_text{
	margin-bottom:0 !important;
}
.recent-works-items{
	overflow:hidden;
}
.tags a { 
	color: #ddd !important; 
	background: #333; 
	padding: 4px 6px;
	line-height: 28px;
	-webkit-transition: all 0.8s ease-in-out;
	   -moz-transition: all 0.8s ease-in-out;
	     -o-transition: all 0.8s ease-in-out;
	        transition: all 0.8s ease-in-out;
}
.tags a:hover { 
	text-decoration: none; 
	background: #0042ff;
	-webkit-transition: all 0.1s ease-in;
	   -moz-transition: all 0.1s ease-in;
	     -o-transition: all 0.1s ease-in;
	        transition: all 0.1s ease-in;
}
.flickr-photos li {
	display: inline-block;
	margin: 0 5px 3px 0;
	width: 54px;
}
.flickr-photos li:last-child {
	margin: 0 0px 3px 0;
}
.flickr-photos li img {
	border: 2px solid #272727;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.flickr-photos li img:hover {
	border: 2px solid #0042ff;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

/*	Top Scroll
----------------------------------------------------------------------*/
.hidett {
	bottom: -100px !important;
}
.showtt {
	bottom:18px !important;
}
#toTop {
	position: fixed;
	right: 32px;
	bottom: -100px;
	width: 40px;
	height: 40px;
	background: #1C1C1C;
	color: #FFF;
	border-radius: 8%;
	-webkit-border-radius: 8%;
	-moz-border-radius: 8%;
	-ms-border-radius: 8%;
	-o-border-radius: 8%;
	cursor:pointer;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#toTop i {
	padding: 10px 0 0 15px;
	display: block;
	font-size: 16px;
}
#toTop:hover {
	background: #0042ff;
}



/* Display
----------------------------------------------------------------------*/
#mobilepro, #secondmobilepro {
	font-size: 20px;
	font-weight: bold;
	display: none;
	border-radius: 3px;
	padding: 8px;
	cursor: pointer;
}
#mobilepro {
	float: right;
	background-color: #1C1C1C;
	color: #FFF;
	margin: 28px 0;
}
#secondmobilepro {
	float: right;
	background-color: #1C1C1C;
	color: #FFF;
	margin: 10px 41px 0 0;
}

/* #Tablet (Landscape) 1024px
----------------------------------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1092px) {
	#boxed, #blocked {width: 95%; overflow: hidden; }
	.row { width: 96%; }
	.latest-posts {width: 100% !important;}
	.modern-slider, .modern-slider img, .modern-slider iframe { width: 973px; height: 220px;}
	.sidebar-ads img {margin: 0 1px 2px;}
	#full .slider-full {width: 100%;}
}

/* #Tablet (Portrait) 768px
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#boxed, #blocked {width: 94%;overflow: hidden; }
	.row { width: 95%; }
	.latest-posts {width: 100% !important;}
	.sticky {position: relative; box-shadow: none;top: auto; left: auto;}
	#header .menu-1 {width: 100%; float: none; padding: 40px 0 0 0; }
	#header .menu-1 a, #header .menu-1 li li a, #header .menu-1 li.current li a { display: block; border-top: 1px solid #c87100 !important; padding: 12px 16px !important; color: #c87100; font-size: 12px; background: none !important;width: 100%;}
	#header .menu-1 li li a:hover {color: #0042ff !important;}
	#header .menu-1 a i {display: inline-block !important;font-size: 14px !important;margin: 0 4px 0 0 !important;}
	#header .menu-1 ul li.current a, #header .menu-1 li, .menu-1 li:first-child {border: 0;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {padding-top: 0 !important;}
	.filterable span, #toTop, .cop p, .mslider-labels { display: none; }
	.search-s {float: none;padding: 16px 0 0 0}
	#mobilepro { display: block; }
	.sf-menu {width: 95%!important;display: none;}
	.sf-menu.xactive { display: block !important; }
	.sf-menu li { float: none !important; display: block !important; width: 100% !important;overflow: hidden; }
	.sf-menu li a, .sf-menu ul li { float: none !important; border: 0; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
	.sf-menu li li {left: 32px;}
	.sf-menu ul {position:static !important; display: none !important; width: 100%; }
	.xpopdrop ul {display: block !important; visibility: inherit !important; }
	#full .slider-full {width: 100%;}
	.extraicon {margin: 36px 8px 0 16px;}
	.sidebar-ads img {width: 110px;height: 110px;}
	.modern-slider, .modern-slider img, .modern-slider iframe { width: 772px; height: 180px; }
	.service-i .grid_4, .service-i .grid_3 { width: 98%; margin: 8px auto;}
	#footer .grid_3 {width: 31.3%; margin: 16px 1%;}
	#last-boy p.copyrights, #last-boy .right {float: none;padding: 16px 0 0;text-align: center;}
	.filterable ul.filter {padding: 0;white-space: normal;}
	.tabs li a {padding: 8px 10px;}
	.our-team .photo {height: 130px;width: 130px;}
}
/* #Mobile (Landscape) 480px
----------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#boxed, #blocked {width: 94%;overflow: hidden; }
	#blocked {margin: 8px auto;}
	.row { width: 95%; }
	.latest-posts {width: 100% !important;}
	.sticky {position: relative; box-shadow: none;top: auto; left: auto;}
	#header .menu-1 {width: 100%; float: none; padding: 40px 0 0 0; }
	#header .menu-1 a, #header .menu-1 li li a, #header .menu-1 li.current li a { display: block; border-top: 1px solid #c87100 !important; padding: 12px 16px !important; color: #c87100; font-size: 12px; background: none !important;width: 100%;}
	#header .menu-1 li li a:hover {color: #0042ff !important;}
	#header .menu-1 a i {display: inline-block !important;font-size: 14px !important;margin: 0 4px 0 0 !important;}
	#header .menu-1 ul li.current a, #header .menu-1 li, .menu-1 li:first-child {border: 0;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {padding-top: 0 !important;}
	.filterable span, #toTop, .cop p, .mslider-labels { display: none; }
	.search-s {float: none;padding: 16px 0 0 0}
	#mobilepro { display: block; }
	.sf-menu {width: 95%!important;display: none;}
	.sf-menu.xactive { display: block !important; }
	.sf-menu li { float: none !important; display: block !important; width: 100% !important;overflow: hidden; }
	.sf-menu li a, .sf-menu ul li { float: none !important; border: 0; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
	.sf-menu li li {left: 32px;}
	.sf-menu ul {position:static !important; display: none !important; width: 100%; }
	.xpopdrop ul {display: block !important; visibility: inherit !important; }
	#full .slider-full {width: 100%;}
	.grid_2, .grid_3, .grid_4, .grid_6, .grid_7, .grid_5, .grid_8, .grid_9, .grid_10, .grid_11 {width: 98%;margin: 0 0 32px 0;}
	.extraicon {margin: 36px 8px 0 16px;}
	.modern-slider, .modern-slider img, .modern-slider iframe { width: 452px; height: 120px; }
	.service-i .grid_4, .service-i .grid_3, .service-i .grid_6, .service-i .grid_12, 
	.service-ii .grid_4, .service-ii .grid_3, .service-ii .grid_6, .service-ii .grid_12 { width: 98%; margin: 0 auto 24px;}
	#footer .grid_3 {width: 31.3%; margin: 16px 1%;}
	#last-boy p.copyrights, #last-boy .right {float: none;padding: 16px 0 0;text-align: center;}
	.filterable ul.filter {padding: 0;white-space: normal;}
	.tabs li a {padding: 8px 10px;}
	.our-team .photo {height: 100px;width: 100px;}
	#big-boy .grid_3 {width: 100%; margin: 0 1% 32px;}
	.medium-tt .grid_5 {width: 33.3%;}
	.medium-tt .grid_7 {width: 61.9%}
	.filterable ul.filter {padding: 0;white-space: normal;}
	.flex-full .flexslider:hover .flex-prev, .flex-full .flexslider .flex-prev { left: 10px; }
	.flex-full .flexslider:hover .flex-next, .flex-full .flexslider .flex-next {left: 46px;}
	.stuni {padding: 16px;}
	.stun-btn {position: relative;top: auto;right: auto;margin: 16px 0;display: block;}
}

/*  #Mobile (Portrait) 320px
----------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 479px) {
	#boxed, #blocked {width: 94%;overflow: hidden; }
	#blocked {margin: 8px auto;}
	.row { width: 95%; }
	#header .logo {width: 100%;}
	.latest-posts {width: 100% !important;}
	.sticky {position: relative; box-shadow: none;top: auto; left: auto;}
	#header .menu-1 {width: 100%; float: none; padding: 40px 0 0 0; }
	#header .menu-1 a, #header .menu-1 li li a, #header .menu-1 li.current li a { display: block; border-top: 1px solid #c87100 !important; padding: 12px 16px !important; color: #c87100; font-size: 12px; background: none !important;width: 100%;}
	#header .menu-1 li li a:hover {color: #0042ff !important;}
	#header .menu-1 a i {display: inline-block !important;font-size: 14px !important;margin: 0 4px 0 0 !important;}
	#header .menu-1 ul li.current a, #header .menu-1 li, .menu-1 li:first-child {border: 0;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {padding-top: 0 !important;}
	.filterable span, #toTop, .cop p, .mslider-labels { display: none; }
	.search-s {float: none;padding: 16px 0 0 0}
	#mobilepro { display: block; }
	.sf-menu {width: 95%!important;display: none;}
	.sf-menu.xactive { display: block !important; }
	.sf-menu li { float: none !important; display: block !important; width: 100% !important;overflow: hidden; }
	.sf-menu li a, .sf-menu ul li { float: none !important; border: 0; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
	.sf-menu li li {left: 32px;}
	.sf-menu ul {position:static !important; display: none !important; width: 100%; }
	.xpopdrop ul {display: block !important; visibility: inherit !important; }
	#full .slider-full {width: 100%;}
	.grid_2, .grid_3, .grid_4, .grid_6, .grid_7, .grid_5, .grid_8, .grid_9, .grid_10, .grid_11 {width: 98%;margin: 0 0 32px 0;}
	.extraicon {margin: 36px 8px 0 16px;}
	.modern-slider, .modern-slider img, .modern-slider iframe { width: 301px; height: 90px; }
	.service-i .grid_4, .service-i .grid_3, .service-i .grid_6, .service-i .grid_12, 
	.service-ii .grid_4, .service-ii .grid_3, .service-ii .grid_6, .service-ii .grid_12 { width: 98%; margin: 0 auto 24px;}
	#footer .grid_3 {width: 31.3%; margin: 16px 1%;}
	#last-boy p.copyrights, #last-boy .right {float: none;padding: 16px 0 0;text-align: center;}
	.filterable ul.filter {padding: 0;white-space: normal;}
	.tabs li a {padding: 8px 10px;}
	.our-team .photo {height: 100px;width: 100px;}
	#big-boy .grid_3 {width: 100%; margin: 0 1% 32px;}
	.medium-tt .grid_5 {width: 33.3%;}
	.medium-tt .grid_7 {width: 61.9%}
	.filterable ul.filter {padding: 0;white-space: normal;}
	.flex-full .flexslider:hover .flex-prev, .flex-full .flexslider .flex-prev { left: 10px; }
	.flex-full .flexslider:hover .flex-next, .flex-full .flexslider .flex-next {left: 46px;}
	.stuni {padding: 16px;}
	.stun-btn {position: relative;top: auto;right: auto;margin: 16px 0;display: block;}
}
