/*
Theme Name:crownservices
Theme URI:http://fulldesign.ch/downloads
Author:Fulldesign AG
Author URI:http://fulldesign.ch/
Description:Description
Version:1.0.0
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:crownservices
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

crownservices is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Asides
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries

CSS level 3
--------------------------------------------------------------*/

@font-face{font-family:csfont;src:url(assets/csfont-light.ttf) format('truetype');font-weight:normal;font-size:initial;}
@font-face{font-family:csfont-bold;src:url(assets/csfont.otf) format('opentype');font-weight:normal;font-size:initial;}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {font-family:csfont, sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-variant-ligatures:common-ligatures}

body {margin:0}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {display:block}

audio,
canvas,
progress,
video {display:inline-block; vertical-align:baseline}

audio:not([controls]) {display:none; height:0}
img {max-width:100%;}

[hidden],
template {display:none}

a {background-color:transparent}

a:active,
a:hover {outline:0}

abbr[title] {border-bottom:1px dotted}

b,
strong {font-weight:bold}

dfn {font-style:italic}

h1 {font-family:csfont-bold, sans-serif; font-size:2em; margin:0.67em 0}

mark {background:#ff0; color:#000}

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:1em 40px}

hr {box-sizing:content-box;height:0;}

pre {overflow:auto}

code,
kbd,
pre,
samp {font-family:monospace, monospace;font-size:1em;}

button,
input,
optgroup,
select,
textarea {color:inherit;font:inherit;margin:0;}

button {overflow:visible}

button,
select {text-transform:none}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance:button; cursor:pointer; max-width:100%}

button[disabled],
html input[disabled] {cursor:default}

button::-moz-focus-inner,
input::-moz-focus-inner {border:0; padding:0}

input {line-height:normal}

input[type="checkbox"],
input[type="radio"] {box-sizing:border-box; padding:0}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height:auto}

input[type="search"] {-webkit-appearance:textfield; box-sizing:content-box}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}

fieldset {border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em}

legend {border:0; padding:0}

textarea {overflow:auto}

optgroup {font-weight:bold}

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

td,
th {padding:0}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color:#404040;
  font-size:16px;
  font-size:1rem;
  line-height:1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {clear:both}

p {margin-bottom:1.5em}

dfn,
cite,
em,
i {font-style:italic}

blockquote {margin:0 1.5em}

address {margin:0 0 1.5em}

pre {
  background:#eee;
  font-family:"Courier 10 Pitch", Courier, monospace;
  font-size:15px;
  font-size:0.9375rem;
  line-height:1.6;
  margin-bottom:1.6em;
  max-width:100%;
  overflow:auto;
  padding:1.6em;
}

code,
kbd,
tt,
var {
  font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size:15px;
  font-size:0.9375rem;
}

abbr,
acronym {border-bottom:1px dotted #666; cursor:help}

mark,
ins {background:#fff9c0; text-decoration:none}

big {font-size:125%}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {box-sizing:border-box}

*,
*:before,
*:after {/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing:inherit;
}

body {
  background:#fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {content:""}

blockquote,
q {quotes:"" ""}

hr {background-color:#ccc; border:0; height:1px; margin-bottom:1.5em}

ul,
ol {margin:0 0 1.5em 3em}

ul {list-style:disc}

ol {list-style:decimal}

li > ul,
li > ol {margin-bottom:0; margin-left:1.5em}

dt {font-weight:bold}

dd {margin:0 1.5em 1.5em}

img {
  height:auto; /* Make sure images are scaled correctly. */
  max-width:100%; /* Adhere to container width. */
}

table {margin:0 0 1.5em; width:100%}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  display:block;
  margin:0 auto;
  border:none;
  background:transparent;
  color:rgb(183,33,28);
  font-size:12px;
  font-size:1.5rem;
  text-transform:uppercase;
  letter-spacing:0.25em;
  line-height:1;
  padding:.6em 1em .4em;
  text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color:#ccc #bbb #aaa;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color:#aaa #bbb #bbb;
  box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  max-width:100%;
  padding:22px;
  color:rgb(176,176,179);
  background-color:rgb(246,246,247);
  border:1px solid rgb(175,176,178);
  border-radius:18px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {color:#111}

textarea {width:100%}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {color:#000; text-decoration:none; transition:color 0.3s ease-out}

a:visited {color:#222}

a:hover,
a:focus,
a:active {color:rgb(183,33,28)}

a:focus {outline:thin dotted}

a:hover,
a:active {outline:0}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear:both;
  display:block;
  float:left;
  width:100%;
}

.main-navigation ul {
  display:none;
  list-style:none;
  margin:0;
  padding-left:0;
}

.main-navigation li {position:relative; float:left}

.main-navigation a,
.primary-mobile li a {
  display:block;
  letter-spacing:0.14em;
  text-decoration:none;
  text-transform:uppercase;
}

.main-navigation ul ul {
  box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);
  float:left;
  position:absolute;
  top:1.5em;
  left:-999em;
  z-index:99999;
}

.main-navigation ul ul ul {
  left:-999em;
  top:0;
}

.main-navigation ul ul a {width:200px}

.main-navigation ul ul li {}

.main-navigation li:hover > a,
.main-navigation li.focus > a {}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {left:auto}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {left:100%}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {display:block}
/* Home lang menu */
body.home .fade-in-on-rollover {
    display:block;
    position:absolute;
    top:3%;
    left:50%;
    width:50%;
    max-width:522px;
}
body.home .fade-in-on-rollover:hover >  #desktop-lang li a {color:rgba(128,130,133,1)}
body.home .content .fade-in-on-rollover .container-desktop-lang {padding-top:0px}
body.home #desktop-lang {float:right; list-style:outside none none}

body.home #desktop-lang li {float:left; padding-left:20px}

body.home #desktop-lang li a {
    display:block;
    float:left;
    width:36px;
    height:30px;
    overflow:hidden;
    word-break:break-all;
    font-size:1.3rem;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:0.15em;
    color:rgba(128,130,133,0.2);
    transition:color 0.2s ease-out 0s;
}

body.home footer {
  display:inline;
  text-align:center;
}

body.home footer .is-centered {
  margin:0 auto;
  font-size:0.75rem;
  line-height:1;
}

body.home footer .is-centered address {
  margin:0;
  font-style:normal;
}

body.home footer .is-centered address,
body.home footer .is-centered p,
body.home footer .is-centered p a {
  text-transform:uppercase;
  color:rgb(183,33,28);
  transition:color 0.2s ease;
}

body.home footer .is-centered p a:hover,
body.home footer .is-centered p a:focus,
body.home footer .is-centered p a:active {
  color:rgb(230,66,56);
}

body.home footer .is-centered p a:hover,
body.home footer .is-centered p a:focus,
body.home footer .is-centered p a:active {

}

body.home footer .is-centered address strong {
  font-weight:bold;
}

@media screen and (min-width:37.5em) {
  .menu-toggle {
    display:none;
  }
  .main-navigation ul {
    display:block;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {margin:0 0 1.5em; overflow:hidden}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {float:left; width:50%}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float:right;
  text-align:right;
  width:50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip:rect(1px, 1px, 1px, 1px);
  position:absolute !important;
  height:1px;
  width:1px;
  overflow:hidden;
}

.screen-reader-text:focus {
  background-color:#f1f1f1;
  border-radius:3px;
  box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip:auto !important;
  color:#21759b;
  display:block;
  font-size:14px;
  font-size:0.875rem;
  font-weight:bold;
  height:auto;
  left:5px;
  line-height:normal;
  padding:15px 23px 14px;
  text-decoration:none;
  top:5px;
  width:auto;
  z-index:100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {display:inline; float:left; margin-right:1.5em}

.alignright {display:inline; float:right; margin-left:1.5em}

.aligncenter {clear:both; display:block; margin-left:auto; margin-right:auto}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content:"";
  display:table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear:both;
}

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {margin:0 0 1.5em;}

/* Make sure select elements fit in widgets. */
.widget select {max-width:100%;}

/* Search widget. */
.widget_search .search-submit {display:none;}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {display:block;}

.hentry {margin:0 0 1.5em;}

.byline,
.updated:not(.published) {display:none;}

.single .byline,
.group-blog .byline {display:inline;}

.page-content,
.entry-content,
.entry-summary {margin:1.5em 0 0;}

.page-links {clear:both;margin:0 0 1.5em;}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {display:none;}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {word-wrap:break-word;}

.bypostauthor {display:block;}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {/* Theme Footer (when set to scrolling) */
  display:none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {display:block;}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border:none;
  margin-bottom:0;
  margin-top:0;
  padding:0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {max-width:100%;}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom:1.5em;
  max-width:100%;
}

.wp-caption img[class*="wp-image-"] {
  display:block;
  margin:0 auto;
}

.wp-caption-text {text-align:center;}

.wp-caption .wp-caption-text {margin:0.8075em 0;}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {margin-bottom:1.5em;}

.gallery-item {
  display:inline-block;
  text-align:center;
  vertical-align:top;
  width:100%;
}

.gallery-columns-2 .gallery-item {max-width:50%;}

.gallery-columns-3 .gallery-item {max-width:33.33%;}

.gallery-columns-4 .gallery-item {max-width:25%;}

.gallery-columns-5 .gallery-item {max-width:20%;}

.gallery-columns-6 .gallery-item {max-width:16.66%;}

.gallery-columns-7 .gallery-item {max-width:14.28%;}

.gallery-columns-8 .gallery-item {max-width:12.5%;}

.gallery-columns-9 .gallery-item {max-width:11.11%;}

.gallery-caption {display:block;}


body.home header {width:100%; height:29.26vh}
#home-primary-menu {list-style:none}
body.home header div.header-logo {width:207px; margin:0px auto; text-align:center}
body.home header div.header-logo img {max-height:23.57vh; padding:7.24vh 0px 0px 0px}
body.home header nav {position:absolute; display:block; left:0px; top:16.44vh; width:100%}
#home-primary-menu {max-width:100%}
#home-primary-menu li {float:left; width:20%; text-align:center}
#home-primary-menu li:nth-of-type(2) {margin-right:8%;}
#home-primary-menu li:nth-of-type(3) {margin-left:8%;}
#content {min-height:70vh}
body.home div.content ul.home-category-menu {margin:0px; padding-left:0px; list-style:none}
body.home div.content ul.home-category-menu li {width:100%; height:23.57vh; overflow:hidden; clear:both; background:#ccc url('assets/img/home1-1024.jpg') 50% 55% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
body.home div.content ul.home-category-menu li:after {content:" "; width:100%; height:0px; clear:both}
body.home div.content ul.home-category-menu li:nth-of-type(2) {background:#ccc url('assets/img/home2-1024.jpg') 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
body.home div.content ul.home-category-menu li:nth-of-type(3) {background:#ccc url('assets/img/home3-1024.jpg') 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
@media screen and (min-width:1025px) {
    body.home div.content ul.home-category-menu li {width:100%; height:23.57vh; overflow:hidden; clear:both; background:#ccc url('assets/img/home1.jpg') 50% 55% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
    body.home div.content ul.home-category-menu li:nth-of-type(2) {background:#ccc url('assets/img/home2.jpg') 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
    body.home div.content ul.home-category-menu li:nth-of-type(3) {background:#ccc url('assets/img/home3.jpg') 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
}
body.home div.content ul.home-category-menu li a {display:block; width:100%; height:100%}
body.home div.content ul.home-category-menu li a div.home-cover {display:block; width:100%; height:100%; background-color:rgb(180,169,114); opacity:0; transition:opacity 0.2s ease-out}
body.home div.content ul.home-category-menu li:nth-of-type(2) > a div.home-cover {background-color:rgb(29,112,135)}
body.home div.content ul.home-category-menu li:nth-of-type(3) > a div.home-cover {background-color:rgb(147,145,145)}
body.home div.content ul.home-category-menu li a:hover > div.home-cover {opacity:0.7}
body.home div.content ul.home-category-menu li a div.home-category-title {position:absolute; z-index:10; margin-top:6.2vh; display:block; width:195px; height:96px; padding-top:15px; background-color:rgba(255,255,255,0.7); font-family:csfont-bold, sans-serif; font-size:24px; text-align:center; text-transform:uppercase; line-height:1.2; letter-spacing:0.1em; color:rgb(180,169,114)}
/*{position:absolute; z-index:10; margin-top:6.2vh; display:block; width:195px; height:96px; padding-top:15px; background-color:rgba(255,255,255,0.7); font-family:csfont-bold; font-size:24px; text-align:center; text-transform:uppercase; line-height:1.2; letter-spacing:0.1em; color:rgb(180,169,114)}*/
body.home div.content ul.home-category-menu li:nth-of-type(2) > a div.home-category-title {color:rgb(29,112,135)}
body.home div.content ul.home-category-menu li:nth-of-type(3) > a div.home-category-title {color:rgb(147,145,145)}
body.home div.content ul.home-category-menu li a span {display:block; clear:both; font-size:1.6em; letter-spacing:0.2em}
.home-cat-menu-separator {position:absolute; width:62px; height:1px; margin:-6px 0px 0px 65px; background-color:rgb(180,169,114)}
body.home div.content ul.home-category-menu li:nth-of-type(2) > a .home-cat-menu-separator {background-color:rgb(29,112,135)}
body.home div.content ul.home-category-menu li:nth-of-type(3) > a .home-cat-menu-separator {background-color:rgb(147,145,145)}
.site-branding h1, .site-branding h2, .container-desktop-lang, nav div ul.menu, .page-header h1, .entry-header, .entry-content p, .entry-content ul, .entry-summary p, #comments, footer, article.team .entry-content, article.team-de .entry-content, article.team-fr .entry-content, article.team-en .entry-content, article.team-nl .entry-content, #main nav.post-navigation, .page-content p, .page-content form, #cntctfrm_first_column, body.error404 div.page-content div.widget {max-width:938px; margin:0px auto; padding:0px 52px 0px 52px} /* 938 = 834 + 52 + 52 */
.site-branding h1, .site-branding h2 {display:none}
.entry-content ul {padding:0px 29px}
.container-desktop-lang {padding-top:50px}
.entry-content ul {max-width:890px; margin-top:1em; margin-bottom:1em; list-style:none}
.entry-content ul li {padding-left:21px}
.entry-content ul li:before {content:"\f046"; font-family:"FontAwesome"; display:block; position:absolute;
  margin:0.14285714em 0px 0px -21px;
  font:normal normal normal 10px/1 FontAwesome;
  font-size:inherit;
  font-variant-ligatures:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  text-align:center;
}
.entry-content h1 {margin:4rem 0px 1.4em 3.15%; text-transform:uppercase}
.tx-light {font-family:csfont, sans-serif}
.entry-header, .entry-content p, .entry-summary p, #comments, .entry-content ul li, #comments, footer, .page-content form.search-form {margin-bottom:1rem; padding-right:336px}
.page-content form.search-form {margin:2rem auto; text-align:center}
.page-content form.search-form label input[type='text'] {display:table; margin-bottom:2rem}
body.archive header.page-header h1.page-title {display:none}
aside ul, .primary-mobile {list-style:none; margin:0px 0px 3.8rem 0px; padding:0;}
aside ul li {padding:0;}
.site-branding h1 a, .site-branding h2 {color:rgb(183,33,28)}
#main {margin-top:130px}
.entry-content p {text-align:justify}
.entry-content p, .entry-content ul {margin-bottom:1rem}
#secondary {position:absolute; top:359px; left:50vw; margin:0px 0px 0px 200px; width:200px}
.container-desktop-lang ul {float:right; list-style:none}
.container-desktop-lang ul li {float:left; padding-right:20px}
.container-desktop-lang ul li a {display:block; float:left; width:36px; height:30px; overflow:hidden; word-break:break-all; font-size:1.3rem; text-align:center; text-transform:uppercase; letter-spacing:0.15em; color:rgba(255,255,255,0.7); -webkit-transition:opacity 0.4s ease-out; -moz-transition:opacity 0.4s ease-out; -ms-transition:opacity 0.4s ease-out; -o-transition:opacity 0.4s ease-out; transition:opacity 0.4s ease-out}
.container-desktop-lang ul li.current-lang a {color:rgba(255,255,255,1)}
.container-desktop-lang ul li a:hover {color:rgba(255,255,255,1)}
#site-navigation {margin:37px 0px 0px 0px}
.nav-menu li {padding-right:35px}
.nav-menu li:nth-of-type(3n) {position:absolute; margin-left:535px} /* split navigation after header logo or triangle => to fix in lower resolutions */
.nav-menu li:nth-of-type(4n) {position:absolute; margin-left:665px}
.nav-menu li a,
#home-primary-menu li a {font-size:1.65rem; text-transform:uppercase; color:rgb(128,130,133); transition:color 0.2s ease-out}
.nav-menu li a:hover,
#home-primary-menu li a:hover,
.nav-menu li.current_page_item a,
.nav-menu li.current-menu-item a,
.nav-menu li.current-menu-parent a {color:rgb(183,33,28)}
.nav-menu li.current_page_item a,
.nav-menu li.current-menu-item a,
.nav-menu li.current-menu-parent a {font-family:csfont-bold, sans-serif}
.container-cat-nav {position:absolute; z-index:970; margin:120px 0px 0px 4%; padding:0px} /* toggle fixed position @ px */
.category-menu {list-style:none; margin:20px 0px 0px 0px; padding:0px}
.category-menu li {overflow:hidden; height:0px; transition:height 0.3s ease-out}
.category-menu li a {display:block; min-width:109px; padding-top:88px; background:transparent url('assets/img/marine-crown.png') top center no-repeat; font-family:csfont-bold, sans-serif; font-size:1.4rem; text-align:center; text-transform:uppercase; letter-spacing:0.14em; color:rgb(29,112,147); text-shadow:none !important;}
div.container-cat-nav ul.category-menu li:first-of-type > a {color:rgb(180,169,114); background:transparent url('assets/img/design-crown.png') top center no-repeat}
div.container-cat-nav ul.category-menu li:last-of-type > a {color:rgb(147,145,145); background:transparent url('assets/img/logistics-crown.png') top center no-repeat}
.cat-nav {width:48px; margin:0px auto; padding:0px; line-height:0; background:transparent url('assets/img/cross-red-default.png') center top;
           -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s;
           -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; transition-property:transform}
.container-cat-nav:hover > .cat-nav {cursor:pointer; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg)}
.container-cat-nav:hover > .category-menu li {height:160px}
.mobile-dot {position:absolute; display:none; z-index:970; right:3%; top:2.2%; padding:0px; line-height:0}
body.home .mobile-dot {position:fixed; top:10.5vh}
.mobile-menu {display:none; text-align:center}
.mobile-menu img.close-menu {margin:4.5rem auto}
.primary-mobile li {width:94%; margin:0px auto; margin-bottom:1.15em; text-align:center}
#page div.mobile-menu ul.primary-mobile > li.lang-item:before {display:table; content:" "}
#page div.mobile-menu ul.primary-mobile > li.lang-item {margin-left:14%; text-align:right}
.primary-mobile li.lang-item {float:left; width:30px; margin-right:3%; text-align:center}
.primary-mobile li.lang-item a {display:inline-block; width:30px; height:22px; overflow:hidden; margin-top:2.5rem; font-size:1.1rem; word-wrap:break-word; text-align:center}
.primary-mobile li.current-lang a {color:rgb(99,100,102)}
.primary-mobile li a {font-size:2.5rem}
.primary-mobile li.current-menu-item a {color:rgb(183,33,28)}
.site-branding {background-color:rgb(183,33,28)}
.central-header-logo {position:absolute; z-index:10; width:161px; height:161px; top:30px; left:50%; margin-left:-81px; background:rgb(183,33,28) url('assets/img/crown-logo.png') top center no-repeat; border:1px solid #fff; border-radius:80px}
.central-header-nail {position:absolute; z-index:9; width:42px; height:42px; top:70px; left:50%; margin-left:-21px; background-color:rgb(183,33,28); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg)}
.entry-footer span {display:block; clear:both}


body.design .site-branding h1 a,
body.design .site-branding h2,
body.design-de .site-branding h1 a,
body.design-de .site-branding h2,
body.design-fr .site-branding h1 a,
body.design-fr .site-branding h2,
body.design-en .site-branding h1 a,
body.design-en .site-branding h2,
body.design-nl .site-branding h1 a,
body.design-nl .site-branding h2,
body.design .entry-content h1,
body.design-de .entry-content h1,
body.design-fr .entry-content h1,
body.design-en .entry-content h1,
body.design-nl .entry-content h1 {color:rgb(180,169,114)}
body.design .cat-nav,
body.design-de .cat-nav,
body.design-fr .cat-nav,
body.design-en .cat-nav,
body.design-nl .cat-nav {background:transparent url('assets/img/cross-gold-design.png') center top}
body.design .site-branding,
body.design .central-header-nail,
body.design-de .site-branding,
body.design-de .central-header-nail,
body.design-fr .site-branding,
body.design-fr .central-header-nail,
body.design-en .site-branding,
body.design-en .central-header-nail,
body.design-nl .site-branding,
body.design-nl .central-header-nail {background-color:rgb(180,169,114)}
body.design .central-header-logo,
body.design-de .central-header-logo,
body.design-fr .central-header-logo,
body.design-en .central-header-logo,
body.design-nl .central-header-logo {background:rgb(180,169,114) url('assets/img/crownservices-logo-design.png') top center no-repeat}

body.marina .site-branding h1 a,
body.marina .site-branding h2,
body.marine-de .site-branding h1 a,
body.marine-de .site-branding h2,
body.marine-fr .site-branding h1 a,
body.marine-fr .site-branding h2,
body.marine .site-branding h1 a,
body.marine .site-branding h2,
body.marine-nl .site-branding h1 a,
body.marine-nl .site-branding h2,
body.marina .entry-content h1,
body.marine-de .entry-content h1,
body.marine-fr .entry-content h1,
body.marine .entry-content h1,
body.marine-nl .entry-content h1 {color:#1d7087}
body.marina .cat-nav,
body.marine-de .cat-nav,
body.marine-fr .cat-nav,
body.marine .cat-nav,
body.marine-nl .cat-nav {background:transparent url('assets/img/cross-blue-marine.png') center top}
body.marina .site-branding,
body.marina .central-header-nail,
body.marine-de .site-branding,
body.marine-de .central-header-nail,
body.marine-fr .site-branding,
body.marine-fr .central-header-nail,
body.marine .site-branding,
body.marine .central-header-nail,
body.marine-nl .site-branding,
body.marine-nl .central-header-nail {background-color:#1d7087}
body.marina .central-header-logo,
body.marine-de .central-header-logo,
body.marine-fr .central-header-logo,
body.marine .central-header-logo,
body.marine-nl .central-header-logo {background:#1d7087 url('assets/img/crownservices-logo-marine.png') top center no-repeat}

body.logistica .site-branding h1 a,
body.logistica .site-branding h2,
body.logistik .site-branding h1 a,
body.logistik .site-branding h2,
body.logistique .site-branding h1 a,
body.logistique .site-branding h2,
body.logistics .site-branding h1 a,
body.logistics .site-branding h2,
body.logistica .entry-content h1,
body.logistik .entry-content h1,
body.logistique .entry-content h1,
body.logistics .entry-content h1 {color:rgb(147,145,145)}
body.logistica .cat-nav,
body.logistik .cat-nav,
body.logistique .cat-nav,
body.logistics .cat-nav {background:transparent url('assets/img/cross-grey-logistics.png') center top}
body.logistica .site-branding,
body.logistica .central-header-nail,
body.logistik .site-branding,
body.logistik .central-header-nail,
body.logistique .site-branding,
body.logistique .central-header-nail,
body.logistics .site-branding,
body.logistics .central-header-nail {background-color:rgb(147,145,145)}
body.logistica .central-header-logo,
body.logistik .central-header-logo,
body.logistique .central-header-logo,
body.logistics .central-header-logo {background:rgb(147,145,145) url('assets/img/crownservices-logo-logistics.png') top center no-repeat}

.site-info {font-size:0.8rem; color:#AFB0B2; text-align:right}
.site-info a {color:#AFB0B2; transition:color 0.2s ease-out}
.site-info a:hover {color:#000}

.entry-content .team-list-img,
.entry-content .team-list-img-empty {display:inline-block; float:left; width:300px; min-height:150px}
.entry-content .team-list-img { height:300px; border:1px solid #000; border-radius:150px; overflow:hidden}
body.team #secondary,
body.team-de #secondary,
body.team-fr #secondary,
body.team-en #secondary,
body.team-nl #secondary {display:none}
body.team article div.entry-content,
body.team-de article div.entry-content,
body.team-fr article div.entry-content,
body.team-en article div.entry-content,
body.team-nl article div.entry-content {padding-bottom:3rem}
body.team article div.entry-content p,
body.team-de article div.entry-content p,
body.team-fr article div.entry-content p,
body.team-en article div.entry-content p,
body.team-nl article div.entry-content p {padding-left:0px}
body.team article:first-of-type > .entry-content h1.entry-title,
body.team-de article:first-of-type > .entry-content h1.entry-title,
body.team-fr article:first-of-type > .entry-content h1.entry-title,
body.team-en article:first-of-type > .entry-content h1.entry-title,
body.team-nl article:first-of-type > .entry-content h1.entry-title {margin-top:0px}

.entry-content .team-list-att {float:left; width:300px; margin-left:50px}
.entry-content .team-list-title,
.entry-content .team-list-tag {clear:both; margin-bottom:1rem}
.entry-content .team-list-title h1.entry-title {margin-left:0px}
/*.entry-content:first-of-type h1.entry-title {margin-top:0px}*/
.entry-content .team-more a {text-transform:uppercase; color:rgb(147,145,145); transition:color 0.2s ease-out}
.entry-content .team-more a:hover {color:rgb(183,33,28)}

.team-list-spacer {display:table; width:100%; height:4rem}

body.page-contatti #secondary,
body.page-kontakte #secondary,
body.page-contacts #secondary,
body.page-contacts-en #secondary {display:none}
body.page-contatti .entry-content p, body.page-kontakte .entry-content p, body.page-contacts .entry-content p, body.page-contacts-en .entry-content p {width:100%; padding:0px 194px}
body.page-contatti header h1,
body.page-kontakte header h1,
body.page-contacts header h1,
body.page-contacts-en header h1 {padding-left:145px}
body.page-contatti input,
body.page-kontakte input,
body.page-contacts input,
body.page-contacts-en input {width:100%}
body.page-contatti form.wpcf7-form p,
body.page-kontakte form.wpcf7-form p,
body.page-contacts-en form.wpcf7-form p
body.page-contacts form.wpcf7-form p {margin-bottom:1rem}
body.page-contatti .cntctfrm_one_column,
body.page-kontakte .cntctfrm_one_column,
body.page-contacts .cntctfrm_one_column,
body.page-contacts-en .cntctfrm_one_column {max-width:none; margin:0px auto}

#c2 h1 {
  margin-bottom:2%;
}

#secondary aside {margin-bottom:4rem}
aside div.textwidget i.fa {font-size:2rem; padding-right:1rem}

#comments, .posted-on, .entry-content .byline, .entry-footer .comments-link {display:none}

#main nav.post-navigation {margin-bottom:3rem}

@media screen and (max-width:1025px) {/*939px*/

    body.home header {min-height:14.5rem}
    body.home header div.header-logo {max-width:14%}
    body.home header div.header-logo img {max-height:23%; padding:7.24% 0px 0px 0px}
    body.home div.content ul.home-category-menu li {min-height:8rem}
    #secondary {width:21.29vw}

    /*#content {background-color:rgba(0,255,0,0.5)}*/
    #secondary {left:50%} /*background-color:rgba(255,0,0,0.5); */
    .entry-content .team-list-img {height:297px; width:297px; border-radius:144px}
    .entry-content .team-list-img img {border:none; border-color:#fff}
}
@media screen and (max-width:905px) {/* vmin Toshiba Thrive, T-Mobile SpringBoard, Sony Tablet S, Samsung Galaxy Tab 10.1, Samsung Galaxy Tab 7.7, Samsung Epic 4G Touch, Motorola Xoom, Motorola Droid Xyboard 10.1, Lenovo ThinkPad, ASUS Transformer Prime TF201, Acer Iconia Tab */
    body.home header div.header-logo {max-width:100%}
    #mm-trigger {display:block; right:7.7%; height:53px; cursor:pointer}
    #mm-trigger img {max-height:100%}
    body.home #mm-trigger {top:2.4rem; right:0px; width:auto; height:auto; padding:1.5rem}
    body.home #mm-trigger img {float:right; height:48px}
    body.home div.content ul.home-category-menu li {height:10px; height:18rem} /* 289px @ 1280px h *//* viewport support */
    .site-branding {height:100px}
    .site-branding h1, .site-branding h2, .container-desktop-lang, nav div ul.menu, .page-header h1, .entry-header, .entry-content p, .entry-content ul, .entry-summary p, #secondary, #comments, footer, article.team .entry-content, article.team-de .entry-content, article.team-fr .entry-content, article.team-en .entry-content, #main nav.post-navigation, .page-content p, .page-content form {max-width:100%; margin:0px auto; padding:0px 16%;}
    .container-desktop-lang {display:none}
    #site-navigation, body.home header nav {display:none}

    #masthead .container-cat-nav {margin-top:45px; margin-left:4.5%; transition:none}
    .category-menu li {transition:none}
    #masthead .container-cat-nav ul.category-menu {position:fixed; display:none; z-index:990; top:0px; left:0px; width:100%; height:100%; margin-top:0px; background-color:rgba(255,255,255,0.4);}
    #masthead .container-cat-nav ul.category-menu li {width:200px; height:200px; border:2px solid rgb(180,169,114); margin:4.5% auto; border-radius:100px; color:#000 !important; background:#fff url('assets/img/crown-services-logo-design.png') center center no-repeat}
    #masthead .container-cat-nav ul.category-menu li:nth-of-type(3) {border-color:rgb(29,112,135); background:#fff url('assets/img/crown-services-logo-marine.png') center center no-repeat}
    #masthead .container-cat-nav ul.category-menu li:nth-of-type(4) {border-color:rgb(147,145,145); background:#fff url('assets/img/crown-services-logo-logistics.png') center center no-repeat}
    #masthead .container-cat-nav ul.category-menu li.close-cat-menu {height:80px; border:none; background:transparent url('assets/img/close-cat-menu.png') center center no-repeat; cursor:pointer}
    #masthead .container-cat-nav ul.category-menu li a {background:none}

    body.page-contatti header h1,
    body.page-kontakte header h1,
    body.page-contacts header h1,
    body.page-contacts-en header h1 {padding-left:7.7%}
    body.page-contatti .entry-content p,
    body.page-kontakte .entry-content p,
    body.page-contacts .entry-content p,
    body.page-contacts-en .entry-content p {padding:0px 8%}

    .entry-header, .entry-content p, .entry-content ul li, #comments {padding-right:52px}
    .entry-content p, .entry-content ul {margin-bottom:1rem}
    /*.central-header-logo {top:15px}*/
    body.page div header div.site-branding a div.central-header-logo,
    body.team div header div.site-branding a div.central-header-logo,
    body.team-de div header div.site-branding a div.central-header-logo,
    body.team-fr div header div.site-branding a div.central-header-logo,
    body.team-en div header div.site-branding a div.central-header-logo,
    body.team-nl div header div.site-branding a div.central-header-logo {display:none}
    body.page .central-header-nail {display:block}
    body.page #main article header h1.entry-title,
    body.team #main header h1.page-title,
    body.team-de #main header h1.page-title,
    body.team-fr #main header h1.page-title,
    body.team-en #main header h1.page-title,
    body.team-nl #main header h1.page-title {position:absolute; z-index:11; top:5px; left:16%; font-family:csfont, sans-serif; font-weight:normal; text-transform:uppercase; color:#fff}
    body.team #main header h1.page-title,
    body.team-de #main header h1.page-title,
    body.team-fr #main header h1.page-title,
    body.team-en #main header h1.page-title,
    body.team-nl #main header h1.page-title {left:0px; top:25px}
    body.team .entry-content,
    body.team-de .entry-content,
    body.team-fr .entry-content,
    body.team-en .entry-content,
    body.team-nl .entry-content {width:300px; padding:0px}

    #secondary {position:relative; width:100%; clear:both; top:auto; left:auto}
    .entry-content .team-list-img,
    .entry-content .team-list-img-empty {min-height:0px; clear:both}
    .entry-content .team-list-att,
    .entry-content .team-more {margin:0px auto}
    .entry-content .team-list-title,
    .entry-content .team-list-tag,
    .entry-content .team-more {clear:both; text-align:center}
    .entry-content .team-list-title {margin-bottom:0px}
}

@media screen and (max-width:641px) {}

@media screen and (max-width:321px) {
    body.home header div.header-logo {width:140px}
    body.home header div.header-logo img {max-height:100%; padding:1.6rem 0px} /* height:33.3vh */
    body.home div.content ul.home-category-menu li {height:27rem} /*background:#ccc url('assets/img/home1-1024x683.jpg') 50% 55% no-repeat} /* ~ height:100vh @ 320x480px viewport */
    body.home div.content ul.home-category-menu li:nth-of-type(2) {background-position: 50% 75%}
    body.home div.content ul.home-category-menu li a div.home-category-title {position:relative; width:100%; margin:0px; padding:6rem 0px 4rem 0px; clear:both; background:#fff url('assets/img/design-crown-320.png') 50% 30% no-repeat; font-size:85%; color:#000}
    body.home div.content ul.home-category-menu li:nth-of-type(2) a div.home-category-title {background:#fff url('assets/img/marine-crown-320.png') 50% 30% no-repeat; color:#000}
    body.home div.content ul.home-category-menu li:nth-of-type(3) a div.home-category-title {background:#fff url('assets/img/logistics-crown-320.png') 50% 30% no-repeat; color:#000}
    body.home div.content ul.home-category-menu li a div.home-category-title:after,
    body.home div.content ul.home-category-menu li a div.home-cover:after {content:" "; width:100%; clear:both; height:0px; max-height:0px}
    .home-cat-menu-separator {position:relative; margin:0px auto; margin-top:-3px; margin-bottom:5px; background-color:#000}
    .site-branding h1, .site-branding h2 {font-size:120%}
    .site-branding h1, .site-branding h2, .container-desktop-lang, nav div ul.menu, .page-header h1, .entry-header, .entry-content p, .entry-summary p, .entry-content ul, #secondary, #comments, footer, article.team .entry-content, article.team-de .entry-content, article.team-fr .entry-content, article.team-en .entry-content, #main nav.post-navigation, .page-content p, .page-content form, body.page-contatti .entry-content p, body.page-kontakte .entry-content p, body.page-contacts .entry-content p, body.page-contacts-en .entry-content p {padding:0px 7.7%}
    body.home #mm-trigger {top:0.56rem; margin-top:0px}
    body:not(.home) #mm-trigger {top:6%}
    .mobile-dot img {max-width:100%; top:0px; right:0px}
    .container-cat-nav {margin-top:27px; margin-left:6.8%}
    .container-cat-nav .cat-nav {margin-left:3.6%}
    .container-cat-nav:hover {background-color:rgba(255,255,255,0.8)}
    .container-cat-nav:hover > .category-menu li {height:108px}
    .category-menu li a {line-height:0.8; padding-top:68px; background:transparent url('assets/img/marine-crown-320.png') top center no-repeat}
    div.container-cat-nav ul.category-menu li:first-of-type > a {background:transparent url('assets/img/design-crown-320.png') top center no-repeat}
    div.container-cat-nav ul.category-menu li:last-of-type > a {background:transparent url('assets/img/logistics-crown-320.png') top center no-repeat}
    .mobile-menu img.close-menu, #masthead div.container-cat-nav ul.category-menu li.close-cat-menu {width:35px; margin:4rem auto}
    #masthead div.container-cat-nav ul.category-menu li {width:100px; height:100px; border:2px solid rgb(180,169,114); margin:1.5rem auto; border-radius:50px; color:#000 !important; background:#fff url('assets/img/crown-services-logo-design-320.png') center center no-repeat}
    #masthead div.container-cat-nav ul.category-menu li.close-cat-menu {margin:1rem auto}
    #masthead .container-cat-nav ul.category-menu li:nth-of-type(3) {background:#fff url('assets/img/crown-services-logo-marine-320.png') center center no-repeat}
    #masthead .container-cat-nav ul.category-menu li:nth-of-type(4) {background:#fff url('assets/img/crown-services-logo-logistics-320.png') center center no-repeat}
    #page div.mobile-menu ul.primary-mobile > li.lang-item {margin-left:30px}
    #main {margin-top:100px}
    .page-content, .entry-content, .entry-summary {margin-top:0px}
    .entry-content p {text-align:left}
    #main article header h1.entry-title {left:7.7%}
    body.page #main article header h1.entry-title,
    body.team #main header h1.page-title,
    body.team-de #main header h1.page-title,
    body.team-fr #main header h1.page-title,
    body.team-en #main header h1.page-title,
    body.team-nl #main header h1.page-title {left:7.7%}

    .nav-links {width:90%; margin:0px auto}
    .entry-content .team-list-img,
    .entry-content .team-list-img-empty {width:250px; margin:0px auto}
    .entry-content .team-list-img {height:250px; border-radius:125px}
    .entry-content .team-list-att,
    .entry-content .team-more {width:98%}
}