::-webkit-scrollbar
{
	width: 9px;
	border-radius: 4px;
}

::-webkit-scrollbar-track
{
	background: rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb
{
	background: rgba(0,0,0,0.5);
}

	::-webkit-scrollbar-thumb:window-inactive
	{
		background: rgba(0,0,0,0.4);
	}

html
{
	-webkit-transition: background-color 1s;
	transition: background-color 1s;
}

html, body
{
	min-height: 100%;
}

	html.loading
	{
		background: #333 url('../images/loading.gif') no-repeat 50% 50%;
		-webkit-transition: background-color 0;
		transition: background-color 0;
	}

body
{
	-webkit-transition: opacity 1s ease-in;
	transition: opacity 1s ease-in;
}

html.loading body
{
	/* Make the contents of the body opaque during loading */
	opacity: 0;
	/* Ensures that the transition only runs in one direction */
	-webkit-transition: opacity 0;
	transition: opacity 0;
}

html, body
{
	height: 100%;
	font-family: "Open Sans","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
	font-size: 14px;
	color: #666;
	line-height: 1.5em;
}

h1, h2, h3, h4, h5
{
	font-family: "Open Sans","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
	font-weight: 300;
	color: inherit;
}

a
{
	color: #555;
}

blockquote
{
	border-left: 1px solid rgba(255,255,255,.5);
	margin: 0 0 1.25em 1.2em;
	font-family: 'Droid Serif', Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
}

	blockquote,
	blockquote p
	{
		color: #555;
		font-size: 14px;
		line-height: 1.6;
		text-align: left;
	}

		blockquote p
		{
			padding-bottom: 8px;
			font-size: 1.2em;
		}

figure
{
	margin: 0;
	position: relative;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea
{
	padding: 5px 10px;
}

label
{
	font-size: 1em;
}

button.secondary, .button.secondary
{
	background-color: #888;
	background-color: rgba(0, 0, 0, 0.15);
	border: medium none;
	border-radius: 0 0;
	color: #FFF;
}

	button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus
	{
		background-color: #666;
		color: #FFF;
		background-color: rgba(0, 0, 0, 0.3);
	}

.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

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

* html .clearfix
{
	height: 1%;
}

.p-all-0
{
	padding: 0 !important;
}

.p-t-10
{
	padding-top: 10px;
}

.p-all-20
{
	padding: 20px !important;
}

.p-l-0
{
	padding-left: 0;
}

.alignright
{
	text-align: right;
}

.alignleft
{
	text-align: left;
}

.aligncenter
{
	text-align: center;
}

.wp-caption
{
	max-width: 100%;
	padding: 4px;
}

	.wp-caption .wp-caption-text,
	.gallery-caption,
	.entry-caption
	{
		font-style: italic;
		font-size: 12px;
		font-size: 0.857142857rem;
		line-height: 2;
		color: #757575;
	}

.fa-2
{
	font-size: 2em;
}

.fa-3
{
	font-size: 4em;
}

.fa-4
{
	font-size: 7em;
}

.fa-5
{
	font-size: 12em;
}

.fa-6
{
	font-size: 20em;
}






.subheader
{
	line-height: 1.4;
	color: #6f6f6f;
	font-weight: 300;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
}

hr
{
	border: solid #dddddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.25rem 0 1.1875rem;
	height: 0;
}

/* Helpful Typography Defaults */
em,
i
{
	font-style: italic;
	line-height: inherit;
}

strong,
b
{
	font-weight: bold;
	line-height: inherit;
}

small
{
	font-size: 60%;
	line-height: inherit;
}

code
{
	color: #59160D;
	font-size: 0.964em;
	font-family: Consolas,"Liberation Mono",Courier,monospace;
	font-weight: normal;
}

/* Lists */
ul,
ol,
dl
{
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	list-style-position: outside;
	font-family: inherit;
}

ul
{
	margin-left: 1.1rem;
}

	ul.no-bullet
	{
		margin-left: 0;
	}

		ul.no-bullet li ul,
		ul.no-bullet li ol
		{
			margin-left: 1.25rem;
			margin-bottom: 0;
			list-style: none;
		}

	/* Unordered Lists */
	ul li ul,
	ul li ol
	{
		margin-left: 1.25rem;
		margin-bottom: 0;
		font-size: 1rem;
		/* Override nested font-size change */
	}

	ul.square li ul, ul.circle li ul, ul.disc li ul
	{
		list-style: inherit;
	}

	ul.square
	{
		list-style-type: square;
		margin-left: 1.1rem;
	}

	ul.circle
	{
		list-style-type: circle;
		margin-left: 1.1rem;
	}

	ul.disc
	{
		list-style-type: disc;
		margin-left: 1.1rem;
	}

	ul.no-bullet
	{
		list-style: none;
	}

/* Ordered Lists */
ol
{
	margin-left: 1.4rem;
}

	ol li ul,
	ol li ol
	{
		margin-left: 1.25rem;
		margin-bottom: 0;
	}

/* Definition Lists */
dl dt
{
	margin-bottom: 0.3rem;
	font-weight: bold;
}

dl dd
{
	margin-bottom: 0.75rem;
}

/* Abbreviations */
abbr,
acronym
{
	text-transform: uppercase;
	font-size: 90%;
	color: #444444;
	border-bottom: 1px dotted #dddddd;
	cursor: help;
}

abbr
{
	text-transform: none;
}

/* Blockquotes */
blockquote
{
	margin: 0 0 1.25rem;
	padding: 0.5625rem 1.25rem 0 1.1875rem;
	border-left: 1px solid #dddddd;
}

	blockquote cite
	{
		display: block;
		font-size: 0.8125rem;
		color: #555555;
	}

		blockquote cite:before
		{
			content: "\2014 \0020";
		}

		blockquote cite a,
		blockquote cite a:visited
		{
			color: #555555;
		}

	blockquote,
	blockquote p
	{
		line-height: 1.6;
		color: #6f6f6f;
	}

/* Microformats */
.vcard
{
	display: inline-block;
	margin: 0 0 1.25rem 0;
	border: 1px solid #dddddd;
	padding: 0.625rem 0.75rem;
}

	.vcard li
	{
		margin: 0;
		display: block;
	}

	.vcard .fn
	{
		font-weight: bold;
		font-size: 0.9375rem;
	}

.vevent .summary
{
	font-weight: bold;
}

.vevent abbr
{
	cursor: default;
	text-decoration: none;
	font-weight: bold;
	border: none;
	padding: 0 0.0625rem;
}
/*** tables ***/
table
{
	border: 1px solid #DDD;
	border-spacing: 0;
}

	table tr th
	{
		background: none repeat scroll 0 0 #8A8A8A;
		color: #FFFFFF;
		font-size: 0.9em;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
	}

	table tr td
	{
		border: 1px solid #FFF;
	}




button,
.button
{
	border: medium none;
	box-shadow: none;
	font-weight: 600;
	padding: 0.7em 1.2em 0.75em;
	text-transform: uppercase;
	transition: all .2s ease;
	cursor: pointer;
}

	button:hover,
	.button:hover
	{
		padding-left: 0.75em;
		padding-right: .7em;
	}

	button.small:hover, button.small:focus,
	.button.small:hover, .button.small:focus
	{
		padding-left: 1.4em;
		padding-right: 1.4em;
	}






button,
.button,
.sidebar-right .block-title:after,
#wp-calendar tfoot tr td
{
	background: #EE4400;
}

article.type-post .post-title a,
.single-post .post-title,
.post-info a,
article.post.type-post .field-name-field-blog-tags .links > li a,
.sidebar-right ul li.recentcomments a:last-child
{
	color: #EE4400;
}

blockquote,
.small-display article.type-post.sticky
{
	border-color: #EE4400;
}

button:hover,
.button:hover
{
	background: #FF4A02;
}





.sidebar-right .block-title:before
{
	background: #F9BB3F;
}


.metro-panel .blog-box.featured > div
{
	background: #FCA325;
}

.featured.blog-box .featured-box-title
{
	background: rgba(255, 154, 0, 0.9);
}


/*--------------------- Global internes --------------------*/
.icons-list li
{
	list-style: none;
}

	.icons-list li i
	{
		padding-right: 10px;
	}

.ajax-progress .throbber
{
	background: transparent url(../images/loading.gif) no-repeat center;
	float: left;
	height: 20px;
	width: 320px;
	margin: 2px;
}







/*--------------------- Pages internes --------------------*/
body.not-front
{
	background: url("../images/bg-2.jpg") repeat scroll 0 0;
}

.site-name-div
{
	margin-bottom: 1.5em;
}

.site-name
{
	font-size: 3em;
	margin-bottom: 0;
}

	.site-name > a
	{
		color: #555 !important;
	}

.menu-row h2
{
	font-size: 2.75em;
}

.menu-button
{
	padding-top: 27px;
}

	.menu-button i
	{
		cursor: pointer;
	}

.back[class^="fa-"]
{
	border: 2px solid;
	border-radius: 50% 50% 50% 50%;
	margin: 0 1px;
	padding: 7px 9px;
	text-shadow: 0 0 0;
	transition: all .25s ease;
}

.back:hover
{
	padding: 7px 10px 8px 10px;
	margin: 0;
}

.go-back .back
{
	float: left;
	margin-top: 26px;
	margin-left: -50px;
	cursor: pointer;
}

.l-header
{
	padding: 20px 1.2em 10px;
}

.top-bar-section ul,
.top-bar-section li a:not(.button)
{
	background: none;
}

.top-bar
{
	background: rgba(255,255,255,.2);
}


.vertical-menu
{
	color: #FFF;
	height: 100%;
	top: 0;
	right: 0;
	width: 240px;
	z-index: 1000;
	transition: all 0.3s ease 0s;
	width: 332px;
	background: none repeat scroll 0 0 #024180;
	position: fixed;
	padding: 0;
	overflow: auto;
	overflow-x: hidden;
}

	.vertical-menu.close
	{
		right: -332px;
	}

		.vertical-menu.close.on-hover-show
		{
			right: -327px;
		}

.in-left.vertical-menu
{
	left: 0;
	right: auto;
}

	.in-left.vertical-menu.close
	{
		left: -332px;
	}

		.in-left.vertical-menu.close.on-hover-show
		{
			left: -327px;
		}

.vertical-menu h3
{
	padding: 40px 0 20px 0;
}

.vertical-menu .showMenu
{
	border: medium none;
	padding: 10px 3px 2px 6px;
	position: absolute;
	right: 4px;
	top: 15px;
	cursor: pointer;
	z-index: 9;
}

.vertical-menu .remove
{
	background: no-repeat url(../images/close.gif);
	padding: 0 11px;
}

.vertical-menu .menu-list,
.vertical-menu .menu-list ul
{
	margin-top: 10px;
	list-style: none;
}

.vertical-menu label
{
	color: inherit;
}

.vertical-menu a
{
	padding: 10px 38px;
	color: #FFFFFF;
	display: block;
	font-size: 1.1em;
	font-weight: 300;
}

.vertical-menu .menu-list a:hover,
.vertical-menu .menu-list a.active
{
	background: #FCA325;
}

.vertical-menu .menu-list li i
{
	display: inline-block;
	min-width: 28px;
	width: 41px;
	margin-right: 11px;
	text-align: center;
	background: #AC193D;
	padding: 11px;
	box-shadow: 0px 0px 2px rgba(255,255,255, .3) inset;
}

.vertical-menu form .container-inline
{
	position: relative;
	margin: 0 26px 0 38px;
}

.vertical-menu form button.form-submit,
.sidebar-right .searchform .form-submit,
.not-found .searchform .form-submit
{
	height: 33px;
	position: absolute;
	right: 0;
	width: 36px;
	background: #4718B6 url(../images/search.png) no-repeat 4px 5px;
	text-indent: -9999%;
	border: 0;
	box-shadow: 0 0 0;
}

.vertical-menu form .form-text
{
	background: #FFF;
	box-shadow: none;
	color: #222;
	height: 2.7125em;
}

.vertical-menu li
{
	position: relative;
}

	.vertical-menu li ul,
	.vertical-menu li ul li ul
	{
		background: #AC193D;
		box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);
		display: none;
		left: 100px;
		padding: 0;
		position: absolute;
		top: 0;
		width: 215px;
		margin: 0;
		list-style: none;
		z-index: 99;
	}

		.vertical-menu li ul li ul
		{
			background: #5C193D;
		}

		.vertical-menu .menu-list > li:hover > ul,
		.vertical-menu li ul li:hover ul
		{
			display: block;
		}

		.vertical-menu .menu-list > li > ul a:hover,
		.vertical-menu li ul li ul a:hover
		{
			background: rgba(255,255,255,.1);
		}

		.vertical-menu li ul a
		{
			padding: 8px 20px;
		}

.social-icons, .social-icons li
{
	text-align: center;
}

	.social-icons li
	{
		display: inline-block;
		float: none;
		margin-left: 0.5em;
	}

	.social-icons a
	{
		min-width: 35px;
		padding: 4px 10px;
	}

		.social-icons a:hover,
		.social-icons a.active
		{
			background: rgba(0,0,0,.4);
			transition: all .5s ease;
		}

		.social-icons a:hover
		{
			border-radius: 50%;
		}

/*------------------------- Home page ---------------------*/
.row.metro-panel
{
	margin-top: 20px;
	margin-bottom: 47px;
}

.metro-panel .space, .metro-panel .space-tile
{
	padding: 10px;
	color: #FFF;
	-webkit-animation-duration: 1.9s;
	-moz-animation-duration: 1.9s;
	animation-duration: 1.9s;
	display: table-cell;
	vertical-align: bottom;
}

	.metro-panel .space.twitter-feed-box div
	{
		padding-top: 0;
	}

	.metro-panel .space a
	{
		color: #FFF;
	}

	.metro-panel .space > div, .metro-panel .space-tile > div
	{
		padding: 10px 10px 15px 15px;
		min-height: 150px;
		text-align: center;
		position: relative;
		overflow: hidden;
	}

	.metro-panel .space.big > div
	{
		min-height: 320px;
		max-height: 320px;
	}

	.metro-panel .space > div:hover
	{
		box-shadow: 0 0 1px #FFF;
	}

	.metro-panel .space.big.work-box > div
	{
		background: #EE4444;
		padding-bottom: 0;
	}



	.metro-panel .space:hover i.icon-4x
	{
		transition: all .2s ease-in;
	}

		.metro-panel .space:hover i.icon-4x[class^="icon-"],
		.metro-panel .space:hover i.icon-4x
		{
			font-size: 5em;
			line-height: 67px;
		}

	.metro-panel .space div a.goto
	{
		display: block;
		height: 100%;
		margin: -10px auto auto -15px;
		position: absolute;
		width: 100%;
	}

.box-title,
.featured-box-title,
.featured-title
{
	position: absolute;
	bottom: 18px;
	left: 15px;
	font-size: 22px;
	font-weight: 300;
	text-shadow: 1px 0 1px rgba(0, 0, 0, 0.2);
}

.edit-box
{
	background: #333;
	background: rgba(0, 0, 0, 0.3);
	padding: 3px 7px;
	position: absolute;
	right: 1px;
	top: 1px;
	display: none;
}

.space:hover .edit-box
{
	display: block;
}


.featured .featured-box-title
{
	bottom: 0;
	font-size: 18px;
	left: 0;
	padding: 0 10px 2px;
	text-align: left;
	width: 100%;
	transition: all .3s ease-out;
}

.featured:hover .featured-box-title
{
	padding: 10px 10px 60px;
}

.featured .featured-image
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top: -45px;
}

	.featured .featured-image img
	{
		transition: all .75s ease-out;
	}

.featured:hover .featured-image img
{
	transform: scale(1.15);
}

.featured-title
{
	top: auto;
	bottom: auto;
	display: none;
	transition: all 2s ease 0.5s;
}

.space:hover .featured-title
{
	display: block;
	transition: all 2s ease 0.5s;
}

[class^="icon-"], [class*=" icon-"]
{
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}

.pt-perspective
{
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
}

.page-section
{
	background-color: #3A9CFF;
	color: #FFF;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.page-section-current,
.no-js .page-section
{
	visibility: visible;
	z-index: 1;
	overflow: auto;
}

.page-sub-title
{
	margin: 18px 0 30px;
}

	.page-sub-title,
	.page-sub-title p
	{
		font-size: 22px;
		font-weight: 300;
		line-height: 32px;
	}

.no-js body
{
	overflow: auto;
}

.pt-page-ontop
{
	z-index: 999;
}


/*--------------------------------- Latest Tweests ---------------------------------------*/
.wd-tweets
{
	padding-left: 20px;
}

	.wd-tweets li
	{
		text-align: left;
		list-style: none;
	}

.blog-page .large-block-grid-3 > li
{
	margin-bottom: 15px;
}

.blog-page article
{
	border-top: 3px solid #F2B33B;
	background: rgba(255, 255, 255, 0.2);
	position: relative;
}

.blog-page .article > a
{
	display: block;
	overflow: hidden;
	text-align: center;
}

.blog-page .article img
{
	transition: all .5s cubic-bezier(1.000, -0.410, 0.840, 1.015) 0s;
}

	.blog-page .article img:hover
	{
		/*-webkit-transform: scale(1.3);
		transform: scale(1.3);*/
	}

.blog-page .article .user-picture img:hover
{
	transform: none;
}

.blog-page article .user-picture
{
	border-radius: 50%;
	overflow: hidden;
	left: 7px;
	position: absolute;
	top: 122px;
	border: 1px solid rgb(255, 255, 255);
}

.blog-page article h2
{
	line-height: .8em;
	margin: 0 0 15px;
}

	.blog-page article h2 a
	{
		font-size: 24px;
		font-weight: 300;
	}

.blog-page article .post-body
{
	padding: 5px 15px 1px;
	font-size: 15px;
}

a.read_more
{
	color: white;
	display: block;
	height: 25px;
	line-height: 25px;
	margin-bottom: 15px;
	padding-left: 15px;
	text-decoration: none;
	text-align: right;
}

.space .testimonials li
{
	list-style: none;
}

.space .testimonials blockquote,
.space .testimonials blockquote p
{
	border: none;
	color: inherit;
	padding: 0;
	margin: 0;
}

	.space .testimonials blockquote cite
	{
		color: #DDD;
		text-align: right;
	}
/*--------------------------------- Next Events ---------------------------------------*/
.rslides.events li
{
	width: 100%;
	padding-top: 15px;
}

.events_title
{
	float: left;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.3em;
	max-width: 220px;
	text-align: left;
	max-width: 190px;
}

.events_day
{
	float: right;
	font-size: 3.5em;
	line-height: 0.9em;
	margin: 0;
	padding-right: 10px;
}

	.events_day span
	{
		font-size: .4em;
		display: block;
	}


/*------------------------------------- Sidebar ---------------------------------------*/
#secondary .widget
{
	margin-bottom: 1.5em;
	width: 100%;
}

.sidebar-right .block-title:before
{
	width: 45px;
	height: 1px;
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	border-style: dotted;
	border-width: 0;
	content: "";
}

.sidebar-right .block-title:after
{
	width: 30px;
	height: 1px;
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	border-style: solid;
	border-width: 0;
	content: "";
}

.sidebar-right .block-title
{
	border-top: 1px solid #eee;
	font-size: 1.6em;
	font-weight: 100;
	margin-top: 35px;
	padding-left: 10px;
	padding-top: 10px;
	clear: both;
	position: relative;
}

	.sidebar-right .block-title:first-child
	{
		margin-top: 0;
	}

.sidebar-right > ul
{
	margin-left: 20px;
}

.sidebar-right .searchform .form-text,
.error404 .searchform .form-text
{
	height: 34px;
}

	.sidebar-right .searchform .form-text:focus
	{
		box-shadow: 0 0 2px #FFF;
	}

.sidebar-right .searchform label,
.not-found .searchform label
{
	display: none;
}

.sidebar-right .searchform .form-submit
{
	right: 15px;
}

.sidebar-right .searchform .form-submit
{
	background-color: #6738c6;
}





.tagcloud a
{
	line-height: 20px;
	padding: 2px;
}

.sidebar-right ul li
{
	list-style: none;
}

	.sidebar-right ul li a:before
	{
		content: "";
		font-family: FontAwesome;
		font-size: 14px;
		left: -8px;
		position: relative;
	}

.sidebar-right ul#recentcomments li:before
{
	content: "";
	font-family: FontAwesome;
	font-size: 14px;
	left: -8px;
	position: relative;
}

.sidebar-right ul#recentcomments li a:before
{
	content: "";
}








#wp-calendar
{
	border: medium none;
	border-spacing: 0;
	margin-top: 40px;
	max-width: 320px;
	position: relative;
	width: 100%;
}

	#wp-calendar tr td
	{
		border: none;
	}

	#wp-calendar caption
	{
		font-size: 13px;
		margin-top: -5px;
		padding-bottom: 10px;
		text-align: right;
	}

	#wp-calendar thead
	{
		background: none;
	}

	#wp-calendar tbody
	{
		background: #ccc;
	}

		#wp-calendar tbody td
		{
			width: 14.3%;
			background: #F8F8F8;
		}

			#wp-calendar tbody td + td + td + td + td + td,
			#wp-calendar tbody td:last-child,
			#wp-calendar tbody td:nth-last-child(2),
			#wp-calendar tbody td:nth-last-child(1)
			{
				background-color: #E6E6E6;
			}

	#wp-calendar tfoot
	{
		position: absolute;
		top: -13px;
	}

	#wp-calendar .pad
	{
		border: 0 none;
		padding: 0;
		width: 0;
	}

	#wp-calendar tfoot tr td a
	{
		color: #FFF;
	}

















/*-------------- Blog Page ----------------------*/
.page-title
{
	background: none repeat scroll 0% 0% rgb(238, 68, 0);
	color: rgb(255, 255, 255);
	min-height: 65px;
	margin-bottom: 50px;
	padding: 0 10px;
}

	.page-title > div
	{
		color: rgb(255, 255, 255);
		padding-top: 25px;
	}

	.page-title h2
	{
		color: #FFF;
	}

#breadcrumbs
{
	list-style: none;
	margin: 20px 0 10px;
	overflow: hidden;
	float: right;
}

	#breadcrumbs li
	{
		float: left;
		margin-right: 5px;
	}

	#breadcrumbs,
	#breadcrumbs .separator,
	#breadcrumbs a
	{
		color: #FFF;
		color: rgba(255,255,255, .8);
	}

		#breadcrumbs a:hover
		{
			color: #fff;
		}

.blog-page
{
	background-size: cover;
	padding: 10px 0;
}

	.blog-page .menu-row
	{
		padding-bottom: 35px;
	}

.node-type-blog .button-group
{
	position: absolute;
	right: 19px;
	top: 0px;
	z-index: 99;
}

	.node-type-blog .button-group button.secondary,
	.node-type-blog .button-group .button.secondary
	{
		background-color: #2572EB;
		border: none;
		color: #FFFFFF;
	}

#event-main,
#tribe-events-content
{
	position: relative;
}

.small-display article.type-post,
.search-result > article
{
	position: relative;
	margin-bottom: 40px;
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 1px solid #EEE;
}

	.small-display article.type-post.sticky
	{
		border-bottom: 3px solid #EE4400;
		border-left: 1px solid #EE4400;
		background-color: #FDFDFD;
		padding: 5px;
	}

	.small-display article.type-post.post-password-required
	{
		border-left: 3px dashed #E00;
	}

	.small-display article.type-post .node-title,
	.small-display article.type-post .body,
	.small-display article.type-post .posted,
	.small-display article.type-post .links,
	.small-display article.type-post .comment-wrapper,
	.small-display article.type-post .date,
	.small-display article.type-post .field-name-field-blog-tags,
	.search-result article .node-title,
	.search-result article .body,
	.search-result article .posted,
	.search-result article .links,
	.search-result article .comment-wrapper,
	.search-result article .date,
	.search-result article .field-name-field-blog-tags
	{
		padding: 0 0 0 16px;
	}

article.type-post .user-picture
{
	border: 2px solid rgba(255, 255, 255, 0.4);
	overflow: hidden;
	position: absolute;
	left: 7px;
	top: -98px;
	width: 64px;
}

article.type-post .wp-post-image
{
	margin-bottom: 10px;
}

article.type-post .date
{
	margin-top: 25px;
	color: #DDD;
	color: rgba(255, 255, 255, 0.6);
}

.small-display .post-info
{
	border-bottom: 1px solid #ccc;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 0.8em;
	margin: 10px 0 10px 16px;
	padding: 5px;
}

.post-info > span
{
	margin: 0 10px 0 0;
	line-height: 1.4em;
}

.small-display .post-info > span i
{
	margin-right: 4px;
}

.post-categories,
.post-categories li
{
	display: inline;
	margin: 0;
}

article.type-post .post-title,
.search-result article .post-title
{
	margin-top: -13px;
	text-align: left;
	word-wrap: break-word;
	position: relative;
	padding: 0 0 0 16px;
}

.single-post article.type-post .post-title
{
	margin: 10px 0 5px;
	padding: 0;
}

.single-post .post-info
{
	padding: 15px 0 10px;
}

.small-display article.type-post .post-title,
.single-post .post-title,
.search-result article .post-title
{
	margin: 0 0 10px;
	font-size: 1.8em;
}

article.type-post .field-name-field-blog-tags h2
{
	font-size: 1em;
	margin-top: 0;
	float: left;
}

article.type-post .field-name-field-blog-tags .links
{
	list-style: none outside none;
	margin: 0 0 1.0625em -1.375em;
	overflow: hidden;
	padding: 0;
}

	article.type-post .field-name-field-blog-tags .links > li
	{
		display: block;
		float: left;
		list-style: none outside none;
		margin-left: .8em;
	}

		article.type-post .field-name-field-blog-tags .links > li a
		{
			color: #FFFFFF;
		}

.node-blog.node-teaser ul.links
{
	padding-bottom: 40px;
}

	.node-blog.node-teaser ul.links li
	{
		float: right;
		list-style: none;
	}

		.node-blog.node-teaser ul.links li.node-readmore
		{
			background: url(../images/plus.png) no-repeat 1pxplus.png) no-repeat 1px 4px;
			padding-left: 28px;
		}

.blog-page .view-blog .more-link
{
	text-align: center;
	margin-bottom: 30px;
}

	.blog-page .view-blog .more-link a
	{
		padding: 10px 136px;
		background: #FFF;
		display: inline-block;
		background: rgba(255,255,255,.3);
	}

		.blog-page .view-blog .more-link a:hover
		{
			background: rgba(255,255,255,.5);
		}

/*-------------- About Page ----------------------*/
.services-divs .small-title
{
	margin: 0 0 30px;
}

.services-divs .icon-container
{
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	display: inline-block;
	height: 155px;
	margin: 0 auto;
	padding: 48px 44px;
	width: 155px;
}

.service-div
{
	padding: 15px 20px;
	background: rgba(255,255,255,.15);
}

	.service-div:hover
	{
		background: rgba(255,255,255,.3);
	}

.services-divs .icon-container.green-bg
{
	background: #19D12F;
}

.services-divs .icon-container.pink-bg
{
	background: #E01B5D;
}

.services-divs .icon-container.orange-bg
{
	background: #FCA325;
}

/*-------------- Portfolio Page ----------------------*/
#project-info
{
	background: rgba(0, 0, 0, 0.1);
	margin: 20px 0;
	padding: 20px 20px 30px;
	position: relative;
}

	#project-info .back
	{
		cursor: pointer;
		font-size: 24px;
		height: 38px;
		line-height: 19px;
		padding-left: 8px;
		position: absolute;
		right: 16px;
		top: 16px;
		width: 38px;
		z-index: 133;
	}

li.portfolio-item
{
	padding: 0 17px 25px;
	position: relative;
	cursor: pointer;
}

.portfolio-item-link
{
	background: rgba(255, 255, 255, 0.15);
	display: block;
	padding: 1px;
	position: relative;
}

#project-info .article > a:hover
{
	background: rgba(255, 255, 255, 0.5);
}

.portfolio-item figure
{
	margin: 0 0 20px;
	max-height: 235px;
	overflow: hidden;
	position: relative;
}

	.portfolio-item figure:before
	{
		border-top: 190px solid #0055AA;
		content: "";
		display: none;
		opacity: 0.5;
		position: absolute;
		width: 100%;
	}

.portfolio-item:hover figure:before
{
	display: block;
}

figcaption
{
	display: none;
	height: 0;
	overflow: hidden;
	transition: all 0.2s ease 0.5s;
}

.article.portfolio-item:hover figcaption
{
	background: none repeat scroll 0 0 #FF0044;
	display: block;
	bottom: 0;
	height: auto;
	position: absolute;
	width: 100%;
	z-index: 5;
}

.portfolio-item-link figcaption h3
{
	font-size: 1.4em;
}

.portfolio-item .plus-icon
{
	background: #FFF;
	border-radius: 50%;
	display: none;
	height: 40px;
	left: 45%;
	padding: 11px 12px;
	position: absolute;
	top: 31%;
	width: 40px;
}

	.portfolio-item .plus-icon i
	{
		color: #555;
		font-size: 1.5em;
	}


.portfolio-item .item-more
{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	display: block;
	background: #ccc;
	background: rgba(255, 255, 255, 0.5);
	opacity: 0;
	text-align: center;
	padding-top: 100px;
	transition: all .2s ease-in-out;
}

.portfolio-item:hover .item-more
{
	opacity: .7;
}

.node.node-project .node-title
{
	margin-top: 0;
}

	.node.node-project .node-title a
	{
		color: #FFF;
	}

.field-name-field-skills .field-label
{
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 1px;
}

/*-------------- Team Page ----------------------*/
.large-block-grid-3 li .team-member-item
{
	background: rgba(255, 255, 255, 0.1);
	padding: 15px;
	margin: 0 5px;
}

.large-block-grid-3 li:nth-of-type(3) .team-member-item
{
	margin-right: 0;
}

.large-block-grid-3 li:nth-of-type(1) .team-member-item
{
	margin-left: 0;
}

.large-block-grid-3 li .team-member-item:hover
{
	background: rgba(255, 255, 255, 0.2);
}

.team-member-picture
{
	max-height: 200px;
	overflow: hidden;
}

.team-member-item h3
{
	margin-bottom: 0;
}

.team-member-item h4
{
	font-size: 1.2em;
	margin-top: 0;
	opacity: 0.8;
}



/*-------------- Contact Page ----------------------*/
.contact-page .form-textarea
{
	height: 200px;
}

div.wpcf7 .wpcf7-form input[type="text"],
div.wpcf7 .wpcf7-form input[type="password"],
div.wpcf7 .wpcf7-form input[type="date"],
div.wpcf7 .wpcf7-form input[type="datetime"],
div.wpcf7 .wpcf7-form input[type="datetime-local"],
div.wpcf7 .wpcf7-form input[type="month"],
div.wpcf7 .wpcf7-form input[type="week"],
div.wpcf7 .wpcf7-form input[type="email"],
div.wpcf7 .wpcf7-form input[type="number"],
div.wpcf7 .wpcf7-form input[type="search"],
div.wpcf7 .wpcf7-form input[type="tel"],
div.wpcf7 .wpcf7-form input[type="time"],
div.wpcf7 .wpcf7-form input[type="url"],
div.wpcf7 .wpcf7-form textarea
{
	background-color: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.5);
	box-shadow: none;
	color: #FFF;
	height: 3.1em;
	padding: 10px;
	width: 100%;
}

div.wpcf7 .wpcf7-form textarea
{
	width: 100%;
}

div.wpcf7 .wpcf7-form input[type="text"]:focus,
div.wpcf7 .wpcf7-form input[type="password"]:focus,
div.wpcf7 .wpcf7-form input[type="date"]:focus,
div.wpcf7 .wpcf7-form input[type="datetime"]:focus,
div.wpcf7 .wpcf7-form input[type="datetime-local"]:focus,
div.wpcf7 .wpcf7-form input[type="month"]:focus,
div.wpcf7 .wpcf7-form input[type="week"]:focus,
div.wpcf7 .wpcf7-form input[type="email"]:focus,
div.wpcf7 .wpcf7-form input[type="number"]:focus,
div.wpcf7 .wpcf7-form input[type="search"]:focus,
div.wpcf7 .wpcf7-form input[type="tel"]:focus,
div.wpcf7 .wpcf7-form input[type="time"]:focus,
div.wpcf7 .wpcf7-form input[type="url"]:focus,
textarea:focus
{
	background-color: rgba(255, 255, 255, 0.2);
	border-color: #FFFF00;
	box-shadow: none;
}

.wpcf7-not-valid
{
	border-color: #FF0000 !important;
}

/*-------------- Twitter Box ----------------------*/
.metro-panel .space > div
{
	padding-bottom: 0;
}

.box-title.anim
{
	background: rgba(0, 0, 0, 0.4);
	display: block;
	font-size: 18px;
	margin: 0 0 -18px -15px;
	padding: 6px 6px 8px 15px;
	text-align: left;
	width: 100%;
	bottom: 18px;
	/*transition: all 0.2s cubic-bezier(1.000, -0.410, 0.840, 1.015) 0s;*/
	z-index: 5;
}
/*-------------- Social Box ----------------------*/

/*
.metro-panel .social-box:hover i.icon-4x[class^="icon-"], 
.metro-panel .social-box:hover i.icon-4x {
  font-size: 64px;
  line-height: 67px;
}
.social-box .bx-facebook a:hover i.icon-4x[class^="icon-"],
.social-box .bx-facebook a:hover i.icon-4x,
.social-box .bx-twitter a:hover i.icon-4x[class^="icon-"],
.social-box .bx-twitter a:hover i.icon-4x {
  font-size: 80px;
  line-height: 67px;
}*/

/*-------------- comments ----------------------*/
#comments
{
	border-top: 1px solid #EEE;
	margin-top: 30px;
}

	#comments form#commentform p.form-allowed-tags
	{
		font-size: 0.8em color: #FFF;
	}

		#comments form#commentform p.form-allowed-tags code
		{
			color: #FFF;
		}

	#comments .field-name-comment-body p:last-child
	{
		margin-bottom: 0;
	}

	#comments .inline-list > li:first-child
	{
		margin-left: 0;
	}

.comment
{
	padding-bottom: 20px;
	list-style: none;
}

.children .comment
{
	margin-top: 20px;
	padding-bottom: 0;
}

.comment > article
{
	background: #FAFAFF;
}

.comment .comment-photo
{
	width: 15%;
}

.comment .comment-text
{
	width: 84%;
}

.comment-author
{
	display: inline-block;
	line-height: 20px;
	margin-top: 0;
	width: 100%;
}

	.comment-author > img
	{
		float: left;
		margin: 15px;
	}

	.comment-author .author-meta
	{
		padding-top: 30px;
	}

		.comment-author .author-meta .fn
		{
			font-weight: bold;
		}

.comment-date
{
	color: rgba(255, 255, 255, 0.6);
	font-size: 0.9em;
	padding-top: 9px;
}

.comment section.comment
{
	padding-left: 80px;
}

article.type-post .comment .user-picture
{
	border-radius: 50%;
	border-width: 4px;
	float: left;
	height: 92px;
	margin-right: 24px;
	margin-top: 10px;
	position: static;
	text-align: center;
	width: 92px;
}

.comment-form .form-submit
{
	display: none;
}

/* =Comments
-------------------------------------------------------------- */
.button input
{
	background: none;
	border: none;
	color: #fff;
	font-size: 1em;
	text-transform: uppercase;
	cursor: pointer;
}

.comments-title
{
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}

.comments-area article
{
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

	.comments-area article header
	{
		margin: 0 0 48px;
		margin: 0 0 3.428571429rem;
		overflow: hidden;
		position: relative;
	}

		.comments-area article header img
		{
			float: left;
			padding: 0;
			line-height: 0;
		}

		.comments-area article header cite,
		.comments-area article header time
		{
			display: block;
			margin-left: 85px;
			margin-left: 6.071428571rem;
		}

		.comments-area article header cite
		{
			font-style: normal;
			font-size: 15px;
			font-size: 1.071428571rem;
			line-height: 1.42857143;
		}

.comments-area cite b
{
	font-weight: normal;
}

.comments-area article header time
{
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}

.comments-area article header a
{
	text-decoration: none;
	color: #5e5e5e;
}

	.comments-area article header a:hover
	{
		color: #21759b;
	}

.comments-area article header cite a
{
	color: #444;
}

	.comments-area article header cite a:hover
	{
		text-decoration: underline;
	}

.comments-area article header h4
{
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}

.comments-area .bypostauthor cite span
{
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}

.comments-area .bypostauthor cite b
{
	font-weight: bold;
}

a.comment-reply-link,
a.comment-edit-link
{
	float: right;
	font-size: 0.928571rem;
	line-height: 1.84615;
	margin: -7px 7px 0 0;
}

	a.comment-reply-link:hover,
	a.comment-edit-link:hover
	{
		color: #21759b;
	}

.commentlist .pingback
{
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comment form */
#respond
{
	margin-top: 48px;
	margin-top: 3.428571429rem;
}

	#respond h3#reply-title
	{
		font-size: 16px;
		font-size: 1.142857143rem;
		line-height: 1.5;
	}

		#respond h3#reply-title #cancel-comment-reply-link
		{
			margin-left: 10px;
			margin-left: 0.714285714rem;
			font-weight: normal;
			font-size: 12px;
			font-size: 0.857142857rem;
		}

	#respond form
	{
		margin: 24px 0;
		margin: 1.714285714rem 0;
	}

		#respond form p
		{
			margin: 11px 0;
			margin: 0.785714286rem 0;
		}

			#respond form p.logged-in-as
			{
				margin-bottom: 24px;
				margin-bottom: 1.714285714rem;
			}

		#respond form label
		{
			display: block;
			line-height: 1.714285714;
		}

		#respond form input[type="text"],
		#respond form textarea
		{
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			font-size: 12px;
			font-size: 0.857142857rem;
			line-height: 1.714285714;
			padding: 10px;
			padding: 0.714285714rem;
			width: 100%;
		}

		#respond form input[type="text"]
		{
			width: 50%;
		}

		#respond form p.form-allowed-tags
		{
			margin: 0;
			font-size: 12px;
			font-size: 0.857142857rem;
			line-height: 2;
			color: #5e5e5e;
		}

.required
{
	color: red;
}

/****************************************   Contact 7   **************************************/

div.wpcf7 input[type="text"],
div.wpcf7 input[type="password"],
div.wpcf7 input[type="date"],
div.wpcf7 input[type="datetime"],
div.wpcf7 input[type="datetime-local"],
div.wpcf7 input[type="month"],
div.wpcf7 input[type="week"],
div.wpcf7 input[type="email"],
div.wpcf7 input[type="number"],
div.wpcf7 input[type="search"],
div.wpcf7 input[type="tel"],
div.wpcf7 input[type="time"],
div.wpcf7 input[type="url"]
{
	width: 50%;
}

div.wpcf7 textarea
{
	min-height: 130px;
}



/****************************************   Footer   **************************************/
footer.panel
{
	background: rgba(0,0,0,.5);
	border: medium none;
	color: #FFF;
	margin: 40px auto 0 auto;
	padding: 12px 20px;
}

footer .copyright
{
	font-size: 13px;
}

.sid li
{
	list-style: none;
	margin-left: 5px;
	margin-top: 5px;
	color: #000;
}

.copyright
{
	bottom: -30px;
	left: calc(50% - 160px);
	position: absolute;
	text-align: center;
	z-index: 99999;
	display: none;
}

/****************************************   404   **************************************/
body.error404
{
	background: #06F;
	color: #FFF;
}

	body.error404 a
	{
		color: #FFF;
	}

.error404
{
	padding-top: 20px;
}

.sad-smile
{
	font-size: 6em;
	margin: 0;
}
/**************************video ************************/
iframe
{
	width: 100%;
	height: 378px;
}