/* Effect 3: bottom line slides/fades in */
.cl-effect-3 a {
	padding: 8px 0;
}
.cl-effect-3 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #EB5945;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}
.no-touch .cl-effect-3 a:hover::after,
/*.no-touch .cl-effect-3 a:focus::after,*/
.cl-effect-3.active a::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
/* Effect 4: bottom border enlarge */
.cl-effect-4 a {
	padding: 0 0 10px;
}
.cl-effect-4 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #EB5945;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
	height: 5px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.icon-aller20 {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

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

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;

    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

@font-face {
    font-family: "SEAS-NVE-Slab-Bold";
    src: url('../fonts/SEAS-NVE-Slab-Bold.eot');
    src: url('../fonts/SEAS-NVE-Slab-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SEAS-NVE-Slab-Bold.woff') format('woff'), url('../fonts/SEAS-NVE-Slab-Bold.ttf') format('truetype'), url('../fonts/SEAS-NVE-Slab-Bold.svg#icon') format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

@font-face {
    font-family: "SEAS-NVE-Slab-Medium";
    src: url('../fonts/SEAS-NVE-Slab-Medium.eot');
    src: url('../fonts/SEAS-NVE-Slab-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/SEAS-NVE-Slab-Medium.woff') format('woff'), url('../fonts/SEAS-NVE-Slab-Medium.ttf') format('truetype'), url('../fonts/SEAS-NVE-Slab-Medium.svg#icon') format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

html {
    min-height: 100%;
    font-size: 62.5%;
}
body {
    background: #FFF;
    color: #000;
    width: 100%;
    height: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    line-height: 2.15rem;
    font-size: 1.4rem;
}

.element-section {
	position: relative;
}
.bg--0 {
	background-color: transparent;
}
.bg--white {
	background-color: #FFF;
}
.bg--light-grey {
	background-color: #F5F5F5;
}
.bg--light-brown {
	background-color: #CEBCAA;
}
@media (max-width: 767px) {
	.bg-xs--0 {
		background-color: transparent;
	}
	.bg-xs--white {
		background-color: #FFF;
	}
	.bg-xs--light-grey {
		background-color: #F5F5F5;
	}
	.bg-xs--light-brown {
		background-color: #CEBCAA;
	}
}
@media (min-width: 768px) {
	.bg-md--0 {
		background-color: transparent;
	}
	.bg-md--white {
		background-color: #FFF;
	}
	.bg-md--light-grey {
		background-color: #F5F5F5;
	}
	.bg-md--light-brown {
		background-color: #CEBCAA;
	}
}
@media (min-width: 992px) {
	.bg-lg--0 {
		background-color: transparent;
	}
	.bg-lg--white {
		background-color: #FFF;
	}
	.bg-lg--light-grey {
		background-color: #F5F5F5;
	}
	.bg-lg--light-brown {
		background-color: #CEBCAA;
	}
}
@media (min-width: 1200px) {
	.bg-xl--0 {
		background-color: transparent;
	}
	.bg-xl--white {
		background-color: #FFF;
	}
	.bg-xl--light-grey {
		background-color: #F5F5F5;
	}
	.bg-xl--light-brown {
		background-color: #CEBCAA;
	}
}

.box-shadow--style-1 {
	box-shadow: .2rem .4rem 4.3rem .4rem rgba(226, 226, 226, 0.6);
}

.divider-arrow {
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.divider-arrow--overflow {
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.divider-arrow--block svg {
	height: 8.4rem;
}
@media (max-width: 767px) {
	.divider-arrow--block svg {
		height: 5.5rem;
	}	
}
/*
.divider-arrow:before {
	content: url(../images/arrow-8.svg);
	display: block;
}
*/


h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin: 0;
    padding: 0;
    color: #000;
    font-family: "Lato", sans-serif;
    font-weight: normal;
    font-style: normal;
}
h1,
.h1 {
    padding: 0;
    line-height: 3.4rem;
    font-size: 3rem;
	font-weight: 900;
	letter-spacing: -1px;
}
h2,
.h2 {
    line-height: 2.4rem;
    font-size: 1.6rem;
	padding-bottom: 1.2rem;
}
h2.alternate,
.h2.alternate {
	font-size: 2.7rem;
	line-height: 3.7rem;
	text-transform: uppercase;
    font-weight: 900;
	padding-bottom: 2.025rem;
}
h3,
.h3 {
    line-height: 3.15rem;
    font-size: 2.3rem;
	font-weight: 600;
	padding-bottom: 1.725rem;
}
h3.alternate,
.h3.alternate {
	font-family: 'Inter', sans-serif;
	line-height: 2.95rem;
    font-size: 2.3rem;
	font-weight: 900;
	padding-bottom: 1.725rem;
}
h4,
.h4 {
    line-height: 2.2rem;
    font-size: 1.6rem;
	font-weight: 600;
	padding-bottom: 1.2rem;
}

h5,
.h5 {
    line-height: 2.4rem;
    font-size: 1.6rem;
	font-weight: 700;
	padding-bottom: 1.2rem;
}

h5.alternate,
.h5.alternate {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

h6,
.h6 {
    line-height: 1.5rem;
    font-size: 1rem;
    font-family: 'Lato', sans-serif;
    font-weight: 700;	
	padding-bottom: 0.75rem;
}
h6.alternate,
.h6.alternate {
	line-height: 1.36rem;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 400;
	padding-bottom: 0.75rem;
}

.rotate-heading {
	position: relative;
	padding-left: 2.7rem;
}
.rotate-heading.rotate-heading--right {
	padding-left: 0;
	padding-right: 2.7rem;
}
.rotate-heading h2.rotate,
.rotate-heading .h2.rotate {
	min-width: 100%;
	line-height: 1;
	text-align: right;
    position: absolute;
    top: 0;
    left: 0;
    /*margin-left: calc(-3.7rem + 1.5rem);*/
    -webkit-transform: rotate(270deg) translate(-100%, -100%);
    -moz-transform: rotate(270deg) translate(-100%, -100%);
    -ms-transform: rotate(270deg) translate(-100%, -100%);
    -o-transform: rotate(270deg) translate(-100%, -100%);
    transform: rotate(270deg) translate(-100%, -100%);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    padding: 0 !important;
}
.rotate-heading.rotate-heading--right h2.rotate,
.rotate-heading.rotate-heading--right .h2.rotate {
	left: 100%;
	text-align: right;
	-webkit-transform: rotate(270deg) translate(-100%, 0);
    -moz-transform: rotate(270deg) translate(-100%, 0);
    -ms-transform: rotate(270deg) translate(-100%, 0);
    -o-transform: rotate(270deg) translate(-100%, 0);
    transform: rotate(270deg) translate(-100%, 0);
}
.rotate-heading.rotate-heading--reverse h2.rotate,
.rotate-heading.rotate-heading--reverse .h2.rotate {
	text-align: left;
	-webkit-transform: rotate(90deg) translate(0, -100%);
    -moz-transform: rotate(90deg) translate(0, -100%);
    -ms-transform: rotate(90deg) translate(0, -100%);
    -o-transform: rotate(90deg) translate(0, -100%);
    transform: rotate(90deg) translate(0, -100%);
}
@media (max-width: 767px) {
	.rotate-heading.rotate-heading-xs--right {
		padding-left: 0;
		padding-right: 2.7rem;
	}
	.rotate-heading.rotate-heading-xs--right h2.rotate,
	.rotate-heading.rotate-heading-xs--right .h2.rotate {
		left: 100%;
	}	
	.rotate-heading.rotate-heading-xs--reverse h2.rotate,
	.rotate-heading.rotate-heading-xs--reverse .h2.rotate {
		-webkit-transform: rotate(90deg) translate(0, -100%);
		-moz-transform: rotate(90deg) translate(0, -100%);
		-ms-transform: rotate(90deg) translate(0, -100%);
		-o-transform: rotate(90deg) translate(0, -100%);
		transform: rotate(90deg) translate(0, -100%);
	}
}
@media (min-width: 768px) {
	.rotate-heading {
		padding-left: 3.2rem;
	}
	.rotate-heading.rotate-heading--right {
		padding-left: 0;
		padding-right: 3.2rem;
	}
	.rotate-heading h2.rotate,
	.rotate-heading .h2.rotate {
		/*margin-left: calc(-6.1rem + 1.5rem);*/ 
	}
	.rotate-heading.rotate-heading--bottom h2.rotate,
	.rotate-heading.rotate-heading--bottom .h2.rotate {
		text-align: left !important;
	}
	.rotate-heading.rotate-heading--bottom h2.rotate,
	.rotate-heading.rotate-heading--bottom .h2.rotate {
		top: 100%;
		-webkit-transform: rotate(270deg) translate(0, -100%);
		-moz-transform: rotate(270deg) translate(0, -100%);
		-ms-transform: rotate(270deg) translate(0, -100%);
		-o-transform: rotate(270deg) translate(0, -100%);
		transform: rotate(270deg) translate(0, -100%);
	}
	.rotate-heading.rotate-heading--bottom.rotate-heading--right h2.rotate,
	.rotate-heading.rotate-heading--bottom.rotate-heading--right .h2.rotate {
		top: 100%;
		-webkit-transform: rotate(270deg) translate(0, 0);
		-moz-transform: rotate(270deg) translate(0, 0);
		-ms-transform: rotate(270deg) translate(0, 0);
		-o-transform: rotate(270deg) translate(0, 0);
		transform: rotate(270deg) translate(0, 0);
	}
	.rotate-heading.rotate-heading--bottom.rotate-heading--reverse h2.rotate,
	.rotate-heading.rotate-heading--bottom.rotate-heading--reverse .h2.rotate {
		-webkit-transform: rotate(90deg) translate(-100%, -100%);
		-moz-transform: rotate(90deg) translate(-100%, -100%);
		-ms-transform: rotate(90deg) translate(-100%, -100%);
		-o-transform: rotate(90deg) translate(-100%, -100%);
		transform: rotate(90deg) translate(-100%, -100%);
	}
}
@media (min-width: 992px) {
	.rotate-heading {
		padding-left: 4.5rem;
	}
	.rotate-heading.rotate-heading--right {
		padding-left: 0;
		padding-right: 4.5rem;
	}
	.rotate-heading h2.rotate,
	.rotate-heading .h2.rotate {
		/*margin-left: calc(-6.1rem + 1.5rem);*/
	}
}

a,
a:hover {
    color: #000;
    text-decoration: none;
}

p {
    padding: 0 0 0.8rem
}

p.clearfix {
    padding-bottom: 0 !important
}

hr,
p+hr {
    background: #444;
    border: none;
    margin: 0 0 1.8rem;
    height: .2rem;
    overflow: hidden
}

p:last-child {
    padding-bottom: 0 !important
}

strong,
b {
    font-weight: 700
}

i,
em {
    font-style: italic
}

figure,
.figure {
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    overflow: hidden;
    vertical-align: top
}

img {
    display: block;
    vertical-align: top
}

figure img,
.figure img {
    width: 100%;
    height: auto
}

figcaption,
.acaption {
    padding: .4rem 0 0;
    line-height: 1.9rem;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: .02em;
}

blockquote,
q {
    clear: both;
    position: relative;
    padding: 0 0 1.8rem 3rem;
    text-align: left;
    font-family: "SEAS-NVE-Slab-Medium";
    font-weight: normal;
    font-style: normal;
    line-height: 2.2rem;
    font-size: 1.6rem
}

blockquote p:first-letter {
    float: none !important;
    margin: 0 !important;
    text-align: left !important;
    font-family: "SEAS-NVE-Slab-Medium" !important;
    font-weight: normal !important;
    font-style: normal !important;
    line-height: 2.2rem !important;
    font-size: 1.6rem !important
}

blockquote:before,
q:before {
    position: absolute;
    top: -0.7rem;
    left: .2rem;
    display: block;
    content: "“";
    color: #62c5d3;
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: "SEAS-NVE-Slab-Medium";
    font-weight: normal;
    font-style: normal;
    line-height: 6rem;
    font-size: 6rem
}

.input {
    position: relative
}

.input input {
    background: #fff;
    border: 0.2rem solid #fff;
    border-radius: 0;
    color: #444;
    outline: none;
    margin: 0;
    padding: 0 1rem;
    width: 100%;
    height: 3.2rem;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.8rem;
    font-size: 1.2000000000000002rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.input input::-webkit-input-placeholder {
    color: #444
}

.input input::-moz-placeholder {
    color: #444
}

.input input:-ms-input-placeholder {
    color: #444
}

.input input.invalid {
    color: #f00
}

.input input.invalid::-webkit-input-placeholder {
    color: #f00
}

.input input.invalid::-moz-placeholder {
    color: #f00
}

.input input.invalid:-ms-input-placeholder {
    color: #f00
}

.button_triangle {
    position: relative;
    width: 3.2rem;
    height: 3.2rem;
    overflow: hidden
}

.button_triangle button {
    position: relative;
    background: #fff;
    border: 0.2rem solid #fff;
    color: #444;
    outline: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.button_triangle button span {
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(0) skew(0, 0) scale(.5) translate(150%, -50%);
    -moz-transform: rotate(0) skew(0, 0) scale(.5) translate(150%, -50%);
    -ms-transform: rotate(0) skew(0, 0) scale(.5) translate(150%, -50%);
    transform: rotate(0) skew(0, 0) scale(.5) translate(150%, -50%)
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5rem;
    height: 5rem;
    transform: translate3d(-50%, -50%, 0)
}

.box {
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    margin: 0 auto;
    width: 100%;
    vertical-align: top
}

.ratio16_9 {
    overflow: hidden
}

.ratio16_9:before {
    display: block;
    content: "";
    padding-top: 56.25%;
    overflow: hidden
}

.box .boxcontent {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%
}

.arrow-link.arrow-link--align-right {
	text-align: right;
}
.arrow-link .link {
	font-size: 2rem;
	line-height: 2.8rem;
	font-weight: 700;
	text-decoration: none;
	display: inline-block;
}
.arrow-link .link .arrow {
	display: inline-block;
	-webkit-transition: transform 0.3s ease-out;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;	
}
.no-touch .arrow-link .link:hover .arrow {
	-webkit-transform: translateX(1.5rem);
    transform: translateX(1.5rem);
}
/*
.arrow-link.arrow-link--style-2 .link::before {
	content: url('../images/arrow-link-style-2--sm.svg');
}
*/
.arrow-link .link > span.arrow {
	display: inline-block;
    width: 10rem;
    height: 6.8rem;
    position: relative;
}
.arrow-link .link > span.arrow svg {
    height: 10rem;
    transform: rotate(-90deg) translate(-6.8rem, 0);
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    width: 6.8rem;
}
.arrow-link .link > span {
	display: block;
}
@media (min-width: 768px) {
	.arrow-link .link {
		font-size: 3rem;
		line-height: 5rem;
	}	
	/*
	.arrow-link .link::before {
		content: url('../images/arrow-2.svg');
	}
	.arrow-link.arrow-link--style-2 .link::before {
		content: url('../images/arrow-link-style-2.svg');
	}
	*/
}

.highlight {
	display: inline-block;
    background: url(../images/highlight-style-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0 1.5rem;
    margin-left: -1.5rem;
	margin-right: -1.5rem;
}

:target {
	display: block;
	position: relative;
	top: -4rem; 
	visibility: hidden;
}
@media (min-width: 768px) {
	:target {
		top: -12rem;
	}
}

#wrap-it-all {
    overflow: hidden
}

#canvas {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

#canvas-cover {
    display: none
}
*,
*:before,
*:after,
.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

#header {
	/*
    position: fixed;
    top: 0;
    left: 0;
	*/
    z-index: 9999;
    background: #fff;
    width: 100%;
	/*
    -webkit-box-shadow: 0.2rem 0.2rem 0.4rem 0rem rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0.2rem 0.2rem 0.4rem 0rem rgba(0, 0, 0, 0.2);
    box-shadow: 0.2rem 0.2rem 0.4rem 0rem rgba(0, 0, 0, 0.2)
	*/
}

#header .service_menu_wrapper {
    display: none;
}

#header .container-header_wrapper {
    height: 10rem;
}

#header .container-header_wrapper .row,
#header .col-logo,
#header .col-primary-menu,
#header .col-search {
    height: 100%
}

#header .col-logo {
    position: relative;
    z-index: 222;
    background: #fff
}

#header .logo {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 7.3rem
}

#header .logo img {
    width: 100%;
    height: auto
}

#menu-toggle {
	position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translate(0, -50%);
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.menu-toggle {
	padding: 0;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible; 
	outline: 0 none;
}
.menu-toggle:hover {
    opacity: 0.7; 
}
.menu-toggle.is-active:hover {
    opacity: 0.7; 
}
.menu-toggle.is-active .menu-toggle-inner,
.menu-toggle.is-active .menu-toggle-inner::before,
.menu-toggle.is-active .menu-toggle-inner::after {
    background-color: #000; 
}
.menu-toggle-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative; 
}
.menu-toggle-inner {
	display: block;
	top: 50%;
	margin-top: -2px; 
}
.menu-toggle-inner, 
.menu-toggle-inner::before, 
.menu-toggle-inner::after {
    width: 4rem;
    height: .2rem;
    background-color: #000;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; 
}
#subnav[data-theme="light"] .menu-toggle-inner, 
#subnav[data-theme="light"] .menu-toggle-inner::before, 
#subnav[data-theme="light"] .menu-toggle-inner::after {
    background-color: #fff;	
}
#subnav[data-theme="dark"] .menu-toggle-inner, 
#subnav[data-theme="dark"] .menu-toggle-inner::before, 
#subnav[data-theme="dark"] .menu-toggle-inner::after {
    background-color: #000;	
}
.menu-toggle-inner::before, 
.menu-toggle-inner::after {
    content: "";
    display: block; 
}
.menu-toggle-inner::before {
    top: -10px; 
}
.menu-toggle-inner::after {
    bottom: -10px; 
}
/*
   * Spin
   */
.menu-toggle--spin .menu-toggle-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .menu-toggle--spin .menu-toggle-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .menu-toggle--spin .menu-toggle-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.menu-toggle--spin.is-active .menu-toggle-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .menu-toggle--spin.is-active .menu-toggle-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .menu-toggle--spin.is-active .menu-toggle-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.col-primary-menu,
#primary-menu {
    display: none
}

.apost_list {
}
.apost_list .col-post {
}
.apost_list .col-post .apost {
    position: relative;
}
.apost_list .col-post .apost .apost_link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 888;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.apost_list .col-post .apost .apost_meta {
}
.apost_list .col-post .apost .apost_meta ul {
	font-size: 0;
    line-height: 0;
    vertical-align: middle;
}
.apost_list .col-post .apost .apost_meta ul li {
	display: inline-block;
    vertical-align: middle;
    width: 50%;
    font-size: 1.34rem;
    line-height: 2rem;
    color: rgba(0, 0, 0, 0.87);
    letter-spacing: .25px;
}
.apost_list .col-post .apost .apost_content {
}
.apost_list .col-post .apost .apost_content .the_title {
	height: 4.8rem;
	overflow: hidden;
    line-height: 2.4rem;
    font-size: 1.8rem;
    font-weight: 500;
}
.apost_list .col-post .apost .apost_content .the_excerpt {
	height: 4.8rem;
	overflow: hidden;
    line-height: 1.6rem;
    font-size: 1.1rem;
	color: rgba(0,0,0,.6);
}
.apost_list .col-post .apost .apost_foot .read_more_link {
	display: inline-block;
	color: #E1001A;
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-transform: uppercase;
    font-weight: 500;
}
.apost_list .col-post .apost .featured_image {
    position: relative;
    background-color: transparent;
    overflow: hidden;
}
.apost_list .col-post .apost .featured_image:before {
    display: block;
    content: "";
    padding-top: 75%;
    overflow: hidden
}

.apost_list .col-post .apost .featured_image.loaded {
    background-color: #fff;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}
.apost_list .col-post .apost .featured_image.loaded .loader-icon {
	display: none;
}
.no-touch .apost_list .col-post .apost .apost_link:hover~.featured_image.loaded,
.no-touch .apost_list .col-post .apost .apost_link:hover~.apost_content {
}


.abreadcrumb .the_breadcrumbs {
}
.abreadcrumb .the_breadcrumbs * {
	font-weight: 400;
	color: #979797;
}
.abreadcrumb .the_breadcrumbs > span {
    position: relative;
    left: -0.5rem
}
.abreadcrumb .the_breadcrumbs a {
    display: inline-block;
    margin: 0 0.5rem;
    text-decoration: none;
}
.no-touch .abreadcrumb .the_breadcrumbs a:hover {
    text-decoration: underline;
}
.abreadcrumb .the_breadcrumbs .current,
.abreadcrumb .the_breadcrumbs .breadcrumb_last {
    display: inline-block;
    margin-left: 0.5rem;
}

.apost_archive[data-view="default"] .col-post .apost,
.apost_archive[data-view="default"] .col-post:nth-child(even) .apost {
    left: 0;
    width: 100%
}

.apost_archive [data-sub_view="apost-taxonomy_description"] .intro {
    color: #666;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.apost_archive [data-sub_view="apost-taxonomy_description"] .intro p {
    padding-bottom: 0
}

.apost_archive [data-sub_view="apost-taxonomy_description"] .intro .the_title {
    color: #444;
    text-transform: uppercase
}

.apost_archive [data-sub_view="apost-filtering_form"] {
    position: relative;
    border-bottom: 0.1rem solid #444;
    margin: 0 0 1.5rem;
    padding: 0 0 1.5rem
}

.apost_archive [data-sub_view="apost-filtering_form"] .abtn {
    float: left;
    margin: 0 1rem 1rem 0
}

.apost_archive [data-sub_view="apost-filtering_form"] .input {
    float: left;
    width: 100%;
    height: 3.6rem
}

.apost_archive [data-sub_view="apost-filtering_form"] .input input {
    width: calc(100% - 3.6rem);
    height: 100%
}

.apost_archive [data-sub_view="apost-filtering_form"] .input button {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff;
    border: none;
    border-radius: 0;
    color: #fff;
    outline: none;
    margin: 0;
    padding: 0;
    width: 3.6rem;
    height: 100%;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    line-height: 2.4000000000000004rem;
    font-size: 1.2000000000000002rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.apost_archive [data-sub_view="apost-filtering_form"] .input button .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(0) skew(0, 0) scale(.71428571) translate(-50%, -50%);
    -moz-transform: rotate(0) skew(0, 0) scale(.71428571) translate(-50%, -50%);
    -ms-transform: rotate(0) skew(0, 0) scale(.71428571) translate(-50%, -50%);
    transform: rotate(0) skew(0, 0) scale(.71428571) translate(-50%, -50%)
}
.apost_archive [data-sub_view="apost-filtering_form"] .input button .icon::before {
	font-size: 2.8rem;
    color: #444;
    display: block;
    margin-top: .4rem;
}
.apost_archive .row-intro {
	padding-top: 2rem;	
}
.apost_archive [data-sub_view="apost-container"] {
    position: relative;
    padding: 0 0 1.5rem
}

.apost_archive [data-sub_view="apost-preloader"] {
    position: relative;
    width: 100%;
    margin: 1.5rem 0 3rem;
    height: 6rem
}
.apost_archive [data-sub_view="apost-no_results"] {
    display: none;
    position: relative;
    width: 100%;
    margin: 1.5rem 0 3rem
}



.anarticle {
    position: relative
}

.anarticle .the_content {
    position: relative;
    padding: 1.8rem 0 0
}

.anarticle .format_and_date {
	padding: 0 0 1rem;
}
.anarticle .format_and_date .the_date {
	display: inline-block;
	vertical-align: top;
}
.anarticle .the_date {
    color: #666;
    line-height: 2rem;
    font-size: 1.1rem
}

.anarticle .abreadcrumb {
    position: relative;
    left: -1rem;
    width: calc(100% + 2rem)
}
@media (max-width: 767px) {
	.anarticle .abreadcrumb {
		display: none;
		visibility: hidden;
		height: 0;
		width: 0;
		margin: 0;
		padding: 0;
		font-size: 0;
		line-height: 0;
	}
}

.anarticle .col-terms {
    padding-top: 2rem;
    padding-bottom: 1rem;
    width: 100%
}
@media (max-width: 767px) {
	.anarticle .col-terms {
		padding-top: 3rem;
		padding-bottom: .5rem;
	}
}

.anarticle .the_tags {
    margin-top: 2rem;
    margin-bottom: 1rem
}

.anarticle .col-terms .the_tags {
    margin: 0
}
.anarticle .col-terms .aterms_list_title {
	padding: 0 0 1.8rem;
}
.anarticle .the_tags li.atermstag {
    float: left;
    display: inline-block;
    background: #009e50;
    margin: 0 1rem 1rem 0;
	font-size: 1.2rem;
	line-height: 2.2rem;
    text-transform: uppercase;
}
.anarticle .the_tags li.atermstag a {
    display: block;
    padding: 1rem 2rem;
    width: 100%;
    height: 100%;
    text-decoration: none;
	color: #fff;
}
@media (max-width: 767px) {
	.anarticle .col-terms .aterms_list_title {
		padding: 0 0 .9rem;
	}
	.anarticle .the_tags li.atermstag {
		font-size: 1rem;
		line-height: 2.2rem;
	}
	.anarticle .the_tags li.atermstag a {
		padding: .4rem 1.6rem;
	}
}

.anarticle .intro_hr {
    margin: 1.8rem 0 .8rem
}

.adefaultpage .intro {
    padding: 0
}

.single .sidebar-secondary .apost_list,
.page-template-default .sidebar-secondary .apost_list {
    border-top: 0.2rem solid #444;
    padding-top: 1rem
}

.anarticle .article_featured-image_holder {
	padding: 0 0 1.9rem;
}

.anarticle .meta_and_social {
    position: relative;
    border-top: 0.1rem solid #444;
    border-bottom: 0.1rem solid #444;
    padding: 0.5rem 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.anarticle .meta_and_social_bottom {
	padding: 1rem 0;
}

.anarticle .meta_and_social .the_meta {
    margin: 0 0 0.5rem;
    overflow: hidden
}
.anarticle .meta_and_social .the_meta .h6 {
	color: #666;
}
.anarticle .meta_and_social .the_meta strong {
	width: 5.8rem;
	display: inline-block;
	vertical-align: top;
}
.anarticle .meta_and_social .the_meta .the_value {
    font-weight: 600
}

.anarticle .article_elements {
    padding: 1.3rem 0 0
}

.page-template-default .anarticle .article_elements {
    padding-bottom: 2.5rem
}

.anarticle .article_elements .element,
.anarticle .article_elements figure {
    margin-bottom: 1.8rem
}

.anarticle.afeature .article_elements figure.show_as_featured_fullsize {
    padding: 1rem 0 2rem
}

.anarticle.afeature .article_elements figure.show_as_featured_fullsize figcaption {
    display: none !important
}

.anarticle .article_elements figure,
.anarticle .article_elements figure img,
.anarticle .article_elements img {
    vertical-align: top;
    width: 100%;
    max-width: 100% !important;
    height: auto
}

.anarticle .article_elements figure.floated {
    float: left;
    margin-right: 1rem;
    margin-bottom: 0 !important;
    max-width: calc(50% - 1rem) !important
}
@media (max-width: 767px) {
	.anarticle .article_elements figure.floated {
		max-width: 100% !important;
		margin-bottom: 1rem !important;
		margin-right: 0;
		float: none;
	}
}

.anarticle .article_elements figure.floated figure {
    margin-bottom: 0 !important
}

.anarticle .article_elements .element_wysiwyg_content a,
.anarticle .article_elements .element_image_fullsize a,
.anarticle .article_elements .element_video a,
.anarticle .article_elements .element_gallery a {
    color: #009e50;
    text-decoration: none;
    font-weight: bold;
}

.anarticle .article_elements .element_wysiwyg_content a:hover,
.anarticle .article_elements .element_image_fullsize a:hover,
.anarticle .article_elements .element_video a:hover,
.anarticle .article_elements .element_gallery a:hover {
    text-decoration: none
}

.anarticle .article_elements .element_wysiwyg_content ul,
.anarticle .article_elements .element_wysiwyg_content ol {
    margin: 0 0 1.8rem 2.2rem
}

.anarticle .article_elements .element_wysiwyg_content ul li {
    list-style: outside
}

.anarticle .article_elements .element_wysiwyg_content ol li {
    list-style: decimal
}

.anarticle .article_elements .element_wysiwyg_content ul li ul li {
    list-style-type: circle;
}

.oembed-container {
    position: relative;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}
.oembed-container:before {
    display: block;
    content: "";
    padding-top: 56.25%;
    overflow: hidden
}
.oembed-container iframe,
.oembed-container object,
.oembed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.the_content iframe,
.the_content object,
.the_content embed {
	width: 100%;
	max-width: 100%;
}
.the_content .oembed-container,
.the_content iframe,
.the_content object,
.the_content embed {
	margin: 0 0 0.8rem;
}
@media (min-width: 768px) {
	.the_content .oembed-container,
	.the_content iframe,
	.the_content object,
	.the_content embed {
		margin: 0 0 2.4rem;
	}	
}
@media (min-width: 992px) {
	.the_content .oembed-container,
	.the_content iframe,
	.the_content object,
	.the_content embed {
		margin: 0 0 3.5rem;
	}	
}


#footer {
    background-color: #000;
	background-image: url("../images/Vector.svg");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: auto 100%;
	font-size: 1.6rem;
	line-height: 3rem;
}
@media (max-width: 767px) {
	#footer {
		background-position: bottom right;
		background-size: 100% auto;
	}
}
#footer .acolumn {
    position: relative;
}
#footer .acolumn * {
    color: #fff
}
#footer .acolumn a {
    text-decoration: none;
}
.no-touch #footer .acolumn a:hover {
    text-decoration: underline;
}
#footer .acolumn p {
	padding: 0 !important;
}
#footer .acolumn img {
	width: 100%;
    max-width: 100%;
    height: auto
}
#footer .acolumn a.logo {
	max-width: 8.1rem;
	display: inline-block;
}

#footer .acolumn.column-1 {
	font-size: 2.6rem;
	line-height: 3rem;
	font-weight: 900;
}
@media (max-width: 767px) {
	#footer .acolumn.column-1 {
		text-align: center;
	}
}
#footer .acolumn.column-2,
#footer .acolumn.column-3,
#footer .acolumn.column-4 {
}

#social_media_list .some_wrapper {
	width: 100%;
    display: block;
    vertical-align: top;
}
#social_media_list .some_link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    margin-right: 3rem;
    width: 2.4rem;
	height: 2.4rem;
    overflow: hidden;
}
#social_media_list .some_link svg {
    display: block;
	font-size: 2.4rem;
}

@media (min-width: 1px) and (max-width: 767px) {
    #wrap-it-all {
        position: relative;
        max-width: 100%;
        overflow: hidden
    }
    html.menu-open {
        width: 100vw;
        overflow: hidden;
        height: 100vh
    }
    .menu-open #canvas {
        width: 100%;
        overflow: hidden;
    }
    #mobile-menu-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        background: #F5F5F5;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0 0 3rem;
        width: 100%;
        height: 100%;
        -webkit-transition: -webkit-transform .2s ease-out;
        -moz-transition: -moz-transform .2s ease-out;
        -ms-transition: -ms-transform .2s ease-out;
        transition: transform .2s ease-out;
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    #mobile-menu-wrapper .top-wrapper {
        position: relative;
        width: 100%;
        height: 10rem
    }
    #mobile-menu-wrapper .top-wrapper .logo {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		max-width: 7.3rem;
    }
    #mobile-menu-wrapper .top-wrapper .logo img {
        width: 100%;
        height: auto
    }
    .menu-open #mobile-menu-wrapper {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    #primary-menu-mobile {
		padding: 0 8rem 1.5rem 3.2rem;
        width: 100%;
    }
    #primary-menu-mobile ul {
    }
    #primary-menu-mobile ul li {
        position: relative;
        border-bottom: 1px solid rgba(151, 151, 151, 0.15);
        width: 100%;
    }
	#primary-menu-mobile ul li.lang-item {
		display: none !important;
	}
    #primary-menu-mobile ul li .toggle-submenu {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: transparent;
        border: none;
        border-radius: 0;
        content: "";
        outline: none;
        margin: 0;
        padding: 0;
        width: 4rem;
        height: 4rem;
        cursor: pointer;
        overflow: hidden;
    }
	#primary-menu-mobile ul li .toggle-submenu span {
		position: absolute;
		transition: .3s;
		background: #000;
		border-radius: .1rem;
	}
	#primary-menu-mobile ul li .toggle-submenu span:first-of-type {
		top: 1.3rem;
		bottom: 1.3rem;
		width: .2rem;
		left: calc(50% - .1rem);
	}
	#primary-menu-mobile ul li .toggle-submenu span:last-of-type {
		left: 1.3rem;
		right: 1.3rem;
		height: .2rem;
		top: calc(50% - .1rem);
	}
	#primary-menu-mobile ul li .toggle-submenu:not(.closed) span:first-of-type, 
	#primary-menu-mobile ul li .toggle-submenu:not(.closed) span:last-of-type {
	  transform: rotate(90deg);
	}
	#primary-menu-mobile ul li .toggle-submenu:not(.closed) span:last-of-type {
		left: 50%;
		right: 50%;
	}
    #primary-menu-mobile ul li.current-menu-item>a {
    }
    #primary-menu-mobile ul>li>a {
		display: block;
		color: #000;
		padding: 1.1rem 4rem 1.1rem 0rem;
		width: 100%;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		line-height: 1.9rem;
		font-size: 1.4rem;
    }
    #primary-menu-mobile ul>li>ul.sub-menu {
        display: none;
        width: 100%;
    }
    #primary-menu-mobile ul>li.current-menu-ancestor>ul.sub-menu,
    #primary-menu-mobile ul>li.current-menu-parent>ul.sub-menu,
    #primary-menu-mobile ul>li.current_page_parent>ul.sub-menu,
    #primary-menu-mobile ul>li.current_page_ancestor>ul.sub-menu,
    #primary-menu-mobile ul>li.current-menu-item>ul.sub-menu,
    #primary-menu-mobile ul>li.current_page_item>ul.sub-menu {
        display: block;
    }
    #primary-menu-mobile ul>li>ul.sub-menu li {
        border-top: 1px solid rgba(151, 151, 151, 0.15);
		border-bottom: 0;
		padding: 0 0 0 3.6rem;
    }
    #primary-menu-mobile ul>li>ul.sub-menu li a {
    }
    #top-menu-mobile {
        padding: 0 8rem 1.5rem 3.2rem;
    }
    #top-menu-mobile ul li {
        position: relative;
        width: 100%;
    }
    #top-menu-mobile ul li a {
        display: block;
		color: #979797;
		padding: .6rem 0;
		width: 100%;
		height: 100%;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		line-height: 1.6rem;
		font-size: 1.1rem;
    }
	#language-menu-mobile ul {
		padding: 0 8rem 1.5rem 3.2rem;
	}
	#language-menu-mobile ul {
		font-size: 0;
		line-height: 0;
		vertical-align: top;
	}
	#language-menu-mobile ul li {
		display: inline-block;
    	vertical-align: top;
		margin-right: 1.5rem;
	}
	#language-menu-mobile ul li a {
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		line-height: 1.9rem;
		font-size: 1.4rem;
		color: #000;
	}
	#language-menu-mobile ul li.current-lang > a {
		color: #979797;
	}
}
@media (min-width: 768px) {
	html.menu-open {
        width: 100vw;
        overflow: hidden;
        height: 100vh
    }
    #canvas {
        -webkit-transition: -webkit-transform .2s ease-out;
        -moz-transition: -moz-transform .2s ease-out;
        -ms-transition: -ms-transform .2s ease-out;
        transition: transform .2s ease-out
    }
    .menu-open #canvas {
        width: 100%;
		/*
        -webkit-transform: translate(-35rem, 0);
        -moz-transform: translate(-35rem, 0);
        -ms-transform: translate(-35rem, 0);
        transform: translate(-35rem, 0);
        overflow: hidden;
		*/
    }
    .menu-open #canvas #canvas-cover {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99998;
        background: rgba(68, 68, 68, 0.2);
        width: 100%;
        min-height: 100%;
        height: 100vh
    }
    #mobile-menu-wrapper {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 99999;
        background: #F5F5F5;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0 0 3rem;
        width: 35rem;
        height: 100%;
        -webkit-transition: -webkit-transform .2s ease-out;
        -moz-transition: -moz-transform .2s ease-out;
        -ms-transition: -ms-transform .2s ease-out;
        transition: transform .2s ease-out;
        -webkit-transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
    #mobile-menu-wrapper .top-wrapper {
        position: relative;
        width: 100%;
        height: 10rem;
    }
    #mobile-menu-wrapper .top-wrapper .logo {
        display: block;
        position: absolute;
        top: 50%;
        left: 3rem;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        max-width: 7rem;
		max-height: 7rem;
    }
    #mobile-menu-wrapper .top-wrapper .logo img {
        width: 100%;
        height: auto;
    }
	#mobile-menu-wrapper .top-wrapper #menu-toggle {
		display: block;
		top: 50%;
		right: 1.5rem;
	    -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
	}
    .menu-open #mobile-menu-wrapper {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    #primary-menu-mobile {
		padding: 0 3rem 1.5rem 3rem;
        width: 100%;
    }
    #primary-menu-mobile ul {
    }
    #primary-menu-mobile ul li {
        position: relative;
        border-bottom: 1px solid rgba(151, 151, 151, 0.15);
        width: 100%;
    }
	#primary-menu-mobile ul li.lang-item {
		display: none !important;
	}
    #primary-menu-mobile ul li .toggle-submenu {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: transparent;
        border: none;
        border-radius: 0;
        content: "";
        outline: none;
        margin: 0;
        padding: 0;
        width: 4rem;
        height: 4rem;
        cursor: pointer;
        overflow: hidden;
    }
	#primary-menu-mobile ul li .toggle-submenu span {
		position: absolute;
		transition: .3s;
		background: #000;
		border-radius: .1rem;
	}
	#primary-menu-mobile ul li .toggle-submenu span:first-of-type {
		top: 1.3rem;
		bottom: 1.3rem;
		width: .2rem;
		left: calc(50% - .1rem);
	}
	#primary-menu-mobile ul li .toggle-submenu span:last-of-type {
		left: 1.3rem;
		right: 1.3rem;
		height: .2rem;
		top: calc(50% - .1rem);
	}
	#primary-menu-mobile ul li .toggle-submenu:not(.closed) span:first-of-type, 
	#primary-menu-mobile ul li .toggle-submenu:not(.closed) span:last-of-type {
	  transform: rotate(90deg);
	}
	#primary-menu-mobile ul li .toggle-submenu:not(.closed) span:last-of-type {
		left: 50%;
		right: 50%;
	}
    #primary-menu-mobile ul li.current-menu-item>a {
    }
    #primary-menu-mobile ul>li>a {
		display: block;
		color: #000;
		padding: 1.1rem 4rem 1.1rem 0rem;
		width: 100%;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		line-height: 1.9rem;
		font-size: 1.4rem;
    }
    #primary-menu-mobile ul>li>ul.sub-menu {
        display: none;
        width: 100%;
    }
    #primary-menu-mobile ul>li.current-menu-ancestor>ul.sub-menu,
    #primary-menu-mobile ul>li.current-menu-parent>ul.sub-menu,
    #primary-menu-mobile ul>li.current_page_parent>ul.sub-menu,
    #primary-menu-mobile ul>li.current_page_ancestor>ul.sub-menu,
    #primary-menu-mobile ul>li.current-menu-item>ul.sub-menu,
    #primary-menu-mobile ul>li.current_page_item>ul.sub-menu {
        display: block;
    }
    #primary-menu-mobile ul>li>ul.sub-menu li {
        border-top: 1px solid rgba(151, 151, 151, 0.15);
		border-bottom: 0;
		padding: 0 0 0 3.6rem;
    }
    #primary-menu-mobile ul>li>ul.sub-menu li a {
    }
    #top-menu-mobile {
        padding: 0 8rem 1.5rem 3.2rem;
    }
    #top-menu-mobile ul li {
        position: relative;
        width: 100%;
    }
    #top-menu-mobile ul li a {
        display: block;
		color: #979797;
		padding: .6rem 0;
		width: 100%;
		height: 100%;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		line-height: 1.6rem;
		font-size: 1.1rem;
    }
	#language-menu-mobile ul {
		padding: 0 8rem 1.5rem 3.2rem;
	}
	#language-menu-mobile ul {
		font-size: 0;
		line-height: 0;
		vertical-align: top;
	}
	#language-menu-mobile ul li {
		display: inline-block;
    	vertical-align: top;
		margin-right: 1.5rem;
	}
	#language-menu-mobile ul li a {
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		line-height: 1.9rem;
		font-size: 1.4rem;
		color: #000;
	}
	#language-menu-mobile ul li.current-lang > a {
		color: #979797;
	}
}
@media (min-width: 768px) {
    body {
        line-height: 2.6rem;
        font-size: 1.9rem;
    }
    h1,
    .h1 {
        line-height: 4.6rem;
        font-size: 4rem;
    }
    h2,
    .h2 {
    }
	h2.alternate,
    .h2.alternate {
        line-height: 4.2rem;
        font-size: 3.2rem;
    }
    h3,
    .h3 {
    }
    h3.alternate,
    .h3.alternate {
    }
    h4,
    .h4 {
        line-height: 2.8000000000000003rem;
        font-size: 2rem;
    }
	h5,
    .h5 {
		line-height: 2.6rem;
		font-size: 1.9rem;
    }
    h6,
    .h6 {
        line-height: 1.8rem;
        font-size: 1.2000000000000002rem
    }
    p {
        padding: 0 0 2.4rem
    }
    hr,
    p+hr {
        margin: 0 0 2.5rem;
        height: .4rem
    }
    figcaption,
    .acaption {
        padding: 1.3rem 0 0;
        line-height: 2rem;
        font-size: 1.4000000000000001rem
    }
    blockquote,
    q {
        padding: 0 0 2.4rem 4.5rem;
        max-width: 85%;
        line-height: 3rem;
        font-size: 2rem
    }
    blockquote p:first-letter {
        line-height: 3.9000000000000004rem !important;
        font-size: 2.6rem !important
    }
    blockquote:before,
    q:before {
        top: -0.6rem;
        left: .2rem;
        line-height: 8.200000000000001rem;
        font-size: 8.200000000000001rem
    }
    .input input {
        padding: 0 1.5rem;
        height: 5rem;
        line-height: 2rem;
        font-size: 1.4000000000000001rem
    }
    .button_triangle {
        width: 5rem;
        height: 5rem
    }
    .button_triangle button span {
        top: 50%;
        right: 50%;
        -webkit-transform: rotate(0) skew(0, 0) scale(1) translate(50%, -50%);
        -moz-transform: rotate(0) skew(0, 0) scale(1) translate(50%, -50%);
        -ms-transform: rotate(0) skew(0, 0) scale(1) translate(50%, -50%);
        transform: rotate(0) skew(0, 0) scale(1) translate(50%, -50%)
    }
    #canvas {
        padding: 0
    }
    .desktoponly {
        display: inline-block !important
    }
    .mobileonly {
        display: none !important
    }
    .abtn {
        line-height: 2rem;
        font-size: 1.4000000000000001rem
    }
    .abtn::after,
    .abtn>span {
        padding: 1.8rem 3rem
    }
    .abtn.aformbtn span {
        padding: 1.8rem 6rem
    }
    #header {
        position: relative;
    }
    #header .service_menu_wrapper {
        display: block;
        overflow: hidden;
        height: 5.1rem;
    }
    #header .container-header_wrapper {
        height: 9.5rem;
    }
    #header .logo {
        max-width: 6rem;
		left: 1.5rem;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
    }
    #menu-toggle {
        display: none;
    }
    #top-menu {
    }
	#top-menu ul {
		font-size: 0;
		line-height: 0;
		vertical-align: top;
		text-align: right;
	}
	#top-menu ul li {
		margin: 0 2.5rem 0 0;
		display: inline-block;
		vertical-align: top;
    }
	#top-menu ul li::last-child {
		margin: 0;
	}
    #top-menu ul li a {
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 400;
        line-height: 2.1rem;
        font-size: 1.2rem;
		color: #979797;
        display: block;
        width: 100%;
        height: 100%;
    }
    #top-menu ul li a span {
        display: block;
    }
    .no-touch #top-menu ul li a:hover span {
    }
    #header .col-primary-menu {
        display: block;
        position: relative;
        top: 0;
        z-index: 888;
        height: 100%
    }
    #primary-menu {
		display: block;
		position: relative;
		text-align: right;
    	height: 100%;
    }
    #primary-menu>ul {
		position: absolute;
		top: 50%;
		right: 0;
		font-size: 0;
		line-height: 0;
		vertical-align: top;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
    }
    #primary-menu ul li {
		position: relative;
		height: 4.1rem;
		display: inline-block;
		vertical-align: top;
		padding: 0 1rem;
    }
	#primary-menu ul li.divider {
		position: relative;
	}
	#primary-menu ul li.divider:after {
		content: " ";
		display: block;
		height: 2rem;
		width: .1rem;
		background: #979797;
		position: absolute;
		right: -.05rem;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#primary-menu ul li.divider + li {
		padding-left: 1rem !important;
	}
	#primary-menu ul li.lang-item {
		padding: 0 1rem 0 0;
	}
	#primary-menu ul li.lang-item:last-child {
		padding-right: 1rem !important;
	}
    #primary-menu ul>li:last-child {
        margin: 0;
    }
    #primary-menu ul>li>a {
        display: block;
        padding: 1rem 0;
        width: 100%;
        height: 100%;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 400;
        line-height: 2.1rem;
        font-size: 1.4rem;
		color: #000;
    }
	#primary-menu ul li.lang-item.current-lang > a {
		color: #979797;
	}
    .no-touch #primary-menu ul>li:hover>a,
    .touch #primary-menu ul>li.hasbeentouched>a {
    }
    #primary-menu ul>li>ul.sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        background: #62c5d3;
        color: #fff;
        width: 100%;
        height: 0;
        max-height: 0;
        overflow: hidden
    }
    .no-touch #primary-menu ul>li:hover>ul.sub-menu,
    .touch #primary-menu ul>li.hasbeentouched>ul.sub-menu {
        -webkit-transition: max-height 1s ease-out;
        -moz-transition: max-height 1s ease-out;
        -ms-transition: max-height 1s ease-out;
        transition: max-height 1s ease-out;
        height: auto;
        max-height: 50rem
    }
    .no-touch #primary-menu ul>li:hover>ul.sub-menu li:last-child,
    .touch #primary-menu ul>li.hasbeentouched>ul.sub-menu li:last-child {
        padding-bottom: 3rem
    }
    #primary-menu ul>li>ul.sub-menu li {
        float: none;
        padding: 0 1rem;
        width: 100%;
        height: auto
    }
    #primary-menu ul>li>ul.sub-menu li a {
        background: #62c5d3;
        border-bottom: 0.1rem solid rgba(255, 255, 255, 0.55);
        color: #fff;
        padding: .7rem 0;
        height: auto;
        text-align: center;
        text-transform: none;
        line-height: 1.6rem;
        font-size: 1.2000000000000002rem
    }
    #primary-menu ul>li>ul.sub-menu li:first-child a {
        border-top: 0.1rem solid rgba(255, 255, 255, 0.55)
    }
    .touch #primary-menu ul li.touchonly {
        display: block !important
    }
    .no-touch #primary-menu ul li.touchonly {
        height: .1rem !important;
        overflow: hidden
    }
    .no-touch #primary-menu ul li.touchonly a {
        height: .1rem !important;
        overflow: hidden
    }
    #search-toggle {
        display: none
    }
    .col-search {
        position: static;
        background: transparent;
        height: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
    .search-results #header .col-search {
        visibility: hidden
    }
    .the_search_form {
        position: relative;
        top: 3.3rem;
        left: -3rem;
        width: calc(100% + 3rem);
        height: 2.8rem
    }
    .the_search_form input[type="text"] {
        background: transparent;
        padding: 0 1.5rem 0 0;
        width: calc(100% - 2.8rem);
        height: 2.8rem;
        line-height: 1.8rem;
        font-size: 1.4000000000000001rem
    }
    .the_search_form input[type="text"]::-webkit-input-placeholder {
        opacity: 1;
        color: #444;
        text-align: right;
        -webkit-transition: opacity .2s .2s;
        -moz-transition: opacity .2s .2s;
        -ms-transition: opacity .2s .2s;
        transition: opacity .2s .2s
    }
    .the_search_form input[type="text"]:-moz-placeholder {
        opacity: 1;
        color: #444;
        text-align: right;
        -webkit-transition: opacity .2s .2s;
        -moz-transition: opacity .2s .2s;
        -ms-transition: opacity .2s .2s;
        transition: opacity .2s .2s
    }
    .the_search_form input[type="text"]:focus::-webkit-input-placeholder {
        opacity: 0
    }
    .the_search_form input[type="text"]:focus:-moz-placeholder {
        opacity: 0
    }
    .the_search_form input[type="text"]+.border {
        display: block;
        position: absolute;
        bottom: -0.6rem;
        left: 0;
        background: #444;
        width: 100%;
        height: .2rem;
        overflow: hidden;
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: -webkit-transform .2s ease-out .1s;
        -moz-transition: -moz-transform .2s ease-out .1s;
        -ms-transition: -ms-transform .2s ease-out .1s;
        transition: transform .2s ease-out .1s
    }
    .the_search_form input[type="text"]:focus+.border,
    .the_search_form input[type="text"].focused+.border {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }
    .the_search_form button {
        position: absolute;
        top: 0;
        right: 0;
        background-color: transparent;
        width: 2.8rem;
        height: 2.8rem
    }
    .the_search_form button .icon {
        display: inline-block
    }
	.the_search_form button .icon::before {
		font-size: 2.8rem;
		position: absolute;
		top: 50%;
		left: 50%;
		color: #444;
		-webkit-transform: translate(-50%,-50%);
		   -moz-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
	}
    .the_search_form button .btn_label {
        display: none
    }
    .apost_list {
    }
    .apost_list .col-post {
    }
    .apost_list .col-post .apost .apost_link {
    }
    .apost_list .col-post .apost .apost_content {
    }
    .apost_list .col-post .apost .apost_content .the_excerpt {
		height: 7.2rem;
		font-size: 1.4rem;
		line-height: 2.4rem;
    }
	#news-archive .apost_list .col-post:first-child .apost .apost_meta ul li,
	#news-archive .apost_list .col-post:first-child .apost .apost_content .the_excerpt,
	#news-archive .apost_list .col-post:first-child .apost .apost_foot .read_more_link {
		font-size: 2.1rem;
		line-height: 2.8rem;
		height: auto;
    }
	#news-archive .apost_list .col-post:first-child .apost .apost_foot {
		padding-top: 2rem;
	}
    .apost_list .col-post .apost .apost_content .the_title {
		font-size: 2rem;
   		line-height: 2.4rem;
    }
	#news-archive .apost_list .col-post:first-child .apost .apost_content .the_title {
		font-size: 4.5rem;
   		line-height: 6.1rem;
		height: auto;
    }

    .abreadcrumb .the_breadcrumbs {
    }
	.anarticle .format_and_date {
		padding: 0 0 1.8rem;
	}
	.anarticle .format_and_date .atag {
		margin: 0 1.5rem 0 0;
	}
	.anarticle .format_and_date .atag .h6 {
		padding: .4rem .9rem .3rem;
		font-size: 1.2rem;
		line-height: 2rem;
	}
    .anarticle .the_date {
        line-height: 2.7rem;
        font-size: 1.4rem
    }
	.anarticle .format_and_date .the_date {
		display: inline-block;
		vertical-align: top;
	}
    .anarticle .intro_hr {
        margin: 3.6rem 0 1.6rem
    }
    .single .sidebar-primary,
    .page-template-default .sidebar-primary {
        border: none;
        padding-top: 4.5rem
    }
	.anarticle .article_featured-image_holder {
		margin: 0 0 2.4rem;	
	}
	.anarticle .article_featured-image_holder .article_featured-image_img {
		
	}
	.anarticle .meta_and_social {
        padding: 1rem 0
    }
    .anarticle .meta_and_social .the_meta {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 50%;
        margin: 0
    }
	.anarticle .meta_and_social .the_meta strong {
		width: 6rem;
	}
    .anarticle .article_elements {
        padding: 2.4rem 0 0
    }
    .embedded_video {
        margin: 0 0 2.5rem
    }
}

@media (min-width: 992px) {
    body {
		/*
        line-height: 3.5rem;
        font-size: 2.4rem;
		*/
		line-height: 3.15rem;
        font-size: 2.15rem;
    }
    h1,
    .h1 {
		/*
        line-height: 5.5rem;
        font-size: 4.5rem;
		*/
		line-height: 4.95rem;
        font-size: 4.05rem;
    }
    h2,
    .h2 {
		/*
        line-height: 3.6rem;
        font-size: 2.1rem;
		*/
		line-height: 3.25rem;
        font-size: 1.9rem;
		padding-bottom: 1.575rem;
    }
	h2.alternate,
	.h2.alternate {
		font-size: 4.5rem;
		line-height: 6.1rem;
		padding-bottom: 3.375rem;
	}
    h3,
    .h3 {
		/*
        line-height: 5rem;
        font-size: 4rem;
		*/
		line-height: 4.5rem;
        font-size: 3.6rem;
		padding-bottom: 3rem;
    }
    h3.alternate,
    .h3.alternate {
		/*
		font-size: 4rem;
   		line-height: 5rem;
		*/
		line-height: 4.5rem;
        font-size: 3.6rem;
		padding-bottom: 3rem;
    }
    h4,
    .h4 {
		/*
        line-height: 4.6rem;
        font-size: 3.4rem;
		*/
		line-height: 4.15rem;
        font-size: 3.05rem;
		padding-bottom: 2.55rem;
    }
    h5,
    .h5 {
		/*
		line-height: 3.5rem;
		font-size: 2.4rem;
		*/
		line-height: 3.15rem;
		font-size: 2.15rem;
		padding-bottom: 1.8rem;
    }
    h6,
    .h6 {
		/*
        line-height: 2.6rem;
        font-size: 1.8rem;
		*/
		line-height: 2.35rem;
        font-size: 1.6rem;
		padding-bottom: 1.35rem;
    }
    h6.alternate,
    .h6.alternate {
        line-height: 2rem;
        font-size: 1.2rem;
		padding-bottom: 0.9rem;
    }
    p {
        padding: 0 0 3.5rem
    }
    hr,
    p+hr {
        margin: 0 0 2.5rem;
        height: .4rem
    }
    figcaption,
    .acaption {
        padding: 1.3rem 0 0;
        line-height: 2rem;
        font-size: 1.4000000000000001rem
    }
    blockquote,
    q {
        padding: 0 0 3.2rem 5rem;
        max-width: 85%;
        line-height: 3.9000000000000004rem;
        font-size: 2.6rem
    }
    blockquote p:first-letter {
        line-height: 3.9000000000000004rem !important;
        font-size: 2.6rem !important
    }
    blockquote:before,
    q:before {
        top: -1rem;
        left: .1rem;
        line-height: 9.600000000000001rem;
        font-size: 9.600000000000001rem
    }
	#header .container-header_wrapper {
        height: 10rem;
    }
	#header .logo {
        max-width: 8.1rem;
		left: 2rem;
    }
	#wrap-it-all[data-page_subnav="0"] #header {
		position: fixed;
		top: 0;
		left: 0;
		-webkit-transition: -webkit-transform .35s ease 0s;
		-moz-transition: -moz-transform .35s ease 0s;
		-ms-transition: -ms-transform .35s ease 0s;
		-o-transition: -o-transform .35s ease 0s;
		transition: transform .35s ease 0s;
	}
	#wrap-it-all[data-page_subnav="0"] #header.scrollUp {
		-webkit-transform: translateY(-19.6rem);
		-moz-transform: translateY(-19.6rem);
		-ms-transform: translateY(-19.6rem);
		-o-transform: translateY(-19.6rem);
		transform: translateY(-19.6rem);
	}
	#wrap-it-all[data-page_subnav="0"] #canvas {
		padding-top: 15.1rem;
	}
	#primary-menu>ul {
		margin-top: 2.6rem;
	}
	#primary-menu ul li {
		padding: 0 2rem;
    }
	#primary-menu ul li.divider + li {
		padding-left: 2rem !important;
	}
	#primary-menu ul li.lang-item {
		padding: 0 1.2rem 0 0;
	}
	#primary-menu ul li.lang-item:last-child {
		padding-right: 2rem !important;
	}
    #primary-menu ul>li>a {
        font-size: 1.6rem;
    }
    .no-touch #primary-menu ul>li:hover>ul.sub-menu li:last-child {
        padding-bottom: 3rem
    }
    #footer .acolumn a[href^="mailto:"] {
        display: inline;
        white-space: nowrap
    }
}
@media (min-width: 1200px) {
	h1,
	.h1 {
		/*
		line-height: 6.5rem;
        font-size: 5.5rem;
		*/
		line-height: 5.85rem;
        font-size: 4.95rem;
	}
	h5,
	.h5 {
		/*
		line-height: 3.2rem;
		font-size: 2.6rem;
		*/
		line-height: 2.9rem;
		font-size: 2.35rem;
	}
	
	/**/
	#primary-menu ul li {
		padding: 0 1.5rem;
	}
	#primary-menu ul li.divider + li {
		padding-left: 1.5rem !important;
	}
	#primary-menu ul li.lang-item:last-child {
		padding-right: 1.5rem !important;
	}
}
@media (min-width: 1500px) {
	/**/
	#primary-menu ul li {
		padding: 0 2.8rem;
	}
	#primary-menu ul li.divider + li {
		padding-left: 2.8rem !important;
	}
	#primary-menu ul li.lang-item:last-child {
		padding-right: 2.8rem !important;
	}
}

/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}









/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: rgba(255,255,255,.50); }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: rgba(255,255,255,1); }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }










/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }










/*************** SCROLLBAR MAC OS X ***************/

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }










/*************** SCROLLBAR LIGHT ***************/

.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);

    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }










/*************** SCROLLBAR RAIL ***************/

.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #d0b9a0;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */

.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }










/*************** SCROLLBAR DYNAMIC ***************/

.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: 0.3;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;

    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #6c6e71;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;

    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;

    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


/* hover & drag */

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 20px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/

.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-chrome > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_outer {}

.scrollbar-chrome > .scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; }
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top:  -16px; margin-top:  16px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }