/*
* Author: Wisely Themes
* Author URI: http://creativemarket.com/wiselythemes
* Theme Name: Arctic
* Theme URI: http://www.wiselythemes.com/arctic
* Version: 1.0.0
*/


/* Imports
================================================== */
@import url('./skeleton.css'); /* import skeleton stylesheet */


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Pattern and Color Configuration
	#Site Styles
	 - HEADER
	 - HOME CONTENT
	 - FOOTER
	#Page Styles
	#Media Queries */
	
	
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
	
	a{
		text-decoration:none; }

	a:hover{
		text-decoration:underline;}


/* #Basic Styles
================================================== */
	body {
		background-color:#E8E8E8;
		color:#303030;  /* HB was 747474 */
		font-family: 'Lato', sans-serif;
		font-weight:400;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		font-size:10pt;
	}
	
	input, textarea{
		font-family: 'Lato', sans-serif;
	}

	.left{
		float:left !important;
	}

	.right{
		float:right !important;
	}
	
	.justify{
		text-align:justify;
	}
		
	.line-height{
		line-height: 12pt;
	}
	
	input[type="text"], textarea{
		padding:0 4%;
		font-size:9pt;
		width:92%;
		border:1px solid #cecece;
		outline: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background: #ffffff;
		color:#747474;
		margin-bottom:10px;
		-webkit-transition: all 400ms; 
		-moz-transition: all 400ms; 
		-o-transition: all 400ms;
		transition: all 400ms;
	}
	
	input[type="text"]:focus, textarea:focus{
		border-color: #bfbfbf;
		-moz-box-shadow: 0 0 10px #bfbfbf;
		-webkit-box-shadow: 0 0 10px #bfbfbf;
		box-shadow: 0 0 10px #bfbfbf;
		outline: none;
	}
	
	input{
		height:35px;
		line-height:35px;
	}
	
	textarea{
		resize:none;
		height:104px;
		width:96%;
		text-indent:0;
		padding:8px 2%;
	}
	
	.ie input{
		line-height:35px;
	}
	

/* #Pattern and Color Configuration
================================================== */
	.bg-pattern{
		background:url('../imgs/patterns/pattern1_white.png');
	}

	.bg-color{
		background-color:#0e96f0;
	}

	.txt-highlight-color{
		color:#0080ff; /* HB was #0e96f0 */
	}

	.border-color{
		border-color:#0e96f0;
	}

	a{
		color:#0e96f0;
	}
	
	.hcfc{
		color:#ffffff;
	}
	

/* #Site Styles
================================================== */
	/* HEADER -------------------- */
		#header-home{
			position:relative;
			width:100%;
			height:482px;
			clear:both;
		}
		
		#header-home-revolution{
			position:relative;
			width:100%;
			clear:both;
			height:482px;
		}

		.bg-shadows{
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			background:url('../imgs/banner_shadows.png') center bottom no-repeat;
		}
		
		#top-box{
			position:relative;
			z-index:1001;
		}
		
		#logo{
			text-align:center;
			float:left;
			margin-top:12px;
		}
		
		#logo img{
			max-width:100%;
		}


		/* Navigation -------------- */
			#nav{
				float:right;
				position:relative;
				margin:18px 0 18px;
				-webkit-transition: none;
				-moz-transition: none;
				-o-transition: none;
				transition: none;
			}

			.sf-menu, .sf-menu * {
				margin:			0;
				padding:		0;
				list-style:		none;
			}

			.sf-menu{
			}

			.sf-menu ul {
				position:		absolute;
				top:			-999em;
				width:			160px; /* left offset of submenus need to match (see below) */
			}
			.sf-menu ul li {
				width:			100%;
			}
			.sf-menu li:hover {
				visibility:		inherit; /* fixes IE7 'sticky bug' */
			}
			.sf-menu li {
				float:			left;
				position:		relative;
			}
			.sf-menu a {
				display:		block;
				position:		relative;
			}

			.sf-menu a:hover {
				text-decoration:none;
			}

			.sf-menu li:hover ul,
			.sf-menu li.sfHover ul {
				left:			0;
				top:			46px; 
				z-index:		99;
				padding-top:1px;
			}
			ul.sf-menu li:hover li ul,
			ul.sf-menu li.sfHover li ul {
				top:			-999em;
			}
			ul.sf-menu li li:hover ul,
			ul.sf-menu li li.sfHover ul {
				left:			160px; /* match ul width */
				top:			0;
			}
			ul.sf-menu li li:hover li ul,
			ul.sf-menu li li.sfHover li ul {
				top:			-999em;
			}
			ul.sf-menu li li li:hover ul,
			ul.sf-menu li li li.sfHover ul {
				left:			160px; /* match ul width */
				top:			0;
			}

			/* SKIN --- */
			.sf-menu{
				float:right;
				height:46px;
				list-style:none;
				background-color:#EBEBEB;
				-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
				-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
				box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
			}

			.sf-menu li{
				float:left;
				position:relative;
				display:inline;
				font-weight:400;
				text-transform:uppercase;
				height:46px;
				line-height:47px;
				-webkit-transition: all 200ms; 
				-moz-transition: all 200ms; 
				-o-transition: all 200ms;
				transition: all 200ms;
				background-image:url(../imgs/menu_divider.png);
				background-repeat:no-repeat;
				background-position:top right;
				background-color:#EBEBEB;
			}
			
			.sf-menu > li:last-child, .sf-menu li li{
				background-image:none;
			}
		
			.sf-menu > li > a .sf-sub-indicator{
				display:none;
			}
			
			.sf-menu > li:hover a{
				color:#0e96f0;
			}

			.sf-menu li a{
				float:left;
				color:#4b4b4b;
				font-size:9pt;
				padding:0 20px;
				height:47px;
			}		
		
			.sf-menu li a img{
				float:left;
				margin-top:15px;
			}

			.sf-menu > li:hover, .sf-menu > li.selected{
				height:41px;
				border-bottom:5px solid #e2e2e2;
				background-color:#f1f1f1;
			}
			
			.sf-menu > li:hover:after, .sf-menu > li.selected:after {
				content:"";
				position:absolute;
				bottom:-1px;
				left:50%;
				margin-left:-6px;
				width: 0px;
				height: 0px;
				border-style: inset inset solid inset;
				border-width: 0 6px 6px 6px;
				border-color:transparent transparent #e2e2e2 transparent;
			}
			
			.sf-menu li ul{
				-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
				-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
				box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
			}
			
			.sf-menu li li {
				height:35px;
				line-height:35px;
				text-transform:none;
				margin-top:0px;
				font-weight:400;
				border-bottom:1px solid #dedede;
			}
			
			.sf-menu li li:hover, .sf-menu li li.selected{
				height:41px;
				line-height:41px;
				border-bottom:5px solid #e2e2e2;
				background-color:#f1f1f1;
			}

			.sf-menu li li a{
				float:left;
				width:80%;
				padding:0 5% 0 15%;
				height:35px;
			}
			
			.sf-menu li li a, .sf-menu > li.selected > a{
				color:#0e96f0;
			}

			.sf-menu li ul li ul {
				margin-left:1px;
			}
			
			.sf-menu li li:hover a, .sf-menu li li.selected a{
				height:41px;
			}

			.sf-menu li:hover, .sf-menu li.sfHover,
			.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
				outline:		0;
			}
			
			.sf-menu li#search a.icon-search{
				background:url('../imgs/icons/icon_search_black.png') no-repeat;
				width:19px;
				height:19px;
				margin:15px -20px 0 15px;
			}
			
			
			.sf-menu li#search > div{
				display:none;
				position:absolute;
				right:0px;
				top:47px;
				width:222px;
				padding:9px 9px 0;
				background-color:#ebebeb;
				z-index:99;
			}
			
			.sf-menu li#search input{
				float:left;
				width:160px;
				padding:0 8px;
				border:1px solid #D2D2D2;
				background: #fff;
			}
			
			.search-magnifier{
				float:left;
				width:27px;
				height:31px;
				background:url('../imgs/icons/icon_search_ok.png') no-repeat;
				margin:1px 3px 0 0;
			}
			
			#nav-mobile-holder{
				position:relative;
				display:none;
				color:#4B4B4B;
			}
			
			#nav-mobile-holder > div{
				float:left;
				position:relative;
				width:40%;
				height:46px;
				line-height:46px;
				font-weight:700;
				font-size:12pt;
				text-align:center;
				cursor:pointer;
				background:url(../imgs/menu_divider.png) no-repeat top right #EBEBEB;
				-webkit-transition: all 200ms; 
				-moz-transition: all 200ms; 
				-o-transition: all 200ms;
				transition: all 200ms;
			}
			
			#nav-mobile-holder > div:last-child{
				background:none;
			}
			
			#nav-mobile-holder > div:hover, .nav-mobile-div-active{
				height:41px !important;
				border-bottom:5px solid #e2e2e2;
				background-color:#f1f1f1 !important;
				color:#0e96f0;
			}
			
			#nav-mobile-holder > div:hover:after, .nav-mobile-div-active:after{
				content:"";
				position:absolute;
				bottom:-1px;
				left:50%;
				margin-left:-6px;
				width: 0px;
				height: 0px;
				border-style: inset inset solid inset;
				border-width: 0 6px 6px 6px;
				border-color:transparent transparent #e2e2e2 transparent;
			}
			
			#nav-mobile-btn{
				margin-left:10%;
			}
			
			#nav-mobile-holder > div img{
				float:left;
				margin-top:10px;
				margin-left:20%;
			}
			
			#nav-mobile-holder > div #menu-icon{
				float:left;
				margin-top:15px;
				margin-left:20%;
				background:url('../imgs/icons/menu_icon_black.png') no-repeat;
				width:19px;
				height:19px;
				opacity:0.4;
			}
			
			#nav-mobile-holder > div #menu-arrow{
				float:right;
				margin-top:15px;
				margin-left:0;
				margin-right:20%;
				background:url('../imgs/icons/menu_arrow_black.png') no-repeat;
				width:6px;
				height:19px;
				opacity:0.4;
			}
			
			#nav-mobile-holder .icon-search{
				background:url('../imgs/icons/icon_search_black.png') no-repeat;
				width:19px;
				height:19px;
				float:left;
				margin:15px -20% 0 20%;
				opacity:0.4;
			}
			
			#menu-mobile{
				display:none;
				position:absolute;
				left:10%;
				top:47px;
				width:75%;
				padding:0 2.5%;
				background-color:#EBEBEB;
				z-index:99;
				border-bottom:13px solid #f1f1f1;
				-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
				-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
				box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
			}
			
			#menu-mobile .menuSlideUp{
				position:absolute;
				width:100%;
				height:11px;
				bottom:-12px;
				margin-left:-2.5%;
				background:url('../imgs/icons/menu_bottom_icon.png') no-repeat center center;
				cursor:pointer;
			}
			
			#menu-mobile  > li {
				float:left;
				padding:0 8%;
				width:84%;
				border-bottom:1px solid #cecece;
				font-size:10pt;
				font-weight:900;
			}
			
			#menu-mobile > li:last-child {
				border-bottom:none;
			}
			
			#menu-mobile  a{
				float:left;
				width:100%;
				padding:8px 0;
			}
			
			
			#menu-mobile li ul li{
				float:left;
				padding-left:10%;
				width:90%;
				font-weight:700;
			}
			
			#search-input-holder{
				display:none;
				position:absolute;
				right:10%;
				top:47px;
				width:222px;
				padding:9px;
				background-color:#EBEBEB;
				z-index:99;
			}
			
			#search-input-holder input{
				float:left;
				width:160px;
				height:35px;
				line-height:35px;
				padding:0 8px;
				font-size:8pt;
				border:1px solid #D2D2D2;
				outline: none;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				background: #fff;
				margin-bottom:0px;
			}
			
			
			/* Dark Menu Styles*/
			#nav.black .sf-menu, .black .sf-menu li, #nav.black .sf-menu li#search > div{
				background:url(../imgs/menu_divider_black.png) no-repeat top right #333333;
			}
			
			#nav.black .sf-menu li#search input{
				background:#1E1E1E;
				border:1px solid #181818;
			}
			
			#nav.black .sf-menu li a{
				color:#b9b9b9;
			}
			
			#nav.black .sf-menu > li:hover a{
				color:#0e96f0;
			}
			
			#nav.black .sf-menu li:hover, #nav.black .sf-menu li.selected{
				background-color:#181818;
				border-bottom:5px solid #444;
			}
			
			#nav.black .sf-menu > li:hover:after, #nav.black .sf-menu > li.selected:after {
				border-color:transparent transparent #444 transparent;
			}
			
			#nav.black .sf-menu li li{
				border-bottom:1px solid #181818;
			}
			
			#nav.black .sf-menu li li:hover, #nav.black .sf-menu li li.selected{
				border-bottom:5px solid #444;
				background-color:#181818;
			}
			
			#nav.black .sf-menu li li a, #nav.black .sf-menu > li.selected > a{
				color:#0e96f0;
			}
			
			#nav.black .sf-menu li#search a.icon-search{
				background:url('../imgs/icons/icon_search.png') no-repeat;
			}
			
			#nav.black #nav-mobile-holder > div{
				color:#b9b9b9;
				background:url(../imgs/menu_divider_black.png) no-repeat top right #333333;
			}
			
			#nav.black #nav-mobile-holder > div:hover, #nav.black .nav-mobile-div-active{
				background-color:#181818 !important;
				border-bottom:5px solid #444;
			}
			
			#nav.black #nav-mobile-holder > div:hover:after, #nav.black .nav-mobile-div-active:after{
				border-color:transparent transparent #444 transparent;
			}
			
			#nav.black #nav-mobile-holder > div #menu-icon{
				background:url('../imgs/icons/menu_icon.png') no-repeat;
			}
			
			#nav.black #nav-mobile-holder > div #menu-arrow{
				background:url('../imgs/icons/menu_arrow.png') no-repeat;
			}
			
			#nav.black #nav-mobile-holder .icon-search{
				background:url('../imgs/icons/icon_search.png') no-repeat;
			}
			
			#nav.black #menu-mobile, #nav.black #search-input-holder{
				background-color:#333333;
			}
			
			#nav.black #menu-mobile{
				border-bottom:13px solid rgba(0,0,0,0.68);
			}
			
			#nav.black #menu-mobile .menuSlideUp{
				background:url('../imgs/icons/menu_bottom_black_icon.png') no-repeat center center;
			}
			
			#nav.black #menu-mobile  > li {
				border-bottom:1px solid #181818;
			}
			/*End Dark Menu Styles */


	/* HOME CONTENT -------------------- */
		#main{ 
			width: 600px; 
		}
		
		#sidebar{
			width: 300px;
			padding-top:40px;
		}

		#action-box{
			clear:both;
			width:100%;
			line-height:67px;
			background-color:#FAFAFA;
			font-size:18pt;
		}
		
		#action-box strong{
			font-weight:700;
		}

		#action-box a.button{
			margin-top:16px;
		}
		
		.button{
			border:none;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			-moz-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.5);
			-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.5);
			box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.5);
			cursor:pointer;
			display:inline-block;
		}

		.button:hover{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			-moz-box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.5);
			-webkit-box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.5);
			box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.5);
			text-decoration:none;
		}

		.large{
			height:35px;
			padding:0 13px;
			line-height:35px;
			font-size:13pt;
			font-weight:700;
		}

		.large:hover{
			line-height:37px;
			padding:0 12px 0 14px;
		}
		
		.large-icon{
			height:31px !important;
			padding:2px 3px !important;
		}
		
		.large-icon:hover{
			padding:3px 2px 1px 4px !important;
		}
		
		.large-icon img{
			opacity:0.4;
			filter:alpha(opacity=40);
		}
		
		.large-icon-txt{
			line-height:30px;
			font-size:13pt;
			font-weight:700;
			height:31px !important;
			padding:2px 8px 2px 3px!important;
		}
		
		.large-icon-txt:hover{
			padding:3px 7px 1px 4px !important;
		}
		
		.large-icon-txt img{
			float:left;
			margin:0 5px;
			opacity:0.4;
			filter:alpha(opacity=40);
		}
		
		.plus-big, .plus-medium, .plus-small{
			width:40px;
			height:40px;
			font-weight:300;
			text-align:center;
			line-height:37px;
			font-size:34pt;
			color:#fff;
			display:block;
			border-radius:50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			opacity:0.55;
			filter:alpha(opacity=55);
			transition: opacity 300ms;
			-moz-transition: opacity 300ms;
			-webkit-transition: opacity 300ms;
			-o-transition: opacity 300ms;
		}
		
		.plus-medium{
			width:30px;
			height:30px;
			line-height:26px;
			font-size:26pt;
		}
		
		.plus-small{
			float:right;
			width:18px;
			height:18px;
			line-height:16px;
			font-size:15pt;
			margin-top:5px;
		}

		.plus-big:hover, .plus-medium:hover, .plus-small:hover{
			text-decoration:none;
			opacity:1;
			filter:alpha(opacity=100);
		}

		/* Featured Items ------- */
		.triangle-down{
			position:absolute;
			bottom:-7px;
			left:-6px;
			margin-left:50%;
			z-index:10;
			width: 0px;
			height: 0px;
			border-style: solid inset inset inset;
			border-width: 7px 6px 0 6px;
			border-color:#0e96f0 transparent transparent transparent;
		}
		
		.triangle-up{
			position:absolute;
			top:-7px;
			left:-6px;
			margin-left:50%;
			z-index:10;
			width: 0px;
			height: 0px;
			border-style: inset inset solid inset;
			border-width: 0 6px 7px 6px;
			border-color:transparent transparent #0e96f0 transparent;
		}
		
		.triangle-right{
			content:"";
			position:absolute;
			top:50%;
			right:-7px;
			margin-top:-7px;
			z-index:10;
			width: 0px;
			height: 0px;
			border-style: inset inset inset solid;
			border-width: 6px 0px 6px 7px;
			border-color:transparent transparent transparent #0e96f0;
		}
		
		.triangle-left{
			content:"";
			position:absolute;
			top:50%;
			left:-7px;
			margin-top:-7px;
			z-index:10;
			width: 0px;
			height: 0px;
			border-style: inset solid inset inset;
			border-width: 6px 7px 6px 0px;
			border-color:transparent #0e96f0 transparent transparent;
		}
		
		.featured-item{
			position:relative;
			padding-bottom:25px;
			margin:20px 8px 40px 8px !important;
			border:1px solid #cecece;
			text-align:center;
		}

		.featured-item-img{
			position:relative;
			float:left;
			width:100%;
			margin-bottom:10px;
			border-bottom:6px solid #4b4b4b;
		}

		.featured-item-img img{
			width:100%;
			float:left;
		}
		
		.featured-item-img .triangle-down{
			bottom:-12px;
			border-top-color:#4b4b4b;
		}
		
		.featured-item-img .item-info{
			position:absolute;
			width:100%;
			height:100%;
			position:absolute;
			text-align:center;
			top:0;
			left:0;
			overflow:hidden;
			visibility:hidden;
			background-color:rgba(255,255,255,0.8);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b3ffffff', endColorstr='#b3ffffff');
			opacity:0;
			filter:alpha(opacity=0);
		}
		
		.featured-item-img .plus-big{
			position:absolute;
			top:50%;
			left:50%;
			margin:-20px 0 0 -20px;
		}

		.featured-item .title{
			float:left;
			font-size:20pt;
			font-weight:300;
			width:92%;
			margin:10px 4% 15px;
			color:#4b4b4b;
		}

		.featured-item span{
			float:left;
			line-height:12pt;
			width:92%;
			margin:0 4%;
		}

		.featured-item span a{
			font-weight:700;
			font-style:italic;
			color:#4b4b4b;
		}
		
		.featured-item,
		.featured-item-img,
		.featured-item-img .triangle-down,
		.featured-item-img .item-info,
		.featured-item .title,
		.featured-item span a {
			-webkit-transition: all 400ms !important; 
			-moz-transition: all 400ms !important; 
			-o-transition: all 400ms !important;
			transition: all 400ms !important;
		}
		
		.featured-item:hover {
			background-color: #f1f1f1;
		}
		
		.featured-item:hover .featured-item-img{
			border-bottom:6px solid #0e96f0;
		}
		
		.featured-item:hover .triangle-down{
			border-top-color:#0e96f0;
		}
		
		.featured-item:hover .featured-item-img .item-info{
			opacity:1;
			filter:alpha(opacity=100);
			visibility:visible;
		}
		
		.featured-item:hover .title, .featured-item:hover span a{
			color:#0e96f0;
		}
		
		.icon{
			opacity:0.7;
		}
		
		.lamp{
			width:27px;
			height:31px;
			background:url('../imgs/icons/icon_highlight1.png') no-repeat;
			top:5px;
			position:relative;
			display:inline-block;
		}
		
		.pencil{
			width:27px;
			height:31px;
			background:url('../imgs/icons/icon_highlight2.png') no-repeat;
			top:5px;
			position:relative;
			display:inline-block;
		}
		
		.circular{
			width:27px;
			height:31px;
			background:url('../imgs/icons/icon_highlight3.png') no-repeat;
			top:5px;
			position:relative;
			display:inline-block;
		}
		
		/* Quote Large ----- */
		.quote-large{
			position:relative;
			padding:20px 0;
			border-top:1px solid #F1F1F1;
			border-bottom:1px solid #F1F1F1;
			text-align:center;
			font-size:28pt;
			font-weight:300;
			margin-bottom:40px !important;
			color:#4b4b4b;
			background: #e8e8e8;
			background: -moz-linear-gradient(left,  #e8e8e8 0%, #f0f0f0 50%, #e8e8e8 100%);
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8e8e8), color-stop(50%,#f0f0f0), color-stop(100%,#e8e8e8));
			background: -webkit-linear-gradient(left,  #e8e8e8 0%,#f0f0f0 50%,#e8e8e8 100%);
			background: -o-linear-gradient(left,  #e8e8e8 0%,#f0f0f0 50%,#e8e8e8 100%);
			background: -ms-linear-gradient(left,  #e8e8e8 0%,#f0f0f0 50%,#e8e8e8 100%);
			background: linear-gradient(to right,  #e8e8e8 0%,#f0f0f0 50%,#e8e8e8 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8',GradientType=1 );
		}
		
		.quote-large:before {
			position: absolute;
			width: 96%;
			height: 15%;
			left: 2%;
			border-radius: 47%;
			z-index: -1;
			top: 3%;
			content: "";
			box-shadow: 0 -3px 14px rgba(0,0,0,0.4);
		}
		
		.quote-large:after {
			position: absolute;
			width: 96%;
			height: 15%;
			left: 2%;
			border-radius: 47%;
			z-index: -1;
			bottom: 3%;
			content: "";
			box-shadow: 0 4px 14px rgba(0,0,0,0.4);
		}
		
		.quote-large a{
			font-style:italic;
			font-weight:400;
		}

		.quote-large a{
			font-size:12pt;
			font-weight:400;
		}
		
		/* Section style ----- */
		.section-title{
			float:left;
			font-size:19pt;
			width:100%;
			height:32px;
			line-height:28px;
			margin-bottom:10px;
			border-bottom:1px solid #cecece;
		}

		.section-title img{
			float:left;
			margin-right:5px;
		}
		
		.no-border{
			border:none;
		}
		
		
		/* FlexSlider Defaults */
		
			/* Browser Resets */
			.flex-container a:active,
			.flexslider a:active,
			.flex-container a:focus,
			.flexslider a:focus  {outline: none;}
			.slides,
			.flex-control-nav,
			.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

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

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

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

			/* FlexSlider Default Theme */
			.flexslider {float:left; margin: 0; position: relative; zoom: 1;}
			.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
			.loading .flex-viewport {max-height: 300px;}
			.flexslider .slides {zoom: 1;}
			.carousel li {margin-right: 5px}

			/* Direction Nav */
			.flex-direction-nav {position:absolute;top:-35px;right:10px;width:42px;}
			.flex-direction-nav a {float:left; width:18px; height:18px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color:#d5d5d5; background-repeat:no-repeat; background-position:6px 5px;-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
			.flex-direction-nav a:hover {background-color:#0e96f0;}
			.flex-direction-nav .flex-next {float:right; margin-left:6px; background-image:url('../imgs/btn_right_arrow_white.png');}
			.flex-direction-nav .flex-prev {background-image:url('../imgs/btn_left_arrow_white.png'); }
		

		/* Projects Slider ------- */
		#projects{
			margin-bottom:40px;
		}
		
		#projects-slider .slides > li, 
		#projects-slider-home2 .slides > li  {
			margin: 0 1px;
			width: 233px;
			height: 233px;
			border-bottom:7px solid #4b4b4b;
			overflow:hidden;
			position:relative;
			cursor:pointer;
			-webkit-transition: border-bottom 300ms; 
			-moz-transition: border-bottom 300ms; 
			-o-transition: border-bottom 300ms;
			transition: border-bottom 300ms;
		}
		
		#projects-slider-home2 .slides > li  {
			width: 191px;
			height: 191px;
		}
		
		#projects-slider .slides > li .triangle-up, 
		#projects-slider-home2 .slides > li  .triangle-up {
			top:auto;
			bottom:-1px !important;
			border-bottom-color:#4b4b4b;
			-webkit-transition: all 400ms; 
			-moz-transition: all 400ms; 
			-o-transition: all 400ms;
			transition: all 400ms;
		}
		
		#projects-slider .slides > li:hover .triangle-up,
		#projects-slider-home2 .slides > li:hover .triangle-up {
			border-bottom-color:#0e96f0;
		}
		
		#projects-slider .slides > li:hover, 
		#projects-slider-home2 .slides > li:hover  {
			border-bottom:7px solid #0e96f0;
		}
		
		#projects-slider .slides > li img{
			width:100%;
			max-height:233px;
		}
		
		#projects-slider-home2 .slides > li img{
			width:100%;
			max-height:191px;
		}

		#projects-slider .slides > li .item-info, 
		#projects-slider-home2 .slides > li .item-info{
			width:100%;
			text-align:center;
			position:absolute;
			height:100%;
			top:100%;
			left:0;
			background-color:rgba(255,255,255,0.8);
			overflow:hidden;
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b3ffffff', endColorstr='#b3ffffff');
		}
		
		#projects-slider .slides > li .item-info .plus-big{
			margin:54px auto 15px auto;
		}
		
		#projects-slider-home2 .slides > li .item-info .plus-big{
			margin:24px auto 15px auto;
		}

		#projects-slider .slides > li .item-title, 
		#projects-slider-home2 .slides > li .item-title{
			width:80%;
			margin:0 auto 7px;
			font-weight:700;
			font-size:10pt;
			text-transform:uppercase;
			border-bottom:1px solid #cecece;
		}

		#projects-slider .slides > li .item-title span, 
		#projects-slider-home2 .slides > li .item-title span{
			font-style:italic;
			font-size:9pt;
		}

		#projects-slider .slides > li .item-desc, 
		#projects-slider-home2 .slides > li .item-desc{
			font-size:9pt;
			width:80%;
			margin:0 auto;
			font-weight:700;
		}

		/* Clients Slider ------- */
		#clients{
			margin-bottom:40px;
		}
		
		#clients-slider .flex-viewport{
			padding-bottom: 10px;
		}
		
		#clients-slider .slides > li {
			margin: 0 5px;
			width: 190px;
			height: 44px;
			overflow:hidden;
			position:relative;
		}
		
		/* Featured Items Slider ------- */
		#featured-slider{
			margin-top:15px;
			margin-bottom:40px;
		}
		
		#main #featured-slider{
			margin-top:40px;
		}
		
		#featured-slider .flex-direction-nav{
			top:6px;
			left:6px;
			z-index:10;
			width: 58px;
		}
		
		#featured-slider .flex-direction-nav a {
			width:26px; 
			height:26px; 
			background-color:rgba(255,255,255,0.5);
			background-repeat:no-repeat; 
			background-position:7px 7px;
			-webkit-transition: all 0.3s ease; 
			-moz-transition: all 0.3s ease; 
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
		
		#featured-slider .flex-direction-nav a:hover {
			background-color:rgba(255,255,255,0.7);
		}
		
		#featured-slider .flex-direction-nav .flex-next {
			float:right; 
			margin-left:6px; 
			background-image:url('../imgs/right_arrow_white.png');
			background-position:9px 7px;
		}
		
		#featured-slider .flex-direction-nav .flex-prev {
			background-image:url('../imgs/left_arrow_white.png'); 
		}
		
		#featured-slider.dark .flex-direction-nav .flex-next {
			background-image:url('../imgs/right_arrow_black.png');
		}
		
		#featured-slider.dark .flex-direction-nav .flex-prev {
			background-image:url('../imgs/left_arrow_black.png'); 
		}
		
		#featured-slider .flex-viewport{
			padding-bottom:6px;
		}
		
		#featured-slider .slides li img{
			width:100%;
		}
		
		#featured-slider .slides li{
			position:relative;
			border-bottom:6px solid #0e96f0;
			-webkit-transition: all 0.4s; 
			-moz-transition: all 0.4s; 
			-o-transition: all 0.4s;
			transition: all 0.4s;
		}
		
		#featured-slider .slides li:hover {
			border-bottom:9px solid #0e96f0;
		}
		
		#featured-slider .slides li .triangle-up{
			top:auto;
			bottom:0px;
		}
		
		#featured-slider .slides li .item-info{
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			padding:10px 0 15px;
			margin:0 auto;
			text-align:center;
			background-color:rgba(255,255,255,0.8);
			overflow:hidden;
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b3ffffff', endColorstr='#b3ffffff');
		}
		
		#featured-slider .slides li .item-info .title{
			font-size:19pt;
			padding-left:10px;
			text-align:left;
			margin-bottom:8px;
		}
		
		#featured-slider .slides li .item-info .icon{
			display:inline-block;
		}
		
		#featured-slider .slides li .item-info .desc{
			padding:0 15px;
			text-align:left;
		}
		
		#featured-slider .slides li .item-info .desc a{
			font-weight:700;
			font-style:italic;
		}
		
		
		/* Sidebar ------- */
		#facebook-plugin{
			overflow:hidden;
			margin-bottom:40px;
		}
		
		#fb-holder{
			overflow:hidden;
			width:232px;
			height:311px;
			margin:0 auto;
		}
		
		#fb-holder .fb-like-box{
			margin-top:-1px;
			margin-left:-1px;
		}
		
		#clientssay{
			margin-bottom:40px;
		}
		
		#testemonials{
			overflow:visible !important;
		}
		
		.testemonial{
			position:relative;
			float:left;
			background-color:#F0F0F0;
			width:95.8%;
			padding:30px 2.1%;
			font-size:12pt;
			font-style:italic;
			font-weight:400;
			text-align:center;
			line-height:14pt;
		}
		
		.testemonial:before, .testemonial:after{
			position:absolute;
			color:#d1d1d1;
			font-size:44pt;
			font-weight:700;
			line-height:30pt;
		}
		
		.testemonial:before{
			content: "\201C";
			top:10px;
			left:5px;
		}
		
		.testemonial:after{
			content: "\201D";
			bottom:-15px;
			right:10px;
		}
		
		.ie .testemonial:before{
			content: "\201C";
			top:10px;
			left:-5px;
		}
		
		.ie .testemonial:after{
			content: "\201D";
			bottom:-22px;
			right:17px;
		}
		
		.testemonial-triangle{
			position:absolute;
			bottom:-8px;
			left:10px;
			width: 0px;
			height: 0px;
			border-style: solid outset solid solid;
			border-width: 0 20px 12px 50px;
			border-color: transparent transparent #F0F0F0 #F0F0F0;
			line-height: 0px;
			_border-color: #000000 #000000 #F0F0F0 #F0F0F0;
			_filter: progid:DXImageTransform.Microsoft.Chroma(color='#F0F0F0');
			-webkit-transform: rotate(15deg);
			-moz-transform: rotate(15deg);
			-ms-transform: rotate(15deg);
			-o-transform: rotate(15deg);
			transform: rotate(15deg);
		}
		
		.testemonial-author{
			float:right;
			background-color:#DFDFDF;
			padding:7px 10px;
			margin-top:12px;
			font-style:italic;
			font-weight:700;
		}
		
		#flickr-phtostream{
			margin-bottom:40px;
		}
		
		#flickr-phtostream a{
			float:left;
			margin:5px
		}
		
		#flickr-phtostream img{
			width:60px;
			height:60px;
		}
		
		/*HOMEPAGE 2 Styles*/
		.featured1-home2{
			position:relative;
		}
		
		.featured1-home2 img{
			width:100%;
		}
		
		.featured1-home2 .featured-item-img{
			border-bottom-width:0px;
			margin-bottom:0;
		}
		
		.featured1-home2 .featured-item-img .triangle-down{
			display:none;
		}
		
		.featured1-home2 .title{
			position:absolute;
			bottom:18%;
			background-color:rgba(255,255,255,0.8);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b3ffffff', endColorstr='#b3ffffff');
			margin-left:5px;
			font-size:19pt;
			padding:6px 10px 12px 5px;
			opacity:0;
			filter:alpha(opacity=0);
			-webkit-transition: all 0.4s; 
			-moz-transition: all 0.4s; 
			-o-transition: all 0.4s;
			transition: all 0.4s;
		}
		
		.featured1-home2 .title .icon{
			display:inline-block;
		}
		
		.featured1-home2 .title .plus-medium{
			float:right;
			margin:6px 0 0 35px;
		}
		
		.featured1-home2 .desc{
			position:absolute;
			top:82%;
			width:70%;
			margin:1px 0 0 50px;
			padding:5px 10px;
			background-color:rgba(255,255,255,0.7);
			opacity:0;
			filter:alpha(opacity=0);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b3ffffff', endColorstr='#b3ffffff');
			-webkit-transition: all 0.4s; 
			-moz-transition: all 0.4s; 
			-o-transition: all 0.4s;
			transition: all 0.4s;
		}
		
		.featured1-home2:hover .title{
			margin-left:20px;
			opacity:1;
			filter:alpha(opacity=100);
		}
		
		.featured1-home2:hover .desc{
			margin:1px 0 0 30px;
			opacity:1;
			filter:alpha(opacity=100);
		}
		
		.featured2-home2{
			margin:0 10px !important;
			border:none;
			padding-bottom:0;
		}
		
		.featured2-home2 span, .featured3-home2 span{
			line-height:20px;
		}
		
		.featured2-home2 span a, .featured3-home2 span a{
			color:#747474;
		}
		
		.featured3-home2{
			margin:0 0 20px !important;
			border:none;
		}
		
		.featured2-home2:hover, .featured3-home2:hover{
			background:none;
		}
		
		.quote-home2{
			font-size:28pt;
			font-weight:300;
			margin-bottom:30px;
		}
		
		.quote-home2 a{
			font-size:12pt;
			font-style:italic;
		}
		
		.section-title.bg-color{
			position:relative;
			color:#ffffff;
			width:96%;
			padding:5px 2%;
			font-weight:300;
			margin-bottom:15px;
		}
		
		.section-title.bg-color img{
			margin-top:-5px;
			opacity:0.7;
		}
		
		.colored .flex-direction-nav{
			top:-45px;
		}
		
		.projects-grid {
			display:inline-block;
			margin-bottom:40px !important;
		}
		
		.projects-grid .section-title{
			float:left;
			position:relative;
			width:50%;
			height:auto;
			padding:14px 0 18px;
			color:#ffffff;
			font-weight:300;
			margin:0;
			font-size:22pt;
		}
		
		.projects-grid .section-title img{
			margin-left:5px;
		}
		
		.projects-grid .section-title div{
			display:inline-block;
		}
		
		.projects-grid a{
			width:50%;
			height:auto;
			display:block;
			overflow:hidden;
			position:relative;
		}
		
		.projects-grid a img{
			width:100%;
			display:block;
			-webkit-transition: all 0.4s; 
			-moz-transition: all 0.4s; 
			-o-transition: all 0.4s;
			transition: all 0.4s;
		}
		
		.projects-grid a:hover img{
			opacity:0.6;
			filter:alpha(opacity=60);
		}
		
		.projects-grid a .plus-medium{
			position:absolute;
			top:50%;
			left:50%;
			margin:-15px 0 0 -15px;
			opacity:0;
			filter:alpha(opacity=0);
		}
		
		.projects-grid a:hover .plus-medium{
			opacity:0.55;
			filter:alpha(opacity=55);
		}
		
		.projects-grid a:hover .plus-medium:hover{
			opacity:1;
			filter:alpha(opacity=100);
		}
		
		.projects-grid a.more{
			font-size:14pt;
			margin-top:10px;
			font-style:italic;
			display:inline-block;
			width:100%;
		}
		
		#whychoose .section-title.bg-color{
			margin-top:10px;
			margin-bottom:0px;
		}
		
		/*HOMEPAGE 3 Styles*/
		
		#services{
			margin-bottom:40px;
		}
		
		#services .service-item{
			float:left;
			width:45%;  /* HB etait 30% */
			margin:0 1.5%;
		}
		
		#services .service-item .item-info{
			float:left;
			position:relative;
			border:1px solid #cecece;
			width:96%;
			padding:8px 2%;
			margin-top:12px;
			text-align:center;
		}
		
		#services .service-item .item-info .triangle-up{
			border-color:transparent transparent #cecece transparent;
		}
		
		#services .service-item .item-info .triangle-up:before{
			content:"";
			position:absolute;
			top:1px;
			left:-6px;
			z-index:-10;
			width: 0px;
			height: 0px;
			border-style: inset inset solid inset;
			border-width: 0 6px 7px 6px;
			border-color:transparent transparent #E8E8E8 transparent;
		}
		
		#services .service-item .item-info .title{
			font-size:15pt;
			margin-bottom:8px;
		}

		#services .service-item .item-info b {
			font-weight: bold;
		}
		
		#services .service-item .item-info a{
			display:inline-block;
			background-color:#cecece;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			color:#747474;
			padding:8px 12px;
			margin-top:15px;
			-webkit-transition: all 0.4s; 
			-moz-transition: all 0.4s; 
			-o-transition: all 0.4s;
			transition: all 0.4s;
		}
		
		#services .service-item .item-info a:hover{
			background-color:#0e96f0;
			color:#fff;
			text-decoration:none;
		}
		
		#services .one-third{
			padding:15px 0;
		}
		
		#services .service-item .icon-services, #services .one-third .icon-services{
			float:left;
			position:relative;
			display:block;
			width:85px;
			height:85px;
			border-radius:50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			text-align:center;
			line-height:17px;
			font-size:17pt;
		}
		
		#services .service-item .icon-services{
			left:50%;
			margin-left:-42px;
		}
		
		#services .one-third .icon-services{
			margin-right:15px;
		}
		
		.check{
			width:58px;
			height:58px;
			background:url('../imgs/icons/icon_check_58.png') no-repeat;
			margin:12px 0 0 14px;
			opacity:0.7;
		}
		
		.hand{
			width:58px;
			height:58px;
			background:url('../imgs/icons/icon_hand_58.png') no-repeat;
			margin:12px 0 0 14px;
			opacity:0.7;
		}
		
		.screen{
			width:58px;
			height:58px;
			background:url('../imgs/icons/icon_screen_58.png') no-repeat;
			margin:12px 0 0 14px;
			opacity:0.7;
		}
		
		.briefcase{
			width:58px;
			height:58px;
			background:url('../imgs/icons/icon_briefcase_58.png') no-repeat;
			margin:12px 0 0 14px;
			opacity:0.7;
		}
		
		.brush{
			width:58px;
			height:58px;
			background:url('../imgs/icons/icon_brush_58.png') no-repeat;
			margin:12px 0 0 14px;
			opacity:0.7;
		}
		
		.bresil{
			width:64px;
			height:64px;
			background:url('../imgs/icons/flag_bresil_64.png') no-repeat;
			margin:12px 0 0 14px;
			opacity:1.0;
		}
		
		.canada{
			width:64px;
			height:64px;
			background:url('../imgs/icons/flag_canada_64.png') no-repeat;
			margin:12px 0 0 14px;
			opacity:1.0;
		}
		
		.italie{
			width:64px;
			height:64px;
			background:url('../imgs/icons/flag_italie_64.png') no-repeat;
			margin:12px 0 0 14px;
			opacity:1.0;
		}
		
		.japon{
			width:64px;
			height:64px;
			background:url('../imgs/icons/flag_japon_64.png') no-repeat;
			margin:12px 0 0 14px;
			opacity:1.0;
		}
		
		.title-list{
			font-size:15pt;
			margin-bottom:25px;
		}
		
		.list-style{
			float:left;
			width:200px;
		}
		
		.list-style li{
			margin-bottom: 10px;
		}
		
		.list-style li span{
			margin-right:0px;
		}
		
		#whychoose{
			margin-bottom:40px;
		}
		
		.list-style3{
			width:100%;
			display:inline-block;
		}
		
		.list-style3 li{
			float:left;
			width:100%;
			margin-bottom: 5px;
			margin-top:15px;
		}
		
		.list-style3 li .middle{
			display:table-cell;
			vertical-align:middle;
			width:100%;
			height:38px;
		}
		
		.list-style3 li .middle .txt-highlight-color{
			font-style:italic;
			font-weight:700;
		}
		
		.list-icon{
			float:left; 
			width:38px; 
			height:38px; 
			margin-right:18px;
			border-radius: 50%; 
			-moz-border-radius: 50%; 
			-webkit-border-radius: 50%;
			-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
			-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
			box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
		}
		
		.icon24x24-1{
			float:left;
			width:24px;
			height:24px;
			background:url('../imgs/icons/icons_24x24.png') no-repeat 0 0;
			margin:7px 0 0 7px;
		}
		
		.icon24x24-2{
			float:left;
			width:24px;
			height:24px;
			background:url('../imgs/icons/icons_24x24.png') no-repeat -24px 0px;
			margin:7px 0 0 7px;
		}
		
		.icon24x24-3{
			float:left;
			width:24px;
			height:24px;
			background:url('../imgs/icons/icons_24x24.png') no-repeat -48px 0;
			margin:7px 0 0 7px;
		}
		
		.icon24x24-4{
			float:left;
			width:24px;
			height:24px;
			background:url('../imgs/icons/icons_24x24.png') no-repeat 0 -24px;
			margin:7px 0 0 7px;
		}
		
		.icon24x24-5{
			float:left;
			width:24px;
			height:24px;
			background:url('../imgs/icons/icons_24x24.png') no-repeat -24px -24px;
			margin:7px 0 0 7px;
		}
		
		.icon24x24-6{
			float:left;
			width:24px;
			height:24px;
			background:url('../imgs/icons/icons_24x24.png') no-repeat -48px -24px;
			margin:7px 0 0 7px;
		}
		
		.icon24x24-7{
			float:left;
			width:24px;
			height:24px;
			background:url('../imgs/icons/icons_24x24.png') no-repeat 0 -48px;
			margin:7px 0 0 7px;
		}
		
		.icon24x24-8{
			float:left;
			width:24px;
			height:24px;
			background:url('../imgs/icons/icons_24x24.png') no-repeat -24px -48px;
			margin:7px 0 0 7px;
		}
		
		/*HOMEPAGE 3 Styles*/
		#team{
			margin-bottom:40px;
		}
		
		#team-slider .slides > li{
			margin: 0 20px 0 0;
			width: 220px;
			height: 457px;
			overflow:hidden;
			position:relative;
			cursor:pointer;
			-webkit-transition: border-bottom 300ms; 
			-moz-transition: border-bottom 300ms; 
			-o-transition: border-bottom 300ms;
			transition: border-bottom 300ms;
		}
		
		#team-slider .slides > li .team-img-holder-top{
			position:relative;
			border-bottom-width:7px;
			border-bottom-style:solid;
		}
		
		#team-slider .slides > li .team-img-holder-bottom{
			position:relative;
			border-top-width:7px;
			border-top-style:solid;
		}
		
		#team-slider .slides > li .triangle-up {
			top:-13px;
		}
		
		#team-slider .slides > li .triangle-down {
			top:auto;
			bottom:-13px !important;
		}
		
		#team-slider .slides > li:hover  {
			
		}
		
		#team-slider .slides > li img{
			width:100%;
			max-height:220px;
		}

		#team-slider .slides > li .item-info{
			width:92%;
			height:180px;
			padding:20px 4%;
			overflow:hidden;
		}
		
		#team-slider .slides > li .item-info.top{
			margin-bottom:13px;
		}
		
		#team-slider .slides > li .item-info.bottom{
			margin-top:13px;
		}
	
		#team-slider .slides > li .item-title span{
			width:80%;
			margin:0 auto 7px;
			font-weight:300;
			font-size:17pt;
		}

		#team-slider .slides > li .item-title i{
			font-style:italic;
			font-size:12pt;
			margin:5px 0 20px;
			display:block;
		}

		#team-slider .slides > li .item-desc{
			
		}
		
		.recruit-bg{
			width:100%;
			background-color:#f1f1f1;
			padding-top:40px;
			margin-bottom:40px;
		}
		
		.recruit-box{
			position:relative;
			margin-bottom:40px;
		}
		
		.recruit-box .title{
			position:relative;
			padding:20px 2%;
			display:inline-block;
			width:35%;
			font-size:26pt;
			font-weight:300;
		}
		
		.recruit-box .title strong{
			font-weight:700;
		}
		
		.recruit-box .title .question{
			font-size:56pt;
			margin:-40px 0 0 3px;
			display:inline-block;
			position:relative;
		}
		
		.recruit-box .text{
			float:right;
			margin-top:30px;
			padding-right:75px;
			width:50%;
		}
		
		.recruit-box .plus-big{
			position:absolute;
			right:16px;
			top:50%;
			margin-top:-20px;
		}
		
		.recruit-box .triangle-down{
			display:none;
		}
		
		.magnifier{
			float:left;
			width:46px;
			height:46px;
			background:url('../imgs/icons/icon_magnifier.png') no-repeat;
			margin:8px 8px 0 2px;
		}
		

	/* FOOTER ---------------------------- */

	#footer{
		float:left;
		position: relative;
		width:100%;
		background-color:#FAFAFA;
		padding:30px 0 0 0;
	}
	
	#footer:before {
		position: absolute;
		width: 96%;
		height: 20px;
		left: 2%;
		border-radius: 47%;
		z-index: -1;
		top: 14px;
		content: "";
		box-shadow:0 -10px 16px rgba(0, 0, 0, 0.7);
		min-width:300px;
	}

	.footer-section-title{
		font-size:15pt;
		font-weight:400;
		border-bottom:1px solid #cecece;
		margin-bottom:19px;
		height:30px;
		line-height:28px;
	}
	
	.close-btn{
		display:none;
		background-image:url('../imgs/btn_left_arrow_white.png');
		background-repeat:no-repeat;
		background-position:6px 5px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		margin-left:10px;
		cursor:pointer;
		-webkit-transition:all 500ms;
		-o-transition: all 500ms;
		-moz-transition:all 500ms;
		transition:all 500ms;
	}
	
	.close-btn-clicked{
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.last-post-item{
		float:left;
		width:100%;
		line-height:12pt;
		margin-bottom:14px;
		padding-bottom:12px;
		border-bottom:1px solid #cecece;
	}

	.last-post-item:last-child{
		border-bottom-width: 0;
	}
	
	.last-post-img{
		position:relative;
	}

	.last-post-item img{
		float:left;
		width:20%;  /* HB etait 38% */
		margin-left:10%;/* HB etait 2% */
	}
	
	.last-post-item .bg-color{	
		position:absolute;
		top:-5px;
		left:0;
		padding:3px 4px;
		text-align:center;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

	.last-post-item .text{
		float:right;
		width:53%;
	}

	/* HB Plus large pour le texte quand je mets pas d'images */
	.last-post-item .text-larger{
		float:right;
		width:75%;
	}

	
	.last-post-item .title{
		float:left;
		width:100%;
		font-weight:700;
		font-size:15pt;
		margin-bottom:15px;
	}

	.last-post-item span{
		float:left;
		width:100%;
	}

	.last-post-item span.comments{
		float:left;
		width:100%;
		font-size:9pt;
		font-style:italic;
		color:#b9b9b9;
		margin-top:5px;
	}

	#twitter-box{
		margin-bottom:8px;
	}

	/** Style the tweets */
		#twitter-box ul {
		  list-style: none;
		  padding: 0;
		}
		
		#twitter-box ul, #twitter-box li{
			width:100%;
			float:left;
		}
		
		#twitter-box li{
			padding-bottom:20px;
			border-bottom:1px solid #cecece;
			margin-bottom:15px;
		}
		
		#twitter-box li:last-child{
			border-bottom:none;
		}
		
		#twitter-box ul li > img{
			float:left;
		}
		
		#twitter-box ul li > div{
			width:90%;
			float:right;
			line-height:12pt;
		}

		#twitter-box a.time {
		  font-style: italic;
		  color: #b9b9b9;
		}
	

	#newsletter-txt{
		float:left;
		width:100%;
		margin-top:10px;
	}
	
	#newsletter-input{
		float:left;
		width:236px;
		margin-right:5px;
	}
	
	.ie #newsletter-input{
		width:232px;
	}
	
	.newsletter{
		float:left;
		width:27px;
		height:31px;
		background:url('../imgs/icons/newsletter_icon.png') no-repeat;
	}
	
	#newsletter-status{
		font-weight:700;
		margin-bottom:15px;
		float:left;
	}

	.footer-divider{
		position:relative;
		float:left;
		width:100%;
		height:1px;
		margin:30px 0 10px 0;
		border-top:1px solid #cecece;
	}
	
	.footer-divider .triangle-up{
		border-color:transparent transparent #cecece transparent;
	}
		
	.footer-divider .triangle-up:before{
		content:"";
		position:absolute;
		top:1px;
		left:-6px;
		z-index:-10;
		width: 0px;
		height: 0px;
		border-style: inset inset solid inset;
		border-width: 0 6px 7px 6px;
		border-color:transparent transparent #FAFAFA transparent;
	}

	#copyright{
		font-size:8pt;
		margin:5px 0 18px;
	}

	#sn-icons a{
		float:left;
		margin-left:8px;
		width:25px;
		height:25px;
		overflow:hidden;
		
	}
	
	#sn-icons a img{
		-webkit-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
		-o-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
        transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
		
	
	}
	
	#sn-icons a img:hover{
		margin-top: -25px;
	}


/* #Page Styles
================================================== */
	#header{
		position:relative;
		float:left;
		width:100%;
		height:100px;
		clear:both;
	}
	
	.spacer{
		margin-top:20px !important;
		margin-bottom:20px !important;
	}
	
	.spacer-bottom{
		margin-bottom:40px !important;
	}
	
	.img-border{
		border-bottom-width:9px;
		border-bottom-style:solid;
		width:100%;
	}
		
	/* ABOUT --------------------------------- */
		#page-title{
			clear:both;
			width:100%;
			font-size:22pt;
			height:68px;
			line-height:68px;
			background-color:#fafafa;
			font-weight:300;
		}
		
		.img-full-width{
			border-bottom-width:9px;
			border-bottom-style:solid;
			margin-bottom:30px !important;
			width:100%;
		}

		#whoweare{
			margin-bottom:40px;
		}
		
	
	/* TABS & ACCORDIONS ---------------------------- */
		.accordion, .faq{
			margin-bottom:40px !important;
		}
		
		.faq{
			margin-top:40px !important;
		}
		
		.accordion > div, .faq > div{
			position:relative;
			float:left;
			border-top:1px solid #cecece;
			padding:16px 0;
			cursor:pointer;
			width:100%;
		}
		
		.accordion > div:last-child, .faq  > div:last-child{
			border-bottom:1px solid #cecece;
		}
		
		.accordion h5, .faq h5{
			float:left;
			font-size:10pt;
			text-transform:uppercase;
			width:81%;
		}
		
		.faq h5{
			margin-left:50px;
		}
		
		.accordion > div > div, .faq > div > div{
			float:left;
			margin-top:30px;
		}
		
		.accordion .plus-medium, .faq .plus-medium{
			position:absolute;
			top:-23px;
			right:3px;
			margin-right:3px;
		}
		
		.accordion > div:hover .plus-medium, .faq > div:hover .plus-medium{
			opacity:1;
			filter:alpha(opacity=100);
		}
		
		.faq .plus-medium{
			left:3px;
		}
		
		.vertical-tabs {
			float:left;
            border:1px solid #cecece;
			width:100%;
			border-radius: 3px;
            -moz-border-radius: 3px;
			margin-bottom:40px !important;
            background-color: #efefef;
        }
		
		.vertical-tabs > ul{
			float: left;
			width:30%;
            display: block;
            padding: 0;
            position: relative;
            background-color: #e8e8e8;
		}
		
        .vertical-tabs > ul > li {
            width:88%;
            list-style-type: none;
            display: block;
            padding: 20px 6% 15px;
            position: relative;
			cursor:pointer;
			font-size:11pt;
			text-transform:uppercase;
			border-top:1px solid #efefef !important;
			border-bottom:5px solid #E8E8E8;
			-webkit-transition: all 300ms; 
			-moz-transition: all 300ms; 
			-o-transition: all 300ms;
			transition: all 300ms;
        }
		
		.vertical-tabs > ul > li:last-child {
			margin-bottom:0px;
		}
		
		.vertical-tabs > ul > li:hover {
			text-decoration:underline;
		}
		
        .vertical-tabs > ul > li.selected {
            background-color: #efefef;
			border-bottom:5px solid #0e96f0;
        }
		
        .vertical-tabs > div {
			width:66%;
			min-height:100%;
			padding:2%;
            position: relative;
			display:none;
            background-color: #efefef;
			float:right;
        }
		
		.vertical-tabs > div img{
			float:left;
			margin-right:20px;
			margin-bottom:20px;
			max-width:100%;
		}
		
		.vertical-tabs > div .title{
			font-size:15pt;
			font-weight:700;
			margin-bottom:30px;
		}
		
		.horizontal-tabs {
			float:left;
            border:1px solid #cecece;
			width:100%;
			border-radius: 3px;
            -moz-border-radius: 3px;
			margin-right:9px !important;
			margin-left:9px !important;
			margin-bottom:40px !important;
            background-color: #efefef;
        }
		
		.horizontal-tabs > ul{
			float: left;
			width:100%;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
            background-color: #e8e8e8;
		}
		
        .horizontal-tabs > ul > li {
			float:left;
            list-style-type: none;
            display: inline;
            margin: auto;
            padding: 10px 15px;
            position: relative;
			cursor:pointer;
			font-size:12pt;
			text-transform:uppercase;
			border-left:1px solid #efefef;
			-webkit-transition: all 300ms; 
			-moz-transition: all 300ms;
			-o-transition: all 300ms;
			transition: all 300ms;
        }
		
		.horizontal-tabs > ul > li:last-child {
			margin-bottom:0px;
		}
		
		.horizontal-tabs > ul > li:hover {
			text-decoration:underline;
		}
		
        .horizontal-tabs > ul > li.selected {
            background-color: #efefef;
        }
		
        .horizontal-tabs > div {
			float:left;
			padding:25px 14px;
            position: relative;
			display:none;
        }
		
		.horizontal-tabs > div img{
			float:right;
			margin-left:20px;
			margin-bottom:20px;
			max-width:100%;
		}
		
		.horizontal-tabs > div .title{
			font-size:26pt;
			margin-bottom:25px;
            border-bottom:1px solid #cecece;
			width:100%;
			float:left;
			padding-bottom:15px;
			font-weight:300;
		}
	
	/* PRICING TABLES ---------------------------- */
		.vertical-pricing-item{
			position:relative;
			margin:0 0 40px 0 !important;
			padding:9px 9px 18px;
			border:1px solid #cecece;
		}
		
		.vertical-pricing-item li{
			width:100%;
			padding:4px 0;
			position:relative;
			clear:both;
			line-height:25px;
		}

		.vertical-pricing-item  li.title{
			background-color:#fafafa;
			font-size:19pt;
			font-weight:300;
			text-align:center;
			height:38px;
			line-height:38px;
		}
		
		.vertical-pricing-item  li.price{
			font-size:14pt;
			background-color:#F5F5F5;
			height:60px;
			line-height:60px;
			text-align:center;
		}
		
		.vertical-pricing-item  li.price strong{
			font-size:20pt;
			font-weight:700;
			position: relative;
			top: -3px;
		}
		
		.vertical-pricing-item  li.price strong.exact{
			font-size:29pt;
			font-weight:700;
			position: relative;
			top: 0;
		}
		
		.vertical-pricing-item  li.price sup{
			position: relative;
			top: -13px;
			font-size: 14pt;
			font-weight: 700;
		}
		
		.vertical-pricing-item  li.price em{
			font-size: 12pt;
			color:#b9b9b9;
		}
		
		.vertical-pricing-item  li.price .triangle-down{
			border-top-color:#F5F5F5;
		}
		
		.vertical-pricing-item  li.desc{
			border:none;
			line-height:12pt;
			padding-top:20px;
			padding-bottom:20px;
			text-align:center;
		}
		
		.vertical-pricing-item  li.desc em{
			font-weight:700;
		}
		
		.vertical-pricing-item  li img{
			float:left;
			margin-right:15px;
		}
		
		.vertical-pricing-item  li.enable{
			background-color:#EDEDED;
			-webkit-transition: all 250ms; 
			-moz-transition: all 250ms;
			-o-transition: all 250ms;
			transition: all 250ms;
		}
		
		.vertical-pricing-item  li.disable{
			color:#b9b9b9;
		}
		
		.vertical-pricing-item  li.enable, .vertical-pricing-item  li.disable{
			width:92%;
			margin-bottom:2px;
			padding:10px 4%;
		}
		
		.vertical-pricing-item  li.disable img{
			opacity:0.2;
			filter:alpha(opacity=20);
		}
		
		.vertical-pricing-item  li.pricing-btn {
			text-align:center;
			padding-top:14px;
		}
		
		.vertical-pricing-item,
		.vertical-pricing-item li.title,
		.vertical-pricing-item li.price,
		.vertical-pricing-item li.price em,
		.vertical-pricing-item li.price .triangle-down,
		.vertical-pricing-item li.enable{
			-webkit-transition: all 300ms !important; 
			-moz-transition: all 300ms !important;
			-o-transition: all 300ms !important;
			transition: all 300ms !important;
		}
		
		.vertical-pricing-item:hover{
			background-color:#EFEFEF;
			-moz-box-shadow: 0 0 10px #bfbfbf;
			-webkit-box-shadow: 0 0 10px #bfbfbf;
			box-shadow: 0 0 10px #bfbfbf;
		}
		
		.vertical-pricing-item:hover  li.title{
			color:#ffffff;
			background-color:#0e96f0;
			opacity:0.8;
			filter:alpha(opacity=80);
		}
		
		.vertical-pricing-item:hover  li.price{
			color:#ffffff;
			background-color:#0e96f0;
		}
		
		.vertical-pricing-item:hover  li.price em{
			color:#ffffff;
		}
		
		.vertical-pricing-item:hover li.price .triangle-down{
			border-top-color:#0e96f0;
		}
		
		.vertical-pricing-item:hover li.enable{
			background-color:#F5F5F5;
		}
		
		/* Packages Slider ------- */
		#packages{
			margin-bottom:40px;
		}
		
		#packages-slider .slides > li {
			margin: 0 1px;
			width: 233px;
			overflow:hidden;
			position:relative;
			cursor:pointer;
		}
		
		#packages-slider .slides > li .pack-wrap{
			width:100%;
			max-height:233px;
			position:relative;
			overflow:hidden;
		}
		
		#packages-slider .slides > li img{
			width:100%;
			max-height:233px;
		}

		#packages-slider .slides > li .item-info{
			height:100%;
			width:80%;
			padding:0 10%;
			margin:0 auto;
			text-align:center;
			position:absolute;
			top:100%;
			left:0;
			background-color:rgba(255,255,255,0.8);
			overflow:hidden;
			font-size:23pt;
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b3ffffff', endColorstr='#b3ffffff');
		}
		
		#packages-slider .slides > li .item-info .bg-color{
			width:47px;
			height:47px;
			border-radius: 50%; 
			-moz-border-radius: 50%; 
			-webkit-border-radius: 50%; 
			display:inline-block;
			margin:70px auto 9px;
		}
		
		#packages-slider .slides > li .item-info .bg-color .shoppingcart{
			margin:10px;
		}
		
		#packages-slider .slides > li .pack-bottom-info{
			position:relative;
			width:100%;
			min-height:77px;
			background-color:#F1F1F1;
			border-top-width:6px;
			border-top-style:solid;
		}
		
		#packages-slider .slides > li .pack-bottom-info .triangle-up{
			top:-12px;
		}

		#packages-slider .slides > li .item-title{
			float:left;
			width:123px;
			padding:0 10px 10px;
		}

		#packages-slider .slides > li .item-title span{
			font-size:15pt;
			text-transform:uppercase;
			line-height:34px;
		}

		#packages-slider .slides > li .item-price{
			float:right;
			width:90px;
			text-align:center;
			padding-top:20px;
			font-size:29pt;
			font-weight:700;
		}
		
		#packages-slider .slides > li .item-price strong{
			font-size:20pt;
			font-weight:700;
			position: relative;
			top: -3px;
		}
		
		.horizontal-pricing{
			position:relative;
			float:left;
			margin:0;
			width:96%;
			border:1px solid #cecece;
			padding:15px 2%;
			-webkit-transition: all 250ms; 
			-moz-transition: all 250ms;
			-o-transition: all 250ms;
			transition: all 250ms;
		}
		
		.horizontal-pricing:hover{
			background-color:#EFEFEF;
		}
		
		.horizontal-pricing .item-title{
			float:left;
			width:110px;
			height:74px;
			line-height:74px;
			padding:0;
			font-size:13pt;
			font-weight:700;
			text-align:center;
			opacity:0.9;
			filter:alpha(opacity=90);
		}
		
		.horizontal-pricing .item-price{
			float:left;
			position:relative;
			width:80px;
			height:74px;
			line-height:74px;
			text-align:center;
			font-size:29pt;
			font-weight:700;
		}
		
		.horizontal-pricing .item-price strong{
			font-size:20pt;
			font-weight:700;
			position: relative;
			top: -3px;
		}
		
		.horizontal-pricing ul{
			float:left;
			margin-left:15px;
			width:62%;
		}
		
		.horizontal-pricing li{
			float:left;
			width:30%;
			margin:9px 1.5% 0;
			line-height:25px;
		}
		
		.horizontal-pricing li img{
			float:left;
			margin-right:5px;
		}
		
		.horizontal-pricing .button{
			margin-top:22px;
		}
		
		.shoppingcart{
			float:left;
			width:25px;
			height:30px;
			background:url('../imgs/icons/shoppingcart_icon.png') no-repeat;
			margin:0px 5px;
			opacity:0.7;
		}
		
	/* 404 ERROR ---------------------------- */
		#e404{
			position:relative;
			float:left;
			font-size:150pt;
			font-weight:900;
			color:#AEAEAE;
			margin-bottom:60px;
			margin-top:92px;
		}
		
		#icon404{
			float:left;
			margin-top:120px;
			margin-left:14px;
			max-width:29%;
		}
		
		#e404:after{
			content:"ERROR";
			position:absolute;
			right:0px;
			bottom:-8px;
			font-size:20pt;
			font-weight:700;
			color:#AEAEAE;
		}
		
		#pagenotfound{
			position:relative;
			background-color:#efefef;
			padding:20px 7%;
			width:86%;
			margin:120px 0;
			text-align:center;
		}
		
		#pagenotfound-title{
			font-size:20pt;
			margin-bottom:23px;
		}
		
		#pagenotfound-txt{
			font-size:12pt;
		}
		
		#pagenotfound .triangle-left{
			border-color:transparent #efefef transparent transparent;
		}
		
	/* SITEMAP ---------------------------- */
		.sitemap{
			margin-bottom:40px;
			float:left;
		}
		
		.sitemap a:before{
			content:"\00BB \0020";
		}
		
		.sitemap > li{
			float:left;
			width:100%;
		}
		
		.sitemap > li > a{
			float:left;
			clear:left;
			font-size:12pt;
			font-weight:700;
			margin-bottom:11px;
		}
		
		.sitemap > li > ul{
			float:left;
			width:90%;
			padding:5%;
			margin-bottom:20px;
			background-color:#efefef;
		}
		
		.sitemap > li ul a{
			float:left;
			clear:left;
			margin-bottom:10px;
			color:#747474;
		}
		
		.sitemap > li > ul > a:last-child{
			margin-bottom:0;
		}
		
		
		.sitemap > li > ul > li ul{
			float:left;
			width:90%;
			padding:0 5%;
		}
	
	/* SEARCH RESULTS ---------------------------- */
		.searchResultsNum{
			font-style:italic;
			padding:40px 0;
			border-bottom:1px solid #cecece;
		}
		
		.searchResultsNum span, .searchResult span{
			text-decoration:underline;
		}
		
		.searchResult{
			padding:30px 0;
			border-bottom:1px solid #cecece;
		}
		
		.searchResult h4{
			text-transform:uppercase;
			font-size:10pt;
			font-weight:700;
			margin-bottom:20px;
		}
		
		.pages{
			text-align:center;
			font-size:11pt;
			margin:15px 0 40px;
			float:left;
			width:100%;
		}
		
		.pages a{
			color:#b9b9b9;
		}
		
		.pages a:hover{
			color:#747474;
		}
		
		.page-next, .page-prev {
			display:inline-block;
			position:relative;
			top:4px;
			width:18px; 
			height:18px; 
			border-radius: 50%; 
			-moz-border-radius: 50%; 
			-webkit-border-radius: 50%; 
			background-color:#cecece; 
			background-repeat:no-repeat; 
			background-position:6px 5px;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
		}
		
		.page-next {
			background-image:url('../imgs/btn_right_arrow_white.png');
			margin-left:15px;
		}
		
		.page-prev {
			background-image:url('../imgs/btn_left_arrow_white.png');
			margin-right:15px;
		}
		
		.page-next:hover, .page-prev:hover{
			background-color:#0e96f0;
		}
		
	/* CONTACTS ---------------------------- */
		#map-canvas{
			width:100%;
			height:358px;
			overflow:hidden;
			border-style:solid;
			border-bottom-width:8px;
			margin-bottom:40px;
		}
		
		.map-address{
			width:210px;
			height:50px;
		}
		
		.input-full-width{
			padding:0 2% !important;
			width:96% !important;
		}
		
		#msg-status{
			font-weight:700;
			margin:15px 0;
			display:block;
		}
		
		#msg-status .error{
			color:#d12323;
		}
		
		.form-controls{
			float:left;
			margin:20px 0 40px;
			min-height:38px;
			color:#8d8d8d;
			line-height:38px;
		}
		
		.form-controls .button{
			margin-right:12px;
		}
		
		#contacts{
			margin-bottom:40px;
		}
		
		.contact-info{
			float:left;
			margin-top:10px;
			width:100%;
		}
		
		.contact-icon{
			float:left; 
			width:40px; 
			height:40px; 
			border-radius: 50%; 
			-moz-border-radius: 50%; 
			-webkit-border-radius: 50%; 
		}
		
		.address{
			float:left;
			width:20px;
			height:21px;
			background:url('../imgs/icons/address_icon.png') no-repeat;
			margin:9px 0 0 10px;
		}
		
		.phone{
			float:left;
			width:20px;
			height:21px;
			background:url('../imgs/icons/phone_icon.png') no-repeat;
			margin:9px 0 0 10px;
		}
		
		.mail{
			float:left;
			width:20px;
			height:21px;
			background:url('../imgs/icons/mail_icon.png') no-repeat;
			margin:9px 0 0 10px;
		}
		
		.contact-info-txt{
			float:right;
			position:relative;
			padding:14px 6px;
			background-color:#f1f1f1;
			margin-left:10px;
			width:76%;
		}
		
		.contact-info-txt:before{
			content:"";
			position:absolute;
			top:14px;
			left:-6px;
			z-index:10;
			width: 0px;
			height: 0px;
			border-style: solid solid outset solid;
			border-width: 6px 6px 6px 0;
			border-color: transparent #f1f1f1 transparent transparent;
		}
		
		.contact-info-txt a{
			color:#747474;
		}
		
	
	/* BLOG ---------------------------- */
		.post{
			margin-top:40px !important;  /* HB etait 40px */
			width:100%;
			float:left;
		}
		
		.post-img{
			display:block;
			position:relative;
			border-bottom-style:solid;
			border-bottom-width:8px;
		}
		
		.post-img img{
			display:block;
			width:100%;
		}
		
		.post-img .bg-color{	
			position:absolute;
			top:-5px;
			left:-5px;
			padding:2px 5px 5px;
			text-align:center;
			font-size:18pt;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
		}
		
		.post h4, .post h5{
			font-size:17pt;
			font-weight:700;
			margin:15px 0;
		}
		
		.post h5{
			font-size:13pt;
		}
		
		.post h2{
			font-size:21pt;
			font-weight:300;
			margin-top:50px;
			margin-bottom:30px;
			display:inline-block;
		}
		
		.post .txt{
			font-style:italic;
			text-align:justify;
			margin:15px 0;
		}
		
		.post .info{
			width:100%;
			line-height:27px;
			border-top:1px solid #cecece;
			border-bottom:1px solid #cecece;
			color:#b9b9b9;
			float:left;
			padding:10px 0;
		}
		
		.post .info a{
			color:#b9b9b9;
		}
		
		.post .info div{
			display:inline-block;
			margin-right:20px;
		}
		
		.post .info img{
			float:left;
			margin-right:5px;
		}

		/* HB New */
		.warning-box {
			float:left;
			margin-top:20px;
			margin-bottom:80px;
			background-color:#efefef;
			border:1px solid #cecece;
			width:94%;
			padding:9px 3%;
			background: #f7dede url(../imgs/bgred2.gif) repeat-x;
			color: #000000;
		}
		
		.sn-share {
			float:left;
			margin-top:20px;
			margin-bottom:80px;
			background-color:#efefef;
			border:1px solid #cecece;
			width:94%;
			padding:9px 3%;
		}
		
		.sn-share .txt-highlight-color{ 
			float:left;
			font-size:12pt;
			margin-right:10px;
		}
		
		.sn-share .twitter-share,
		.sn-share .gplus-share,
		.sn-share .pinterest-share,
		.sn-share .fb-share{
			float:left;
		}
		
		.sn-share .fb-share{
			margin-left:30px;
		}
		
		.post3 h5{
			margin-top:0px;
		}
		
		.post3 .info{
			margin-top:20px;
		}
		
		.blog-ul {
			float:left;
			font-size:10pt;
			margin-bottom:20px;	 /* HB etait 40px; */
			list-style-type: square; /* HB n'etait pas defini */
			padding-left: 40px;	 /* HB n'etait pas defini */
		}
		
		.blog-ul a:before{
			content:"\00BB \0020";
		}
		
		.blog-ul > li{
			float:left;
			width:100%;
		}
		
		.blog-ul > li a{
			float:left;
			clear:left;
			margin-bottom:5px;
		}
		
		.blog-ul > li a:not(.txt-highlight-color){
			color:#747474;
		}
		
		.blog-ul > li > ul{
			float:left;
			width:95%;
			padding-left:5%;
		}
		
		.tags{
			margin-bottom:40px;
			width:100%;
			clear:both;
		}
		
		.tags a{
			background-color:#efefef;
			padding:7px;
			color:#747474;
			display:inline-block;
			margin-bottom:2px;
		}
		
		#blog-content .pages{
			margin:40px 0;
			padding-top:10px;
			border-top:1px solid #cecece;
		}
		
		.post .txt-single{
			text-align:justify;
			margin:15px 0;
			display:inline-block;
		}
		
		.post-quote{
			position:relative;
			width:82%;
			margin:40px 0 40px 9%;
			font-size:19pt;
			line-height:19pt;
			font-weight:300;
			text-align:center;
		}
		
		.post-quote:before, .post-quote:after{
			position:absolute;
			font-size:48pt;
			color:#ACACAC;
			font-weight:700;
		}
		
		.post-quote:before{
			content: "\201C";
			top:17px;
			left:-40px;
		}
		
		.post-quote:after{
			content: "\201D";
			bottom:-18px;
			right:-40px;
		}
		
		.post-inner-img{
			margin-top:5px;
			margin-bottom:5px;
		}
		
		.post-inner-img.right{
			margin-left:20px;
		}
		
		.post-inner-img.left{
			margin-right:20px;
		}
		
		.highlight{
			padding:15px 5%;  /* HB etait 25px 5%; */
			width:78%;
			margin:40px 6%;
			background-color:#f1f1f1;
			border-style:solid;
			border-left-width:5px;
			font-size:12pt;
			font-style:italic;
			font-weight:700;
		}
		
		.comments-wrap{
			margin-bottom:20px;
			display:inline-block;
		}
		
		.show-all, .show-all-reps{
			float:right;
			font-size:10pt;
			font-weight:400;
			text-transform:none;
			cursor:pointer;
		}
		
		.comments-wrap > ul{
			display:inline-block;
			width:100%;
		}
		
		.comments-wrap ul li{
			width:100%;
			float:left;
		}
		
		.comments-wrap ul img{
			border:2px solid #fff;
			width:12%;
			margin-left:2%;
		}
		
		.comments-wrap ul > li > ul{
			float:left;
			width:84%;
			padding-left:16%;
		}
		
		.comments-wrap ul > li:nth-child(n+3) {
			display:none;
		}
		
		.comments-wrap ul > li ul{
			display:none;
		}
		
		.comment{
			float:right;
			position:relative;
			width:78%;
			padding:10px 2%;
			background-color:#f1f1f1;
			margin-bottom:20px;
		}
		
		.comment:before{
			content:"";
			position:absolute;
			top:14px;
			left:-6px;
			z-index:10;
			width: 0px;
			height: 0px;
			border-style: solid solid outset solid;
			border-width: 6px 6px 6px 0;
			border-color: transparent #f1f1f1 transparent transparent;
		}
		
		.comment h4{
			font-size:11pt;
			font-weight:700;
		}
		
		.comment-info{
			width:100%;
			padding:6px 0;
			border-bottom:1px solid #cecece;
			font-size:10pt;
			margin-bottom:8px;
		}
		
	/* TABLE d'information TOMOVISION ---------------------------- */
		
		.datatable {
			border: 1px solid #338BA6;
			border-collapse: collapse;
			width: 100%;
		}
		
		.datatable table.noborder {
		    border: 0px;
		}
		
		.datatable b {
			font-weight: bold;
		}
		
		.datatable caption, .datatable th {
			font: bold 0.9em "Times New Roman", Times, serif;
			background-color: #B0C4DE;
			color: #33517A;
			padding-top: 3px;
			padding-bottom: 2px;
			border: 1px solid #789AC6;
		}
		
		.datatable p {
			font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
		
		.datatable td  {
			border: 1px solid #73C0D4;
			font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
			text-align: center;
			vertical-align: middle;
			padding: 4px;
		}
		
		.datatable td.alignleft {
			text-align: left;
		}
		
		.datatable td.noborder, tr.noborder {
			border: 0px;
		}
		
		.datatable tr.altrow {
		   background-color: #fff; 
		}
		
		.datatable ul {
			float:left;
			margin-bottom:20px;		 /* HB etait 40px; */
			font-size:10pt;
			list-style-type: square; /* HB n'etait pas defini */
			padding-left: 40px;		 /* HB n'etait pas defini */
			text-align: left;
		}
		
	
	/* PORTFOLIO ---------------------------- */
		.portfolio-header{
			margin-top:55px !important;
			margin-bottom:16px !important;
			padding-bottom:8px;
			border-bottom:1px solid #cecece;
			font-size:10pt;
			display:inline-block;
			width:100%;
		}
		
		.portfolio-menu{
			float:left;
		}
		
		.portfolio-menu a:not(.txt-highlight-color){
			color:#747474;
		}
		
		.portfolio-menu a.txt-highlight-color{
			text-decoration:line-through;
		}
		
		.portfolio-menu span{
			display:inline-block;
			position:relative;
			top:-3px;
			margin:0 5px;
		}
		
		.portfolio-header .pages{
			width:auto;
			float:right;
			margin:-8px 0 0;
		}
		
		.portfolio-header .pages .page-prev{
			margin-right:5px;
		}
		
		.portfolio-header .pages .page-next{
			margin-left:5px;
		}
		
		.portf-pages{
			margin:22px 0;
			padding-top:10px;
			border-top:1px solid #cecece;
		}
		
		.portfolio-item{
			position:relative;
			border-bottom:8px solid #4b4b4b;
			margin-bottom:18px !important;
			overflow:hidden;
			-webkit-transition: all 300ms !important; 
			-moz-transition: all 300ms !important; 
			-o-transition: all 300ms !important;
			transition: all 300ms !important;
		}
		
		.portfolio-item:hover{
			border-bottom:8px solid #0e96f0;
		}
		
		.portfolio-item .triangle-up, .portfolio-item .triangle-down{
			top:auto;
			bottom:-1px;
			border-bottom-color:#4b4b4b;
			-webkit-transition: all 300ms; 
			-moz-transition: all 300ms; 
			-o-transition: all 300ms;
			transition: all 300ms;
		}
		
		.portfolio-item .triangle-down{
			top:auto;
			bottom:-14px;
			border-top-color:#4b4b4b;
		}
		
		.portfolio-item:hover .triangle-up, .portfolio-item:hover .triangle-down{
			border-bottom-color:#0e96f0;
			border-top-color:#0e96f0;
		}
		
		.portfolio-item img{
			width:100%;
			display:block;
		}
		
		.portfolio-item .item-info{
			height:100%;
			width:100%;
			padding:0;
			margin:0 auto;
			text-align:center;
			position:absolute;
			top:100%;
			left:0;
			background-color:rgba(255,255,255,0.8);
			overflow:hidden;
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b3ffffff', endColorstr='#b3ffffff');
		}
		
		.portfolio-item .plus-big{
			margin:10% auto;
		}
		
		.portfolio-item .item-title{
			margin:0 auto;
			font-weight:700;
			font-size:10pt;
			width:70%;
			border-bottom:1px solid #cecece;
			margin-bottom:7px;
			padding-bottom:6px;
		}

		.portfolio-item .item-title span{
			font-style:italic;
			font-weight:400;
			font-size:9pt;
		}

		.portfolio-item .item-desc{
			font-size:9pt;
			line-height:12pt;
			margin:0 auto;
			width:70%;
		}
		
		.portfolio2-item .item-info .item-title,
		.portfolio2-item .item-info .item-desc,
		.portfolio3-item .item-info .item-title,
		.portfolio3-item .item-info .item-desc {
			width:80%;
			margin:0 auto;
			padding-right:0;
			padding-left:0;
		}
		
		.portfolio2-item .plus-big{
			margin-top:25%;
		}
		
		.portfolio3-item .plus-big{
			margin:12% auto;
		}
		
		.portfolio4-item{
			display:block;
			clear:both;
			border:none;
			border:1px solid #cecece !important;
		}
		
		.portfolio4-item .triangle-down{
			display:none;
		}
		
		.portfolio4-item-img{
			float:left;
			position:relative;
			border-bottom:8px solid #4b4b4b;
			-webkit-transition: all 0.3s !important; 
			-moz-transition: all 0.3s !important; 
			-o-transition: all 0.3s !important;
			transition: all 0.3s !important;
		}
		
		.portfolio4-item:hover .portfolio4-item-img{
			border-bottom:8px solid #0e96f0;
		}
		
		.portfolio4-item-img img{
			width:100%;
		}
		
		.portfolio4-item .item-info{
			height:100%;
			padding:0;
			margin:0 0 0 10px;
			text-align:left;
			position:relative;
			top:0;
			left:0;
			background:none;
			filter: none;
			overflow:visible;
		}
		
		.portfolio4-item-bg{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:-1;
			opacity:0;
			filter:alpha(opacity=0);
			background-color: #f1f1f1;
			-webkit-transition: all 0.4s; 
			-moz-transition: all 0.4s; 
			-o-transition: all 0.4s;
			transition: all 0.4s;
		}
		
		.portfolio4-item:hover .portfolio4-item-bg{
			opacity:1;
			filter:alpha(opacity=100);
		}
		
		.portfolio4-item .plus-big{
			float:left;
			margin:0 20px 0 0 !important;
		}
		
		.portfolio4-item .item-title{
			margin:50px 0 14px;
			padding-bottom:18px;
			min-height:40px;
			font-size:17pt;
			width:95%;
		}
		
		.portfolio4-item .item-title span{
			width:100%;
			display:block;
			margin-top:5px;
		}
		
		.portfolio4-item .item-desc{
			width:95%;
			padding-bottom:10px;
			margin:0;
		}
		
		.backtogal{
			float:left;
			color:#747474;
			line-height:18px;
		}
		
		.backtogal img{
			float:left;
			margin-right:7px;
			opacity:0.4;
			filter:alpha(opacity=40);
		}
		
		.port-single-info{
			padding-top:11px;
			margin-bottom:40px !important;
		}
		
		.port-single-info h4{
			font-size:21pt;
			font-weight:300;
		}
		
		.project-category{
			font-style:italic;
			color:#8d8d8d;
			margin-bottom:30px;
			display:block;
		}
		
		.port-single-info .list-style{
			width:100%;
			margin:18px 0 20px;
		}
		
		.port-single-info .list-style li{
			text-transform:none;
		}
		
		.proj-data{
			margin-bottom:10px;
		}
		
		.proj-data span{
			font-size:10pt;
			margin-right:3px;
		}
		
		.proj-data a{
			color:#747474;
		}
		
		.proj-data.rating{
			margin-top:15px;
		}
		
		.star, .star-full{
			display:inline-block;
			width:16px;
			height:16px;
			background:url('../imgs/icons/star_icon.png') no-repeat;
			opacity:0.4;
			filter:alpha(opacity=40);
		}
		
		.star-full{
			background:url('../imgs/icons/star_full_icon.png') no-repeat;
		}
		
		.proj-desc{
			margin-bottom:40px !important;
		}
		
		
		/* Portfolio5 Slider ------- */		
		#portfolio5-main{
			padding-bottom:140px;
		}
		
		/* Grid container */
		#tiles {
			list-style-type: none;
			position: relative;
			margin: 0;
			clear:both;
		}

		/* Grid items */
		#tiles li {
			width: 300px;
			background-color: #efefef;
			display: none; /** Hide items initially to avoid a flicker effect **/
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}

		#tiles li.inactive {
		  opacity: 0;
		  display: none !important;
		}

		#tiles li img {
			width:300px;
			display: block;
			border-bottom-width:8px;
			border-bottom-style:solid;
		}
		
		#tiles li > div{
			position:relative;
			width:80%;
			padding:0 10% 20px;
			text-align:center;
			
		}
		
		#tiles h4{
			width:200px;
			margin:0 auto 8px;
			font-size:12pt;
			text-transform:uppercase;
			font-weight:700;
			border-bottom:1px solid #cecece;
			padding-top:18px;
			padding-bottom:5px;
		}
		
		#tiles em{
			font-style:italic;
			font-weight:400;
			font-size:9pt;
		}
		
		#tiles li .triangle-down{
			top:-1px;
			bottom:auto;
		}
		/* --------------------------------- */
	
		
	.scrollToTop{
		position:fixed;
		bottom:40px;
		right:-110px;
		width:38px;
		padding:10px 50px 10px 10px;
		color:#fff;
		text-shadow:1px 1px 1px #444;
		cursor:pointer;
		z-index:2001;
		opacity: 0.7;
		filter: alpha(opacity=70);
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.8);
		-webkit-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.8);
		box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.8);
		-webkit-transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		-ms-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		transition-duration: 0.4s;
	}
	
	.scrollToTop:hover{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	

		
		
/* #Template Settings Panel
================================================== */		
	#template-settings{
		position:absolute;
		width:165px;
		top:70px;
		left:-185px;
		background-color:#e8e8e8;
		z-index:2000;
		-moz-box-shadow: 1px 1px 0px 0px rgba(122,122,122,0.4);
		-webkit-box-shadow: 1px 1px 0px 0px rgba(122,122,122,0.4);
		box-shadow: 1px 1px 0px 0px rgba(122,122,122,0.4);
		padding:12px 10px;
		-moz-border-bottom-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	
	#editor-icon{
		position:absolute;
		top:0px;
		right:-36px;
		cursor:pointer;
		background-color:#e8e8e8;
		padding:7px 5px 3px;
		width:26px;
		height:27px;
		-moz-border-top-right-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		border-top-right-radius: 3px;
		
		-moz-border-bottom-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		border-bottom-right-radius: 3px;
		
		-moz-box-shadow: 1px 1px 0px 0px rgba(122,122,122,0.4);
		-webkit-box-shadow: 1px 1px 0px 0px rgba(122,122,122,0.4);
		box-shadow: 1px 1px 0px 0px rgba(122,122,122,0.4);
	}
	
	#template-settings h4{
		color:#000;
		font-weight:700;
		margin-bottom:5px;
	}
	
	#template-settings input, #template-settings select{
		margin-bottom:20px;
	}
	
	#template-settings select{
		width: 150px;
		height:33px;
		padding:4px 0 0 5px;
		background: none repeat scroll 0 0 #ffffff;
		border: 1px solid #cecece;
		color: #747474;
		font-size:9pt;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	.settings-pattern{
		margin-bottom:20px;
	}
	
	.settings-pattern img{
		cursor:pointer;
		margin:1px;
	}
	
	.settings-pattern img.selected{
		border:1px solid #747474;
		margin:-1px 0 0 0;
	}
	
	
/* #Media Queries
================================================== */
	
	@media only screen and (min-width: 1542px) and (max-width: 1920px) {
		#header-home, #header-home-revolution {
			height: 600px;
		}
	}
	
	@media only screen and (min-width: 1281px) {
		#main{ 
			width: 800px; 
		}
		
		#sidebar{
			width: 400px;
		}
	}
	
	@media only screen and (min-width: 1024px) and (max-width: 1280px) {
		#main{ 
			width: 640px; 
		}
		
		#sidebar{ 
			width: 320px;
		}
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#action-box{
			font-size:18pt;
		}
		
		.recruit-box .title{
			width:40%;
		}
		
		.recruit-box .text{
			width:40%;
			margin-top:15px;
		}
		
		.horizontal-pricing .button{
			position:absolute;
			top:0;
			right:10px
		}
		
		.horizontal-pricing li{
			width:50%;
			margin:9px 0 0;
		}
		
		#e404{
			font-size:110pt;
			margin-top: 105px;
		}
		
		.portfolio-item .plus-big{
			margin:5% auto;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#logo{
			margin-top:16px;
		}
		
		.sf-menu li a{
			padding:0 12px;
		}
		
		.sf-menu li#search a.icon-search{
			margin:15px -15px 0 10px;
		}
		
		#action-box{
			font-size:14pt;
		}
		
		#main{ 
			width: 480px; 
		}
		
		#sidebar{
			width: 240px;
		}
		
		.quote-large{
			font-size:16pt;
		}
		
		.twtr-doc{
			width:209px !important;
		}
		
		#newsletter-input{
			width:176px;
		}
		
		#featured-slider .title{
			font-size:16pt;
		}
		
		.list-style{
			width:135px;
		}
		
		.vertical-pricing-item li{
			line-height:inherit;
		}
		
		.vertical-pricing-item  li.pricing-btn .large {
			font-size:10pt;
		}
		
		.horizontal-pricing ul{
			width:52%;
		}
		
		.contact-info-txt{
			width:67%;
		}
		
		.portfolio3-item .item-info .item-title,
		.portfolio3-item .item-info .item-desc{
			width:95%;
		}
		
		.portfolio2-item .plus-big{
			margin:10% auto;
		}
		
		.portfolio3-item .plus-big{
			margin:5% auto 2%;
		}
		
		#clientssay .section-title{
			font-size:13pt;
		}
		
		.featured1-home2 .title{
			bottom:23%;
		}
		
		.featured1-home2 .desc{
			top:77%;
		}
	}

	@media only screen and (max-width: 936px) {
		#header-home-revolution{
			height: 393px;
		}
	}
	
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#header-home {
			height: 455px;
		}
		
		#header-home-revolution{
			height:auto;
		}
		
		#header{
			height:168px;
		}
		
		#logo{
			width:100%;
		}
		
		.sf-menu{
			display:none;
		}
		
		#nav{
			margin:8px 0;
		}
		
		#nav-mobile-holder{
			display:block;
		}
		
		#main{ 
			width: 300px; 
		}
		
		#sidebar{
			width: 300px;
		}

		.featured-item, .featured2-home2 {
			margin-left:0 !important;
			margin-right:0 !important;
		}
		
		#action-box{
			font-size:12pt;
			line-height:14pt;
			text-align:center;
			padding:12px 0;
		}
		
		#action-box a.button{
			clear:both;
			float:none !important;
			width:auto;
		}
		
		.quote-large{
			font-size:12pt;
		}
		
		.quote-large a{
			display:inline-block;
			margin-top:10px;
		}
		
		.flex-direction-nav, .colored .flex-direction-nav{
			position:relative;
			top:10px;
			right:auto;
			margin:0 auto;
		}
		
		#projects-slider .slides > li, 
		#projects-slider-home2 .slides > li {
			height: auto;
		}
		
		#projects-slider .slides > li .item-info, 
		#projects-slider-home2 .slides > li .item-info{
			position:static;
			top:auto;
			left:auto;
			float:left;
			padding:20px 0;
			background-color:#f1f1f1;
		}
		
		#projects-slider .slides > li .plus-big, 
		#projects-slider-home2 .slides > li .plus-big{
			display:none;
		}
		
		.close-btn{
			display:block;
		}
		
		#copyright{
			text-align:center;
		}
		
		#sn-icons{
			text-align:center;
			float:none !important;
			clear:both;
			width:auto;
			margin:0 auto;
			height:25px;
		}
		
		#sn-icons a{
			float:none;
			display:inline-block;
		}
		
		#featured-slider .title{
			margin-top:10px;
		}
		
		#featured-slider .flex-direction-nav{
			position:absolute !important;
			top:14px !important;
			left:7px !important;
		}
		
		.featured1-home2{
			margin-bottom:40px !important;
		}
		
		.featured2-home2{
			padding-bottom:25px;
		}
		
		.horizontal-tabs{
			margin:0 0 40px !important;
		}
		
		.horizontal-tabs > ul > li {
			width:92%;
			padding: 10px 4%;
		}
		
		.horizontal-pricing ul{
			margin-left:0;
			width:100%;
		}
		
		#e404{
			margin-top: 25px;
		}
		
		#icon404{
			margin-top:37px;
		}
		
		#pagenotfound-title{
			margin-top:0;
		}
		
		#pagenotfound-txt{
			margin-bottom:40px;
		}
		
		.post3 h5{
			display:inline-block;
			margin:15px 0 0;
		}

		.post3 .txt{
			margin:15px 0 0;
		}
		
		.portfolio-header .pages{
			width:100%;
			margin:10px 0 0;
		}
		
		.portfolio2-item .plus-big, .portfolio3-item .plus-big{
			margin:30% auto 10%;
		}
		
		.recruit-box .title{
			width:96%;
		}
		
		.recruit-box .text{
			float:left;
			width:80%;
			padding-bottom:40px;
		}
		
		.recruit-box .plus-big{
			top:auto;
			bottom:40px;
		}
		
		.recruit-box .triangle-right{
			display:none;
		}
		
		.recruit-box .triangle-down{
			display:block;
		}
		
		.portfolio4-item .triangle-down{
			display:block;
		}
		
		.portfolio4-item .triangle-up{
			display:none;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#main{ 
			width: 420px; 
		}
		
		#sidebar{
			width: 420px;
		}
		
		#action-box{
			font-size:14pt;
		}
		
		.twtr-doc{
			width:393px !important;
		}
		
		#newsletter-input{
			width:344px;
		}
		
		#featured-slider .title{
			font-size:14pt;
		}
		
		.list-style{
			width:315px;
		}
		
		.featured1-home2 .title{
			bottom:30%;
		}
		
		.featured1-home2 .desc{
			top:70%;
			width:80%;
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#header-home {
			height: 440px;
		}
		
		#page-title{
			font-size:16pt;
		}
		
		.twtr-doc{
			width:273px !important;
		}
		
		#featured-slider .title{
			font-size:14pt;
		}
		
		.quote-home2{
			font-size:20pt;
		}
		
		#services .service-item{
			width:100%;
			margin:0 0 20px;
		}
		
		.list-style{
			width:195px;
		}
		
		.vertical-tabs > ul > li {
			font-size:10pt;
		}
		
		.horizontal-pricing .item-title{
			margin-left:40px;
		}
		
		.horizontal-pricing ul{
			margin-top:50px;
		}
		
		.horizontal-pricing li{
			width:80%;
			margin:9px 10% 0;
		}
		
		.horizontal-pricing .button{
			top:78px;
			right:90px;
		}
		
		.horizontal-pricing .triangle-right{
			display:none;
		}
		
		.accordion h5, .faq h5{
			width:80%;
		}
		
		#e404{
			font-size:74pt;
			margin-top:20px;
		}
		
		#icon404{
			margin-top:26px;
		}
		
		#pagenotfound-title{
			font-size:16pt;
		}
		
		.featured1-home2 .featured-item-img{
			border-bottom-width:6px;
			margin-bottom:10px;
		}
		
		.featured1-home2 .featured-item-img .triangle-down{
			display:block;
		}
		
		.featured1-home2:hover .featured-item-img{
			border-bottom:6px solid #0e96f0;
		}
		
		.featured1-home2:hover .featured-item-img .triangle-down{
			border-top-color:#0e96f0;
		}
		
		.featured1-home2 .title, .featured1-home2 .desc{
			position:static;
			width:100%;
			margin:0 ;
			padding:0;
			opacity:1;
			filter:alpha(opacity=100);
			text-align:center;
			background:none;
		}
		
		.featured1-home2 .title{
			float:left;
			font-size:20pt;
			font-weight:300;
			width:92%;
			margin:10px 4% 15px !important;
			color:#4b4b4b;
		}
		
		.featured1-home2:hover .title{
			color:#0e96f0;
		}
		
		.featured1-home2 .desc{
			float:left;
			line-height:20px;
			width:92%;
			margin:0 4% !important;
			padding-bottom:40px;
		}
		
		.featured1-home2 .plus-medium{
			position:absolute;
			bottom:0px;
			left:50%;
			margin:0 0 0 -15px !important;
		}
		
		.testemonial-author{
			width:50%;
			text-align:right;
		}
		
		.portfolio-item .item-info .item-title,
		.portfolio-item .item-info .item-desc{
			width:80%;
		}
		
		.portfolio4-item .item-info .item-title,
		.portfolio4-item .item-info .item-desc{
			width:93%;
		}
		
		.projects-grid .section-title img{
			margin-left:0px;
		}
	}