@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/* All elements/classes that should have "site width" and being centered */
.site-width,
.RadMenu_Artologik_Top .rmRootGroup,
.RadMenu_Artologik_SingleTop .rmRootGroup,
.RadMenu_Artologik_Sub .rmRootGroup,
#site-body.start > .siteCSS,
#site-body.start .cnp > .siteCSS,
#site-body.start .cnpBtm2Col,
#site-body #s3slider,
#site-body #s3sliderContent,
.nav-toggler {
	width: 100%;
    max-width: 984px;
}
/* Override the above values for Specific classes/connected pages */
#site-body.start .cnpBtm2Col > .siteCSS {
    width: 48%; 
}
/* Special case for ".siteCSS.theme21" -> "Artologik - Full browser width" */
.browser-width,
#site-body .cnp > .siteCSS.theme21 {
    max-width: none; /* Reset ".site-width" */
    width: 100%; /* Reset ".site-width" */
}
/* Helper classes */
.gu-right { float:right; }

/*
* Grid
*/
.grid:before,
.grid:after {
	content: " ";
	display: table;
}
.grid:after {
	clear: both;
}
.grid {
	list-style: none;
	margin-bottom: 0;
	margin-left: -2.4em; /* -2.4em / -3.2% */
	*zoom: 1;
}
.grid > .grid {
	margin-left: 0;
}
.grid-unit {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding-left: 2.4em; /* 2.4em / 3.2% */
}
.gu-right { 
    float:right;
}
.grid-unit > .wrapper{
	margin-bottom: 2em;
}
.w-20-4{ width:  20.4%; }
.w-25  { width:  25%; }
.w-33  { width:  33.33333%; }
.w-30  { width:  30%; }
.w-40  { width:  40%; }
.w-48-6{ width:  48.6%; } /* E.g. "artologik-start-h2-2col-plugins.htm" */
.w-50  { width:  50%; }
.w-60  { width:  60%; }
.w-70  { width:  70%; }
.w-79-6{ width:  79.6%; } /* E.g. "artologik-start-h2-txt-img-dyn-width.htm" */
.w-100 { width: 100%; }
/* Grid - Input */
.grid.grid-input {
    margin-left: -3px;
}
.grid-input .grid-unit {
    padding-left: 3px;
}

/* - STICKY HEADER */
/* - Only use transitions on desktop devices since some mobile devices are just to slow to render the transitions... */
.isDesktop .stuck-transition #header-product-name > a,
.isDesktop .stuck-transition #site-header-img,
.isDesktop .stuck-transition #site-header-img img,
.isDesktop .stuck-transition .language-selection.ddl,
.isDesktop .stuck-transition #go-to-top,
.isDesktop.artologik .stuck-transition .site-header-bg-link,
.isDesktop.artologik .stuck-transition #site-header-logo,
.isDesktop.artisan .stuck-transition .language-selection {
    transition-duration: 0.6s;
    transition-timing-function: ease;
}
.isDesktop .stuck-transition #go-to-top,
.isDesktop .stuck-transition #site-header-img,
.isDesktop.artologik .stuck-transition .site-header-bg-link,
.isDesktop.artisan .stuck-transition .language-selection    { transition-property: opacity; }
.isDesktop .stuck-transition #site-header-img img,
.isDesktop.artisan .is-stuck #site-header-logo              { transition-property: width; }
.isDesktop .stuck-transition .language-selection.ddl,
.isDesktop.artisan .stuck-transition #site-header-img          { transition-property: padding-top; }
.isDesktop.artologik .stuck-transition #site-header-logo       { transition-property: top; }
.isDesktop .stuck-transition #header-product-name > a          { transition-property: font-size; }


.sticky-wrp { background-color:#fff; }

.sticky-wrp #site-top { /* Make sure to set "position:fixed" as soon as js-script puts the header inside "wrapper" otherwhise the scroll-transition will jump/flicker in IE */
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:2000;
}

#site-top.is-stuck {
    box-shadow: 0 1px 1px rgba(50,50,50,0.3);
}

/* - Product Navigation & Language */
.is-stuck #site-header-tools {
    border-bottom:none;
}
.is-stuck .product-selection.nav.horizontal,
.is-stuck #site-header:before {
    display:none;
}
.arto .is-stuck .language-selection.ddl {
    padding-top:1.5em;
}
.is-stuck .custom-select select {
    font-size:14px;
}
.is-stuck .custom-select .fake-select:before {
    display:none;
}
.is-stuck .custom-select .fake-select > span > span:after {
    color:#8a8b8e;
    font-size: 16px;
    background-color:transparent !important;
}
/* - Product Name -  OBS! Same as in @media max-width:780 */
.is-stuck #header-product-name > a { 
    font-size:42px;
    margin-top: -0.55em;
    top:50% !important;
    z-index:11; /* Above #site-header-tools */
}
.is-stuck #header-product-name > a > em {
    display:none;
}
/* - Header Image */
.arto .not-stuck #site-header-img img {
    width:581px;
}
.is-stuck #site-header-img img {
    width: 207px !important;
}
.is-stuck #site-header-img {
    opacity:0;
}
/* - Artologik Header with Icons and Logo */
.arto.artologik .is-stuck .site-header-bg-link {
    display:none;
}
.arto.artologik .is-stuck.stuck-transition .site-header-bg-link {
    opacity:0;
    display:block;
}
.arto.artologik.isMobile .is-stuck .site-header-bg-link {
    display:none;
}
.arto.artologik .is-stuck #site-header-logo {
    right:auto;
    left:0;
    top:14.777778%;
    width:160px;
    height:46px;
    background-position:0px -301px;
    z-index:11; /* Above #site-header-tools */
}

@media only screen and (min-width: 766px) { /* From width X and above/wider */
    /* New Artologik SingleTop Navigation */
    .RadMenu.RadMenu_Artologik_SingleTop .rmItem > .rmLink > .rmBtnTgl,
    .RadMenu_Artologik_SingleTop .rmSlide,
    .arto .nav-toggler-wrp-st:before {
        display: none !important;
    }
    
    .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink.rmFocused,
    .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink.rmFocused:hover {
        background-color: #fff !important;
    }
}

@media only screen and (min-width: 561px) { /* From width X and above/wider */
    .st-shortcuts.ct-shortcuts ul.nav.nav-2 > li > span > [class^="fi-"] {
        left: 1.39em;
    }
    /* Extra icon to be used on the "artologik-c-2col-Ico-puff.htm"-pages (EZbooking as Core Facility Managament) */
    .st-shortcuts ul.nav > li > span > .fi-masterpages-dollar,
    .st-shortcuts.ct-shortcuts ul.nav > li > span > .fi-masterpages-dollar {
        left: 1.2em !important;
    }
    /* ARTISAN - StickyHeader */
    .artisan .is-stuck a#home-link {
        padding: 1.5% 1.5% 1.5% 0;
    }
}

@media only screen and (min-width: 641px) { /* From "MEDIUM-SMALL"(640px) and above/wider */
    .artisan .nav-toggler-wrp-st:before,
    .astrakan .nav-toggler-wrp-st:before,
    .RadMenu.RadRespMenuTop .rmHorizontal > .rmItem > .rmSlide,
    .RadMenu.RadRespMenuTop .rmItem > .rmLink > .rmBtnTgl {
        display: none;
    }
/* 
* START - "artologik-start-h2-txt-img-dyn-width.htm" 
*/
    .st-2col-txt-img-dyn-width .left-cell {
        padding-right:2.4em;
    }
    /* ISO-27001 */
    .st-2col-txt-img-dyn-width.iso-27001 .right-cell > a > img,
    .st-2col-txt-img-dyn-width.iso-27001 .right-cell > img {
        width:150px;
    }
}

@media only screen and (min-width: 405px) { /* From width X and above/wider */
    .astrakan .is-stuck #site-header {
        background-size: cover;
    }
    .astrakan .is-stuck #site-header-inner {
        background-size: contain;
    }
}

@media only screen and (max-width: 1020px) {
    #site-header-inner {
        padding-right: 9px;
    }
    .arto .is-stuck .language-selection.ddl {
        padding-right: 6px;
    }
    .arto.artologik #site-header-logo {
        right:9px;
    }
    .arto.artologik .is-stuck #site-header-logo {
        left:1.1em; /* Content padding 1.3em */
    }
    /* ARTISAN */
    .artisan .language-selection.ddl,
    .artisan .language-selection.nav.horizontal {
        right:19px;
    }
    .artisan #site-header-img {
        padding-top: 14px;
        padding-left: 540px;
        padding-right: 9px;
    }
/* 
* RadMenu - Horizontal TOP-MAIN navigation
*/
    .RadMenu_Artologik_Top .rmItem.rmFirst {
        border-left: none;
    }
    .RadMenu_Artologik_SingleTop .rmRootGroup {
        padding-left: 12px;
        padding-right: 12px;
    }
    .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink      { padding-left: 1.45em; padding-right: 1.45em; } /* "SingleTop" limit #1 */
    .de .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink, 
    .es .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink  { padding-left: 1.0em; padding-right: 1.0em; } 
    .artologik .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink,      
    .artologik.de .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink, 
    .artologik.es .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink    { padding-left: 1.5em; padding-right: 1.5em; } /* Same as default value in MasterPages.css */
    #header-product-name > a {
        left: 12px;
    }
/* 
* Content
*/
    #site-body.start > .siteCSS,
    #site-body.start .cnp > .siteCSS,
    #site-body.start .cnpBtm2Col,
    #site-body #s3slider,
    .ct-try-site .site-width,
    #site-footer-inner.site-width,
    #site-content.site-width,
    #site-body #s3slider {
	    padding-left: 1.3em;
        padding-right: 1.3em;
        /* Change value responsive navigation and nav-toggler-st, if above values are changed */
    }
    #site-body.start .cnpBtm2Col > .siteCSS {
        margin-top:2em;
    }
	#site-body.start .cnpBtm2Col > .siteCSS:first-child {
        margin-top:0;
    }
    #site-body.start .cnpBtm2Col .siteCSS,
    #site-body.start .cnp > .siteCSS.theme21 {
        padding-left: 0;
        padding-right: 0;
        width:100%;
        float:none !important;
    }
    #site-body.start .cnp > .siteCSS.theme21 .browser-width > *:first-child {
        padding-left: 20px;
        padding-right: 20px;
    }
    #breadcrumb {
        margin-left: 0.8em;
    }
    ul.NavGroupLevel1 {
        padding-left: 0;
    }
    ul.NavGroupLevel1 > li > a {
        padding-left: 0.8em;
    }
    /* Intro Image Rotators for Artologik(.s3sliderImage) and products(.nbt-i-25-1) */
    .s3sliderImage a img {
        width: 100%;
    }
    .nbt-i-25-1 .IR_container {
        min-height: 0 !important;
    }
}

@media only screen and (max-width: 950px) { /* Header Tools - Left Faded border above image */
    .product-selection.nav.horizontal > li:last-child:after {
        width: 150px;
    }
}

@media only screen and (max-width: 930px) { /* SingleTopNav - Product Nav Items, "SingleTop" limit #2 */
    .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink      { padding-left: 1.19em; padding-right: 1.19em; }
    .de .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink,
    .es .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink  { padding-left: 0.75em; padding-right: 0.75em; }
    /* ARTISAN */
    .artisan #site-header-img {
        padding-left: 500px;
    }
}
@media only screen and (max-width: 880px) { /* SingleTopNav - Product Nav Items, "SingleTop" limit #3 && Header-Image goes BELOW Header-Tools*/
    /* Header */
    .arto #site-header-inner {
        padding-right:0;
    }
    .arto #site-header-tools            { border-bottom-width: 1px;}
    .product-selection.nav.horizontal   { border-bottom:none; }
    
    .product-selection.nav.horizontal > li:last-child:after,
    .arto .custom-select .fake-select:before {
        display:none;
    }
    /* - Language Ddl */
    .not-stuck .custom-select .fake-select span span {
        font-weight: normal;
        border-left: solid 1px #dadada;
        padding-left: 8px;
    }
    .arto    .custom-select select { width:82px; }
    .arto.fr .custom-select select { width:88px; }
    .arto.de .custom-select select { width:84px; }
    .arto.es .custom-select select { width:85px; }
    .arto.se .custom-select select { width:87px; }
    /* - Product Name, Image & Fade */
    #header-product-name > a { font-size:48px; }
    .arto #site-header-img-fade { top:31px; }
    .arto .not-stuck #site-header-img { padding-top: 31px; } /* Make room for product navigation and language ddl */

    /* SingleTopNav */
    .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink      { padding-left: 1.09em; padding-right: 1.09em; }
    .de .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink,
    .es .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink { padding-left: 0.64em; padding-right: 0.64em; }
    .artologik .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink,      
    .artologik.de .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink, 
    .artologik.es .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink    { padding-left: 1.4em; padding-right: 1.4em; }

    /* ARTISAN */
    .artisan #site-header-img {
        padding-top: 16px;
        padding-left: 470px;
    }
}

@media only screen and (max-width: 860px) { /* SingleTopNav - Product Nav Items, "SingleTop" limit #4 */
    .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink .rmText,
    ul.NavGroupLevel1 > li > a {
        font-size: 1.083333em; /* 75% -> 13px */
    }
    ul.NavGroupLevel2 > li > a {
        padding-left:2em;
    }
    .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink      { padding-left: 1.2em; padding-right: 1.2em; }
    .de .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink,
    .es .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink { padding-left: 0.87em; padding-right: 0.87em; }
    /* ARTISAN */
    .artisan #site-header-img {
        padding-left: 450px;
    }
}
@media only screen and (max-width: 830px) { /* SingleTopNav - Product Nav Items, "SingleTop" limit #5 */
    .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink      { padding-left: 1.0em; padding-right: 1.0em; }
    .de .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink,
    .es .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink { padding-left: 0.65em; padding-right: 0.65em; }
    .artologik .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink,      
    .artologik.de .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink, 
    .artologik.es .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink    { padding-left: 1.35em; padding-right: 1.35em; }
}

@media only screen and (max-width: 808px) {
    .arto #site-header-img {
        padding-left: 43.037974%; /* This results in image "min-width:450px" when screen width is 808px (--> "min-width" + "width" creates jerky transition for sticky header) */
    }
}


@media only screen and (max-width: 800px) { /* MEDIUM (.m-w-##) */
/* HEADER */
    /* - Product Name, Image & Fade */
    #header-product-name > a { font-size:45px; }
    .arto.artologik #site-header-logo { width:280px; height:80px; background-position:0 -86px; }

    /* ARTISAN */
    .artisan #site-header-img {
        padding-left: 410px;
        padding-right: 2%;
    }
    #site-body.start .cnpBottom > .siteCSS {
        margin-top: 2.5em;
    }
    #site-body.start .cnpBottom > .siteCSS:first-child {
        margin-top: 1em;
    }
/*
* Content / Body : Content specific
*/
    .astrakan #breadcrumb,
    .artisan #breadcrumb {
        margin-left: 0;
    }
    .astrakan #site-body.content,
    .artisan #site-body.content,
    .astrakan .NavNodeContainer,
    .artisan .NavNodeContainer,
    .astrakan #sidebar ,
    .artisan #sidebar {
        float: none;
        width: 100%;
    }
    .astrakan .NavNodeContainer,
    .artisan .NavNodeContainer {
        margin-top: 1.2em;
        margin-bottom: 0.8em;
    }
/*
* Footer template("artologik-footer.htm")
*/
    .footer-template .footer-navigation,
    .footer-template .search-and-about {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    .footer-template .footer-section.sec-3 {
        float: right;
        width: 37%;
    }
    .footer-template .footer-section.sec-3 > h2 {
        text-align: right;
    }
    body:not(.artologik) .footer-template .footer-section.sec-4 > h2 {
        text-align: left;
    }
    .footer-template .footer-section.sec-4 ul.nav {
        padding-left: 0.1em;
        padding-right: 0.1em;
    }
    .footer-template .footer-section.sec-4 ul.nav > li,
    .footer-template .footer-section.sec-4 ul.nav > li.first,
    .footer-template .footer-section.sec-4 ul.nav > li.last {
        float: left;
        margin: 0.1em 1.3em 1.4em 0; 
    }
    .footer-template .footer-section.sec-4 ul.nav > li.last {
        float: right;
        margin-bottom: 0.3em;
        margin-right: 0em;
    }
    .footer-template .footer-section.sec-4 .search-form > p {
        font-size: 15px;
    }
    .footer-template .footer-section.sec-4 .search-form input#search {
        width: 92%;
    }
    .footer-template .footer-section.sec-4 .search-form input#search-btn {
        width: 6%;
        background-position: 70% 30%;
    }
    .footer-template .footer-section.sec-4 .search-form input#search,
    .footer-template .footer-section.sec-4 .search-form input#search-btn {
        padding-top: 0.2em;
        padding-bottom: 0.2em;
    }
/*
* START - Introduction template("artologik-start-intro.htm")
*/
    .start-intro .sec-2 {
        background-position: 0% 100%;
    }
    #site-body .start-intro .sec-2 figure img {
        width: 60%;
    }
    /* Artologik & ARTISAN */
    .artologik #site-body .start-intro .sec-2 figure img,
    .artisan #site-body .start-intro .sec-2 figure img {
        width: auto;
    }
    /* ASTRAKAN */
    .astrakan #site-body .start-intro .sec-2 figure img {
        width: 50%;
        max-width: 113px; /* Original width */
    }
/*
* START - "Get try site"-template("artologik-start-try-site.htm") & CONTENT - "Extra Footer Get try site"-template("artologik-c-try-site.htm")
*/
    .t-try-site .mouse-pointer-3d {
        left: 43%;
    }
/*
* START - Contact us template("artologik-start-contact.htm")
*/
    .st-contact .st-sec {
        float: none;
        width: 100%;
    }
    .st-contact .st-sec h3 {
        padding: 0.7em 0 0.7em 3.6em;
    }
    .st-contact .st-sec p br {
        line-height: 1.7em;
    }
    .st-contact .st-sec > div {
        height: auto;
        overflow: hidden;
    }
    .st-contact .sec-1 > div{
        margin-right: 0;
        margin-bottom: 1em;
    }
    .st-contact .sec-2 > div{
        margin-left: 0;
    }
    .st-contact .sec-2 .contact-1,
    .st-contact .sec-2 .contact-2 {
        float: left;
        width: 48%;
        padding-bottom: 1.1em;
    }
    .st-contact .sec-2 .contact-2 {
        float: right;
    }
/*
* START - Shortcuts template("artologik-start-shortcuts.htm")
*/
    .st-shortcuts:not(.plugin-shortcuts):not(.ct-shortcuts) ul.nav {
        width: 100%;
    }
    
    .st-shortcuts ul.nav > li {
        margin-top: 6px;
        margin-bottom: 6px;
    }
    .st-shortcuts ul.nav.nav-1 > li > span {
        padding-right: 0;
    }
    .st-shortcuts ul.nav.nav-2 > li > span {
        padding-left: 0;
    }
    .st-shortcuts ul.nav > li > span > a:link,
    .st-shortcuts ul.nav > li > span > a:visited,
    .st-shortcuts ul.nav > li > span > a:hover,
    .st-shortcuts ul.nav > li > span > a:active {
        padding-top: 0.56em;
        padding-bottom: 0.5em;
    }
/*
* START - "Five fast facts"-template("artologik-start-five-fast-facts.htm") & "Our products"-template("artologik-start-products.htm")
*/  
    .st-fff .sec-1,
    .st-fff.st-products .sec-1 {
        width: 100%;
    }
    .st-fff .sec-2,
    .st-fff .sec-3,
    .st-fff .sec-4,
    .st-fff .sec-5,
    .st-products .st-sec {
        width: 48.170731%;
    }
    .st-fff .sec-2,
    .st-fff .sec-4,
    .st-products .sec-3,
    .st-products .sec-5 {
        float: left;
        clear: left;
        margin-left: 0; 
        margin-right: 0; 
    }
    .st-fff .sec-3,
    .st-fff .sec-5,
    .st-products .sec-2,
    .st-products .sec-4,
    .st-fff.st-products .sec-3,
    .st-fff.st-products .sec-5
     { 
        float: right;
        clear: none;
        margin-right: 0;
    }
    .st-fff.st-products .sec-2,
    .st-fff.st-products .sec-4 {
        float: left;
        clear: left;
        margin-left: 0; 
        margin-right: 0; 
    }

    .st-fff .sec-1,
    .st-fff.st-products .sec-1,
    .st-fff .sec-2,
    .st-fff.st-products .sec-2,
    .st-fff .sec-3,
    .st-fff.st-products .sec-3 {
        margin-bottom: 2.1em;
    }
    .st-fff > .h2,
    .st-products > .h2 {
        margin-bottom: 0.4em;
    }
/*
* START - Single citation, to be used inside a rotating connected pages location on the landing page ("artologik-start-citation.htm")
*/
    .cc-citation {
        left:0;
    }
/*
* CONTENT - "Extra Footer Get try site"-template("artologik-c-try-site.htm")
*/
    .t-try-site .ct-sec.sec-1,
    .t-try-site .ct-sec.sec-2,
    .ct-try-site.ct-try-site-compact .t-try-site .ct-sec.sec-1,
    .ct-try-site.ct-try-site-compact .t-try-site .ct-sec.sec-2 {
        float: none;
        width: 100%;
    }
    .ct-try-site:not(.ct-try-site-compact) .t-try-site > .pr-v-split {
        background-image: none;
    }
    .ct-try-site .ct-sec.sec-1 {
        padding-bottom: 0.6em;
        padding-top: 0;
    }
    .ct-try-site .t-try-site ul.nav {
        clear: both;
        overflow: hidden;
        padding: 0;
    }
    .ct-try-site .t-try-site ul.nav > li {
        float: left;
        width: 33%;
        box-sizing: border-box;
        -moz-box-sizing:border-box;
    }
    /* - Compact Extra Footer */
    .ct-try-site.ct-try-site-compact .t-try-site > .pr-v-split {
        background-image: none;
    }
    .ct-try-site.ct-try-site-compact .t-try-site .ct-sec.sec-2 {
        margin-top:0.2em;
        padding-top:0;
    }
    .helpdesk           .ct-try-site.ct-try-site-compact .t-try-site .ct-sec.sec-2 { background-image: url('../../documents/artologik/images/h-split-HD.png'); }
    .surveyandreport    .ct-try-site.ct-try-site-compact .t-try-site .ct-sec.sec-2 { background-image: url('../../documents/artologik/images/h-split-SR.png'); }
    .ezbooking          .ct-try-site.ct-try-site-compact .t-try-site .ct-sec.sec-2 { background-image: url('../../documents/artologik/images/h-split-EZ.png'); }
    .projectmanager     .ct-try-site.ct-try-site-compact .t-try-site .ct-sec.sec-2 { background-image: url('../../documents/artologik/images/h-split-PM.png'); }
    .time               .ct-try-site.ct-try-site-compact .t-try-site .ct-sec.sec-2 { background-image: url('../../documents/artologik/images/h-split-TIME.png'); }
    .webpublish         .ct-try-site.ct-try-site-compact .t-try-site .ct-sec.sec-2 { background-image: url('../../documents/artologik/images/h-split-WP.png'); }
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav {
        padding:1.1em 0 0.3em;
        margin-top:0;
        position:relative;
    }
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-videos,
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-prices,
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-screens,
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-about,
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-docs,
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-mail             { width: auto; }

    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-screens,
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-about {
        position:absolute;
        width:33%;
        left:50%;
        margin-left:-10%;
    }
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-docs,
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-mail { float: right; }
    /* - Language specific */
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-screens > a  { padding-right:2.8em; }
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-mail > a     { padding-right:0.15em; }
    /* Form - Get try site -> BANNER, inside bottom cnp */
    .ct-try-site .sec-1 ul > li.try-site-banner {
        top:0;
    }
    .ct-try-site .sec-1 li.try-site-banner > p.try-site-banner {
        -webkit-transform: rotate(354deg);
            -ms-transform: rotate(354deg); 
                transform: rotate(354deg);
    }
/*
* PriceListTable
*/
    .plWrp {
        margin-left: 0; /*Left column is no longer used*/
    }
/*
* OrderForm - Css original from ArtologikCustom.Application (OrderTestSiteForm)
*/
    table.submForm {
        width: 100%;
    }
/*
* Grid
*/
    .m-w-50  { width:  50%; }
    .m-w-100 { width: 100%; }
}

@media only screen and (max-width: 790px) { /* SingleTopNav - Product Nav Items, "SingleTop" limit #6 */
    .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink      { padding-left: 0.87em; padding-right: 0.87em; }
    .de .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink,
    .es .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink  { padding-left: 0.52em; padding-right: 0.52em; }
    .artologik .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink,      
    .artologik.de .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink, 
    .artologik.es .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink    { padding-left: 1.2em; padding-right: 1.2em; }
}

/* ##### The section below is NOT part of the "default responsive steps" ##### */
@media only screen and (max-width: 780px) { /* 780px : MEDIUM -> 780 <- 640 - SMALL */
    /* HEADER */    
    .not-stuck #site-header-inner {
        height: auto !important;
        min-height: 80px;
    }
    /* - Product Name, Image & Fade */
    #header-product-name > a { font-size:42px; }
    .surveyandreport #header-product-name > a:before {
        text-indent: 4px;
    }
    #header-product-name > a:after { right:-92px; }

    /* ARTISAN */
    .artisan #site-header-img {
        padding-top: 21px;
        padding-left: 58%;
    }
/* 
* Header Home-link : Special case for Artologik pages
*/
    .site-header-bg-link.n1,   /* HD */
    .site-header-bg-link.n2,   /* SR */
    .site-header-bg-link.n3,   /* EZ */
    .site-header-bg-link.n4,   /* PM */
    .site-header-bg-link.n5,   /* TIME */
    .site-header-bg-link.n6 {  /* WP */
        width: 8%;
        min-width: 44px;
    }
    .site-header-bg-link.n1,
    .site-header-bg-link.n2,
    .site-header-bg-link.n3 {
        z-index:2;
        top: 49.835616%;
    }
    .site-header-bg-link.n4,
    .site-header-bg-link.n5,
    .site-header-bg-link.n6 {
        z-index:1;
        top: 29.287671%;
    }
    .site-header-bg-link.n1 { left: 3.4375%; }
    .site-header-bg-link.n2 { left: 16.02564102564103%; }
    .site-header-bg-link.n3 { left: 28.58974358974359%; }
    .site-header-bg-link.n4 { left: 9.74358974358974%; }
    .site-header-bg-link.n5 { left: 22.30769230769231%; }
    .site-header-bg-link.n6 { left: 34.87179487179487%; }
/* - Compact Extra Footer */
    .de .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-screens,
    .de .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-about,
    .es .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-screens,
    .es .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-about {
        margin-left:-15%;
    }
}

@media only screen and (max-width: 765px) { /* RESPONSIVE TOP NAVIGATION VISIBLE */
/* HEADER */
    #header-product-name > a {
        left: 15px;
    }
/* 
* Web_NavigationControl - Left menu styles 
*/
    /* Level 0 - Selected page in Top Sub menu */
    ul.NavGroupLevel0 > li > .h2 {
        display: block;
    }
/*
* Content / Body : Content specific
*/
    #breadcrumb {
        margin-left: 0;
    }
    #site-body.content,
    .NavNodeContainer,
    #sidebar {
        float: none;
        width: 100%;
    }
    .NavNodeContainer {
        margin-top: 1.2em;
        margin-bottom: 0.8em;
    }
/* New Artologik SingleTop Navigation */
    #main-navigation {
        position:relative;
    }
    .RadMenu_Artologik_SingleTop {
        display: none;
        padding: 0;
        z-index: 7000;
        border-bottom-color:#555555 !important;
        overflow:auto; /* js sets max-height when using fixed/sticky top navigation */
    }
    .arto #third-navigation,
    .RadMenu.RadMenu_Artologik_SingleTop:after,
    .RadMenu.RadMenu_Artologik_SingleTop:before {
        display:none;
    }
    .nav-toggler-wrp-st,
    .RadMenu.RadMenu_Artologik_SingleTop .rmHorizontal,
    .RadMenu_Artologik_SingleTop .product-selection.nav.horizontal {
        background:#545454 url(../../Documents/Artologik/Images/Header16/bg-structure-gray.png) repeat 0 0;
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmHorizontal {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        border-bottom:none;
        width: 100%;
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem,
    .RadMenu.RadMenu_Artologik_SingleTop .rmVertical > .rmItem {
        float:none;
        display:block;
        text-align:left;
        width:auto !important;
        padding:0;
    }
    .arto .nav-toggler-st {
        display: block;
        padding-left:1.1em;
        padding-right:1.1em;
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink,
    .RadMenu.RadMenu_Artologik_SingleTop .rmVertical > .rmItem > .rmLink {
        /* Default values and values for level 3 and below */
        font-size:1.166667em; /* 14px */
        padding:13px 1.1em 14px 57px;  /* Same total height as ".nav-toggler-st" */
        border-top: solid 1px #e3e3e3;
        display:block;
        float:none;
        position:relative;
        width:auto !important;
        text-decoration:none;
        -webkit-box-shadow: none !important;
           -moz-box-shadow: none !important;
                box-shadow: none !important;
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmVertical > .rmItem > .rmLink {
        padding-top:14px;
        padding-bottom:14px;
    }
    .RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink.rmFocused:after {
        display:none;
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink > .rmText,
    .RadMenu.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink.rmFocused > .rmText {
        color:#fff;
    }
    /* - Selected item Arrow */
    .RadMenu_Artologik_SingleTop.navExpanded .rmItem > .rmLink:hover:before,
    .RadMenu_Artologik_SingleTop.navExpanded .rmItem > .rmLink.rmCurrent:before,
    .RadMenu_Artologik_SingleTop.navExpanded .rmItem > .rmLink.rmExpanded:before,
    .RadMenu_Artologik_SingleTop.navExpanded .rmItem > .rmLink.rmExpanded:hover:before {
        content: "\e3b5"; /* fi-arrow-right */
        position: absolute;
        left: 8px;
        top: 50%;
        margin-top: -8px;
        font-size: 16px;
        color:#424242;
    }
    .RadMenu_Artologik_SingleTop.navExpanded .rmItem > .rmLink.rmExpanded:before {
        content: "\e3b6"; /* fi-arrow-down */
    }
    /* - Custom RadMenu-button for expadning/collapsing sub items */
    .RadMenu.RadMenu_Artologik_SingleTop .rmItem > .rmLink > .rmBtnTgl{
        display:inline-block;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        width:57px;
        border:none;
        background:transparent none;
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmItem > .rmLink > .rmBtnTgl:hover {
        background-color: rgba(255,255,255,0.33);
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmItem > .rmLink > .rmBtnTgl:after {
        content: "\e903";
        font-size: 16px;
        margin-top: -8px;
        position: absolute;
        right: 19px;
        top: 50%;
        color: rgba(66,66,66,0.75); /* --> 424242 */
        text-align: center;
        font-weight: normal;
        overflow:hidden;
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmItem > .rmLink > .rmBtnTgl:hover:after {
        color: rgba(66,66,66,1);
        border-color:rgba(66,66,66,1);
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmItem > .rmLink.rmExpanded > .rmBtnTgl:after {
        content: "\e904";
    }
    /* - Show if currently selected item is below expanded item */
    .RadMenu_Artologik_SingleTop.navExpanded .rmItem.rmCurrentParent > .rmLink > .rmText:after {
        content: "\e910";
        opacity: 0.4;
        padding-left: 0.6em;
        vertical-align: -2px;
    }
    /* - Top level/menu */
    .RadMenu.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink {
        padding-left:1.1em;
        border-top-color: #a0a0a0;
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink > .rmBtnTgl:hover {
        background-color: rgba(255,255,255,0.15);
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink > .rmBtnTgl:after {
        color: #d0d0d0;
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink.rmFocused > .rmBtnTgl:after,
    .RadMenu.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink.rmExpanded > .rmBtnTgl:after,
    .RadMenu.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink > .rmBtnTgl:hover:after {
        color: #fff;
        border-color:#fff;
    }
    .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink:hover:before,
    .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmCurrent:before,
    .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmExpanded:before {
        left: 0;
        color:#fff;
    }
    /* - DropDown/Sub Menus - ALL */
    .RadMenu.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmSlide,
    .RadMenu.RadMenu_Artologik_SingleTop .rmVertical > .rmItem > .rmSlide,
    .RadMenu.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmSlide > .rmVertical,
    .RadMenu.RadMenu_Artologik_SingleTop .rmVertical > .rmItem > .rmSlide > .rmVertical {
        width:100% !important;
        display:none;
        float:none;
        border:none;
        position:relative !important;
        top:0 !important;
        left:0 !important;
        height:auto !important;
        margin-top:0;
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmRootGroup .rmItem .rmGroup {
        padding-bottom: 0; /* override Telerik */
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmVertical > .rmItem > .rmLink > .rmText {
        color: #424242;
    }
    /* -- Second Level DropDown */
    .RadMenu.RadMenu_Artologik_SingleTop .rmLevel1 > .rmItem > .rmLink {
        padding-left:27px;
        border-color:#fff;
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmSlide .rmSlide {
        margin-top:0;
    }
    /* -- Third Level DropDown, and below! */
    .RadMenu.RadMenu_Artologik_SingleTop .rmLevel2 {
        background-color:#fff;
    }
    .RadMenu.RadMenu_Artologik_SingleTop .rmLevel2 > .rmItem > .rmLink {
        padding-left:39px;
    }

    /* "Double navigation" - Used for ARTISAN & ASTRAKAN */
    .artisan.hasNoSubNav .nav-toggler,
    .astrakan.hasNoSubNav .nav-toggler {
        display: none !important;
    }
    .astrakan .RadMenu_Artologik_Sub .rmHorizontal > .rmItem > .rmLink {
        padding-left: 1.18em;
        padding-right: 1.18em;
    }

/* 
* Top navigation - ARTISAN & ASTRAKAN
*/
    .nav-toggler {
        display: block;
    }
}

@media only screen and (max-width: 740px) { /* Header - Product Name */
    .projectmanager #header-product-name > a,
    .surveyandreport #header-product-name > a { font-size:39px; }
}
@media only screen and (max-width: 715px) { /* Astrakan - Adjustments for English CoursePlan Sub navigation */
    .astrakan .RadMenu_Artologik_Sub .rmHorizontal > .rmItem > .rmLink {
        padding-left: 0.75em;
        padding-right: 0.75em;
    }
    .astrakan .RadMenu_Artologik_Sub .rmLink:hover,
    .astrakan .RadMenu_Artologik_Sub .rmLink.rmFocused,
    .astrakan .RadMenu_Artologik_Sub .rmLink.rmFocused:hover,
    .astrakan .RadMenu_Artologik_Sub .rmLink.rmFocused.leftNavSelected:hover {
        background-position:0.15em 0.95em;
    }
}
@media only screen and (max-width: 710px) { /* Header - Product Name */
    #header-product-name > a { font-size:39px; }
    .projectmanager #header-product-name > a,
    .surveyandreport #header-product-name > a { font-size:36px; }
}
@media only screen and (max-width: 680px) { /* Header - Product Name */
    .projectmanager #header-product-name > a,
    .surveyandreport #header-product-name > a,
    .is-stuck #header-product-name > a,
    .projectmanager .is-stuck #header-product-name > a,
    .surveyandreport .is-stuck #header-product-name > a { font-size:33px; }
}

@media only screen and (max-width: 655px) { /* Header - HIDE Product Image, Compact footer and ASTRAKAN Specific */
/* HEADER */
    /* - Product Name, Image & Fade */
    #header-product-name > a,
    .projectmanager #header-product-name > a,
    .surveyandreport #header-product-name > a { font-size:46px; }
    .arto .not-stuck #site-header-img {
        padding:0;
    }
    #header-product-name > a:after { display:none; }
    .arto #site-header-img img { visibility:hidden; } /* display:none; */
    .surveyandreport #site-header-img > span:after { display:none; } /* Diving girl hands */
/* ASTRAKAN */
    .site-header-bg-link.astrakan                   { width: 12.34375%; left: 2.7%; } /* 79 / 640 */
    .site-header-bg-link.astrakan.cubes-on-ground   { width: 23.59375%; } /* 151 / 640 */
/* - Compact Extra Footer */
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-screens,
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-about {
        margin-left:-15%;
    }
} 

@media only screen and (max-width: 640px) { /* MEDIUM-SMALL (.ms-w-##) : MEDIUM - 780 -> 640 <- SMALL */
    /* ARTISAN */
    .artisan #site-header-img {
        padding-top: 26px;
        padding-left: 59%;
    }
    /* ARTISAN & ASTRAKAN - RESPONSIVE TOP MENU (Same as on Artologik, starts at 765px) */
    .RadMenu.RadRespMenuTop,
    #sub-navigation,
    #third-navigation {
        display:none;
    }
    .astrakan .nav-toggler-st,
    .artisan .nav-toggler-st {
        display: block;
        padding-left:1.1em;
        padding-right:1.1em;
    }
    .RadMenu.RadRespMenuTop {
        background:#545454 url(../../Documents/Artologik/Images/Header16/bg-structure-gray.png) repeat 0 0;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal {
        background:transparent none;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        border-bottom:none;
        width: 100%;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem,
    .RadMenu.RadRespMenuTop.navExpanded .rmVertical > .rmItem {
        float:none;
        display:block;
        text-align:left;
        width:auto !important;
        padding:0;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal .rmItem > .rmLink,
    .RadMenu.RadRespMenuTop.navExpanded .rmVertical .rmItem > .rmLink {
        /* Default values and values for level 3 and below */
        font-size: 0.875rem; /* 14px */
        padding:13px 1.1em 14px 57px;  /* Same total height as ".nav-toggler-st" */
        border-top: solid 1px #e3e3e3;
        border-left:none;
        border-right:none;
        display:block;
        float:none;
        position:relative;
        width:auto !important;
        min-height:0;
        line-height:normal;
        text-decoration:none;
        -webkit-box-shadow: none !important;
           -moz-box-shadow: none !important;
                box-shadow: none !important;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmVertical .rmItem > .rmLink {
        padding-top:14px;
        padding-bottom:14px;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmItem > .rmLink.rmFocused:after {
        display:none;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmSlide .rmItem > .rmLink > .rmText,
    .RadMenu.RadRespMenuTop.navExpanded .rmSlide .rmItem > .rmLink.rmFocused > .rmText {
        font-size:inherit;
        line-height:21px;
    }
    .astrakan .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmLink > .rmText,
    .astrakan .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused > .rmText {
        padding-left:0;
    }
    /* - Artisan Top Level Icons */
    .artisan .RadMenu.RadMenu_Artologik_Top.navExpanded .rmLink:before {
        font-size: 1.3em;
        padding-left:0;
    }
    /* - Selected item Arrow */
    .RadMenu.RadRespMenuTop.navExpanded .rmItem > .rmLink:hover:after,
    .RadMenu.RadRespMenuTop.navExpanded .rmItem > .rmLink.rmCurrent:after,
    .RadMenu.RadRespMenuTop.navExpanded .rmItem > .rmLink.rmExpanded:after,
    .RadMenu.RadRespMenuTop.navExpanded .rmItem > .rmLink.rmExpanded:hover:after {
        content: "\e3b5"; /* fi-arrow-right */
        position: absolute;
        display: inline-block;
        left: 8px;
        top: 50%;
        margin-top: -8px;
        font-size: 16px;
        color: #424242;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmItem > .rmLink.rmExpanded:after {
        content: "\e3b6" !important; /* fi-arrow-down */
    }
    /* - Custom RadMenu-button for expadning/collapsing sub items */
    .RadMenu.RadRespMenuTop.navExpanded .rmItem > .rmLink > .rmBtnTgl{
        display:inline-block;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        width:57px;
        border:none;
        background:transparent none;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmItem > .rmLink > .rmBtnTgl:hover {
        background-color: rgba(255,255,255,0.33);
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmItem > .rmLink > .rmBtnTgl:after {
        content: "\e903";
        font-size: 16px;
        margin-top: -8px;
        position: absolute;
        right: 19px;
        top: 50%;
        color: rgba(66,66,66,0.75); /* --> 424242 */
        text-align: center;
        font-weight: normal;
        overflow:hidden;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmItem > .rmLink > .rmBtnTgl:hover:after {
        color: rgba(66,66,66,1);
        border-color:rgba(66,66,66,1);
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmItem > .rmLink.rmExpanded > .rmBtnTgl:after {
        content: "\e904";
    }
    /* - Show if currently selected item is below expanded item */
    .RadMenu.RadRespMenuTop.navExpanded .rmItem.rmCurrentParent > .rmLink > .rmText:after {
        content: "\e910";
        opacity: 0.4;
        padding-left: 0.6em;
        vertical-align: -2px;
    }
    /* - Top level/menu */
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmLink {
        padding-left:1.1em;
        border-top-color: #a0a0a0;
    }
    .RadMenu.RadRespMenuTop.navExpanded > .rmHorizontal > .rmItem > .rmLink > .rmText,
    .RadMenu.RadRespMenuTop.navExpanded > .rmHorizontal > .rmItem > .rmLink.rmFocused > .rmText {
        color: #fff;
        font-size: inherit;
        line-height: 21px;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused,
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmExpanded { border-top-color: #b3b3b3; }
    .astrakan .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused,
    .astrakan.RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmExpanded { border-top-color: #cccccc; }
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmLink > .rmBtnTgl:hover {
        background-color: rgba(255,255,255,0.15);
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmLink > .rmBtnTgl:after {
        color: #d0d0d0;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused > .rmBtnTgl:after,
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmExpanded > .rmBtnTgl:after,
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmLink > .rmBtnTgl:hover:after {
        color: #fff;
        border-color:#fff;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmLink:hover:after,
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmCurrent:after,
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmExpanded:after {
        left: 0;
        color:#fff;
    }
    /* - DropDown/Sub Menus - ALL */
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmSlide,
    .RadMenu.RadRespMenuTop.navExpanded .rmVertical > .rmItem > .rmSlide,
    .RadMenu.RadRespMenuTop.navExpanded .rmHorizontal > .rmItem > .rmSlide > .rmVertical,
    .RadMenu.RadRespMenuTop.navExpanded .rmVertical > .rmItem > .rmSlide > .rmVertical {
        width:100% !important;
        display:none;
        float:none;
        border:none;
        position:relative !important;
        top:0 !important;
        left:0 !important;
        height:auto !important;
        margin-top:0;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmRootGroup .rmItem .rmGroup {
        padding-bottom: 0; /* override Telerik */
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmVertical > .rmItem > .rmLink > .rmText {
        color: #424242;
    }
    /* -- Second Level DropDown */
    .RadMenu.RadRespMenuTop.navExpanded .rmLevel1 {
        background-color: #fff;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmLevel1 > .rmItem > .rmLink {
        padding-left:27px;
        border-color:#9f9f9f;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmSlide .rmSlide {
        margin-top:0;
    }
    /* -- Third Level DropDown, and below! */
    .RadMenu.RadRespMenuTop.navExpanded .rmLevel2 {
        background-color:#fff;
    }
    .RadMenu.RadRespMenuTop.navExpanded .rmLevel2 > .rmItem > .rmLink {
        padding-left:39px;
    }
/*
* Footer template("artologik-footer.htm")
*/
    .footer-template .footer-section.sec-1 {
        width: 63%;
    }
    .footer-template .footer-section.sec-2 {
        float: right;
        width: 30%;
    }
    .footer-template .footer-section.sec-1,
    .footer-template .footer-section.sec-2 {
        margin-right: 0;
    }
    .footer-template .footer-section.sec-3 {
        clear: left;
        float: none;
        width: 100%;
        padding-top: 1em;
        padding-bottom: 0.2em;
    }
    .footer-template .footer-section.sec-3 .contact-3 {
        padding-top: 0.9em;
    }
    .footer-template .footer-section.sec-2 > h2 {
        text-align: right;
    }
    .footer-template .footer-section.sec-2 ul.nav > li {
        text-align: right;
    }
    .footer-template .footer-section.sec-3 > h2,
    .footer-template .footer-section.sec-4 > h2 {
        text-align: left;
    }
    /* ARTISAN & ASTRAKAN */
    body:not(.artologik) .footer-template .footer-section.sec-1 {
		clear: left;
        float: none;
        width: 100%;
	}
	body:not(.artologik) .footer-template .footer-section.sec-2 { display:none; }
/*
* START - "Get try site"-template("artologik-start-try-site.htm") & CONTENT - "Extra Footer Get try site"-template("artologik-c-try-site.htm")
*/
    .t-try-site .sec-1,
    .t-try-site .sec-2 {
        float: none;
        width: 100%;
    }
    .form.try-site {
        padding-top: 0.8em;
        padding-left:0;
        padding-right:0;
    }
    .t-try-site .mouse-pointer-3d {
        bottom: -35px;
        left: 38%;
        width: 23%;
    }

    .ct-try-site .t-try-site ul.nav > li {
        width: 50%;
    }
    .ct-try-site .form.try-site {
        padding-left: 22px;
    }
    .form.try-site-input h3 {
        margin-top: 0.2em;
    }
    .form.try-site.complete-msg h3 {
        margin-top: 0.4em;
        margin-bottom: 1.8em;
    }
    /* Form - Get try site -> BANNER, When moved above bullet list */
    .t-try-site .sec-1 ul > li.try-site-banner {
        left:0;
    }
    .t-try-site .sec-1 li.try-site-banner > p.try-site-banner{
         width:98%;
    }
    /* Form - Get try site -> BANNER, inside bottom cnp */
    .ct-try-site .sec-1 li.try-site-banner > p.try-site-banner {
        width:98%;
    }
/*
* START - Shortcuts template("artologik-start-shortcuts.htm")
*/
    .art15-01 .st-shortcuts ul.nav {
        width:50%;
    }
    .art15-01 .st-shortcuts ul.nav.nav-1 > li > span {
        padding-right: 5.063291%;
    }
/*
* START - Two columns, 50/50, for plugins ("artologik-start-h2-2col-plugins.htm")
*/
    /* - Speech bubble for "Free personal demo" */
    .art15-01 .start .cnpBottom.upper .st-2col-plugins {
        padding-bottom:1.8em;
    }
    .art15-01 .start .st-2col-plugins > .grid > .grid-unit + .grid-unit .sp-bbl {
        right: 0;
        top: auto;
        bottom: -2.6em;
        z-index: 10; /* Place it behind the search combobox for phone country codes (z-index:20) */
    }
    .art15-01 .start .st-2col-plugins > .grid > .grid-unit + .grid-unit .sp-bbl > span {
        font-family: RobotoRegular;
        font-size: 14px;
        padding: 9px 14px 10px;
        min-width: 100px;
        text-align: center;
    }
    .art15-01 .start .st-2col-plugins > .grid > .grid-unit + .grid-unit .sp-bbl > span:before {
        content:"◣";
        font-size: 28px;
        bottom:auto;
        right:auto;
        top:-23px;
        left:0.6em;
        text-shadow:2px -1px 3px rgba(0,0,0,0.3);
    }
/* 
* START - "artologik-start-h2-txt-img-dyn-width.htm" 
*/
    .st-2col-txt-img-dyn-width .left-cell {
        display:table-footer-group;
    }
    .st-2col-txt-img-dyn-width .right-cell {
        display:table-header-group; /* position image above text (between header and text) */
        text-align:center;
    }
    .st-2col-txt-img-dyn-width .right-cell > a,
    .st-2col-txt-img-dyn-width .right-cell > img {
        margin:0.5em 0;
    }

/*
* AllowCookiesControl.ascx
*/
    .allow-cookies .siteCSS.theme0,
    .allow-cookies .siteCSS.theme0 p,
    .allow-cookies .siteCSS.theme0 p + span {
        display: block;
    }
    .allow-cookies .siteCSS.theme0 p {
        padding-bottom:1.4em;
        position:relative;
    }
    .allow-cookies .siteCSS.theme0 p + span {
        text-align:right;
    }
    .allow-cookies .siteCSS.theme0 p:before{
        margin-top:-28px;
    }
/*
* Grid
*/
    .ms-w-48-6{ width:48.6%; }
    .ms-w-50  { width:  50%; }
    .ms-w-100 { width: 100%; }

}

@media only screen and (max-width: 560px) { /* Artologik-header, ARTISAN Top menu specific & Template specific */
    /* HEADER */
    .artologik .site-header-bg-link {
        display:none;
    }
    .arto.artologik #site-header-logo {
        right: auto;
        left: 14px;
    }

    /*
    * CONTENT - Single Customer Reference ("artologik-c-cust-ref.htm")
    */
    .siteCSS[class*="theme"] .ct-cust-ref > h2 {
        margin-bottom:0.3em;
    }
    .ct-cust-ref > .cr-logo,
    .ct-cust-ref > .cr-text {
        float:none;
        width:auto;
    }
    .ct-cust-ref > .cr-logo > span {
        padding-left:0;
        padding-top:0.4em;
        padding-bottom:0.6em;
    }
    .ct-cust-ref > .cr-logo > span > span {
        display:none;
    }
    /* - PlugIn Icons */
    .ct-cust-ref > span[class^="fi-"],
    .ct-cust-ref > span[class*=" fi-"] {
        display:block;
        position:static;
        text-align:center;
        margin-right:0;
        margin-top:0.2em;
        margin-bottom: 0.05em;
    }
    .ct-cust-ref > span.fi-lock:before { margin-right:-16px; }
    .ct-cust-ref > span.fi-clock-plus:before { margin-right:4px; }

    /* Plugin Shortcuts (NavAsShortcutsControl) */
    .st-shortcuts.plugin-shortcuts,
    .art15-01 .st-shortcuts.plugin-shortcuts {
        padding-bottom:0.5em;
    }
    .st-shortcuts.plugin-shortcuts ul.nav,
    .st-shortcuts.ct-shortcuts ul.nav {
        width: 100%;
        float:none;
    }
    .content .st-shortcuts ul.nav.nav-1 > li > span { padding-right:0; }
    .content .st-shortcuts ul.nav.nav-2 > li > span { padding-left:0; }
    .st-shortcuts.plugin-shortcuts ul.nav > li > span > a > em {
        min-height:0;
    }
}

@media only screen and (max-width: 530px) {
    /* HEADER */
    .is-stuck #go-to-top {
        display: none;
    }
}

@media only screen and (max-width: 510px) { /* Header Tools - Remove from Header and put in RESP NAV */
    /* HEADER */    
    .arto #site-header-tools {
        border-bottom-width:0;
    }
    #site-header-tools > .product-selection.nav.horizontal {
        display:none;
    }
    .arto .not-stuck .language-selection.ddl {
        padding: 9px 15px 0 0;
    }
    .not-stuck .custom-select select,
    .not-stuck .custom-select .fake-select > span > span:after {
        line-height: 27px;
        height: 26px;
    }
    .not-stuck .custom-select .fake-select span span {
        border-left:none;
    }
    .not-stuck #header-product-name > a {
        top:43%;
    }
    .arto .not-stuck #site-header-img {
        height: 140px;
    }
    /* - Artologik logo */
    .arto.artologik #site-header-logo {
        top:28%;
        width:250px; 
        height:72px; 
        background-position:0 -166px;
    }
    /* SingleTopNav - Product selection */
    .RadMenu_Artologik_SingleTop .product-selection.nav.horizontal {
        display: block;
    }
    .artisan #site-header-img img {
        opacity:0;
    }
}

@media only screen and (max-width: 480px) { /* SMALL (.s-w-##) */
    #site-body.start .cnpBtm2Col > .siteCSS{
        width: 100%;
        float: none;
        margin-top: 1em;
    }
    #site-body.start .cnpBtm2Col > .siteCSS:first-child {
        margin-top: 0.5em;
    }
    #site-body.start .cnpBottom > .siteCSS {
        margin-top: 2.3em;
    }
    #site-body.start .cnpBottom > .siteCSS:first-child {
        margin-top: 1em;
    }
/*
* Header 
*/
    .language-selection.ddl,
    .artisan .language-selection.ddl {
        display: block;
        opacity:1;
    }
    .language-selection.nav.horizontal {
        display: none;
    }
    a#home-link {
        padding-bottom: 3.2%;
    }
    /* ARTISAN */
    .artisan #site-header-img {
        top: 34%;
        right: 2.6%;
    }
/* 
* Header Home-link : Special case for Artologik pages
*/
    .site-header-bg-link.n1,   /* HD */
    .site-header-bg-link.n2,   /* SR */
    .site-header-bg-link.n3,   /* EZ */
    .site-header-bg-link.n4,   /* PM */
    .site-header-bg-link.n5,   /* TIME */
    .site-header-bg-link.n6 {  /* WP */
        min-width: 36px;
    }
/*
* START - Introduction template("artologik-start-intro.htm")
*/
    .start-intro .sec-1,
    .start-intro .sec-2 {
        width: 100%;
        float: none;
    }
    .start-intro .sec-2 {
        background-position: 100% 100%;
    }
    .start-intro .sec-2 blockquote {
        margin: 0.5em 5% 1em 0;
        float: right;
    }
    #site-body .start-intro .sec-2 figure {
        overflow: hidden;
    }
    #site-body .start-intro .sec-2 figure img {
        margin: 0 15% 0.4em 0;
        float: right;
        width: 25%;
        min-width: 70px;
    }
    .artologik #site-body .start-intro .sec-2 figure img {
        width: auto;
    }
    /* ASTRAKAN */
    .astrakan #site-body .start-intro .sec-2 figure {
        padding-top:0;
        padding-bottom:0.5em;
    }
/*
* START - "Five fast facts"-template("artologik-start-five-fast-facts.htm") & "Our products"-template("artologik-start-products.htm")
*/  
    .st-fff .st-sec,
    .st-products .st-sec {
        width: 100%;
        clear: both;
        float: none;
        margin-left: 0;
        margin-right: 0;
        overflow: hidden;
    }
    .st-fff .st-sec,
    .st-products .st-sec {
        margin-bottom: 1.4em;
    }
    .st-fff .sec-5,
    .st-fff.st-products .sec-5,
    .st-products .sec-6 {
        margin-bottom: 0;
    }
    .st-fff > .h2,
    .st-products > .h2 {
        margin-bottom: 0.4em;
    }
/*
* START - Art15-01 News
*/ 
    .art15-01 .cnp .newsWrp .news-items-list {
        float:none !important;
        width: 100%;
    }
/*
* START - Single citation, to be used inside a rotating connected pages location on the landing page ("artologik-start-citation.htm")
*/
    [class*="art15-"] .start-intro.st-plugin .IR_container > .IR_navigation {
        bottom:auto;
        top:-9px;
    }
    .st-cust-citat {
        overflow:visible;
    }
    .st-cust-citat > img {
        max-width:100% !important;
        float:none;              
    }
    .cc-citation {
        position: static !important;
        width: 100% !important;
        background: #F3F5F7;
        padding: 0.8em;
        margin-top: -4px;
        box-sizing: border-box;
    }
    .cc-citation > img {
        position:absolute;
        top:25%;
        max-width:100% !important;
    }
    .cc-citation > img + p.imagetext {
        margin-top:0 !important;
    }
    /* -- Scania */
    .helpdesk .cc-scania + .cc-citation > img   { top:17%; }

/*
* CONTENT 1 - Introduction template("artologik-start-intro.htm")
*/
    .ct-1 .ct-sec img,
    .ct-1 .ct-sec.even img,
    .ct-1 .ct-sec.odd img {
        width: 45%;
    }
/*
* CONTENT - Documents template("artologik-c-documents.htm")
*/
    .ct-docs .sec-1 {
        padding-right: 0;
    }
    .ct-docs .sec-2.faux-col {
        position: relative;
        top: initial;
        right: initial;
        bottom: initial;
        width: 100%;
        margin-top: 2em;
    }
/*
* CONTENT - Artologik content template with two columns of text("artologik-c-2-column-text.htm")
*/
.ct-2-col-text > .grid > .grid-unit > .wrapper {
    margin-bottom: 0;
}
.ct-2-col-text > .grid > .grid-unit.s-w-100 ul {
    padding-bottom: 0;
}
/*
* Grid
*/
    .s-w-50  { width:  50%; }
    .s-w-100 { width: 100%; }
}

/* ##### The "max-width"-section below is NOT part of the "default responsive steps" ##### */
@media only screen and (max-width: 460px) {
    /*#site-body.start > .siteCSS,
    #site-body.start .cnp > .siteCSS,
    #site-body.start .cnpBtm2Col,
    #site-body #s3slider,
    .ct-try-site .site-width,
    #site-footer-inner.site-width,
    #site-content.site-width,
    #site-body #s3slider,
    .nav-toggler-st {
        width: 92%;
    }*/
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li {
        position:relative !important;
        float:left !important;
        width:auto !important;
        text-align:left !important;
        left:0 !important;
        margin-left:0 !important;
    }
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.nav-split {
        display:none;
    }
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li:first-child + li, /* #4 is "li.nav-split" */
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li:first-child + li + li +li + li,
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li:first-child + li + li +li + li + li + li {
        float:right !important;
    }
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li:first-child + li + li,
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li:first-child + li + li +li + li + li {
        clear:right;
    }
    /* - Language specific - Enlish is default */
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-screens > a  { padding-right:0; }
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-prices > a   { padding-right:2.85em; }
    .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-mail > a     { padding-right:0.8em; }
    .fr .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-prices > a   { padding-right:5.30em; }
    .fr .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-mail > a     { padding-right:4.4em; }
    .de .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-prices > a   { padding-right:2.81em; }
    .de .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-mail > a     { padding-right:2.4em; }
    .es .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-prices > a   { padding-right:3.3em; }
    .es .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-mail > a     { padding-right:2.7em; }
    .se .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-screens > a  { padding-right:0.2em; }
    .se .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-prices > a   { padding-right:2.2em; }
    .se .ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-mail > a     { padding-right:0; }
}

@media only screen and (max-width: 430px) { /* Header Product Name */
    #header-product-name > a,
    .projectmanager #header-product-name > a,
    .surveyandreport #header-product-name > a,
    .is-stuck #header-product-name > a { font-size:40px; top:46%; }
    /* ARTISAN */
    .artisan .is-stuck .language-selection.ddl {
        bottom: auto;
        top: 0;
        padding-top: 0.2em;
    }
}
@media only screen and (max-width: 400px) { /* Header Product Name */
    .is-stuck .language-selection.ddl { display:none; }
}
@media only screen and (max-width: 380px) { /* Header Product Name & Image */
    #site-top #header-product-name > a,
    .projectmanager #site-top #header-product-name > a,
    .surveyandreport #site-top #header-product-name > a,
    .is-stuck #header-product-name > a { font-size:34px; top:48%; }
    .not-stuck #site-header-img { height: 120px; }
    .arto.artologik #site-header-logo {
        top:28%;
        width:220px; 
        height:63px; 
        background-position:0 -238px;
    }
    .arto.artologik .language-selection.ddl {
        padding-top:3px;
    }
}

/* ##### The "max-width"-section below is NOT part of the "default responsive steps" ##### */
@media only screen and (max-width: 320px) {
/* 
* Header Home-link : Special case for Artologik pages
*/
    .site-header-bg-link.n1,   /* HD */
    .site-header-bg-link.n2,   /* SR */
    .site-header-bg-link.n3,   /* EZ */
    .site-header-bg-link.n4,   /* PM */
    .site-header-bg-link.n5,   /* TIME */
    .site-header-bg-link.n6 {  /* WP */
        min-width: 35px;
    }
    .RadMenu_Artologik_Sub.nav.horizontal > ul > li {
        float: none;
    }

    .astrakan .is-stuck #site-header-logo {
        width: 65%;
    }
/*
* CONTENT 1 - Introduction template("artologik-start-intro.htm")
*/
    .ct-1 .ct-sec img,
    .ct-1 .ct-sec.even img,
    .ct-1 .ct-sec.odd img {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
}