/*
	Author: ZERGE (http://www.color-theme.com)
	WEB: http://themeforest.net/user/zerge
	Created: 10 January 2012
*/

body {
	 background-image: url('../images/stripes.png');
	 background-color: #4DB870;
 	 color:#666;
 	 font-size: 12px;
 	 line-height: 18px;
 	 font-family:Arial, Helvetica, sans-serif;
	 height: auto;
	 min-height: 100%
}
.clear { clear: both; }

/* 
   ---------------------------------------------------------------------------------------------------------
	Logo
   ---------------------------------------------------------------------------------------------------------		
*/

#logo {
	float: left;
	margin-top:0px;
	background:#FFF;
	width:20%;
}


/* 
   ---------------------------------------------------------------------------------------------------------
	Top Section
   ---------------------------------------------------------------------------------------------------------		
*/
#nav-bar {
	 padding-bottom: 30px;
}
#top-line {
	background-image: url(../images/pattern.png);
	background-color: #111;
	height: 50px;
	position: absolute;
	top: 0;
	width: 100%;	
}

#top-info {
	background-image: url(../images/pattern.png);
	height: 50px;
	position: relative;
	margin: 0 auto;
	width: 980px;
}
#top-info .toplink {
	background-color: #fff; 
	line-height: 45px;
	margin-left: 20px;
	margin-top: 1px;
	font-size: 11px;
	color: #666;
	padding: 0 10px;
	float: right;
	width: 80px;
	height:100px;
	overflow: hidden;
	text-decoration:none;	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#top-info .toplink a{
	text-decoration:none;
	padding-top:10px;
	padding-bottom:10px;
}


#top-info .toplink:hover {
	background-color:#06C;
   color: #666;
   width: 200px;
	-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   line-height:45px;
}

#top-info .toplink a{
	color:#666;
}

#top-info .toplink a img{
	margin-top:15px;
}


#top-info .toplink1 {
	background-color: #ccc; 
	line-height: 20px;
	margin-right: 20px;
	margin-top: 4px;
	font-size: 11px;
	color: #ccc;
	padding: 0 10px;
	float: right;
	width: 250px;
	overflow: hidden;
	height:38px;
	text-decoration:none;	
}

#top-info .toplink1 a{
	text-decoration:none;	
}






#top-info .member-area a {
	font-size: 11px;
}


#top-info .subscribe-area { 
	background-color: #333; 
	line-height: 20px;
	margin-left: 20px;
	margin-top: 4px;
	font-size: 11px;
	color: #ccc;
	padding: 0 10px;
	float: left;
	width: 50px;
	overflow: hidden;
	height: 20px;

	-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
#top-info .subscribe-area:hover {
	background-color: #06C;
    cursor: pointer;
    width: 130px;
	color: #000
}

#top-info .subscribe-area  a {color: #000; font-size: 11px}

.center-block {
	width: 940px;
	margin: 0 auto;
	position: relative;
	padding: 30px 0;
}

.divider-footer {
	background: url(../images/stripes.png) left top repeat-x;
	background-color: #06C;
	position: absolute;
	left: 0px; 
	height: 10px;
	width: 980px;

}
.divider-5px {
	background: url(../images/stripes.png) left top repeat-x;
	height: 5px;
	margin-bottom: 30px;
	width: 100%;
}
#wrapper {
	background:#fff;
	border: 1px solid #e6e5e5;
	-webkit-box-shadow: 0px -1px 5px rgba(0,0,0,.1);
	-moz-box-shadow: 0px -1px 5px rgba(0,0,0,.1);
	box-shadow: 0px -1px 5px rgba(0,0,0,.1);
	display: block;
	margin: 0 auto;
	position: relative;
	width: 940px;
	padding: 30px 20px 0 20px;
}

#wrapper-content .center-block { 
	display: block;
	padding: 15px 0; 
	width: 900px;
	margin: 0 auto;
	position: relative
}

#welcome {
	 width: 100%;
	 margin: 0 auto;
	 padding-bottom: 30px;
	 text-align: center;
}

#welcome > p {
	font-size: 18px;
	font-style: italic;
/*	color:#333*/
}

#welcome > p span.black {
	color: #111;
}
#welcome > p span.yellow {
	background-color: #06C;
	color: #111;
}


#our-info {
	width: 920px;
	margin-bottom: 60px;
}

ul#social-icons { margin-left: 20px; }
ul#social-icons li { 
	list-style-type: none;
	float: left;
	width: 32px;
	height: 32px;
	display: block;
	margin-right: 10px;
	
}

ul#social-icons li a {	
	display: block;
	height: 32px;
	width: 32px;
}	

ul#social-icons li a.twitter { background: url(../images/icons/social.png) 0 -32px; }
ul#social-icons li a.facebook { background: url(../images/icons/social.png) -32px -32px; }
ul#social-icons li a.skype { background: url(../images/icons/social.png) -160px -32px; }
ul#social-icons li a.behance { background: url(../images/icons/social.png) -64px -32px; }
ul#social-icons li a.linkedin { background: url(../images/icons/social.png) -128px -32px; }
ul#social-icons li a.gplus { background: url(../images/icons/social.png) -96px -32px; }

ul#social-icons li a.twitter:hover { background: url(../images/icons/social.png) 0 0; }
ul#social-icons li a.facebook:hover { background: url(../images/icons/social.png) -32px 0; }
ul#social-icons li a.skype:hover { background: url(../images/icons/social.png) -160px 0; }
ul#social-icons li a.behance:hover { background: url(../images/icons/social.png) -64px 0; }
ul#social-icons li a.linkedin:hover { background: url(../images/icons/social.png) -128px 0; }
ul#social-icons li a.gplus:hover { background: url(../images/icons/social.png) -96px 0; }

.center-block.our-info {
	margin-top: 45px;
	margin-bottom: 60px;
}	 
.border-left {
	border-left: 1px solid #CCC;
	margin-left: 12px;
}

.border-left > p  { padding-left: 22px; }
.border-left > h3 { padding-left: 20px; margin-top: 2px; }

.number-block {
	background: url(../images/head-circle.png) left top no-repeat;
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	line-height: 27px;
	text-align: center;
	color: #FFF;
	height: 27px;
	position: absolute;
	left: -14px;
	top: 0;
	width: 27px;

}

.works-head {
	position: relative;
	width: 940px;
	margin-bottom: 15px;
}	
.works-head > h3 {
	float: left;
	margin-right: 5px;
}

.portfolio-block {
	width: 960px;
	padding-bottom: 0px;
}
.works-head .nav-portfolio {
	border-top: 1px solid #CCC;
	float: left;
	position: absolute;
	top: 12px;
	left: 10%;
	width: 90%;
}


.center-block .portfolio-block {
	display: block;
	 width: 960px
}



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


#slider-wrapper {
	width: 100%;
	height: 420px;
	margin-left: -20px;
	background-color: #000;
	position:relative
}
#video-wrapper {
	margin-left: -20px;
	width: 980px;
	background-color: #fff;
	border:none;
	padding:0;
	line-height:0;
}


.slider-line {
	background: url(../images/stripes.png) left top repeat-x;
	background-color: #05080A;
	height: 5px;
	margin-left:-20px;
	width:980px;
}

#accordian-slider-wrapper {	height:420px; }

.static {
	position: absolute;
	bottom: 0px;
	left: 120px;
	width: 700px;
	height:60px;
	background: #444;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

}

.static h3 {
	color: #FFF;
	font-size: 21px;
	font-weight:normal;
	line-height: 30px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;	
}

.static p {
	color: white;
	text-align: center;	
	text-transform:none;
	margin-bottom: 10px;	
}

/*
	===========================================================================================================
	ELASTIC SLIDER	
	===========================================================================================================	
*/
.ei-slider{
	position: relative;
	width: 980px;
	margin-left:-20px;	
	height: 420px;
/*	margin: 0 auto;*/
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(255,255,255,1);
	color: #3D3D3D;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
	list-style-type: none;	
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	right: 50%;
	margin-right: 15%;
	top: 30%;
}
.ei-title h2, .ei-title h3{
	text-align: right;
}
.ei-title h2{
	font-size: 30px;
	line-height: 50px;
	 font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #b5b5b5;
}
.ei-title h3{
	font-size: 50px;
	line-height: 70px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	color: #000;
}
.ei-slider-thumbs{
	height: 13px;
	margin: 0 auto;
	position: relative;
	list-style-type:none;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: url(../images/stripes.png) left top repeat-x;
	background-color: #06C;	
/*	background: #000;
	background: rgba(103,174,230,0.9);*/
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background-color: #444;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
	background-color: #06C;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 830px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 5px 0;
	}
	.ei-title h2, .ei-title h3{
		text-align: center;
	}
	.ei-title h2{
		font-size: 20px;
		line-height: 24px;
	}
	.ei-title h3{
		font-size: 30px;
		line-height: 40px;
	}
}




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

.fix-fish-menu { position:relative; z-index: 9000; }

#menu-bar { 
	float: right;
	height:45px;
	margin-top: 15px; 
	width: 78%; 
	
}



/* 
   ---------------------------------------------------------------------------------------------------------
	Links
   ---------------------------------------------------------------------------------------------------------		
*/
a, a:link, a:visited { 
	 font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222;
	text-decoration: underline;
	line-height:18px;
	outline: none !important;
}
a:active, a:focus  {
/*	 outline: none !important;
	 color: #fff;*/
}
a:hover { text-decoration:none; }	
a.readmore { display:block; }

/* 
   ---------------------------------------------------------------------------------------------------------
	Headers
   ---------------------------------------------------------------------------------------------------------		
*/

h1,h2,h3,h4,h5,h6 { 
	color: #111;
	font-family: 'Oswald', sans-serif;
	line-height: 20px;
	margin-bottom:15px;
}
h1 {
	 background: none;
	 font-size: 27px;
	 line-height:27px;
 	 padding:0;
}
h2 { font-size: 24px; line-height: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; margin-bottom: 10px; }
h6 { font-size: 12px; margin-bottom: 10px; }


/* 
   ---------------------------------------------------------------------------------------------------------
	Lists
   ---------------------------------------------------------------------------------------------------------		
*/
ul { list-style-type: disc;	list-style-position: inside; }

/* default lists */
ul.unordered { list-style: none;           }	
ul.ordered 	 { list-style: inside decimal; }	
ul.square 	 { list-style: inside square;  }	
ul.circle 	 { list-style: inside circle;  }

ul.arrow li { background: url('../images/pixel-sprites.png') 0 0 no-repeat; list-style-type: none; padding-left: 20px; }
ul.check li  { background: url(../images/pixel-sprites.png) 0 -27px no-repeat; list-style-type: none;  padding-left: 20px; }


/* 
   ---------------------------------------------------------------------------------------------------------
	Paragraphs
   ---------------------------------------------------------------------------------------------------------		
*/
pre, 
code, 
blockquote, 
p, 
input, 
textarea {
	 line-height: 18px;
	 margin-bottom: 15px;
}
p { line-height: 18px; margin-bottom: 15px; }

textarea { overflow: hidden }

em { 
	color: #a3a3a3; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; 
}

.italic { font-style:italic; }
.bold { font-weight: bold; }
strong, b { font-weight: bold; }
blockquote {
	font-style: italic;
	 clear: right;
	 color:#7e7e7e;
	 padding: 10px;
	 quotes: "\201C" "\201D";
 }

blockquote:before 	{ content: open-quote; font-weight: bold; }
blockquote:after 	{ content: close-quote; font-weight: bold; }

code, pre {
	border-left: 2px solid #aaa;
	color:#333;
    display: block;
    font-size: 11px;
    line-height: 20px;
	padding:10px;
	margin-bottom: 15px;	
	white-space: pre-wrap;
	word-break:break-all;
}

.margin-top-10 { margin-top:10px; }
.margin-15 { margin-bottom: 15px; }
.margin-r15 { margin-right:15px; }

span.highlight { display:inline !important; }
.highlight { padding: 1px 4px; color:#fff; background-color: #252525; }
.highlight.pink { background:#bd1e7b; }
.highlight.green { background:#668508; }
.highlight.red { background:#ef2d2d; }
.highlight.orangev { background:#ff6600; }
.highlight.blue { background:#308aef; }
.highlight.yellow { background:#cb7a0b; }

p.dropcap:first-letter  {
    color: #333;
    display: block;
    float: left;
    font-size: 32px;
    line-height: 25px;
	margin: 3px 10px 4px 0;
}

p.dropcap.pink:first-letter   { color:#bd1e7b; }
p.dropcap.green:first-letter   { color:#668508; } 
p.dropcap.red:first-letter    { color:#ef2d2d; } 
p.dropcap.orangev:first-letter { color:#ff6600; } 
p.dropcap.blue:first-letter   { color:#308aef; } 
p.dropcap.yellow:first-letter { color:#cb7a0b; }

.dropcap-circle:first-letter { 
	border-radius: 600px;
	background: #333; 
	color:#fff; 
	padding:15px 17px;; 
	font-size: 22px;    
	display: block;
    float: left;
    line-height: 20px;
	margin: 10px 10px 5px 0;
    text-align: center; 
}

.dropcap-circle.pink:first-letter   { background:#bd1e7b; }
.dropcap-circle.green:first-letter  { background:#668508; }
.dropcap-circle.red:first-letter    { background:#ef2d2d; }
.dropcap-circle.orangev:first-letter { background:#ff6600; }
.dropcap-circle.blue:first-letter   { background:#308aef; }
.dropcap-circle.yellow:first-letter { background:#cb7a0b; }

.not-found {
	font-size: 80px;
	line-height: 80px;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 15px;
	display: block;
	float: left;
	width: 400px; 
	padding-right: 15px;
	border-right: 1px solid #E6E5E5;
}

#not-found-search input[type=text] {
	background: #fafafa url('../images/icons/search.html') right 0px no-repeat;
	border-radius: 5px;		
	height: 25px;	
	width: 175px;
	padding-right: 25px;
}

#not-found-right {
     float:left;
     width: 440px; 
     margin-bottom: 15px
}

ul.archives { margin-bottom: 30px }

.divider-1px-archives {
	border-bottom: 1px solid #F4F3F3;
	margin: 30px 0 30px;
	width: 635px;
}
.right { float:right; }
.left { float:left; }
.slogan-blue { color:#67AEE6; }

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

table.tablesorter {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #f9f9f9;
	margin:10px 0pt 30px;
	font-size: 12px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #f9f9f9;
	border: 1px solid #E6E5E5;
	font-size: 12px;
	font-weight:bold;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url('../images/ts-arrows.html');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	padding: 4px;
	background-color: #fafafa;
	vertical-align: top;
	border: 1px solid #E6E5E5
}
table.tablesorter tbody tr.odd td {
	background-color:#333333;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url('../images/asc.html');
}
table.tablesorter thead tr .headerSortDown {
	background-image: url('../images/desc.html');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #ededed;
}


/*-------------------------------------------------------------------------------------------------*/
	/*TABS */
/*-------------------------------------------------------------------------------------------------*/

.section { background: #f9f9f9; }
ul.tabs {
	height: 28px;
	line-height: 25px;
	list-style: none;
	border-bottom: 1px solid #DDD;
	background: #fff;
}
.tabs li {
	float: left;
	display: inline;
	margin: 0 1px -1px 0;
	padding: 0 10px 1px;
	cursor: pointer;
	background: #F9F9F9;
	border: 1px solid #e9e9e9;
	border-bottom: 1px solid #f9f9f9;
	position: relative;
	color:#333333;
}
.tabs li:hover,
.vertical .tabs li:hover {
	padding: 0 10px;
	background: #ededed;
	border: 1px solid #e4e4e4;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.tabs li.current {
	background: #FFF;	
	padding: 0 10px 2px;
	border: 1px solid #d4d4d4;
	border-bottom: 1px solid #FFF;
}
.box {
	display: none;
	border: 1px solid #E6E5E5;
  	border-width: 0 1px 1px;
	background: #FFF;	
	padding: 15px 10px 15px;
	margin-bottom:30px;
}
.box.visible {
	display: block;
}
.box p{
	margin-bottom:15px;
}
.section.vertical {
	border-left: 160px solid #fff;
	margin-bottom: 30px;	
}
.vertical .tabs {
	width: 160px;
	float: left;
	display: inline;
	margin: 0 0 0 -160px;
}
.vertical .tabs li {
	padding: 0 13px;
	padding-top:10px;
	margin: 0 0 1px;
	border: 1px solid #E4E4E4;
	border-right: 1px solid #F9F9F9;
	width: 132px;
	height: 33px;
}
.vertical .tabs li:hover {
	padding: 0 13px;
	padding-top:10px;
	margin: 0 0 1px;
	border: 1px solid #E4E4E4;
	border-right: 1px solid #F9F9F9;
	width: 131px;
	height: 33px;
}
.vertical .tabs li.current {
	width: 133px;
	color: #444;
	background: #f3f3f3;
	border: 1px solid #D4D4D4;
	border-right: 1px solid #f3f3f3;
	margin-right: -1px;
}
.vertical .box {
  border-width: 1px;
  padding-top:15px;
}


/* 
   ---------------------------------------------------------------------------------------------------------
	Columns
   ---------------------------------------------------------------------------------------------------------		
*/

.one_half 		{ width: 48%; }
.one_third 		{ width: 30.66%; }
.one_third_home	{ width: 280px; }
.two_third 		{ width: 65.33%; }
.one_fourth 	{ width: 22%; }
.three_fourth 	{ width: 74%; }
.one_fifth 		{ width: 16.8%; }
.two_fifth 		{ width: 37.6%; }
.three_fifth 	{ width: 58.4%; }
.four_fifth 	{ width: 67.2%; }
.one_sixth 		{ width: 13.33%; }
.five_sixth 	{ width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	float: left;
}

.one_third_home {
	position: relative;
	margin-right: 30px;
	float: left;
}

.column-last { margin-right: 0!important; clear: right; }

.margin-top-20 { margin-top: 20px; }

/* 


/* 
   ---------------------------------------------------------------------------------------------------------
	Inputs & Buttons
   ---------------------------------------------------------------------------------------------------------		
*/

a.button, input[type=submit] {
	font-size: 11px;
	display: block;
	background-color: #000;
	color: #fff;
	text-decoration: none !important;
	padding: 5px 8px;
	text-align: center;
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;	

}	
a.button:hover, input[type=submit]:hover {
	text-decoration: none;
	background-color: #009;
	color: #FFF
}

a.button.left { float:left }

a.button.right { float:right }

button::-moz-focus-inner {border:0;padding:0;margin:0;}

input[type=submit] {
	border:0;
	cursor:pointer;
	height:28px;
}

input[type=text], input[type=email], input[type=url], textarea { 
	color:#727272;
	margin-bottom: 15px; 
	font-size: 11px;
	padding-left:5px; 
	border: 1px solid #CCC;
	background-color: #f5f5f5;
	height: 25px;	
	width: 324px;
	margin-right: 15px;	
	font-family:Arial, Helvetica, sans-serif;
}

textarea {
	float: left;
	overflow: hidden;
	height: 175px;
	width: 671px !important;	
	padding-top:5px;
}

input[type=text].last-item,
input[type=email].last-item,
input[type=url].last-item,
input[type=submit].last-item,
input[type=reset].last-item { margin-right: 0 !important; }


/* 
   -------------------------------------------------
	Images
   -------------------------------------------------
*/

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

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

img.aligncenter {
	 clear: both;
	 display: block;
	 margin-left:auto;
	 margin-right: auto;
	 margin-bottom: 20px;
	 position:relative;
	 text-align: center;
}

img.floatleft {	float: left; }

img.floatright { float: right; }

.margin-right12px { margin-right: 12px; }

img.feature-image {	max-width: 189px }

img.border, iframe.border {
	background:#F6F6F6;
	border: 1px solid #E6E5E5;     
    padding: 5px;
    margin-bottom: 15px;    
}
img.hover {
	margin-bottom:5px;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
a:hover img.hover { opacity: .7; }

iframe { display:block; margin-bottom: 0 !important; }

img.no-bottom-margin { margin-bottom: 0 !important; }

.no-bottom-margin {	margin-bottom: 0 !important; }



/* 
   ---------------------------------------------------------------------------------------------------------
	CONTACTS
   ---------------------------------------------------------------------------------------------------------		
*/

.google-map { margin-bottom:30px; }

.google-map a { font-size:11px;}

.notification_ok
{
	border: 1px solid #e1e0e0; 	
	background: #fafafa;
	height: auto;
	padding: 8px;
	text-align: center;
	color: green;
	margin-bottom:15px;	
	width:664px;
}
.notification_error {
	border: 1px solid #e1e0e0; 	
	background: #fafafa;
	height: auto;
	padding: 8px;
	text-align: left;
	margin-bottom:15px;
	color:red;
	width:664px;	
} 

/* 
   ---------------------------------------------------------------------------------------------------------
	PORTFOLIO
   ---------------------------------------------------------------------------------------------------------		
*/
#filterby {  
	float:left; 
	text-align: center; 
	line-height:40px; 
	color: #fff;
	width: 20px;
	height: 37px;
	text-indent: 7px;		
}

#filter {
	display:block;
	line-height: 20px;
	padding: 0px 10px 20px 0px;	
	width: 900px;
}

#filter a {
	color: #777;
	border: none;
	background: url('../images/pixel-sprites.png') 0px -14px no-repeat; 	
	margin: 0 10px 3px 0;
	padding: 2px 10px 2px 10px;	
	text-decoration:none;
}

#filter a:hover, #filter a.active { color: #FFF; background-color:#111 }


/*	Container for Portfolio  */

#container-sort{ display:block; margin-bottom: 40px; overflow:hidden; width: 960px; }

#container-sort .portfolio-4 li { float:left; width: 220px; height:305px;  position: relative; margin-bottom: 40px; margin-right: 20px; list-style: none outside none; }
#container-sort .portfolio-3 li { float:left; width: 300px; height:345px;  position: relative; margin-bottom: 40px; margin-right: 20px; list-style: none outside none; }
#container-sort .portfolio-2 li { float:left; width: 460px; height:375px;  position: relative; margin-bottom: 40px; margin-right: 20px; list-style: none outside none; }

#container-sort ul{	overflow:hidden; }

#container-sort ul.hidden { display:none; }

/*  Portfolio 4 Columns  */

.portfolio-4 .mask { 
	width: 220px; 
	height: 160px; 
	background-color: #000;
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	opacity: 0.0; 
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
   	
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;
}

.portfolio-4 li .mask:hover { opacity: 0.8; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); cursor: pointer }

.portfolio-4 li { height:305px; overflow:hidden; }
.portfolio-4 li img { margin-bottom:10px; }

.portfolio-4 li .mask a.zoom-icon {
	background: url(../images/social-icons.png) left top no-repeat;
	background-position: 0px -46px;
	display: block;
	height: 23px;
	width: 23px;
	position: absolute;
	bottom: 68px;
	left: 98px;	
	opacity: 0.0; 
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
}

.portfolio-4 li .mask a.zoom-icon:hover { background-position: -23px -46px;	cursor: pointer; }

.portfolio-4 li .mask:hover a.zoom-icon { opacity: 1.0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } 

.portfolio-4 .content { width: 220px; height: 140px; overflow: hidden; top: 0; left: 0; }

.portfolio-4 .content a { text-decoration:none; }

.portfolio-4 .content a:hover { text-decoration:underline; }

.portfolio-4 .bottom-header { 
	width: 220px;
	text-align: center;
	position: relative;
	top: 10px;
}	

.portfolio-4 .bottom-header .yellow-line {
	width: 15px;
	height: 1px;
	float: right;
	line-height: 30px;
	border-top: 1px solid #06C;
}	

.portfolio-4 .bottom-header .yellow-line.right { float: right }
.portfolio-4 .bottom-header .yellow-line.left {
	position: absolute;
	left:0;
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;	
  }

.portfolio-4 .bottom-header .yellow-line.right {
	position: absolute;
	right:0;
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;	
  }
.portfolio-4 .mask h5 {
	color: #06C;
	text-align: center;
	margin-top: 40px;
	font-size: 12px;
} 
.portfolio-4 .content h4 {
	margin-bottom:10px;
} 
.portfolio-4 .mask:hover .bottom-header .yellow-line.left {
 	left: 75px;
 }   
.portfolio-4 .mask:hover .bottom-header .yellow-line.right {
 	right: 76px;
 }


/*  Portfolio 3 Columns  */

.portfolio-3 .mask { 
	width: 300px; 
	height: 200px; 
	background-color: #000;
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	opacity: 0.0; 
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
   	
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;
}

.portfolio-3 li .mask:hover { opacity: 0.8; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); cursor: pointer }

.portfolio-3 li { height:345px; overflow:hidden; }
.portfolio-3 li img { margin-bottom:10px; }

.portfolio-3 li .mask a.zoom-icon {
	background: url(../images/social-icons.png) left top no-repeat;
	background-position: 0px -46px;
	display: block;
	height: 23px;
	width: 23px;
	position: absolute;
	bottom: 82px;
	left: 138px;	
	opacity: 0.0; 
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
}

.portfolio-3 li .mask a.zoom-icon:hover { background-position: -23px -46px;	cursor: pointer; }

.portfolio-3 li .mask:hover a.zoom-icon { opacity: 1.0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } 

.portfolio-3 .content { width: 300px; height: 140px; overflow: hidden; top: 0; left: 0; }

.portfolio-3 .content a { text-decoration:none; }

.portfolio-3 .content a:hover { text-decoration:underline; }

.portfolio-3 .bottom-header { 
	width: 300px;
	text-align: center;
	position: relative;
	top: 11px;
}	

.portfolio-3 .bottom-header .yellow-line {
	width: 15px;
	height: 1px;
	float: right;
	line-height: 30px;
	border-top: 1px solid #06C;
}	

.portfolio-3 .bottom-header .yellow-line.right { float: right }
.portfolio-3 .bottom-header .yellow-line.left {
	position: absolute;
	left:0;
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;	
  }

.portfolio-3 .bottom-header .yellow-line.right {
	position: absolute;
	right:0;
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;	
  }
.portfolio-3 .mask h5 {
	color: #06C;
	text-align: center;
	margin-top: 65px;
	font-size: 12px;
} 
.portfolio-3 .content h4 {
	margin-bottom:10px;
} 
.portfolio-3 .mask:hover .bottom-header .yellow-line.left {
 	left: 115px;
 }   
.portfolio-3 .mask:hover .bottom-header .yellow-line.right {
 	right: 116px;
 } 


/*  Portfolio 2 Columns  */

.portfolio-2 .mask { 
	width: 460px; 
	height: 230px; 
	background-color: #000;
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	opacity: 0.0; 
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
   	
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;
}

.portfolio-2 li .mask:hover { opacity: 0.8; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); cursor: pointer }

.portfolio-2 li { height:375px; overflow:hidden; }
.portfolio-2 li img { margin-bottom:10px; }

.portfolio-2 li .mask a.zoom-icon {
	background: url(../images/social-icons.png) left top no-repeat;
	background-position: 0px -46px;
	display: block;
	height: 23px;
	width: 23px;
	position: absolute;
	bottom: 103px;
	left: 219px;	
	opacity: 0.0; 
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
}

.portfolio-2 li .mask a.zoom-icon:hover { background-position: -23px -46px;	cursor: pointer; }

.portfolio-2 li .mask:hover a.zoom-icon { opacity: 1.0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } 

.portfolio-2 .content { width: 460px; height: 140px; overflow: hidden; top: 0; left: 0; }

.portfolio-2 .content a { text-decoration:none; }

.portfolio-2 .content a:hover { text-decoration:underline; }

.portfolio-2 .bottom-header { 
	width: 460px;
	text-align: center;
	position: relative;
	top: 11px;
}	

.portfolio-2 .bottom-header .yellow-line {
	width: 15px;
	height: 1px;
	float: right;
	line-height: 30px;
	border-top: 1px solid #06C;
}	

.portfolio-2 .bottom-header .yellow-line.right { float: right }
.portfolio-2 .bottom-header .yellow-line.left {
	position: absolute;
	left:0;
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;	
  }

.portfolio-2 .bottom-header .yellow-line.right {
	position: absolute;
	right:0;
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;	
  }
.portfolio-2 .mask h5 {
	color: #06C;
	text-align: center;
	margin-top: 75px;
	font-size: 12px;
} 
.portfolio-2 .content h4 { margin-bottom:10px; } 

.portfolio-2 .mask:hover .bottom-header .yellow-line.left {	left: 195px; }

.portfolio-2 .mask:hover .bottom-header .yellow-line.right { right: 196px; }



/* Page Navigation */

.nav-pagination {
	border-top: 1px solid #CCC;
	float: left;
	width: 940px;
}

.nav-pagination.blog {
	margin-top:45px;
	width: 680px;
}

.nav-pagination ul { display:block; }

.nav-pagination li {
	background: url(../images/small-arrows.png) 0 -54px no-repeat;
	display: block;
	float:left;
	height: 27px;	
	line-height: 30px;
	margin-right:10px;	
	position: relative;	
	top: -15px;	
	text-align: center;
	width: 27px;
	
}

.nav-pagination li a { color:#FFF; font-family: 'Oswald', sans-serif; font-size: 12px; padding:0 5px; text-decoration:none; }
.nav-pagination li.active { color:#111;	background: url(../images/small-arrows.png) -27px -54px no-repeat; }
.nav-pagination li.active a { color:#111; }
.nav-pagination li:hover a { color:#111; }
.nav-pagination li:hover { background: url(../images/small-arrows.png) -27px -54px no-repeat; }


/* 
   ---------------------------------------------------------------------------------------------------------
	BLOG
   ---------------------------------------------------------------------------------------------------------		
*/

#separator { height: 60px; width: 980px; margin-left:-20px; }
.bg-separator {
	height: 5px;
	background: url(../images/stripes.png) 0 15px repeat-x;
	padding-top: 15px;
}
.bg-separator-yellow {
	height: 5px;
	background: url('../images/stripes.png') #06C no-repeat;	
	width: 200px;
	margin-right:160px;
}
#separator h2 {
	background: white;
	display: inline-block;
	line-height: 32px;	
	padding-right: 10px;	
	position: relative;	
	margin-left:20px;
	padding-left:5px;
	top:-15px;	
}

.blog-divider {
	border-top: 1px solid #CCC;
	margin:40px 0;
	width:100%;
}

.left-content, .right-content {
	float: left;
	margin-right: 40px;
	width: 680px;
}

.right-content { margin-right: 0 }

.right-sidebar, .left-sidebar { width: 220px; float:left } 

.left-sidebar { margin-right: 40px }


/* Style 1*/
.post-block-style1 {position: relative; display: block; margin-bottom:40px; }

.post-block-style1 .date, .single-post .date {
	background-color:#f6f6f6;
	font-family: 'Oswald', sans-serif;
	display:inline-block;
	width:75px;
}
.post-block-style1 .post-meta-left {
	float:left;
	margin-right:20px;
	margin-top:35px;
	width:75px;
}
.post-block-style1 .post-meta-left-short {
	float:left;
	margin-right:20px;
	width:75px;
}

.post-block-style1 span, .single-post span {
	display:block;
	text-align:center;	
}
.post-block-style1 span.info, .single-post span.info {
	display:block;
	margin-left:10px;
	text-align:left;	
}
.post-block-style1 span.sub-title, .single-post span.sub-title {
	color: #B2B2B6;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
}

span.month {
	background-color:#111;
	color:white;
	font-size:12px;
	line-height:12px;	
	padding:10px 0;
	text-transform:uppercase;
}

span.month-date {
	color:#111;	
	font-size:22px;
	line-height:22px;
	padding:8px 0 5px;
}

span.year {
	color:#111;	
	font-size:12px;
	line-height:12px;	
	padding:5px 0 10px;
}

.black-line {
	width: 15px;
	height: 1px;
	border-top: 1px solid #111;
	top: 1px;
	position: relative;	
}

.post-block-style1 .post-data, .single-post .post-data {
	float: left;
	width: 585px;
}

.post-block-style1 .post-thumb a, .single-post .post-thumb a {
	display:block;
	line-height:0px;
}
.post-block-style1 .post-text {

}
.post-block-style1 .post-meta {
	background-color: #111;
	color:#fff;
	font-size:11px;
	height: 32px;
	width: 585px;
	margin-bottom:15px;	
/*	top:0px;
	position:absolute;*/
	
	-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
	
}
/* Fix for SlideShow Meta*/
.post-meta.slideshow {
	bottom:0px;
}

.post-block-style1 .post-meta a {
	color:#06C;
	font-size:11px;	
	text-decoration:none;
}
.post-block-style1 .post-meta a:hover {
	text-decoration:underline;
}

.post-meta-tag {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size:11px;
	margin: 10px 0 45px 0;
	padding: 10px 0;
	width: 680px;
}

.post-meta-tag a {
	font-size:11px;
}

.post-meta-tag .addthis_toolbox {
	float:right;	
}


/* Hover Post Meta */
.post-block-style1 .info {
	height:12px;
	overflow:hidden;
	padding:7px 0;	
	left:15px;
}

/* Post Formats */
span.post-format {
	background: #06C url(../images/icons/blog-icons.png) 0 0 no-repeat;
/*	background-color: #06C;*/
	width: 75px;
	height: 32px;
	display: block;
	position: relative;
	left:0;
}

.format-image span.post-format { background-position: -75px 0; }
.format-video span.post-format { background-position: -75px -32px; }
.format-gallery span.post-format { background-position: -75px -64px; }
.format-standard span.post-format { background-position: -75px -96px; }
.format-link span.post-format { background-position: -75px -128px; }
.format-audio span.post-format { background-position: -75px -160px; }
.format-aside span.post-format { background-position: -75px -192px; }
.format-quote span.post-format { background-position: -75px -224px; }

.format-image span.post-format:hover { background-position: 0 0; }
.format-video span.post-format:hover { background-position: 0 -32px; }
.format-gallery span.post-format:hover { background-position: 0 -64px; }
.format-standard span.post-format:hover { background-position: 0 -96px; }
.format-link span.post-format:hover { background-position: 0 -128px; }
.format-audio span.post-format:hover { background-position: 0 -160px; }
.format-aside span.post-format:hover { background-position: 0 -192px; }
.format-quote span.post-format:hover { background-position: 0 -224px; }

.post-format.image { background: url(../images/icons/blog-icons.png) 0 0 no-repeat; }
.post-format.video { background: url(../images/icons/blog-icons.png) 0 -20px no-repeat; }
.post-format.gallery { background: url(../images/icons/blog-icons.png) 0 -40px no-repeat; }
.post-format.standard { background: url(../images/icons/blog-icons.png) 0 -40px no-repeat; }
.post-format.link { background: url(../images/icons/blog-icons.png) 0 -80px no-repeat; }
.post-format.audio { background: url(../images/icons/blog-icons.png) 0 -100px no-repeat; }
.post-format.aside { background: url(../images/icons/blog-icons.png) 0 -120px no-repeat; }
.post-format.qoute { background: url(../images/icons/blog-icons.png) 0 -140px no-repeat; }

.post-block-style1:hover .post-format.image { background: url(../images/icons/blog-icons.png) -22px 0 no-repeat;	}
.post-data:hover .post-format.video { background: url(../images/icons/blog-icons.png) -22px -20px no-repeat;	}
.post-data:hover .post-format.gallery { background: url(../images/icons/blog-icons.png) -22px -40px no-repeat; }
.post-data:hover .post-format.standard { background: url(../images/icons/blog-icons.png) -22px -60px no-repeat; }
.post-data:hover .post-format.link { background: url(../images/icons/blog-icons.png) -22px -80px no-repeat; }
.post-data:hover .post-format.audio { background: url(../images/icons/blog-icons.png) -22px -100px no-repeat; }
.post-data:hover .post-format.aside { background: url(../images/icons/blog-icons.png) -22px -120px no-repeat; }
.post-data:hover .post-format.qoute { background: url(../images/icons/blog-icons.png) -22px -140px no-repeat; }

/* Plus One Block (Social Services) */
.plus-one {	margin-top:45px; }

.pinterest iframe {	margin-top: 5px; }

.facebook iframe { padding-bottom:0; margin-top: 10px; }

.twitter iframe { padding-bottom:0;	margin-top: 10px; }

.gplus iframe {	padding-bottom:0; }



/* Comments Block */
.comments-block {
	
}

.comments-block h5 {
	background-color: #111;
	color: white;
	padding: 5px;
	margin-bottom:15px;
}

.comment-block {
	background:#F5F5F5;
	border-left: 1px solid #111;	
	margin-bottom:15px;
	min-height:100px;
}
.comment-text {
	padding-top: 15px;
	padding-bottom:15px;
}
.comment-text .replay {
	float:right;
	font-size:11px;
	margin-right:15px;
	margin-bottom:15px;
}
.gravatar {
	float:left;
}
.gravatar img {
	margin: 15px 15px 0 15px;
}
.comment-block .gravatar .nickname {
	display:block;
	margin-left:15px;
}
.comment-info .italic {
	font-style:italic;
}
.comment-text .comment {
	margin: 5px 15px 0 15px;
}
.replay-block {
	display: block;
/*	margin-left: 90px; 
	width: 590px; */
	background:#F5F5F5;
	margin-bottom:15px;
	min-height:100px;	
}
.replay-block.second-item {
	display: block;
	margin-left: 180px;
	width: 500px;
}


/*
	=========================================
	BLOG SLIDER	
	=========================================
*/

#container {
	width:585px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

/*
	Slideshow
*/

#slides {
/*	position:absolute;
	top:15px;
	left:4px;
	z-index:100;*/
}

.post-block-style1 .slides-items {
	float:left;
	width: 585px;
	background:#F6F6F6;
	border: 1px solid #E6E5E5;     
    padding: 5px;
/*    margin-right: 25px;*/
	}


/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:585px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container img {
	width:585px;
	height:260px;
	display:block;
}

.slides_container a img {
	display:block;
}


/*
	Pagination
*/
.pagination { position: absolute; bottom: 0px; right: 10px; margin-bottom:0 !important; z-index: 10; }
.pagination li { float:left; margin:0 1px; list-style:none; padding: 4px 0; }
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url('../images/pagination.png');
	background-position:0 0;
	float:left;
	overflow:hidden;
	line-height:18px !important;	
}
.pagination li a:hover { background-position:0 -12px; }
.pagination li.current a { background-position:0 -12px; }


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

.widget { margin-bottom: 45px; width: 220px; }
.widget h5 { background-color:#111; color:#FFF; padding:5px; }
.widget a {	text-decoration:none; }
.widget a:hover { text-decoration:underline; }
.widget.video p { margin-top: 10px; }

/* Advertising */
a.advertising-link { display:block !important; line-height:0 !important;}
.advertising img { margin-bottom:5px; }
.small-adv { margin-right:5px; margin-bottom:0; }

/* Sidebar widget list */
.widget ul { list-style-type: none;	list-style-position: inside; }
.widget ul.navigation li {
	background: url('../images/pixel-sprites.png') 0 0 no-repeat;
	padding-left: 20px;
	line-height: 16px;
}

/* 
   ---------------------------------------------------------------------------------------------------------
	Recent Posts
   ---------------------------------------------------------------------------------------------------------		
*/

.recent-posts p { margin-bottom: 5px }
ul.recent-posts li {	margin-bottom: 20px; }
ul.recent-posts li img {
	float:left;
	margin-right: 10px; 
	border: 2px solid #fff;
	-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
	
}	

ul.recent-posts li img:hover { border-color: #06C; cursor: pointer }


/* 
   ---------------------------------------------------------------------------------------------------------
	Flickr
   ---------------------------------------------------------------------------------------------------------		
*/

.thumbs { margin: 0; padding: 0; overflow: hidden; width: 240px }
.thumbs li { list-style: none; float: left; margin: 0 14px 14px 0; padding: 3px; background: #111;
	-webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -ms-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear; 
}
.thumbs li a { }
.thumbs li img { display: block; width:58px; height:58px;}
.thumbs li a img { border: none;}
.thumbs li:hover { background: #06C;}


/* 
   ---------------------------------------------------------------------------------------------------------
	jPlayer - HTML5 Player
   ---------------------------------------------------------------------------------------------------------		
*/

div.jp-audio,
div.jp-video { font-size:10px; }

.jp-audio-container, .jp-video-container {
	margin-bottom: 15px;
}

div.jp-audio {
	font-size: 1em;
	 font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 1.6;
}

div.jp-audio {
	width: 580px;
}

div.jp-interface {
	position: relative;
	width: 100%;
	background: rgb(58,59,60);
	background: url(../images/jplayer-brown-and-orange.png) 0 -210px;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(34,34,34)),
	    color-stop(1, rgb(58,59,60))
	);
	background: -moz-linear-gradient(
	    center bottom,
	    rgb(34,34,34) 0%,
	    rgb(58,59,60) 100%
	);
	
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.jp-audio div.jp-type-single div.jp-interface {
	height: 30px;
}

div.jp-interface ul.jp-controls {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {
	display: inline;
}
div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}

a.jp-play,
a.jp-pause {
	width: 33px;
	height: 30px;
	z-index: 1;
	outline: none;
}
div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause {
	top: 0;
	left: 0;
	border-right: 1px solid rgb(36,37,38);
}
a.jp-play {
	background: url("../images/jplayer-brown-and-orange.png") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("../images/jplayer-brown-and-orange.png") -33px 0 no-repeat;
}
a.jp-pause {
	background: url("../images/jplayer-brown-and-orange.png") 0 -30px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("../images/jplayer-brown-and-orange.png") -33px -30px no-repeat;
}

div.jp-progress-container {
	position: absolute;
	top: 0;
	left: 34px;
	width: 445px;
	height: 6px;
	padding: 12px 10px;
	border-left: 1px solid rgb(50,51,52);
	border-right: 1px solid rgb(36,37,38);
}
div.jp-progress {
	position: absolute;
	overflow:hidden;
}
div.jp-audio div.jp-type-single div.jp-progress {
	width: 443px;
	height: 7px;
	padding: 1px;
	background: url("../images/jplayer-brown-and-orange.png") 0 -192px repeat-x ;
}

div.jp-seek-bar {
	width: 0px;
	height: 5px;
	cursor: pointer;
	background: url("../images/jplayer-brown-and-orange.png") 0 -163px repeat-x;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
div.jp-play-bar {
	width: 0px;
	height: 5px;
	background: url("../images/jplayer-brown-and-orange.png") 0 -133px repeat-x ;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

div.jp-volume-bar-container {
	position: absolute;
	top: 0;
	left: 501px;
	width: 40px;
	height: 6px;
	padding: 12px 10px;
	border-left: 1px solid rgb(50,51,52);
}
div.jp-volume-bar {
	position: relative;
	overflow: hidden;
	background: url("../images/jplayer-brown-and-orange.png") 0 -192px repeat-x;
	width: 40px;
	height: 9px;
	cursor: pointer;
}
div.jp-audio div.jp-type-single div.jp-volume-bar {
	top: 0;
	left: 20px;
}

div.jp-volume-bar-value {
	width: 0px;
	height: 5px;
	margin: 1px;
	background: url("../images/jplayer-brown-and-orange.png") 0 -133px repeat-x;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

a.jp-mute,
a.jp-unmute {
	width: 17px;
	height: 13px;
	z-index: 1;
	outline: none;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	top: 9px;
	left: 510px;
}

a.jp-mute {
	background: url("../images/jplayer-brown-and-orange.png") -10px -68px no-repeat;
}
a.jp-mute:hover {
	background: url("../images/jplayer-brown-and-orange.png") -43px -68px no-repeat;
}
a.jp-unmute {
	background: url("../images/jplayer-brown-and-orange.png") -10px -98px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("../images/jplayer-brown-and-orange.png") -43px -98px no-repeat;
}

div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer {
	background-color: #000000;
}

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

#footer {
	-webkit-box-shadow: 0px -1px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0px -1px 5px rgba(0,0,0,.5);
	box-shadow: 0px -1px 5px rgba(0,0,0,.5);
	background-image: url(../images/pattern.png);
	width: 940px; 
	padding: 45px 20px 15px 20px; 
	background-color: #111; 
	color: #DDD;
	font-size: 11px;
	line-height: 18px;
	margin: 0 auto
	}

#footer .border-column {
	padding-left: 15px;
	border-left: 1px solid #1f1f1f; 
	width: 195px;	
}

#footer .one_fourth { margin-right: 30px; }

.margin-b15 { margin-bottom: 15px; }	

.margin-t15 { margin-bottom: 15px; }	

.after-foter-line {
	background-image: url(../images/pattern.png);
	background-color: #111;
	height:10px; 
	width: 100%; 	
}	
#footer h1, #footer  h2, #footer  h3, #footer  h4, #footer  h5, #footer h6 {
	color: #FFF;
	margin-bottom: 15px;
}	
#footer h6 { margin-bottom: 5px; color: #EEE }

#footer ul.list-contact li { margin-bottom: 10px; }

#footer ul.list-contact li.location {
	background: url(../images/icons/location.png) 3px center no-repeat;
	padding-left: 25px;
}
#footer ul.list-contact li.email {
	background: url(../images/icons/email.png) left center no-repeat;
	padding-left: 25px;
}
#footer ul.list-contact li.phone {
	background: url(../images/icons/phone.png) 3px center no-repeat;
	padding-left: 25px;
}
#footer ul { list-style-type: none; }
#footer a { 
	color: #06C;
	font-size: 11px;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline
}
#footer p { margin-bottom: 5px }

#footer ul li {
	margin-bottom: 20px;
}

#footer ul li img {
	float:left;
	margin-right: 10px; 
	border: 2px solid #fff;
	-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
	
}	

#footer ul li img:hover {
	border-color: #06C;
	cursor: pointer
}
/* 
   ---------------------------------------------------------------------------------------------------------
	Tweet - Twitter
   ---------------------------------------------------------------------------------------------------------		
*/


.tweet { color: #CCC; font-size:11px; }
.tweet a { font-size:11px; color: #06C }
.tweet_list { list-style: none;	margin: 0; padding: 0; overflow-y: hidden; }
.tweet_list .awesome,
.tweet_list .epic { text-transform: uppercase; }
.tweet_list li { overflow-y: auto; overflow-x: hidden; display: block; line-height:18px; margin-bottom: 15px; }
.tweet_list .tweet_even {		}
.tweet_list .tweet_avatar { padding-right: .5em; float: left; }
.tweet_list .tweet_avatar img { vertical-align: middle;	}
.tweet_list .tweet_time { display:block; }

#twitter img { display: block; float:left; margin-right: 10px; }
#twitter h3 { float:left; margin-right: 20px; line-height: 40px; }
#twitter .v-line { height:40px;  border-right: 1px solid #ddd;  display: block; margin-top:0px; float:left; margin-right: 20px }


/* ****** Twitter Widget *****/
#twitter-widget { /*width: 95.8%;*/}
#twitter-widget .center-block { padding:0; }
#twitter-widget .tweet-sb { font-size:12px; width: 220px; line-height:18px !important }
#twitter-widget .tweet-sb a { color: #111; font-size:12px; }
#twitter-widget .tweet_list { list-style: none;	margin: 0; padding: 0; overflow-y: hidden; }
#twitter-widget .tweet_list .awesome,
#twitter-widget .tweet_list .epic { text-transform: uppercase; }
#twitter-widget .tweet_list li { overflow-y: auto; overflow-x: hidden; display: block; line-height:20px; }
#twitter-widget .tweet_list .tweet_even { padding: 5px 0; }
#twitter-widget .tweet_list .tweet_odd { padding: 5px 0; }
#twitter-widget .tweet_list .tweet_first{ padding-top:0 !important; }
#twitter-widget .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
#twitter-widget .tweet_list .tweet_avatar img { vertical-align: middle;	}
#twitter-widget .tweet_list .tweet_time { display:block; }
#twitter-widget img { display: block; float:left; margin-right: 10px; }
#twitter-widget h3 { float:left; margin-right: 20px; line-height: 40px; }
#twitter-widget .v-line { height:40px;  border-right: 1px solid #ddd;  display: block; margin-top:0px; float:left; margin-right: 20px }


/* 
   ---------------------------------------------------------------------------------------------------------
	Google Slides
   ---------------------------------------------------------------------------------------------------------		
*/
.googleslides { min-width:75px; min-height:75px; }
.googleslide  { display:none; position:relative; }
.googleslide a:link { text-decoration:none; }
.googleslide .caption { padding: 5px 5px 5px 10px; }
.googleslide .captionWrapper {
	background-color:black;
	color:white;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	height:30px;
	padding:0;
	bottom:3px;
	width:100%;
	overflow:none;
	position:absolute;	
}

TABLE TR{
	border:1PX solid GREY;
	padding:5PX;
}

TABLE TD{
	padding:5PX;
	border:1PX solid GREY;
}

.prolist{
	padding:10px;
	
	text-decoration:none;	
}

#team {	width:30%;
	float:left;
	border: 1px;
	margin:5px;
	text-align:center;
	background:rgba(90, 174, 192, 0.44);
	font-size:16px;
	padding:10px;
	}

#team2 {	width:40%;
	float:left;
	border: 1px;
	margin:28px;
	text-align:center;
	background:rgba(90, 174, 192, 0.44);
	font-size:16px;
	padding:10px;
	}
/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(92, 44, 44, 0.9);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(31, 22, 195, 0.69) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(31, 22, 195, 0.69) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}