/*
Theme Name:Heliceum
Theme URI:https://heliceum.com
Description:Original theme for Heliceum by Nerisson and Antoine Wodniack
Author:Nerisson / Antoine Wodniack
Version:1.0

/\/\/

*/

/* =============================================================================
   CLIENT IDENTITY:=Colors
   -----------------------------------------------------------------------------
   
   Orange	:	#ff5c26
   
   ========================================================================== */



/* =============================================================================
   CLIENT IDENTITY:=Fonts
   -----------------------------------------------------------------------------
   
   Continuum Light
   Continuum Bold
   League Gothic
   
   ========================================================================== */

@font-face {
    font-family: 'Continuum Light';
    src: url('font/contl-webfont.eot');
    src: url('font/contl-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/contl-webfont.woff') format('woff'),
         url('font/contl-webfont.ttf') format('truetype'),
         url('font/contl-webfont.svg#continuum_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Continuum Bold';
    src: url('font/contb-webfont.eot');
    src: url('font/contb-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/contb-webfont.woff') format('woff'),
         url('font/contb-webfont.ttf') format('truetype'),
         url('font/contb-webfont.svg#continuum_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'League Gothic';
    src: url('font/League_Gothic-webfont.eot');
    src: url('font/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/League_Gothic-webfont.woff') format('woff'),
         url('font/League_Gothic-webfont.ttf') format('truetype'),
         url('font/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* =============================================================================
   =H5BP / NORMALIZE
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section,summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }

html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }

a:focus { outline:none; }
a:active, a:hover { outline: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small {  font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

img { border: 0; }
svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }



/* =============================================================================
   GENERAL: =Common
   ========================================================================== */

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

html { color:#7a7a7a; font:13px/1.3 'arial', sans-serif; }

a { color:#ff5c26; text-decoration:none; }
a:hover { color:#ff4609; }

body {
	background:#ebebeb url('img/background.jpg') no-repeat top;
	-webkit-font-smoothing:antialiased;
}

#global-container {
	position:relative;
}
#site-container {
	padding:0 0 290px;
}


/* =============================================================================
   GENERAL: =Forms
   ========================================================================== */

form { }
.input-text,
textarea { }
.input-submit { }

form p {
	margin:0;
}
form p + p {
	margin-top:1em;
}

input[type="text"],
input[type="email"],
textarea {
	padding:8px; height:13px;
	background:#fff; border:1px solid #c8c8c8; border-radius:0;
	color:#7a7a7a; font-size:13px; line-height:14px;
}
textarea {
	height:100px;
	line-height:1.3;
}

.button-simple {
	display:inline-block; position:relative; top:0; left:-1px; padding:0 8px; height:31px;
	background:#ff5c26; border:0; border-radius:0; vertical-align:top;
	color:#fff; font:10px/1 arial; text-transform:uppercase;
}
.button-simple:hover,
.button-simple:focus {
	background:#f2cdc4;
}

.placeholder {
	color: #aaa;
}

.wpcf7 .wpcf7-form .wpcf7-not-valid {
	background:#dcbbb8;
}
.wpcf7-form .wpcf7-not-valid-tip {
	display:none !important;
}
.wpcf7-form .wpcf7-validation-errors,
.wpcf7-form .wpcf7-mail-sent-ok,
.wpcf7-form .wpcf7-response-output {
	clear:both; display:block; margin:1em auto; padding:0; width:100%;
	border:0;
	color:#ff5c26; font-size:13px;
}
.wpcf7-form .wpcf7-display-none {
	display:none;
}
.wpcf7-form .wpcf7-response-output {
	position:relative;
}



/* =============================================================================
   BLOCK: =Custom form elements
   ========================================================================== */


.replaced-select {
	position:relative; height:27px; min-width:220px;
	background:#fff;
	color:#646464; text-align:left;
}
.replaced-select.opened {
}
.replaced-select.opened .inner {
	position:absolute; top:0; width:100%;
	background:#f9f9f9; box-shadow:7px 7px 7px rgba(0,0,0,0.33); z-index:2;
}
.replaced-select .label {
	margin:0; padding:5px 37px 5px 10px; height:17px;
	background:url('img/select-arrow.png') no-repeat right; cursor:pointer;
}
.replaced-select ul {
	overflow:auto; position:absolute; left:-999em; max-height:200px;
	border-top:1px solid #121212;
}
.replaced-select.opened ul {
	position:relative; left:0;
}
.replaced-select ul,
.replaced-select li {
	margin:0; padding:0;
	list-style:none;
}
.replaced-select li {
	padding:5px 10px; height:22px;
	cursor:pointer;
	line-height:22px;
}
.replaced-select li:hover {
	background:#ff5c26;
	color:#fff !important;
}



/* =============================================================================
   GENERAL: =Text level
   ========================================================================== */

h1, h2, h3, h4,h5, h6 {
	margin:0;
	font-family:'Continuum Light'; font-style:normal; font-weight:normal;
}

img {
	max-width:100%;
}

.table-outer {
	display:table; width:100%; height:100%;
}
.table-inner {
	display:table-cell;
	vertical-align:middle;
}

.button-big {
	display:inline-block; padding:9px 15px 9px 13px;
	background:#ff5c26; border:0;
	color:#fff; font:20px/1 'League Gothic'; letter-spacing:0.02em; font-weight:normal !important; text-decoration:none; text-transform:uppercase;
}
.button-big.large {
	padding:15px 30px; position:relative;
	border:5px solid #d6d6d6;
	
	border-image:url('img/border-gradient.png') 1 stretch;
}
.button-big.large:after {
	display:block; position:absolute; top:-1px; left:-1px; width:100%; height:100%;
	border:1px solid #585858; content:'';
}

.button-big:hover,
.button-big:focus {
	background-color:#ff4609;
	color:#fff; text-decoration:none;
}

.button-big.icon-plane:before {
	display:inline-block; margin:0 8px 0 0; width:15px; height:14px;
	background:url('img/icon-plane.png') no-repeat center; content:'';
}
input.button-big.icon-plane {
	padding-left:36px;
	background:#ff5c26 url('img/icon-plane.png') no-repeat 13px;
}
input.button-big.icon-plane:hover,
input.button-big.icon-plane:focus {
	background-color:#ff4609;
}

.button-big.icon-play:before {
	display:inline-block; margin:0 8px 0 0; width:6px; height:16px;
	background:url('img/icon-play.png') no-repeat center; content:'';
}

.readmore {
	color:#ff5c26;
}
.readmore:hover,
.readmore:focus {
	color:#dd3200; text-decoration:none;
}

.grade,
.grade.large {
	position:relative; width:117px; height:15px;
	background-image:url('img/grades.png'); background-repeat:no-repeat;
}
.grade.small {
	width:78px; height:10px;
	background-image:url('img/grades-small.png'); background-size:78px 90px;
}
.grade.small.light {
	background-image:url('img/grades-light-small.png');
}
.grade span {
	position:absolute; top:-999em;
}
.grade-1 { background-position:0 0; }
.grade-15 { background-position:0 12.5%; }
.grade-2 { background-position:0 25%; }
.grade-25 { background-position:0 37.5%; }
.grade-3 { background-position:0 50%; }
.grade-35 { background-position:0 62.5%; }
.grade-4 { background-position:0 75%; }
.grade-45 { background-position:0 87.5%; }
.grade-5 { background-position:0 100%; }



/* =============================================================================
   BLOCK: =Head
   ========================================================================== */

#head {
	position:absolute; top:0; left:0; width:100%; height:64px;
}

#site-title {
	margin:0 0 0 -81px; position:absolute; top:10px; left:50%; width:162px; height:60px;
}
#site-title .handheld {
	display:none;
}

#nav-main {
	color:#434343; font-size:11px; text-transform:uppercase;	
}

#nav-main .part-one,
#nav-main .part-two {
	position:absolute; top:25px; width:395px;
}
#nav-main .part-one {
	right:585px;
	text-align:right;
}
#nav-main .part-two {
	left:585px;
}
#nav-main ul,
#nav-main li {
	margin:0; padding:0;
	list-style:none;
}
#nav-main li {
	display:inline; padding:0 20px;
}
#nav-main a {
	display:inline-block; padding:0 0 5px;
	border-bottom:1px dotted #606060;
	color:inherit; text-decoration:none;
}
#nav-main a.current,
#nav-main a:hover,
#nav-main a:focus {
	border-bottom:3px solid #000;
}

#language-selector {
	position:absolute; top:0; right:0;
}
#language-selector ul,
#language-selector li {
	margin:0; padding:0;
	list-style:none
}
#language-selector li {
	float:left; margin:0 0 0 1px; position:relative;
}
#language-selector li span {
	display:block; position:absolute; top:0; left:0; width:100%; height:100%;
	background:url('img/black_60.png'); content:''; z-index:2;
}

#language-selector a {
	display:block; padding:5px; position:relative;
	background:#000; z-index:1;
}
#language-selector li.current a,
#language-selector li:hover a {
	z-index:3;
}
#language-selector img {
	display:block;
}

#nav-handheld {
	display:none;
}



/* =============================================================================
   BLOCK: =Home-slideshow
   ========================================================================== */

#home-slideshow {
	overflow:hidden; position:relative; width:100%;
}
#home-slideshow .horizontal-wrapper {
	height:535px;
}

#home-slideshow .pagination {
	position:absolute; bottom:0; width:100%; height:60px;
	z-index:2;
}
#home-slideshow .pagination .buttons {
	position:absolute; top:0; left:0; width:100%; height:100%;
}
#home-slideshow .pagination .button {
	display:block; padding:23px 12px 23px 11px; position:absolute; top:0; left:0; width:14px; height:14px;
	background:#000; cursor:pointer;
}
#home-slideshow .pagination .next {
	padding-right:12px; padding-left:11px; 
	right:0; left:auto;
}
#home-slideshow .pagination .button img {
	position:relative; left:0;
	
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#home-slideshow .pagination .prev:hover img {
	left:-3px;
}
#home-slideshow .pagination .next:hover img {
	left:3px;
}
#home-slideshow .pagination .pages {
	overflow:hidden; padding:0 9px; position:absolute; top:0; left:41px; width:880px; height:60px;
	background:#000;
}
#home-slideshow .pagination .wrapper {
	display:block; position:relative; width:999em;
}
#home-slideshow .pagination .page {
	float:left; padding:7px 0 0 9px; position:relative; width:118px; height:60px;
	cursor:pointer;
	color:#fff; font-size:10px; text-align:center; text-transform:uppercase;
}
#home-slideshow .pagination .page:first-child {
	padding-left:0;
}
#home-slideshow .pagination .page:last-child {
	padding-right:9px;
}
#home-slideshow .pagination .page .thumb {
	position:relative;
}
#home-slideshow .pagination .page img {
	display:block; position:relative; width:118px; max-width:none;
	
	-moz-user-select:none;
	-o-user-select:none;
	-webkit-user-select:none;
	user-select: none;
}
#home-slideshow .pagination .page .label {
	padding:3px 0 0;
}
#home-slideshow .pagination .page:after {
	display:block; position:absolute; top:0; left:0; width:100%; height:100%;
	background:url('img/black_60.png'); content:''; opacity:1; z-index:2;
	
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.lt-ie9 #home-slideshow .pagination .page:after {
	display:block;
}
#home-slideshow .pagination .page.current {
	background:url('img/page-arrow-top.png') no-repeat center 2px;
}
#home-slideshow .pagination .page.current .thumb {
	overflow:hidden; width:110px; height:25px;
	border:4px solid #fff;
}
#home-slideshow .pagination .page.current img {
	top:-4px; left:-4px;
}

#home-slideshow .pagination .page.current:after,
#home-slideshow .pagination .page:hover:after {
	opacity:0;
}
.lt-ie9 #home-slideshow .pagination .page.current:after,
.lt-ie9 #home-slideshow .pagination .page:hover:after {
	display:none; opacity:1;
}
	
#home-slideshow .slides {
	position:absolute; top:0; width:100%; height:475px;
	z-index:1;
}
#home-slideshow .slide {
	position:absolute; top:0; left:200%; width:1169px; height:475px;
}
#home-slideshow .slide.current {
	left:0;
}
#home-slideshow .slide .image {
	position:absolute; top:0; left:-67px; width:534px;
	z-index:2;
}
#home-slideshow .slide .image img {
	display:block; position:relative;
}
#home-slideshow .slide .image .handheld {
	display:none; margin:0 0 0 -384px; position:absolute; top:0; left:50%; max-width:768px;
}
#home-slideshow .slide .content {
	padding:32px 150px 0 290px; position:absolute; top:90px; left:210px; width:450px; height:224px;
	background:url('img/home-slideshow-background.png') no-repeat; z-index:1;
}
#home-slideshow .slide .content .inner {
	width:450px;
}
#home-slideshow .slide .title {
	color:#dddddd; font:34px/1.1 'Continuum Light'; text-transform:uppercase;
}
#home-slideshow .slide .text {
	margin:0.5em 0 1em;
	color:#9a9a9a; font-size:16px; line-height:1.4;
}
#home-slideshow .links .buttons,
#home-slideshow .links .markets {
	float:left;
}
#home-slideshow .links .buttons a {
	float:left;
}
#home-slideshow .links .buttons a + a {
	margin:0 0 0 8px;
}
#home-slideshow .links .markets {
	margin:0 0 0 8px; padding:0 0 0 1px;
	background:url('img/separator-horizontal-small.png') no-repeat left;
}
#home-slideshow .links .markets a {
	float:left; margin:0 0 0 8px;
}
#home-slideshow .links .markets img {
	display:block; width:39px;
}
#home-slideshow .links .markets a:hover {
	background:#333;
}



/* =============================================================================
   BLOCK: =Section
   ========================================================================== */

.section {
	margin:35px 0 0; padding:30px 0; position:relative;
	text-align:center;
}
.section +.section {
	margin-top:0;
}
.section:before {
	display:block; position:absolute; top:0; left:-1px; width:982px; height:8px;
	background:url('img/border-top-full-large.png') no-repeat top; content:'';
}
.section.first {
	margin-top:40px; padding-top:0;
	text-align:left;
}
.section.first:before {
	display:none;
}

.section-title {
	display:inline-block; margin:0 25px 10px; padding:0 20px; position:relative; height:39px;
	background:#121212;
	color:#fff; font:24px/39px 'Continuum Light'; text-transform:uppercase;
}
.section-title:before,
.section-title:after {
	display:inline-block; position:absolute; top:0; right:100%; width:25px; height:39px;
	background:url('img/title-background.png') no-repeat left; content:'';
}
.page-title.section-title {
	margin-left:0;
}
.page-title.section-title:before {
	display:none;
}
.section-title:after {
	right:auto; left:100%;
	background-position:right;
}

.section-title-light {
	margin:0 0 15px; padding:0 0 0 16px; position:relative;
	color:#000; font-size:23px; line-height:1; text-transform:uppercase;
}
.section-title-light:before {
	display:block; position:absolute; top:0; left:0; width:2px; height:20px;
	background:#ff5c26; content:'';
}

.section-left {
	float:left; width:758px;
	text-align:left;
}
.section-left:before {
	display:block; position:absolute; top:0; left:-1px; width:759px; height:8px;
	background:url('img/border-top-large.png') no-repeat left top; content:'';
}
.section.first .section-title,
.section-left .section-title {
	margin-left:0;
}
.section.first .section-title:before,
.section-left .section-title:before {
	display:none;
}

.section-right {
	clear:right; float:right; width:222px;
	text-align:left;
}
.section-right:before {
	display:block; position:absolute; top:0; right:-1px; width:223px; height:8px;
	background:url('img/border-top-large.png') no-repeat right top; content:'';
}
.section-right .section-title {
	margin-left:0;
}
.section-right .section-title:before {
	display:none;
}

.section-right + .section-right:before {
	display:none;
}



/* =============================================================================
   BLOCK: =Toolbar
   ========================================================================== */

.toolbar {
	position:relative;
	background:#121212;
}
.toolbar:after {
	display:none; position:absolute; top:0; left:100%; width:55px; height:100px;
	background:url('img/toolbar-right.png') no-repeat right top; content:'';
}

.toolbar .tools {
	float:left; padding:20px 20px 0; height:80px;
}
.toolbar .tools + .tools {
	padding-left:78px; 
	background:url('img/toolbar-separator.png') no-repeat left bottom;
}
.toolbar .title {
	margin:0 0 10px;
	color:#858585; font:13px/1 arial; text-transform:uppercase;
}
.toolbar .select {
	float:left;
}
.toolbar .select + .select {
	margin:0 0 0 10px;
}
.toolbar select {
	padding:3px 0 0; width:220px; height:25px;
	vertical-align:middle;
	line-height:25px;
}



/* =============================================================================
   BLOCK: =News-list
   ========================================================================== */

.news-list {
	margin:15px 0 25px; width:720px;
}
.news-list .hentry {
	padding:20px 30px 14px 128px; position:relative; height:92px;
	border:1px solid transparent;
}
.news-list .even {
	background:#fcfcfc; border:1px dotted #a8a8a8;
}
.news-list .image-thumb {
	position:absolute; top:14px; left:14px; width:100px; height:100px;
}
.news-list .entry-title {
	color:#000; font-size:17px; text-transform:uppercase;
}
.news-list .entry-title a {
	color:inherit;
}
.news-list .entry-title a:hover,
.news-list .entry-title a:focus {
	color:#7c7c7c; text-decoration:none;
}
.article-header .published,
.single-news .published,
.news-list .published {
	font-size:10px; text-transform:uppercase;
}
.news-list .hentry img {
	display:block;
}
.news-list .hentry .handheld-link {
	display:none;
}

.news-list .main-entry {
	margin:0 0 25px; padding:0; height:auto;
}
.article-header,
.news-list .main-entry .header {
	padding:0 0 10px 22px; position:relative;
}
.article-header:before,
.news-list .main-entry .header:before {
	display:block; position:absolute; top:4px; left:0; width:2px; height:26px;
	background:#ff5c26; content:'';
}
.article-title,
.news-list .main-entry .entry-title {
	color:#292929; font:normal 30px/1.2 'Continuum Light'; text-transform:uppercase;
}
.news-list .main-entry .image-thumb {
	display:none;
}
.news-list .main-entry .image-large {
	margin-top:20px; width:720px;
}

.pagination .page-numbers {
	float:left; margin:0 1px 0 0; width:28px; height:28px;
	background:#121212;
	color:#8c8c8c; line-height:28px; text-align:center; text-decoration:none;
}
.pagination .current {
	background:#ff5c26;
	color:#fff;
}
.pagination a:hover {
	background-color:#333;
}
.pagination .next,
.pagination .prev {
	overflow:hidden; padding:0 0 0 38px; width:0;
	background:#121212 url('img/pagination-left.png') no-repeat center;
}
.pagination .next {
	background-image:url('img/pagination-right.png');
}
.pagination .handheld {
	display:none;
}



/* =============================================================================
   BLOCK: =Button-list
   ========================================================================== */

.button-list,
.button-list li {
	margin:0; padding:0;
	list-style:none;
}
.button-list li {
	margin:0 0 10px;
}

.button-external {
	display:block; position:relative; top:0; width:195px; height:72px;
	background:#000; border-radius:10px; box-shadow:0;
	color:#ebebeb; font:22px/72px 'Continuum Bold'; text-align:center; text-transform:uppercase;
	
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.button-external:hover {
	top:-5px;
	box-shadow:0 5px 1px rgba(0,0,0,0.2);
	color:#ebebeb; text-decoration:none;
}
.button-external span {
	display:block; width:195px; height:65px;
	background:#242424; border-radius:inherit;
}
.button-external img {
	position:relative; top:-3px;
	vertical-align:middle;
}
.button-external .small {
	display:none;
}

.button-external.facebook {
	background:#3c5c84;
}
.button-external.facebook span {
	background:#4e78ab;
}

.button-external.twitter {
	background:#398899;
}
.button-external.twitter span {
	background:#44a0b5;
}

.button-external.google {
	background:#9d220d;
}
.button-external.google span {
	background:#e83313;
}

.button-external.youtube {
	background:#8f8f8f;
}
.button-external.youtube span {
	background:#fff;
}



/* =============================================================================
   BLOCK: =Slider-horizontal
   ========================================================================== */

.slider-horizontal {
	margin:20px 0 0; position:relative; width:100%; height:60px;
}

.slider-horizontal .buttons {
	position:absolute; top:0; left:0; width:100%; height:100%;
}
.slider-horizontal .button {
	display:block; padding:23px 12px 23px 11px; position:absolute; top:0; left:0; width:14px; height:14px;
	background:#000; cursor:pointer;
}
.slider-horizontal .button img {
	position:relative; left:0;
	
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.slider-horizontal .next {
	padding-right:11px; padding-left:12px;
	right:0; left:auto;
}
.slider-horizontal .prev:hover img {
	left:-3px;
}
.slider-horizontal .next:hover img {
	left:3px;
}
.slider-horizontal .container {
	overflow:hidden; position:absolute; top:0; left:37px; width:906px; height:58px;
	background:#fdfdfd; border-color:#a8a8a8; border-style:dotted; border-width:1px 0;
}
.slider-horizontal .wrapper {
	display:block; margin:0 auto; position:relative; width:999em;
}
.slider-horizontal ul,
.slider-horizontal li {
	margin:0; padding:0;
	list-style:none;
}
.slider-horizontal li {
	float:left; padding:0 15px; position:relative; height:60px;
	vertical-align:middle;
	line-height:55px;
}
.slider-horizontal li img {
	position:relative; top:0;
	vertical-align:middle;
	
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.slider-horizontal a:hover img,
.slider-horizontal a:focus img {
	top:-3px;
}



/* =============================================================================
   BLOCK: =Clients
   ========================================================================== */

#section-clients-small .clients {
	display: block;
	margin: 40px 0 20px;
	position: relative;
	width: 100%;
	height: 90px;
}
#section-clients-small .client {
	display: block;
	float: left;
	width: 20%;
	height: 90px;
	
	line-height: 90px;
	text-align:center;
}
#section-clients-small .clients .first {
	text-align: left;
}
#section-clients-small .clients .last {
	text-align: right;
}
#section-clients-small .client a {
	display: block;
	position: relative;
}

.lt-ie9 #section-clients-small .client * {
	filter: inherit;
}
#section-clients-small .client img {
	position: relative;
	top: 0;
	max-width: 75%;
	max-height: 90px;
	vertical-align: middle;
}
#section-clients-small .client .logo-color {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	
	background: #ebebeb;
}

#section-clients-small .quotations {
	overflow: hidden;
	margin: 25px 0 20px;
	padding: 15px 0 0;
	position: relative;
	height: 160px;
}
#section-clients-small .quotations:after {
	display: block;
	position: absolute;
	top: 22px;
	left: 50%;
	width: 1px;
	height: 146px;
	
	background: rgba(255,255,255,0.12);
	content: '';
	z-index: 2;
}
#section-clients-small .quotation {
	float: left;
	padding: 0 45px;
	position: relative;
	width: 50%;
	height: 160px;
	
	background: #121212;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1;
	
	color: #aaa;
	font: italic 12px/2 arial;
	text-align: left;
}
#section-clients-small .quotation:before {
	display: block;
	position: absolute;
	top: -15px;
	left: 45px;
	width: 0;
	height: 0;
	
	border-color: transparent transparent #000 transparent;
	border-style: solid;
	border-width: 0 0 15px 15px;
	content: '';
}
#section-clients-small .quotation .outer {
	display: table;
	width: 100%;
	height: 100%;
}
#section-clients-small .quotation .inner {
	display: table-cell;
	
	vertical-align: middle;
}
#section-clients-small .quotation .author {
	color: #ff5c26;
}

#section-clients-small .page {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 20px;
	height: 16px;
	
	cursor: pointer;
	
	text-indent: -999em;
}
#section-clients-small .page:before {
	display: block;
	position: absolute;
	top: 4px;
	left: 6px;
	width: 8px;
	height: 8px;
	
	background: #000;
	border: 0;
	border-radius: 4px;
	content: '';
}
#section-clients-small .page:hover:before,
#section-clients-small .page.is-active:before {
	background: #ff5c26;
}



/* =============================================================================
   BLOCK: =Aside
   ========================================================================== */

#section-presslinks {
	margin-top:0; padding-bottom:0;
}

#section-presslinks {
	margin-top:0; padding-bottom:0;
}

#aside #section-newsletter,
#aside #section-followus {
	float:left; margin:30px 0 0; padding:20px 25px 0; width:488px; height:120px;
	background:#fdfdfd; border:1px dotted #a8a8a8;
}
#aside #section-followus {
	float:right; width:389px;
	border-left:0
}
#aside #section-downloadourapps {
	display:none;
}
#aside #section-newsletter:before,
#aside #section-followus:before {
	display:none;
}
#aside #section-newsletter .section-title,
#aside #section-followus .section-title-light {
	display:block; margin:0 0 10px; padding:0; height:auto;
	background:none; border:0;
	color:#000; font-size:21px;
}
#aside #section-newsletter .section-title {
	margin:0;
}
#aside #section-newsletter .section-title:before,
#aside #section-followus .section-title-light:before,
#aside #section-newsletter .section-title:after,
#aside #section-followus .section-title-light:after {
	display:none;
}

#aside .button-list li {
	float:left;
}
#aside .button-list li + li {
	margin:0 0 0 10px;
}
#aside .button-external {
	width:63px; height:65px;
	font-size:20px; line-height:65px;
}
#aside .button-external span {
	width:63px; height:58px;
}
#aside .button-external .large {
	display:none;
}
#aside .button-external .small {
	display:block;
}

#aside .button-external.google {
	text-align:left;
}

#aside .button-external.youtube span {
	background:#fff url('img/gradient-black-bottom.png') repeat-x bottom;
}



/* =============================================================================
   BLOCK: =Fancybox
   ========================================================================== */

.fancybox-skin {
	border:0;
}

#fancybox-loading {
	margin-top:-27px; margin-left:-27px;
	background-position:0 -162px; opacity:1;
}
#fancybox-loading div {
	width:54px; height:54px;
}

.fancybox-lock .fancybox-overlay {
	overflow:hidden;
}
.fancybox-close {
	top:0; right:-54px; width:54px; height:54px;
}
.fancybox-nav {
	top:55px; right:-54px; left:auto; width:54px; height:54px;
}
.fancybox-next {
	top:110px;
}
.fancybox-nav span {
	margin-top:0; top:0; width:54px; height:54px;
	visibility: visible;
}
.fancybox-prev span {
	left:0;
	background-position:0 -54px;
}
.fancybox-next span {
	right:0;
	background-position:0 -108px;
}



/* =============================================================================
   BLOCK: =Footer
   ========================================================================== */

#foot {
	padding:30px 0 40px; position:absolute; bottom:0; left:0; width:100%;
	background:#000;
	color:#929292; font-size:10px; line-height:2.2; text-transform:uppercase;
}

#foot .rainbow {
	display:block; position:absolute; top:0; left:0; width:100%; height:5px;
}

#foot .block {
	display:table-cell; padding:10px 0 0 30px;
	vertical-align:top;
}
#foot .block .label {
	color:#ff5c26;
}
#foot .block p {
	margin:0;
}
#foot .block ul,
#foot .block li {
	margin:0; padding:0;
	list-style:none;
}
#foot .block-1 {
	padding:0; width:210px;
	line-height:1.5;
}
#foot .block-1 img {
	display:block; margin:0 0 10px; position:relative; left:-9px;
}

#foot a {
	color:inherit;
}
#foot a:hover,
#foot a:focus {
	color:#606060; text-decoration:none;
}



/* =============================================================================
   PAGE TEMPLATE: =Default
   ========================================================================== */

#page-container {
	padding:70px 0 0;
}

.section-left .page-content {
	margin:15px 0 25px; width:720px;
	text-align:left
}
.page-content h2,
.page-content h3 {
	margin:1em 0 0;
	color:#000; font:bold 13px arial;
}
.page-content h2 + p,
.page-content h3 + p {
	margin-top:0;
}
.page-content p + h2,
.page-content p + h3,
.page-content ul + h2,
.page-content ul + h3 {
	margin-top:2em;
}

#app-content ul,
#app-content li,
.page-content ul,
.page-content li {
	list-style:none;
}
#app-content li:before,
.page-content li:before {
	content:'- ';
}


/* =============================================================================
   PAGE SPECIFIC: =Home
   ========================================================================== */

#section-services .section-title {
	margin-bottom:20px;
}
#section-services p {
	margin:0 auto; max-width:60%;
}
#section-services .services {
	margin:20px 0;
}
#section-services .service {
	float:left; width:327px; 
}
#section-services .nth-3 {
	width:326px;
}
#section-services .service .inner {
	padding:20px 20px 20px 90px; position:relative; height:115px;
	background:#fdfdfd; border:1px dotted #a8a8a8;
	text-align:left;
}
#section-services .service + .service .inner {
	border-left-width:0;
}
#section-services .service.nth-3 + .service .inner {
	border-left-width:1px;
}
#section-services .service.nth-3 ~ .service .inner {
	border-top:0;
}
#section-services .icon {
	position:absolute; top:20px; left:0; width:90px;
	text-align:center;
}
#section-services h3 {
	margin:0 0 2px;
	color:#000; font-size:23px; text-transform:uppercase;
}

#section-newsletter .intro {
	margin-top:0; margin-bottom:1em;
}
#section-newsletter label {
	position:absolute; left:-999em;
}


/* =============================================================================
   PAGE SPECIFIC: =Apps
   ========================================================================== */

#apps {
	padding:40px 0 0;
}

#apps .header {
	margin:0; padding:0; position:relative;
	z-index:2;
	text-align:left;
}
#apps .header:before {
	display:none;
}

#apps-list {
	margin:30px 0 0; padding:30px 0 0; position:relative;
	z-index:1;
}
#apps-list:before {
	display:block; position:absolute; top:0; left:-1px; width:982px; height:8px;
	background:url('img/border-top-full-large.png') no-repeat top; content:'';
}

#apps-list .app {
	float:left; margin:0 32px 32px 0; width:305px;
	background:#121212;
}
#apps-list .app.nth-3 {
	margin-right:0;
}
#apps-list .app.nth-3 + .app {
	clear:both;
}
#apps-list .app a {
	text-decoration:none;
}
#apps-list .app .image {
	position:relative;
}
#apps-list .app .image:after {
	display:block; position:absolute; top:0; left:0; width:100%; height:100%;
	background:url('img/app-gradient-black.png') repeat-x bottom; content:''; z-index:2;
}
#apps-list .app img {
	display:block; position:relative;
	z-index:1;
	
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#apps-list .app a:hover img {
	opacity:0.5;
}
#apps-list .app .info {
	padding:10px; min-height:42px;
	text-align:center;
}
#apps-list .app .title {
	color:#858585; font:13px/1 arial; text-transform:uppercase;
}
#apps-list .app .grade {
	margin:10px 0 0;
	display:inline-block;
}

#apps .message {
	margin:0 0 30px;
	font-size:16px; text-align:center; 
}



/* =============================================================================
   PAGE SPECIFIC: =App
   ========================================================================== */

#app {
	padding:40px 0 0;
}

#app-header {
	height:140px;
}
#app-header:after {
	width:80px; height:140px;
}

#app-header .image {
	float:left; width:140px; height:140px;
}
#app-header .part {
	float:left; padding:20px 0 0; height:120px;
}
#app-header .part + .part {
	padding-left:85px;
	background:url('img/toolbar-separator.png') no-repeat left bottom;
}
#app-header .part-1 {
	padding-left:20px;
}
#app-header .part-2 {
	float:right; width:280px;
}
#app-header .title {
	margin:0 0 5px;
	color:#cacaca; font:26px/1 'Continuum Light'; text-transform:uppercase; white-space:nowrap;
}
#app-header .infos,
#app-header .infos li {
	margin:0; padding:0;
	list-style:none;
}
#app-header .infos {
	margin:20px 0 0;
	color:#858585;
}
#app-header .infos li {
	float:left; margin:0 0 5px 25px;
}
#app-header .infos .nth-2 {
	clear:both; margin-left:0;
}
#app-header .infos .value {
	color:#f8f8f8;
}
#app-header .markets,
#app-header .markets li {
	margin:0; padding:0;
	list-style:none;
}
#app-header .markets  {
	float:left; margin:5px 0 0 0; width:150px;
}
#app-header .markets li {
	margin:0 0 7px;
}
#app-header .markets span,
#app-header .markets a {
	display:block; height:13px;
	color:#e5e5e5; font-size:10px; line-height:13px; text-transform:uppercase;
}
#app-header .markets li > span {
	opacity:0.3;
}

#app-header .markets a:hover {
	color:#606060; text-decoration:none;
}
#app-header .markets img {
	float:left; margin:0 2px 0 0;
}

#app-header .supports,
#app-header .supports li {
	margin:0; padding:0;
	list-style:none;
}
#app-header .supports {
	float:left; margin:15px 0 0;
}
#app-header .supports li {
	display:table-cell;
	vertical-align:bottom;
}
#app-header .supports li + li {
	padding:0 0 0 10px;
}

#app-content {
	padding-bottom:0;
}
#app-content .section-title,
#app-content .grade {
	display:none;
}

#app-content h2 {
	margin:0 auto 20px; max-width:700px;
	color:#000; font:31px/1.3 'Continuum Light'; text-transform:uppercase;
}

#app-content .videos {
	margin:50px 0 0;
}
#app-content .image-title,
#app-content .video-title {
	margin:40px 0 15px;
	color:#000; font:21px/1 'Continuum Light'; text-align:left; text-transform:uppercase;
}
#app-content .fluid-video + .fluid-video {
	margin:30px 0 0;
}
#app-content .images {
	margin:50px 0 0;
}
#app-content .videos + .images {
	margin:30px 0 0;
}
#app-content .image {
	display:block;
}

#app-content .images .landscape {
	float:left; margin:0 3.06% 0 0; width:48.47%;
}
#app-content .images .nth-2 ~ a .landscape {
	margin-top:3.06%;
}
#app-content .images .nth-2 .landscape {
	margin-right:0;
}

#app-content .images .portrait {
	float:left; margin:0 1.4% 0 0; width:32.4%;
}
#app-content .images .nth-3 ~ a .portrait {
	margin-top:1.4%;
}
#app-content .images .nth-3 .portrait {
	margin-right:0;
}

#app-footer {
	display:none;
}

#app .share-box {
	margin:20px 0;
}

#app-download {
	margin:0;
}
#app-download .section-title,
#app-reviews .section-title {
	margin:0;
	background:none;
	color:#000; font-size:25px;
}
#app-download .section-title:before,
#app-download .section-title:after,
#app-reviews .section-title:before,
#app-reviews .section-title:after {
	display:none;
}
#app-download .markets,
#app-download .markets li {
	margin:0; padding:0;
	list-style:none;
}
#app-download .markets {
	margin:20px 0 10px;
}
#app-download .markets li {
	display:inline-block; margin:0;
}
#app-download .markets li + li {
	margin:0 0 0 10px;
}
#app-download .markets img {
	position:relative; top:0;
	
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
#app-download .markets a:hover img {
	top:-5px;
}
#app-download .markets .medium {
	display:none;
}

#app-reviews .review {
	float:left; margin:20px 0 0; width:33%;
}
#app-reviews .nth-3 {
	width:34%;
}
#app-reviews .review .inner {
	padding:20px 25px; height:180px;
	background:#fdfdfd; border:1px dotted #a8a8a8;
	color:#8c8c8c; text-align:left;
}
#app-reviews .review + .review .inner {
	border-left-width:0;
}
#app-reviews .nth-3 + .review .inner {
	border-left-width:1px;
}
#app-reviews .review .title {
	margin:0 0 3px;
	color:#444444; font:15px/1.2 arial; text-transform:uppercase;
}
#app-reviews .review .grade {
	margin:0 0 5px;
}
#app-reviews .review .date,
#app-reviews .review .source {
	font-size:10px; text-transform:uppercase;
}
#app-reviews .review .excerpt {
	margin:15px 0 10px;
}



/* =============================================================================
   PAGE SPECIFIC: =News
   ========================================================================== */

.page-template-tpl-news-php #section-news,
.page-template-tpl-news-php #section-newsletter,
.page-template-tpl-contact-php #section-newsletter,
.single-heliceum_news #section-news,
.single-heliceum_news #section-newsletter,
.section.first + #section-newsletter {
	margin-top:40px; padding-top:0;
}
.page-template-tpl-news-php #section-news:before,
.page-template-tpl-news-php #section-newsletter:before,
.page-template-tpl-contact-php #section-newsletter:before,
.single-heliceum_news #section-news:before,
.single-heliceum_news #section-newsletter:before,
.section.first + #section-newsletter:before {
	display:none;
}

.single-news {
	margin:15px 0 0; width:715px;
}
.single-news .image-large,
.single-news .videos,
.single-news .images,
.single-news .fluid-video,
.single-news .image {
	margin:20px 0 0;
}
.single-news .images .image {
	display:block;
}



/* =============================================================================
   PAGE SPECIFIC: =Team
   ========================================================================== */

.page-template-tpl-team-php #section-services .services {
	margin-bottom:10px;
}

#section-clients .clients {
	margin:40px 0 0; width:100%;
}
#section-clients .clients .row {
	display:table; width:100%;
}
#section-clients .client {
	display:table-cell; padding:0 0 40px; width:33%;
	vertical-align:middle;
	text-align:center;
}
#section-clients .nth-3 {
	width:34%;
}
#section-clients .client img {
	max-width:75%; position:relative; top:0;
	vertical-align:middle;
	
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}

#section-clients .client a:hover img,
#section-clients .client a:focus img {
	top:-3px;
}


/* =============================================================================
   PAGE SPECIFIC: =Contact
   ========================================================================== */

.page-template-tpl-contact-php .section.handheld {
	display:none;
}

.contact-blocks {
	padding:35px 30px 20px; width:655px;
	background:#121212;
}
.contact-blocks .block-title {
	margin:0 0 15px; padding:0 0 0 16px; position:relative;
	color:#cacaca; font:30px/1 'Continuum Light'; text-transform:uppercase;
}
.contact-blocks .block-title:before {
	display:block; position:absolute; top:0; left:0; width:2px; height:26px;
	background:#ff5c26; content:'';
}

.contact-blocks .block {
	float:right; width:270px;
	font-size:10px; line-height:1.5; text-transform:uppercase;
}
.contact-blocks .contact-form {
	float:left; width:355px;
	font-size:13px; text-transform:none;
}
.contact-blocks .contact-phone {
	margin:35px 0 0;
}
.contact-blocks .map {
	overflow:hidden; margin-bottom:1em; position:relative; width:270px; height:150px;
}
.contact-blocks .map img {
	position:absolute; top:-80px; left:-200px; max-width:none;
}

.contact-form label {
	float:left; width:75px;
	line-height:31px;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
	background:#f3f3f3;
}
.contact-form input[type="text"],
.contact-form input[type="email"] {
	width:260px;
}
.contact-form textarea {
	margin:3px 0 0; width:335px; height:200px;
	resize:none;
}
.contact-form input[type="submit"] {
	float:right; margin:0 2px 0 0;
}
.contact-form .wpcf7 .ajax-loader {
	float:right; margin:8px 10px;
}



/* =============================================================================
   PAGE SPECIFIC: =Press
   ========================================================================== */

#press-kits .press-kit {
	margin:30px 0 45px;
}

#press-kits .press-kit .image {
	float:left; width:140px;
}
#press-kits .press-kit .image img {
	display:block;
}

#press-kits .press-kit .content {
	float:left; width:580px;
	background:#121212;
}
#press-kits .press-kit .description {
	float:left; padding:15px; width:300px; height:110px;
	color:#858585;
}
#press-kits .press-kit .description .title {
	color:#cacaca; font:26px 'Continuum Light'; text-transform:uppercase;
}
#press-kits .press-kit .description .date {
	display:none;
}
#press-kits .press-kit .description p {
	margin:10px 0;
}
#press-kits .press-kit .infos {
	float:right; padding:20px 15px; width:219px; height:100px;
	border-left:1px solid #3f3f3f;
}
#press-kits .press-kit .infos ul,
#press-kits .press-kit .infos li {
	margin:0; padding:0;
	list-style:none;
}
#press-kits .press-kit .infos li {
	margin:0 0 3px;
}
#press-kits .press-kit .infos .label {
	float:left; width:90px;
}
#press-kits .press-kit .infos .value {
	display:inline-block;
	color:#f8f8f8;
}
#press-kits .press-kit .handheld-link {
	display:none;
}

#press-kits .press-kit .tabs {
	clear:both; padding:0 0 0 140px;
}
#press-kits .tabs .links,
#press-kits .tabs .links li {
	margin:0; padding:0;
	list-style:none;
}
#press-kits .tabs .links li {
	float:left; margin:0 1px 0 0;
}
#press-kits .tabs .links span {
	cursor:pointer;
}
#press-kits .tabs .links span:before {
	width:12px;
}
#press-kits .tabs .links span.open:before {
	width:12px;
	background-image:url('img/icon-play-down.png');
}

#press-kits .tabs .tab {
	display:none;
	clear:both;
}
#press-kits .tabs .tab.open {
	display:block;
}
#press-kits .tabs .tab ul,
#press-kits .tabs .tab li {
	margin:0; padding:0;
	list-style:none;
}
#press-kits .tabs .tab ul {
	padding:15px 10px;
}
#press-kits .tabs .tab li {
	margin:0 0 8px;
}
#press-kits .tabs .tab a {
	display:block; padding:0 0 0 25px;
	background:url('img/icon-default.png') no-repeat left;
	color:#727272;
}
#press-kits .tabs .tab a:hover,
#press-kits .tabs .tab a:focus {
	color:#606060;
}
#press-kits .tabs .tab .icon-image {
	background-image:url('img/icon-image.png');
}
#press-kits .tabs .tab .icon-pdf {
	background-image:url('img/icon-pdf.png');
}
#press-kits .tabs .tab .icon-video {
	background-image:url('img/icon-video.png');
}
#press-kits .tabs .tab .icon-zip {
	background-image:url('img/icon-zip.png');
}
#press-kits .tabs .tab .icon-zoom {
	background-image:url('img/icon-zoom.png');
}

#press-kits .handheld {
	display:none;
}

.hentry ~ .aside {
	margin:40px 0 0; padding:40px 0 0; position:relative;
}
.hentry ~ .aside:before {
	display:block; position:absolute; top:0; left:-1px; width:729px; height:8px;
	background:url('img/border-top-medium.png') no-repeat top; content:'';
}

.release-contacts .contact {
	float:left;
}
.release-contacts .contact + .contact {
	margin:0 0 0 70px;
}
.release-contacts .contact strong {
	color:#000; text-transform:uppercase;
}



/* =============================================================================
   PAGE SPECIFIC: =Jobs
   ========================================================================== */

.page-template-tpl-jobs-php .entry-content .button-big {
	margin:20px 0  0;
}

.page-template-tpl-jobs-php .hentry ~ .hentry {
	margin:40px 0 0; padding:40px 0 0; position:relative;
}
.page-template-tpl-jobs-php .hentry ~ .hentry:before {
	display:block; position:absolute; top:0; left:-1px; width:729px; height:8px;
	background:url('img/border-top-medium.png') no-repeat top; content:'';
}


/* =============================================================================
   =HELPERS
   ========================================================================== */

.ir {
	display:block; overflow:hidden; 
	background-color:transparent; background-repeat:no-repeat; border:0;
	direction:ltr; *line-height:0; text-align:left; text-indent:-999em;
}
.ir br {
	display:none;
}
	
.hidden {
	display:none;
}
.visuallyhidden {
	clip:rect(0 0 0 0); margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; height:1px; 
	border:0;  
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip:auto;margin:0; overflow:visible; position:static; width:auto; height:auto; 
}
.invisible {
	visibility:hidden;
}

.clearfix:before, .clearfix:after {
	content:""; display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	*zoom:1;
}

.horizontal-wrapper {
	margin:0 auto; position:relative; width:980px;
}



/* =============================================================================
   =MEDIA QUERIES
   ========================================================================== */

/**
 * Screen, small size
 */
@media only screen and (min-width:1150px) {
	/**
	 * BLOCK: =Toolbar
	 */
	.toolbar:after {
		display:block;
	}
}

/**
 * Screen, medium size
 */
@media only screen and (min-width:1280px) {
	/**
	 * BLOCK: =Head
	 */
	#language-selector {
		right:5%;
	}
}

/**
 * Screen, large size
 */
@media only screen and (min-width:1680px) {
	/**
	 * BLOCK: =Head
	 */
	#language-selector {
		right:10%;
	}
}

/**
 * Screen, huge size
 */
@media only screen and (min-width:1920px) {
	/**
	 * BLOCK: =Head
	 */
	#language-selector {
		right:15%;
	}
	
}

/**
 * Tablet, portrait
 */
@media only screen and (max-width:980px) {
	
	/**
	 * GENERAL: =Common
	 */
	body {
		background:#171717;
	}
	#global-container.crop {
		overflow:hidden; position:relative; width:100%; height:100%;
	}
	#global-container.crop #nav-handheld-mask {
		display:none; position:absolute; top:0; left:0; width:100%; height:100%;
		cursor:pointer; background:url('img/black_80.png'); z-index:999;
	}
	#site-container {
		padding:0 0 30px; position:relative; width:100%;
		background:#bbb;
	}
	
	/**
	 * GENERAL: =Text level
	 */
	.grade,
	.grade.small {
		width:78px; height:10px;
		background-image:url('img/grades-small-retina.png'); background-size:78px 90px;
	}
	.grade.small.light {
		background-image:url('img/grades-light-small-retina.png');
	}
	.grade.large {
		background-image:url('img/grades-retina.png'); background-size:117px 135px;
	}
	
	/**
	 * BLOCK: =Head
	 */
	#head {
		position:relative; height:45px;
		background:#1a1a1a; z-index:10;
	}
	#site-title {
		margin:0 0 0 -62px; top:6px; width:124px;
	}
	#site-title .desktop {
		display:none;
	}
	#site-title .handheld {
		display:block;
	}

	#nav-main,
	#language-selector {
		display:none;
	}
	#nav-handheld {
		display:block; position:absolute; top:0; left:0;
	}
	#nav-handheld .button {
		position:fixed; top:0; left:0; width:45px; height:45px;
		background:#1a1a1a; cursor:pointer;
	}
	#nav-handheld .button a {
		display:inline; padding:0; height:auto;
		background:none; border:0;
	}
	#nav-handheld .button img {
		display:block; margin:12px 10px; width:25px;
	}
	#nav-handheld .button.back img {
		display:block; margin:14px 12px; width:20px;
	}
	#nav-handheld .menu-container {
		position:absolute; top:0; left:-270px; width:270px;
		background:#171717;
	}
	#nav-handheld ul,
	#nav-handheld li {
		margin:0; padding:0;
		list-style:none;
	}
	#nav-handheld li {
		background:#171717 url('img/menu-gradient.png') repeat-y right;
	}
	#nav-handheld a,
	#nav-handheld .label {
		display:block; padding:0 10px 0 50px; height:60px;
		background:url('img/menu-icon-default.png') no-repeat 17px center; background-size:22px 16px; border-bottom:1px solid #000; cursor:pointer;
		color:#fff; font:20px/62px 'Continuum Light'; text-decoration:none; text-transform:uppercase;
	}
	#nav-handheld .separator {
		display:block; padding:0 0 0 15px; height:20px;
		background:#ff5c26 url('img/menu-gradient.png') repeat-y right;
		color:#fff; font:bold 12px/21px arial; text-transform:uppercase;
	}
	#nav-handheld .selector > .label:before {
		display:block; position:absolute; top:24px; left:90%; width:12px; height:12px;
		background:url('img/menu-handheld-arrow-right.png') no-repeat center; content:'';
	}
	#nav-handheld .open > .label:before {
		background-image:url('img/menu-handheld-arrow-bottom.png');
	}
	#nav-handheld .selector ul {
		display:none;
	}
	#nav-handheld .open ul {
		display:block;
	}
	#nav-handheld .selector li {
		background-color:#333;
	}
	
	#nav-handheld .lang-fr > a,
	#nav-handheld .lang-fr > .label {
		background-image:url('img/flag-fr.png');
	}
	#nav-handheld .lang-en > a,
	#nav-handheld .lang-en > .label {
		background-image:url('img/flag-en.png');
	}
	#nav-handheld .item-4 a,
	#nav-handheld .item-256 a {
		background-image:url('img/menu-icon-home.png');
	}
	#nav-handheld .item-58 a,
	#nav-handheld .item-104 a,
	#nav-handheld .item-261 a,
	#nav-handheld .item-260 a {
		background-image:url('img/menu-icon-app.png');
	}
	#nav-handheld .item-154 a,
	#nav-handheld .item-239 a,
	#nav-handheld .item-258 a,
	#nav-handheld .item-316 a {
		background-image:url('img/menu-icon-people.png');
	}
	#nav-handheld .item-199 a,
	#nav-handheld .item-257 a {
		background-image:url('img/menu-icon-contact.png');
	}
	
	/**
	 * BLOCK: =Home-slideshow
	 */
	#home-slideshow .horizontal-wrapper {
		height:383px;
	}
	
	#home-slideshow .pagination {
		height:auto;
		background:#4b4b4b;
	}
	#home-slideshow .pagination .buttons {
		display:none;
	}
	#home-slideshow .pagination .wrapper {
		width:auto;
	}
	#home-slideshow .pagination .pages {
		padding:0; position:relative; left:0; width:100%; height:23px;
		background:none;
		line-height:9px; text-align:center;
	}
	#home-slideshow .pagination .page,
	#home-slideshow .pagination .page:first-child,
	#home-slideshow .pagination .page:last-child,
	#home-slideshow .pagination .page.current {
		display:inline-block; float:none; padding:6px 3px; width:9px; height:9px;
		background:url('img/page-bullet.png') no-repeat center; background-size:9px 9px;
	}
	#home-slideshow .pagination .page.current {
		background-image:url('img/page-bullet_active.png');
	}
	#home-slideshow .pagination .page:after {
		display:none !important;
	}
	#home-slideshow .pagination .page .thumb,
	#home-slideshow .pagination .page .label {
		display:none;
	}
	
	#home-slideshow .slides {
		height:360px;
	}
	
	#home-slideshow .slide {
		overflow:hidden; width:100%; height:100%; 
		background:#000;
	}
	#home-slideshow .slide .image {
		position:relative; left:0; width:100%;
		z-index:1;
	}
	#home-slideshow .slide .image .screen {
		display:none;
	}
	#home-slideshow .slide .image .handheld {
		display:block;
	}
	#home-slideshow .slide .content {
		padding:0; position:absolute; top:auto; bottom:0; left:0; width:100%; height:auto; min-height:143px;
		background:#0c0c0c; z-index:2;
	}
	#home-slideshow .slide .content .inner {
		padding:15px 0; margin:0 auto; width:480px;
		text-align:center;
	}
	#home-slideshow .slide .title {
		padding:0 15px;
		color:#fff; font-size:20px;
	}
	#home-slideshow .slide .text {
		margin:10px 0; padding:0 15px;
		color:#797979; font-size:12px;
	}
	#home-slideshow .links .buttons,
	#home-slideshow .links .markets {
		float:none; display:inline-block;
	}
	
	/**
	 * BLOCK: =Section
	 */
	#site-container .section {
		margin:20px 5px 0; padding:0 0 10px;
		background:#eee; border-top:1px solid #fff; border-bottom:1px solid #727272;
		text-align:center;
	}
	#site-container .section:before {
		display:none;
	}
	#site-container .section .section-title,
	.section .section-title-light {
		display:inline-block; margin:0 25px 10px; padding:0 10px; position:relative; top:-1px; height:46px;
		background:#121212;
		color:#fff; font-size:22px; line-height:46px; text-transform:uppercase;
	}
	#site-container .section .section-title:before,
	#site-container .section .section-title:after,
	.section .section-title-light:before,
	.section .section-title-light:after {
		display:inline-block; position:absolute; top:0; right:100%; left:auto; width:25px; height:46px;
		background:url('img/title-handheld-background-retina.png') no-repeat left; background-size:217px 46px; content:'';
	}
	#site-container .section .section-title:after,
	.section .section-title-light:after {
		right:auto; left:100%;
		background-position:right;
	}
	.section-left,
	.section-right {
		float:none; width:auto;
		text-align:center;
	}
	.section-content {
		padding:0 5px;
	}
	.section p {
		margin-right:auto; margin-left:auto; width:90%;
	}
	
	#section-followus,
	#section-downloadourapps {
		display:none;
	}

	#section-presslinks.section {
		padding-bottom:0;
	}

	/**
	 * BLOCK: =Toolbar
	 */
	.toolbar {
		background:none;
	}
	.toolbar:after {
		display:none;
	}
	.toolbar .tools,
	.toolbar .tools + .tools {
		float:none; padding:0; height:auto;
		background:none;
	}
	.toolbar .title {
		display:none;
	}
	.toolbar .select,
	.toolbar .select + .select {
		float:none; margin:0 auto 10px; width:94%;
	}
	.toolbar select {
		display:block !important; padding:3px; width:100%;
	}
	.toolbar .replaced-select {
		display:none;
	}
	
	/**
	 * BLOCK: =News-list
	 */
	.news-list {
		margin:10px 0; width:auto;
	}
	
	.news-list .hentry {
		overflow:hidden; margin:0; padding:0; border:0; border-top:1px solid #b0b0b0; width:100%; height:55px;
		background:none;
		text-align:left;
	}
	.news-list .hentry:last-child {
		border-bottom:1px solid #b0b0b0; 
	}
	.news-list .hentry .header {
		padding:0;
	}
	.news-list .hentry .image-thumb {
		display:table-cell; padding:5px; position:relative; top:0; left:0; width:45px; height:45px;
	}
	.news-list .image-thumb img {
		width:45px;
	}
	.news-list .content {
		display:table-cell; padding:0 15px 0 5px;
		vertical-align:middle;
	}
	.news-list .hentry .entry-title {
		color:#3c3c3c; font:bold 15px arial; text-transform:none;
	}
	.news-list .published {
		text-transform:none;
	}
	.news-list .entry-summary {
		display:none;
	}
	.news-list .hentry .handheld-link {
		display:block; position:absolute; top:0; left:0; width:100%; height:100%;
		background:transparent;
	}
	.news-list .hentry .handheld-link img {
		display:block; position:absolute; top:19px; right:10px; width:11px;
	}
	.news-list .main-entry .header:before,
	.news-list .main-entry .image-large {
		display:none;
	}
	.pagination .desktop {
		display:none;
	}
	.pagination .handheld {
		display:block; padding:5px 0;
	}
	.pagination .handheld label {
		position:absolute; top:-999em;
	}
	.pagination .handheld p {
		width:94%;
	}
	.pagination .handheld select {
		padding:3px; width:100%;
	}
	
	/**
	 * BLOCK: =Clients
	 */
	#section-clients-small .clients {
		margin: 20px 0 10px;
		height: 80px;
	}
	#section-clients-small .client {
		height: 80px;
		
		line-height: 80px;
	}
	#section-clients-small .client img {
		max-width: 80%;
		max-height: 80px;
	}

	#section-clients-small .quotations {
		margin: 25px 0;
		padding: 10px 0 0;
		height: 220px;
	}
	#section-clients-small .quotations:after {
		display: none;
	}
	#section-clients-small .quotation {
		float: left;
		padding: 0 20px;
		width: 49%;
		height: 220px;
		
		background: #fbfbfb;
		border: 1px dotted #aaa;
		
		color: #666;
		font-size: 13px;
		line-height: 1.6;
		text-align: center;
	}
	#section-clients-small .quotation.nth-2 {
		float: right;
	}
	#section-clients-small .quotation:before {
		top: -10px;
		left: 20px;
		width: 10px;
		height: 10px;
		
		background: url('img/quotation-corner-white.png') no-repeat top right;
		border: 0;
	}
	#section-clients-small .quotation .author {
		margin-top: 10px;
	}
	
	/**
	 * BLOCK: =Slider-horizontal
	 */
	.slider-horizontal {
		margin:10px 0 0; height:auto;
	}
	.slider-horizontal .buttons {
		display:none;
	}
	.slider-horizontal .container {
		overflow:auto; position:relative; left:0; width:100%; height:auto;
		background:none; border:0;
	}
	.slider-horizontal .wrapper {
		width:100%;
	}
	.slider-horizontal li {
		float:none; padding:15px; position:relative; height:auto;
		border-top:1px solid #b0b0b0;
		line-height:1;
	}


	/**
	 * BLOCK: =Footer
	 */
	#section-presslinks {
		margin-top:20px;
	}
	#aside #section-newsletter,
	#aside #section-followus,
	#foot {
		display:none;
	}
	
	/**
	 * PAGE TEMPLATE: =Default
	 */
	#page-container {
		padding:0 0 0;
	}
	.section-left .page-content.page-content {
		margin:10px auto; width:90%;
	}
	.section-left .page-content p {
		width:100%;
	}
	
	/**
	 * PAGE SPECIFIC: =Home
	 */
	#site-container #section-services {
		padding-bottom:20px;
	}
	#section-services p {
		margin-top:15px; max-width:80%;
	}
	#section-services .services {
		margin:40px 0;
	}
	#section-services .service {
		float:left; margin:0 3%; width:27%; 
	}
	#section-services .nth-3 + .service {
		clear:both;
	}
	#section-services .nth-3 ~ .service {
		margin-top:40px;
	}
	#section-services .service .inner {
		padding:0; height:auto;
		background:none; border:0;
		text-align:center;
	}
	#section-services .icon {
		margin:0 0 10px; position:relative; top:0; left:0; width:auto;
	}
	
	
	/**
	 * PAGE SPECIFIC: =Apps
	 */
	#apps {
		padding:0;
	}
	#apps .header {
		padding-bottom:0;
	}
	#apps-list {
		margin:0; margin:20px 5px 0; padding:20px 5%;
		background:#eee; border-top:1px solid #fff; border-bottom:1px solid #727272;
	}
	#apps-list:before {
		display:none;
	}
	#apps-list .app,
	#apps-list .app.nth-3 {
		margin:0 0 32px;
	}
	#apps #apps-list .app {
		clear:none; float:left; width:48.11%;
	}
	#apps #apps-list .app.nth-2 {
		float:right; margin-right:0;
	}
	#apps #apps-list .app.nth-2 + .app {
		clear:both;
	}
	#apps-list .app .grade {
		margin-top:5px;
	}
	#apps #apps-list .app img {
		width:100%;
	}
	#apps .message {
		margin:0;
	}
	
	/**
	 * PAGE SPECIFIC: =App
	 */
	#app {
		padding:0;
	}
	#app .page-title,
	#app-header {
		display:none;
	}
	#app-content.section {
		padding-bottom:0;
	}
	#app-content .grade {
		display:block; margin:5px auto 20px;
	}
	#app-content h2 {
		margin-bottom:10px; max-width:70%;
		font-size:22px;
	}
	#app-content .videos {
		margin:25px 0 0;
	}
	#app-content .image-title,
	#app-content .video-title {
		margin-left:20px;
	}
	#app-content .images {
		margin:25px 0 0;
	}
	#app-content .fluid-video + .fluid-video,
	#app-content .videos + .images {
		margin:25px 0 0;
	}
	
	#app-footer.section {
		display:block; padding:0;
	}
	#app-footer .infos,
	#app-footer .infos li {
		margin:0; padding:0;
		list-style:none;
	}
	#app-footer .infos {
		float:left; padding:22px 10px 0;
		color:#797979;
	}
	#app-footer .infos li {
		float:left; margin:0 0 5px 15px;
	}
	#app-footer .infos .nth-2 {
		clear:both; margin-left:0;
	}
	#app-footer .infos .value {
		color:#121212;
	}
	#app-footer .supports,
	#app-footer .supports li {
		margin:0; padding:0;
		list-style:none;
	}
	#app-footer .supports {
		float:right; padding:10px 20px;
		border-left:1px solid #727272;
	}
	#app-footer .supports li {
		display:table-cell;
		vertical-align:bottom;
	}
	#app-footer .supports li + li {
		padding:0 0 0 10px;
	}
	#app .share-box {
		display:none;
	}
	#app-download .markets {
		margin:10px 0;
	}
	#app-reviews .reviews {
		margin:20px 0 0;
	}
	#app-reviews .review {
		float:none; margin:0; width:100%;
	}
	#app-reviews .review .inner {
		padding:20px 10px; height:auto;
		background:none; border:0; border-top:1px solid #d7d7d7;
		color:#797979;
	}
	#app-reviews .review .title {
		font-size:16px;
	}
	#app-reviews .review .excerpt {
		margin:15px 0;
	}
	
	/**
	 * PAGE SPECIFIC =News
	 */
	.single-news {
		margin:10px auto; width:94%; max-width:715px;
		text-align:left;
	}
	.article-header,
	.single-news .header {
		padding:0;
	}
	.article-header:before,
	.single-news .header:before {
		display:none;
	}
	.article-title,
	.single-news .entry-title {
		color:#121212; font-size:22px; text-transform:uppercase;
	}
	.single-news p {
		width:100%;
	}
	
	/**
	 * PAGE SPECIFIC =Team
	 */
	.page-template-tpl-team-php #site-container .section.first {
		padding-bottom:0;
	}
	
	/**
	 * PAGE SPECIFIC: =Contact
	 */
	.page-template-tpl-contact-php .section.first {
		display:none;
	}	
	.page-template-tpl-contact-php .section.handheld {
		display:block;
	}
	.page-template-tpl-contact-php .section.handheld .button-big {
		min-width:200px;
	}
	.page-template-tpl-contact-php .section.handheld .smartphone {
		display:none;
	}
	.page-template-tpl-contact-php a.fax {
		color:inherit;
	}

	/**
	 * PAGE SPECIFIC: =Press
	 */
	.single-heliceum_release #site-container .section.first .section-title {
		padding:0;
		letter-spacing:-0.05em;
	}
		
	.page-template-tpl-press-php #site-container .section.first {
		padding-bottom:0;
	}
	#press-kits .press-kit {
		overflow:hidden; margin:0; padding:0; position:relative; border:0; border-top:1px solid #b0b0b0; width:100%; height:55px;
		background:none;
		text-align:left;
	}
	#press-kits .press-kit.open {
		height:auto;
	}
	#press-kits .press-kit .image {
		display:table-cell; padding:5px; position:relative; top:0; left:0; width:45px; height:45px;
	}
	#press-kits .press-kit .image img {
		width:45px;
	}
	#press-kits .press-kit .content {
		display:table-cell; float:none; padding:0 15px 0 5px; width:auto; height:55px;
		background:none; vertical-align:middle;
	}
	#press-kits .press-kit .description {
		float:none; padding:0 ; width:auto; height:auto;
	}
	#press-kits .press-kit .description .title {
		color:#3c3c3c; font:bold 15px arial; 
	}
	#press-kits .press-kit .description .date {
		display:block;
		color:#8c8c8c; font:10px arial;
	}
	#press-kits .press-kit .description p {
		display:none;
	}
	#press-kits .press-kit .tabs,
	#press-kits .press-kit .infos {
		display:none;
	}
	#press-kits .press-kit .handheld-link {
		display:block; position:absolute; top:0; left:0; width:100%; height:55px;
		background:transparent; cursor:pointer;
	}
	#press-kits .press-kit .handheld-link img {
		display:block; position:absolute; top:19px; right:10px; width:11px;
	}
	#press-kits .press-kit .handheld-link .closed {
		width:11px;
	}
	#press-kits .press-kit .handheld-link .opened {
		display:none; width:16px;
	}
	#press-kits .press-kit.open .handheld-link .closed {
		display:none;
	}
	#press-kits .press-kit.open .handheld-link .opened {
		display:block;
	}
	
	#press-kits .handheld {
		display:block; padding:0;
		border-top:1px solid #b0b0b0;
	}
	#press-kits .handheld .description {
		padding:10px 5px; max-width:335px;
	}
	
	#press-kits .handheld ul,
	#press-kits .handheld li {
		margin:0; padding:0;
		list-style:none;
	}
	#press-kits .handheld li {
		overflow:hidden; margin:0; padding:0; border:0; border-top:1px solid #b0b0b0; width:100%;
		background:none;
		text-align:left;
	}
	#press-kits .handheld a {
		display:block; padding:15px 35px; position:relative;
		background:url('img/icon-zoom.png') no-repeat 10px 16px;
		color:#727272;
	}
	#press-kits .handheld a img {
		margin:-8px 0 0; position:absolute; top:50%; right:10px; width:11px;
	}
	
	.hentry ~ .aside {
		padding:0;
	}
	.hentry ~ .aside:before {
		display:none;
	}
		
	.release-contacts .contact {
		float:none
	}
	.release-contacts .contact + .contact {
		margin:20px 0 0;
	}
	
	/**
	 * PAGE SPECIFIC: =Jobs
	 */
	.page-template-tpl-jobs-php .hentry ~ .hentry {
		padding:0;
	}
	.page-template-tpl-jobs-php .hentry ~ .hentry:before {
		display:none;
	}

	/**
	 * =HELPERS
	 */
	.horizontal-wrapper {
		width:auto;
	}
}

/**
 * Mobile, landscape
 */
@media only screen and (max-width:580px) {
	
	/**
	 * GENERAL: =Text level
	 */
	.button-big {
		padding:9px 10px 9px 8px;
	}
	.button-big.large {
		padding:10px 15px;
	}
	
	/**
	 * BLOCK: =Home-slideshow
	 */
	#home-slideshow .horizontal-wrapper {
		height:373px;
	}
	#home-slideshow .slides {
		height:350px;
	}
	#home-slideshow .slide .content .inner {
		padding:10px 0 8px; width:auto;
	}
	#home-slideshow .slide .title,
	#home-slideshow .slide .text {
		padding:0 5px;
	}
	#home-slideshow .slide .text {
		margin:5px 0 10px;
	}
	#home-slideshow .links .markets {
		margin:0; padding:0;
		background:none; 
	}
	
	#home-slideshow .links a {
		font-size:16px; line-height:14px;
	}
	#home-slideshow .links a:before {
		display:none;
	}
	#home-slideshow .links .markets a {
		margin:0;
	}
	#home-slideshow .links .buttons a + a,
	#home-slideshow .links .markets a + a {
		margin-left:5px;
	}
	#home-slideshow .links .markets img {
		width:33px;
	}
	
	/**
	 * BLOCK: =Clients
	 */
	#section-clients-small .section-title {
		padding:0;
		letter-spacing:-0.05em;
	}
	#section-clients-small .clients {
		margin: 10px 0;
		height: 180px;
	}
	#section-clients-small .client {
		margin: 10px 0;
		width: 50%;
		height: 70px;
		
		line-height: 70px;
	}
	#section-clients-small .nth-2 + .client {
		clear: left;
	}
	#section-clients-small .client img {
		max-width: 80%;
		max-height: 70px;
	}
	
	#section-clients-small .quotations {
		margin: 25px 0 15px;
		height: 240px;
	}
	#section-clients-small .quotation {
		float: left;
		width: 100%;
		height: 240px;
	}

	/**
	 * PAGE SPECIFIC: =Home
	 */
	#site-container #section-services {
		padding-bottom:10px;
	}
	#section-services p {
		max-width:90%;
	}
	#section-services .services {
		margin:30px 0;
	}
	#section-services .service {
		display:block; float:none; margin:0 auto; width:90%; 
	}
	#section-services .service + .service {
		margin-top:40px;
	}
	#section-newsletter .intro {
	margin-top:0; margin-bottom:1em;
	}
	#section-newsletter label {
		position:absolute; left:-999em;
	}
	
	/**
	 * PAGE SPECIFIC: =Apps
	 */
	#apps-list {
		padding:6px 9px 0;
	}
	#apps-list .app,
	#apps-list .app.nth-2,
	#apps-list .app.nth-3 {
		margin:0 0 3.44%;
	}
	#apps-list .app .info {
		padding:10px; min-height:32px;
	}
	
	/**
	 * PAGE SPECIFIC: =App
	 */
	#app-content h2 {
		max-width:90%;
	}
	#app-content .image-title,
	#app-content .video-title {
		margin:30px 0 10px 10px;
		font-size:18px;
	}
	
	#app-content .images .landscape {
		float:none; margin:15px 0 0; width:100%;
	}
	#app-content .images a:first-child .landscape {
		margin-top:0;
	}
	#app-content .images .nth-2 .landscape {
		margin-right:0;
	}

	#app-content .images .portrait,
	#app-content .images .nth-3 .portrait {
		float:left; margin:0 3.06% 0 0; width:48.47%;
	}
	#app-content .images .nth-2 ~ a .portrait {
		margin-top:3.06%;
	}
	#app-content .images .nth-2 .portrait {
		margin-right:0;
	}
	
	#app-download .markets .large {
		display:none;
	}
	#app-download .markets .medium {
		display:inline; width:63px;
	}
	#app-footer .infos {
		margin:3.25%; padding:0; width:63.5%;
		text-align:left;
	}
	#app-footer .infos li {
		float:none; margin:0 0 3px;
	}
	#app-footer .supports {
		margin:3.25%; padding:0; width:23.5%;
		border:0;
	}
	
	/**
	 * PAGE SPECIFIC: =Team
	 */
	#section-clients .section-title {
		padding:0;
		letter-spacing:-0.05em;
	}
	#section-clients .clients .row {
		display:block;
	}
	#section-clients .clients .client {
		display:block; margin:0 auto; width:100%; 
	}
	#section-clients .client img {
		max-width:60%;
	}

	/**
	 * PAGE SPECIFIC: =Contact
	 */
	.page-template-tpl-contact-php .section.handheld .tablet {
		display:none;
	}
	.page-template-tpl-contact-php .section.handheld .smartphone {
		display:inline-block;
	}
}