/*
	Theme Name: Design Spartan
	Theme URI: http://www.designspartan.com
	Description: Theme of Design Spartan
	Author: Gaétan Weltzer
	Author URI: http://www.designspartan.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.08
*/



.tarteaucitronAllow,
#tarteaucitronAlertBig { background: #191919 !important; }
#tarteaucitronRoot #tarteaucitronPercentage,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitron #tarteaucitronPrivacyUrl { background-color: #0babe5 !important; }
.tarteaucitronLine.tarteaucitronIsAllowed { border-left: 5px solid #191919 !important; }

/* ---------------------------------------------------------------------- */
/*	Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/)
/* ---------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}

/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

/* Some basic settings */
h1, h1 .button { font-size: 32px; }
h2, h2 .button { font-size: 25px; }
h3, h3 .button { font-size: 17px; }
h4, h4 .button { font-size: 15px; }
h5, h5 .button { font-size: 14px; }
h6, h6 .button { font-size: 12px; }
small { font-size: 10px; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; }
img { margin-bottom: 5px; }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px; }

/* plugin newsletter sidebar*/
#sidebar .widget_wysija_cont #form-wysija-2 {height:80px;}
#sidebar .widget_wysija_cont #form-wysija-2 input[type="text"]{    
    height: 24px;
    margin-right: 4px;
    margin-bottom:3px;
    width: 160px;
    float:left;}
#sidebar .widget_wysija_cont #form-wysija-2 input[type="submit"]{height:36px; position: relative; top: 39px;}
#main #commentform .wysija-after-comment input[type="checkbox"]{width:25px;}

/*---------------------- plugin newsletter inside post ----------------------*/
.post .wysija-paragraph {display:inline-block; margin-bottom: 2px;}
.post .wysija-submit {
    display: inline-block;
    height: 42px;
    margin-top: 1px;}

.subscribe2nl {
    background-color: #1a2b50;
    border: 3px solid #2b4573;
    color: #aaa;
    font-size: 13px;
    padding: 25px;}
.subscribe2nl h2 {font-size:22px; color:white; font-family: "open sans";}
.subscribe2nl p {margin-bottom:0px;}
 
.post .pibfi_pinterest .xc_pin {width:40px; height:25px;}

#mc4wp-form-1 input[type=text], #mc4wp-form-1 input[type=email] {max-width:300px;}

/* ------------------------ plugin téléchargement --------------------------- */
.subscribeunlock_signup_form, .subscribeunlock_confirmation_info {border-radius: 0px; border-width:3px; padding: 25px;}
.subscribeunlock-input { border:none !important; padding:12px !important; border-radius: 0px !important;}
a.subscribeunlock-submit, a.subscribeunlock-submit:visited {border-radius:0px; padding:2px 5px; font-family: "Open Sans","Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif; font-size: 13px;
text-transform: uppercase;
padding: 7px 20px;
transition: background-color 0.2s ease 0s;
width: auto;}
a.subscribeunlock-submit:hover, a.subscribeunlock-submit:active {background-color:#3a3a3a !important;}
.subscribeunlock_fullwidth {width: 98% !important;}

article .entry-body p a.btn_dl {
height:46px;
font-size: 13px;
text-transform: uppercase;
color: #fff;
height: auto;
padding: 7px 20px;
transition: background-color 0.2s ease 0s;}

/* ------------------------ bar social TOP --------------------------- */
#socialBarTop {
    background-color: #1a246c;
    color: #ccc;
    font-size: 12px;
    padding: 5px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999;
margin-bottom:20px;}
#socialBarTop p {
    margin: 0 auto;
	padding:0 20px;
    width: auto;}
#socialBarTop img {vertical-align: middle;}
#socialBarTop p a {color:#fff;}


/* --------------------- ajout DESIGN SPARTAN TV ------------------------ */
.home article#post-tv1, .home article#post-tv2 {
	height:auto;
	background:#282828;    
	margin-bottom: 60px;
}
.home article#post-tv2 {
	background:#011d4c;}

.home article#post-tv1 a.viewport_js, .home article#post-tv2 a.viewport_js {margin-bottom: 0;}

.home article#post-tv1 .entry-body .title, .home article#post-tv2 .entry-body .title{
	padding:15px;
	margin-top:0;
	margin-bottom:0;
	color:#dad9d9;
	font-weight: 600;
}.home article#post-tv1 .entry-body a:hover .title, .home article#post-tv2 .entry-body a:hover .title{
	color:#0babe5;
}

.home article#post-tv1 .entry-body, .home article#post-tv2 .entry-body{
	margin:0;
}

.home article#post-tv1 .entry-meta{
	background:#323232;
	margin:0;
	font-size: 13px;
}

.home article#post-tv2 .entry-meta {
	background:#002e65;
	margin:0;
	font-size: 13px;
}

.home article#post-tv1 .entry-meta a, .home article#post-tv2 .entry-meta a {color:#dad9d9;}
.home article#post-tv1 .entry-meta a:hover, .home article#post-tv2 .entry-meta a:hover {color:#0babe5;}

.home article#post-tv1 .entry-meta .post-format{
	background-color:#3b3b3b;
}

.home article#post-tv2 .entry-meta .post-format{
	background-color:#063874;
}

img.icones_tv_hp {
	margin-bottom:2px;
}

.titre_section_hp {	
	color: #fff;
	font-weight: 600;
	line-height: 0;
	width:100%;
	margin-bottom: 20px;
	text-transform:uppercase;
	font-family: "open sans";
	font-size:30px;
}
.titre_section_hp span {
	display:inline-block;
	height:1px;
	border-bottom:1px solid #535353;
}

inner_span_left {float:left;}
inner_span_right {float:right;}


/* ------------------------- ajout FOOTER DPS --------------------------- */

#promo_dps a{
	position:fixed;
	bottom:-77px;
	display:block;
	width:100%;
	height:77px;
	z-index:996;
	background:#394345 url(images/promo_dps.jpg) no-repeat center top;
}
#promo_dps a h2{ text-indent:-9999px;}

img#close_promo_dps {float:right; margin-right:20px; margin-top: -10px;}


/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */

body {
	background: #191919 url("http://designspartan.com/wp-content/uploads/2015/11/blog_bg_2016.jpg") no-repeat center top;
	color: #909090;
	font: 11px/1.7 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

::-moz-selection { background: #f15a23; color: #fff; text-shadow: none; }
::selection { background: #f15a23; color: #fff; text-shadow: none; }

h1, h2, h3, h4, h5, h6 {
	color: #ccc;
	font-weight: 400;
	line-height: 1.25;
	margin-bottom: 15px;
}

h3, h4, h5 { font-weight: 600; }

a, a > * {
	color: #ccc;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

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

hr {
	background: #71aeb0;
	color: #71aeb0;
	margin: 5px 0 25px;
}

	hr.dotted { border-style: dotted; }

	p + hr { margin: 25px 0 20px; }

blockquote {
	background: #262626 url(images/quote.png) no-repeat 17px 21px;
	font-style: italic;
	font-size: 15px;
	color:#eee;
	line-height: 1.6;
	padding: 20px 20px 20px 55px;
}

	blockquote.simple {
		background: none;
		border-left: 2px solid #ddd;
		color: #eee;
		font-size: 13px;
		margin: 0;
		padding: 0 0 0 10px;
	}

	blockquote p:last-of-type { margin-bottom: 0; }

	blockquote small { font-size: 12px; }

.button, input[type="submit"], input[type="reset"], button {
	background: #f15a23;
	border: none;
	color: #fff;
	cursor: pointer;	
	font-weight: 400;
	height: auto;
	overflow: visible;
	padding: 7px 19px;
	-webkit-transition: background-color .2s ease;
	   -moz-transition: background-color .2s ease;
		-ms-transition: background-color .2s ease;
		 -o-transition: background-color .2s ease;
			transition: background-color .2s ease;
	width: auto;
}

	.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
		background: #3a3a3a;
		color: #fff;
	}

.button {
	font-size: 12px;
	display: inline-block;
	padding: 5px 16px;
}

	.button.medium { font-size: 13px; }

	.button.large { font-size: 15px; }

	.button.no-bg {
		background: none;
		color: #3a3a3a;
		padding: 0;
	}

		.button.no-bg:hover, #footer .button.no-bg:hover {
			background: none;
			color: #f15a23;
		}

	.button .icon, .button .arrow {
		color: transparent;
		cursor: pointer;
		display: inline-block;
		font: 0/0 a;
		height: 19px;
		margin: -3px 0 0 3px;
		text-shadow: none;
		vertical-align: middle;
		width: 19px;
	}

	.ie7 .button .icon, .ie7 .button .arrow { display: inline; }

	.button .arrow { background: #353535 url(images/button-arrows.png) no-repeat 0 0; }

	.button .icon.left, .button .arrow.left {
		margin-left: 0;
		margin-right: 3px;
	}

	.button .arrow.left { background-position: 0 -19px; }

		.button:hover .arrow { background-color: #f15a23; }

.dropcap {
	background: #eaeaea;
	color: #777;
	display: inline-block;
	float: left;
	font-size: 23px;
	font-weight: 600;
	height: 36px;
	line-height: 36px;
	margin: 0 7px 0 0;
	text-align: center;
	width: 36px;
}

	.dropcap.dark {
		background: #3a3a3a;
		color: #fff;
	}

.infobox {
	background: #fbfbfb;
	border: 1px solid #efefef;
	margin: 0 0 20px;
	padding: 25px;
}

	.infobox .one-half { width: 434px; }

	.infobox .one-third { width: 282px; }

		 .infobox .two-third { width: 586px; }

	.infobox .one-fourth { width: 207px; }

		.infobox .three-fourth { width: 661px; }

.single-image, .image-gallery, .iframe {
	cursor: pointer;
	margin-bottom: 5px;
}

.single-image.none, .image-gallery.none, .iframe.none,
.single-image.none img, .image-gallery.none img, .iframe.none img {
	display: inline;
	margin-bottom: 0;
	overflow: visible;
}
	
	.single-image.align-left, .image-gallery.align-left, .iframe.align-left { margin-bottom: 15px; margin-right: 15px; }
	.single-image.align-right, .image-gallery.align-right, .iframe.align-right { margin-bottom: 15px; margin-left: 15px; }

	.single-image img, .image-gallery img, .iframe img { margin-bottom: -5px; }

	.cboxElement .zoom, .single-image .zoom, .image-gallery .zoom, .iframe .zoom {
		/*background: rgb(25, 25, 25);
		background: rgba(25, 25, 25, 0.4);*/
		color: transparent;
		display: block;
		font: 0/0 a;
		height: 0;
		left: 0;
		filter: alpha(opacity=0); 
		opacity: 0;
		position: absolute;
		text-shadow: none;
		top: 0;
		-webkit-transition: opacity .2s ease-in-out;
		   -moz-transition: opacity .2s ease-in-out;
			-ms-transition: opacity .2s ease-in-out;
			 -o-transition: opacity .2s ease-in-out;
				transition: opacity .2s ease-in-out;
		width: 0;
		z-index: 1;
	}

	
	.home article a.viewport_js span.dark-background span:before,
	.search article a.viewport_js span.dark-background span:before,
	.archive article a.viewport_js span.dark-background span:before,
	.cboxElement .zoom:before, 
	.single-image .zoom:before, 
	.image-gallery .zoom:before, 
	.iframe .zoom:before {
		background: url(images/zoom.png) no-repeat;
		content: '';
		display: block;
		position: absolute;
		height: 68px;
		margin: -34px 0 0 -34px;
		left: 50%;
		top: 50%;
		width: 68px;
	}

	.home article a.viewport_js span.dark-background span:before, 
	.search article a.viewport_js span.dark-background span:before, 
	.archive article a.viewport_js span.dark-background span:before {
		top:25%;}
		
	.cboxElement.video .zoom:before, .single-image.video .zoom:before, .image-gallery.video .zoom:before, .iframe.video .zoom:before {
		background-image: url(images/zoom-video.png);
	}

	.home article a.viewport_js span.dark-background span:before, 
	.search article a.viewport_js span.dark-background span:before, 
	.archive article a.viewport_js span.dark-background span:before, 
	.cboxElement.link .zoom:before, .single-image.link .zoom:before, .image-gallery.link .zoom:before, .iframe.link .zoom:before {
		background-image: url(images/zoom-link.png);
	}

	.cboxElement:hover .zoom, .single-image:hover .zoom, .image-gallery:hover .zoom, .iframe:hover .zoom {
		filter: alpha(opacity=40); 
		opacity: 1;
	}
	
/* ---------------------------------------------------------------------- */
/*	Generic Classes
/* ---------------------------------------------------------------------- */

.hidden, .wpcf7-display-none { display: none; }

.disabled { cursor: auto; }

.screenreader { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); /* Fallback for old IE */ position: absolute; }

.align-center, .aligncenter { margin-left: auto; margin-right: auto; text-align: center; }

.align-left, .alignleft { float: left; }

	img.align-left, img.alignleft  { margin-bottom: 15px; margin-right: 15px; }

.align-right, .alignright { float: right; }

	img.align-right, img.alignright { margin-bottom: 15px; margin-left: 15px; }

/* Wordpress required classes */

.bypostauthor {}
.sticky {}
.wp-caption {}
.wp-caption-text {}
.gallery-caption {}

/* ---------------------------------------------------------------------- */
/*	Lists
/* ---------------------------------------------------------------------- */

.none > ul {
	list-style: none;
	margin: 0;
}

.dotted + .dotted:before {
	content:'';
	display: block;
	clear: both;
	border-bottom: 1px dotted #bdbdbd;
	margin: -15px 0 5px;
}

	.none li, .arrow li, .arrow-2 li, .circle li, .check li, .check-2 li, .star li, .plus li, .dash li {
		list-style: none;
		margin: 0;
		padding: 0 0 0 24px;
	}

	.none li { background: none; }

	.arrow li { background: url(images/list-arrow.png) no-repeat 5px 5px; }

	.arrow-2 li { background: url(images/list-arrow-2.png) no-repeat 2px 4px; }

	.circle li { background: url(images/list-circle.png) no-repeat 4px 5px; }

	.check li { background: url(images/list-check.png) no-repeat 3px 4px; }

	.check-2 li { background: url(images/list-check-2.png) no-repeat 0 4px; }

	.star li { background: url(images/list-star.png) no-repeat 0 1px; }

	.plus li { background: url(images/list-plus.png) no-repeat 3px 3px; }

	.dash li { background: url(images/list-dash.png) no-repeat 3px 8px; }

/* ---------------------------------------------------------------------- */
/*	Alert Boxes
/* ---------------------------------------------------------------------- */

.error, .success, .info, .notice, .wpcf7-response-output {
	display: block;
	padding: 10px 20px 10px 44px;
}

.error, .wpcf7-validation-errors, .wpcf7-mail-sent-ng, .wpcf7-spam-blocked {
	background: #f9e5e6 url(images/icon-box-error.png) no-repeat 10px 9px;
	border: 1px solid #f7c7c9;
	border-left-width: 4px;
	color: #b3696c;
}

.success, .wpcf7-mail-sent-ok {
	background: #e3ebc6 url(images/icon-box-success.png) no-repeat 12px 8px;
	border: 1px solid #c2d288;
	border-left-width: 4px;
	color: #8fa442;
}

.info {
	background: #d8ecf5 url(images/icon-box-info.png) no-repeat 10px 8px;
	border: 1px solid #9ac9df;
	border-left-width: 4px;
	color: #528da9;
}

.notice {
	background: #fcf7d9 url(images/icon-box-notice.png) no-repeat 10px 9px;
	border: 1px solid #f5dc7d;
	border-left-width: 4px;
	color: #c4a21b;
}

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

label {
	cursor: pointer;
	display: block;
	margin: 0 0 5px;
}

input, textarea, select {
	-webkit-appearance: none; /* Fix for Mobile Safari */
	background-color: #e8e8e8;
	border: 1px solid #d8d8d8;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	color: #8f8f8f;
	font-size: 13px;
	line-height: 1.5;
	padding: 5px 10px;
	border-radius: 0;
}



input, select {
	height: 30px;
	width: 200px;
}

textarea {
	padding: 10px;
	resize: both;
}
	
	input:hover, textarea:hover, select:hover { border-color: #dedede; }
	
	input:focus, textarea:focus, select:focus { border-color: #ccc; }

input[type="submit"], input[type="reset"], button {
	font-size: 13px;
	text-transform: uppercase;
}

	input[type="submit"].medium, input[type="reset"].medium, button.medium { font-size: 15px; }

	input[type="submit"].large, input[type="reset"].large, button.large { font-size: 17px; }

select, option {
	cursor: pointer;
	padding: 5px 7px;
}

input[type="checkbox"], input[type="radio"],
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] { width: 20px; }

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

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

/* Firefox */
input:-moz-placeholder, textarea:-moz-placeholder { color: #b0b0b0; }

/* jQuery fallback */
input.placeholder, textarea.placeholder, .wpcf7 .watermark { color: #b0b0b0; }

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

table { width: 100%; }

	tr, th, td { vertical-align: middle;  }

	tr { background: #f8f8f8; }

	tr:nth-child(odd) { background: #f0f0f0; }

		th, td { padding: 8px 10px; }

		th {
			background: #eaeaea;
			color: #777;
			font-weight: 600;
			text-align: left;
		}

		table.dark th {
			background-color: #3a3a3a;
			color: #fff;
		}

		td {
			border-left: 1px solid #fff;
			border-top: 1px solid #fff;
		}

		td:first-child { border-left: none; }

/* ---------------------------------------------------------------------- */
/*	Wrap
/* ---------------------------------------------------------------------- */

.container {
	margin: 0 auto;
	position: relative;
	width: 970px;
}

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

	.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
		float: left;
		margin-right: 20px;
	}

	.one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { margin-right: 0px; }

	.one-half { width: 460px; }

	.one-third { width: 300px; }

		.two-third { width: 620px; }

	.one-fourth { width: 220px; }

		.three-fourth { width: 700px; }

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

#header {
	height: 190px;
	z-index: 97;
	padding-top:72px;}

	#logo {
		float: left;    
		margin-left: 440px;
    	margin-top: 27px;
	}

		#logo h1 { padding: 18px 0; }

	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */

	#main-nav { margin:0 auto; }

		#main-nav > ul,
		#main-nav .menu > ul { margin: -6px 0 0; }

			#main-nav li {
				list-style: none;
				float: left;
				margin: 0;
				position: relative;
			}

			/*#main-nav li:nth-child(1) {margin-left:-200px;}*/
	
	
				#main-nav a {
					color: #ccc;
					font-size: 13px;
					display: block;
					padding: 13px 18px 5px;
					position: relative;
					text-align: center;
					text-transform: uppercase;
					z-index: 98;
				}
				#main-nav li:nth-child(-n+2) a {
					background-image:url(images/arrow_menu.png);
					background-repeat: no-repeat;
					background-position:center right;
					padding-right:23px;
					margin-right:10px;
				}
				#main-nav li:nth-child(-n+2) ul li a {
					background-image:none;
					padding-right:18px;
					margin-right:0px;
				}

				.ie7 #main-nav a { padding: 5px 20px; }

				#main-nav a:after {
					color: #aeaeae;
					content: attr(data-description);
					font-size: 11px;
					font-style: italic;
					font-weight: 400;
					display: block;
					line-height: 0;
					margin: 3px 0 -3px;
					text-align: center;
					text-transform: lowercase;
				}

					#main-nav a:hover, #main-nav .hover > a,
					#main-nav .current_page_item > a, #main-nav .current-menu-item > a,
					#main-nav .current_page_parent > a,
					#main-nav .current_page_ancestor > a, #main-nav .current-menu-ancestor > a {
						color: #f15a23;
					}

				/* Dropdown */

				.no-js #main-nav li:hover > ul {
					display: block;
					top: 92px;
				}

				#main-nav ul ul {
					-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
					   -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
							box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
					display: none;
					left: 0;
					padding: 0;
					position: absolute;
					width: 200px;
					z-index: 99;
				}

					#main-nav ul ul li { 
						float: none; 						
						background: #ddd;
						box-shadow: 0 5px 12px #222;
						margin-bottom:2px;}

						#main-nav ul ul a {
							border: 0;
							color: #333;
							display: block;
							font-size: 12px;
							letter-spacing: 0;
							font-weight: 400;
							padding: 8px 20px !important;
							text-align: left;
							text-transform: none;
						}
						#main-nav ul ul a:hover {
							border: none;}

							#main-nav ul ul a:hover, #main-nav ul ul .hover > a,
							#main-nav ul ul .current_page_item > a, #main-nav ul ul .current_page_item > a:hover,
							#main-nav ul ul .current_page_parent > a, #main-nav ul ul .current_page_parent > a:hover,
							#main-nav ul ul .current-menu-item > a, #main-nav ul ul .current-menu-item > a:hover,
							#main-nav ul ul .current_page_ancestor > a, #main-nav ul ul .current-menu-ancestor > a:hover {
								background: #f15a23;
								color: #fff;
							}

					.not-ie #main-nav ul ul .current_page_item:after, .not-ie #main-nav ul ul .current-menu-item:after,
					.not-ie #main-nav ul ul .current_page_parent:after,
					.not-ie #main-nav ul ul .current_page_ancestor:after, .not-ie #main-nav ul ul .current-menu-ancestor:after { display: none; }

				/* Sub Dropdown */

				#main-nav ul ul ul {
					left: 200px !important;
					top: 0 !important;
				}

		/* Responsive Nav */

		#main-nav .responsive-nav {
			background-image: url(images/responsive-nav-bg.png);
			background-position: center right;
			background-repeat: no-repeat;
			display: none;
			width: 100%;
		}


	/*#menu-main-menu {float:right;}*/
	
	/* ---------------------------------------- */
	/*	Secondary Navigation
	/* ---------------------------------------- */
	
	#main-nav .menu-blog-menu-container {float:left;}
	
/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

#content { padding-top: 40px; }

.home.blog #content { padding-top: 40px; }

.ie7 #content { padding-top: 25px; }

	/* -------------------------------------------------- */
	/*	Page Header
	/* -------------------------------------------------- */

	.page-header {
		border-bottom: 1px solid #637778;
		margin: -5px 0 40px;
	}

	.ie7 .page-header { margin-top: 0; }

		.slogan, .page-title, .page-description, .page-subdescription, .project-title {
			font-weight: 300;
			letter-spacing: -0.1px;
			margin-bottom: 0;
		}

		.page-title, .page-description, .page-subdescription, .project-title {
			font-size: 28px;
			color: white;
			margin-top: -10px;
			padding: 0 0 25px;
		}

		.slogan {
			font-size: 24px;
			margin-bottom: 40px;
		}

		.page-title { margin-top: 0; }

		.page-subdescription { font-size: 20px; }

		.project-title {
			margin-top: -15px;
			padding-bottom: 30px;
		}

		.page-description {
			font-size: 32px;
			font-weight: 400;
			padding: 0 0 40px;
		}

			.page-title ~ hr, .page-description ~ hr, .page-subdescription ~ hr, .project-title ~ hr {
				margin-bottom: 40px;
				margin-top: 0;
			}

	.section-title {
		font-weight: 800;
		text-transform: uppercase;
	}

	/* -------------------------------------------------- */
	/*	Main
	/* -------------------------------------------------- */

	#main {
		float: left;
		margin: 0 40px 0 0;
		width: 660px;
	}
	
	.page-id-15688  #main { width: 100%; margin-right:none;}

	.sidebar-left #main {
		float: right;
		margin-left: 40px;
		margin-right: 0;
	}
		
		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		#main .one-half { width: 330px; }

		#main .one-third { width: 213px; }
		
		#main #portfolio-items .one-third { width: 300px; }

			#main .two-third { width: 447px; }

		#main .one-fourth { width: 155px; }

			#main .three-fourth { width: 505px; }

	/* -------------------------------------------------- */
	/*	Image Gallery Slider
	/* -------------------------------------------------- */
	
	.image-gallery-slider {
		position: relative;
		margin: 0 0 25px;
	}
	
		.image-gallery-slider > ul { margin: 0; }

			.image-gallery-slider > ul > li {
				/*background: #fff;*/
				display: none;
				list-style: none;
				margin: 0;
			}

			.no-js .image-gallery-slider > ul > li, .image-gallery-slider.disabled > ul > li {
				display: block;
				margin-bottom: 25px;
			}

			.image-gallery-slider > ul > li:first-child { display: block; }

			.image-gallery-slider a {
				display: block;
				margin: 0 auto;
			}

				.image-gallery-slider img, .image-gallery-slider img.entry-image {
					display: block;
					margin: 0 auto;
					max-width: 100%;
				}
		
	.image-gallery-slider-nav {}
		
		.image-gallery-slider-nav a {
			background: rgb(241, 90, 35) url(images/slider-arrows-medium.png) no-repeat 0 0; /* Fallback for old IE */
			filter: alpha(opacity=60); /* Fallback for old IE */
			background: rgba(241, 90, 35, 0.6) url(images/slider-arrows-medium.png) no-repeat 0 0;
			color: transparent;
			cursor: pointer;
			display: block;
			font: 0/0 a;
			height: 53px;
			margin: -26.5px 0 0;
			position: absolute;
			text-shadow: none;
			top: 50%;
			width: 25px;
			z-index: 999;
		}

		.image-gallery-slider-nav a.prev {
			background-position: -7px center;
			left: 0;
		}

		.image-gallery-slider-nav a.next {
			background-position: -46px center;
			right: 0;
		}

			.image-gallery-slider-nav a:hover, .image-gallery-slider-nav a:active {
				background-color: rgb(241, 90, 35);
				background-color: rgba(241, 90, 35, 1);
				filter: alpha(opacity=100); /* Fallback for old IE */
			}

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

		/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */

			.acc-trigger {
				border-top: 1px dotted #ced8df;
				cursor: pointer;
				display: block;
				margin: 0;
			}

				.acc-trigger:last-of-type, .acc-container:last-of-type {
					border-bottom: 1px dotted #ced8df;
					margin-bottom: 20px;
				}

				.no-js .acc-trigger:last-of-type { border-bottom: none; }

			.acc-trigger a {
				background: url(images/accordion-content-buttons.png) no-repeat 20px 23px;
				display: block;
				color: #959393;
				outline: medium none;
				padding: 25px 20px 25px 55px;
				text-decoration: none;
				text-shadow: none;
			}

			h3.acc-trigger a, h4.acc-trigger a { background-position: 20px 24px; }

			h6.acc-trigger a { background-position: 20px 21px; }

				.acc-trigger a:hover { background-color: #f8f8f8; }

				.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #f15a23; }

				.acc-trigger.active a:hover { background-color: transparent; }

				.acc-trigger.active { cursor: default; }

				.acc-trigger[data-mode=toggle].active, .acc-trigger[data-mode=toggle].active a { cursor: pointer; }

				.acc-trigger.active:last-of-type {
					border-bottom: none;
					margin-bottom: 0;
				}

				.acc-trigger.active a {
					background-position: 20px -88px;
					cursor: default;
				}

				h3.acc-trigger.active a, h4.acc-trigger.active a { background-position: 20px -87px; }

				h6.acc-trigger.active a { background-position: 20px -90px; }

			.acc-container .content { padding: 0 20px 25px 55px; }
			
				.acc-container .content .one-half { width: 422px; }

				.acc-container .content .one-third { width: 275px; }

					 .acc-container .content .two-third { width: 570px; }

				.acc-container .content .one-fourth { width: 201px; }

					.acc-container .content .three-fourth { width: 644px; }

			.js .acc-container { margin-top: -15px; }

		/* ---------------------------------------- */
		/*	Content Tabs
		/* ---------------------------------------- */

		.tabs-nav {
			list-style: none;
			margin: 0;
			overflow: hidden;
			padding: 0;
			width: 100%;
		}

			.tabs-nav li {
				float: left;
				line-height: 32px;
				margin: 0;
				overflow: hidden;
				padding: 0;
				position: relative;
			}

				.tabs-nav li.active { line-height: 31px; }

				.tabs-nav li a {
					background: #f8f8f8;
					border: 1px solid #eaeaea;
					border-bottom: 1px solid #eaeaea;
					border-left: none;
					color: #959393;
					display: block;
					letter-spacing: 0;
					outline: none;
					padding: 0 16px;
					text-decoration: none;
					text-shadow: 0 1px 0 #fff;
				}

				.tabs-nav li:first-child a { border-left: 1px solid #eaeaea; }

				.tabs-nav li a:hover { background: #f0f0f0; }

				.tabs-nav li a:hover, .tabs-nav li.active a { color: #f15a23; }
				
					.tabs-nav li.active a  {
						background: #fff;
						border-bottom: 2px solid #fff;
						border-top: 1px solid #f15a23;
					}

		.tabs-container {
			background: #fff;
			margin: -1px 0 20px;
			overflow: hidden;
			width: 100%;
		}

			.tab-content {
				border: 1px solid #eaeaea;
				padding: 20px;
			}
						
				.tab-content .one-half { width: 440px; }

				.tab-content .one-third { width: 286px; }

					 .tab-content .two-third { width: 594px; }

				.tab-content .one-fourth { width: 210px; }

					.tab-content .three-fourth { width: 670px; }

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

		.simple-pricing-table, .extended-pricing-table {
			height: 100%;
			margin: 0 0 40px;
			position: relative;
			text-align: center;
			width: 100%;
		}

			.simple-pricing-table .column, .extended-pricing-table .column {
				float: left;
				margin: 0;
				padding: 0;
				position: relative;
			}

				.simple-pricing-table .features, .extended-pricing-table .features {
					list-style: none;
					margin: 0;
				}

					.simple-pricing-table .features li, .extended-pricing-table .features li {
						display: block;
						margin: 0;
						position: relative
					}

				.simple-pricing-table .footer, .extended-pricing-table .footer { padding: 16px 20px; }

					.simple-pricing-table .footer .button, .extended-pricing-table .footer .button {
						background: #515151;
						font-size: 14px;
						font-weight: 600;
						text-transform: uppercase;
						padding: 9px 20px;
					}

		/* ---------------------------------------- */
		/*	Simple Pricing Table
		/* ---------------------------------------- */

		.simple-pricing-table.featured { margin-top: 50px; }

			.simple-pricing-table .column {
				background: #f6f6f6;
				border-bottom: 1px solid #ededed;
				border-left: 1px solid #fff;
				border-top: 1px solid #ededed;
				width: 938px;
			}

			.simple-pricing-table .column:first-child { border-left-color: #ededed; }

			.simple-pricing-table .column:last-child { border-right: 1px solid #ededed; }

			.simple-pricing-table.col2 .column { width: 468px; }
			.simple-pricing-table.col3 .column { width: 312px; }
			.simple-pricing-table.col4 .column { width: 233px; }
			.simple-pricing-table.col5 .column { width: 186px; }

			.simple-pricing-table .column.featured {
				background: #fff;
				border: 1px solid #ebebeb;
				-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
				   -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
				        box-shadow: 0 0 20px rgba(0, 0, 0, .15);
				margin: -20px -1px 0;
				padding: 20px 5px 15px;
				z-index: 1;
				width: 928px;
			}

			.simple-pricing-table.col2.featured .column { width: 450px; }
			.simple-pricing-table.col3.featured .column { width: 299px; }
			.simple-pricing-table.col4.featured .column { width: 224px; }
			.simple-pricing-table.col5.featured .column { width: 179px; }

			.simple-pricing-table.col2 .column.featured { width: 478px; }
			.simple-pricing-table.col3 .column.featured { width: 329px; }
			.simple-pricing-table.col4 .column.featured { width: 254px; }
			.simple-pricing-table.col5 .column.featured { width: 209px; }

				.simple-pricing-table .header { padding: 15px 20px 20px; }

				.simple-pricing-table .featured .header { margin: -15px 0 0; }

					.simple-pricing-table .title {
						color: #414141;
						font-size: 24px;
						font-weight: 700;
						letter-spacing: -0.8px;
						margin: 0 0 5px;
					}

					.simple-pricing-table .price {
						color: #777;
						font-size: 18px;
						font-weight: 300;
						margin: 0 0 7px;
					}

						.simple-pricing-table .price span {
							color: #292929;
							font-weight: 700;
						}

						.simple-pricing-table .free .price span { color: #4a993e; }

						.simple-pricing-table .featured .price span { color: #f15a23; }

					.simple-pricing-table .description {
						color: #4b4b4b;
						font-size: 14px;
						margin: 0;
						font-weight: 400;
					}

						.simple-pricing-table .free .description { color: #44af33; }

						.simple-pricing-table .featured .description { color: #e38c11; }

					.simple-pricing-table .title + .description {
						margin-bottom: 5px;
						margin-top: 12px;
					}

				.simple-pricing-table .features { padding: 0 10px; }

					.simple-pricing-table .features li {
						border-top: 1px solid #ebebeb;
						padding: 5px 10px;
					}

				.simple-pricing-table .footer {
					background: #e5e5e5;
					margin: 1px 0 0;
				}

				.simple-pricing-table .featured .footer {
					background: #fff;
					margin-top: 11px;
				}

					.simple-pricing-table .featured .footer .button {
						background: #f15a23;
						font-size: 18px;
						padding: 11px 27px;
					}

					.simple-pricing-table .free .footer .button { background: #4a993e; }

						.simple-pricing-table .footer .button:hover { background: #f15a23; }

						.simple-pricing-table .free .footer .button:hover,
						.simple-pricing-table .featured .footer .button:hover { background: #515151; }

		/* ---------------------------------------- */
		/*	Extended Pricing Table
		/* ---------------------------------------- */

		.extended-pricing-table.featured { margin-top: 40px; }

			.extended-pricing-table .column { width: 740px; }

			.extended-pricing-table .features-list {
				text-align: left;
				width: 200px !important;
			}

			.extended-pricing-table.col2 .column { width: 370px; }
			.extended-pricing-table.col3 .column { width: 246px; }
			.extended-pricing-table.col4 .column { width: 185px; }
			.extended-pricing-table.col5 .column { width: 148px; }

			.extended-pricing-table .featured {
				-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
				   -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
				        box-shadow: 0 0 20px rgba(0, 0, 0, .15);
				z-index: 1;
			}

				.extended-pricing-table .header {
					background: #3a3a3a;
					color: #fff;
					min-height: 110px;
				}

				.extended-pricing-table .features-list .header { background: none; }

				.extended-pricing-table .free .header { background: #4a993e; }

				.extended-pricing-table .featured .header {
					background: #f9612a;
					padding: 0 0 10px;
				}

				.ie7 .extended-pricing-table .featured .header { padding-bottom: 0; }

					.extended-pricing-table .title {
						background: #2c2c2c;
						color: #bbbbbb;
						font-size: 13px;
						font-weight: 400;
						margin: 0 0 7px;
						padding: 8px 15px;
						text-transform: uppercase;
					}

					.extended-pricing-table .free .title {
						background: #428937;
						color: #fff;
					}

					.extended-pricing-table .featured .title {
						background: #dd4913;
						color: #fff;
						font-size: 17px;
						font-weight: 600;
						margin-top: -10px;
						padding-bottom: 11px;
						padding-top: 10px;
						position: relative;
					}

					.extended-pricing-table .price {
						color: #999;
						font-size: 12px;
						font-weight: 400;
						margin: 0;
					}

					.extended-pricing-table .free .price { color: #9fcd98; }

					.extended-pricing-table .featured .price { color: #fab197; }

						.extended-pricing-table .price span {
							color: #fff;
							font-size: 30px;
							display: block;
						}

					.extended-pricing-table .featured .price span { font-weight: 600; }

				.extended-pricing-table .features { border-left: 1px solid #fff; }

				.extended-pricing-table .features-list .features { border-left: none; }

					.extended-pricing-table .features li {
						background: #f8f8f8;
						border-bottom: 1px solid #fff;
						padding: 8px 10px;
					}

					.extended-pricing-table .features li:before { content: ''; }

					.extended-pricing-table .featured .features li { background: #fff; }

					.extended-pricing-table .features li:first-child { border-top: 1px solid #fff; }

					.extended-pricing-table .features li:nth-child(even) { background: #f0f0f0; }

					.extended-pricing-table .featured .features li:nth-child(even) { background: #f6f6f6; }

					.extended-pricing-table .features li .check {
						background: url(images/icon-check-3.png) no-repeat center 2px;
						display: inline-block;
						height: 18px;
						text-indent: -9999px;
						width: 18px;
					}

					.ie7 .extended-pricing-table .features li .check {
						display: inline;
						font-size: 0;
						text-indent: 0;
					}

					.extended-pricing-table .free .features li .check { background-image: url(images/icon-check-3-green.png); }

				.extended-pricing-table .footer { background: #f8f8f8; }

				.extended-pricing-table .featured .footer { padding-bottom: 26px; }

				.extended-pricing-table .features-list .footer { background: none; }

					.extended-pricing-table .free .footer .button { background: #4a993e; }

					.extended-pricing-table .featured .footer .button { background: #f15a23; }

						.extended-pricing-table .footer .button:hover { background: #f15a23; }

						.extended-pricing-table .free .footer .button:hover,
						.extended-pricing-table .featured .footer .button:hover { background: #515151; }

	/* -------------------------------------------------- */
	/*	Back to Top
	/* -------------------------------------------------- */

	#back-to-top, .touch-device #back-to-top:hover {
		background: url(images/arrow-up-large.png) no-repeat center center;
		background-color: rgb(61, 61, 61);
		background-color: rgba(61, 61, 61, .7);
		bottom: 20px;
		color: transparent;
		display: none;
		font: 0/0 a;
		height: 46px;
		position: fixed;
		right: 20px;
		text-shadow: none;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
		width: 45px;
		z-index: 100;
	}

		#back-to-top:hover, #back-to-top.hover, .touch-device #back-to-top:active { background-color: #f15a23; }
						
/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */

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

	.ss-slider {
		background: #fff url(images/loader.gif) no-repeat center 185px;
		clear: both;
		margin: 20px auto 80px;
		max-height: 465px;
		max-width: 940px;
		overflow: hidden;
		position: relative;
	}

	.ss-slider.fully-loaded { overflow: visible; }

	.ss-slider.fully-loaded, .no-js .ss-slider { background: none; }

	.no-js .ss-slider { max-height: none; }

		/* ---------------------------------------- */
		/*	Single Slide
		/* ---------------------------------------- */
		
		.ss-slider .slides-container {}

			.ss-slider .slide {
				display: none;
				margin: 0;
			}

			.ss-slider .slide:first-child { display: block; }

			.ss-slider.fully-loaded .slide, .no-js .ss-slider .slide {
				background-repeat: no-repeat;
				display: block;
				float: left;
				overflow: hidden;
				position: relative;
				z-index: 1;
			}

			.ss-slider.fully-loaded .slide { height: 100%; }
			
			.no-js .ss-slider .slide { margin: 40px 0 0; }	
			
			.no-js .ss-slider .slide:first-child { margin-top: 0; }

				.ss-slider .slide-img {
					background-repeat: no-repeat;
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
				}
		
		.ss-slider .slide-images-container {
			background: #fff;
			background-repeat: no-repeat;
			display: block;
			width: 100%;
			z-index: 11;
		}

			.ss-slider .slide-bg-image {
				background: #fff;
				margin: 0;
				width: 100%;
			}

			.ss-slider.fully-loaded .slide-bg-image { display: none; }
		
			.no-js .ss-slider .slide-bg-image { display: block; }
				
		/* ---------------------------------------- */
		/*	Button
		/* ---------------------------------------- */
		
		.ss-slider .buttons-container {
			background: #fff;
			overflow: hidden;
			width: 100%;
		}

		.ss-slider.hide-bottom-buttons .buttons-container { display: none; }

			.ss-slider .slide-button, .no-js .ss-slider .slide-button:hover {
				background: #f8f8f8;
				border-bottom: 1px solid #e9e9e9;
				border-top: 4px solid #dfdfdf;
				-webkit-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
				   -moz-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
						box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
				color: #3a3a3a;
				cursor: pointer;
				display: block;
				float: left;
				font-size: 20px;
				height: 40px;
				overflow: hidden;
				padding: 20px;
				text-align: left;
				text-decoration: none;
				-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
				   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
					-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
					 -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
						transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
				width: 100%;
			}

			.ss-slider.hide-bottom-buttons .slide-button { display: none; }

			.ss-slider .slide:first-child .slide-button {
				-webkit-box-shadow: 0 1px 0 0 #fff inset;
				   -moz-box-shadow: 0 1px 0 0 #fff inset;
						box-shadow: 0 1px 0 0 #fff inset;
			}
				
				.ss-slider.fully-loaded .slide-button:hover, .ss-slider.fully-loaded .slide-button.active {
					background: #f0f0f0;
					color: #f15a23;
				}
				
				.ss-slider.fully-loaded .slide-button:hover { border-top-color: #aeaeae; }

				.no-js .ss-slider .slide-button, .no-js .ss-slider .slide-button:hover { cursor: auto; }
				
				.no-js .ss-slider  a > .slide-button:hover  { cursor: pointer; }
				
				.ss-slider .slide-button h5 {
					color: #3a3a3a;
					font-size: 14px;
					font-weight: 700;
					line-height: 1.5;
					margin: 0;
				}

					.ss-slider.fully-loaded .slide-button.active h5 { color: #f15a23; }

				.ss-slider .slide-button .description {
					color: #959393;
					display: block;
					font-size: 11px;
					line-height: 12px;
				}
		
				.ss-slider .slide-button .dropcap {
					background: #3a3a3a;
					-webkit-border-radius: 19px;
					   -moz-border-radius: 19px;
							border-radius: 19px;
					color: #fff;
					font-weight: 700;
					height: 38px;
					width: 38px;
				}

				.ss-slider .slide-button.image, .no-js .ss-slider .slide-button.image:hover {
					height: 80px;
					padding: 0;
					text-align: center;
				}

					.ss-slider .slide-button img {
						background: #f8f8f8;
						display: inline-block;
						font-size: 11px;
						max-height: 80px;
						filter: alpha(opacity=35); /* Fallback for old IE */
						opacity: 0.35;
						-webkit-transition: opacity .2s ease-in-out;
						   -moz-transition: opacity .2s ease-in-out;
							-ms-transition: opacity .2s ease-in-out;
							 -o-transition: opacity .2s ease-in-out;
								transition: opacity .2s ease-in-out;
					}
					
						.ss-slider .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img { background: #f0f0f0; }

						.no-js .ss-slider .slide-button:hover img, .no-js .ss-slider .slide-button.active img { background: #f8f8f8; }
							
						.ss-slider.fully-loaded .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img,
						.no-js .ss-slider .slide-button img {
							filter: alpha(opacity=100); /* Fallback for old IE */
							opacity: 1;
						}

		/* ---------------------------------------- */
		/*	Content
		/* ---------------------------------------- */
		
		.ss-slider .content-container, .no-js .ss-slider .slide-content {
			background: rgb(0, 0, 0); /* Fallback for old IE */
			filter: alpha(opacity=60); /* Fallback for old IE */
			background: rgba(0, 0, 0, .6);
			bottom: 115px;
			display: block;
			left: 30px;
			margin: 0;
			overflow: hidden;
			padding: 25px 30px 30px;
			position: absolute;
			width: 255px;
			z-index: 2;
		}
		
		.ss-slider.hide-content .content-container { display: none; }

		.ss-slider.hide-bottom-buttons .content-container, .no-js .ss-slider.hide-bottom-buttons .slide-content { bottom: 30px; }

		.ss-slider.show-content-onhover .content-container, .ss-slider.show-content-onhover .pagination-container a {
			opacity: 0;
			filter: alpha(opacity=0); /* Fallback for old IE */
		}
		
			.ss-slider.fully-loaded.show-content-onhover:hover .content-container, .ss-slider.fully-loaded.show-content-onhover:hover .pagination-container a {
				opacity: 1;
				filter: alpha(opacity=60); /* Fallback for old IE */
			}

			.ss-slider.fully-loaded .content-container {
				-webkit-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
				   -moz-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
					-ms-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
					 -o-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
						transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
			}
			
			.ss-slider .content-container.center {
				bottom: auto;
				left: 50%;
				margin-left: -193px;
				padding: 20px 30px;
				text-align: center;
				top: 135px;
				width: 326px;
			}
			
			.ss-slider .content-container.bottom {		
				bottom: 85px;
				left: 38px;
				max-width: 804px;
				padding: 10px 30px;
				text-align: center;
				width: 100%;
			}

			.ss-slider.hide-bottom-buttons .content-container.bottom { bottom: 0; }

			.ss-slider .slide-content {
				color: #bfbfbf;
				display: none;
				text-shadow: 0 -1px rgba(0, 0, 0, .75);
			}

				.ss-slider .slide-content a { color: #f15a23; }

				.ss-slider .slide-content a:hover { text-decoration: underline; }

				.ss-slider .slide-content h1,
				.ss-slider .slide-content h2,
				.ss-slider .slide-content h3,
				.ss-slider .slide-content h4,
				.ss-slider .slide-content h5,
				.ss-slider .slide-content h6 {
					color: #fff;
					margin: 0;
				}

					.ss-slider .slide-content h1 + *,
					.ss-slider .slide-content h2 + *,
					.ss-slider .slide-content h3 + *,
					.ss-slider .slide-content h4 + *,
					.ss-slider .slide-content h5 + *,
					.ss-slider .slide-content h6 + * { margin-top: 5px; }

				.ss-slider .slide-content h2 {
					font-size: 20px;
					font-weight: 700;
				}

				.ss-slider .slide-content h6 {
					font-size: 13px;
					font-weight: 400;
				}

				.ss-slider .slide-content p { margin-bottom: 10px; }

				.ss-slider .slide-content p:last-of-type { margin-bottom: 0; }

				.ss-slider .slide-content .button {
					color: #fff;
					font-size: 11px;
					padding: 5px 14px;
					text-shadow: none;
				}

					.ss-slider .slide-content .button:hover { text-decoration: none; }

		/* ---------------------------------------- */
		/*	Pagination
		/* ---------------------------------------- */
		
		.ss-slider .pagination-container a {
			background: rgb(241, 90, 35) url(images/slider-arrows-small.png) no-repeat 0 center; /* Fallback for old IE */
			filter: alpha(opacity=60); /* Fallback for old IE */
			background: rgba(241, 90, 35, 0.6) url(images/slider-arrows-small.png) no-repeat 0 center;
			bottom: 115px;
			color: transparent;
			cursor: pointer;
			display: block;
			font: 0/0 a;
			min-height: 27px;
			left: 346px;
			overflow: hidden;
			position: absolute;
			text-align: center;
			text-shadow: none;
			-webkit-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
			   -moz-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
			    -ms-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
			     -o-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
			        transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
			width: 15px;
			z-index: 2;
		}

		.ss-slider.hide-bottom-buttons .pagination-container a { bottom: 30px; }
		
		.ss-slider.hide-content .pagination-container a { display: none; }

			.ss-slider .pagination-container .next {
				background-position: -15px center;
				bottom: 156px;
			}

			.ss-slider.hide-bottom-buttons .pagination-container .next { bottom: 71px; }
		
			.ss-slider .pagination-container a:hover, .ss-slider.show-content-onhover:hover .pagination-container a:hover {
				background-color: rgba(241, 90, 35, 1);
				filter: alpha(opacity=100) !important; /* Fallback for old IE */
			}
			
			.ss-slider .pagination-container.center a {		
				background-image: url(images/slider-arrows-large.png);
				bottom: auto;
				left: 50%;		
				min-height: 40px;
				top: 135px;
				width: 35px;
			}
			
				.ss-slider .pagination-container.center .prev {
					background-position: 0 center;
					left: 241px;
				}
				
				.ss-slider .pagination-container.center .next {
					background-position: -35px center;
					left: auto;
					right: 241px;
				}
			
			.ss-slider .pagination-container.bottom a {		
				background-image: url(images/slider-arrows-medium.png);
				bottom: 85px;
				min-height: 20px;
				width: 37px;
			}

			.ss-slider.hide-bottom-buttons .pagination-container.bottom a { bottom: 0; }
			
				.ss-slider .pagination-container.bottom .prev {
					background-position: -1px center;
					left: 0;
				}
				
				.ss-slider .pagination-container.bottom .next {
					background-position: -40px center;
					left: auto;
					right: 0;
				}
			
		/* ---------------------------------------- */
		/*	Active Slide Bar
		/* ---------------------------------------- */

		.ss-slider .active-slide-bar {
			background: #f15a23;
			bottom: 0;
			display: block;
			height: 4px;
			left: 0;
			position: absolute;
			visibility: hidden;
			z-index: 10;
		}

		.ss-slider.hide-bottom-buttons .active-slide-bar { display: none; }
		
	/* -------------------------------------------------- */
	/*	Projects Carousel
	/* -------------------------------------------------- */

	.no-js .projects-carousel, .no-js .post-carousel {
		border-top: 1px solid #efefef;
		margin: 15px -20px 60px 0;
		padding: 25px 0 0;
	}
		
		.projects-carousel > li, .post-carousel > li, #portfolio-items > article {
			float: left;
			list-style: none;
			margin: 0 20px 0 0;
			overflow: hidden;
			position: relative;
		}
		
		.projects-carousel > li, .post-carousel > li { width: 220px; }
		
		.no-js .post-carousel > li {
			display: inline-block;
			float: none;
		}

		.no-js .projects-carousel > li, .no-js #portfolio-items > article { margin-bottom: 40px; }

		.projects-carousel a, #portfolio-items article .project-meta {
			border-bottom: 1px solid #333;
			display: block;
			background-color: #111518;
			color:#0babe5;
			text-align: center;
		}
		
		.projects-carousel a { padding: 20px 0 0; }

		#portfolio-items article a, #portfolio-items article .audio-player, #portfolio-items article .video-player { margin: 0 auto; }

			.projects-carousel img, #portfolio-items article img {
				background-color: #fff;
				margin: 0 auto;
				filter: alpha(opacity=90); /* Fallback for old IE */
				opacity: 0.9;
			}

			.no-js .projects-carousel img, .no-js #portfolio-items article img { margin-bottom: 0; }

			.projects-carousel img { margin: -25px auto 20px; }

			.projects-carousel .title, #portfolio-items > article .title {
				font-weight: 400;
				margin: -1px 0 0;
			}

			.projects-carousel > li .categories, #portfolio-items > article .categories, #portfolio-items > article a + .project-meta .categories {
				color: #aeaeae;
				display: block;
				font-style: italic;
				margin: -1px 0 20px;
			}

			#portfolio-items > article .categories { margin-bottom: 19px; }

			.projects-carousel a:hover, #portfolio-items > article:hover {
				background-color: #111;
				border-bottom: 1px solid #f15a23;
			}

			.not-ie .projects-carousel a:hover:after, .not-ie #portfolio-items > article:hover:after {
				background: #f15a23;
				bottom: -2.5px;
				content: '';
				left: 50%;
				display: block;
				height: 5px;
				margin: 0 0 0 -2.5px;
				-webkit-transform: rotate(45deg);
				   -moz-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					 -o-transform: rotate(45deg);
						transform: rotate(45deg);
				position: absolute;
				width: 5px;
			}

			.projects-carousel a:hover img, #portfolio-items > article:hover img {
				filter: alpha(opacity=100); /* Fallback for old IE */
				opacity: 1;
			}

			.projects-carousel a:hover .title, #portfolio-items > article:hover .title { color: #f15a23; }

	/* -------------------------------------------------- */
	/*	Post Carousel
	/* -------------------------------------------------- */
		
	.post-carousel .entry-meta {
		float: left;
		font-style: italic;
		letter-spacing: -0.5px;
		line-height: 1.3;
		margin: 0 12px 0 0;
		text-align: center;
		width: 33px;
	}
	
		.post-carousel .entry-meta a {
			display: block;
			font-style: normal;
		}
		
		.post-carousel li .post-format { margin: 0; }

		.post-carousel li .date {
			display: block;
			margin: 8px 0 0;
		}
					
		.post-carousel .entry-body .title {
			font-size: 14px;
			font-weight: 400;
			margin: 0 0 10px 0;
		}
	
	#content .post-carousel .entry-body {
		float: right;
		margin: 0;
		width: 175px;
	}

	.post-carousel .entry-image, .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper {
		margin-bottom: 15px;
		max-width: 100%;
		width: 100%;
	}

	.post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper { margin-bottom: 15px; }
	
	/* Image Gallery Slider */

	.post-carousel .image-gallery-slider { margin-bottom: 15px; }

		.post-carousel .image-gallery-slider li { margin: 0; }

			.post-carousel .image-gallery-slider img { margin-bottom: 0; }

	/* -------------------------------------------------- */
	/*	Projects & Post Carousel Navigation
	/* -------------------------------------------------- */

	.jcarousel-container {
		border-top: 1px solid #efefef;
		margin: 45px -20px 80px 0;
		max-width: 100%;
		padding: 25px 0 0;
	}

	.section-title + .jcarousel-container { margin-top: 15px; } 

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

			.jcarousel-item {
				margin: 0 20px 0 0;
				width: 220px;
			}

		.jcarousel-next, .jcarousel-prev {
			background: #ddd url(images/button-arrows.png) no-repeat 0 0;
			cursor: pointer;
			height: 19px;
			position: absolute;
			right: 0;
			top: -35px;
			width: 19px;
		}

		.jcarousel-prev {
			background-position: 0 -19px;
			right: 20px;
		}

			.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active,
			.jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {
				background-color: #f15a23;
			}

			.jcarousel-next-disabled, .jcarousel-next-disabled:hover,
			.jcarousel-next-disabled:focus, .jcarousel-next-disabled:active,
			.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover,
			.jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {
				background-color: #eee !important;
				cursor: auto !important;
			}

/* ---------------------------------------------------------------------- */
/*	Our Team
/* ---------------------------------------------------------------------- */

.team-member {
	border-bottom: 1px solid #efefef;
	color: #777;
	margin-bottom: 50px;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-transition: background-color .2s ease, border .2s ease;
	   -moz-transition: background-color .2s ease, border .2s ease;
		-ms-transition: background-color .2s ease, border .2s ease;
		 -o-transition: background-color .2s ease, border .2s ease;
			transition: background-color .2s ease, border .2s ease;
}

	.team-member:hover {
		background: #f8f8f8;
		border-bottom-color: #f15a23;
	}

	.not-ie .team-member:hover:after {
		background: #f15a23;
		bottom: -2.5px;
		content: '';
		left: 50%;
		display: block;
		height: 5px;
		margin: 0 0 0 -2.5px;
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			 -o-transform: rotate(45deg);
				transform: rotate(45deg);
		position: absolute;
		width: 5px;
	}

	.team-member .photo, .team-member > a {
		display: block;
		margin: 0 auto 15px;
	}

	.team-member > a > .photo { margin: 0 auto; }

	.team-member .content { padding: 0 15px; }

		.team-member .name {
			color: #414141;
			font-weight: 700;
			margin: 0;
			text-transform: uppercase;
		}

		.team-member .job-title {
			color: #aeaeae;
			display: block;
			font-style: italic;
			margin: 0 0 10px;
		}

		.team-member .social-links {
			border-top: 1px solid #efefef;
			margin: 0 0 5px;
			padding: 15px 0 0;
		}
			
			.team-member:hover .social-links { border-top-color: #ebebeb; }

			.team-member .social-links li { margin: 0 0 10px 10px; }

				.team-member .social-links a { opacity: 0.3; }

					.team-member .social-links a:hover { opacity: 1; }

/* ---------------------------------------------------------------------- */
/*	Blog
/* ---------------------------------------------------------------------- */

.hentry {
	/*border-bottom: 1px dotted #ced8df;
	padding: 0 0 30px;*/
	margin: 0 0 30px;
}

.single .hentry {
	margin-bottom: 20px;
	/*border-bottom: 2px solid #444444;*/
	padding-bottom: 25px;
}

	.entry-image, .entry-video, .entry-audio {
		display: block;
		/*float:left;*/
		max-width: 100%;
		margin: 0 auto 25px;
	}
	
	.entry-body img {max-width:100%; height:auto;}
	
	.hentry .entry-audio {
		margin-bottom: 20px;
		padding-top: 5px;
	}

	.single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image { margin-bottom: 25px; }
			
	.entry-body {
		float: right;
		margin: -5px 0 0;
		width: 810px;
	}

	#main .entry-body { width: 660px; }
		
	.entry-body .title {
			font-size: 20px;
			font-weight: 400;
			margin-top: 10px;
			margin-bottom: 5px;
		}

	.single .entry-body .title {font-size: 28px; margin-bottom: 18px;}

	.entry-meta {
		color: #878787;
		float: left;
		margin: 0 20px 0 0;
		text-align: right;
		width: 110px;    
		font-size: 11px;
	}
	
	
	.home .entry-meta {background:url(images/bg_meta.jpg);}
		
		.entry-meta ul { margin: 0; }
		
			.entry-meta li {
				list-style: none;
				margin: 0;
			}

				.entry-meta .title { font-weight: 700; display:none;}

				.entry-meta .post-categories { display: inline-block; }

				.entry-meta a, .entry-meta a time {
					color: #959393;
					display: inline-block;
					font-style: italic;
				}

					.entry-meta a:hover, .entry-meta a:hover time { color: #f15a23; }
			
		.post-format {
			background-color: #000;
			background-image: url(images/icon-post-formats.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			color: #959393;
			cursor: pointer;
			display: block;
			height: 33px;
			margin: 0 0 10px 0;
			text-align: left;
			text-indent: -9999px;
			width: 33px;
		}

			.post-format.gallery, .post-format.image { background-position: -33px 0; }

			.post-format.video { background-position: -66px 0; }

			.post-format.audio { background-position: -99px 0; }

			.post-format.link { background-position: -132px 0; }

			.post-format.quote { background-position: -165px 0; }

			.post-format.aside { background-position: -199px 0; }

			a:hover > .post-format {
				background-color: #f15a23;
				color: #f15a23;
			}

	/* VideoJS */

	.video-js { max-width: 100%; }

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

	#comments {
		border-top: 1px solid #2B4573;
		background:url(images/bg_like.png) center top no-repeat;
		padding-top:20px;}

		#comments-title, #reply-title {
			font-size: 22px;
			font-weight: 400;
			margin-bottom: 15px;
			text-transform: uppercase;
		}

			.commentlist {
				border-bottom: 1px dotted #ced8df;
				margin: 27px 0 45px;
				padding: 0 0 30px;
				overflow: hidden;
			}

				.comment {
					border-top: 1px dotted #ced8df;
					list-style: none;
					margin: 30px 0 0;
					padding: 35px 0 0;
				}

				.comment:first-child {
					border-top: none;
					margin-top: 0;
					padding-top: 0;
				}

					.comment > article {
						margin: 0;
						overflow: hidden;
					}

						.comment .avatar {
							background: #fff;
							float: left;
							margin: 0 0 5px 0;
							position: relative;
							width: 54px;
							z-index: 1;
						}

						.comment .comment-body, .comment .comment-meta {
							float: right;
							margin: 0 0 -20px 15px;
							width: 871px;
						}

						#main .comment .comment-body, #main .comment .comment-meta { width: 591px; }

						.comment .comment-meta { margin-bottom: 0; }

							.comment .author, .comment .author a {
								color: #bbb;
								margin: 0;
							}

							.comment .author cite { font-style: normal; }

							.comment .author .comment-reply-link { font-size: 11px; }

							.comment .date, .comment .date a, .comment .date time {
								color: #666;
								font-style: italic;
								margin: 1px 0 5px;
							}

								.comment .author a:hover,
								.comment .date a:hover, .comment .date a:hover time { color: #f15a23; }

					.commentlist .children {
						margin: 0;
						padding: 0 0 0 70px;
						position: relative;
					}

						.commentlist .children .comment {
							border-top: 1px dotted #ced8df;
							margin: 15px 0 0;
							padding: 35px 0 0;
							position: relative;
						}
						
						.commentlist .pingback { 
							border-top: 1px dotted #CED8DF;
							margin: 30px 0 0;
							padding:20px 0 0;}						
						
						.commentlist .pingback p {margin-bottom:0;} 

						.comment .children .comment:first-child { margin-top: 0; }

							.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta { width: 781px; }
							.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta { width: 711px; }
							.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta { width: 641px; }
							.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta { width: 571px; }

							#main .commentlist .children .depth-2 .comment-body, #main .commentlist .children .depth-2 .comment-meta { width: 521px; }
							#main .commentlist .children .depth-3 .comment-body, #main .commentlist .children .depth-3 .comment-meta { width: 451px; }
							#main .commentlist .children .depth-4 .comment-body, #main .commentlist .children .depth-4 .comment-meta { width: 381px; }
							#main .commentlist .children .depth-5 .comment-body, #main .commentlist .children .depth-5 .comment-meta { width: 311px; }

	/* -------------------------------------------------- */
	/*	Respond
	/* -------------------------------------------------- */

	#respond { }

		.commentlist #respond { margin: 10px 0 35px; }

		.commentlist #respond .form-allowed-tags { display: none; }

		#reply-title small {
			font-size: 11px;
			text-transform: none;
		}

		#commentform { margin: 20px -20px 0 0; }

			#commentform input { width: 278px; }

			#main #commentform input { width: 183px; }

				.commentlist .children .depth-2 #commentform input { width: 254px; }
				.commentlist .children .depth-3 #commentform input { width: 231px; }
				.commentlist .children .depth-4 #commentform input { width: 208px; }

				#main .commentlist .children .depth-2 #commentform input { width: 168px; }
				#main .commentlist .children .depth-3 #commentform input { width: 144px; }
				#main .commentlist .children .depth-4 #commentform input { width: 121px; }

			#commentform textarea {
				height: 150px;
				width: 918px;
			}

			#main #commentform textarea { width: 637px; }

				.commentlist .children .depth-2 #commentform textarea { width: 846px; }
				.commentlist .children .depth-3 #commentform textarea { width: 777px; }
				.commentlist .children .depth-4 #commentform textarea { width: 708px; }

				#main .commentlist .children .depth-2 #commentform textarea { width: 588px; }
				#main .commentlist .children .depth-3 #commentform textarea { width: 516px; }
				#main .commentlist .children .depth-4 #commentform textarea { width: 447px; }

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

	.pagination { margin: 0 }

	.comments-pagination {
		margin-bottom: 30px;
		margin-top: -20px;
	}

		.pagination a, .pagination span {
			border: 1px solid transparent;
			color: #9c9c9c;
			display: inline-block;
			margin: 0 8px 0 0;
			padding: 2px 8px 4px;
		}

		.comments-pagination a, .comments-pagination span {
			margin-right: 5px;
			padding-bottom: 3px;
		}

		.ie7 .pagination li, .ie7 .pagination span { display: inline; }

		.pagination .current {
			background: #555;
			color: #ddd;
			padding: 2px 7px 4px;
		}

		.comments-pagination .current { padding-bottom: 3px; }

			.pagination a:hover, .comments-pagination a:hover {
				background: #242424;
				border-color: #333;
				color: #f15a23;
			}

		.pagination .next, .pagination .prev {}

/* ---------------------------------------------------------------------- */
/*	Portfolio
/* ---------------------------------------------------------------------- */

#portfolio-items-filter {
	float: right;
	margin: -65px 0 0;
	overflow: hidden;
}

	#portfolio-items-filter li {
		display: block;
		float: left;
		list-style: none;
		margin: 0;
	}

	#portfolio-items-filter li:first-child {
		margin-top: 5px;
		margin-right: 5px;
	}

	.no-js #portfolio-items-filter li:first-child, .no-js #portfolio-items-filter .all { display: none; }

	.ie7 #portfolio-items-filter li:first-child { display: none !important; }

		#portfolio-items-filter a {
			background: #f15a23;
			color: #fff;
			cursor: pointer;
			display: block;
			margin: 0 0 5px 5px;
			padding: 5px 10px;
		}

		.no-js #portfolio-items-filter a, #portfolio-items-filter.open a { display: block !important; }

		.ie7 #portfolio-items-filter a {
			display: block !important;
			margin: 0 0 5px 5px !important;
			padding: 5px 10px !important;
			width: auto !important;
		}

			#portfolio-items-filter a:hover, #portfolio-items-filter.open .active, #portfolio-items-filter.open .current a { background: #3a3a3a; }

#portfolio-items { margin: 0 -20px 40px 0; }

	#portfolio-items article { margin-bottom: 20px; }

		#portfolio-items .project-meta {
			display: block;
			margin: 0;
			padding: 20px 0 0;
		}
		
#portfolio-items + .pagination { margin-top: -40px; }

	/* Isotope */

	.isotope-hidden.isotope-item {
		pointer-events: none;
		z-index: 1;
	}

	.isotope, .isotope .isotope-item {
		-webkit-transition-duration: 0.6s;
		   -moz-transition-duration: 0.6s;
			-ms-transition-duration: 0.6s;
			 -o-transition-duration: 0.6s;
				transition-duration: 0.6s;
		z-index: 2;
	}

	.isotope {
		-webkit-transition-property: height, width;
		   -moz-transition-property: height, width;
			-ms-transition-property: height, width;
			 -o-transition-property: height, width;
				transition-property: height, width;
	}

	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		   -moz-transition-property:	-moz-transform, opacity;
			-ms-transition-property:		 top, left, opacity;
			 -o-transition-property:		 top, left, opacity;
				transition-property:		 transform, opacity;
	}
	
	/* -------------------------------------------------- */
	/*	Single Project
	/* -------------------------------------------------- */

	.project-title {
		color: #ddd;
		font-size: 28px;
		font-weight: 400;
	}

	.portfolio-pagination {
		float: right;
		margin: -58px 0 0;
	}

		.portfolio-pagination li {
			display: inline-block;
			list-style: none;
			line-height: 25px;
			margin: 0;
		}

		.ie7 .portfolio-pagination li { display: inline; }

		.portfolio-pagination .next {
			border-right: 1px solid #6e8080;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
		}

		.portfolio-pagination .next:last-child {
			border-right: none;
			margin-right: 0;
			padding-right: 0;
		}

		.single-portfolio .page-header .button {
			color: #a1a1a1;
			font-style: italic;
			margin-top: -5px;
		}

		.single-portfolio .page-title + .button { margin-top: 10px; }

		.single-portfolio .page-header a:hover { color: #f15a23; }

	.single-portfolio .image-gallery-slider { margin-bottom: 30px; }

	.single-portfolio .image-gallery-slider ul,
	.no-js .single-portfolio .image-gallery-slider li, .single-portfolio .image-gallery-slider.disabled li {
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
		   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
		        box-shadow: 0 0 15px rgba(0, 0, 0, .2);
	}

	.no-js .single-portfolio .image-gallery-slider ul, .single-portfolio .image-gallery-slider.disabled {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
	}

/* ---------------------------------------------------------------------- */
/*	Contact Us
/* ---------------------------------------------------------------------- */

#map {
	border-bottom: 1px solid #c5c3c0;
	border-top: 1px solid #c5c3c0;
	margin: -41px 0 40px;
	position: relative;
	width: 100%;
}

#map, #map .wpgmappity_container { height: 440px; }

#map:before, #map:after {
	background: none;
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
			box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
	content: '';
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#map:after {
	bottom: 0;
	top: auto;
}

.wpcf7-form, #commentform { max-width: 100%; }

.wpcf7-form { margin: 0 -20px 0 0; width: 710px;}

	.wpcf7-form-control-wrap br, .wpcf7-form-control-wrap p { display: none; }

	.wpcf7-form .input-block, #commentform .input-block {
		float: left;
		margin: 0 20px 20px 0;
	}

	.wpcf7-form .input-block:nth-of-type(3n), #commentform .input-block:nth-of-type(3n) { margin-right: 0; }

		.wpcf7-form input { width: 198px; }

	.wpcf7-form .textarea-block, #commentform .textarea-block { clear: both; }

		.wpcf7-form textarea {
			height: 150px;
			max-width: 100%;
			width: 678px;
		}

	.wpcf7-not-valid-tip {
		color: #f02932;
		display: block;
		font-size: 11px;
   	 	margin: 5px 0 0;
   		 width: 218px;
	}

	.wpcf7-form input[type="submit"], #commentform input[type="submit"],
	.wpcf7-form input[type="reset"], #commentform input[type="reset"] {
		display: block;
		margin: 0 0 20px;
		width: auto !important;
	}

	.wpcf7-response-output { margin: -20px 0 0; }

/* ---------------------------------------------------------------------- */
/*	Sidebar
/* ---------------------------------------------------------------------- */

#sidebar {
	float: right;
	/*background: url(images/shadow.png) repeat-y left;*/
	width: 250px;
	padding:0 0 0 20px;
}

.single-portfolio #sidebar {background:none; padding:0;}
	
.sidebar-left #sidebar { float: left; }

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

	#sidebar .widget { margin: 0 0 30px; }

		#sidebar .widget-title {
			color: #b8b8b8;
			font-size: 12px;
			font-weight: 600;
			text-transform: uppercase;
			margin: 0 0 12px;
		}

		/* ---------------------------------------- */
		/*	List & Custom Menu
		/* ---------------------------------------- */

		.widget ul { }

		.widget_nav_menu .sub-menu { border-top: 1px dotted #ced8df; }

			.widget li {
				background: url(images/arrow-right-grey.png) no-repeat 0 11px;
				list-style: none;
				margin: 0;
			}

			.widget li:last-child { border-bottom: none; }

				.widget li a {
					color: #868686;
					display: block;
					padding: 5px 0 5px 15px;
				}

					.widget li a:hover,
					.widget_nav_menu .current_page_item > a, .widget_nav_menu .current-menu-item > a { color: #f15a23; }

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

		.widget .recentcomments {
			display: block;
			padding: 5px 0 5px 15px;
		}

		/* ---------------------------------------- */
		/*	Calendar
		/* ---------------------------------------- */

		.widget_calendar table { width: 100%; }

			.widget_calendar th, .widget_calendar td {
				background: none;
				border: 0;
				padding: 0;
			}

			.widget_calendar caption {
				font-size: 12px;
				margin-bottom: 10px;
				text-align: center;
			}

			.widget_calendar tr th {
				font-size: 12px;
			}
			
			.widget_calendar tr td {
				padding: 4px 6px;
				text-align: center;
			}
			
				.widget_calendar tr td#prev {
					padding: 5px 0 0;
					text-align:left;
				}
			
				.widget_calendar tr td#next {
					padding: 5px 0 0;
					text-align: right;
				}
			
				.widget_calendar tr td#today {
					background: #f8f8f8;
					border: 1px solid #ced8df;
					font-weight: bold;
				}
			
				#footer .widget_calendar tr td#today {
					background: #464646;
					border: 1px solid #363636;
					font-weight: bold;
				}
				
					.widget_calendar tr td a {
						display: inline;
						font-weight: bold;
						padding: 0;
					}

		/* ---------------------------------------- */
		/*	RSS
		/* ---------------------------------------- */

		.rsswidget img { margin: 0 5px 0 0; }
		
		.widget_rss .rss-date, .widget_rss .rssSummary { padding: 0 0 0 15px; }

		.widget_rss .rss-date {
			color: #bbb;
			font-style: italic;
		}

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

		.widget_search input[type="text"] {
    		color: #222222;
			width:183px;}
			
		.widget_search input[type="submit"] { 
			height:42px;
			background-image:url(images/search.png);
			background-repeat: no-repeat;
			background-position: 11px 11px;			
		    font-size:0;
			width:40px;}

		.widget_archive select {width:250px;}
			
		/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */

		#sidebar .acc-trigger a {
			background-position: 0 8px;
			font-size: 11px;
			font-weight: 400;
			padding: 12px 12px 12px 30px;
		}

		#sidebar .acc-trigger:first-of-type { border-top: none; }

		#sidebar .acc-trigger:last-of-type { border-bottom: none; }

		#sidebar .acc-trigger.active a {
			background-position: 0 -103px;
			cursor: default;
		}

		#sidebar .acc-container { margin: -5px 0 0; }

		#sidebar .acc-container:first-of-type { border-top: none; }

		#sidebar .acc-container:last-of-type { border-bottom: none; }

			#sidebar .acc-container .content { padding: 0 12px 12px 30px; }

		/* ---------------------------------------- */
		/*	Tweets
		/* ---------------------------------------- */

		ul.tweets-feed { margin: 0; }

		.tweets-feed li {
			background: url(images/icon-tweets.png) no-repeat 0 5px;
			border: none;
			display: block;
			list-style: none;
			margin: 0 0 15px;
			padding: 0 0 0 30px;
		}

			#sidebar .tweets-feed li a, #footer .tweets-feed li a {
				color: #f15a23;
				display: inline;
				padding: 0;
			}

			.tweets-feed .date { display: block; }

				#sidebar .tweets-feed li .date a, #footer .tweets-feed li .date a {
					color: #bbb;
					font-size: 10px;
					font-style: italic;
				}

				#sidebar .tweets-feed li a:hover { color: #3a3a3a; }

				#footer .tweets-feed li a:hover { color: #fff; }

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

		.flickr-feed { margin: 15px -5px 0 0; }

			.flickr-feed li {
				background: none;
				border: none;
				display: inline-block;
				list-style: none;
				margin: 0 2px 1px 0;
			}

			.ie7 .flickr-feed li {
				display: inline;
				margin: 0 5px 5px 0;
			}

				.flickr-feed li a {
					display: inline;
					padding: 0;
				}

					.flickr-feed li img {
						margin: 0;
						height: 70px;
						width: 70px;
					}

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

#footer {
	background: #1e232c url(images/bg_footer.jpg) no-repeat center top;
	color: #898989;
	margin-top: 80px;
	padding: 35px 0 30px;
	position: relative;
}

.not-ie #footer:before {
	background: #fff;
	content: '';
	left: 50%;
	display: block;
	height: 15px;
	margin: 0 0 0 -7.5px;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);
	position: absolute;
	top: -8px;
	width: 15px;
}

	x:-o-prefocus, .not-ie #footer:before { display: none; } /* Fix for Opera */

	#footer a {color:#bbb;}
	
	#footer-bottom, #footer-bottom a { color: #868686; }

		#footer a:hover,
		#footer-bottom a:hover { color: #f15a23; }

	#footer .widget {
		border-bottom: 1px solid #4b4b4b;
		margin: 0 0 12px;
		padding: 0 0 12px;
	}

	#footer .widget:last-child {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}

		#footer .widget-title {
			border-bottom: 1px solid #4b4b4b;
			display: block;
			font-size: 28px;    
			font-family: Open Sans;
			line-height: 1.25;
			color:#ccc;
			margin: 0 0 12px;
			font-weight:400;
			padding: 0 0 12px;
		}
		
		#footer .widget-title, #footer h2 {font-weight: 200;}

		#footer .widget_nav_menu .sub-menu { border-top-color: #4b4b4b; }

		#footer .widget li { border-bottom-color: #4b4b4b; }

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

		#footer .widget_nav_menu ul { margin: -2px 0 0; }

			#footer .widget_nav_menu li {
				background: none;
				border: none;
				display: inline-block;
				list-style: none;
				margin: 0 -3px 0 0;
			}
			
			.ie7 #footer .widget_nav_menu li { display: inline; }
			
				#footer .widget_nav_menu li a {
					border-left: 1px solid #484848;
					font-size: 10px;
					display: block;
					padding: 0 15px;
					text-transform: uppercase;
				}
			
				#footer .widget_nav_menu li:first-child a {
					border-left: none;
					padding-left: 0;
				}

				#footer .widget_nav_menu li:last-child a { padding-right: 0; }

	#footer .widget_categories li a{ 
		padding: 4px 0 4px 15px;
		font-size:12px;
	}
	
	/* -------------------------------------------------- */
	/*	Contact Info
	/* -------------------------------------------------- */

	#footer .contact-info { }

	.contact-info { margin: 0 0 -2px; }

		.contact-info li {
			border: none;
			display: inline-block;
			list-style: none;
			margin: 0 0 5px 24px;
			padding: 0 0 0 24px;
		}
		

		#sidebar .contact-info li {
			border-bottom: 1px dotted #ced8df;
			display: block;
			margin: 0 0 5px;
			padding-bottom: 5px;
		}
		
		#sidebar .contact-info li:last-child { border-bottom: none; }

		.contact-info li:first-child { margin-left: 0; }

		.contact-info .address { background: url(images/icon-address.png) no-repeat 0 0; }

		.contact-info .phone { background: url(images/icon-phone.png) no-repeat 0 1px; }

		.contact-info .email { background: url(images/icon-email-2.png) no-repeat 0 4px; }

			.contact-info li a {
				display: inline;
				padding: 0;
			}

	/* -------------------------------------------------- */
	/*	Social Links
	/* -------------------------------------------------- */

	.social-links { margin: 0; }

		.social-links li {
			background: none;
			border: none;
			display: inline-block;
			list-style: none;
			margin: 0 0 10px 15px;
			text-indent: -9999px;
		}

		.ie7 .social-links li {
			display: inline;
			font-size: 0;
			text-indent: 0;
		}
			
		.social-links li:nth-child(6n+1) { margin-left: 0; }

		.social-links li:nth-child(6n) { margin-right: 15px; }

		.social-links li:last-child { margin-right: 0; }

			.social-links li a {
				background: url(images/icon-social-links.png) no-repeat;
				display: block;
				height: 16px;
				padding: 0;
				-webkit-transition: all 0.2s ease-out;
				   -moz-transition: all 0.2s ease-out;
					 -o-transition: all 0.2s ease-out;
					-ms-transition: all 0.2s ease-out;
						transition: all 0.2s ease-out;
				width: 20px;
			}

			.social-links .behance a { background-position: 0 -16px; }
				.social-links .behance a:hover { background-position: 0 0; }

			.social-links .delicious a { background-position: -35px -14px; height: 14px; }
				.social-links .delicious a:hover { background-position: -35px 0; }

			.social-links .deviantart a { background-position: -70px -16px; }
				.social-links .deviantart a:hover { background-position: -70px 0; }

			.social-links .digg a { background-position: -105px -14px; height: 14px; }
				.social-links .digg a:hover { background-position: -105px 0; }

			.social-links .dribbble a { background-position: -140px -16px; }
				.social-links .dribbble a:hover { background-position: -140px 0; }

			.social-links .dropbox a { background-position: -175px -15px; height: 15px; }
				.social-links .dropbox a:hover { background-position: -175px 0; }

			.social-links .email a { background-position: -210px -16px; }
				.social-links .email a:hover { background-position: -210px 0; }

			.social-links .facebook a { background-position: 0 -51px; }
				.social-links .facebook a:hover { background-position: 0 -35px; }

			.social-links .flickr a { background-position: -35px -51px; }
				.social-links .flickr a:hover { background-position: -35px -35px; }

			.social-links .forrst a { background-position: -70px -51px; }
				.social-links .forrst a:hover { background-position: -70px -35px; }

			.social-links .github a { background-position: -105px -51px; }
				.social-links .github a:hover { background-position: -105px -35px; }

			.social-links .google a { background-position: -140px -51px; }
				.social-links .google a:hover { background-position: -140px -35px; }

			.social-links .googleplus a { background-position: -175px -51px; }
				.social-links .googleplus a:hover { background-position: -175px -35px; }

			.social-links .ichat a { background-position: -210px -50px; height: 15px; }
				.social-links .ichat a:hover { background-position: -210px -35px; }

			.social-links .lastfm a { background-position: 0 -85px; height: 15px; }
				.social-links .lastfm a:hover { background-position: 0 -70px; }

			.social-links .linkedin a { background-position: -35px -86px; }
				.social-links .linkedin a:hover { background-position: -35px -70px; }

			.social-links .mobypicture a { background-position: -70px -86px; }
				.social-links .mobypicture a:hover { background-position: -70px -70px; }

			.social-links .myspace a { background-position: -105px -86px; }
				.social-links .myspace a:hover { background-position: -105px -70px; }
				
			.social-links .picasa a { background-position: -140px -86px; }
				.social-links .picasa a:hover { background-position: -140px -70px; }

			.social-links .plixi a { background-position: -175px -86px; }
				.social-links .plixi a:hover { background-position: -175px -70px; }

			.social-links .rss a { background-position: -210px -86px; }
				.social-links .rss a:hover { background-position: -210px -70px; }

			.social-links .skype a { background-position: 0 -121px; }
				.social-links .skype a:hover { background-position: 0 -105px; }

			.social-links .stumbleupon a { background-position: -35px -122px; height: 17px; }
				.social-links .stumbleupon a:hover { background-position: -35px -105px; }

			.social-links .tumblr a { background-position: -70px -120px; height: 15px; }
				.social-links .tumblr a:hover { background-position: -70px -105px; }
				
			.social-links .twitter a { background-position: -105px -120px; height: 15px; }
				.social-links .twitter a:hover { background-position: -105px -105px; }
				
			.social-links .vimeo a { background-position: -140px -120px; height: 15px; }
				.social-links .vimeo a:hover { background-position: -140px -105px; }
				
			.social-links .youtube a { background-position: -175px -120px; height: 15px; }
				.social-links .youtube a:hover { background-position: -175px -105px; }
				
			.social-links .pinterest a { background-position: -210px -121px; }
				.social-links .pinterest a:hover { background-position: -210px -105px; }

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

	#footer input[type="text"], #footer textarea, #footer select {
		background-color: #464646;
		border: 1px solid #484848;
		color: #868686;
	}
		
		#footer input[type="text"]:hover, #footer textarea:hover, #footer select:hover { border-color: #3b3b3b; }
		
		#footer input[type="text"]:focus, #footer textarea:focus, #footer select:focus { border-color: #333; }

	/* Chrome, Safari */
	#footer input::-webkit-input-placeholder, #footer textarea::-webkit-input-placeholder { color: #6e6e6e; }

	/* Firefox */
	#footer input:-moz-placeholder, #footer textarea:-moz-placeholder { color: #6e6e6e; }

	/* jQuery fallback */
	#footer input.placeholder, #footer textarea.placeholder, #footer .wpcf7 .watermark { color: #6e6e6e; }

	/* -------------------------------------------------- */
	/*	Misc Elements
	/* -------------------------------------------------- */

	#footer .button:hover, #footer input[type="submit"]:hover #footer input[type="reset"]:hover, #footer button:hover {
		background: #ddd;
		color: #3a3a3a;
	}

	#footer .button.no-bg { color: #ddd; }

	#footer .button .arrow { background-color: #3a3a3a; }

	#footer blockquote { background-color: #464646;}

		#footer blockquote.simple {
			background: none;
			border-left-color: #484848;
			color: #868686;
		}

	#footer .infobox {
		background: #464646;
		border-color: #363636;
	}

	#footer .infobox, #footer .infobox * { color: #868686; }

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

#footer-bottom {
	background: #191919;
	line-height: 17px;
	padding: 12px 0;
}

	#footer-bottom ul { margin: 0; }

		#footer-bottom li {
			float: left;
			list-style: none;
			margin: 0;
			font-size:10px;
			color:#5a5a5a;
		}
			
			 #footer-bottom li:first-child { margin-right: 15px; }
			
			#footer-bottom li a {
				border-left: 1px solid #484848;
				display: block;
				padding: 0 15px;
			}

			 #footer-bottom li:first-child a {
				border-left: none;
				padding-left: 0;
			}

				#footer-bottom li:last-child a { padding-right: 0; }



.blogroll li a {
	font-size:10px;
	padding: 4px 0 4px 15px;}

article .entry-body p a {color:#0babe5}
article .entry-body p a:hover {color:#fff;}

#desc_logo {
	font-size:0px;
	width:377px;
	height:39px;
	margin:5px 0px 0px -148px;
	background:url(images/desc_logo.png) no-repeat;}

/*-------------------WIDGET SERIE DARTICLES-------------------------*/
.widget #listing_series li.une_serie {
	display:block; 
	float:left;
	margin:0 4px 4px 0;
	width:123px;
	height:63px;
	border:none;}

.widget #listing_series li.une_serie a {
	display:block;
	width:100%;
	height:100%;
	font-size:0;}
	
.widget #listing_series li.une_serieb {margin-right:0px;}

.widget #listing_series li#serie_meilleur {
	background:url(images/serie_meilleur.jpg) no-repeat;}
.widget #listing_series li#serie_guide {
	background:url(images/serie_guide.jpg) no-repeat top left;}
.widget #listing_series li#serie_desastre {
	background:url(images/serie_desastre.jpg) no-repeat top left;}
.widget #listing_series li#serie_video {
	background:url(images/serie_video.jpg) no-repeat top left;}
.widget #listing_series li#serie_webdesigner {
	background:url(images/serie_webdesigner.jpg) no-repeat top left;}
.widget #listing_series li#serie_critique {
	background:url(images/serie_critique.jpg) no-repeat top left;}
.widget #listing_series li#serie_fond {
	background:url(images/serie_fond.jpg) no-repeat top left;}
.widget #listing_series li#serie_sites {
	background:url(images/serie_sites.jpg) no-repeat top left;}
	
.widget #listing_series li{	
		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		     -o-transition: all .2s ease-in-out;
		        transition: all .2s ease-in-out;
}

.widget #listing_series li#serie_meilleur:hover {background-position:bottom;}
.widget #listing_series li#serie_guide:hover {background-position:bottom;}
.widget #listing_series li#serie_desastre:hover {background-position:bottom;}
.widget #listing_series li#serie_video:hover {background-position:bottom;}
.widget #listing_series li#serie_webdesigner:hover {background-position:bottom;}
.widget #listing_series li#serie_critique:hover {background-position:bottom;}
.widget #listing_series li#serie_fond:hover {background-position:bottom;}
.widget #listing_series li#serie_sites:hover {background-position:bottom;}

/*----------------- SURVOL D'IMAGES HP ----------------------*/
/*-----------------------------------------------------------*/

.home article a.viewport_js, .search article a.viewport_js, .archive article a.viewport_js {
	display:block;
	position: relative;	
	overflow: hidden;	
	width: 100%;
	height: 100%;}

.home article a.viewport_js span.dark-background, .search article a.viewport_js span.dark-background, .archive article a.viewport_js span.dark-background {
display: none;
font-size: 1em;
height: 100%;
padding-top: 118px;
position: absolute;
font-family:"Open Sans","Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;
text-align: center;
text-decoration: none;
width: 100%;
z-index: 100;

background-color: rgba(15, 15, 15, 0.6);
color: #fff;
text-shadow: #000 0px 0px 20px;}

.home article a.viewport_js span.dark-background span, .search article a.viewport_js span.dark-background span, .archive article a.viewport_js span.dark-background span {font-size: 1.5em;}


/*------------------------  FIN DARTICLES -------------------*/
/*-----------------------------------------------------------*/
.article_title {
	font-family:"Open Sans","Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size:22px;
	color: #CCCCCC;
	margin-bottom:10px;}

.share_single {
	border-top: 1px solid #2B4573;
	margin-bottom:20px;
	margin-top: 10px;
	background:url(images/bg_like.png) center top no-repeat;
	padding-top:20px;}
	

ul.st-autocomplete li {
    margin-left: 5px;
    font-size: 13px;
}
ul.st-autocomplete li.active {background-color: #eee;}
ul.st-autocomplete li p.title { color: #666666; font-weight:normal;}
ul.st-autocomplete { font-family:"Open Sans","Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;}

.IN-widget {margin-left:20px;}
.fb-like {margin-right:20px;}

#main-nav{
	width:100%; 
	position:fixed;
	z-index:9998;
	background:#191919;}

#main-nav ul {margin:auto; width:710px; margin-top:-6px;}


/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */
/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 1220px) {
	#main {
	float: left;
	margin: 0;
	width: 950px;}
	
	/*#main-nav{width:710px;}*/

	.posabsolute {position:absolute;}
	
	#logo {margin-left: 565px;}
	
	/*survol HP*/
	.home article a.viewport_js {
		height: 220px;
		width: 435px;
		margin-bottom:6px;}
	
	/*pour les pages about et contact*/
	.page #main {width: 100%;}
	.page #main .three-fourth {width: 595px; margin-right: 30px;}
	.page #main .three-fourth.last {margin-right: 0;}
		
	.container {
		margin: 0 auto;
		position: relative;
		width: 1220px;}
	
	/*#main .entry-body { width: 800px; margin-right: 40px;}*/
	#main #comments { margin-right: 40px;}
	
	.home article, .archive article, .search article {
		width:435px; 
		float:left; 
		height: 460px;
		position:relative;
		margin-right:40px; 
		margin-bottom:30px;}
	
	.home #main .entry-body, .archive #main .entry-body, .search #main .entry-body {
		width: 435px;
	}
	.home #main article > a:first-child, .archive #main article > a:first-child, .search #main article > a:first-child {
		width: 435px; 
		overflow:hidden; 
		display:block; 
		position: relative;
		height: 220px;}
		
	.single #main .entry-body, .single #main .entry-meta, .single #main .share_single, .single #main .yarpp-related {
		width:910px;    
		margin-right: 40px;}
			
	.home .entry-image, .home .entry-video, .home .entry-audio, 
	.archive .entry-image, .archive .entry-video, .archive .entry-audio , 
	.search .entry-image, .search .entry-video, .search .entry-audio {
		position:absolute;
	    height: 220px;
    	left: -31%;
    	max-width: none;
	}
	
	.home .hentry .entry-body, .home #main .entry-body, 
	.archive .hentry .entry-body, .archive #main .entry-body,
	.search .hentry .entry-body, .search #main .entry-body {
		margin: 40px 0 0;
		width: 100%;
	}

	.hentry .entry-meta {
			/*border-bottom: 1px dashed #333;
			border-top: 1px dashed #333;*/
			background:#121212;
			margin: 10px 0;
			padding: 0;
			text-align: left;
			width: 100%;
		}
	
			.hentry .entry-meta ul { }
	
				.hentry .entry-meta li {
					border-left: 1px solid #444;
					display: inline-block;
					padding: 0 10px;
				}
	
				.hentry .entry-meta li:first-child {
					border-left: none;
					padding-left: 0;
					display: inline-table;
					vertical-align: middle;
				}
	
				.hentry .entry-meta li:last-child { padding-right: 0; }
	
				.hentry .entry-meta li .title { }
	
					.hentry .entry-meta .post-format {
						/*background: none;
						height: auto;*/
						margin: 0;
						/*text-indent: 0;
						width: auto;*/
					}
	
	.single-post .entry-image, .entry-video, .entry-audio {float:left; width:910px; max-width:100%; min-width: auto;}

	/* -------------------------------------------------- */
	/*	BLOG > Comments
	/* -------------------------------------------------- */

	#main .comment .comment-body, #main .comment .comment-meta {width: 841px;}
	
	#main .commentlist .children .depth-2 .comment-body, #main .commentlist .children .depth-2 .comment-meta { width: 771px; }
	#main .commentlist .children .depth-3 .comment-body, #main .commentlist .children .depth-3 .comment-meta { width: 701px; }
	#main .commentlist .children .depth-4 .comment-body, #main .commentlist .children .depth-4 .comment-meta { width: 631px; }
	#main .commentlist .children .depth-5 .comment-body, #main .commentlist .children .depth-5 .comment-meta { width: 561px; }

	#main #commentform input {width: 268px;}
	#main #commentform textarea {width: 886px;}

	/* -------------------------------------------------- */
	/*	PORTFOLIO
	/* -------------------------------------------------- */
	
	.page-id-15688 #content {
		padding: 40px 30px 0;
		width:*;
	}
	.page-id-15688 #content .container {
		width:100%;}
		
	.single-portfolio #main {
	margin: 0 40px 0 0;
	width: 930px;}
}


/* Between 960 and 1220 (browsers) */
@media only screen and (min-width: 961px) and (max-width: 1219px) {
	#footer .container .three-fourth {width:490px;}
	/*#main-nav{width:710px;}*/

	/*Pages CONTACT ET ABOUT*/
	.page-id-16216 #main, .page-id-5498 #main { width: 970px; margin-right:none;}
	.page-id-5498 #main .three-fourth { width: 475px;}
	.page-id-5498 #main .three-fourth p img{ max-width: 100%;}

	.hentry .entry-meta {
			/*border-bottom: 1px dashed #333;
			border-top: 1px dashed #333;*/
			background:#121212;
			margin: 10px 0;
			padding: 0;
			text-align: left;
			width: 100%;
		}
	
			.hentry .entry-meta ul { }
	
				.hentry .entry-meta li {
					border-left: 1px solid #444;
					display: inline-block;
					padding: 0 10px;
				}
	
				.hentry .entry-meta li:first-child {
					border-left: none;
					padding-left: 0;
					display: inline-table;
					vertical-align: middle;
				}
	
				.hentry .entry-meta li:last-child { padding-right: 0; }
	
				.hentry .entry-meta li .title { }
	
					.hentry .entry-meta .post-format {
						/*background: none;
						height: auto;*/
						margin: 0;
						/*text-indent: 0;
						width: auto;*/
					}
	
	.home article a.viewport_js, .search article a.viewport_js, .archive article a.viewport_js {
		height: 211px;
		margin-bottom:5px;}
	
	.single-portfolio #main {
	width: 680px;}
}


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

	.entry-image, .entry-video, .entry-audio {
		width:680px;
	}
	
	#logo {	margin-left: 442px;}
	
	#footer .container .three-fourth {width:360px;}
	
	.single-portfolio #main {width: 458px;}
		
	.home article a.viewport_js {
		height: 140px;
		margin-bottom:15px;}
		
	.home article a.viewport_js span.dark-background {padding-top: 50px;}
			
	.home article a.viewport_js span.dark-background span:before {display:none;}
	
	/*Pages CONTACT ET ABOUT*/
	.page-id-5498 #main .three-fourth {width: 355px;}


	/* -------------------------------------------------- */
	/*	Pricing Tables > Tooltip
	/* -------------------------------------------------- */

	.simple-pricing-table .features li[data-tooltip],
	.extended-pricing-table .features li[data-tooltip] { cursor: help; }

	.ie7 .simple-pricing-table .features li[data-tooltip],
	.ie7 .extended-pricing-table .features li[data-tooltip] { cursor: auto; }

		.simple-pricing-table .features li[data-tooltip]:hover,
		.extended-pricing-table .features li[data-tooltip]:hover { color: #54555a; }

	/* Tooltip container */
	.simple-pricing-table .features li[data-tooltip]:before,
	.extended-pricing-table .features li[data-tooltip]:before {
		background: #fff8de;
		border: 1px solid #fee5a2;
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
		   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
		        box-shadow: 0 0 10px rgba(0, 0, 0, .10);
		bottom: 0;
		color: #7b7b7b;
		content: attr(data-tooltip) !important; 
		font-size: 11px;
		left: 9px;
		line-height: 1.5;
		opacity: 0;
		padding: 5px 10px;
		position: absolute;
		text-align: center;
		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		     -o-transition: all .2s ease-in-out;
		        transition: all .2s ease-in-out;
		width: 143px;
		z-index: 98;

	}

	.simple-pricing-table .features li[data-tooltip]:before {
		left: 10px;
		width: 192px;
	}

	.extended-pricing-table .features-list .features li[data-tooltip]:before {
		left: 10px;
		text-align: left;
		width: 158px;
	}

		.simple-pricing-table .features li[data-tooltip]:hover:before,
		.extended-pricing-table .features li[data-tooltip]:hover:before {
			bottom: 100%;
			opacity: 1;
		}



	/* Tooltip arrow */
	.not-ie .simple-pricing-table .features li[data-tooltip]:after,
	.not-ie .extended-pricing-table .features li[data-tooltip]:after {
		background: #fff8de;
		border-bottom: 1px solid #fee5a2;
		border-right: 1px solid #fee5a2;
		-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
		   -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
		        box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
		bottom: 0;
		content: '';
		display: block;
		height: 10px;
		left: 50%;
		margin: 0 0 0 -5px;
		opacity: 0;
		position: absolute;
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
		     -o-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		     -o-transition: all .2s ease-in-out;
		        transition: all .2s ease-in-out;
		width: 10px;
		z-index: 99;
	}

		.simple-pricing-table .features-list .features li[data-tooltip]:after,
		.extended-pricing-table .features-list .features li[data-tooltip]:after {
			left: 22px;
			margin-left: 0;
		}

		.not-ie .simple-pricing-table .features li[data-tooltip]:hover:after,
		.not-ie .extended-pricing-table .features li[data-tooltip]:hover:after {
			bottom: 30px;
			opacity: 1;
		}

		.simple-pricing-table .features li[data-tooltip]:hover:after { bottom: 24px !important; }

	.ie8 .simple-pricing-table .features li[data-tooltip]:before,
	.ie8 .simple-pricing-table .features li[data-tooltip]:after,
	.ie8 .extended-pricing-table .features li[data-tooltip]:before,
	.ie8 .extended-pricing-table .features li[data-tooltip]:after { display: none; }

		.ie8 .simple-pricing-table .features li[data-tooltip]:hover:before,
		.ie8 .extended-pricing-table .features li[data-tooltip]:hover:before { display: block; }

	/* -------------------------------------------------- */
	/*	Home > Slider
	/* -------------------------------------------------- */
	
	.ss-slider .slides-container { display: block; }
	.ss-slider .slide-images-container { display: none; }

	/* -------------------------------------------------- */
	/*	BLOG > Comments
	/* -------------------------------------------------- */
	
	#main .comment .comment-body, #main .comment .comment-meta {width: 611px;}

	.single-post .entry-image, .entry-video, .entry-audio {width:680px;}
}
	
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
	#promo_dps a{
	bottom:-64px;
	height:64px;
	background:#394345 url(images/promo_dps_750.jpg) no-repeat center top;}
	
	img#close_promo_dps {margin-top:-18px;}
		
	.home article a.viewport_js, .search article a.viewport_js, .archive article a.viewport_js {
		margin-bottom:5px;}
		
	.home article a.viewport_js span.dark-background, .search article a.viewport_js span.dark-background, .archive article a.viewport_js span.dark-background {visibility:hidden;}

	/*Pages CONTACT ET ABOUT*/
	.page-id-16216 #main, .page-id-5498 #main { width: 970px; margin-right:none;}
	
	/* -------------------------------------------------- */
	/*	Home > Slider
	/* -------------------------------------------------- */
	
	.ss-slider .slides-container { display: none; }
	.ss-slider .slide-images-container { display: block; }	
	.ss-slider .slide-bg-image { display: none; }	
	.ss-slider .slide-bg-image:first-child, .no-js.ss-slider .slide-bg-image { display: block; }

		/* ---------------------------------------- */
		/*	Button
		/* ---------------------------------------- */

		.no-js .ss-slider .slide-button { width: 100% !important; }

		.ss-slider .slide-button { width: 50% !important; }
		
		.ss-slider.fully-loaded  .slide-button.active { border-top-color: #f15a23; }
		
		/* ---------------------------------------- */
		/*	Content & Pagination
		/* ---------------------------------------- */

		.ss-slider .content-container.center, .ss-slider .pagination-container.center a { top: 95px; }
		
		/* ---------------------------------------- */
		/*	Active Slide Bar
		/* ---------------------------------------- */

		.ss-slider .active-slide-bar { display: none; }
		
	/* -------------------------------------------------- */
	/*	Header
	/* -------------------------------------------------- */

	#logo { max-height: 100%; }

	/* -------------------------------------------------- */
	/*	Content
	/* -------------------------------------------------- */

	#content img {
		height: auto;
		max-width: 100%;
	}
	
	/* -------------------------------------------------- */
	/*	Widgets > Content Tabs
	/* -------------------------------------------------- */

	.tabs-nav li { float: none; }

	.tabs-nav li,
	.tabs-nav li.active { line-height: 32px; }

		.tabs-nav li a {
			border-left: 1px solid #eaeaea;
			border-top: none;
		}

		.tabs-nav li:first-child a { border-top: 1px solid #eaeaea; }
		
			.tabs-nav li.active a { border-bottom: 1px solid #eaeaea; }

	/* -------------------------------------------------- */
	/*	Simple Pricing Table
	/* -------------------------------------------------- */

	.simple-pricing-table .column { margin-bottom: 20px !important; }

	/* -------------------------------------------------- */
	/*	Extended Pricing Table
	/* -------------------------------------------------- */

	.extended-pricing-table .features li:before {
		color: #7b7b7b;
		content: attr(data-feature) ':' !important;
		display: block;
		font-weight: 700;
		text-align: center;
	}

	.extended-pricing-table .features-list { display: none; }

	/* -------------------------------------------------- */
	/*	Potrfolio
	/* -------------------------------------------------- */

	#portfolio-items-filter {
		float: none;
		margin: 0 0 20px;
	}

		#portfolio-items-filter li:first-child { display: none !important; }

		#portfolio-items-filter a { display: block !important; }

		/* ---------------------------------------- */
		/* Single Project
		/* ---------------------------------------- */

		.portfolio-pagination {
			float: none;
			margin-bottom: 20px;
			margin-top: 0;
		}

		.portfolio-pagination .button { margin-bottom: 0 !important; }

			.single-portfolio .page-header .button {
				margin-bottom: 20px;
				margin-top: 0;
			}

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

		/* ---------------------------------------- */
		/*	Contact Info
		/* ---------------------------------------- */

		.contact-info li {
			border-bottom: 1px dotted #4b4b4b;
			display: block;
			margin-left: 0;
			padding-bottom: 5px;
		}
		
		.contact-info li:last-child { border-bottom: none; }

		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */

		.social-links li:nth-child(6n+1) { margin-left: 15px; }

		.social-links li:nth-child(6n) { margin-right: 0; }

}

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

	.infobox .one-half { width: 338px; }

	.infobox .one-third { width: 218px; }

		 .infobox .two-third { width: 458px; }

	.infobox .one-fourth { width: 159px; }

		.infobox .three-fourth { width: 517px; }

	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */

	.container { width: 748px; }

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

		.one-half { width: 364px; }

		.one-third { width: 236px; }

		.two-third { width: 492px; }

		.one-fourth { width: 172px; }

		.three-fourth { width: 556px; }

		#main #portfolio-items .one-third {
			width: 236px; 
		}
	/* -------------------------------------------------- */
	/*	Content > Main
	/* -------------------------------------------------- */

		#main { width: 438px; }
		
		/*Pages PORTFOLIO, CONTACT ET ABOUT*/
		.page-id-15688  #main { width: 100%; margin-right:none;}
		.page-id-16216 #main, .page-id-5498 #main { width: 748px; margin-right:none;}

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

		#main .one-half { width: 234px; }

		#main .one-third { width: 149px; }

			#main .two-third { width: 319px; }

		#main .one-fourth { width: 107px; }

			#main .three-fourth { width: 361px; }
		
	/* -------------------------------------------------- */
	/*	Header
	/* -------------------------------------------------- */

	/*#header { height: 72px; }*/

	#logo { margin-left: 327px; }

		/* ---------------------------------------- */
		/*	Main Navigation
		/* ---------------------------------------- */

			/*#main-nav a { padding: 26px 20px; }*/

			#main-nav a:after {
				content: '';
				display: none;
			}
	
	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */
		
		/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */
			
		.acc-container .content .one-half { width: 326px; }

		.acc-container .content .one-third { width: 211px; }

			 .acc-container .content .two-third { width: 442px; }

		.acc-container .content .one-fourth { width: 153px; }

			.acc-container .content .three-fourth { width: 500px; }

		/* ---------------------------------------- */
		/*	Content Tabs
		/* ---------------------------------------- */

		.tab-content .one-half { width: 344px; }

		.tab-content .one-third { width: 222px; }

			 .tab-content .two-third { width: 466px; }

		.tab-content .one-fourth { width: 162px; }

			.tab-content .three-fourth { width: 526px; }
			
	/* -------------------------------------------------- */
	/*	Home
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Simple Pricing Table
		/* ---------------------------------------- */

		.simple-pricing-table .column { width: 746px; }

		.simple-pricing-table .column.featured { width: 736px; }

		.simple-pricing-table.col2 .column { width: 372px; }
		.simple-pricing-table.col3 .column { width: 248px; }
		.simple-pricing-table.col4 .column { width: 185px; }
		.simple-pricing-table.col5 .column { width: 148px; }

		.simple-pricing-table.col2.featured .column { width: 354px; }
		.simple-pricing-table.col3.featured .column { width: 235px; }
		.simple-pricing-table.col4.featured .column { width: 178px; }
		.simple-pricing-table.col5.featured .column { width: 142px; }

		.simple-pricing-table.col2 .column.featured { width: 382px; }
		.simple-pricing-table.col3 .column.featured { width: 265px; }
		.simple-pricing-table.col4 .column.featured { width: 199px; }
		.simple-pricing-table.col5 .column.featured { width: 165px; }

		/* ---------------------------------------- */
		/*	Extended Pricing Table
		/* ---------------------------------------- */

		.extended-pricing-table .column { width: 748px; }

		.extended-pricing-table.col2 .column { width: 374px; }
		.extended-pricing-table.col3 .column { width: 249px; }
		.extended-pricing-table.col4 .column { width: 187px; }
		.extended-pricing-table.col5 .column { width: 149px; }

		/* ---------------------------------------- */
		/*	Projects Carousel & Post Carousel
		/* ---------------------------------------- */

		.projects-carousel > li, .post-carousel > li { width: 236px; }

		/* ---------------------------------------- */
		/*	Post Carousel
		/* ---------------------------------------- */
			
		#content .post-carousel .entry-body { width: 191px; }

	/* -------------------------------------------------- */
	/*	Blog
	/* -------------------------------------------------- */

	.entry-body { width: 618px; }

	#main .entry-body { width: 100%; }
	
	.hentry .entry-meta {
			/*border-bottom: 1px dashed #333;
			border-top: 1px dashed #333;*/
			background:#121212;
			margin: 10px 0;
			padding: 0;
			text-align: left;
			width: 100%;
		}
	
			.hentry .entry-meta ul { }
	
				.hentry .entry-meta li {
					border-left: 1px solid #444;
					display: inline-block;
					padding: 0 10px;
				}
	
				.hentry .entry-meta li:first-child {
					border-left: none;
					padding-left: 0;
					display: inline-table;
					vertical-align: middle;
				}
	
				.hentry .entry-meta li:last-child { padding-right: 0; }
	
				.hentry .entry-meta li .title { }
	
					.hentry .entry-meta .post-format {
						/*background: none;
						height: auto;*/
						margin: 0;
						/*text-indent: 0;
						width: auto;*/
					}
	
		/* ---------------------------------------- */
		/*	Comments
		/* ---------------------------------------- */

		.comment .comment-body, .comment .comment-meta { width: 659px; }

			#main .comment .comment-body, #main .comment .comment-meta { width: 369px; }

			.commentlist .children { padding: 0 0 0 55px; }

				.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta  { width: 574px; }
				.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta  { width: 519px; }
				.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta  { width: 464px; }
				.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta  { width: 409px; }

				#main .commentlist .children .depth-2 .comment-body, #main .commentlist .children .depth-2 .comment-meta  { width: 314px; }
				#main .commentlist .children .depth-3 .comment-body, #main .commentlist .children .depth-3 .comment-meta  { width: 259px; }
				#main .commentlist .children .depth-4 .comment-body, #main .commentlist .children .depth-4 .comment-meta  { width: 204px; }
				#main .commentlist .children .depth-5 .comment-body, #main .commentlist .children .depth-5 .comment-meta  { width: 149px; }

		/* ---------------------------------------- */
		/*	Respond
		/* ---------------------------------------- */

		#commentform input { width: 214px; }

		#main #commentform input { width: 110px; }

			.commentlist .children .depth-2 #commentform input { width: 195px; }
			.commentlist .children .depth-3 #commentform input { width: 177px; }
			.commentlist .children .depth-4 #commentform input { width: 159px; }

			#main .commentlist .children .depth-2 #commentform input,
			#main .commentlist .children .depth-2 #commentform textarea { width: 411px; }
			#main .commentlist .children .depth-3 #commentform input,
			#main .commentlist .children .depth-3 #commentform textarea  { width: 356px; }
			#main .commentlist .children .depth-4 #commentform input,
			#main .commentlist .children .depth-4 #commentform textarea { width: 301px; }

		#commentform textarea { width: 726px; }

		#main #commentform textarea { width: 416px; }

	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */

	#map, #map .wpgmappity_container { height: 340px !important; }

	.wpcf7-form input { width: 150px; }

	.wpcf7-form textarea { width: 534px; }

	/* -------------------------------------------------- */
	/*	Footer > Social Links
	/* -------------------------------------------------- */
				
	.social-links li:nth-child(5n+1) { margin-left: 0; }

	.social-links li:nth-child(5n) { margin-right: 10px; }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	#promo_dps a{
	bottom:-77px;
	height:77px;
	background:#394345 url(images/promo_dps_mobile.jpg) no-repeat center top;}
	
	img#close_promo_dps {margin-top:-10px; margin-right: 10px;}
	
	/* -------------------------------------------------- */
	/*	Basic Elements & Classes
	/* -------------------------------------------------- */
	.infobox .one-half,
	.infobox .one-third,
	.infobox .two-third,
	.infobox .one-fourth,
	.infobox .three-fourth { width: 248px; }

	.fluid-width-video-wrapper { margin-bottom: 10px; }
			
	/* -------------------------------------------------- */
	/*	Generic Classes
	/* -------------------------------------------------- */

	.align-left, .align-right { float: none; }
		
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */

	.container { width: 300px; }

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

		.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
			float: none;
			margin-right: 0;
		}

		.one-half, #main .one-half,
		.one-third, #main .one-third,
		.two-third, #main .two-third,
		.one-fourth, #main .one-fourth,
		.three-fourth, #main .three-fourth { width: 300px; }
		
	/* -------------------------------------------------- */
	/*	Header
	/* -------------------------------------------------- */

	#header { height: auto; padding-top:0;}

		#logo {
			float: none;
			margin-left: 105px;
			margin-top: 30px;
		}
		
		#socialBarTop p {
			margin: 0 auto;
			padding: 3px 20px;
			width: auto;
		}


		/* ---------------------------------------- */
		/*	Main Navigation
		/* ---------------------------------------- */

		#main-nav {
			float: none;
			position:inherit;
			width:420px;
			padding-top:70px;
			background:none;
			margin-top:0;
		}
		
			/*
			#main-nav li { width: 50%; }

				#main-nav a {
					border-bottom-color: #efefef;
					padding: 16px 20px 30px;
				}*/

				#main-nav > ul > li:last-child a { border-bottom-color: transparent; }

				#main-nav > ul > .current:last-child a { border-bottom-color: #f15a23; }

				#main-nav ul ul { width: 100%; }

				.no-js #main-nav li:hover > ul, #main-nav ul ul { top: 72px; }

					#main-nav ul ul li { width: auto; }

						#main-nav ul ul li:first-child > a { border-top: none; }

						#main-nav ul ul li:last-child > a { border-bottom: none; }

						#main-nav ul ul ul {
							border-bottom: 1px solid #252525;
							-webkit-box-shadow: none;
							   -moz-box-shadow: none;
									box-shadow: none;
							display: block !important;
							left: 0 !important;
							margin: 0;
							top: 0 !important;
							position: relative;
						}

						#main-nav ul ul li:last-child ul {
							border-top: 1px solid #252525;
							border-bottom: none;
						}

							#main-nav ul ul ul a { padding-left: 30px; }

								#main-nav ul ul ul li:first-child a { border-top: 1px solid #4c4c4c; }
						
	/* -------------------------------------------------- */
	/*	Content > Main
	/* -------------------------------------------------- */

	#main {
		border-bottom: 1px solid #444;
		float: none;
		margin-right: 0;
		padding-bottom: 20px;
		width: 100%;
	}
	
	/*Pages CONTACT ET ABOUT*/
	.page-id-16216 #main, .page-id-5498 #main { width: 100%;}

	/* -------------------------------------------------- */
	/*	Image Gallery Slider
	/* -------------------------------------------------- */
	
	.image-gallery-slider { margin-bottom: 10px; }
	
	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */
		
		/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */
		
		.acc-container .content .one-half,
		.acc-container .content .one-third,
		.acc-container .content .two-third,
		.acc-container .content .one-fourth,
		.acc-container .content .three-fourth { width: 225px; }
				
		/* ---------------------------------------- */
		/*	Content Tabs
		/* ---------------------------------------- */
				
		.tab-content .one-half,
		.tab-content .one-third,
		.tab-content .two-third,
		.tab-content .one-fourth,
		.tab-content .three-fourth { width: 260px; }

	/* -------------------------------------------------- */
	/*	Extended Pricing Table
	/* -------------------------------------------------- */

	.extended-pricing-table .column { margin-bottom: 20px; }

	.extended-pricing-table .column.featured { margin-bottom: 10px; }

	/* -------------------------------------------------- */
	/*	Home > Slider
	/* -------------------------------------------------- */

		.ss-slider.fully-loaded, .ss-slider.fully-loaded .slide-images-container { background: #fff url(images/loader.gif) no-repeat center 50%; }
	
		/* ---------------------------------------- */
		/*	Button
		/* ---------------------------------------- */
		
		.js .ss-slider .buttons-container { display: none; }
		
		/* ---------------------------------------- */
		/*	Content
		/* ---------------------------------------- */
		
		.ss-slider .content-container, .ss-slider:hover .content-container, .no-js .ss-slider .slide-content { display: none; }
		
		/* ---------------------------------------- */
		/*	Pagination
		/* ---------------------------------------- */

		.ss-slider .pagination-container a {
			background-color: rgba(241, 90, 35, 0.6);
			background-image: url(images/slider-arrows-medium.png) !important;
			bottom: 50% !important;
			height: 49px !important;
			margin: 0 0 -25px 0 !important;
			filter: alpha(opacity=60) !important; /* Fallback for old IE */
			opacity: 1 !important;
			right: auto !important;
			top: auto !important;
			width: 25px !important;
		}

		.ss-slider .pagination-container .prev {
			background-position: -7px center !important;
			left: 0 !important;
			right: auto !important;
		}

		.ss-slider .pagination-container .next {
			background-position: -46px center !important;
			left: auto !important;
			right: 0 !important;
		}

			.ss-slider .pagination-container a:hover {
				background-color: rgba(241, 90, 35, 1);
				filter: alpha(opacity=100); /* Fallback for old IE */
			}

	/* -------------------------------------------------- */
	/*	Blog
	/* -------------------------------------------------- */

	.entry-image, .entry-video, .entry-audio { margin-bottom: 10px; }

	.single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image { margin-bottom: 0; }

	.hentry .entry-body, #main .entry-body {
		float: none;
		margin: 0;
		width: 100%;
	}
					
	.hentry .entry-meta {
		/*border-bottom: 1px dashed #333;
		border-top: 1px dashed #333;*/
		background:#121212;
		float: none;
		margin: 10px 0;
		padding: 0;
		text-align: left;
		width: 100%;
	}

		.hentry .entry-meta ul { }

			.hentry .entry-meta li {
				border-left: 1px solid #444;
				display: inline-block;
				padding: 0 10px;
			}

			.hentry .entry-meta li:first-child {
				border-left: none;
				padding-left: 0;
				display: inline-table;
				vertical-align: middle;
			}

			.hentry .entry-meta li:last-child { padding-right: 0; }

			.hentry .entry-meta li .title { }

				.hentry .entry-meta .post-format {
					/*background: none;
					height: auto;*/
					margin: 0;
					/*text-indent: 0;
					width: auto;*/
				}

	/* ---------------------------------------- */
	/*	Respond
	/* ---------------------------------------- */

	.commentlist .children .depth-2 #commentform input, .commentlist .children .depth-2 #commentform textarea { width: 358px !important; }
	.commentlist .children .depth-3 #commentform input, .commentlist .children .depth-3 #commentform textarea { width: 318px !important; }
	.commentlist .children .depth-4 #commentform input, .commentlist .children .depth-4 #commentform textarea { width: 278px !important; }

	.form-allowed-tags { display: none; }

	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */

	.wpcf7-form .input-block, #commentform .input-block {
		float: none;
		margin: 0 0 20px 0;
	}

		.wpcf7-form input, #commentform input,
		.wpcf7-form textarea, #commentform textarea { width: 398px !important; }

	/* -------------------------------------------------- */
	/*	Sidebar
	/* -------------------------------------------------- */

	#sidebar {
		float: none;
		margin-top: 40px;
		width: 100%;
	}

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

	.not-ie #footer .container:after { top: -56px; }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#sidebar .widget_wysija_cont #form-wysija-2 input[type="submit"]{height:36px; position: relative; top: 0px;}

	.home article a.viewport_js { height: auto;}
	
	#header{padding-top: 0;}

	.single-portfolio #main {width: auto;}
	#main-nav li { width: 100%; }

		#main-nav a { padding: 18px; }
				
			#main-nav a:after, #main-nav > ul { display: none; }
			#main-nav a:after { content: ''; }

			#main-nav ul ul a:after { color: #333; }

		.no-js #main-nav > ul, #main-nav .responsive-nav { display: block; }

		.no-js #main-nav li:hover > ul { top: 62px; }


	#logo {float:left; margin-left:160px;}
	
	/* -------------------------------------------------- */
	/*	Basic Elements & Classes
	/* -------------------------------------------------- */

	.infobox .one-half,
	.infobox .one-third,
	.infobox .two-third,
	.infobox .one-fourth,
	.infobox .three-fourth { width: 368px; }
		
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */

	.container { width: 420px; }

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

		.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
			float: none;
			margin-right: 0;
		}

		.one-half, #main .one-half,
		.one-third, #main .one-third,
		.two-third, #main .two-third,
		.one-fourth, #main .one-fourth,
		.three-fourth, #main .three-fourth,
		#main #portfolio-items .one-third { width: 420px; }
		
	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */
		
		/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */
		
		.acc-container .content .one-half,
		.acc-container .content .one-third,
		.acc-container .content .two-third,
		.acc-container .content .one-fourth,
		.acc-container .content .three-fourth { width: 345px; }
				
		/* ---------------------------------------- */
		/*	Content Tabs
		/* ---------------------------------------- */
				
		.tab-content .one-half,
		.tab-content .one-third,
		.tab-content .two-third,
		.tab-content .one-fourth,
		.tab-content .three-fourth { width: 380px; }
		
	/* -------------------------------------------------- */
	/*	Home
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Simple Pricing Table
		/* ---------------------------------------- */

		.simple-pricing-table .column { width: 418px; }

			.simple-pricing-table .column.featured { width: 408px; }

		.simple-pricing-table.col2 .column { width: 208px !important; }
		.simple-pricing-table.col3 .column,
		.simple-pricing-table.col4 .column, .simple-pricing-table.col5 .column { width: 204px !important; }

		/* ---------------------------------------- */
		/*	Extended Pricing Table
		/* ---------------------------------------- */

		.extended-pricing-table .column { width: 420px; }

		.extended-pricing-table.col2 .column, .extended-pricing-table.col3 .column,
		.extended-pricing-table.col4 .column, .extended-pricing-table.col5 .column { width: 210px; }

		/* ---------------------------------------- */
		/*	Projects Carousel & Post Carousel
		/* ---------------------------------------- */

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

		/* ---------------------------------------- */
		/*	Post Carousel
		/* ---------------------------------------- */
		
		#content .post-carousel .entry-body { width: 155px; }

	/* -------------------------------------------------- */
	/*	Blog > Comments
	/* -------------------------------------------------- */

	.comment .comment-body, .comment .comment-meta { width: 351px !important; }

		.commentlist .children { padding: 0 0 0 40px; }

			.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta  { width: 311px !important; }
			.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta  { width: 271px !important; }
			.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta  { width: 231px !important; }
			.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta  { width: 191px !important; }
			
	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */

	#map, #map .wpgmappity_container { height: 240px !important; }

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

		/* ---------------------------------------- */
		/*	Contact Info
		/* ---------------------------------------- */

		.contact-info { margin-bottom: 20px; }

		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */
				
		.social-links li:nth-child(12n+1) { margin-left: 0; }

		.social-links li:nth-child(12n) { margin-right: 15px; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	#promo_dps a{
	bottom:-77px;
	height:77px;
	background:#394345 url(images/promo_dps_mobile_small.jpg) no-repeat center top;}
	
	img#close_promo_dps {display:none;}
	
	.titre_section_hp {	font-size:27px;	}

	#desc_logo {display:none}	
	
	.home article a.viewport_js { height: auto;}
	
	.home.blog #content, #content { padding-top: 20px;}
	
	.single-portfolio #main {width: auto;}
	
	/* -------------------------------------------------- */
	/*	Header > Main Navigation
	/* -------------------------------------------------- */
	
	#socialBarTop {display:none;}

	#header{padding-top: 30px;}
	#main-nav { width:300px; padding-top: 0; margin-top:20px}
	#main-nav li { width: 100%; }

		#main-nav a { padding: 18px; }
				
			#main-nav a:after, #main-nav > ul { display: none; }
			#main-nav a:after { content: ''; }

			#main-nav ul ul a:after { color: #333; }

		.no-js #main-nav > ul, #main-nav .responsive-nav { display: block; }

		.no-js #main-nav li:hover > ul { top: 62px; }

	/* -------------------------------------------------- */
	/*	Home
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Simple Pricing Table
		/* ---------------------------------------- */

		.simple-pricing-table .column { width: 298px !important; }

			.simple-pricing-table .column.featured {
				margin-top: 0;
				width: 288px !important;
			}

		/* ---------------------------------------- */
		/*	Extended Pricing Table
		/* ---------------------------------------- */

		.extended-pricing-table .column { width: 300px !important; }

			.extended-pricing-table .column.featured {
				margin-bottom: 20px;
				margin-top: 10px;
			}

			.extended-pricing-table .features { background: #f8f8f8 !important; }

			.extended-pricing-table .featured .features { background: #fff !important; }

			.extended-pricing-table .features li {
				background: none !important;
				border-bottom: none;
				border-top: 1px solid #fff;
				float: left;
				width: 129px;
			}

			.extended-pricing-table .features li:nth-child(odd) { border-right: 1px solid #fff; }

			.extended-pricing-table .featured .features li:nth-child(odd) { border-right: 1px solid #f6f6f6; }

			.extended-pricing-table .features li:nth-child(4n-1),
			.extended-pricing-table .features li:nth-child(4n-4) { background: #f0f0f0 !important; }

			.extended-pricing-table .featured .features li:nth-child(4n-1),
			.extended-pricing-table .featured .features li:nth-child(4n-4) { background: #f6f6f6 !important; }

			.extended-pricing-table .footer {
				border-top: 1px solid #fff;
				clear: both;
				padding: 12px 10px !important;
				width: 279px;
			}

		/* ---------------------------------------- */
		/*	Projects Carousel
		/* ---------------------------------------- */

		.projects-carousel > li, .post-carousel > li { width: 300px; }

		/* ---------------------------------------- */
		/*	Post Carousel
		/* ---------------------------------------- */
			
		#content .post-carousel .entry-body { width: 255px; }

	/* -------------------------------------------------- */
	/*	Blog
	/* -------------------------------------------------- */

	.hentry .entry-meta li {
		width: 85px;
	}
	
	.hentry .entry-meta li:nth-child(1), .hentry .entry-meta li:nth-child(2), .hentry .entry-meta li:nth-child(3) {
	}
	
	.hentry .entry-meta li:nth-child(2){border-left:none; width:76px;}

	.hentry .entry-meta li:nth-child(4) {
		padding-right: 0;
	}
	
	
	.hentry .entry-meta {
		float: none;
		margin: 10px 0;
		padding: 4px 0;
		text-align: left;
		width: 100%;
	}

		.hentry .entry-meta ul { }

			.hentry .entry-meta li {
				border-left: 1px solid #444;
				display: inline-block;
				padding: 0 10px;
				vertical-align: middle;
				text-align:center;
			}

			.hentry .entry-meta li:first-child {
				display:none;
			}

			.hentry .entry-meta li:last-child { padding-right: 0; }

			.hentry .entry-meta li .title {}

				.hentry .entry-meta .post-format {
					 background-color: #111111;
					background-image: url("images/icon-post-formats.png");
					background-position: 0 0;
					background-repeat: no-repeat;
					color: #959393;
					cursor: pointer;
					display: block;
					height: 33px;
					text-align: left;
					text-indent: -9999px;
					width: 33px;
				}

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

		.comment .avatar { margin-bottom: 10px; }

		.comment .comment-meta {
			margin-top: 5px;
			width: 231px;
		}

			.comment .author, .comment .author a { margin-top: 5px; }

		.comment .comment-body, #main .comment .comment-body {
			clear: both;
			float: none;
			margin-left: 0;
			margin-top: 20px;
			width: 100%;
		}

			.comment .comment-meta { width: 231px !important; }

				.commentlist .children { padding: 0 0 0 20px; }

					.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta  { width: 211px !important; }
					.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta  { width: 191px !important; }
					.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta  { width: 171px !important; }
					.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta  { width: 151px !important; }

	/* ---------------------------------------- */
	/*	Respond
	/* ---------------------------------------- */

	.commentlist .children .depth-2 #commentform input, .commentlist .children .depth-2 #commentform textarea { width: 258px !important; }
	.commentlist .children .depth-3 #commentform input, .commentlist .children .depth-3 #commentform textarea { width: 238px !important; }
	.commentlist .children .depth-4 #commentform input, .commentlist .children .depth-4 #commentform textarea { width: 218px !important; }

	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */

	#map, #map .wpgmappity_container { height: 140px !important; }

		.wpcf7-form input, #commentform input,
		.wpcf7-form textarea, #commentform textarea { width: 278px !important; }

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

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

		#footer .widget_nav_menu li {
			border-top: 1px dotted #4b4b4b;
			padding: 5px 0;
			width: 100%;
		}
		
		#footer .widget_nav_menu li:first-child { border-top: none; }


			#footer .widget_nav_menu li a {
				border: none;
				padding: 0;
			}

		/* ---------------------------------------- */
		/*	Contact Info
		/* ---------------------------------------- */

		.contact-info { margin-bottom: 20px; }

		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */
				
		.social-links li:nth-child(8n+1) { margin-left: 0; }

		.social-links li:nth-child(8n) { margin-right: 15px; }

}