/* 	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;
}
* {
	outline: none;
	padding: 0px;
	margin: 0px
}

/*	General Styling
----------------------------------------------------------------------*/
body {
	margin: 0 auto;
	color: #7A7A7A;
	line-height: 18px;
	font-family: "Tahoma", Helvetica, Arial;
	font-size: 12px
}
::selection{
	color:#fff;
	background:#191919
}
::-moz-selection{
	color:#fff;
	background:#191919
}
img {
	border: none;
	max-width: 100%
}
a {
	color: #000;
	text-decoration: none !important;
	-webkit-transition: color 0.1s ease-in-out;
	transition: color 0.1s ease-in-out
}
a:hover {
	color: #ACACAC
}
h1, h2, h3, h4, h5, h6 {
	color: #000;
	padding: 0;
	margin: 0 0 10px 0;
	font-family: "Marcellus", Tahoma, Arial;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
}
h1 { font-size: 32px }
h2 { font-size: 26px }
h3 { font-size: 20px }
h4 { font-size: 18px }
h5 { font-size: 14px }
h6 { font-size: 12px }
p {
	margin-bottom: 30px
}
p:last-child {
	margin-bottom: 0
}
strong {
	font-weight: bold
}
em {
	font-style: italic
}
ol {
	padding: 0;
	margin: 0
}
ul {
	padding: 0;
	margin: 0;
	list-style-type: none
}
cite {
	float: right;
	padding: 0 0 5px 0
}
hr {
	background: #e6e6e6;
	border: 0;
	clear: both;
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 20px 0;
	position: relative
}
pre {
	color: #333;
	white-space: initial;
	border-radius: 3px;
	background: #ccc;
	border-left: 8px solid #1ABC9C;
	padding: 14px 20px;
	white-space: initial;
	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: #333;
	background: #ccc;
	border-left: 8px solid #1ABC9C;
	padding: 14px 20px;
	border-radius: 3px;
	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 >> Global
----------------------------------------------------------------------------------------------------*/
.grid_3,
.grid_4,
.grid_6,
.grid_8,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

/*	Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
	margin-left: 0 !important
}
.omega {
	margin-right: 0 !important
}

/*	Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.grid_3 {
	width:23.0%;
}

.grid_4 {
	width:31.333%;
}


.grid_6 {
	width:48.0%;
}


.grid_8 {
	width:64.667%;
}



.grid_12 {
	width:98.0%;
}
.grid_12:after {
	content: "";
	clear: both;
}
.row {
	width: 1060px;
	margin: 0 auto;
	padding: 0 40px;
	position: relative;
}
#layout {
	position: relative;
}
.full {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}



/*	Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}

/*	Header
----------------------------------------------------------------------------------------------------*/
.extrabox {
	position: absolute;
	top: -1000px;
	right: 0;
	z-index: 999;
	width: 100%;
	background: #191919;
	background: rgba(25, 25, 25, 0.99);
}
#footer .liner {
	border-bottom: 1px solid #313131;
}

/*	contactForm
----------------------------------------------------------------------------------------------------*/

/*	contactForm
----------------------------------------------------------------------------------------------------*/
#contactForm span {
	margin: 11px 10px;
	display: inline-block;
	color: #F00;
}
#contactForm #senderName, 
#contactForm #senderEmail {
	display: block;
	width: 100%;
	border: 1px solid #EAEAEA;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 0 10px;
	line-height: 24px;
	height: 34px;
	background: #F7F7F7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#contactForm #message {
	display: block;
	width: 100%;
	border: 1px solid #EAEAEA;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 16px 10px;
	background: #F7F7F7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#contactForm #senderName:focus, 
#contactForm #senderEmail:focus, 
#contactForm #message:focus {
	background: #fff;
	border: 1px solid #C5C5C5;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
#contactForm #senderEmail {
	float: right;
}
#contactForm .flr {
	margin: 0 0 10px 0 !important;
}
#contactForm .fll {
	margin: 0 0px 10px 0 !important;
}
#contactForm #sendMessage {
	width: auto;
	margin-top: 10px;
	float: right;
	padding: 8px 10px;
	display:inline-block;
	cursor:pointer;
	position:relative;
	background:#191919;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.2);
	border:1px solid rgba(0,0,0,0.1);
	background-image: linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.08)),color-stop(0.5, rgba(128,128,128,0.08)),color-stop(1, rgba(255,255,255,0.08)));
	-moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.1);
	box-shadow:inset 0 0 1px rgba(0,0,0,0.1);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#contactForm #sendMessage:hover {
	background:#333
}
#contactForm textarea {
	width: 98%;
}



.head {
	position: relative;
	background: #fff url(images/head.jpg) repeat-x top center;
	border-top: 5px solid #f27532;
}
.logo {
	float: left;
	margin: 30px 0;
	width: 217px;
}
.social-head {
	float: right;
	margin: 48px 0;
}
.social a {
	float: left;
	text-align: center;
	margin: 0 0 0 1px;
	width: 32px;
	height: 32px;
	border: 1px solid #DDD;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #ACACAC;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.social a:hover {
	color: #fff;
	border: 1px solid #fff;
}
.social a:hover i {
	color: #fff;
}
.social a i {
	padding: 9px 0;
	display: block;
	font-size: 14px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background-image: url(images/reflect.png);
	background-position: 32px;
	background-repeat: no-repeat;
}
.social a:hover i {
	background-position: -1px
}
.social a:hover .icon-twitter { background-color: #00abdc; }
.social a:hover .icon-facebook { background-color: #325c94; }
.social a:hover .icon-linkedin { background-color: #0073b2; }
.social a:hover .icon-google-plus { background-color: #d9031f; }

.info {
	float: right;
	margin: 56px 20px 56px
}
.info span {
	margin: 0 10px 0 0
}
.headdown {
	background: #4c4145;
	color: #fff
}

/*	Superfish
----------------------------------------------------------------------*/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 999;
}
.sf-menu {
	line-height: 1.0;
	float: left;
	padding: 15px 0;
	position: relative;
	margin: 0 0 0 -20px;
}
.sf-menu li:hover { visibility: inherit }
.sf-menu li {
	float: left;
	position: relative;
	padding: 0 20px
}
.sf-menu li:before {
	content: '/';
	color: #818181;
	font-size: 8px;
	position: absolute;
	left: 0;
	top: 2px
}
.sf-menu li:first-child:before, .sf-menu li.back:before {
	content: '' !important
}
.sf-menu a {
	display: block;
	position: relative;
	color: #B9B9B9;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}
.sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {
	color: #fff
}
.sf-menu li:hover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
}

/*** arrows **/

.sf-menu li.back {
	position: absolute;
	padding: 0 !important; 
	margin: 0 !important; 
	top: 36px;
	overflow: inherit !important
}
.sf-menu li.back .left {
	position: absolute;
	width: 0 !important; 
	padding: 0 !important; 
	margin: 0 !important; 
	height: 0 !important;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	left: 42%;
}

#header .search {
	float: right;
}
#header .search form {
	position: relative;
}
#header .search input {
	margin: 9px 0;
	padding: 0 10px;
	line-height: 24px;
	height: 24px;
	border: 1px solid #FFF;
	border-radius: 20px;
	font-size: 10px;
	color: #AAA;
	cursor: default;
	width: 134px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#header .search input:focus {
	box-shadow: none;
	width: 160px;
	color: #191919;
}
#header .search:hover button {
	color: #191919
}
#header .search button {
	position: absolute;
	top: 10px;
	right: 12px;
	background: none;
	border: 0;
	color: #DDD;
	font-size: 11px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#header .search button:hover {
	color: #666;
}

/*	Page Content
----------------------------------------------------------------------*/
.page-content {
	margin: 70px 0;
}
.grey-line {
	width: 100%;
	padding: 40px 0;
	background: #F2F2F2 url(images/backgrounds/48.png) repeat;
	border-top: 2px solid #e9e9e9;
	border-bottom: 2px solid #e9e9e9;
}
.action-simple {
	text-align: center;
	padding: 0 0 45px 0;
	border-bottom: 1px solid #E6E6E6;
}
.action-simple h5 {
	color: #919191
}
.col-title {
	padding: 0 0 10px;
	margin: 0;
	font-size: 18px;
	border-bottom: 1px solid #000;
	display: inline-block;
}
#footer .col-title {
	color: #fff;
	border-bottom: 1px solid #fff;
}
#footer h3 {
	color: #fff;
}
.liner {
	display: block;
	width: 100%;
	border-bottom: 1px solid #E6E6E6;
	margin: -1px 0 20px;
}
.list, .tower {
	line-height: 24px;
}
.list i {
	margin-right: 2px;
}

.breadcrumb-place {
	height: 110px;
	background: #0b0b0b url(images/breadcrumb.jpg) no-repeat top center;
	background-position: center !important;
}
.page-title {
	float: left;
	margin: 0;
	font-weight: normal;
	color: #fff;
	padding: 46px 0 0 0
}
.breadcrumbIn {
	float: right;
	padding: 45px 0 0 0
}
.breadcrumbIn span {
	display: inline-block;
	font-size: 11px;
	color : #C2C2C2;
}
.breadcrumbIn ul {
	display: inline-block;
}
.breadcrumbIn ul li {
	color : #C2C2C2;
	font-size: 12px;
	padding: 0 10px;
	font-weight: normal;
	display: inline-block;
	white-space: nowrap;
	position: relative;
}
.breadcrumbIn ul li a {
	color : #fff
}
.breadcrumbIn ul li a:hover {
	color : #ddd
}
.breadcrumbIn li:before {
	content: "/";
	position: absolute;
	display: block;
	font-size: 8px;
	left: -6px;
	top: 1px;
}
.breadcrumbIn li:first-child:before {
	content: "";
	height: 0;
	width: 0;
	border: 0;
}

/*	Header versions
----------------------------------------------------------------------*/











/*	Blog Post
----------------------------------------------------------------------*/
.thumb-medium {
	width: 48%;
}
.thumb-medium img {
	border-radius: 3px;
}
.content-half {
	float: left;
	width: 48%;
	padding-left: 1%;
}
.post {
	display: inline-block;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #E6E6E6;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}
.post .tbutton {
	float: right
}
.meta-box {
	position: relative;
	z-index: 99;
	display: inline-block;
	width: 100%;
	margin: 0 0 20px 0;
	color: #e6e6e6
}
.meta-box h3 {
	font-size: 14px;
	font-weight: 600;
	margin: 18px 0 8px 0;
}

.m-thumbnails h3 {
	margin: 0px 0 8px 0;
	line-height: 20px;
}



/*	li Scroll Breaking News
----------------------------------------------------------------------*/


/*	Sidebar
----------------------------------------------------------------------*/
.widget {
	margin: 0 0 40px 0
}
.widget .list li a {
	display: block;
	border-bottom: 1px solid #E6E6E6;
	line-height: 32px;
	position: relative;
	-webkit-transition: border 0.2s ease;
	transition: border 0.2s ease;
}
.tags {}
.tags i {
	margin-right: 4px
}
.tags a {
	border: 1px solid #e6e6e6;
	color: #696969;
	padding: 6px 10px;
	margin: 0 0px 4px 0;
	display: inline-block;
	border-radius: 2px;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.tags a:hover {
	border: 1px solid #aaa;
	color: #000;
	text-decoration: none !important;
}


/*	Metro Social
----------------------------------------------------------------------*/
.metro-social li{
	position:relative;
	cursor:pointer;
	padding:0;
	margin:1px;
	float:left;
	list-style:none;
	width:49%;
	height:79px;
	overflow: hidden;
	z-index: 10;
}
.metro-social li:first-child{
	width: 49%;
	margin-right: 2px !important;
	height:160px;
}
.metro-social .fb, .metro-social .tw, .metro-social .rssf{
	z-index:7;
	position:relative;
	display:block;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.metro-social li:first-child a{
	background-position: center 32px !important;
}
.metro-social li:first-child h4{
	position: absolute;
	top: 88px;
	left: 0px;
	width: 100%;
	text-align: center;
	z-index: 10;
	font-size: 24px;
	font-weight: bold;
}
.metro-social li:first-child span{
	position: absolute;
	top: 120px;
	left: 0px;
	width: 100%;
	text-align: center;
	z-index: 10;
	font-size: 12px;
}
.metro-social li a{
	background-position: 16px center !important;
}
.metro-social li h4{
	position: absolute;
	top: 24px;
	left: 74px;
	text-align: left;
	width: 100%;
	z-index: 10;
	color: #696969;
}
.metro-social li span{
	position: absolute;
	top: 40px;
	text-align: left;
	left: 74px;
	width: 100%;
	z-index: 10;
	color: #696969;
}
.metro-social li:first-child i {
	font-size: 42px;
	padding: 32px 0 0;
	text-align: center;
}
.metro-social i {
	color: #696969;
	font-size: 30px;
	padding: 24px 0 0 28px;
	display: block !important;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.metro-social .fb, .metro-social .tw, .metro-social .rssf {border: 1px solid #E6E6E6;width: 98%;height: 98%;-webkit-transition: all .4s ease;transition: all .4s ease;}
.metro-social li:hover .fb, .metro-social li:hover .fb i {border-color: #1f69b3}
.metro-social li:hover .tw, .metro-social li:hover .tw i {border-color: #43b3e5}
.metro-social li:hover .rssf, .metro-social li:hover .rssf i {border-color: #f58229}
.metro-social li:hover .fb i {color: #1f69b3}
.metro-social li:hover .tw i {color: #43b3e5}
.metro-social li:hover .rssf i {color: #f58229}
.metro-social li:hover {
	opacity: 1;
	-webkit-animation: bounce 1s;
	animation: bounce 1s;
	z-index: 11;
}

/*	Progress Knob
----------------------------------------------------------------------*/
canvas {}
.knob {
	font-size: 22px !important;
	font-family: "Marcellus", Tahoma, Arial !important;
}
.knob-box .knob {
	top: -10px !important;
}


/*	Testimonials
----------------------------------------------------------------------*/
.testimonial-wrapper {
	margin-bottom: 32px;
}
.testimonial {
	color:#373737;
	background-color:#f3f3f3;
	margin-bottom:14px;
	padding: 24px 28px;
	position:relative;
	border-radius: 2px;
	-webkit-border-radius:2px;
	float:left;
}
.testimonial p {
	font-size:14px;
	font-style:italic;
	font-family: serif;
	text-shadow:1px 1px 3px #e4e4e4;
	margin: 0;
}
.testimonial-arrow {
	border-color:#f3f3f3 transparent transparent transparent;
	border-style:solid;
	border-width: 20px 0 0 20px;
	height:0;
	width:0;
	position:absolute;
	bottom:-20px;
	left: 20px;
}
.testimonial-s strong {
	color:#232323;
	font-style: normal;
	font-size: 12px;
	display: block;
}
.testimonial-s .testimonial-details {
	margin: 0px 0px 8px 50px;
	display:block;
	float:left;
	font-style: italic;
	color: #B4B4B4;
	font-size: 11px;
}
.client-avat {
	position: absolute;
	bottom: 12px;
	left: 2px;
}

/* 	Testimonials Slides
----------------------------------------------------------------------*/
#testimonials .slides img { width: auto !important; border-radius: 50%; }
#testimonials li {
	margin: 0;
}
#testimonials .flex-direction-nav a {
	display: block;
	background: none;
	position: absolute;
	padding: 0;
	top: -28px;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#testimonials .flex-direction-nav a i {
	font-size: 18px;
	color: #dedede;
	display: block;
	font-weight: bold;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#testimonials .flex-direction-nav a i:hover {
	color: #949494;
}
#testimonials .flex-direction-nav .flex-prev {
	right: 18px;
	left: auto;
}
#testimonials .flex-direction-nav .flex-next {
	right: 0px;
}

/*	Accordion, Toggle
----------------------------------------------------------------------*/

/*	Tabs
----------------------------------------------------------------------*/
@keyframes prot {
	20%, 40%, 60%, 80%, 100% { transform-origin: top center; }
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}
@-webkit-keyframes prot {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

/* 	Revolution Slider
----------------------------------------------------------------------*/
.sliderr {
	overflow: hidden;
}

/*	iView Slider
----------------------------------------------------------------------*/




/* 	3D Slicebox Slider
----------------------------------------------------------------------*/

/* 	Nivo Slider
----------------------------------------------------------------------*/

/* If an image is wrapped in a link */
/* The slices and boxes in the Slider */

/* Caption styles */
/* Direction nav styles (e.g. Next & Prev) */
/* Control nav styles (e.g. 1,2,3...) */

/* 	Modern Slider
----------------------------------------------------------------------*/

/* 	Flex Customization
----------------------------------------------------------------------*/


/* 	Flex Slider
----------------------------------------------------------------------*/
.flexslider a:active,
.flexslider a:focus  {outline: none;}
.slides,
.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 {display: block; width: 100%}

/* 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 */

/* 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;}

/* 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;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.flex-direction-nav a:hover {background-color: #696969;}
.flex-direction-nav a i {color: #fff;}
.flex-direction-nav a:hover 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: 0.8; right: 8px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 8px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 0.8;}

/* Control Nav */


@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: 0px;
	border-radius: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
}
/**	Control nav	**/

/**	Slide theme 	**/

/**	Custom theme	**/



/** Custom CSS by JoomSpirit **/
.flexslider {
	overflow:visible !important;
}
.flexslider ul.slides {
	background-color: transparent;
}
.flexslider .slides > li {
	position:relative;
}


/*	Comments
----------------------------------------------------------------------*/


/*	Action Box
----------------------------------------------------------------------*/
.action-one {}
.action-one .action-t {
	float: left;
	width: 80%;
}
.action-one .action-t i {
	float: left;
	font-size: 76px;
	color: #DDD;
	margin-right: 16px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.grey-line:hover .action-t i {
	color: #696969;
	-webkit-animation: bounceIn 0.8s;
	animation: bounceIn 0.8s
}
.action-one .action-t h3 {
	margin: 4px 0 10px 0;
}
.action-one .action-t p {
	margin: 0;
	padding: 0;
}
.action-one .action-button {
	float: right;
	width: 20%;
	text-align: center
}
.action-one .action-button span {line-height: 30px;}


/*	Timeline
----------------------------------------------------------------------*/
/* The line */
/* Right content */
/* The triangle */
/* The Image */
@media screen and (max-width: 47.2em) {
}



/*	Progress
----------------------------------------------------------------------*/
@-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;}
}

/*	Action
----------------------------------------------------------------------*/

/*	Notification Boxes
----------------------------------------------------------------------*/

/*	Countdown
----------------------------------------------------------------------*/


/*	Buttons
----------------------------------------------------------------------*/
.tbutton {
	display:inline-block;
	cursor:pointer;
	position:relative;
	word-spacing:0.2em;
	background:#191919;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color:#fff;
	white-space: nowrap;
	text-shadow:0 -1px 0 rgba(0,0,0,0.2);
	border:1px solid rgba(0,0,0,0.1);
	background-image: linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.08)),color-stop(0.5, rgba(128,128,128,0.08)),color-stop(1, rgba(255,255,255,0.08)));
	-moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.1);
	box-shadow:inset 0 0 1px rgba(0,0,0,0.1);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.tbutton:hover {
	color: #fff;
	background:#333
}
.tbutton span {
	display: block;
	background: url(images/button_bg.png) 0 0 repeat-x;
	overflow: hidden;
}
.tbutton:active span {
	background: url(images/button_bg.png) bottom repeat-x;
}
.tbutton span {
	padding: 0 10px;
	line-height: 2.4em;
}
.tbutton.small {
	font-size: 12px;
}
.tbutton.large {
	font-size: 16px;
}
.tbutton.small span {
	padding: 0 14px;
	line-height: 2.3em;
}
.tbutton.large span {
	padding: 0 18px;
	line-height: 2.7em;
}

/*	Portfolio
----------------------------------------------------------------------*/
.portfolio {
	width: 100% !important;
}
.portfolio-carousel {
	width: 100% !important;
	overflow: visible !important;
}
.anyClass {
	float: left;
	overflow: hidden !important;
	width: 101% !important;
	margin-left: -10px;
}
.anyClass ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.anyClass li {
	width: 248px;
	height: 255px;
	margin: 6px 10px;
	padding: 0;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: border 0.2s ease, box-shadow 0.2s ease;
	transition: border 0.2s ease, box-shadow 0.2s ease;
	border-bottom: 3px solid #e6e6e6;
}
.portfolio li {
	margin: 6px 10px;
	padding: 0;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: border 0.2s ease, box-shadow 0.2s ease;
	transition: border 0.2s ease, box-shadow 0.2s ease;
	border-bottom: 3px solid #e6e6e6;
}
.portfolio li {
	float: left;
	margin: 0 7px 20px;
	overflow: hidden;
	position: relative;
}
.anyClass li:hover, .portfolio li:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-bottom: 3px solid;
}
.portfolio-carousel .preve, 
.portfolio-carousel .nexte {
	position: absolute;
	top: 96px;
	color: #ABABAB;
	font-size: 36px;
	cursor: pointer;
}
.portfolio-carousel .preve { left: -28px }
.portfolio-carousel .nexte { right: -28px }
.preve:hover, .nexte:hover {
	color: #000;
}
.detailes {
	text-align: center;
	padding: 20px 0;
	display: block;
	color: #BFBFBF;
	background: #fff;
	height: 100%;
}
.detailes h5 {
	margin: 0 0 2px 0;
	font-weight: normal;
}
.detailes h5 a {
	color: #696969;
}
.detailes a {
	color: #BFBFBF;
}
.detailes a:hover, .detailes h5 a:hover {
	color: #000;
}

/* 	Filters
----------------------------------------------------------------------------------------------------*/
.filterable {}
.filterable ul.filter {
	padding: 0;
	display: inline-block;
}
.filterable ul.filter li {
	display: inline-block;
	color: #272727;
	margin: 0;
	position: relative;
}
.filterable li a {
	padding: 0 10px;
	font-size: 13px;
	color: #ccc;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.filterable li a:hover {
	color: #191919;
}
.filterable li.current a {
	color: #191919;
	font-weight: 600;
}
.filterable ul.filter li:last-child {
	padding-right: 0;
	margin-right: 0;
}
.filterable li:before {
	content: "/";
	position: absolute;
	display: block;
	font-size: 8px;
	left: -6px;
	top: 1px;
}
.filterable li:first-child:before {
	content: "";
	height: 0;
	width: 0;
	border: 0;
}

/* 	Image-overlay
----------------------------------------------------------------------*/
.hover-fx {
	overflow: hidden;
	position: relative;
	background: #000
}
.hover-fx img {
	float: left;
	opacity: 1;
	width: 100%;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.anyClass li:hover img, .portfolio li:hover img {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-opacity: 0.50;
	opacity: .50;
	filter: alpha(opacity=50);
}
.hover-fx .fLeft {
	position: absolute;
	top: -40%;
	left: 35%;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	padding: 0;
	color: #525252;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	height: 40px;
	width: 40px;
	display: block;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.hover-fx .fRight {
	position: absolute;
	bottom: -40%;
	left: 48%;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	padding: 0;
	color: #525252;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	height: 40px;
	width: 40px;
	display: block;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.hover-fx span {
	font-size: 16px;
	padding: 10px 0 0 12px;
	display: block;
}
.anyClass li:hover .fLeft, .portfolio li:hover .fLeft { top: 40% }
.anyClass li:hover .fRight, .portfolio li:hover .fRight { bottom: 37.8% }


.portfolio li.grid_4:hover .fLeft { top: 43%;left: 37%; }
.portfolio li.grid_4:hover .fRight { bottom: 40%;left: 47%; }


.fLeft:hover, 
.fRight:hover {
	background: #191919;
	color: #fff;
	z-index: 999;
}


/*	Services
----------------------------------------------------------------------*/
.services {}
.services .stitle {}
.services [class^="grid_"]:hover .service-icon {
	color: #191919;
	-webkit-animation: flip .8s;
	animation: flip .8s
}
.services .tbutton {
	font-size: 10px;
	float: right;
	background-color: #d7d7d7;
	color: #fff;
	text-transform: none;
}
.services [class^="grid_"]:hover .tbutton {
	color: #fff;
	background-color: #191919
}
.services [class^="grid_"] {
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.services:hover [class^="grid_"] {
	opacity: 0.4;
}
.services [class^="grid_"]:hover {
	opacity: 1;
}
.services h4 {
	float: left;
	font-size: 16px;
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
	border-left: 1px solid #CCC;
}
.services h4 small {
	color: #979797;
	font-size: 12px;
	font-family: tahoma;
	font-weight: normal;
	text-transform: none;
	display: block;
	padding: 4px 0 0 0;
}
.service-icon {
	font-size: 50px;
	float: left;
	margin: 0 15px 0 0 !important;
	color: #d7d7d7;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease
}





/*	Footer
----------------------------------------------------------------------*/
#footer {
	background: #333 url(images/footer-pattern.png) repeat;
	padding: 50px 0 0;
	color: #bfbfbf;
	border-bottom: 5px solid #101010;
}
#footer hr {
	background: #0C0C0C;
	box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.07);
	margin: 10px 0;
}
#footer .col-title {
	font-size: 14px;
	font-weight: normal;
}
.footer-last {
	background: #101010;
	padding: 20px 0 !important;
}
.copyright {
	float: left;
	padding: 0 20px;
	color: #696969;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #666;
	text-decoration: underline;
}
#footer .links i {
	margin-right: 2px;
}
#footer .links li a {
	line-height: 24px;
}
#footer .links li span {
	display: block;
	color: #919191;
	font-size: 11px;
	margin-bottom: 6px;
}
.foot-menu {
	float: right;
	padding: 0 10px;
}
.foot-menu li {
	float: left;
	position: relative;
	padding: 0 10px;
}
.foot-menu li:before {
	content: '/';
	color: #696969;
	font-size: 8px;
	position: absolute;
	left: -1px;
	top: 2px;
}
.foot-menu li:first-child:before {
	content: '' !important;
}
.foot-menu li a {
	font-weight: 600;
}

/*	Top Scroll
----------------------------------------------------------------------*/
.hidett {
	bottom: -100px !important;
}
#toTop {
	position: fixed;
	right: 32px;
	z-index: 1000;
	bottom: -100px;
	width: 32px;
	height: 32px;
	background: #3C3C3C;
	color: #E2E2E2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	cursor:pointer;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#toTop i {
	padding: 8px 0 0 12px;
	display: block;
	font-size: 14px;
}
#toTop:hover i {
	-webkit-animation: fadeInUp 0.4s;
	animation: fadeInUp 0.4s
}
#toTop:hover {
	opacity: 0.9;
	background: #191919;
	color: #fff;
}

/* 	Landing Page
----------------------------------------------------------------------*/

/* 	Tables
----------------------------------------------------------------------*/

/*	Support
----------------------------------------------------------------------*/
/**
 * bbPress specific CSS
 *
 * @package bbPress
 * @subpackage Theme
 */

/* =bbPress Style
-------------------------------------------------------------- */


































/* =Topic and reply content
-------------------------------------------------------------- */













/* =Breadcrumb and Tags
-------------------------------------------------------------- */






/* =Search
-------------------------------------------------------------- */







/* =Toolbar buttons
-------------------------------------------------------------- */


/* =CSS3 Effects
-------------------------------------------------------------- */

/* =Admin Links
-------------------------------------------------------------- */



/* =Toggles
-------------------------------------------------------------- */





/* =Pagination
-------------------------------------------------------------- */







/* =Forms
-------------------------------------------------------------- */










/**
 * Fix for too-long forum names, usually from conversion
 */






/* =TinyMCE in themes
-------------------------------------------------------------- */







/* =Edit User
-------------------------------------------------------------- */




/* =Notices
-------------------------------------------------------------- */


/* =Stickies
-------------------------------------------------------------- */


/* =Revisions
-------------------------------------------------------------- */



/* =Widgets
-------------------------------------------------------------- */












/* =Avatars
-------------------------------------------------------------- */



/* =BuddyPress Activity Streams
-------------------------------------------------------------- */


/* =User Pages
-------------------------------------------------------------- */
















/* =User Capabilities
-------------------------------------------------------------- */




/* =BuddyPress Group Forums
-------------------------------------------------------------- */






/* 	Tipsy
----------------------------------------------------------------------*/

/* --	Pretty Photo	-- */
/* Top left corner */
/* Top pattern/color */
/* Top right corner */
	
/* Content background */
/* Next button */
/* Previous button */
/* Expand button */
/* Expand button hover */
/* Contract button */
/* Contract button hover */
/* Close button */

/* The next arrow in the bottom nav */
	


/* Bottom left corner */
/* Bottom pattern/color */
/* Bottom right corner */

/* Loader icon */

	/* ----------------------------------
		Light Rounded Theme
	----------------------------------- */
/* Top left corner */
/* Top pattern/color */
/* Top right corner */
	
/* Content background */
/* Next button */
/* Previous button */
/* Expand button */
/* Expand button hover */
/* Contract button */
/* Contract button hover */
/* Close button */

/* The previous arrow in the bottom nav */
/* The next arrow in the bottom nav */

/* Bottom left corner */
/* Bottom pattern/color */
/* Bottom right corner */

/* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
/* Top left corner */
/* Top pattern/color */
/* Top right corner */
	
/* Left Content background */
/* Right Content background */
/* Content background */
/* Next button */
/* Previous button */
/* Expand button */
/* Expand button hover */
/* Contract button */
/* Contract button hover */
/* Close button */
/* The previous arrow in the bottom nav */
/* The next arrow in the bottom nav */

/* Bottom left corner */
/* Bottom pattern/color */
/* Bottom right corner */

/* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
/* Loader icon */
	
/* Expand button */
/* Expand button hover */
/* Contract button */
/* Contract button hover */
/* Close button */
/* The previous arrow in the bottom nav */
/* The next arrow in the bottom nav */
	
/* Next button */
/* Previous button */

	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
/* Expand button */
/* Expand button hover */
/* Contract button */
/* Contract button hover */
/* Close button */
	
/* The previous arrow in the bottom nav */
/* The next arrow in the bottom nav */
	
/* Next button */
/* Previous button */
	
/* Loader icon */

	/* ----------------------------------
		Facebook style Theme
	----------------------------------- */
/* Top left corner */
/* Top pattern/color */
/* Top right corner */
	
/* Content background */
/* Content background */
/* Content background */
/* Expand button */
/* Expand button hover */
/* Contract button */
/* Contract button hover */
/* Close button */
/* Loader icon */
	
/* The previous arrow in the bottom nav */
/* The next arrow in the bottom nav */
	
/* Next button */
/* Previous button */
	
/* Bottom left corner */
/* Bottom pattern/color */
/* Bottom right corner */

/* --	DO NOT CHANGE	-- */
		
			
		
		
		
				
			
			
			
			
			
			
			
			
		
			
		
			
		
			
				
		
		
		
			

input[readonly] {
	cursor: default !important
}

/*-- Events --*/
{margin-top:5px} .mart10{margin-top:10px} .mart15{margin-top:15px} .mart20{margin-top:20px} .mart25{margin-top:25px} .mart30{margin-top:30px} .mart40{margin-top:40px} .mart50{margin-top:50px}
{margin-bottom:5px} .marb10{margin-bottom:10px} .marb15{margin-bottom:15px} .marb20{margin-bottom:20px} .marb25{margin-bottom:25px} .marb30{margin-bottom:30px} .marb35{margin-bottom:35px} .marb40{margin-bottom:40px} .marb45{margin-bottom:45px} .marb50{margin-bottom:50px}
{padding-bottom:5px} .padb10{padding-bottom:10px} .padb15{padding-bottom:15px} .padb20{padding-bottom:20px} .padb25{padding-bottom:25px} .padb30{padding-bottom:30px} .padb40{padding-bottom:40px} .padb50{padding-bottom:50px}
{padding-top:5px} .padt10{padding-top:10px} .padt15{padding-top:15px} .padt20{padding-top:20px} .padt25{padding-top:25px} .padt30{padding-top:30px} .padt40{padding-top:40px} .padt50{padding-top:50px} .padt60{padding-top:60px}
{padding:5px} .pad10{padding:10px} .pad15{padding:15px} .pad20{padding:20px} .pad25{padding:25px}
.tac{text-align:center}
/*-- sort bar --*/


/*-- event loading --*/
/*-- event list -- single event line --*/
/*-- event list --*/


/*-- gmap --*/

/*-- event other data --*/
/*-- event card close --*/
/*-- event description section --*/




/* 	Icons
----------------------------------------------------------------------*/
{background-color:#414141;color:#fff;text-decoration:none;}.the-icons .span3 a:hover [class^="icon-"]{*font-size:28px;*vertical-align:middle;}

/* 	Google Map
----------------------------------------------------------------------*/


/*	More Styles
----------------------------------------------------------------------*/
.mi { margin-right: 4px !important }
.mii { margin-left: 4px !important }

.mtf { margin-top: 40px !important }

.mb { margin-bottom: 20px !important }
.mbs { margin-bottom: 70px !important  }


.fll { float: left; margin: 0 20px 10px 0 !important }
.flr { float: right; margin: 0 0 10px 20px !important }
.tac { text-align: center !important }


.righter {float: right !important}

/*	IE
----------------------------------------------------------------------*/

/*	Snap
----------------------------------------------------------------------*/
.snap-drawers {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0;
	height: auto;
	z-index: 0;
}
.snap-drawer {
	position: absolute;
	top: 0;
	right: auto;
	bottom: 0;
	left: auto;
	width: 265px;
	height: auto;
	overflow: auto;
}
.snap-drawer-left {
	left: 0;
	z-index: 0;
}
.snap-drawer {
	background: #2B2B2B;
	color: #eee;
}
.snap-drawer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block !important;
	visibility: visible !important;
}
.snap-drawer li a {
	display: block;
	border-bottom: 1px solid rgba(0,0,0, 0.1);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 10px 0 10px 20px;
	font-weight: bold;
	text-shadow: 0 1px 0 #000;
	text-decoration: none;
	color: #ccc;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.snap-drawer li > a:hover, .snap-drawer li.current > a {
	padding-left: 30px;
	color: #fff;
	text-shadow: 0 1px 0 #ccc;
	border-right: 2px solid #fff;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#open-left {
	font-size: 17px;
	font-weight: bold;
	display: none;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 4px 8px;
	cursor: pointer;
	float: left;
	background-color: #F7F7F7;
	color: #3C3C3C;
	margin: 8px 0;
}