/** style.css **/
@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* Theme Information
/* ----------------------------------------------------------------------
Name: Finesse
Description: Responsive Business Theme
Version: 2.2
Author: Ixtendo
Author URI: http://www.ixtendo.com
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Imported Stylesheets (Their order is important.)
/* ---------------------------------------------------------------------- */

/** html5-reset.css **/
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

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

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
/*img,*/
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/* j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: transparent;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/** polyglot-language-switcher.css **/
@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* "Polyglot" Language Switcher
/* ----------------------------------------------------------------------
Version: 1.2
Author: Ixtendo
Author URI: http://www.ixtendo.com
License: MIT License
License URI: http://www.opensource.org/licenses/mit-license.php
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* TABLE OF CONTENTS
/* ----------------------------------------------------------------------
-Reset
-Generic
-JS-created Code
------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* Reset
/* ---------------------------------------------------------------------- */
#polyglotLanguageSwitcher, #polyglotLanguageSwitcher * {
	margin: 0;
	padding: 0;
	outline: none;
}

#polyglotLanguageSwitcher ul {
	list-style: none;
}

/* ---------------------------------------------------------------------- */
/* Generic
/* ---------------------------------------------------------------------- */
#polyglotLanguageSwitcher {
	float: right;
	line-height: normal;
	position: relative; /* sets the initial position for the drop-down menu */
	z-index: 100;
	margin: 8px 0 0 20px;
}

#polyglotLanguageSwitcher form {
	display: none;
}

/* ---------------------------------------------------------------------- */
/* JS-created Code
/* ---------------------------------------------------------------------- */
#polyglotLanguageSwitcher a {
	display: block;
	padding: 0.25em 6px 0.25em 28px; /* 3px 6px 3px 28px */
	color: #383838;
	width: 5.333em; /* 64px; total width: 100px */
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	background-position: 6px center;
}

#polyglotLanguageSwitcher a:hover {
	background-color: #fff;
}

#polyglotLanguageSwitcher a.current {
	position: relative; /* sets the initial position for the trigger arrow */
	border: 1px solid #e5e5e5;
	height: 1.333em; /* 16px */
}

#polyglotLanguageSwitcher span.trigger {
	display: block;
	position: absolute;
	width: 7px;
	height: 4px;
	text-indent: -10000em;
	top: 0.5em; /* 6px */
	right: 6px;
	background: url(../img/bullets-and-arrows/arrow-down-lg-switcher.png) no-repeat left top;
}

/* Drop-Down Menu */

#polyglotLanguageSwitcher ul.dropdown {
	display: none;
	position: absolute;
	top: 1.916em; /* 23px */
	left: 0;
	border: 1px solid #e5e5e5;
	border-top: none !important;
	background-color: #fff;
}

#polyglotLanguageSwitcher ul.dropdown li {
	border-top: 1px solid #e5e5e5;
}

/* Flags */

#en {
	background-image: url(../img/flags/gb.png);
}

#fr {
	background-image: url(../img/flags/fr.png);
}

#de {
	background-image: url(../img/flags/de.png);
}

#it {
	background-image: url(../img/flags/it.png);
}

#es {
	background-image: url(../img/flags/es.png);
}

#ru {
	background-image: url(../img/flags/ru.png);
}

/** flexslider.css **/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

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

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

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

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

/* FlexSlider
*********************************/
.flexslider {
	background: #fff;
	position: relative;
	zoom: 1;
}

.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}

.loading .flex-viewport {max-height: 300px;}

.flexslider .slides {
	zoom: 1;
}

.flexslider .slides > li {
	position: relative;
}

.flexslider .button {
	margin-bottom: 0;
}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.flex-container {
	zoom: 1;
	position: relative;
}

/* Caption style */

.flex-caption {
	width: 32.978%; /* 310px/940px */
	min-width: 310px;
	max-height: 252px;
	padding: 20px;
	position: absolute;
	left: 0;
	bottom: 43px;
	background: rgba(0,0,0,0.8);
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.8);
}

.flex-caption h2 {
	font-size: 1.666em; /* 20px */
	line-height: 1.3em; /* 26px/20px */
	margin-bottom: 6px;
	color: #fff;
}

.flex-caption p {
	margin-top: 20px;
}

.flex-caption h2 + p {
	margin: 0;
}

.flex-caption a {
	color: #b2b2b2;
}

/* Direction Nav */

.flex-direction-nav {
	position: absolute;
	right: 0;
	bottom: 15px;
	height: 27px;
	*height: 0;
}

.flex-direction-nav li {
	display: inline-block;
}

.flex-direction-nav li:first-child {
	margin-right: 1px;
}

.flex-direction-nav a {
	display: block;
	width: 27px;
	height: 27px;
	background-image: url(../img/slider/arrows.png);
	background-repeat: no-repeat;
	cursor: pointer;
	text-indent: -999em;
}

.flex-direction-nav a.flex-prev,
.flex-direction-nav a.flex-prev.flex-disabled {
	background-position: 10px 7px;
}

.flex-direction-nav a.flex-next,
.flex-direction-nav a.flex-next.flex-disabled {
	background-position: -17px 7px;
}

.flex-direction-nav a.flex-disabled:link, .flex-direction-nav a.flex-disabled:visited,
.flex-direction-nav a.flex-disabled:hover, .flex-direction-nav a.flex-disabled:active {
	background-color: rgba(0,0,0,0.6);
	cursor: default;
}

/* Control Nav */

.flex-control-nav {
	position: absolute;
	left: 0;
	bottom: 15px;
	background-color: rgba(0,0,0,0.8);
	padding: 10px 20px;
	overflow: hidden;
}

.flex-control-nav li {
	margin-left: 8px;
	float: left;
}

.flex-control-nav li:first-child {
	margin: 0;
}

.flex-control-paging a {
	width: 7px;
	height: 7px;
	display: block;
	background-color: #e5e5e5;
	cursor: pointer;
	text-indent: -999em;
}

.flex-control-paging a:hover {
	background-color: #999;
}

.flex-control-paging a.flex-active {
	cursor: default;
}

/** jquery.fancybox.css **/
/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license & Buttons helper */.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('../img/fancybox/fancybox_sprite.png')}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url('../img/fancybox/fancybox_loading.gif') center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('../img/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:20px;background-position:0 -36px}.fancybox-next span{right:20px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:#000}#fancybox-overlay.overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}#fancybox-buttons{position:fixed;left:0;width:100%;z-index:8050}#fancybox-buttons.top{top:10px}#fancybox-buttons.bottom{bottom:10px}#fancybox-buttons ul{display:block;width:170px;height:30px;margin:0 auto;padding:0;list-style:none;background:#111;-webkit-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);-moz-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);background:#111 -webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,.2)),color-stop(.5,rgba(255,255,255,.15)),color-stop(.5,rgba(255,255,255,.1)),to(rgba(255,255,255,.15)));background:#111 -moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.15) 100%);border-radius:3px}#fancybox-buttons ul li{float:left;margin:0;padding:0}#fancybox-buttons a{display:block;width:30px;height:30px;text-indent:-9999px;background-image:url('../img/fancybox/fancybox_buttons.png');background-repeat:no-repeat;outline:0}#fancybox-buttons a.btnPrev{width:32px;background-position:6px 0}#fancybox-buttons a.btnNext{background-position:-33px 0;border-right:1px solid #3e3e3e}#fancybox-buttons a.btnPlay{background-position:0 -30px}#fancybox-buttons a.btnPlayOn{background-position:-30px -30px}#fancybox-buttons a.btnToggle{background-position:3px -60px;border-left:1px solid #111;border-right:1px solid #3e3e3e;width:35px}#fancybox-buttons a.btnToggleOn{background-position:-27px -60px}#fancybox-buttons a.btnClose{border-left:1px solid #111;width:38px;background-position:-57px 0}#fancybox-buttons a.btnDisabled{opacity:.5;cursor:default}

/** mediaelementplayer.css **/
/* BEGIN CUSTOM */

.mejs-overlay-button {
	width: 65px;
	height: 40px;
	margin: -20px 0 0 -32px;
}

.mejs-overlay:hover .mejs-overlay-button{
	background-position: 0 -41px;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
	height: 83px;
	top: -83px;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	height: 67px;
}

.portfolio-carousel .entry-audio .mejs-controls .mejs-time-rail .mejs-time-float,
.post-carousel .entry-audio .mejs-controls .mejs-time-rail .mejs-time-float {
	display: none !important;
}

.ie8 .me-plugin {
    position: static;
    height: 0;
}

/* END CUSTOM */

.mejs-container {
	position: relative;
	background: #000;
	font-family: Helvetica, Arial;
	text-align: left;
	vertical-align: top;
	text-indent: 0;
}

.me-plugin {
	position: absolute;
}

.mejs-embed, .mejs-embed body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	overflow: hidden;
}

.mejs-container-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
	width: 100%;
	height: 100%;
}

/* Start: LAYERS */
.mejs-background {
	position: absolute;
	top: 0;
	left: 0;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mejs-poster {
	position: absolute;
	top: 0;
	left: 0;
}
.mejs-poster img {
	border: 0;
	padding: 0;
	border: 0;
	display: block;
}
.mejs-overlay {
	position: absolute;
	top: 0;
	left: 0;
}
.mejs-overlay-play {
	cursor: pointer;
}
.mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	/*width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;*/
	background: url(../img/media-player/bigplay.png) no-repeat;
}
.mejs-overlay:hover .mejs-overlay-button{
	/*background-position: 0 -100px ;*/
}
.mejs-overlay-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	background: #333;
	background: url(../img/media-player/background.png);
	background: rgba(0, 0, 0, 0.9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));
}
.mejs-overlay-loading span {
	display:block;
	width: 80px;
	height: 80px;
	background: transparent url(../img/media-player/loading.gif) 50% 50% no-repeat;
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
	position: absolute;
	background: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	background: url(../img/media-player/background.png);
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	height: 30px;
	width: 100%;
}
.mejs-container .mejs-controls  div {
	list-style-type: none;
	background-image: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 26px;
	height: 26px;
	font-size: 11px;
	line-height: 11px;
	background: 0;
	font-family: Helvetica, Arial;
	border: 0;
}

.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	margin: 7px 5px;
	padding: 0;
	position: absolute;
	height: 16px;
	width: 16px;
	border: 0;
	background: transparent url(../img/media-player/controls.png) no-repeat;
}

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
	outline: solid 1px yellow;
}

/* End: CONTROL BAR */

/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time {
	color: #fff;
	display: block;
	height: 17px;
	width: auto;
	padding: 8px 3px 0 3px ;
	overflow: hidden;
	text-align: center;
	padding: auto 4px;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
.mejs-container .mejs-controls .mejs-time span {
	font-size: 11px;
	color: #fff;
	line-height: 12px;
	display: block;
	float: left;
	margin: 1px 2px 0 0;
	width: auto;
}
/* End: Time (current / duration) */


/* Start: Play/pause */
.mejs-controls .mejs-play button {
	background-position:0 0;
}
.mejs-controls .mejs-pause button {
	background-position:0 -16px;
}
/* End: Play/pause */


/* Stop */
.mejs-controls .mejs-stop button {
	background-position: -112px 0;
}
/* End: Play/pause */

/* Start: Progress bar */
.mejs-controls div.mejs-time-rail {
	width: 200px;
	padding-top: 5px;
}
.mejs-controls .mejs-time-rail span {
	display: block;
	position: absolute;
	width: 180px;
	height: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
	margin: 5px;
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
	width:100%;
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	background-size: 15px 15px;
	-webkit-animation: buffering-stripes 2s linear infinite;
	-moz-animation: buffering-stripes 2s linear infinite;
	-ms-animation: buffering-stripes 2s linear infinite;
	-o-animation: buffering-stripes 2s linear infinite;
	animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #3caac8;
	background: rgba(60,170,200,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8)));
	background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
	width: 0;
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
	display: none;
	position: absolute;
	margin: 0;
	width: 10px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	border: solid 2px #333;
	top: -2px;
	text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	background: #eee;
	width: 36px;
	height: 17px;
	border: solid 1px #333;
	top: -26px;
	margin-left: -18px;
	text-align: center;
	color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	margin: 2px;
	width: 30px;
	display: block;
	text-align: center;
	left: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	line-height: 0;
	border: solid 5px #eee;
	border-color: #eee transparent transparent transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: 15px;
	left: 13px;

}




/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress bar */

/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
	background-position:-32px 0;
}
.mejs-controls .mejs-unfullscreen button {
	background-position:-32px -16px;
}
/* End: Fullscreen */


/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
}

.mejs-controls .mejs-mute button {
	background-position:-16px -16px;
}

.mejs-controls .mejs-unmute button {
	background-position:-16px 0;
}

.mejs-controls .mejs-volume-button {
	position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
	display: none;
	/*height: 115px;*/
	width: 25px;
	background: url(../img/media-player/background.png);
	background: rgba(50, 50, 50, 0.7);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	/*top: -115px;*/
	left: 0;
	z-index: 1;
	position: absolute;
	margin: 0;
}
.mejs-controls .mejs-volume-button:hover {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	/*height: 100px;*/
	background: #ddd;
	background: rgba(255, 255, 255, 0.5);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	position: absolute;
	left: 4px;
	top: -3px;
	width: 16px;
	height: 6px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	cursor: N-resize;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0;
}


/* horizontal version */

.mejs-controls div.mejs-horizontal-volume-slider {
	height: 26px;
	width: 60px;
	position: relative;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));

}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));

}


.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	display: none;
}

/* End: Mute/Volume */




/* Start: TRACK (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
	position: relative;
}

.mejs-controls .mejs-captions-button button {
	background-position:-48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url(../img/media-player/background.png);
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}
*/

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display:block;
	color: #fff;
	overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
	font-size: 10px;
	margin: 0 0 5px 0;
}


.mejs-chapters {
	position: absolute;
	top: 0;
	left: 0;
	-xborder-right: solid 1px #fff;
	width: 10000px;
	z-index: 1;
}
.mejs-chapters .mejs-chapter {
	position: absolute;
	float: left;
	background: #222;
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
	overflow: hidden;
	border: 0;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
	font-size: 11px;
	color: #fff;
	padding: 5px;
	display: block;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	cursor: pointer;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
	border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
	/*background: #333;*/
	background: #666;
	background: rgba(102,102,102, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
	background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{
	font-size: 12px;
	font-weight: bold;
	display: block;
	white-space:nowrap;
	text-overflow: ellipsis;
	margin: 0 0 3px 0;
	line-height: 12px;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{
	font-size: 12px;
	line-height: 12px;
	margin: 3px 0 4px 0;
	display: block;
	white-space:nowrap;
	text-overflow: ellipsis;
}


.mejs-captions-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align:center;
	/*font-weight: bold;*/
	line-height: 22px;
	font-size: 12px;
	color: #fff;
}
.mejs-captions-layer  a {
	color: #fff;
	text-decoration: underline;
}
.mejs-captions-layer[lang=ar] {
	font-size: 20px;
	font-weight: normal;
}

.mejs-captions-position {
	position: absolute;
	width: 100%;
	bottom: 15px;
	left: 0;
}

.mejs-captions-position-hover {
	bottom: 45px;
}

.mejs-captions-text {
	padding: 3px 5px;
	background: url(../img/media-player/background.png);
	background: rgba(20, 20, 20, 0.8);

}
/* End: TRACK (Captions and Chapters) */



.mejs-clear {
	clear: both;
}

/* Start: ERROR */
.me-cannotplay {
}
.me-cannotplay a {
	color: #fff;
	font-weight: bold;
}
.me-cannotplay span {
	padding: 15px;
	display: block;
}
/* End: ERROR */


/* Start: Loop */
.mejs-controls .mejs-loop-off button{
	background-position: -64px -16px;
}
.mejs-controls .mejs-loop-on button {
	background-position: -64px 0;
}
/* End: Loop */

/* Start: backlight */
.mejs-controls .mejs-backlight-off button{
	background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-on button {
	background-position: -80px 0;
}
/* End: backlight */


/* Start: picture controls */
.mejs-controls .mejs-picturecontrols-button{
	background-position: -96px 0;
}
/* End: picture controls */


/* context menu */
.mejs-contextmenu {
	position: absolute;
	width: 150px;
	padding: 10px;
	border-radius: 4px;
	top: 0;
	left: 0;
	background: #fff;
	border: solid 1px #999;
	z-index: 1001; /* make sure it shows on fullscreen */
}
.mejs-contextmenu .mejs-contextmenu-separator {
	height: 1px;
	font-size: 0;
	margin: 5px 6px;
	background: #333;
}

.mejs-contextmenu .mejs-contextmenu-item {
	font-family: Helvetica, Arial;
	font-size: 12px;
	padding: 4px 6px;
	cursor: pointer;
	color: #333;
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
	background: #2C7C91;
	color: #fff;
}


/* Start: SourceChooser */
.mejs-controls .mejs-sourcechooser-button {
	position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
	background-position: -128px 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url(../img/media-player/background.png);
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display:block;
	color: #fff;
	overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}
/* End: SourceChooser */

/** shortcodes.css **/
@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* Theme Information
/* ----------------------------------------------------------------------
Name: Finesse
Description: Responsive Business Theme
Version: 2.2
Author: Ixtendo
Author URI: http://www.ixtendo.com
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Finesse Shortcode Styles
/* ----------------------------------------------------------------------
TABLE OF CONTENTS

-Lists
-Buttons
-Blockquotes
-Notification Boxes
-Tabs
-Toggle & Accordion
-Dropcaps
-Highlights
-Preformatted Text & Computer Code
-Infobox
-Images
-White Space
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Lists
/* ---------------------------------------------------------------------- */
ul.arrow,
ul.circle,
ul.square,
ul.check,
ol.decimal,
ol.upper-roman,
ol.lower-alpha,
ol.upper-alpha {
	margin-bottom: 20px;
}

ul.arrow ul,
ul.circle ul,
ul.square ul,
ul.check ul,
ol.decimal ul,
ol.upper-roman ul,
ol.lower-alpha ul,
ol.upper-alpha ul {
	margin-left: 14px;
}

ul.arrow ol,
ul.circle ol,
ul.square ol,
ul.check ol,
ol.decimal, ol.decimal ol,
ol.upper-roman, ol.upper-roman ol,
ol.lower-alpha, ol.lower-alpha ol,
ol.upper-alpha, ol.upper-alpha ol {
	margin-left: 18px;
}

ul.arrow li,
ul.circle li,
ul.square li,
ul.check li,
ol.decimal li,
ol.upper-roman li,
ol.lower-alpha li,
ol.upper-alpha li {
	margin-bottom: 5px;
}

ul.arrow ul li:first-child, ul.arrow ol li:first-child,
ul.circle ul li:first-child, ul.circle ol li:first-child,
ul.square ul li:first-child, ul.square ol li:first-child,
ul.check ul li:first-child, ul.check ol li:first-child,
ol.decimal ol li:first-child, ol.decimal ul li:first-child,
ol.upper-roman ol li:first-child, ol.upper-roman ul li:first-child,
ol.lower-alpha ol li:first-child, ol.lower-alpha ul li:first-child,
ol.upper-alpha ol li:first-child, ol.upper-alpha ul li:first-child {
	margin-top: 5px;
}

/* Unordered Lists */

ul.arrow li {
	background: url(../img/bullets-and-arrows/arrow-right.png) no-repeat left 0.416em; /* 5px */
	padding-left: 11px;
}

ul.circle li {
	background: url(../img/bullets-and-arrows/circle.png) no-repeat left 0.5em; /* 6px */
	padding-left: 11px;
}

ul.square li {
	background: url(../img/bullets-and-arrows/square.png) no-repeat left 0.5em; /* 6px */
	padding-left: 11px;
}

ul.check li {
	background: url(../img/bullets-and-arrows/check.png) no-repeat left 0.333em; /* 4px */
	padding-left: 17px;
}

/* Ordered Lists */

ol.decimal {
	list-style: decimal;
}

ol.upper-roman {
	list-style: upper-roman;
}

ol.lower-alpha {
	list-style: lower-alpha;
}

ol.upper-alpha {
	list-style: upper-alpha;
}

/* ---------------------------------------------------------------------- */
/* Buttons
/* ---------------------------------------------------------------------- */
.button, .content-form input.button, #comment-form input.button {
	width: auto;
	display: inline-block;
	cursor: pointer;
	line-height: normal;
	margin: 0 10px 20px 0;
	border: none;
	color: #fff !important;
	padding: 7px 15px;
}

.button.large {
	font-size: 1.5em; /* 18px */
	padding: 10px 20px;
}

/* begin colors */

.button.orange {
	background-color: #f25824;
}

.button.black {
	background-color: #383838;
}

.button.green {
	background-color: #7eb01a;
}

.button.blue {
	background-color: #4396bf;
}

.button.light-orange {
	background-color: #eb7f00;
}

.button.purple {
	background-color: #b28eb4;
}

.button.teal {
	background-color: #1693A5;
}

.button.red {
	background-color: #e53c3c;
}

.button.pink {
	background-color: #ce5c76;
}

/* end colors */

.button:hover, .content-form input.button:hover, #comment-form input.button:hover {
	background-color: #383838;
}

/* ---------------------------------------------------------------------- */
/* Blockquotes
/* ---------------------------------------------------------------------- */
blockquote {
	margin-bottom: 20px;
}

.quote-content {
	font-family: 'Tinos', serif;
	font-style: italic;
    color: #888;
	font-size: 1.25em; /* 15px */
	line-height: 1.4em;
}

.quote-content p {
	margin-top: 20px;
	margin-bottom: 0;
}

.quote-content > p:first-child {
	margin: 0;
}

/* Simple */

blockquote.simple {
	padding-left: 10px;
	border-left: 2px solid #d9d9d9;
}

blockquote.simple .quote-meta {
	margin-top: 10px;
}

/* Speech Bubble */

blockquote.speech-bubble .quote-content {
	position: relative;
	background: url(../img/quote.png) no-repeat 15px 19px;
	padding: 15px 15px 15px 41px;
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
}

blockquote.speech-bubble span.quote-arrow {
	display: block;
	width: 11px;
	height: 6px;
	background: url(../img/testimonial-arrow.png) no-repeat left top;
	position: absolute;
	right: 17.173%; /* 79px/460px */
	bottom: -6px;
}

blockquote.speech-bubble .quote-meta {
	text-align: right;
	margin-top: 11px;
	margin-right: 13.043%; /* 60px/460px */
}

/* ---------------------------------------------------------------------- */
/* Notification Boxes
/* ---------------------------------------------------------------------- */
.notification-box {
	position: relative;
	margin-bottom: 20px;
	padding: 10px 24px 10px 40px;
	background-repeat: no-repeat;
	background-position: 10px center;
	border: 1px solid;
}

a.notification-close {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	color: #666 !important;
	font-weight: bold;
	font-size: 1.166em; /* 14px */
	line-height: normal;
}

.notification-box p {
	margin-bottom: 0;
	margin-top: 20px;
}

.notification-box > p:first-child {
	margin: 0;
}

.notification-box-info {
	background-color: #d7ebf5;
	background-image: url(../img/info-16.png);
	border-color: #99c7de;
}

.notification-box-success {
	background-color: #deebc5;
	background-image: url(../img/flag-16.png);
	border-color: #b9d188;
}

.notification-box-warning {
	background-color: #fcf3d7;
	background-image: url(../img/alert-16.png);
	border-color: #f5d77d;
}

.notification-box-error {
	background-color: #faebe6;
	background-image: url(../img/error-16.png);
	border-color: #f5d0c4;
}

/* ---------------------------------------------------------------------- */
/* Tabs
/* ---------------------------------------------------------------------- */
.tabs {
	margin-bottom: 20px;
}

.ui-tabs .ui-tabs-hide {
	position: absolute;
    left: -10000em;
}

.tabs ul.nav li {
    float: left;
	margin: 0 2px -1px 0;
    position: relative;
    z-index: 10;
}

.tabs ul.nav li a {
    display: block;
	padding: 5px 10px;
	color: #383838;
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-bottom: none;
}

.tabs ul.nav li.ui-tabs-selected a {
    background-color: #fff;
	padding-bottom: 6px; /* makes the unselected tabs appear above the border */
}

.tabs .tab {
    padding: 15px 10px;
    background-color: #fff;
	border: 1px solid #e5e5e5;
}

/* ---------------------------------------------------------------------- */
/* Toggle & Accordion
/* ---------------------------------------------------------------------- */
.toggle, .accordion {
	margin-bottom: 20px;
}

span.toggle-title, span.accordion-title {
	display: block;
	position: relative; /* sets the initial position for the icon */
	font-size: 1em; /* 12px */
	line-height: 1.5em; /* 18px */
	padding: 10px 10px 10px 40px;
	margin: 0;
	cursor: pointer;
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
}

span.accordion-title {
	border-top: none;
}

.accordion > div:first-child > span.accordion-title {
	border-top: 1px solid #e5e5e5;
}

.toggle-inner, .accordion-inner {
    padding: 15px 10px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-top: none;
}

.toggle .ui-icon, .accordion .ui-icon {
	position: absolute;
	top: 9px;
	left: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/toggle-plus.png);
	width: 20px;
	height: 20px;
}

.toggle .ui-state-active .ui-icon, .accordion .ui-state-active .ui-icon {
	background-image: url(../img/toggle-minus.png);
}

/* ---------------------------------------------------------------------- */
/* Dropcaps
/* ---------------------------------------------------------------------- */
.dropcap {
	float: left;
	font-weight: 600;
	line-height: 1em;
	text-transform: uppercase;
	margin-right: 5px;
}

.dropcap.simple {
	font-size: 2.5em; /* 30px */
}

.dropcap.with-bg {
	font-size: 2em; /* 24px */
    padding: 6px 10px;
	background-color: #e5e5e5;
}

/* ---------------------------------------------------------------------- */
/* Highlights
/* ---------------------------------------------------------------------- */
.highlight {
	color: #fff;
    padding: 2px;
}

.highlight.black {
	background-color: #383838;
}

/* ---------------------------------------------------------------------- */
/* Preformatted Text & Computer Code
/* ---------------------------------------------------------------------- */
pre, code {
    font-family: 'Courier New', Courier, monospace;
	color: #888;
}

pre {
	background-color: #fff;
	border-left: 2px solid #d9d9d9;
    padding: 10px;
	margin-bottom: 20px;
	white-space: pre-wrap;
    word-wrap: break-word;
}

/* ---------------------------------------------------------------------- */
/* Infobox
/* ---------------------------------------------------------------------- */
.infobox {
	border-left: 4px solid;
}

.infobox-inner {
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-left: none;
	padding: 15px 20px;
	margin-bottom: 20px;
}

.infobox h2 {
	margin-bottom: 5px;
}

.infobox div.with-button {
	display: inline;
}

.infobox .button {
	float: right;
	margin: 0 0 0 20px;
}

.infobox .mobile-button {
	display: none;
}

.infobox p {
	margin-bottom: 0;
	margin-top: 20px;
}

.infobox h2 + p,
.infobox p:first-child {
	margin: 0;
}

/* ---------------------------------------------------------------------- */
/* Images
/* ---------------------------------------------------------------------- */
.entry-image.float-left,
.float-left.caption {
    margin: 5px 20px 15px 0;
}

.entry-image.float-right,
.float-right.caption {
    margin: 5px 0 15px 20px;
}

.caption .entry-image {
    margin-bottom: 10px;
}

/* ---------------------------------------------------------------------- */
/* White Space
/* ---------------------------------------------------------------------- */
.space20 {
	height: 20px;
}

.space40 {
	height: 40px;
}

.indent {
	margin-left: 30px;
}

/* ---------------------------------------------------------------------- */
/* Finesse Styles
/* ----------------------------------------------------------------------
TABLE OF CONTENTS

-Generic
-Containers
-Headings
-Links
-Text & Content Blocks
-Header
	-Logo & Tagline
	-Contact Info
-Navigation Bar
-Forms
-Homepage
-Icon Boxes
-Carousel
-Portfolio & Blog
-Portfolio
-Blog
-Columns
-Footer
-Widgets
-Scroll to Top
-Error Page
-Search Results
-Pagination
-Tables
-About Us
-Clients
-Media Queries
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Generic
/* ---------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5em; /* 18px */
	color: #383838;
	background-color: #d9d9d9;
	background-image: url('../img/background-pattern.png');
	background-repeat: repeat;
	background-position: left top;
	/* Fix for webkit rendering */
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

iframe, img, video, audio {
	display: block;
}

/*img,*/ embed, object, video { /* Note: keeping IMG here will cause problems if you're using foreground images as sprites. */
	max-width: 100%;
}

video {
	width: 100%;
    height: auto;
}

ul {
	list-style: none;
}

/* Clearfix */

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

/* ---------------------------------------------------------------------- */
/* Containers
/* ---------------------------------------------------------------------- */
#wrap {
	width: 1020px;
	max-width: 100%;
	margin: 0 auto;
	border-top: 5px solid #383838;
	padding-top: 30px;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,0.24);
}

.container {
	width: 940px;
	margin: 0 auto;
}

/* ---------------------------------------------------------------------- */
/* Headings
/* ---------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 15px;
}

h1#page-title {
    padding: 25px 0;
	border-bottom: 1px solid #e5e5e5;
}

h1 {
	font-family: Verdana, sans-serif;
	font-weight: 300;
	font-size: 2.333em; /* 28px */
	line-height: 1.214em; /* 34px/28px */
}

h2 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.5em; /* 18px */
	line-height: 1.333em; /* 24px/18px */
}

h3 {
	font-family: Verdana, sans-serif;
	font-weight: 600;
	font-size: 1.333em; /* 16px */
	line-height: 1.375em; /* 22px/16px */
}

h4 {
	font-family: Verdana, sans-serif;
	font-weight: 600;
	font-size: 1.166em; /* 14px */
	line-height: 1.428em; /* 20px/14px */
}

h5 {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.083em; /* 13px */
	line-height: 1.461em; /* 19px/13px */
}

h6 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 1em; /* 12px */
	line-height: 1.5em; /* 18px */
}

/* ---------------------------------------------------------------------- */
/* Links
/* ---------------------------------------------------------------------- */
a, a > * {
	text-decoration: none;
}

a, a > *,
.button,
.jcarousel-next, .jcarousel-prev {
	-webkit-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	-moz-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	-ms-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	-o-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
}

a:hover, a > * {
	color: #383838;
}

/* ---------------------------------------------------------------------- */
/* Text & Content Blocks
/* ---------------------------------------------------------------------- */
p {
	margin-bottom: 20px;
}

section,
#page-header,
#sidebar {
	margin-bottom: 40px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.tip, caption, .caption {
	color: #999;
	font-size: 0.916em; /* 11px */
	font-style: italic;
}

.grey-text {
	color: #999;
}

.invisible {
	display: none !important;
}

hr {
	background-color: #e5e5e5;
	color: #e5e5e5;
	border: none;
	height: 1px;
	clear: both;
	margin: 40px 0;
}

mark {
	font-style: normal;
    font-weight: normal;
}

.intro {
	font-weight: 600;
	font-size: 1.083em; /* 13px */
}

.note {
	color: #f25824;
}

/* ---------------------------------------------------------------------- */
/* Header
/* ---------------------------------------------------------------------- */
#header-top {
	margin-bottom: 30px;
}

#header-top .one-half.column-last {
	float: right;
}

/* Logo & Tagline */

#logo {
	font: 2.666em/1em Verdana, sans-serif; /* 32px */
	float: left;
	text-transform: lowercase;
	margin-right: 15px;
	margin-bottom: 0;
}

#logo a {
	display: block;
	color: #383838;
	outline: none;
}
#logo span {
	display: none;
}

#tagline {
	float: left;
	margin-top: 17px;
	margin-bottom: 0;
	color: #888;
}

/* Contact Info */

#header .contact-info {
	float: right;
	margin-top: 11px;
}

#header .contact-info p {
	float: right;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 20px;
	margin-bottom: 0;
}

#header .contact-info .email {
	background-image: url(../img/contact/mail.png);
	padding-left: 21px;
}

#header .contact-info .phone {
	background-image: url(../img/contact/phone.png);
	padding-left: 22px;
}

/* ---------------------------------------------------------------------- */
/* Navigation Bar
/* ---------------------------------------------------------------------- */
#navbar {
	/*border: 1px solid #e5e5e5;*/
	margin-bottom: 15px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

/* Navigation */

#nav {
	height: 3.166em; /* 38px */
	position: relative;
    width: 100%;
}

/* Navigation List */
ul#navlist {
    display: flex;
}

ul#navlist li {
	flex: auto;
	min-width: 8.666em; /* 104px */
}

ul#navlist li a {
	display: block;
	font-weight: bold;
	padding: 10px 20px;
	text-align: center;
	color: #383838;
	border: 1px solid #e5e5e5;
	border-left: none;
	box-shadow: 1px 0 rgba(255,255,255,0.75);
}

ul#navlist li:first-child a {
	border-left: 1px solid #e5e5e5;
}

ul#navlist li.current a, .no-touch ul#navlist li a:hover, ul#navlist li a.selected {
	color: #fff;
}

.no-touch ul#navlist li a:hover, ul#navlist li a.selected {
	background-color: #383838 !important;
	border-color: #383838 !important;
}

/* Drop-Down Menus */

.ddsubmenustyle, .ddsubmenustyle div {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	z-index: 100;
}

.ddsubmenustyle > ul {
	top: -1px !important;
}

.ddsubmenustyle ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
}

.ddsubmenustyle li a {
	display: block;
	color: #fff;
	background-color: #383838;
	padding: 8px 15px;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #262626;
}

.ddsubmenustyle > ul > li:first-child a {
	border-top: none;
}

/* Neutral CSS */

.ddiframeshim {
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}

/* Tiny Nav */

.tinynav {
	display: none;
	height: 2.333em; /* 28px */
	padding: 0.416em 10px; /* 5px 10px */
	margin: 0.416em 14px; /* 5px 14px */
	background-color: #e5e5e5;
	border: none;
}

.tinynav option {
	padding: 5px 10px;
}

/* ---------------------------------------------------------------------- */
/* Forms
/* ---------------------------------------------------------------------- */
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	-webkit-appearance: none; /* Fix for Mobile Safari */
}

/* Fix for Mobile Safari */
input[type="checkbox"] {
	-webkit-appearance: checkbox;
}

input[type="radio"] {
	-webkit-appearance: radio;
}

input {
	line-height: normal;
}

textarea {
	overflow: auto; /* removes scrollbar in IE */
}

input[type="submit"] {
	width: auto;
}

::-webkit-input-placeholder { /* Chrome, Safari */
	color: #999;
}

/* Firefox */
:-moz-placeholder {
   color: #999;
}

::-moz-focus-inner { /* removes the extra padding and dotted border on buttons in Firefox */
	padding: 0;
	border: none;
}

/* Search Form */

#search-form {
	float: right;
	position: relative;
	margin: 5px 14px 5px 20px;
}

/* Initial */

#s {
	position: absolute;
	top: 0;
	right: 0;
	width: 174px;
	height: 1.333em; /* 16px */
	padding: 0.5em 36px 0.5em 10px; /* 6px 36px 6px 10px */
	border: none;
	background-color: #e5e5e5;
}

.small-search {
    width: 200px !important;
    padding-right: 10px !important;
    top: 38px !important;
    z-index: 10;
}

#s::-webkit-input-placeholder { /* Chrome, Safari */
	color: #888;
}

#s:-moz-placeholder { /* Firefox */
   color: #888;
}

#search-submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 2.333em; /* 28px */
	background: url(../img/search.png) no-repeat center center;
	border: none;
	text-indent: -10000em;
	background-color: #e5e5e5;
	cursor: pointer;
}

/* Newsletter Form */

#newsletter-wrap {
    padding-top: 25px;
	border-top: 1px solid #e5e5e5;
}

#newsletter-form input#newsletter {
	float: left;
	width: 73.2%; /* 342px/460px */
	margin-right: 10px;
}

#newsletter-form input.button {
	float: right;
	margin-right: 0;
	margin-bottom: 5px;
}

#newsletter-wrap .tip {
	margin-top: 7px;
}

/* Content Form */

.content-form p {
    margin-bottom: 10px;
}

.content-form input, .content-form textarea, .content-form select {
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	padding: 6px 10px;
	border-radius: 0;
}

.content-form input:hover, .content-form textarea:hover, .content-form select:hover {
	border-color: #d9d9d9;
}

.content-form input:focus, .content-form textarea:focus, .content-form select:focus {
	border-color: #ccc;
}

.content-form input {
	width: 50%;
}

.content-form label, .content-form input, .content-form textarea, .content-form select {
    margin-bottom: 5px;
}

.content-form label {
	display: block;
	clear: both;
}

.content-form .error {
	color: #f25824;
}

.content-form textarea, .content-form select {
	width: 60%;
	height: 160px;
}

.content-form input[type="file"] {
    padding: 0;
    border: none;
}

/* Comment Form */

#comment-form p {
    margin-bottom: 10px;
}

#comment-form input, #comment-form textarea {
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	padding: 6px 10px;
	border-radius: 0;
}

#comment-form input:hover, #comment-form textarea:hover {
	border-color: #d9d9d9;
}

#comment-form input:focus, #comment-form textarea:focus {
	border-color: #ccc;
}

#comment-form input {
	width: 50%;
}

#comment-form label, #comment-form input, #comment-form textarea {
    margin-bottom: 5px;
}

#comment-form label {
	display: block;
	clear: both;
}

#comment-form .error {
	color: #f25824;
}

#comment-form textarea {
	width: 60%;
	height: 160px;
}

/* ---------------------------------------------------------------------- */
/* Homepage
/* ---------------------------------------------------------------------- */
#slider-home {
	margin-bottom: 15px;
}

/* ---------------------------------------------------------------------- */
/* Icon Boxes
/* ---------------------------------------------------------------------- */
.iconbox {
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.iconbox .icon {
    display: flex;
    color: #E63C3C;
    font-size: 64px;
    padding: 8px;
    height: 72px;
    flex-direction: column;
}

.iconbox h4 {
    margin-bottom: 4px;
}
.iconbox h4 a {
	color: #383838;
}

.iconbox p {
    margin: 0;
}

.iconbox-icon {
	display: block;
	height: 42px;
	margin: 0 auto 20px;
	background-repeat: no-repeat;
}


/* ---------------------------------------------------------------------- */
/* Carousel
/* ---------------------------------------------------------------------- */
h2 span.more {
	font-weight: normal;
	font-size: 0.666em; /* 12px/18px */
	line-height: 1.5em; /* 18px/12px */
}

h2 span.more a {
	font-style: italic;
}

.jcarousel-container {
	max-width: 100%;
	padding-top: 25px;
	border-top: 1px solid #e5e5e5;
}

.jcarousel-clip {
	overflow: hidden;
	width: 100%;
}

.iconbox-carousel > li,
.project-carousel > li,
.post-carousel > li {
	float: left;
	width: 220px;
	margin-right: 20px;
}

.jcarousel-prev, .jcarousel-next {
	position: absolute;
    top: -35px;
    width: 19px;
    height: 19px;
    cursor: pointer;
    background-color: #bfbfbf;
	background-image: url(../img/carousel-arrows.png);
	background-repeat: no-repeat;
}

.jcarousel-prev {
	right: 20px;
	background-position: 7px 5px;
}

.jcarousel-next {
	right: 0;
	background-position: -18px 5px;
}

.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus,
.jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus {
	background-color: #d9d9d9 !important;
	cursor: default;
}

/* ---------------------------------------------------------------------- */
/* Portfolio & Blog
/* ---------------------------------------------------------------------- */
.entry-image,
.entry-video,
.entry-audio,
.entry-slider {
	margin-bottom: 20px;
}

.entry-image > a,
.entry-slider > ul > li > a {
	display: block;
	position: relative; /* sets the initial position for the overlay */
}

.entry-image,
.entry-slider > ul > li {
	background-color: #fff;
}

.entry-image {
	display: inline-block;
}

.entry-image,
.entry-image img,
.entry-slider,
.entry-slider img {
	max-width: 100%;
}

.entry-title a {
   color: #383838;
}

/* Overlay */

.entry-image > a .overlay,
.entry-slider > ul > li > a .overlay {
	opacity: 0;
	filter: alpha(opacity=0);
    z-index: 0; /* for Opera */
}

.entry-image > a:hover .overlay,
.entry-slider > ul > li > a:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
    z-index: 1; /* for Opera */
}

.overlay {
	display: block;
	background-color: rgba(0,0,0,0.3);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.overlay.zoom {
	background-image: url(../img/overlay-zoom.png);
}

.overlay.link {
	background-image: url(../img/overlay-link.png);
}

/* Entry Slider */

.entry-slider {
	position: relative; /* sets the initial position for the entry slider arrows */
}

.entry-slider-nav a {
	position: absolute;
    top: 50%;
	margin-top: -13px;
    width: 23px;
    height: 27px;
    cursor: pointer;
	background-image: url(../img/slider/arrows.png);
	background-repeat: no-repeat;
	z-index: 100;
	text-indent: -10000em;
}

.entry-slider-nav a.prev {
	left: 0;
	background-position: 8px 7px;
}

.entry-slider-nav a.next {
	right: 0;
	background-position: -19px 7px;
}

.entry-slider-nav a.disabled:link, .entry-slider-nav a.disabled:visited,
.entry-slider-nav a.disabled:hover, .entry-slider-nav a.disabled:active {
	background-color: rgba(0,0,0,0.6);
	cursor: default;
}

/* ---------------------------------------------------------------------- */
/* Portfolio
/* ---------------------------------------------------------------------- */
.project-carousel > li {
	text-align: center;
}

/* Portfolio Gallery */

ul.portfolio-grid {
	margin-right: -20px;
}

ul.portfolio-grid > li {
	margin-bottom: 20px;
	text-align: center;
}

ul.portfolio-grid > li.one-fourth {
	float: left;
	width: 220px;
	height: 223px;
	margin-right: 20px;
}

/* Filter */

#filter {
	margin-bottom: 40px;
}

#filter > span {
	margin: 5px 10px 5px 0;
}

#filter ul, #filter li {
	display: inline-block;
}

#filter li {
	margin: 5px 5px 5px 0;
}

#filter li, #filter > span {
	vertical-align: middle;
}

#filter a {
	display: block;
	line-height: normal;
	color: #383838;
	background-color: #e5e5e5;
	padding: 5px 10px;
}

#filter a:hover, #filter li.active a {
	color: #fff;
}

/* ---------------------------------------------------------------------- */
/* Blog
/* ---------------------------------------------------------------------- */
.post-carousel .entry-meta {
	width: 40px;
	margin-right: 10px;
}

.entry-meta {
	width: 100px;
	margin-right: 20px;
	float: left;
	font-size: 0.916em; /* 11px */
	line-height: 1.272em; /* 14px/11px */
	color: #888;
}

.entry-meta .title {
	font-weight: bold;
	font-style: normal;
}

.entry-meta .title {
	color: #383838;
}

a.post-format-wrap,
.entry-meta > span {
	display: block;
}

.entry-meta > span {
	margin-bottom: 5px;
	font-style: italic;
}

.post-format {
	display: block;
	width: 36px;
	height: 36px;
	margin-bottom: 10px !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #bfbfbf;
	text-indent: -10000em;
}

.post-format.standard {
	background-image: url(../img/blog/post-standard.png);
}

.post-format.image {
	background-image: url(../img/blog/post-image.png);
}

.post-format.gallery {
	background-image: url(../img/blog/post-gallery.png);
}

.post-format.video {
	background-image: url(../img/blog/post-video.png);
}

.post-format.audio {
	background-image: url(../img/blog/post-audio.png);
}

.post-format.quote {
	background-image: url(../img/blog/post-quote.png);
}

.post-format.link {
	background-image: url(../img/blog/post-link.png);
}

.post-format.aside {
	background-image: url(../img/blog/post-aside.png);
}

.entry-body {
	overflow: hidden;
}

.blog-entry-list .entry {
	border-top: 1px solid #e5e5e5;
	padding-top: 40px;
}

.blog-entry-list .entry:first-child {
    border: none;
	padding: 0;
}

.blog-entry-list .entry, .blog-entry-single .entry {
    margin-bottom: 20px;
}

/* Comments */

#comments {
    padding-top: 40px;
	border-top: 1px solid #e5e5e5;
	margin-bottom: 20px;
}

/* Comments Header */

#comments h3 {
	margin-bottom: 20px;
}

/* Comment List */

ol.comment-list, ol.children {
	list-style: none;
}

#comment-1 {
	border-top: none;
}

li.comment .comment-wrap {
	padding: 20px 0;
	border-top: 1px dotted #ccc;
}

li.comment ol.children {
	margin-left: 65px;
}

/* Comment List Content */

ol.comment-list .avatar-wrap {
	float: left;
	margin-right: 15px;
}

ol.comment-list .avatar-wrap a.comment-edit-link {
	display: block;
	margin-top: 10px;
	text-align: center;
	font-style: italic;
}

ol.comment-list .comment-details {
	overflow: hidden;
}

ol.comment-list .comment-author {
	font-weight: bold;
}

ol.comment-list .comment-author a {
    color: #383838;
}

ol.comment-list .comment-meta {
	margin-bottom: 15px;
	color: #888;
	font-style: italic;
}

ol.comment-list .comment-reply-link {
	font-style: italic;
}

/* Respond (Leave a Comment) */

#respond {
    padding-top: 40px;
	border-top: 1px solid #e5e5e5;
}

#reply-title small {
	float: right;
	margin-top: 2px;
	font-size: 0.75em; /* 12px/16px */
	line-height: 1.5em; /* 18px/12px */
	font-weight: normal;
	font-style: italic;
}

/* ---------------------------------------------------------------------- */
/* Columns
/* ---------------------------------------------------------------------- */
.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths {
	display: inline;
	float: left;
    margin-right: 2%;
}

.one-half {
	width: 49%;
	max-width: 460px;
}

.one-third {
	width: 32%;
	max-width: 300px;
}

.one-fourth {
	width: 23.5%;
	max-width: 220px;
}

.two-thirds {
	width: 66%;
	max-width: 620px;
}

.three-fourths {
	width: 74.5%;
	max-width: 700px;
}

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

/* ---------------------------------------------------------------------- */
/* Footer
/* ---------------------------------------------------------------------- */
#footer {
	color: #999;
	background-color: #383838;
	border-top: 5px solid #e5e5e5;
	margin-top: 60px;
}

#footer h2,
#footer h3 {
	color: #e5e5e5;
}

#footer h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid #4c4c4c;
	margin-bottom: 25px;
}

#footer-top {
	overflow: hidden;
	padding: 36px 0 20px;
}

#footer-top a:hover {
	color: #e5e5e5;
}

#footer-bottom {
	overflow: hidden;
	padding: 25px 0;
	border-top: 1px solid #4c4c4c;
	font-size: 0.916em; /* 11px */
}

#footer-bottom a {
	color: #bfbfbf;
}

#footer-bottom p {
	margin: 0;
}

#footer-nav ul {
	text-align: right;
}

#footer-nav ul li {
	display: inline;
}

/* ---------------------------------------------------------------------- */
/* Widgets
/* ---------------------------------------------------------------------- */
.widget {
	margin-bottom: 20px;
}

#sidebar .widget {
	margin-bottom: 30px;
}

/* Latest Posts */

.latest-posts li {
	background: url(../img/footer/pencil-footer.png) no-repeat left 0.333em; /* 4px */
	padding-left: 21px;
	margin-bottom: 20px;
}

.latest-posts li > a {
	display: block;
}

.latest-posts li > span {
	display: block;
	font-size: 0.916em; /* 11px */
	margin-top: 5px;
	font-style: italic;
}

/* Twitter */

.twitter-widget ul li {
	background: url(../img/footer/twitter-bullet-footer.png) no-repeat left 0.333em; /* 4px */
	padding-left: 26px;
	margin-bottom: 20px;
	word-wrap: break-word; /* for Chrome */
}

.twitter-widget ul li > span {
	display: block;
}

.tweet_time {
	font-size: 0.916em; /* 11px */
	margin-top: 5px;
	font-style: italic;
}

#footer-top .tweet_time a {
	color: #bfbfbf;
}

/* Flickr */

.flickr-widget ul {
	margin-right: -5px;
}

.flickr-widget ul li {
	float: left;
	margin: 0 5px 5px 0;
}

.flickr-widget ul img {
	width: 70px;
	height: 70px;
}

/* Contact Info */

.contact-info p {
    background-repeat: no-repeat;
    padding-left: 23px;
	margin-bottom: 15px;
}

.contact-info p.name {
	display: none;
}

.contact-info .address {
	background-image: url(../img/contact/home.png);
	background-position: left 0.083em; /* 1px */
}

.contact-info .www {
	background-image: url(../img/contact/www.png);
	background-position: left 0.083em; /* 1px */
}

.contact-info .facebook {
    background-image: url(../img/social-media/facebook.png);
    background-position: left 0.083em; /* 1px */
}

#footer .contact-info .address {
	background-image: url(../img/footer/contact/home-footer.png);
}

.contact-info .phone {
	background-image: url(../img/contact/phone.png);
	background-position: left 0.083em; /* 1px */
}

.contact-info .mobile {
    background-image: url(../img/contact/mobile.png);
    background-position: left 0.083em; /* 1px */
}

#footer .contact-info .phone {
	background-image: url(../img/footer/contact/phone-footer.png);
}

.contact-info .e-mail {
	background-image: url(../img/contact/mail.png);
	background-position: left 0.25em; /* 3px */
}

#footer .contact-info .e-mail {
	background-image: url(../img/footer/contact/mail-footer.png);
}

#footer .contact-info .logo, #footer .contact-info .country-name {
    display: none;
}

.contact-info .business-hours {
	background-image: url(../img/contact/clock.png);
	background-position: left 1px;
}

.contact-info .social-links {
	margin-top: 20px;
}

/* Social Links */

.social-links ul {
	overflow: hidden;
	margin-right: -6px;
}

.social-links li {
	float: left;
	margin: 0 6px 6px 0;
}

.social-links a {
	display: block;
	width: 24px;
	height: 24px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

.social-links li.twitter a {
	background-image: url(../img/social-media/twitter-circular.png);
}

.social-links li.facebook a {
	background-image: url(../img/social-media/facebook-circular.png);
}

.social-links li.google a {
	background-image: url(../img/social-media/google-circular.png);
}

.social-links li.youtube a {
	background-image: url(../img/social-media/youtube-circular.png);
}

.social-links li.skype a {
	background-image: url(../img/social-media/skype-circular.png);
}

.social-links li.rss a {
	background-image: url(../img/social-media/rss-circular.png);
}

/* Menu with Separators */

.widget ul.menu li {
	border-bottom: 1px dotted #ccc;
}

.widget ul.menu li > a {
	display: block;
    color: #383838;
    padding: 5px 0 5px 11px;
	background: url(../img/bullets-and-arrows/arrow-right.png) no-repeat left 0.833em; /* 10px */
}

/* Tags */

ul.tags li {
	float: left;
	margin: 0 5px 5px 0;
}

ul.tags a {
	display: block;
	background-color: #e5e5e5;
	color: #383838;
	padding: 5px 10px;
}

ul.tags a:hover {
	color: #fff;
}

/* ---------------------------------------------------------------------- */
/* Scroll to Top
/* ---------------------------------------------------------------------- */
#toTop, #toTopHover {
	background-image: url(../img/scroll-top.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	height: 30px;
	overflow: hidden;
	bottom: 30px;
	right: 20px;
	text-indent: -10000em;
	position: fixed;
}

#toTop {
	display: none;
	background-color: #999;
}

#toTopHover {
	display: block;
	opacity: 0;
}

#toTop:active, #toTop:focus {
	outline: none;
}

/* ---------------------------------------------------------------------- */
/* Error Page
/* ---------------------------------------------------------------------- */
.error-page #page-title {
	background: url(../img/alert-56.png) no-repeat left center;
	padding-left: 66px;
}

/* ---------------------------------------------------------------------- */
/* Search Results
/* ---------------------------------------------------------------------- */
ul#search-results li {
	border-top: 1px dotted #ccc;
	padding: 20px 0;
}

ul#search-results li:first-child {
	border: none;
	padding-top: 0;
}

ul#search-results h2 {
	margin-bottom: 5px;
}

ul#search-results h2 a,
ul#search-results h2 a strong {
	color: #383838;
}

ul#search-results p {
	margin: 0;
}

/* ---------------------------------------------------------------------- */
/* Pagination
/* ---------------------------------------------------------------------- */
.page-nav {
	border-top: 1px solid #e5e5e5;
	padding-top: 40px;
	margin-bottom: 40px;
}

.page-nav > span {
	margin-right: 20px;
}

.page-nav ul, .page-nav li, .page-nav > span {
	display: inline-block;
}

.page-nav li, .page-nav > span {
	vertical-align: middle;
}

.page-nav li {
	margin-right: 5px;
	line-height: normal;
}

.page-nav a {
	display: block;
	background-color: #e5e5e5;
	color: #383838;
}

.page-nav a, .page-nav li.current {
	padding: 5px 10px;
}

.page-nav a:hover, .page-nav li.current {
	color: #fff;
}

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

/* Generic Table */

.gen-table {
	width: 100%;
	margin-bottom: 20px;
}

.gen-table caption {
	margin-bottom: 10px;
}

.gen-table th {
	font-weight: bold;
}

.gen-table th, .gen-table td {
	background-color: #fff;
	padding: 5px;
	text-align: center;
	border: 1px solid #e5e5e5;
	vertical-align: top;
}

.gen-table .empty-left-top {
	background-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
}

.gen-table .empty-left-bottom {
	background-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
}

.gen-table td.top-left {
	text-align: left;
	vertical-align: top;
}

.gen-table thead th {
	font-size: 1.166em; /* 14px */
}

.gen-table thead th,
.gen-table tfoot td {
	background-color: #f0f0f0;
	border-color: #d9d9d9;
}

.gen-table tbody th,
.gen-table tr.odd th, .gen-table tr.odd td {
	background-color: #f7f7f7;
}

.gen-table tfoot td {
	font-style: italic;
	font-size: 0.916em; /* 11px */
}

.gen-table tfoot .button {
	font-style: normal;
	font-size: 1.09em; /* 12px/11px */
	margin: 5px 0;
}

.gen-table span.check {
	display: inline-block;
	background: url(../img/check-green.png) no-repeat left top;
	width: 18px;
	height: 14px;
}

.gen-table tfoot + tbody tr.row-last th,
.gen-table tfoot + tbody tr.row-last td {
	border-bottom-color: #d9d9d9;
}

/* Pricing Table */

.pricing-table span.title {
	display: block;
	font-size: 1.714em; /* 24px/14px */
	line-height: 1.25em; /* 30px/24px */
}

.pricing-table th, .pricing-table td {
	padding: 10px 15px;
}

.pricing-table span.price {
	display: block;
	line-height: 2.571em; /* 36px/14px */
}

.pricing-table span.price span {
	font-weight: 600;
	font-size: 1.428em; /* 20px/14px */
	color: #669900;
}

.pricing-table span.price sup {
	font-weight: normal;
}

.pricing-table tbody tr:hover td {
	background-color: #fff;
}

.pricing-table tbody tr:hover th, .pricing-table tbody tr:hover td {
	background-color: #fff !important;
}

.pricing-table tbody tr:hover th,
.pricing-table tr.odd:hover th, .pricing-table tr.odd:hover td {
	background-color: #f7f7f7 !important;
}

/* Pricing Boxes */

.pricing-box {
	margin-bottom: 20px;
	text-align: center;
}

.pricing-box .header,
.pricing-box .footer {
	background-color: #f0f0f0;
    border: 1px solid #d9d9d9;
}

.pricing-box .footer {
	padding: 10px 15px;
}

.pricing-box ul.features {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-top: none;
	border-bottom: none;
	padding: 10px 15px;
}

.pricing-box ul.features li {
	border-top: 1px solid #e5e5e5;
	padding: 5px 0;
}

.pricing-box ul.features li:first-child {
	border: none;
}

.pricing-box .button {
	margin: 5px 0;
}

.pricing-box .title {
    font-weight: bold;
	font-size: 1.5em; /* 18px */
	line-height: 1.333em; /* 24px/18px */
	background-color: #d9d9d9;
	padding: 5px 15px;
	margin: 0;
}

.pricing-box .price {
	line-height: normal;
	padding: 10px 15px;
	margin: 0;
	border-top: 1px solid rgba(255,255,255,0.4);
}

.pricing-box .price span {
	font-weight: 600;
	font-size: 2.142em; /* 30px/14px */
	color: #669900;
}

.pricing-box .price sup {
	font-weight: normal;
}

.pricing-box.featured .title,
.pricing-box.featured .price span,
.pricing-box.featured .price sup {
	color: #fff;
}

.pricing-box.featured .price {
	border-top: 1px solid rgba(255,255,255,0.1);
}

/* ---------------------------------------------------------------------- */
/* About Us
/* ---------------------------------------------------------------------- */
.team {
	margin-right: -20px;
}

.team-member {
	text-align: center;
	margin-bottom: 20px;
}

.team-member.one-fourth {
	width: 220px;
	margin-right: 20px;
}

.team-member .photo {
	max-width: 100%;
	margin: 0 auto 15px;
}

.team-member .name {
	margin-bottom: 5px;
}

.team-member span.job-title {
	display: block;
	margin-bottom: 10px;
	color: #999;
}

/* Social Links */

.team-member .social-links {
	border-top: 1px solid #e5e5e5;
	padding-top: 15px;
}

.team-member .social-links li {
	display: inline-block;
	float: none;
	margin: 0 15px 15px 0;
	vertical-align: middle;
}

.team-member .social-links a {
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -10000em;
	height: 16px;
}

.team-member .social-links li.twitter a {
	width: 20px;
	background-image: url(../img/social-media/twitter.png);
}

.team-member .social-links li.facebook a {
	width: 16px;
	background-image: url(../img/social-media/facebook.png);
}

.team-member .social-links li.linkedin a {
	width: 16px;
	background-image: url(../img/social-media/linkedin.png);
}

.team-member .social-links li.googleplus a {
	width: 16px;
	background-image: url(../img/social-media/googleplus.png);
}

.team-member .social-links li.skype a {
	width: 16px;
	background-image: url(../img/social-media/skype.png);
}

.team-member .social-links li.email a {
	width: 15px;
	background-image: url(../img/social-media/email.png);
}

/* ---------------------------------------------------------------------- */
/* Clients
/* ---------------------------------------------------------------------- */
.client-wrap {
	border-top: 1px solid #E5E5E5;
    padding-top: 25px;
}

.clients {
	margin: 0 -10px 20px 0;
}

.clients li {
	float: left;
	border: 1px solid #e5e5e5;
	margin: 0 10px 10px 0;
	width: 178px;
}

.clients li:hover {
	border-color: #d9d9d9;
}

.clients a {
	display: block;
}

.clients img {
	opacity: 0.75;
	filter: alpha(opacity=75);
	max-width: 100%;
}

.clients img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* ---------------------------------------------------------------------- */
/* Media Queries
/* ---------------------------------------------------------------------- */

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	/* Container */

	.container {
		width: 748px;
	}

	/* Carousel */

	.iconbox-carousel > li,
	.project-carousel > li,
	.post-carousel > li {
		margin-right: 44px;
	}

	/* Portfolio Grid */

	ul.portfolio-grid {
		margin-right: -44px;
	}

	ul.portfolio-grid > li.one-fourth {
		margin-right: 44px;
	}

	/* Related Posts */

	.related-posts .post-carousel > li {
		width: 172px;
		margin-right: 20px;
	}

	/* Newsletter Form */

	#newsletter-form input#newsletter {
		width: 66.5%; /* 248px/366px */
	}

	/* About Us */

	.team-member.one-fourth {
		width: 172px;
	}

	/* Clients */

	.clients {
		margin: 0 -20px 20px 0;
	}

	.clients li {
		width: 170px;
		margin: 0 20px 20px 0;
	}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	/* Tiny Nav */

    .js .tinynav {
		display: block;
	}

    .js #navlist {
		display: none;
	}

	/* Slider */

    .flex-caption {
		display: none;
	}

	/* Columns */

	.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths {
		float: none;
		display: block;
		margin-right: 0;
		width: 100%;
		max-width: none;
	}

	/* Floats */

	.float-left, .float-right {
		float: none;
	}

	/* Header */

	#header-top .one-half:first-child {
		text-align: center;
	}

	#header-top .one-half.column-last:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
	}

	#header-top .one-half.column-last {
		margin-top: 20px;
	}

	#logo {
		float: none;
		margin: 0 auto;
	}

	#logo, #logo a, #logo img {
		display: inline;
	}

	#tagline {
		float: none;
		margin-top: 5px;
	}

	#polyglotLanguageSwitcher {
		margin-top: 0;
	}

	#header .contact-info {
		float: left;
		margin-top: 0;
	}

	#header .contact-info p {
		float: none;
		margin-top: 5px;
		margin-left: 0;
	}

	#header .contact-info p:first-child {
		margin-top: 0;
	}

	/* Footer */

	#footer-nav ul {
		text-align: left;
	}

	#footer-top > .one-half, #footer-top > .one-third, #footer-top > .one-fourth, #footer-top > .two-thirds, #footer-top > .three-fourths {
		margin-top: 40px;
	}

	#footer-top > .one-half:first-child, #footer-top > .one-third:first-child, #footer-top > .one-fourth:first-child, #footer-top > .two-thirds:first-child, #footer-top > .three-fourths:first-child {
		margin-top: 0;
	}

	/* Pagination */

	.page-nav li, .page-nav > span {
		margin-bottom: 10px;
	}

	/* About Us */

	.team-member.one-fourth {
		width: 100%;
		margin-right: 0;
	}

	/* Responsive Tables */

	.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; }
	.table-wrapper table { margin-bottom: 0; }
	.table-wrapper .scrollable table { margin-left: 37.3%; }
	.table-wrapper .scrollable { overflow: scroll; overflow-y: hidden; }
	.table-wrapper caption { display: none; }

	.pinned { position: absolute; left: 0; top: 0; width: 37.3%; height: 100%; background-color: #fff; overflow: hidden; overflow-x: scroll; }
	.pinned table th, .pinned table td { white-space: nowrap; border-right: none; }
	.pinned .empty-left-top, table.responsive th { height: 88px; }

	table.responsive td, table.responsive th { white-space: nowrap; overflow: hidden;}
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }

	/* Images */

	.entry-image.float-left, .float-left.caption,
	.entry-image.float-right, .float-right.caption {
		margin: 20px 0;
	}

	/* Comment Form and Contact Form */

	#comment-form input, .content-form input {
		width: 80%;
	}

	#comment-form textarea, .content-form textarea, .content-form select {
		width: 90%;
	}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* Container */

	.container {
		width: 420px;
	}

	/* Tiny Nav */

	.tinynav {
		width: 340px;
	}

	/* Carousel */

	.iconbox-carousel > li,
	.project-carousel > li,
	.post-carousel > li {
		width: 200px;
	}

	/* Portfolio Grid */

	ul.portfolio-grid > li.one-fourth {
		width: 200px;
	}

	/* Newsletter Form */

	#newsletter-form input#newsletter {
		width: 70.7%; /* 302px/420px */
	}

	/* Clients */

	.clients li {
		width: 131px;
	}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	/* Container */

	.container {
		width: 300px;
	}

	/* Tiny Nav */

	.tinynav {
		width: 220px;
	}

	/* Carousel */

	.iconbox-carousel > li,
	.project-carousel > li,
	.post-carousel > li {
		margin-left: 40px;
		margin-right: 40px;
	}

	/* Portfolio Grid */

	ul.portfolio-grid {
		margin: 0;
	}

	ul.portfolio-grid > li.one-fourth {
		margin-left: 40px;
		margin-right: 40px;
	}

	/* Newsletter Form */

	#newsletter-form input#newsletter {
		width: 59%; /* 182px/300px */
	}

	/* Infobox */

	.infobox div.with-button {
		display: block;
	}

	.infobox .button {
		display: none;
	}

	.infobox .mobile-button {
		float: none;
		display: inline-block;
		margin-left: 0;
		margin-top: 20px;
	}

	/* Clients */

	.clients li {
		width: 143px;
	}

}

/** shortcodes.css **/
@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* Theme Information
/* ----------------------------------------------------------------------
Name: Finesse
Description: Responsive Business Theme
Version: 2.2
Author: Ixtendo
Author URI: http://www.ixtendo.com
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Finesse Shortcode Styles
/* ----------------------------------------------------------------------
TABLE OF CONTENTS

-Lists
-Buttons
-Blockquotes
-Notification Boxes
-Tabs
-Toggle & Accordion
-Dropcaps
-Highlights
-Preformatted Text & Computer Code
-Infobox
-Images
-White Space
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Lists
/* ---------------------------------------------------------------------- */
ul.arrow,
ul.circle,
ul.square,
ul.check,
ol.decimal,
ol.upper-roman,
ol.lower-alpha,
ol.upper-alpha {
	margin-bottom: 20px;
}

ul.arrow ul,
ul.circle ul,
ul.square ul,
ul.check ul,
ol.decimal ul,
ol.upper-roman ul,
ol.lower-alpha ul,
ol.upper-alpha ul {
	margin-left: 14px;
}

ul.arrow ol,
ul.circle ol,
ul.square ol,
ul.check ol,
ol.decimal, ol.decimal ol,
ol.upper-roman, ol.upper-roman ol,
ol.lower-alpha, ol.lower-alpha ol,
ol.upper-alpha, ol.upper-alpha ol {
	margin-left: 18px;
}

ul.arrow li,
ul.circle li,
ul.square li,
ul.check li,
ol.decimal li,
ol.upper-roman li,
ol.lower-alpha li,
ol.upper-alpha li {
	margin-bottom: 5px;
}

ul.arrow ul li:first-child, ul.arrow ol li:first-child,
ul.circle ul li:first-child, ul.circle ol li:first-child,
ul.square ul li:first-child, ul.square ol li:first-child,
ul.check ul li:first-child, ul.check ol li:first-child,
ol.decimal ol li:first-child, ol.decimal ul li:first-child,
ol.upper-roman ol li:first-child, ol.upper-roman ul li:first-child,
ol.lower-alpha ol li:first-child, ol.lower-alpha ul li:first-child,
ol.upper-alpha ol li:first-child, ol.upper-alpha ul li:first-child {
	margin-top: 5px;
}

/* Unordered Lists */

ul.arrow li {
	background: url(../img/bullets-and-arrows/arrow-right.png) no-repeat left 0.416em; /* 5px */
	padding-left: 11px;
}

ul.circle li {
	background: url(../img/bullets-and-arrows/circle.png) no-repeat left 0.5em; /* 6px */
	padding-left: 11px;
}

ul.square li {
	background: url(../img/bullets-and-arrows/square.png) no-repeat left 0.5em; /* 6px */
	padding-left: 11px;
}

ul.check li {
	background: url(../img/bullets-and-arrows/check.png) no-repeat left 0.333em; /* 4px */
	padding-left: 17px;
}

/* Ordered Lists */

ol.decimal {
	list-style: decimal;
}

ol.upper-roman {
	list-style: upper-roman;
}

ol.lower-alpha {
	list-style: lower-alpha;
}

ol.upper-alpha {
	list-style: upper-alpha;
}

/* ---------------------------------------------------------------------- */
/* Buttons
/* ---------------------------------------------------------------------- */
.button, .content-form input.button, #comment-form input.button {
	width: auto;
	display: inline-block;
	cursor: pointer;
	line-height: normal;
	margin: 0 10px 20px 0;
	border: none;
	color: #fff !important;
	padding: 7px 15px;
}

.button.large {
	font-size: 1.5em; /* 18px */
	padding: 10px 20px;
}

/* begin colors */

.button.orange {
	background-color: #f25824;
}

.button.black {
	background-color: #383838;
}

.button.green {
	background-color: #7eb01a;
}

.button.blue {
	background-color: #4396bf;
}

.button.light-orange {
	background-color: #eb7f00;
}

.button.purple {
	background-color: #b28eb4;
}

.button.teal {
	background-color: #1693A5;
}

.button.red {
	background-color: #e53c3c;
}

.button.pink {
	background-color: #ce5c76;
}

/* end colors */

.button:hover, .content-form input.button:hover, #comment-form input.button:hover {
	background-color: #383838;
}

/* ---------------------------------------------------------------------- */
/* Blockquotes
/* ---------------------------------------------------------------------- */
blockquote {
	margin-bottom: 20px;
}

.quote-content {
	font-family: Verdana, serif;
	font-style: italic;
    color: #888;
	font-size: 1.25em; /* 15px */
	line-height: 1.4em;
}

.quote-content p {
	margin-top: 20px;
	margin-bottom: 0;
}

.quote-content > p:first-child {
	margin: 0;
}

/* Simple */

blockquote.simple {
	padding-left: 10px;
	border-left: 2px solid #d9d9d9;
}

blockquote.simple .quote-meta {
	margin-top: 10px;
}

/* Speech Bubble */

blockquote.speech-bubble .quote-content {
	position: relative;
	background: url(../img/quote.png) no-repeat 15px 19px;
	padding: 15px 15px 15px 41px;
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
}

blockquote.speech-bubble span.quote-arrow {
	display: block;
	width: 11px;
	height: 6px;
	background: url(../img/testimonial-arrow.png) no-repeat left top;
	position: absolute;
	right: 17.173%; /* 79px/460px */
	bottom: -6px;
}

blockquote.speech-bubble .quote-meta {
	text-align: right;
	margin-top: 11px;
	margin-right: 13.043%; /* 60px/460px */
}

/* ---------------------------------------------------------------------- */
/* Notification Boxes
/* ---------------------------------------------------------------------- */
.notification-box {
	position: relative;
	margin-bottom: 20px;
	padding: 10px 24px 10px 40px;
	background-repeat: no-repeat;
	background-position: 10px center;
	border: 1px solid;
}

a.notification-close {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	color: #666 !important;
	font-weight: bold;
	font-size: 1.166em; /* 14px */
	line-height: normal;
}

.notification-box p {
	margin-bottom: 0;
	margin-top: 20px;
}

.notification-box > p:first-child {
	margin: 0;
}

.notification-box-info {
	background-color: #d7ebf5;
	background-image: url(../img/info-16.png);
	border-color: #99c7de;
}

.notification-box-success {
	background-color: #deebc5;
	background-image: url(../img/flag-16.png);
	border-color: #b9d188;
}

.notification-box-warning {
	background-color: #fcf3d7;
	background-image: url(../img/alert-16.png);
	border-color: #f5d77d;
}

.notification-box-error {
	background-color: #faebe6;
	background-image: url(../img/error-16.png);
	border-color: #f5d0c4;
}

/* ---------------------------------------------------------------------- */
/* Tabs
/* ---------------------------------------------------------------------- */
.tabs {
	margin-bottom: 20px;
}

.ui-tabs .ui-tabs-hide {
	position: absolute;
    left: -10000em;
}

.tabs ul.nav li {
    float: left;
	margin: 0 2px -1px 0;
    position: relative;
    z-index: 10;
}

.tabs ul.nav li a {
    display: block;
	padding: 5px 10px;
	color: #383838;
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-bottom: none;
}

.tabs ul.nav li.ui-tabs-selected a {
    background-color: #fff;
	padding-bottom: 6px; /* makes the unselected tabs appear above the border */
}

.tabs .tab {
    padding: 15px 10px;
    background-color: #fff;
	border: 1px solid #e5e5e5;
}

/* ---------------------------------------------------------------------- */
/* Toggle & Accordion
/* ---------------------------------------------------------------------- */
.toggle, .accordion {
	margin-bottom: 20px;
}

span.toggle-title, span.accordion-title {
	display: block;
	position: relative; /* sets the initial position for the icon */
	font-size: 1em; /* 12px */
	line-height: 1.5em; /* 18px */
	padding: 10px 10px 10px 40px;
	margin: 0;
	cursor: pointer;
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
}

span.accordion-title {
	border-top: none;
}

.accordion > div:first-child > span.accordion-title {
	border-top: 1px solid #e5e5e5;
}

.toggle-inner, .accordion-inner {
    padding: 15px 10px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-top: none;
}

.toggle .ui-icon, .accordion .ui-icon {
	position: absolute;
	top: 9px;
	left: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/toggle-plus.png);
	width: 20px;
	height: 20px;
}

.toggle .ui-state-active .ui-icon, .accordion .ui-state-active .ui-icon {
	background-image: url(../img/toggle-minus.png);
}

/* ---------------------------------------------------------------------- */
/* Dropcaps
/* ---------------------------------------------------------------------- */
.dropcap {
	float: left;
	font-weight: 600;
	line-height: 1em;
	text-transform: uppercase;
	margin-right: 5px;
}

.dropcap.simple {
	font-size: 2.5em; /* 30px */
}

.dropcap.with-bg {
	font-size: 2em; /* 24px */
    padding: 6px 10px;
	background-color: #e5e5e5;
}

/* ---------------------------------------------------------------------- */
/* Highlights
/* ---------------------------------------------------------------------- */
.highlight {
	color: #fff;
    padding: 2px;
}

.highlight.black {
	background-color: #383838;
}

/* ---------------------------------------------------------------------- */
/* Preformatted Text & Computer Code
/* ---------------------------------------------------------------------- */
pre, code {
    font-family: 'Courier New', Courier, monospace;
	color: #888;
}

pre {
	background-color: #fff;
	border-left: 2px solid #d9d9d9;
    padding: 10px;
	margin-bottom: 20px;
	white-space: pre-wrap;
    word-wrap: break-word;
}

/* ---------------------------------------------------------------------- */
/* Infobox
/* ---------------------------------------------------------------------- */
.infobox {
	border-left: 4px solid;
}

.infobox-inner {
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-left: none;
	padding: 15px 20px;
	margin-bottom: 20px;
}

.infobox h2 {
	margin-bottom: 5px;
}

.infobox div.with-button {
	display: inline;
}

.infobox .button {
	float: right;
	margin: 0 0 0 20px;
}

.infobox .mobile-button {
	display: none;
}

.infobox p {
	margin-bottom: 0;
	margin-top: 20px;
}

.infobox h2 + p,
.infobox p:first-child {
	margin: 0;
}

/* ---------------------------------------------------------------------- */
/* Images
/* ---------------------------------------------------------------------- */
.entry-image.float-left,
.float-left.caption {
    margin: 5px 20px 15px 0;
}

.entry-image.float-right,
.float-right.caption {
    margin: 5px 0 15px 20px;
}

.caption .entry-image {
    margin-bottom: 10px;
}

/* ---------------------------------------------------------------------- */
/* White Space
/* ---------------------------------------------------------------------- */
.space20 {
	height: 20px;
}

.space40 {
	height: 40px;
}

.indent {
	margin-left: 30px;
}

/** colors/red.css **/
@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* Theme Information
/* ----------------------------------------------------------------------
Name: Finesse
Description: Responsive Business Theme
Version: 2.2
Author: Ixtendo
Author URI: http://www.ixtendo.com
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Finesse Red Styles
/* ----------------------------------------------------------------------
TABLE OF CONTENTS

-Text
-Background Colors
-Sprites
-Borders
-Media Player
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Text
/* ---------------------------------------------------------------------- */
a, a > *,
#polyglotLanguageSwitcher a:hover, #footer-top a,
#footer-bottom a:hover,
#footer-top .tweet_time a:hover,
ul#search-results h2 a:hover, ul#search-results h2 a:hover strong,
.widget ul.menu li > a:hover, .widget ul.menu li.current-menu-item > a,
.tabs ul.nav li a:hover, .tabs ul.nav li.ui-tabs-selected a,
span.toggle-title:hover, span.accordion-title:hover, span.toggle-title.ui-state-active, span.accordion-title.ui-state-active,
.pricing-table .featured span.price span,
ol.comment-list .comment-author a:hover,
.flex-caption a:hover,
.entry-title a:hover,
.iconbox h4 a:hover {
	color: #e53c3c;
}

/* ---------------------------------------------------------------------- */
/* Background Colors
/* ---------------------------------------------------------------------- */
.flex-direction-nav a:link, .flex-direction-nav a:visited,
.entry-slider-nav a { /* position here is important */
	background-color: rgba(229,60,60,0.8);
}

.button, .content-form input.button, #comment-form input.button,
.flex-direction-nav a:hover, .flex-direction-nav a:active,
.ie8 .flex-direction-nav a:link, .ie8 .flex-direction-nav a:visited,
.ie8 .flex-direction-nav a:hover, .ie8 .flex-direction-nav a:active,
.jcarousel-prev:hover, .jcarousel-prev:focus,
.jcarousel-next:hover, .jcarousel-next:focus,
.entry-slider-nav a:hover, .entry-slider-nav a:active,
a.post-format-wrap:hover .post-format, #toTopHover,
.page-nav a:hover,
ul.tags a:hover,
.page-nav li.current,
.button.black:hover,
#filter a:hover, #filter li.active a,
.pricing-box.featured .header,
.highlight.colored,
.flex-control-paging a.flex-active,
ul#navlist li.current a,
.ddsubmenustyle li a:hover,
.ie8 .entry-slider-nav a {
	background-color: #e53c3c;
}

.pricing-box.featured .title {
    background-color: #cc2121;
}

.gen-table tbody tr:hover th, .gen-table tbody tr:hover td {
	background-color: #fff2f2;
}

/* HTML5 Reset CSS Rewriting */

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection {background: #e53c3c;}
::selection {background: #e53c3c;}

ins, mark {background-color: #e53c3c;}

/* ---------------------------------------------------------------------- */
/* Sprites
/* ---------------------------------------------------------------------- */
.social-links a:hover {
	background-position: left -125px;
}

.team-member .social-links a:hover {
	background-position: left -85px;
}

.iconbox-icon {
	background-position: left -172px;
}

/* ---------------------------------------------------------------------- */
/* Borders
/* ---------------------------------------------------------------------- */
.pricing-box.featured .header {
	 border-color: #cc2121;
}

ul#navlist li.current a,
.ddsubmenustyle li a:hover,
.infobox {
	border-color: #e53c3c;
}

/* ---------------------------------------------------------------------- */
/* Media Player
/* ---------------------------------------------------------------------- */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #e53c3c;
	background: rgba(229,60,60,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(204,33,33,0.8)), to(rgba(229,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(204,33,33,0.8), rgba(229,60,60,0.8));
	background: -moz-linear-gradient(top, rgba(204,33,33,0.8), rgba(229,60,60,0.8));
	background: -o-linear-gradient(top, rgba(204,33,33,0.8), rgba(229,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(204,33,33,0.8), rgba(229,60,60,0.8));
	background: linear-gradient(rgba(204,33,33,0.8), rgba(229,60,60,0.8));
}

.mejs-controls .mejs-button button:focus {
	outline-color: #e53c3c;
}

/** sheet.css **/
footer#footer #footer-bottom .logo {
	background: transparent url('../img/logo-footer100.png') no-repeat 0 0;
	display: inline-block;
	width: 97px;
	text-indent: -5000px;
}

p.varya {
    line-height: 25px;
}

p.varya img {
    vertical-align: top; display: inline-block; text-indent: -5000px; overflow: hidden;
}

#adverts-wrap {
    border-top: 1px solid #e5e5e5;
    max-width: 100%;
    padding-top: 25px;
}

#adverts-wrap img {
    margin: 0 auto;
}

#breadcrumbs *, #breadcrumbs {
    font-size: 13px;
    line-height: normal;
    color: #888888;
}
#breadcrumbs {
    display: block;
    clear: both;
    float: right;
    margin-top: -35px;
}
#breadcrumbs a:hover, #breadcrumbs a:hover span {
    color: #000;
}

h4.entry-title {
	margin-bottom: 0;
}

.project-description {
	max-height: 500px;
	height: 500px;
	overflow: auto;
}

.project-description {
	max-height: 100%;
	height: 100%;
	overflow: auto;
}

@media (min-width: 768px) {
	.project-description {
		max-height: 500px;
		height: 500px;
		overflow: auto;
	}
}