/*
URL: hbgraphix.com
Emersion CMS Template - ver. 3.6.01
--- GOOGLE FONTS
--- GENERAL
--- TYPO
--- LINKS
--- IMAGES
--- FORMS
--- LAYOUT
--- OBJECTS
--- CUSTOMIZED
--- MEDIA QUERIES
*/



/* GOOGLE FONTS */
/* font-family:'Open Sans',sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext);


/* --- GENERAL --- */
* {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#colorbox, #cboxLoadedContent, #cboxContent {box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
html {/*background:url(img/bg-html.png) #c4e6fb repeat-x*/;}
body {background:#fff /*url(img/bg-body.png) repeat-x;*/;color:#444;font:95% 'Open Sans',Arial,sans-serif;margin:0;padding:0;}
table, input, select, textarea {font-family:Arial,sans-serif;font-size:100%;}
/* HTML5 Shiv elements */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
/* utils */
.invisible {position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clear {clear:both;font-size:1px;height:1px;line-height:1px;}
.segreg {height:20px;clear:both;}
.debug {background:yellow !important;border:1px solid red !important;}
.example {display:none;}
.no-gutter {padding:0;}
/* hr */
hr {clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:15px 0;min-height:0;height:1px;}
hr.alt1{border-style:solid;}
hr.alt2{border-style:dashed;}

/* --- TYPO --- */
h1 {font-size:150%;font-weight:bold;}
h2, h3, h4, h5, h6 {/*font-family:Tahoma,sans-serif;*/color:#2B3548;margin:1.5em 0 .5em 0;line-height:1.3em;font-weight:normal;}
h2 {font-size:300%;text-align:right;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:110%;}
h6 {font-size:100%;}
.aside h2, .aside h3, .aside h4, .aside h5, .aside h6 {color:#2B3548;margin:.7em 0 .5em 0;line-height:1.3em;}
.aside h2 {font-size:120%;}
.aside h3 {font-size:110%;}
.aside h4 {font-size:100%;}
.aside h5 {font-size:91%;}
.aside h6 {font-size:91%;}
p, ul, ol, dl, td, th {line-height:1.6;}
p {margin:0 0 1.3em 0;}
abbr, acronym {cursor:help;padding-bottom:1px;border-bottom:1px dashed #000;}
pre, kbd, code, .code {font-family:"Courier New",Courier,monospace;}
.code {border:1px solid #757575;background:#FFFFDE;color:#f00;padding:0 .3em;}
blockquote {background:#ddd;margin:20px 0px;padding:15px 20px;}
blockquote p {font-style:italic;}
blockquote span {display:block;font-size:91%;color:#000;}
pre {width:100%;overflow:scroll;}
ins {color:#00f;}
del {color:#f00;text-decoration:line-through;}
cite {font-style:italic;color:#666;}
caption {color:#555;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}

/* lists */
ul, ol {margin:.4em 0 .4em 1em;}
/* ul, ol {overflow:hidden;zoom:1;} */ /* overflow = float img overlapping fix */
ul {padding:0 0 0 17px;}
ol {padding:0 0 0 25px;}
ul li {list-style-type:disc;list-style-image:url(img/li-c.png);}
ul.checks {padding:0;margin:0 0 20px 0;}
ul.checks li {list-style-type:none;margin:0;background:url(img/icon-check.png) no-repeat 5px 0.5em;padding-left:30px;}
ul.alt {padding:0;margin:0 0 20px 0;}
ul.alt li {list-style-type:none;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;margin:0 0 -1px 0;background:url(img/icon-arrow-right.png) no-repeat 5px 0.7em;padding-left:20px;}
ul.no-list {margin:0;padding:0;}
ul.no-list li {list-style-type:none;list-style-image:none;}
ul.chrono-list li  {position:relative;}
ul.chrono-list li span.date {display:block;width:30%;position:absolute;top:0;let:0;}
ul.chrono-list li span.title {display:block;padding-left:30%;}

/* typo classes */
.frame {padding:15px 20px;background:#eee;}
.editorial {font-family:Arial,sans-serif;background:transparent;color:#000;font-size:150%;padding:5px 0 10px 0;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.strike {text-decoration:line-through;}
.small-caps {font-variant:small-caps;}
.align-justify {text-align:justify;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.text-valign {height:50px;line-height:50px;border:1px solid #000;padding:0 20px;text-align:center;}
.hidden {display:none;}
.info {color:#555;}
.dropcap {height:55px;line-height:55px;color:#5499c5;display:block;float:left;font-size:60px;margin:0;padding:0 7px 0 0;text-transform:capitalize;overflow:hidden;}


/* --- LINKS --- */
a:link, a:active {color:#e96525;text-decoration:none;}
a:visited {color:#e96525;text-decoration:none;}
a:hover, a:focus {color:#e96525;text-decoration:none;}
#langs a, #langs a:visited {color:#fff;text-decoration:none;}
#langs a:hover {color:#fff;text-decoration:none;}

/* a-buttons */
.a-buttons ul {margin:0;padding:0;}
.a-buttons li {float:left;}
a.a-button {float:left;display:block;background:#f2efeb;color:#555;margin:0 10px 10px 0;text-decoration:none;white-space:nowrap;border:1px solid #ddd9d3;}
a.a-button:hover {background:#eee8e1;color:#645433;border:1px solid #d1cdc6;}
a.a-button span {display:block;background-image:url(img/icons/buttons.png);background-position:8px 6px;background-repeat:no-repeat;padding:3px 8px 3px 30px;}
a.a-button .add {background-position:6px 4px;}
a.a-button .delete {background-position:6px -46px;}
a.a-button .find {background-position:6px -96px;}
a.a-button .download {background-position:6px -146px;}

/* tooltip */
.tooltip:hover {background:transparent;text-decoration:none;cursor:help;}
.tooltip span {display:none;padding:5px;margin-left:10px;width:250px;}
.tooltip:hover span {cursor:default;display:inline;position:absolute;background:#fff;color:#444;padding:10px 15px;border:1px solid #ddd;font-size:91%;line-height:1.5em;}


/* --- IMAGES --- CORE */
a img.img, img.img {border:0px solid #ccc;line-height:0px;padding:0;}
a img.img:hover, a img.img:focus {border:0px solid #000;}
a img.noframe, img.noframe {border-width:0;padding:0;background:transparent;}
a img.noframe:hover, a img.noframe:focus {border-width:0;}
.imgl {float:left;clear:left;margin:.4em 1.5em .4em 0;}
.imgr {float:right;clear:right;margin:.4em 0 .4em 1.5em;}
.imgc {display:block;margin:auto;}


/* --- FORMS --- CORE */
input.inp, textarea, select {border:1px solid #ccc;padding:10px 10px;}
input.inp:focus, textarea:focus, select:focus {border:1px solid #aaa;background-color:#FFFBD4;}
#fulltext input.inp, .fulltext input.inp, .mail input.inp, .auth input.inp {/*background-image:url(img/bg-inp.png);background-position:bottom;background-repeat:repeat-x;*/vertical-align:middle;}
#fulltext input.inp:focus, .fulltext input.inp:focus, .mail input.inp:focus, .auth input.inp:focus {background-image:none;}
.required {/*background-image:url(img/required.png)*/;background-color:#fff;background-repeat:no-repeat;background-position:top right;color:inherit;color:#000;}
.optional {background-color:#efefef;color:inherit;}
.invalid {background:inherit;color:#f00;}

/* buttons */
.button, a.button {color:#e9e9e9;border:solid 1px #555;background-color:#6e6e6e;display:inline-block;vertical-align:baseline;margin:0 2px;outline:none;cursor:pointer;text-align:center;text-decoration:none;font-size:130%;padding:.5em 2em .55em;}
.button:hover, a.button:hover {background-color:#616161;text-decoration:none;}
.button:active, a.button:active {color:#afafaf;position:relative;top:1px;}
.button.rounded {;}
.button.medium {padding:4px 15px}
.button.small {font-size:91%;padding:2px 10px}
/* buttons - colored */
.button.black {color:#d7d7d7;border:solid 1px #333;background-color:#333;}
.button.black:hover {background-color:#000;}
.button.black:active {color:#666;}
.button.gray {color:#e9e9e9;border:solid 1px #555;background-color:#6e6e6e;}
.button.gray:hover {background-color:#616161;}
.button.gray:active {color:#afafaf;}
.button.white {color:#606060;border:solid 1px #b7b7b7;background-color:#fff;}
.button.white:hover {background-color:#ededed;}
.button.white:active {color:#999;}
.button.orange {color:#fef4e9;border:solid 1px #da7c0c;background-color:#f78d1d;}
.button.orange:hover {background-color:#f47c20;}
.button.orange:active {color:#fcd3a5;}
.button.red {color:#faddde;border:solid 1px #980c10;background-color:#d81b21;}
.button.red:hover {background-color:#b61318;}
.button.red:active {color:#de898c;}
.button.blue {color:#d9eef7;border:solid 1px #0076a3;background-color:#0095cd;}
.button.blue:hover {background-color:#007ead;}
.button.blue:active {color:#80bed6;}
.button.rosy {color:#fae7e9;border:solid 1px #b73948;background-color:#da5867;}
.button.rosy:hover {background-color:#ba4b58;}
.button.rosy:active {color:#dca4ab;}
.button.green {color:#e8f0de;border:solid 1px #538312;background-color:#64991e;}
.button.green:hover {background-color:#538018;}
.button.green:active {color:#a9c08c;}
.button.pink {color:#feeef5;border:solid 1px #d2729e;background-color:#f895c2;}
.button.pink:hover {background-color:#d57ea5;}
.button.pink:active {color:#f3c3d9;}


/* --- LAYOUT --- */
#page {background:#fff /*url(img/bg-page.png) repeat-y*/;padding:20px;margin-top:20px;margin-bottom:20px;}
#header {background:url(/wcd/images/bg-header.jpg) #5bb3a7 top center no-repeat;color:inherit;height:514px;}
h1#logo {position:absolute;top:0;left:10px;margin:0;padding:0;font-size:190%;}
h1#logo a {display:block;width:166px;height:241px;position:relative;overflow:hidden;text-decoration:none;}
h1#logo span {display:block;z-index:1;background:url(img/logo.png) top left no-repeat;width:166px;height:241px;margin:0;padding:0;position:absolute;left:0;top:0;cursor:pointer;}
/*
h1.logo-en span {background:url(img/logo-en.png) top left no-repeat;}
h1.logo-de span {background:url(img/logo-de.png) top left no-repeat;}
*/
h1#logo strong {position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}
h2#site-info {display:none;}
#slider, #motive {clear:both;background-color:#eee;background-position:center center;background-repeat:no-repeat;line-height:0;}
#slider {;}
#motive {;}
#content {background:#fff;color:inherit;}
#content-holder {margin-top:20px;margin-bottom:20px;position:relative;}
#main {background:transparent;color:inherit;}
#footer {background:#ff6100;color:inherit;}
.block-left {float:left;width:50%;padding-right:15px;clear:left;}
.block-right {float:right;width:50%;padding-left:15px;clear:right;}
.aside .object {border:0px solid #000;background:transparent;color:inherit;margin-bottom:30px;}
.aside .object-holder {font-size:91%;padding:0;}
h2.section {/*background-image:url(img/h2-c.png);*/background-color:transparent;background-position:left center;background-repeat:no-repeat;color:#000;font-size:180%;font-weight:normal;margin:0 0 1em 0;padding:4px 0;border-bottom:0px solid #aaa;}
.aside h2.section {/*background-image:url(img/h2-m.png);background-color:transparent;background-position:left center;background-repeat:no-repeat;color:#000;font-size:120%;font-weight:bold;margin:0;padding:4px 4px 4px 15px;border-bottom:1px solid #aaa;*/}


/* langs - CORE */
#langs {float:right;width:83px;height:75px;padding:0;margin:0 0 0 20px;font-size:120%;background-image:url(img/bg-langs.png);background-position:center left;background-repeat:no-repeat;color:#000;padding:20px 0 0 0;text-align:center;}


/* crumbs - CORE */
ul#crumbs {clear:both;background:#fff;margin:0;padding:0;height:2.3em;border-bottom:1px dotted #dedede;}
ul#crumbs li {float:left;line-height:2.3em;color:#777;padding-left:.75em;list-style-type:none;list-style-image:none;}
ul#crumbs li a {background:url(img/crumbs.png) no-repeat right center;display:block;padding:0 15px 0 0;}
ul#crumbs li:last-child a {background:none;}


/* nav-top */
#nav-top {clear:both;line-height:0;}
#nav-top h2 {display:none;}
#nav-top {border:0px solid #fdfdfd;background:#f1f1f1;height:3em;clear:both;margin-bottom:2px;}
ul.nav-top {float:right;margin:0;padding:0;}
ul.nav-top li {float:left;border-left:0px solid #d2d2d2;margin:0;background:transparent;list-style:none;}
ul.nav-top li:first-child {border:0;}
ul.nav-top li a {display:block;margin:0;padding:0;overflow:hidden;font-size:120%;padding:20px 20px 0 20px;font-weight:normal;color:#fff;text-decoration:none;}
ul.nav-top li.active a, ul.nav-top li.parent a {color:#1bddce;}
ul.nav-top li a:hover {color:#33fbd8;text-decoration:none;}

/* nav */
.menu {;}
.menu h2 {/*display:none*/;}
.nav {;}
ul.nav, ul.nav ul {margin:0;padding:0;}
ul.nav li {width:100%;margin:0;padding:0;border-bottom:0px solid #ddd;background:#fff;list-style-type:none;list-style-image:none;text-align:right;}
ul.nav li:first-child {border-top:0;}
ul.nav li a {display:block;width:100%;background:#fff;color:#34465A;text-decoration:none;}
ul.nav li.active a {background:#fff;color:#ff004e;text-decoration:none;}
ul.nav li span {display:block;padding:5px 3px 5px 22px;font-size:140%;font-weight:normal;}
/* level 2 */
ul.nav li li {background:#fff;border-bottom:0px solid #ddd;}
ul.nav li li a, ul.nav li.active li a {background:#fff;color:#34465A;text-decoration:none;}
ul.nav li li.active a {background:#fff;color:#ff004e;text-decoration:none;}
ul.nav li li span {padding:2px 3px 2px 35px;font-size:110%;font-weight:normal;}
/* level 3 */
ul.nav li li li {background:#fff;border-bottom:0px solid #ddd;}
ul.nav li li li a, ul.nav li li.active li a {background:#fff;color:#34465A;text-decoration:none;}
ul.nav li li li.active a {background:#fff;color:#ff004e;text-decoration:none;}
ul.nav li li li span {padding:5px 3px 5px 45px;font-size:110%;}
ul.nav li a:hover, ul.nav li li a:hover, ul.nav li li li a:hover {background-image:none;background-color:transparent;color:#ff004e;text-decoration:none;}

/* nav-footer */
ul.nav-footer {margin:0;padding:0;}
ul.nav-footer li {float:left;border-left:1px solid #fff;margin:0;background:transparent;list-style:none;line-height:1;}
ul.nav-footer li:first-child {border:0;}
ul.nav-footer li a {display:block;margin:0;padding:0;overflow:hidden;font-size:120%;padding:0 10px;font-weight:normal;color:#fff;text-decoration:none;}
ul.nav-footer li.active a, ul.nav-top li.parent a {color:#1bddce;}
ul.nav-footer li a:hover {color:#000;text-decoration:none;}


/* article */
.article-detail .labels {color:#6c6c6c;font-size:91%;margin-bottom:.3em !important;}
.article-detail .labels span {background:#dedede;color:#6c6c6c;padding:0 3px;}
.article-detail .perex {color:#757575;margin:1em 0 !important;padding-left:1em;font-style:italic;border-left:1px dotted #aaa;}
.article img.portrait {width:100px;height:150px;}
.article img.landscape {width:150px;height:100px;}
.top-article {background:#dedede;color:#6c6c6c;padding:10px 15px;margin-bottom:20px;}
.top-article h3 {font-size:150% !important;}
.top-article .hr {display:none;}

/* table - CORE */
table {border-collapse:collapse;border-width:0px;}
table caption {text-align:left;padding-bottom:.3em;}
table th,table td {background:transparent;border-width:0px;}
table.formatted {;}
table.formatted th,table.formatted td {vertical-align:top;border:1px solid #ccc;}
table.formatted th {background:#ccc;color:inherit;padding:11px 8px;font-weight:bold;}
table.formatted td {background:transparent;color:inherit;padding:7px 8px;}

/* form - CORE */
.frm {;}
.frm fieldset {background-color:transparent;background-repeat:no-repeat;background-position:top left;border-width:0;margin:0;padding:20px;}
.frm legend {padding:.2em .5em;font-size:110%;}
.frm p {clear:both;margin:20px 0 0 0;padding:0;line-height:25px;}
.frm p.thin {margin:5px 0 0 0;line-height:15px;}
.frm p span {display:block;width:30%;float:left;text-align:right;padding:10px 20px 0 0;font-size:130%;}
.frm p label {;}
.frm p label strong {font-weight:normal;}
/* version 2
.frm2 fieldset {border:1px solid #B7B0A4;padding:20px;margin-bottom:0;}
.frm2 legend {padding:.2em .5em;;font-size:110%;text-align:right;}
.frm2 p {clear:both;}
.frm2 p span {display:block;}
.frm2 p label {padding:.2em .2em 0 0;}
*/
/* units-percent */
.unit-10, .percent-10 {width:10%;}
.unit-15, .percent-15 {width:15%;}
.unit-20, .percent-20 {width:20%;}
.unit-25, .percent-25 {width:25%;}
.unit-30, .percent-30 {width:30%;}
.unit-35, .percent-35 {width:35%;}
.unit-40, .percent-40 {width:40%;}
.unit-45, .percent-45 {width:45%;}
.unit-50, .percent-50 {width:50%;}
.unit-55, .percent-55 {width:55%;}
.unit-60, .percent-60 {width:60%;}
.unit-65, .percent-65 {width:65%;}
.unit-70, .percent-70 {width:70%;}
.unit-75, .percent-75 {width:75%;}
.unit-80, .percent-80 {width:80%;}
.unit-85, .percent-85 {width:85%;}
.unit-90, .percent-90 {width:90%;}
.unit-95, .percent-95 {width:95%;}
.unit-100, .percent-100 {width:100%;}


/* gallery, image - CORE */
.gallery {;}
.gallery .card {float:left;background:#fff;padding:0;text-align:center;border-color:#e6e6e6;border-style:solid;}
.gallery .card:hover {border-color:#ccc;border-style:solid;background:#f3f3f3;}
.gallery img {vertical-align:middle;}
.gallery .card span {;}
.gallery .tooltip span {;}
.gallery .photo-desc  {margin:0 7px 35px 0;}
.gallery .photo-desc span {display:block;position:relative;top:5px;font-size:91%;color:#666;line-height:1;}
.gallery a.photo-desc {text-decoration:none;}
/* user setting
.gallery .card {width:120px;height:120px;line-height:118px;border-width:1px;margin-right:7px;margin-bottom:7px;}
*/

/* sitemap - CORE */
ul#sitemap {font-weight:bold;margin:.4em 0;padding:0;}
ul#sitemap li {background:url(img/sitemap/folder.png) left top no-repeat;margin:10px 0 10px 0;padding-left:25px;font-weight:bold;list-style-type:none;list-style-image:none;}
ul#sitemap li ul li {background:url(img/sitemap/arrow.png) left top no-repeat;font-weight:normal;margin:5px 0 5px 15px;padding:0 0 0 10px;list-style-type:none;list-style:none !important;}

/* pager - CORE */
ul.pager {clear:both;margin:10px 0;padding:0;list-style-type:none;list-style-image:none;}
ul.pager li {float:left;margin:0;list-style-type:none;list-style-image:none;margin:0 4px;}
ul.pager li a {display:block;text-decoration:none;color:#555;padding:1px 6px;border:1px solid #ccc;font-size:91%;}
ul.pager li a.current-page {/*background:#fff;*/color:#78624c;border:1px solid #78624c;font-weight:bold;}
ul.pager li a:hover {border:1px solid #999;color:#333;background-color:#f2f2f2;}

/* flowplayer - CORE */
.player {display:block;/*width:340px;height:190px;background-color:#000;*/cursor:pointer;margin:0px;}
.play {height:100%;background:url(img/player/play2.png) center center no-repeat;position:relative;}
.player div.file-info {width:100%;height:50px;background:url(img/player/curtain-60.png) top left repeat-x;position:absolute;bottom:0px;left:0;}
.player div.file-info p {padding:7px 15px 7px 15px;color:#fff;font-size:11px;display:block;font-weight:normal;}

/* YouTube API - CORE */
.flashContainer {position:relative;overflow:hidden;}
.progressBar {display:none;position:absolute;width:auto;height:8px;left:20px;right:105px;bottom:20px;background-color:#141414;overflow:hidden;cursor:pointer;}
.progressBar .elapsed {position:absolute;width:0;height:100%;background-color:#1fa2f6;border-right:1px solid #49AFF0;}
.controlDiv {background-image:url(img/youtube/youtube-controls.png);background-repeat:no-repeat;position:absolute;width:106px;height:102px;cursor:pointer;top:50%;left:50%;margin:-53px 0 0 -51px;}
.controlDiv.play {background-position:0 0;}
.controlDiv.pause {background-position:0 -9999px;}
.controlDiv.replay {background-position:0 -204px;}
.flashContainer:hover .controlDiv.pause {background-position:0 -102px;}
.flashContainer.playing:hover .progressBar {display:block;}

/* forum */
.forum {;}
.forum .forum-message {margin:0;border-bottom:1px dotted #ddd;}
.forum .date-time {color:#888;font-size:12px;font-weight:normal;}
.forum .forum-author {margin-top:.3em;font-size:91%;}

/* messages - CORE */
.info-box {border:1px solid #dad3ca;clear:both;padding:15px 15px;margin-bottom:30px;}
.message {float:left;display:block;width:32px;height:32px;overflow:hidden;margin:5px 15px 5px 0;background-image:url(img/icons/messages.png);background-color:transparent;background-repeat:no-repeat;background-position:0 -1000px;}
.message.warning {background-position:0 0;}
.message.information {background-position:0 -50px;}
.message.tip {background-position:0 -100px;}
.message.help {background-position:0 -150px;}
.message.error {background-position:0 -200px;}

/* files-icon - CORE */
.doc, .xls, .ppt, .pdf, .zip, .video, .audio, .image, .file {background-image:url(img/icons/files.png);background-repeat:no-repeat;padding:2px 0 2px 21px;}
.doc {background-position:0 0;}
.xls {background-position:0 -25px;}
.ppt {background-position:0 -50px;}
.pdf {background-position:0 -75px;}
.zip {background-position:0 -100px;}
.video {background-position:0 -125px;}
.audio {background-position:0 -150px;}
.image {background-position:0 -175px;}
.file {background-position:0 -200px;}


/* --- CUSTOMIZED --- */
.block .grid-container {padding-top:90px;padding-bottom:90px;background-position:22% 0;background-repeat:no-repeat;}

.aside-left {text-align:right;padding-right:90px;}
.aside-left h2 {font-size:450%;font-weight:normal;margin:0 0 40px 0;line-height:1;}
.aside-left h3, .main-content h3 {font-size:300%;font-weight:normal;margin:0 0 40px 0;padding-top:.35em;line-height:1.2;}
.aside-left h4, .main-content h4  {;}

/* header */
#header .grid-container {position:relative;}
#profile-holder {margin:30px 0 20px 0;}
#profile {padding:100px 20px 0 0px;font-size:280%;text-align:right;color:#fff;}

/* ABOUT */
#about {background:#fff;color:#444;}
#about h2 {color:#ff0050;}
#about h3 {color:#ff0050;}

/* CV */
#cv {background:url(/wcd/images/bg-cv.jpg) #ff012d top center no-repeat;color:#fff;}
#cv h2 {color:#fff;}
#cv h3 {color:#fff;}
#cv h3 span {font-size:56%;position:relative;top:-.5em;}
#cv h4 {color:#fff;}
#cv .graph {padding:20px 0 0 50px;}
#cv .desc {color:#ff98b1;text-align:center;}
#cv .location {display:inline-block;background:url(img/ico-location.png) left center no-repeat;padding:10px 30px 10px 50px;font-size:130%;}
#cv .email {display:inline-block;background:url(img/ico-email.png) left center no-repeat;padding:10px 0 10px 50px;color:#fff;font-size:130%;}
#cv .grid-container {background-image:url(img/arrow-cv.png);}


/* WORKS */
#works {background:#fff;color:#444;}
#works h2 {color:#ff0050;}
#works h3 {color:#ff0050;}
#works h4 {color:#ff0072;}
#works .grid-container {background-image:url(img/arrow-works.png);}
#works-frame {overflow:hidden;width:100%;height:1000px;}

/* CONTACT */
#contact {background:#2c2c2c;color:#fff;}
#contact h2 {color:#fff;}
#contact h3 {color:#fff;}
#contact .button {color:#fef4e9;border:solid 1px #da7c0c;background-color:#ff7200;}
#contact .button:hover {background-color:#f78d1d;}
#contact .button:active {color:#fcd3a5;}
#contact .grid-container {background-image:url(img/arrow-contact.png);}
#contact .strong {color:#ff7200;font-size:150%;}
#contact .phone {display:inline-block;background:url(img/ico-phone.png) left center no-repeat;padding-left:50px;}
#contact .arrow-contact {float:none;position:absolute;top:-250px;right:90px;z-index:9999;}

/* DESIGN */
#design {background:#ff7200;color:#fff;}
#design h2 {color:#fff;}
#design h3 {color:#fff;}
#design a {color:#fff;}
#design a:hover {color:#000;}
#design .emersion {font-size:130%;font-weight:bold;text-align:right;margin-top:60px;}

/* FOOTER */
#footer {color:#fff;}
#footer .grid-container {position:relative;padding-top:30px;padding-bottom:30px;}
#footer a#page-top {position:absolute;top:-63px;right:10px;width:83px;height:63px;display:block;background:url(img/page-top.png) top center no-repeat;color:#fff;padding-top:25px;text-align:center;text-decoration:none;}


a.arrow {clear:both;float:right;display:block;width:83px;height:100px;background-image:url(img/arrows.png);background-repeat:no-repeat;color:#fff;position:relative;padding-top:45px;text-align:center;text-decoration:none;}
a.arrow-red {background-position:top left;}
a.arrow-orange {background-position:bottom left;}

/* special-icons */
ul#social {padding:0;margin:0 0 0 150px;clear:both;}
ul#social li {float:left;width:83px;height:110px;margin-right:15px;line-height:16px;background:none;list-style-type:none;list-style-image:none;}
ul#social li a {display:block;width:83px;height:110px;background-image:url(img/social.png);background-repeat:no-repeat;font-size:100%;}
ul#social li a.i-facebook {background-position:0 0;}
ul#social li a.i-linkedin {background-position:0 -110px;}
ul#social li a.i-pinterest {background-position:0 -220px;}
ul#social li a span {display:none;}


/** * BxSlider v4.0 - Fully loaded,responsive content slider * http://bxslider.com * * Written by:Steven Wanderski,2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative,LTD * http://bxcreative.com */
/** RESET AND LAYOUT===================================*/
.bx-wrapper {position:relative;margin:0 auto 60px;padding:0;*zoom:1;}
.bx-wrapper img {max-width:100%;display:block;}
/** THEME===================================*/
.bx-wrapper .bx-viewport {;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position:absolute;bottom:-30px;width:100%;}
/* LOADER */
.bx-wrapper .bx-loading {min-height:50px;background:url(img/components/bxslider/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;}
/* PAGER */
.bx-wrapper .bx-pager {text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background:#000;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left:10px;background:url(img/components/bxslider/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right:10px;background:url(img/components/bxslider/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position:0 0;}
.bx-wrapper .bx-next:hover {background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a {position:absolute;top:30%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:999;}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start {display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(img/components/bxslider/controls.png) -86px -11px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(img/components/bxslider/controls.png) -86px -44px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {background-position:-86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:left;width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0;width:35px;}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%;}
.bx-wrapper .bx-caption span {color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px;}
/* CUSTOMIZED */
ul.bxslider {margin:0;padding:0;}
ul.bxslider li {margin:0;padding:0;}
.bx-wrapper img {width:100%;}

/* google map */
#my-map {width:100%;height:350px;margin:0 auto;}

/* RESPONSIVE - objects */
.rwd-image-holder {float:right;margin-bottom:0.5em;margin-left: 2.53164557%;  /* 12px / 474px */width: 48.7341772%;  /* 231px / 474px */;border:1px solid red;}
.rwd-image-holder img {width:100%;}
img.rwd-image {width:100%;}
.rwd-media {position:relative;width:100%;height:0;padding-bottom:56.25%;/*16:9*/}
.rwd-media iframe, .rwd-media video, .rwd-media object, .rwd-media embed {position:absolute;width:100%;height:100%;}
.rwd-media .player, .rwd-media #player119 {position:absolute;width:100% !important;height:100% !important;}
/* video {width:100% !important;height:auto !important;} */


/* --- MEDIA QUERIES --- */
@media screen{
.grid-container {max-width:1170px;padding-left:0;padding-right:0;}
}


@media screen and (max-width:400px){
#page, #header-holder, #content-holder, #footer-holder {padding:0 5px;}
table {overflow-x:auto;display:block;}
}


@media screen and (max-width:767px){
.block .grid-container {padding-top:50px;padding-bottom:50px;background-position:22% 0;background-repeat:no-repeat;}

h1#logo {max-width:250px;display:block;margin:0;padding:0;}
h1#logo a {width:117px;height:170px;}
h1#logo span {background-size:contain;width:117px;height:170px;}

h2 {text-align:left;}

ul.nav-top li a {clear:both;display:block;margin:0;padding:0;overflow:hidden;font-size:120%;padding:20px 20px 0 20px;}
ul.nav-top li {float:none;}
ul.nav-top ul {display:none !important;}
ul.nav-top a {padding:10px 20px;margin:0 0 1px 0;}

ul.nav li {text-align:left;}

#profile {padding:30px 0 0 0;font-size:200%;}

.aside-left {text-align:left;}
.aside-left, #main-content {padding-left:10px;padding-right:10px;min-height:0;}

.bx-wrapper .bx-controls-direction a {top:27%;}

#about .arrow {display:none;}
#cv .graph {padding:0;}
#contact .arrow-contact {display:none;}
#design .emersion {text-align:left;}
#works-frame {height:1500px;}
ul#social {margin-left:0;}
#footer {font-size:80%;}
/*ul.nav-footer li a {font-size:100%;}*/
}


@media screen and (min-width:768px) and (max-width:1024px){
h1#logo {max-width:250px;display:block;margin:0;padding:0;}
h1#logo a {width:117px;height:170px;}
h1#logo span {background-size:contain;width:117px;height:170px;}

.bx-wrapper .bx-controls-direction a {top:150px;}
.aside-left {padding-right:40px;}
#contact .arrow-contact {right:40px;}
}


@media screen and (min-width:1025px){
.bx-wrapper .bx-controls-direction a {top:226px;}
}



/* DEBUG GRID */
*[class*="grid--"] {border:1px dotted #ccc !important;}