/*  Base CSS																											 */

/*  PURPOSE:     Primary CSS for website.   	                                    									 */
/*  CREATED:     24-04-2015																							     */

/*  Fonts.		          																								 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    @font-face {
        font-family: "freight-text-pro";
        src:    url("/resources/fonts/freight/freight-text-pro-book.eot");
        src:    url("/resources/fonts/freight/freight-text-pro-book.eot?#iefix") format('embedded-opentype'),
                url("/resources/fonts/freight/freight-text-pro-book.woff") format('woff'),
                url("/resources/fonts/freight/freight-text-pro-book.ttf") format('truetype');
        font-style: normal;
        font-weight: 400;
    }

    @font-face {
        font-family: "freight-text-pro";
        src:    url("/resources/fonts/freight/freight-text-pro-book-italic.eot");
        src:    url("/resources/fonts/freight/freight-text-pro-book-italic.eot?#iefix") format('embedded-opentype'),
                url("/resources/fonts/freight/freight-text-pro-book-italic.woff") format('woff'),
                url("/resources/fonts/freight/freight-text-pro-book-italic.ttf") format('truetype');
        font-style: italic;
        font-weight: 400;
    }

    @font-face {
        font-family: "proxima-nova";
        src:    url("/resources/fonts/proxima_nova_reg-webfont.eot");
        src:    url("/resources/fonts/proxima_nova_reg-webfont.eot?#iefix") format('embedded-opentype'),
                url("/resources/fonts/proxima_nova_reg-webfont.woff") format('woff'),
                url("/resources/fonts/proxima_nova_reg-webfont.ttf") format('truetype');
        font-style: normal;
        font-weight: 400;
    }

    @font-face {
        font-family: "proxima-nova";
        src:    url("/resources/fonts/proxima_nova_reg_it-webfont.eot");
        src:    url("/resources/fonts/proxima_nova_reg_it-webfont.eot?#iefix") format('embedded-opentype'),
                url("/resources/fonts/proxima_nova_reg_it-webfont.woff") format('woff'),
                url("/resources/fonts/proxima_nova_reg_it-webfont.ttf") format('truetype');
        font-style: italic;
        font-weight: 400;
    }

    @font-face {
        font-family: "proxima-nova";
        src:    url("/resources/fonts/proxima_nova_sbold-webfont.eot");
        src:    url("/resources/fonts/proxima_nova_sbold-webfont.eot?#iefix") format('embedded-opentype'),
                url("/resources/fonts/proxima_nova_sbold-webfont.woff") format('woff'),
                url("/resources/fonts/proxima_nova_sbold-webfont.ttf") format('truetype');
        font-style: normal;
        font-weight: 600;
    }

    @font-face {
        font-family: "proxima-nova";
        src:    url("/resources/fonts/proxima_nova_sbold_it-webfont.eot");
        src:    url("/resources/fonts/proxima_nova_sbold_it-webfont.eot?#iefix") format('embedded-opentype'),
                url("/resources/fonts/proxima_nova_sbold_it-webfont.woff") format('woff'),
                url("/resources/fonts/proxima_nova_sbold_it-webfont.ttf") format('truetype');
        font-style: italic;
        font-weight: 600;
    }

    @font-face {
        font-family: "proxima-nova";
        src:    url("/resources/fonts/proxima_nova_bold-webfont.eot");
        src:    url("/resources/fonts/proxima_nova_bold-webfont.eot?#iefix") format('embedded-opentype'),
                url("/resources/fonts/proxima_nova_bold-webfont.woff") format('woff'),
                url("/resources/fonts/proxima_nova_bold-webfont.ttf") format('truetype');
        font-style: normal;
        font-weight: 700;
    }

    @font-face {
        font-family: "proxima-nova";
        src:    url("/resources/fonts/proxima_nova_bold_it-webfont.eot");
        src:    url("/resources/fonts/proxima_nova_bold_it-webfont.eot?#iefix") format('embedded-opentype'),
                url("/resources/fonts/proxima_nova_bold_it-webfont.woff") format('woff'),
                url("/resources/fonts/proxima_nova_bold_it-webfont.ttf") format('truetype');
        font-style: italic;
        font-weight: 700;
    }

    @font-face {
        font-family: "proxima-nova";
        src:    url("/resources/fonts/proxima_nova_xbold-webfont.eot");
        src:    url("/resources/fonts/proxima_nova_xbold-webfont.eot?#iefix") format('embedded-opentype'),
                url("/resources/fonts/proxima_nova_xbold-webfont.woff") format('woff'),
                url("/resources/fonts/proxima_nova_xbold-webfont.ttf") format('truetype');
        font-style: normal;
        font-weight: 800;
    }

    @font-face {
        font-family: "proxima-nova";
        src:    url("/resources/fonts/proxima_nova_xbold_it-webfont.eot");
        src:    url("/resources/fonts/proxima_nova_xbold_it-webfont.eot?#iefix") format('embedded-opentype'),
                url("/resources/fonts/proxima_nova_xbold_it-webfont.woff") format('woff'),
                url("/resources/fonts/proxima_nova_xbold_it-webfont.ttf") format('truetype');
        font-style: italic;
        font-weight: 800;
    }

    @font-face {
      font-family: 'Material Icons';
      font-style: normal;
      font-weight: 400;
      src: url(https://fonts.gstatic.com/s/materialicons/v36/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
    }

    .serif {
        font-family: 'freight-text-pro';
        letter-spacing: -0.25px;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  HTML elements and Generic classes																					 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    html {
        overflow-y:scroll;
    }

    html,
    body {
        font-family: 'proxima-nova', Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        font-size: 16px;
        font-weight:  400;
        color: #414141;
        background: #fff;
    }

    a,
    a:hover,
    a:focus {
        color: inherit;
        /*transition: all 0.4s ease;*/
        outline: none;
    }

    a:focus {
        text-decoration: none;
    }

    h1 {
        font-size: 29px;
        line-height: 32px;
        font-weight: 800;
        margin: 0;
        padding: 0;
        color: #000;
    }

    h2,
    .article-project strong {
        display: inline-block;
        font-size: 20px;
        line-height: 24px;
        font-weight:  700;
        margin: 0;
        padding: 0;
    }

    h5 {
        display: inline-block;
        font-size: 14px;
        line-height: 16px;
        font-weight:  600;
        margin: 0;
        padding: 0;
        color: #000;
    }

    h1:empty,
    h2:empty,
    h3:empty,
    h4:empty,
    h5:empty {
        display:none;
    }

    img[data-src] {
        opacity: 0;
        transition: opacity .3s ease-in;
    }

    img[data-src].lazyload-disabled {
        opacity:1;
    }

    [contenteditable] {
        -webkit-user-select: text;
        user-select: text;
    }

    .readmore {
        font-size: 12px;
        color: #2878FF;
        padding-left: 5px;
        position:relative;
        margin-right:20px;
    }

    .readmore:hover,
    .readmore:active,
    .readmore:visited {
        color: #2878FF;
    }

    .readmore:after {
        content:'\f178';
        font-family:FontAwesome;
        font-size:12px;
        font-weight:100;
        right:-17px;
        position:absolute;
        top:3px;
        pointer-events:none;
        cursor:default;
        line-height:12px;
    }

    .readmore:hover:after {
        text-decoration:none !important;
    }

    .link.action {
        color: #2878FF;
    }

	.block {
		display:block;	
	}

    .flex {
        display:flex;
    }

    .flex-center {
        display:flex;
        align-items:center;
    }

    .hidden {
        display:none;
    }

    .clear-display {
        display:initial !important;
    }

    .clear-both {
        clear:both;
    }

    .clear-left {
        clear:left;
    }

    .clear-right {
        clear:right;
    }

	.inline-block {
		display:inline-block;	
	}
		
    .grab {
        cursor: -webkit-grab; 
        cursor: -moz-grab;
        cursor:grab;
    }

	.bold {
		font-weight:bold !important;
	}

    .left {
        float:left;
    }
    
    .right {
        float:right;
    }

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

    .left-text,
    .text-align-left {
        text-align:left !important;
    }

    .right-text,
    .text-align-right {
        text-align:right;
    }

    .center {
        margin-left: auto;
        margin-right: auto;
    }

	.underlined {
		text-decoration:underline;	
	}
	
	.italic {
		font-style:italic;
	}

    .warning {
        color:red;
    }
	
	.unselectable {
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;		
		cursor:default;
	}

    .relative {
        position:relative;
    }

    .absolute {
        position:absolute;
    }

    .absolute-right {
        right:0;
    }

    .unsupported {
        display:none;
    }

    .no-display {
        display:none;
    }

	.no-border {
		border:none !important;
	}
	
	.no-background {
		background:none !important;	
	}	

    .no-margin {
        margin:0 !important;
    }

    .no-padding {
        padding: 0 !important;
    }

    .no-padding-left {
        padding-left: 0 !important;
    }

    .no-padding-right {
        padding-right: 0 !important;
    }

    .no-padding-top {
        padding-top: 0 !important;
    }

    .no-padding-bottom {
        padding-bottom: 0 !important;
    }

    .no-opacity {
        opacity:1 !important;
    }

    .no-selection input {
        cursor:default;
    }

    .no-selection .dxeEditArea::selection,
    .no-selection .dxeEditArea::-moz-selection,
    .no-selection .dxeEditArea::-webkit-selection,
    .no-selection input::selection,
    .no-selection input::-moz-selection,
    .no-selection input::-webkit-selection {
        background: transparent !important;
    }

	img.responsive {
		display:block;
		max-width:100%;
		height:auto;
	}

	img.rounded {
		border-radius:6px;
	}

	img.circle {
		 border-radius:50%;
	}

	img.thumb {
		display:inline-block;
		height:auto;
		max-width:100%;
		padding:4px;
		line-height:1.428571429;
		background-color:#ffffff;
		border:1px solid #dddddd;
		border-radius:4px;
		-webkit-transition:all 0.2s ease-in-out;
				transition:all 0.2s ease-in-out;
	}

    .full-height {
        height:100%;
    }

    .full-width {
        width:100%;
    }

    .table {
        display:table;
        margin:0;
        height:100%;
    }

    .table-cell {
        display:table-cell;
    }

    .table-cell-vertical-align-middle {
        display:table-cell;
        vertical-align:middle;
        height:100%;
        line-height:0;
    }

    .table-cell-vertical-align-middle * {
        line-height:normal;
    }

    .table-cell-spacer-15 {
        display:table-cell;
        width:15px;
    }

    .table-cell-spacer-25 {
        display:table-cell;
        width:25px;
    }

	.vertical-align:before {
		content:"";
		display:inline-block;
		height:100%;
		vertical-align:middle;
	}

	.vertical-align:after {
		content:"";
		display:inline-block;
		height:100%;
		vertical-align:middle;
	}

    .vertical-align-image {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
    }

    .verticalalign {
        height:100%;
    }

	.verticalalign:before {
		content:"";
		display:inline-block;
		vertical-align:middle;
	}

	.verticalalign:after {
		content:"";
		display:inline-block;
		vertical-align:middle;
	}

	.inner-white-border {
		-webkit-box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1);
		-moz-box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1);
		box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1);
	}

    .grayscale {
        filter: gray;
        filter: grayscale(1);
        -webkit-filter: grayscale(1);
        opacity:0.6;
        transition: all 0.3s ease-in-out;
    }

    .grayscale:hover {
        opacity:1;
        filter: none;
        filter: grayscale(0);
        -webkit-filter: grayscale(0);        
        transition: all 0.3s ease-in-out;
    }

    .loader {
        width: 70px;
        height: 70px;
        color: white;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        border: 5px solid #414141;
        border-radius: 50%;
        -webkit-animation: borderScale 1.5s infinite ease-in-out;
        animation: borderScale 1.5s infinite ease-in-out;
    }

    .loader.topPosition {
        top:20%;
    }

    .loader.currentPosition {
        transform:none;
        left:auto;
        top:auto;
        margin:0;
        position:initial;
    }

    .loader.center {
        margin:10px auto;
    }

    .loadingText {
        font-family: 'Raleway', sans-serif;
        font-weight: bold;
        font-size: 2em;
        position: absolute;
        top: 50%;
        color:#414141;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }

    .wordwrap {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-word;
        /*-ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;*/
    }

    .LoadingCursor * {
        cursor:progress !important;
    }

    .scalable {
        opacity: 1;
        transform: scale(1);
        transition: all 0.4s ease;
    }

    .scaled {
        opacity: 0 !important;
        transform: scale(0.8) !important;
        pointer-events:none;
    }

    .note {
        padding:10px 0;
        border-top:1px solid #00c752;
        border-bottom:1px solid #00c752;
    }

    .visibility-visible {
        visibility:visible !important;
    }

    .position-relative {
        position:relative;
    }

    .display-none {
        display:none;
    }

    .image-align-baseline {
        vertical-align:baseline;
    }

    @-webkit-keyframes borderScale {
      0% {
        border: 2px solid white;
      }
      50% {
        border: 7px solid #00c752;
      }
      100% {
        border: 2px solid white;
      }
    }

    @keyframes borderScale {
      0% {
        border: 2px solid white;
      }
      50% {
        border: 7px solid #00c752;
      }
      100% {
        border: 2px solid white;
      }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .readmore {
            padding-left: 25px;
        }

        h2 {
            font-size: 22px;
            line-height: 26px;
        }

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .readmore {
            font-size: 14px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        h1 {
            font-size: 34px;
            line-height: 38px;
        }

        h2,
        .article-project strong {
            font-size: 24px;
            line-height: 28px;
        }

        .block-lg {
            display:block;
        }

    }

    @media only screen and (min-width : 768px) and (max-width : 991px) {
        .block-sm {
            display:block;
        }
    }
    @media only screen and (min-width : 992px) and (max-width : 1200px) {
        .block-md {
            display:block;
        }
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */



/*  Google material design     																							 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .material-icons {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */



/*  Bootstrap extentions    																							 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    input.submitting,
    input.submitting:focus,
    input.submitting:active,
    input.submitting:hover,
    .btn.submitting,
    .btn.submitting:focus,
    .btn.submitting:active,
    .btn.submitting:hover,
    .btn-default.submitting,
    .btn-default.submitting:focus,
    .btn-default.submitting:active,
    .btn-default.submitting:hover,
    .btn-default.disabled, 
    .btn-default.disabled.active, 
    .btn-default.disabled.focus, 
    .btn-default.disabled:active, 
    .btn-default.disabled:focus, 
    .btn-default.disabled:hover, 
    .btn-default[disabled], 
    .btn-default.active[disabled], 
    .btn-default.focus[disabled], 
    .btn-default[disabled]:active, 
    .btn-default[disabled]:focus, 
    .btn-default[disabled]:hover, 
    fieldset[disabled] .btn-default, 
    fieldset[disabled] .btn-default.active, 
    fieldset[disabled] .btn-default.focus, 
    fieldset[disabled] .btn-default:active, 
    fieldset[disabled] .btn-default:focus, 
    fieldset[disabled] .btn-default:hover {
        background-color:#ccc !important;
        opacity:1 !important;
        cursor:default !important;
    }

    .table .table {
        background-color:transparent;
    }

    .no-gutter > [class*='col-'],
    .event-gallery .swiper-wrapper > [class*='col-'] {
        padding-right: 0;
        padding-left: 0;
    }

    .img-responsive.full {
        width: 100%;
    }

    .img-profile {
        border-radius:50%;
        background-color:#fff;
        background-image:url('/resources/images/icons/icon-profile.svg');
        background-position:center center;
        background-repeat:no-repeat;
        background-size:60%;
    }

    .row-eq-height {
        display: flex;
        display:-webkit-flex;
        /*display:-webkit-box;*/
        display:-ms-flexbox;
        /*flex-flow:wrap;*/
    }

    .row-eq-height > *:not(.flex) {
        display:block;
    }

    .row-eq-height.middle {
        align-items:center;
    }

    .row-valign {
      display: flex;
      display: -webkit-flex;
      flex-direction: row;
    }

    .row-valign > [class^="col-"],
    .row-valign > [class*=" col-"] {
        display: flex;
        display: -webkit-flex;
        /*display: -webkit-box;*/
        align-items: center;
    }

    .row-valign > [class^="col-"] > div {
      flex-grow: 1;
    }

    .col-no-padding {
        padding-left: 0;
        padding-right: 0;
    }

    .col-xs-15,
    .col-sm-15,
    .col-md-15,
    .col-lg-15 {
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .col-xs-15 {
        width: 20%;
        display:inline-block;
        margin-left:-4px;
        vertical-align:top;
    }

    .multi-columns-row .first-in-row {
        clear: left;
    }

    .multi-columns-row .col-xs-6:nth-child(2n + 3) {
        clear: left;
    }

    .multi-columns-row .col-xs-4:nth-child(3n + 4) {
        clear: left;
    }

    .multi-columns-row .col-xs-3:nth-child(4n + 5) {
        clear: left;
    }

    .multi-columns-row .col-xs-2:nth-child(6n + 7) {
        clear: left;
    }

    .multi-columns-row .col-xs-1:nth-child(12n + 13) {
        clear: left;
    }

    .no-gutters > [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    @media (min-width: 768px) {
        .col-sm-15 {
            width: 20%;
            float: left;
        }

        .multi-columns-row .col-xs-6:nth-child(2n + 3) {
            clear: none;
        }

        .multi-columns-row .col-xs-4:nth-child(3n + 4) {
            clear: none;
        }

        .multi-columns-row .col-xs-3:nth-child(4n + 5) {
            /*clear: none;*/
            clear:left;
        }

        .multi-columns-row .col-xs-2:nth-child(6n + 7) {
            clear: none;
        }

        .multi-columns-row .col-xs-1:nth-child(12n + 13) {
            clear: none;
        }

        .multi-columns-row .col-sm-6:nth-child(2n + 3) {
            clear: left;
        }

        .multi-columns-row .col-sm-4:nth-child(3n + 4) {
            clear: left;
        }

        .multi-columns-row .col-sm-3:nth-child(4n + 5) {
            clear: left;
        }

        .multi-columns-row .col-sm-2:nth-child(6n + 7) {
            clear: left;
        }

        .multi-columns-row .col-sm-1:nth-child(12n + 13) {
            clear: left;
        }
    }

    @media (min-width: 992px) {
        .col-md-15 {
            width: 20%;
            float: left;
        }

        .multi-columns-row .col-sm-6:nth-child(2n + 3) {
            clear: none;
        }

        .multi-columns-row .col-sm-4:nth-child(3n + 4) {
            clear: none;
        }

        .multi-columns-row .col-sm-3:nth-child(4n + 5) {
            /*clear: none;*/
            clear:left;
        }

        .multi-columns-row .col-sm-2:nth-child(6n + 7) {
            clear: none;
        }

        .multi-columns-row .col-sm-1:nth-child(12n + 13) {
            clear: none;
        }

        .multi-columns-row .col-md-6:nth-child(2n + 3) {
            clear: left;
        }

        .multi-columns-row .col-md-4:nth-child(3n + 4) {
            clear: left;
        }

        .multi-columns-row .col-md-3:nth-child(4n + 5) {
            clear: left;
        }

        .multi-columns-row .col-md-2:nth-child(6n + 7) {
            clear: left;
        }

        .multi-columns-row .col-md-1:nth-child(12n + 13) {
            clear: left;
        }
    }

    @media (min-width: 1200px) {
        .col-lg-15 {
            width: 20%;
            float: left;
        }

        .multi-columns-row .col-md-6:nth-child(2n + 3) {
            clear: none;
        }

        .multi-columns-row .col-md-4:nth-child(3n + 4) {
            clear: none;
        }

        .multi-columns-row .col-md-3:nth-child(4n + 5) {
            clear: none;
        }

        .multi-columns-row .col-md-2:nth-child(6n + 7) {
            clear: none;
        }

        .multi-columns-row .col-md-1:nth-child(12n + 13) {
            clear: none;
        }

        .multi-columns-row .col-lg-6:nth-child(2n + 3) {
            clear: left;
        }

        .multi-columns-row .col-lg-4:nth-child(3n + 4) {
            clear: left;
        }

        .multi-columns-row .col-lg-3:nth-child(4n + 5) {
            clear: left;
        }

        .multi-columns-row .col-lg-2:nth-child(6n + 7) {
            clear: left;
        }

        .multi-columns-row .col-lg-1:nth-child(12n + 13) {
            clear: left;
        }
    }

    @media (min-width: 1440px) {
        .container-xl {
            width: 1410px;
        }
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Spacers 																											 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .spacer-5 {
        height: 5px;
        clear:both;
    }

    .spacer-10 {
        height: 10px;
        clear:both;
    }

    .spacer-15 {
        height: 15px;
        clear:both;
    }

    .spacer-20 {
        height: 20px;
        clear:both;
    }

    .spacer-25 {
        height: 25px;
        clear:both;
    }

    .spacer-30 {
        height: 30px;
        clear:both;
    }

    .spacer-40 {
        height: 40px;
        clear:both;
    }

    .spacer-45 {
        height: 45px;
        clear:both;
    }

    .spacer-50 {
        height: 50px;
        clear:both;
    }

    .spacer-60 {
        height: 60px;
        clear:both;
    }

    .spacer-70 {
        height: 70px;
        clear:both;
    }

    .spacer-80 {
        height: 80px;
        clear:both;
    }

    .spacer-90 {
        height: 90px;
        clear:both;
    }

    .spacer-100 {
        height: 100px;
        clear:both;
    }

    .spacer-120 {
        height: 120px;
        clear:both;
    }

    .spacer-150 {
        height: 150px;
        clear:both;
    }

    .spacer-200 {
        height: 200px;
        clear:both;
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Structure																											 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .content-wrapper {
        margin-top: 50px;
        transition: all 0.3s linear;
    }

    .content-wrapper.active-menu {
        margin-top: 100px;
    }

    div.grey {
        background: #EBEEF0;
    }

    section.grey {
        width: 100%;
        background: #EBEEF0;
        padding-top: 30px;
        padding-bottom: 25px;
        font-size: 14px;
    }

    .templates {
        display:none;
    }

    .page-overlay {
        position:fixed;
        opacity:0;
        background-color:#000;
        top:0;
        left:0;
        bottom:0;
        right:0;
        z-index:5000;
        transition:all 0.2s;
        transform: scale(0.8);
        visibility: hidden;
    }

    .page-overlay.open {
        opacity:1;
        transform:scale(1);
        transition:all 0.2s;
        visibility:visible;
        pointer-events:all;
    }

    .page-overlay.close {
        opacity:0 !important;
        transition:all 0.2s;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .content-wrapper {
            margin-top: 75px;
        }

        section.grey {
            padding-top: 35px;
            padding-bottom: 20px;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        section.grey {
            padding-top: 40px;
            padding-bottom: 40px;
            font-size: 16px;
            /*line-height: 18px;*/
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Form Input elements and buttons 																	 			     */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .btn {
        display: inline-block;
        padding: 0 25px;
        /*padding:0;*/
        margin-bottom: 0;
        font-size: 14px;
        font-weight:  600;
        line-height: 50px;
        border: none;
        border-radius: 0;
        transition: all 0.4s ease;
    }

    .dxbButton.btn div.dxb {
        padding:15px 25px;
    }

    .btn-small {
        padding:8px 12px;
        line-height:100%;
    }

    .btn:focus,
    .btn:active {
        outline: none !important;
    }

    .btn-default,
    .btn-default:active,
    .btn-default:focus {
        color: #fff;
        background-color: #2878FF;
        border-color: #2878FF;
    }

    .btn-default:hover {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .btn-full {
        width: 100%;
    }

    .btn-signup {
        margin:30px 0;
    }

    .btn-download {
        color:#fff;
    }

    .btn-download:after {
        content:'\f019';
        font-family:FontAwesome;
        font-size:16px;
        font-weight:100;
        color:#fff;
        padding-left:15px;
        line-height:0;
    }

    .btn-inline {
        background-color: #2878FF;
        text-align: center;
        vertical-align: middle;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        color:#fff;
        padding: 17px;
        transition: all 0.4s ease;
    }

    .btn-inline:hover {
        background-color:#000;
    }

    .btn-inline i {
        display:table-cell;
        vertical-align:middle;
        transition:color 0.15s ease-in-out;
        font-size:20px;
    }

    .btn-inline:hover i {
        color:#fff;
    }

    .btn-add,
    .btn-edit,
    .btn-delete,
    .btn-archive {
        color:#2878ff;
        background:#fff none repeat scroll 0 0;
        border:1px solid #2878ff;
    }

    .btn-remove {
        color:red;
        background:#fff none repeat scroll 0 0;
        border:1px solid red;        
    }

    .btn-edit:after,
    .btn-modify:after {
        content:'\f040';
        font-family:FontAwesome;
        font-size:22px;
        font-weight:100;
    }

    .btn-delete:after,
    .btn-unbind:after {
        content:'\f00d';
        font-family:FontAwesome;
        font-weight:100;
        font-size:22px;
    }

    .btn-setthumb:after {
        content:'\f03e';
        font-family:FontAwesome;
        font-size:26px;
        font-weight:100;
    }

    .btn-search:after {
        content:'\f002';
        font-family:FontAwesome;
        font-size:22px;
        font-weight:100;
    }

    .btn-bind:after {
        content:'\f067';
        font-family:FontAwesome;
        font-size:14px;
        font-weight:100;
    }

    .btn-send:after {
        content:'\f067';
        font-family:FontAwesome;
        font-size:14px;
        font-weight:100;
    }

    .btn-cancel:after {
        content:'\f067';
        font-family:FontAwesome;
        font-size:14px;
        font-weight:100;
    }

    .btn-save,
    .btn-setthumb,
    .btn-bind,
    .btn-send,
    .btn-cancel,
    .btn-search,
    .btn-unbind,
    .btn-modify {
        color: #fff;
        background-color: #2878FF;
        border-color: #2878FF;
    }

    .btn-add[data-type='news'],
    .btn-add[data-module='articles'] {
        color: #00c752;
        border-color: #00c752;
    }

    .btn-add[data-type='project'],
    .btn-add[data-module='projects'] {
        color: #AE318B;
        border-color: #AE318B;
    }

    .btn-add[data-type='product'] {
        color: #FF6D3F;
        border-color: #FF6D3F;
    }

    .btn-add:hover,
    .btn-edit:hover,
    .btn-delete:hover,
    .btn-archive:hover {
        color: #fff;
        background-color: #2878FF;
    }

    .btn-remove:hover {
        color:#fff;
        background-color: red;
    }

    .btn-save:hover,
    .btn-setthumb:hover,
    .btn-bind:hover,
    .btn-send:hover,
    .btn-cancel:hover,
    .btn-search:hover,
    .btn-unbind:hover,
    .btn-modify:hover {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .btn-add[data-type='news']:hover,
    .btn-add[data-module='articles']:hover {
        color: #fff;
        background: #00c752;
    }

    .btn-add[data-type='project']:hover,
    .btn-add[data-module='projects']:hover {
        color: #fff;
        background: #AE318B;
    }

    .btn-add[data-type='product']:hover {
        color: #fff;
        background: #FF6D3F;
    }

    .btn-upload {
        color: #fff;
        background-color: #2878FF;
        border-color: #000;
    }

    .btn-upload:after {
        content:'\f093';
        font-family:FontAwesome;
        padding-left:15px;
    }

    .btn-ghost {
        color:#2878ff;
        background:#fff none repeat scroll 0 0;
        border:1px solid #2878ff;        
    }

    .btn-ghost:hover {
        color: #fff;
        background-color: #000;
    }

    .btn-ghost-grey {
        border: 1px solid #ced7db;
        background-color:#fff;
        color:#414141;
    }

    .btn-ghost-grey:hover {
        background-color:#ebeef0;
    }

    .btn-smallfont {
        font-size:14px;
        font-weight:normal;
    }

    .results .btn {
        max-height:40px;
        line-height:normal;
        padding:5px 0;
    }

    .btn-icon {
        line-height:100%;
        padding:8px;
        width:40px;
        height:40px;
        background-color:#2878ff;
        color:#fff;
        border:none;
    }

    .btn-icon:after {
        line-height:100%;
        font-size:20px;
    }

    .btn-icon:hover {
        color: #fff;
        background-color: #000;
    }

    .btn[disabled='disabled'] {
        color:#ccc;
        border-color:#ccc;
    }

    .record-loadmore {
        display:none;
    }

    input {
        -webkit-appearance: none;
        border-radius: 0 !important;
        outline: 0;
    }

    input:focus,
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:active {
        background-color:white;
    }

    #categories-search {
        display: none;
    }

    input[type='text'],
    input[type='password'] {
        height: 52px;
        width:100%;
        border: 1px solid #CED7DB;
        padding:0 12px;
    }

    .search-input {
        position: relative;
        margin: 0 -15px;
    }

    .keywords-search-input,
    .categories-search-input {
        position:relative;
        margin: 0;
        width: calc(100% + 1px);
    }

    .search-input > input,
    .keywords-search-input > input,
    .categories-search-input > input {
        background: #EBEEF0;
        border: none;
        line-height: 50px;
        width: 100%;
        height: 52px;
        font-size: 16px;
        padding: 0 70px 0 20px;
    }

    .search-input > .search-input-submit,
    .keywords-search-input > .keywords-search-input-submit,
    .categories-search-input > .categories-search-input-submit {
        position: absolute;
        top: 0;
        right: 0;
        background: #2879ff;
        color: #fff;
        width: 50px;
        line-height: 50px;
        height: 52px;
        text-align: center;
        font-size: 20px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .search-input > .search-input-submit:hover,
    .keywords-search-input > .keywords-search-input-submit:hover,
    .categories-search-input > .categories-search-input-submit:hover,
    .record-overview[data-type] .categories-search .search-input-submit:hover { 
        background: #000;
    }

    .record-overview .categories-search .search-input-submit,
    .record-overview .categories-search .categories-search-input-submit {
        background:#97a2ac;
    }

    .record-overview[data-type='product'] .categories-search .search-input-submit,
    .record-overview[data-type='product'] .categories-search .categories-search-input-submit {
        background:#FF6D3F;
    }

    .record-overview[data-type='project'] .categories-search .search-input-submit,
    .record-overview[data-type='project'] .categories-search .categories-search-input-submit,
    .record-overview[data-module='projects'] .categories-search .search-input-submit,
    .record-overview[data-module='projects'] .categories-search .categories-search-input-submit {
        background:#AE318B;
    }

    .record-overview[data-type='product'] .categories-search .search-input-submit:hover,
    .record-overview[data-type='product'] .categories-search .categories-search-input-submit:hover {
        background:#000;
    }

    .record-overview[data-type='project'] .categories-search .search-input-submit:hover,
    .record-overview[data-type='project'] .categories-search .categories-search-input-submit:hover,
    .record-overview[data-module='projects'] .categories-search .search-input-submit:hover,
    .record-overview[data-module='projects'] .categories-search .categories-search-input-submit:hover {
        background:#000;
    }

    .search-input .search-results,
    .categories-search-input .categories-search-results {
        position: absolute;
        background: #fff;
        z-index: 100;
        border: 1px solid #efefef;
        border-top: none;
        width:100%;
    }

    .search-input .search-results ul,
    .categories-search-input .categories-search-results ul {
        margin: 0;
        overflow: hidden;
        max-height: 0;
        transition: all 0.2s ease;
    }

    .search-input .search-results.active ul,
    .categories-search-input .categories-search-results.active ul {
        padding: 10px 0;
        max-height: 1000px;
    }

    .search-input .search-results ul > li,
    .categories-search-input .categories-search-results ul > li {
        padding: 5px 15px;
        margin: 0;
        font-size: 14px;
        line-height: 15px;
        width:100%;
    }

    .search-input .search-results ul > li:hover,
    .categories-search-input .categories-search-results ul > li:hover {
        cursor: pointer;
        color: #2879ff;
    }

    .record-overview[data-type='product'] .categories-search-input .categories-search-results ul > li:hover,
    .search-input.search-input-product .search-results ul > li:hover {
        color: #FF6D3F;
    }

    .record-overview[data-type='project'] .categories-search-input .categories-search-results ul > li:hover,
    .record-overview[data-module='projects'] .categories-search-input .categories-search-results ul > li:hover,
    .search-input.search-input-project .search-results ul > li:hover {
        color: #AE318B;
    }

    .select-full {
        width:100%;
        line-height: 50px;
        height: 52px;
        font-size: 14px;
        border: 1px solid #CED7DB;
        font-weight: 400;
        padding: 0 8px;
        cursor: pointer;
        background: #fff;
        z-index:10;
       -webkit-appearance: none;
       -moz-appearance: none;
       -ms-appearance:none;
       appearance: none;
       position:relative;
       outline:none;
    }

    .select-full:after {
        font-family: FontAwesome;
        content: "\f0d7";
        cursor: pointer;
        font-family: FontAwesome;
        line-height: 50px;
        margin-top: 1px;
        position: absolute;
        right: 16px;
        text-align: center;
        width: 51px;
        z-index: 20;
        border-left:1px solid #ccc;
        pointer-events:none;
        transition:all 0.2s ease-in-out;
    }

    .select-full-container:hover:after {
        background-color:#ebeef0;
    }
    
    .select-full option {
        width:100%;
        line-height: 50px;
        height: 52px;
        font-size: 14px;
        padding:12px;
        border:none;
        margin-left:-2px;
        box-shadow: 0 0 10px 100px #fff inset;
        outline:none;
        color:#000;
    }

    .select-full option:hover,
    .select-full option:checked {
        box-shadow: 0 0 10px 100px #ebeef0 inset;
        color:#000 !important;
    }

    .select-full option:focus {
        outline:none;
    }

    .select-full options {
        border:none;
        outline:none;
    }

    .dropdown {
        width: 100%;
        line-height: 50px;
        height: 52px;
        font-size: 14px;
        border: 1px solid #CED7DB;
        font-weight: 400;
        padding: 0 20px;
        cursor: pointer;
        background: #fff;
        z-index:10;
    }

    .dropdown.active {
        z-index:11;
    }

    .dropdown-value {
        
    }

    .dropdown .icon {
        position: absolute;
        right: 0;
        top: 0;
        border-left: 1px solid #CED7DB;
        padding: 0 20px;
        transition: all 0.3s ease;
    }

    .dropdown .sort-order-indicator {
        padding-left:5px;
    }

    .dropdown ul {
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
        background: #fff;
        border: 1px solid #CED7DB;
        border-top: none;
        margin: 0 -21px;
        overflow: hidden;
        max-height: 0;
        transition: all 0.2s ease;
        z-index: 11;
        cursor:default;
    }

    .dropdown.active ul {
        max-height: 1000px;
        transition: all 0.5s ease;
    }

    .dropdown ul li {
        border-top: 1px solid #CED7DB;
        padding: 0 20px;
        background: #fff;
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;		
    }

    .dropdown:not([data-type="checkbox"]) ul li {
        cursor:pointer;
    }

    .dropdown ul li:hover,
    .dropdown:hover .icon,
    .dropdown.active .icon {
        background: #EBEEF0;
    }

    .dropdown .droplabel.active .value,
    .dropdown .droplabel.active .valuelabel {
        display: inline;
    }

    .dropdown .droplabel .value,
    .dropdown .droplabel .valuelabel {
        display: none;
    }

    .dropdown .droplabel.active {
        line-height: 20px;
        padding: 5px 0;
    }

    .dxpcDropDown.dxpclW.dxpc-ddSys {
        width:calc(100% - 30px) !important;
    }

    .dxpcDropDown.dxpclW.dxpc-ddSys .dxlbd {
        /*height:auto !important;*/
        /*max-height:153px;*/
    }  

    .dxpcDropDown.dxpclW.dxpc-ddSys .dxeCalendar {
        width:100%;
    }

    textarea,
    .dxeBase,
    *[class^="dxeBase"] label,
    .dxeButtonEdit,
    .dxeCalendarButton,
    .dxeEditAreaSys,
    .dxeMemoEditAreaSys,
    input[type="text"].dxeEditAreaSys,
    input[type="password"].dxeEditAreaSys,
    .dxeListBox,
    .dxucControl,
    .dxucEditArea,
    .dxpnlControl,
    input[type="text"].dxucEditArea {
        font: 16px 'proxima-nova', sans-serif;
        color: #414141;
        width:100%;
    }

    .dxeListBox {
        table-layout:fixed;
        width:100% !important;
    }

    .dxeListBox .dxlbd {
        width:100% !important;
    }

    input[type="text"], 
    input[type="password"] {
        transition: border 0.3s ease-in-out;
    }

    .dxeNullText textarea, 
    .dxeNullText .dxeBase, 
    .dxeNullText [class^="dxeBase"] label, 
    .dxeNullText .dxeButtonEdit, 
    .dxeNullText .dxeCalendarButton, 
    .dxeNullText .dxeEditAreaSys, 
    .dxeNullText .dxeMemoEditAreaSys, 
    .dxeNullText input.dxeEditAreaSys[type="text"], 
    .dxeNullText input.dxeEditAreaSys[type="password"], 
    .dxeNullText .dxeListBox, 
    .dxeNullText .dxucControl, 
    .dxeNullText .dxucEditArea, 
    .dxeNullText .dxpnlControl, 
    .dxeNullText input.dxucEditArea[type="text"],
    .dxeNullText .dxeEditArea, 
    .dxeNullText .dxeMemoEditArea,
    .dxeNullText textarea,
    .dxeNullText input {
        color:#818181;
    }

    .dxeEditAreaSys, 
    input.dxeEditAreaSys[type="text"], 
    input.dxeEditAreaSys[type="password"] {
        padding:0 12px;
        width: calc(100% - 20px);
    }

    .dxbButton:not(.btn-ghost-grey):not(a),
    .dxeCalendarButton {
        line-height: 50px;
        background: #2879ff;
        color: #fff;
        text-align: center;
        padding: 0 20px;
        border: none;
        height: 50px;
        font-size: 16px;
        transition: all 0.4s ease;
    }

    .dxbButton div.dxb {
        border:none;
    }

    .dxbButtonSys.dxbTSys {
        font-family:inherit;
    }

    .dxeCalendarButton {
        line-height:35px;
        height:auto;
        width:auto;
    }

    .dxbButton:not(.btn):hover,
    .dxeCalendarButton:hover {
        background: #000;
    }

    .dxICheckBox {
        border: 1px solid #CED7DB;
        background: #fff;
        width: 20px;
        height: 20px;
    }

    .dxICheckBox.dxWeb_edtCheckBoxChecked {
        /*background-image:url(/resources/images/icons/icon-check.svg), url(/resources/images/icons/icon-check.png);*/
        background-image:url(/resources/images/icons/checkbox-active.svg), url(/resources/images/icons/checkbox-active.png);
        background-size:67%;
        background-position:3px 3px;
        background-repeat:no-repeat;
    }

    .dxICheckBox.dxWeb_edtCheckBoxGrayed,
    .dxICheckBox.dxWeb_edtCheckBoxGrayedDisabled,
    .dxICheckBox.dxWeb_edtCheckBoxCheckedDisabled {
        background-image:url(/resources/images/icons/checkbox-inactive.svg), url(/resources/images/icons/checkbox-inactive.png);
        background-size:67%;
        background-position:3px 3px;
        background-repeat:no-repeat;
    }

    .dxichCellSys {
        padding: 3px 0 1px;
    }

    .dxichTextCellSys {
        width:100%;
        padding:4px 0 0px 4px;
    }

    .dxWeb_edtCheckBoxUncheckedDisabled,
    .dxWeb_edtCheckBoxCheckedDisabled,
    .dxWeb_edtCheckBoxGrayedDisabled {
        opacity: 0.5;
    }

    /*.dxWeb_edtCheckBoxCheckedDisabled .dxKBSW,
    .dxWeb_edtCheckBoxChecked .dxKBSW {
        display: block;
        background: #2879ff;
        width: 12px;
        height: 12px;
        margin: 3px;
        border-radius: 50%;
    }*/

    .dxeRadioButtonList,
    .dxeCheckBoxList {
        border: 1px solid #CED7DB;
    }

    *[class^="dxeBase"] label {
        padding-left: 5px;
    }

    .dxeButtonEdit {
        border: 1px solid #CED7DB;
        background: #fff;
        height: 51px;
        position:relative;
    }

    .dxeButtonEditButton {
        background: #fff;
        border: none;
        border-left: 1px solid #CED7DB;
        margin: -1px -1px -1px 0;
        /*display: block;*/
        height: 48px;
        padding: 0 25px;
        transition: all 0.4s ease;
    }

    .dxeButtonEditSys {
        border-spacing:0;
    }

    .dxeSpinIncButton,
    .dxeSpinDecButton {
        height: 25px;
    }

    .dxeButtonEditButton:not(.dxeDisabled):hover {
        background: #EBEEF0;
    }

    .dxeButtonEditButton img {
        display: none !important;
    }
    
    .dxeButtonEditButton:before {
        font-family: FontAwesome;
        content: "\f0d7";
        line-height: 50px;
    }

    .dxeButtonEditButton:not(.dxeSpinIncButton):not(.dxeSpinDecButton):before {
        position:absolute;
        right:20px;
        top:2px;
    }

    .dxeButtonEditButton.dxeSpinIncButton {
        position:absolute;
        right:2px;
        top:2px;
        padding:0 20px;
    }

    .dxeButtonEditButton.dxeSpinDecButton {
        position:absolute;
        right:2px;
        top:25px;
        padding:0 20px;
    }

    .dxeSpinIncButton:before,
    .dxeSpinDecButton:before {
        line-height: 25px;
    }

    .dxeSpinIncButton:before {
        content: "\f0d8";
    }

    .dxpc-shadow {
        box-shadow: none;
    }

    .dxeListBox {
        border: none;
        border-top: 1px solid #CED7DB;
    }

    .dxeListBox div.dxlbd {
        padding:0;
    }

    .dxeListBoxItem {
        height: 50px;
        line-height: 50px;
        border: 1px solid #CED7DB;
        border-top: none;
        padding: 0 15px;
        color: #414141;
    }

    .dxeListBoxItem img {
        max-width: 28px;
        max-height: 28px;
        padding-right: 5px;   
        margin-top:-6px     
    }

    .dxeListBoxItemSelected,
    .dxeListBoxItemHover {
        background: #EBEEF0;
    }

    .dxeListBoxItemRow .dxeListBoxItem {
        border:none;
        border-top:1px solid #CED7DB;
    }

    .dxeListBoxItemRow:first-child .dxeListBoxItem {
        border-top:none;
        padding-top:1px;
    }

    .dxeListBox {
        border:1px solid rgb(206, 215, 219);
    }

    .dxeIRadioButton {
        border: 1px solid #CED7DB;
        background: #fff;
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }

    .dxEditors_edtRadioButtonUncheckedDisabled,
    .dxEditors_edtRadioButtonCheckedDisabled {
        opacity: 0.5;
    }

    .dxEditors_edtRadioButtonCheckedDisabled .dxKBSW,
    .dxEditors_edtRadioButtonChecked .dxKBSW {
        display: block;
        background: #2879ff;
        width: 12px;
        height: 12px;
        margin: 3px;
        border-radius: 50%;
    }

    .dxucTextBox {
        border: 1px solid #CED7DB;
        height: 50px;
        line-height: 50px;
        padding-left: 10px;
    }

    .dxucControl .dxucBrowseButton,
    .dxucControl .dxucBrowseButton.dxbf {
        background: #2879ff;
        color: #fff;
        border: none;
        transition: all 0.4s ease;
    }

    .dxucControl .dxucBrowseButton:before {
        font-family: FontAwesome;
        content: "\f093";
        line-height: 50px;
        padding: 0 15px;
    }

    .dxucControl .dxucBrowseButtonHover {
        background: #000;
    }

    .dxucControl .dxucBrowseButton a {
        display: none;
    }

    .dxeButtonEdit input[type='text'] {
        height: 46px;
    }

    .dxeTextBox {
        border: 1px solid #CED7DB;
        line-height: 50px;
        width:100%;
        transition: border 0.3s ease-in-out;
    }

    .dxeTextBox.grey {
        border:none;
        background-color:#edf0f1;
    }

    .dxeTextBox.grey input {
        background-color:#edf0f1;
    }

    .dxeTextBox .dxic {
        transition: all 0.1s ease-in-out;
    }

    .dxeTextBoxSys td.dxic {
        padding:0;
    }

    .dxeMemo {
        border: 1px solid #CED7DB;
        line-height: 30px;
        padding: 12px;
        width:100%;
    }

    .dxeMemo textarea {
        height:60px;
    }

    .dxeMemo.grey {
        border:none;
        background-color:#edf0f1;
    }

    .dxeMemo.grey textarea {
        background-color:transparent;
    }

    fieldset[disabled] input[type="checkbox"], 
    fieldset[disabled] input[type="radio"], 
    input.disabled[type="checkbox"], 
    input[type="checkbox"][disabled], 
    input.disabled[type="radio"], 
    input[type="radio"][disabled] {
        cursor:default;
    }

    .dxeCalendar {
        border:none;
    }

    .dxeCalendar > tbody > tr > td > table {
        border:1px solid #ced7db;
    }
    
    .dxeCalendar .dxeCalendarFooter {
        display:none;
    }

    .dxeCalendar .dxeCalendarHeader {
        font-weight:bold;
        font-size:14px;
        height:45px;
        background-color:#fff;
        text-transform:uppercase;
        padding:0;
    }

    .dxeCalendar .dxeCalendarHeader > table {
        height:100%;
        padding:0;
    }

    .dxeCalendar .dxeCalendarHeader > table td.dxe {
        min-width:50px;
        height:100%;
    }

    .dxeCalendar .dxeCalendarHeader > table td.dxeCHS {
        display:none;
    }

    .dxeCalendar td.dxMonthGridWithWeekNumbers {
        padding:0;
        background-color:#fff;
    }

    .dxeCalendar .dxMonthGridWithWeekNumbers .dxeCalendarDay {
        padding:14px 6px;
    }

    .dxeCalendar .dxMonthGridWithWeekNumbers .dxeCalendarWeekend {
        color:#3d7aff;
    }

    .dxeCalendar .dxMonthGridWithWeekNumbers .dxeCalendarWeekend:hover,
    .dxeCalendar .dxMonthGridWithWeekNumbers .dxeCalendarDay:hover {
        color:#fff;
    }

    .dxeCalendar .dxMonthGridWithWeekNumbers .dxeCalendarDay:hover,
    .dxeCalendar .dxeCalendarHeader > table td.dxe:hover {
        background-color:#3d7aff;
        color:#fff;
    }

    .dxeCalendar .dxMonthGridWithWeekNumbers .dx-ac td {
        background-color:#ebeef0;
        height:40px;
        font-size:14px;
        font-weight:bold;
        color:#666c6c;
        border-bottom:1px solid #cfcfcf;
    }

    .dxeCalendar .dxeCalendarSelected {
        background-color:#000;
    }

    .dxeCalendarFastNav {
        border-color:#ced7db;
    }

    .dxeCalendarFastNavFooter {
        border-color:#ced7db;
    }

    .dxeCalendarFastNavMonthSelected,
    .dxeCalendarFastNavYearSelected {
        background-color: #000;
        color:#fff;
    }

    .dxeCalendarFastNavMonth:hover,
    .dxeCalendarFastNavYear:hover {
        background-color:#3d7aff;
        border-color:#3d7aff;
    }

    .dxeCalendarFastNavMonthSelected:hover,
    .dxeCalendarFastNavYearSelected:hover {
        color:#fff;
        border:none;
        background-color:#000;
    }

    .dxeCalendarFastNavYearArea {
        padding-top:15px;
    }

    .dxpcDropDown .dxtlNode {
        height:40px;
    }

    .dxpcDropDown .dxtlNode td,
    .dxpcDropDown .dxtlFocusedNode td {
        vertical-align:middle;
    }

    .dxpcDropDown .dxtlFocusedNode {
        background-color:#e5e5e5;
        height:40px;
        color:#000;
    }

    .dxpcDropDown .dxtlFocusedNode .dxtlIndent, 
    .dxpcDropDown .dxtlFocusedNode .dxtlIndentWithButton {
        background:inherit;
    }

    .dxtlControl {
        font-family:inherit;
    }

    /*.dxeTokenBox .dxic {
        vertical-align:middle;
        position:relative;
    }*/

    /*.dxeTokenBox.dxeButtonEditSys td.dxictb {
        float:none;
        display:table-cell;
        padding:14px 0;
    }*/

    /*.dxeTokenBox .dxeToken {
        margin-right:5px;
        border:none;
        background:white;
        padding:0px 10px;
        display:inline-block;
    }*/

    .dxeTokenBox .dxeToken {
        display: inline-block;
        background: #3d7aff;
        color: white;
        float: left;
        min-width: 30px;
        margin:3px 5px;
        border-radius: 15px;
        padding-bottom: 0px;
        border:none;
    }

    .dxeButtonEdit td.dxictb {
        padding: 0px;
        margin: 0px -1px -1px 0px;
        display: block;
        float: left;
        cursor: text;
        overflow:hidden;
    }

    .dxeTokenBox.dxeButtonEditSys td.dxictb {
        padding-top: 8px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .dxeTokenBox.dxeButtonEditSys td.dxictb + .dxeToken {
        border:1px solid red !important;
    }

    .dxeTokenBox .dxeTokenText {
        padding: 5px 8px 3px 10px;
        margin: 0px;      
        display:block;
        float:left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-height: none;
        font-size:14px;
        max-width:334px !important;
    }

    .dxeTokenBox .dxeTokenRemoveButton {
        cursor: pointer;
        background:none #fff;
        margin: 3px 3px 0 0;
        border-radius: 50%;
        display: block;
        float: left;       
        width: 18px;
        height: 18px;
    }

    .dxeTokenBox .dxeTokenRemoveButton:after {
        content:'\f00d';
        font-family:FontAwesome;
        font-weight:100;
        font-size:14px;
        color:#3d7aff;
        display:block;
        line-height:18px;
        width:18px;
        height:18px;
        transition:color 0.2s ease-in-out;
        vertical-align:middle;
        text-align:center;
    }

    .dxeTokenBox .dxeTokenRemoveButton:hover:after {
        color:#000;
    }

    input.dxeTokenBoxInput {
        padding-left:8px !important;
        /*width:100% !important;*/
        height:39px !important;
    }

    input.dxeTokenBoxInput:focus {
        width:100% !important;
    }

    /*.dxeTokenBox .dxeTokenBoxInput {
        position:absolute;
        top:0;
        left:0;
        z-index:-1;
        width:10px;
    }

    .dxeTokenBox .dxeTokenRemoveButton {
        background:none;
        margin-right:10px;
    }

    .dxeTokenBox .dxeTokenRemoveButton:after {
        content:'\f00d';
        font-family:FontAwesome;
        font-weight:100;
        font-size:17px;
        margin-left:5px;
        margin-top:-2px;
        color:#3d7aff;
        padding:5px 3px;
        transition:color 0.2s ease-in-out;
    }

    .dxeTokenBox .dxeTokenRemoveButton:hover:after {
        color:#000;
    }*/

    input.dxucEditArea[type="text"].dxeDisabled,
    input.dxeEditAreaSys[type="text"].dxeDisabled,
    input.dxeDisabled,
    .dxeDisabled:not(.dxeCheckBoxList):not(.dxeTAR) {
        color:#959595;
       -webkit-text-fill-color: rgba(149, 149, 149, 1); 
       -webkit-opacity: 1; 
       color: rgba(149, 149, 149, 1); 
       background: #f6f7f9;
    }

    .required-failure {
        border:1px solid red;
        transition: border 0.3s ease-in-out;
    }

    .required-failure .dxic {
        border-left:7px solid red;
        transition: border 0.1s ease-in-out;
    }

    .required-failure .dxic input {
        padding-left:5px;
    }

    input[type="text"].required-failure, 
    input[type="password"].required-failure {
        border:1px solid red;
        border-left:7px solid red;
        transition: border 0.3s ease-in-out;
        padding-left:5px;
    }

    .checkboxlist .dxichTextCellSys {
        padding-right:20px;
    }

    .HTMLEditor {
        border:none;
        width:100%;
        padding:0;
    }

	.HTMLEditor table:first-child,
    .HTMLEditorTable {
		width:100% !important;
	}
    
    .HTMLEditor .dxtbControl,
    .HTMLEditor .dxmLite .dxm-main {
        background:none;
        background-color:#edeef2;
		padding-bottom:5px;
		border:none;
    }

	.HTMLEditor .dxheContentArea {
		background:none;
		padding-top:0px;
	}

    .HTMLEditor .dxm-separator {
        height:20px !important;
        padding:4px 5px 0 !important;
    }

    .status-slider {
        opacity:0;
    }

    .status-slider + label {
        background: #fff;
        background: linear-gradient(rgba(0, 0, 0, 0.02), rgba(255, 255, 255, 0)) repeat scroll 0 0%, #ddd none repeat scroll 0 0;
        border-radius: 1.5em;
        /*box-shadow: 0 0.07em 0.1em -0.1em rgba(0, 0, 0, 0.4) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7);*/
        cursor: pointer;
        display: block;
        height: 3em;
        line-height: 1.6em;
        position: relative;
        width: 8.5em;
        font-weight:normal;
    }

    .status-slider + label::after {
        background:#000;
        background: rgba(0, 0, 0, 0) linear-gradient(#f5f5f5 10%, #eeeeee) repeat scroll 0 0;
        border-radius: 50%;
        /*box-shadow: 0 0.1em 0.15em -0.05em rgba(255, 255, 255, 0.9) inset, 0 0.2em 0.2em -0.12em rgba(0, 0, 0, 0.5);*/
        content: "";
        height: 2em;
        left: 0.5em;
        position: absolute;
        top: 0.5em;
        transition: all 250ms ease-in-out 0s;
        width: 2em;
    }

    .status-slider + label::before {
        background:#ff6c43;
        background: rgba(255, 108, 67, 1) none repeat scroll 0 0;
        border-radius: 0.75em;
        /*box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7), 0 0 0 0 rgba(68, 204, 102, 0.7) inset;*/
        color: #fff;
        content: "Offline";
        height: 1.5em;
        left: 0.75em;
        padding-left: 54px;
        position: absolute;
        top: 0.75em;
        transition: all 250ms ease-in-out 0s;
        width: 7em;
    }

    .status-slider:checked + label::before {
        box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0), 5.5em 0 0 0 rgba(68, 204, 102, 1) inset;
        content: "Online";
        padding-left: 10px;
    }

    .status-slider:checked + label::after {
        left: 5.8em;
    }

    .ts-track {
        overflow:hidden;
	    padding: 0 1px;
	    display: inline-block;
	    height: 27px;
	    width: 75px;
	    border-radius: 27px;
        background-color:#999;
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        float:left;
    }

    .ts-track, 
    .ts-track .ts-switch-container {
	    -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

    .ts-track.no-transition, 
    .ts-track.no-transition .ts-switch-container {
	    -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

    .ts-track input[type="checkbox"] {
	    display: none;
    }

    .ts-track .ts-switch {
	    height: 27px;
	    width: 27px;
	    position: absolute;
	    display: inline-block;
	    margin-left: 28px;
	    margin-right: 24px;
	    cursor: pointer;
        background-color:#ccc;
	    left: 18px;
	    margin: 0 17px;
        border-radius:27px;
        z-index:10;
    }

    .ts-track .ts-switch-container {
	    position: relative;
        margin-left:0;
	    width: 85px;
    }

    .ts-track .ts-on-text, 
    .ts-track .ts-off-text {
	    position: absolute;
	    font-size: 25px;
	    display:inline-block;
	    text-align: center;
	    width: 54px;
	    line-height: 1.3;
	    font-size: 13px;
	    width: 28px;
        color: #FFF;
        height:27px;
        line-height:27px;
    }

    .ts-track .ts-on-left {
        background-color: green;
        height: 100%;
        position: absolute;
        width: 200%;
        left: -13px;    
    }

    .ts-track .ts-on-right {
        height: 100%;
        position: absolute;
        width: 200%;
        left: -13px;    
    }

    .ts-track .ts-off-text {
	    right: -9px;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

        .search-input,
        .categories-search-input {
            margin:0;
            width:calc(100% + 1px);
        }

        .btn-icon:hover {
            background-image:none;
        }

        .results .btn {
            max-height:none;
            line-height:50px;
            padding:initial;
        }

        .btn-edit:not(.btn-icon):after {
            content:'Bewerken';
            font-family:inherit;
            font-size:16px;
            font-weight:600;
        }

        .btn-delete:not(.btn-icon):after {
            content:'Verwijderen';
            font-family:inherit;
            font-size:16px;
            font-weight:600;
        }

        .btn-unbind:not(.btn-icon):after {
            content: 'Verwijderen';
            font-family:inherit;
            font-size:16px;
            font-weight:600;
        }

        .btn-modify:not(.btn-icon):after {
            content: 'Bewerken';
            font-family:inherit;
            font-size:16px;
            font-weight:600;
        }

        .btn-bind:not(.btn-icon):after {
            content: 'Opslaan';
            font-family:inherit;
            font-size:16px;
            font-weight:600;
        }

        .btn-send:not(.btn-icon):after {
            content: 'Versturen';
            font-family:inherit;
            font-size:16px;
            font-weight:600;
        }

        .btn-cancel:not(.btn-icon):after {
            content: 'Annuleren';
            font-family:inherit;
            font-size:16px;
            font-weight:600;
        }

        .btn-setthumb:not(.btn-icon):after {
            content:'Thumbnail';
            font-family:inherit;
            font-size:16px;
            font-weight:600;
        }

        .btn-search:not(.btn-icon):after {
            content:'Zoeken';
            font-family:inherit;
            font-size:16px;
            font-weight:600;
        }
    }
    
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .btn {
            font-size: 16px;
        }

        .btn-smallfont {
            font-size:14px;
        }

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Navigation           																								 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .architectenweb-logo {
        color: #00C752;
        font-size: 20px;
        font-weight: 700;
    }

    .architectenweb-logo:hover {
        text-decoration: none;
    }

    .notificationbars {
        position:fixed;
        z-index:3001;
        top:0;
        width:100%;
    }

    .notificationbar {
        font-size:15px;
        color:#fff;
        width:100%;        
    }

    .notificationbar-support {
        background-color:#ff6c43;
        min-height:30px;
        line-height:30px;
        text-align:center;
        padding:0 20px;
    }

    .notificationbar-preview {
        background-color:#3d7aff;
        min-height:30px;
        line-height:30px;
        text-align:center;
        padding:0 20px;
    }

    .previewmode {
        background-color:#3d7aff;
        font-size:15px;
        color:#fff;
        height:30px;
        line-height:30px;
        text-align:center;
        position:fixed;
        top:0;
        z-index:3001;
        width:100%;
    }

    nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background: #fff;
        color: #000;
        z-index: 3000;
        -webkit-transform: translateZ(0);
    }

    nav .wrapper {
        position: relative;
        z-index: 2000;
        background: #fff;
    }

    nav .container {
        position: relative;
        width: 100%;
        height: 50px;
    }

    nav .nav-drop {
        display: none;
    }

    nav ul {
        margin: 0;
    }

    nav .nav-main {
        position: absolute;
        bottom: 0;
        left: -2000px;
        width: 100%;
        height: 0;
        padding: 0 15px;
        font-weight:  700;
        line-height: 50px;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        visibility: hidden;
        box-shadow: none;
        transition: left 0.5s ease, box-shadow 0.8s ease;
        transition-delay: 0.3s;
        float:left;
    }

    nav .nav-list {
        list-style: outside none none;
        margin-left: -5px;
        padding-left: 0;
    }

    nav .nav-list li {
        display:inline-block;
        padding-left:5px;
        padding-right:5px;
    }

    nav .nav-main > ul.nav-list li:last-child {
        margin-right: 10px;
    }

    nav .nav-main.active {
        bottom: -50px;
        height: 50px;
        left: 0px;
        visibility: visible;
    }

    nav .nav-main a:hover,
    nav .nav-right a:hover {
        text-decoration: none;
        transition: border-color 0.4s ease;
    }

    nav .nav-right li {
        padding-left:5px;
        padding-right:5px;
    }

    nav .nav-logo {
        margin: 12px auto 0 auto;
        text-align: center;
    }

    nav .nav-search {
        position: absolute;
        right: 0;
        top: 15px;
        width: 0;
        transition: all 0.5s ease;
        padding: 11px 80px 11px 0;
        visibility: hidden;
    }

    nav .nav-search.active {
        width: 100%;
        padding-left: 45px;
        visibility: visible;
        background-color:white;
    }

    nav .nav-search input {
        width: 100%;
        font-size: 20px;
        font-weight: 700;
        border: none;
        line-height: 30px;
        height: 30px;
    }

    nav .nav-search input:focus{
        outline: 0;
    }

    nav .nav-search input::-webkit-input-placeholder {
        color: #EBEEF0;
    }

    nav .nav-search input:-moz-placeholder {
        color: #EBEEF0;
    }

    nav .nav-search input::-moz-placeholder {
        color: #EBEEF0;
    }

    nav .nav-search input:-ms-input-placeholder {
        color: #EBEEF0;
    }

    .ico-mglass {
        position: relative;
        display: inline-block;
        background: #fff;
        border-radius: 50%;
        height: 12px;
        width: 12px;
        border: 2px solid #000;
        transition: all 0.3s ease;
    }

    .ico-mglass:after {
        content: "";
        height: 2px;
        width: 8px;
        background: #000;
        position: absolute;
        top: 9px;
        left: 6px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all 0.3s ease;
    }

    .ico-mglass:hover {
        border-color: #2878FF;
    }

    .ico-mglass:hover:after {
        background: #2878FF;
    }

    nav .nav-right {
        position:fixed;
        float:right;
        height:auto;
        top:10px;
        right:10px;
    }

    nav .nav-right .start-search {
        cursor: pointer;
        margin-right:20px;
    }

    nav .nav-right .start-search:hover {
        color: #2878FF;
        transition: all 0.3s ease;
    }

    nav .nav-right .profile-icon {
        width: 17px;
        height: 20px;
        margin-bottom: -8px;
        cursor:pointer;
    }

    nav .nav-right .profile-icon path {
        transition: all 0.3s ease;
    }

    nav .nav-right .profile-icon:hover path {
        fill: #2878FF;
    }

    nav .nav-right .img-profile {
        max-width:30px;
        max-height:30px;
        cursor:pointer;
    }

    nav .nav-icons {
        height:100%;
    }

    nav .nav-icons .favorite {
        position: absolute;
        bottom: 10px;
        color:#ea515e;
        right: 0px;
        display:none;
    }

    nav .nav-icons .favorite.activated {
        display:block;
    }

    nav .nav-icons .favorite.activated {
        -webkit-animation: scaleFade 0.5s forwards;
        -moz-animation: scaleFade 0.5s forwards;
        animation: scaleFade 0.5s forwards;
        text-align:center;
        animation-delay:0.5s;
    }

    nav .nav-mobile {
        position: absolute;
        top: 30px;
        left: 15px;
        cursor: pointer;
        padding-top: 7px;
        width: 15px;
        height: 15px;
    }

    nav .nav-mobile span,
    nav .nav-mobile span:before,
    nav .nav-mobile span:after {
        height: 3px;
        width: 15px;
        position: absolute;
        display: block;
        content: '';
        background: #000;
        transition: all 0.3s ease-in-out;
    }

    nav .nav-mobile span:before {
        top: -6px;
    }

    nav .nav-mobile span:after {
        bottom: -6px;
    }

    nav .nav-mobile.active span {
        background-color: transparent;
    }

    nav .nav-mobile.active span:before,
    nav .nav-mobile.active span:after {
        top: 0;
    }

    nav .nav-mobile.active span:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    nav .nav-mobile.active span:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    nav .innercontainer {
        position: relative;
        height: 65px;
        top: 0;
        background: #ffffff;
        margin: -15px;
        padding: 15px 15px 10px 15px;
        z-index: 2;
        box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.20);
    }

    .nav-main-back {
        position: absolute;
        top: 0;
        left: 0;
        width: 150%;
        background: #ffffff;
        height: 50px;
        margin: -15px;
        padding: 15px;
        box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.20);
        z-index: 1;
        transition: all 0.3s ease;
    }

    .nav-main-back.active {
        top: 65px;
    }

    nav .nav-menu {
        width:250px;
        background-color:#edeef2;
        position:absolute;
        z-index:2001;
        top:75px;
        right:15px;
        box-shadow: 0 4px 4px 0 rgba(50, 50, 50, 0.2);
    }

    nav .nav-menu a {
        text-decoration:none;
    }

    nav .nav-menu .nav-menu-items:not(.nav-menu-logout) {
        padding:10px 0;
    }

    nav .nav-menu .nav-menu-items > div {
        padding:4px 20px;
        font-weight:bold;
    }

    nav .nav-menu .nav-menu-logout {
        /*border-top:1px solid #ccc;*/
        transition:none;
    }

    nav .nav-menu .nav-menu-logout a {
        padding:14px 20px;
        display:block;
        transition:none;
    }

    nav .nav-menu .nav-menu-items a:hover {
        color:#3d7aff;
    }

    nav .nav-menu .nav-menu-logout a:hover {
        background-color:#3d7aff;
        color:#fff;
    }

    nav .nav-menu .nav-menu-profiles {
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
        max-height:calc(100vh - 300px);
        min-height:85px;
        overflow:hidden;
        overflow-y:auto;
    }

    nav .nav-menu .nav-menu-logout a:hover span {
        color:#fff;
    }

    nav .nav-menu .nav-menu-items a > span {
        display:inline-block;
        width:25px;
        color:#3d7aff;
    }

    nav .nav-menu .profile-data {
        /*border-top:1px solid #ccc;*/
    }

    nav .nav-menu .profile-data a {
        padding:20px;
        display:block;
        transition:none;
    }

    nav .nav-menu .profile-data a:hover {
        background-color:#3d7aff;
        color:#fff;        
    }

    nav .nav-menu .profile {
        float:left;
        margin-right:20px;
    }

    nav .nav-menu .profile-data .profiletext {
        margin-left:10px;
    }

    nav .nav-menu .profile-img {
        border-radius:50%;
        background-color:white;
        width:45px;
        height:45px;
        overflow:hidden;
    }

    nav .nav-menu img {
        max-width:45px;
        max-height:45px;
    }

    nav .nav-menu img[src='/resources/images/icons/icon-profile-company.svg'] {
        max-height:30px;
        max-width:30px;
        margin:0 auto;
    }

    nav .nav-menu-mobile {
        background-color: #edeef2;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 50px;
        width: 100%;
        height:1000px;
    }

    nav .nav-menus {
        display:none;
    }

    nav .nav-notloggedin {
        text-align:center;
        margin-top:50px;
        width:100%;
        display:block;
    }

    nav .nav-drop-right-categories {
        margin:0;
        padding: 0;
        -moz-column-gap: 1.5em;
        -webkit-column-gap: 1.5em;
        column-gap: 1.5em;
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
        column-fill:balance;
    }

    nav .nav-drop-right-categories .categories-block {
        display:inline-block;
        margin: 0 0 30px 0;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    @media screen and (-webkit-min-device-pixel-ratio: 0) {

        nav .nav-drop-right-categories .categories-block {
            display: block;
            -webkit-column-break-inside:avoid;
        }
    }

    /*nav .nav-drop-right-categories a {
        display:block;
    }*/

    nav .nav-drop-rows a {
        float:none;
        display:inline-block !important;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .architectenweb-logo {
            font-size: 26px;
        }

        nav,
        nav .container {
            height: 75px;
        }

        nav .nav-logo {
            margin-top: 20px;
        }

        nav .nav-mobile {
            top: 43px;
        }

        nav .nav-right {
            top:20px;
            right:15px;
        }

        nav .nav-right .img-profile {
            max-width:40px;
            max-height:40px;
        }

        nav .nav-search {
            padding-top: 18px;
            padding-bottom: 18px;
        }

        nav .nav-search input {
            font-size: 24px;
            line-height: 40px;
            height: 40px;
        }

        nav .nav-menu-mobile {
            top:76px;
        }

        nav .innercontainer {
            height: 90px;
        }

        .nav-main-back.active {
            top: 90px;
        }     

        .content-wrapper.active-menu {
            margin-top: 125px;
        }   
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        nav .wrapper {
            box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.20);
        }

        nav .innercontainer {
            box-shadow: none;
        }

        .nav-main-back {
            display: none;
        }     
        
        nav .nav-menu-overlay {
            background-color:transparent;
            position:fixed;
            width:100%;
            height:100%;
            min-height:8000px;
            z-index:2000;
            left:0;
        }         
     
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .architectenweb-logo {
            font-size: 28px;
        }        
        
        nav .container {
            width: 1170px;
        }

        nav .nav-main {
            position: relative;
            bottom: auto !important;
            left: auto;
            width: auto;
            height: 75px;
            line-height: 75px;
            background: none;
            font-size: 18px;
            padding-top: 3px;
            overflow: hidden;
            visibility: visible;
            box-shadow: none;
            cursor:default;
        }

        nav .nav-main .nav-list > li {
            padding: 0 13px;
        }

        nav .nav-main > ul.nav-list li:last-child {
            margin-right: 0;
        }

        nav .nav-logo {
            margin-left: 0;
            float: left;
            padding-right: 10px;
        }

        nav .nav-mobile {
            display: none;
        }

        nav .nav-right {
            top: auto;
            right:auto;
            position:relative;
            float:right;
            height:75px;
        }    

        nav .nav-right .ico-mglass {
            margin-top:12px;
        }

        nav .nav-main li a {
            display: block;
            height: 72px;
            border-bottom: 5px solid #fff;
        }

        nav .nav-main li a.active {
            border-color: #000;
        }

        nav .nav-main li a:hover {
            border-color: #000;
        }

        nav .nav-main li a.nav-product:hover {
            border-color: #FF6D3F;
        }

        nav .nav-main li a.nav-product.active {
            border-color: #FF6D3F;
        }

        nav .nav-main li a.nav-project:hover {
            border-color: #AE318B;
        }

        nav .nav-main li a.nav-project.active {
            border-color: #AE318B;
        }

        nav .nav-search {
            padding-top: 20px;
            padding-bottom: 15px;
        }

        nav .nav-search.active {
            /*padding-left: 240px;*/
            width:960px;
        }

        nav .nav-drop {
            display: block;
            position: absolute;
            top: -2000px;
            width: 100%;
            padding: 15px 0;
            background: #EBEEF0;
            box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.20);
            line-height: 24px;
            z-index: 1000;
            transition: all 1.5s ease;
        }

        nav .nav-drop.active {
            top: 75px;
            transition: all 0.5s ease;
        }

        nav .nav-drop .container {
            height: auto;
        }

        nav .nav-drop .nav-drop-area {
            display:none;
        }

        nav .nav-drop a {
            transition: all 0.2s ease;
        }

        nav .nav-drop a:hover {
            text-decoration: none;
        }

        nav .nav-drop .nav-drop-left {
            font-weight: 600;
            color: #BCBCBC;
        }

        nav .nav-drop .nav-drop-left a:hover,
        nav .nav-drop .nav-drop-left a.active {
            color: #000;
        }

        nav .nav-drop .nav-drop-left .btn {
            line-height: 30px;
            padding: 0 15px;
            margin-top: 10px;
        }

        nav .nav-drop .nav-drop-products .nav-drop-left .btn {
            background: #FF6D3F;
        }

        nav .nav-drop .nav-drop-projects .nav-drop-left .btn {
            background: #AE318B;
        }

        nav .nav-drop .nav-drop-left a.btn:hover,
        nav .nav-drop .nav-drop-left a.btn.active {
            color: #fff;
            background: #000;
        }

        nav .nav-drop .nav-drop-right {
            font-size: 13px;
        }

        nav .nav-drop .nav-drop-right strong {
            font-weight: 600;
            font-size: 16px;
        }

        nav .nav-drop .nav-drop-right .title {
            margin-bottom:10px;
        }

        nav .nav-drop .nav-drop-right a:hover {
            color: #2878FF;
        }

        nav .nav-drop .nav-drop-products .nav-drop-right a:hover {
            color: #FF6D3F;
        }

        nav .nav-drop .nav-drop-projects .nav-drop-right a:hover {
            color: #AE318B;
        }

        nav .nav-drop .nav-drop-right-images {
            font-size: 15px;
            line-height: 18px;
            font-weight: 600;
        }

        nav .nav-drop .nav-drop-right-images .image {
            position: relative;
            margin-bottom: 10px;
        }

        nav .nav-drop .nav-drop-companies .nav-drop-right-images .image,
        nav .nav-drop .nav-drop-vacancies .nav-drop-right-images .image {
            margin-right:10px;
            display:inline-block;
            vertical-align:top;
        }

        nav .nav-drop .nav-drop-companies .nav-drop-right-images .text,
        nav .nav-drop .nav-drop-vacancies .nav-drop-right-images .text {
            display:inline-block;
            height:100px;
        }

        nav .nav-drop .nav-drop-right-images .image .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height:100%;
            transition: all 0.4s ease;
        }

        nav .nav-drop .nav-drop-right-images a:hover .image .overlay {
            background: rgba(0, 0, 0, 0.15);
        }

        nav .nav-drop .nav-drop-products a:hover .image .overlay {
            background: rgba(255, 109, 63, 0.35);
        }

        nav .nav-drop .nav-drop-projects a:hover .image .overlay {
            background: rgba(174, 49, 139, 0.35);
        }

        nav .nav-drop .nav-drop-right-images .subtitle {
            font-size: 14px;
            line-height: 14px;
            font-weight: 700;
            color: #BCBCBC;
            margin-top: 8px;
            margin-bottom:8px;
        }   
        
        .content-wrapper.active-menu {
            margin-top: 75px;
        }     
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */



/*  Tabs           																										 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    #Tabs {
	    position:relative;
	    font-size:16px;
        background:none;
        /*letter-spacing:1.2px;*/
        width:100%;
        height:100%;
        z-index:1;
        user-select:none;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
    }

    #Tabs::-webkit-scrollbar {
        display:none;
    }

    #Tabs ul {
	    display:-ms-flexbox;
	    display:-webkit-flex;
	    display:-moz-flex;
	    display:-ms-flex;
	    display:flex;
	    padding:0;
	    -ms-box-orient:horizontal;
	    -ms-box-pack:center;
        width:100%;
        overflow:auto;
    }

    #Tabs ul.center {
        justify-content:center;
    }

    #Tabs ul li {
	    display:block;
        color:#000;
        margin:0px 20px 20px 0;
        height:20px;
    }

    #Tabs ul li:last-child {
        margin-right:0;
    }

    #Tabs a {
	    white-space:nowrap;
        text-decoration:none;
        font-weight:bold;
	    color:#000;
	    -webkit-transition:color 0.3s, -webkit-transform 0.3s; 
	    transition:color 0.3s, transform 0.3s;
    }

    #Tabs a:hover {
        color:#000;
    } 

    #Tabs li.TabSelected a {
	    color:#000;
    }

    #Tabs .TabLine {
	    position:absolute;
	    bottom:12px;
        margin:0px 20px 0px 0;
        display:none;
	    left:0;
	    width:40px;
	    height:4px;
	    background:#2672fb;
	    -webkit-transition:all 0.3s ease-in-out;
        -moz-transition:all 0.3s ease-in-out;
        -o-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;
    }

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

        #Tabs ul {
          display:-webkit-box;
          display:box;
        }

    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Swipers and galleries   																							 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .swiper {
        opacity:1;
    }

    .swiper.scaled {
        opacity: 0;
        transform: scale(0.8);
        transition-duration:0.3s;
    }

    .swiper .swiper-container-free-mode .swiper-slide {
        height:auto !important;
        width:100% !important;
        margin-bottom:15px;
    }

    .swiper .record {
        margin-bottom:0;
    }

    .swiper .swiper-prev-button,
    .swiper .swiper-next-button {
        position: relative;
        display: inline-block;
        background: #EBEEF0;
        border-radius: 50%;
        width: 23px;
        height: 23px;
        padding-top: 4px;
        color: #000;
        font-size: 10px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .swiper .swiper-prev-button:hover,
    .swiper .swiper-next-button:hover {
        color: #2878FF;
    }

    section.grey .swiper .swiper-prev-button,
    section.grey .swiper .swiper-next-button {
        background: #fff;
    }

    .swiper .swiper-prev-button {
        padding-left: 7px;
    }

    .swiper .swiper-next-button {
        padding-left: 9px;
        margin-left: 5px;
    }

    .swiper .swiper-next-button::after,
    .swiper .swiper-prev-button::after {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        content: '';
        opacity: 0;
        pointer-events: none;
        background: rgba(255,255,255,0.5);
    }

    .swiper .swiper-next-button.activated::after,
    .swiper .swiper-prev-button.activated::after {
        -webkit-animation: anim-effect-boris 0.3s forwards;
        animation: anim-effect-boris 0.3s forwards;
    }

    .swiper-navigation {
        display:none;
    }

    .swiper .swiper-slide .record[data-type='brochure'] .thumb,
    .swiper .swiper-slide .record[data-type='model'] .thumb {
        background-color:#eceff1;
        height:220px;
        text-align:center;
    }

    .swiper .swiper-slide .record[data-type='brochure'] .thumb img,
    .swiper .swiper-slide .record[data-type='model'] .thumb img {
        padding:12px;
        display:inline-block;
        max-height:100%;
        width:auto;
    }

    /*.swiper-slide {
        transition:opacity ease 1s;
        opacity:1.2;
    }*/

    .swiper-slide-invisible {
        opacity:0;
    }

    .image-slide {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

    .image-slide:hover .overlay {
        cursor: pointer;
        background: rgba(0, 0, 0, 0.35);
    }

    .image-slide-news:hover .overlay,
    .image-slide-artikel:hover .overlay {
        cursor: pointer;
        background: rgba(0, 199, 82, 0.35);
    }

    .image-slide-product:hover .overlay  {
        background: rgba(255, 109, 63, 0.35);
    }

    .image-slide-project:hover .overlay  {
        background: rgba(174, 49, 139, 0.35);
    }

    .image-slide-partner:hover .overlay  {
        background: rgba(0, 0, 0, 0.35);
    }

    .image-slide > img,
    .image-slide > a > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
    }

    .image-slide .caption {
        position: absolute;
        top: 25px;
        left: 30px;
        font-size: 27px;
        font-weight:  800;
        color: #fff;
        line-height: 32px;
        right: 30px;
        text-align:left;
    }

    .image-slide .category {
        font-size: 14px;
        font-weight:  400;
        font-style:  italic;
    }

    .image-slide .filter,
    .image-slide .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height:100%;
        transition: all 0.4s ease;
    }

    .image-slide .filter {
        background: none;
        background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
        background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
        background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    }

    .swiper-slide {
        transform-style: flat !important;
    }

    .swiper-slide .article-news .title {
        font-size:20px;
        line-height:120%;
    }

    .article-detail-gallery {
        opacity:0;
        transition:opacity 0.2s ease-in;
    }

    .article-detail-gallery.loadcomplete {
        opacity:1;
    }

    .article-detail-gallery .header-image {
        width:1300px;
        text-align:center;
    }

    .article-detail-gallery.disabled .swiper-slide {
        margin-right:30px;
    }

    .article-detail-gallery .swiper-slide .caption {
        position: absolute;
        bottom:15px;
        color:#fff;
        font-size:14px;
        left:20px;
        right:20px;
        z-index:3;
        opacity:0;
        pointer-events:none;
        transition:opacity 0.2s ease-in;
    }

    .article-detail-gallery .swiper-slide:hover {
        cursor: url("/resources/images/icons/icon-gallery-plus.svg") 16 16, pointer;
    }

    .article-detail-gallery .swiper-slide:hover .caption {
        opacity:1;
    }

    .article-detail-gallery .swiper-slide .caption .title {
        font-weight:bold;
    }

    .article-detail-gallery .swiper-paging-left,
    .article-detail-gallery-overlay .swiper-paging-left {
        height: 100%;
        left: 0;
        position: absolute;
        z-index:10;
        top:0;
        width: 15%;
        cursor:help;
        transition: none;
        cursor: url("/resources/images/icons/icon-gallery-left.svg") 16 16, url("/resources/images/icons/icon-gallery-left.png") 16 16, pointer;
    }

    .article-detail-gallery .swiper-paging-right,
    .article-detail-gallery-overlay .swiper-paging-right {
        height: 100%;
        position: absolute;
        z-index:1;
        top:0;
        right: 0;
        width: 15%;
        cursor:help;
        transition: none;
        cursor: url("/resources/images/icons/icon-gallery-right.svg") 16 16, url("/resources/images/icons/icon-gallery-right.png") 16 16, pointer;
    }

    .article-detail-gallery-overlay .swiper-paging-left,
    .article-detail-gallery-overlay .swiper-paging-right {
        width:50%;
    }

    .article-detail-gallery .swiper-paging-left.swiper-button-disabled,
    .article-detail-gallery .swiper-paging-right.swiper-button-disabled,
    .article-detail-gallery-overlay .swiper-paging-left.swiper-button-disabled,
    .article-detail-gallery-overlay .swiper-paging-right.swiper-button-disabled {
        visibility: hidden;
    }

    .article-detail-gallery .swiper-slide img {
        height: 255px;
    }

    .article-detail-gallery .swiper-slide .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: none;
        transition: all 0.4s ease;
        z-index:2;
    }

    .article-detail-gallery .swiper-slide .overlay:hover {
        background: rgba(0, 0, 0, 0.35);
    }

    .article-detail-gallery-overlay {
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: #000;
        z-index:3001;
    }

    .article-detail-gallery-overlay-toolbar,
    .article-detail-gallery-overlay-toolbar-bottom {
        padding: 20px;
        cursor: default;
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 102;
    }

    .article-detail-gallery-overlay-toolbar-bottom {
        bottom:0px;
        top:auto;
    }

    .article-detail-gallery-overlay .btn-download {
        /*bottom:40px;
        right:40px;
        position:absolute;
        z-index:5;*/
        width: 60px;
        height: 60px;
        border:1px solid #fff;
    }

    .article-detail-gallery-overlay .btn-download:after {
        content: '';
        color: #fff;
        background: url("/Resources/Images/Icons/icon-download.png") no-repeat;
        background-size: auto auto;
        position: absolute;
        width: 30px;
        height:30px;
        background-size: contain;
        margin:14px;
        right:21px;
    }

    .article-detail-gallery-overlay .btn-download:hover {
        cursor:pointer;
    }

    .article-detail-gallery-overlay .article-detail-gallery-overlay-close {
	    width: 60px;
	    height: 60px;
	    overflow: hidden;
	    border: 1px solid #fff;
	    background: url('/resources/images/icons/icon-gallery-close.svg') no-repeat center center;
	    text-indent: 200%;
	    color: transparent;
	    outline: none;
        cursor:pointer;
    }        

    .article-detail-gallery-overlay-scale {
	    visibility: hidden;
	    opacity: 0;
	    -webkit-transform: scale(0.9);
	    transform: scale(0.9);
	    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    }

    .article-detail-gallery-overlay-scale.open {
	    visibility: visible;
	    opacity: 1;
	    -webkit-transform: scale(1);
	    transform: scale(1);	
	    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	    transition: transform 0.4s, opacity 0.4s;
    }

    .article-detail-gallery-overlay-data {
        width:100%;
        height:100%;
    }

    .article-detail-gallery-overlay-data .swiper-container {
        height:100%;
    }


    .article-detail-gallery-overlay .swiper-slide img {
        max-height:100%;
        max-width:100%;
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        position:absolute;
    }

     .article-detail-gallery-overlay .swiper-slide .overlay {
        background-image: none;
        background-image: linear-gradient(center bottom , rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0) 35%);
        background-image: -o-linear-gradient(center bottom , rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0) 35%);
        background-image: -moz-linear-gradient(center bottom , rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0) 35%);
        background-image: -webkit-linear-gradient(center bottom , rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0) 35%);
        background-image: -ms-linear-gradient(center bottom , rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0) 35%);
        background-image: -webkit-gradient(linear, center bottom, center top, color-stop(0.1, rgba(0, 0, 0, 0.4)), color-stop(0.35, rgba(0, 0, 0, 0)));
        top:0;
        position:absolute;
        height:100%;
        width:100%;
     }

    .article-detail-gallery-overlay .swiper-slide .caption {
        position: absolute;
        bottom:15px;
        color:#fff;
        font-size:14px;
        left:50%;
        transform: translate(-50%, 0);
        z-index:3;
        pointer-events:none;
    }

    .article-detail-gallery-overlay .swiper-slide .caption .title {
        font-weight:bold;
    }

    #relatedProducts .record-link {
        border-bottom:none;
    }

    .illustration-container .container-centered {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        left: 0;
        right: 0;
        text-align:center;
    }

    .illustration-container .container-centered img {
        display:inline-block;
    }

    .illustration-container .caption {
        position: absolute;
        bottom: 15px;
        color: #fff;
        font-size: 14px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 3;
        pointer-events: none;
    }

    .feature-table {
        color:#656b6f;
    }

    .feature-table > .row {
        padding:10px 0;
        border-bottom:1px solid #ccc;
        cursor:default;
    }

    .feature-table > .row:nth-last-child(2) {
        border-bottom:none;
    }

    .feature-table > .row:first-child {
        border-bottom:2px solid #00c95c;
    }

    .feature-table > .row:nth-last-child(1) {
        border-bottom:2px solid #00c95c !important;
    }

    .feature-table > .row > div:first-child {
        font-size:18px;
    }

    .feature-table > .row > div:nth-child(2),
    .feature-table > .row > div:nth-child(3),
    .feature-table > .row > div:nth-child(4) {
        text-align:center;
    }

    .feature-table span.fa-check {
        color:#00c95c;
    }

    @-webkit-keyframes anim-effect-boris {
        0% {
            -webkit-transform: scale3d(0.3, 0.3, 1);
            transform: scale3d(0.3, 0.3, 1);
        }
        25%, 50% {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(1.2, 1.2, 1);
            transform: scale3d(1.2, 1.2, 1);
        }
    }

    @keyframes anim-effect-boris {
        0% {
            -webkit-transform: scale3d(0.3, 0.3, 1);
            transform: scale3d(0.3, 0.3, 1);
        }
        25%, 50% {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(1.2, 1.2, 1);
            transform: scale3d(1.2, 1.2, 1);
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .image-slide .caption {
            font-size: 29px;
            line-height: 34px;
        }

        .swiper .swiper-prev-button,
        .swiper .swiper-next-button {
            width: 28px;
            height: 28px;
            padding-top: 5px;
            font-size: 12px;
        }

        .swiper .swiper-prev-button {
            padding-left: 8px;
        }

        .swiper .swiper-next-button {
            padding-left: 10px;
        }

        .article-detail-gallery .swiper-paging-right,
        .article-detail-gallery .swiper-paging-left {
	        width: 150px;
        }

        .article-detail-gallery .swiper-slide img {
            height: 320px;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .image-slide .category {
            font-size: 16px;
        }

        .article-detail-gallery-overlay-toolbar,
        .article-detail-gallery-overlay-toolbar-bottom {
            padding: 20px;
        }

        .swiper-slide .article-news .title {
            font-size:24px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .article-detail-gallery .swiper-slide img {
            height: 360px;
        }
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Records          																									 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .record {
        margin-bottom: 30px;
    }

    .record-small {
        margin-bottom: 30px;
    }

    .record a {
        display:block;
        text-decoration:none;
        overflow:hidden;
    }

    .record.scaled {
        opacity: 0;
        transform: scale(0.8);
    }

    .record {
        opacity: 1;
        transform: scale(1);
        transition: all 0.4s ease;
    }

    .record .record-title {
        font-size: 25px;
        color: #222722;
        transition: all 0.4s ease;
        margin-top:-2px;
        margin-bottom:6px;
    }

    .record .record-subtitle {
        /*margin-bottom:10px;*/
        margin-top:-2px;
        font-style:italic;
        /*transition: all 0.4s ease;*/
    }

    .products-recent .record .record-subtitle {
        max-height:34px;
    }

    .record[data-type='news'].hover .record-title,
    .record[data-module='articles'].hover .record-title,
    .record[data-type='61'].hover .record-title {
        color:#00c752;
    }

    .record[data-type='project'].hover .record-title,
    .record[data-module='projects'].hover .record-title,
    .record[data-type='50'].hover .record-title {
        color:#AE318B;
    }

    .record[data-type='product'].hover .record-title,
    .record[data-type='product'].hover .record-subtitle,
    .record[data-type='39'].hover .record-title,
    .record[data-type='39'].hover .record-subtitle {
        color:#FF6D3F;
    }

    .record-small .title .spacer-15 {
        display:none;
    }

    .record-small .record-title {
        font-size: 18px;
        line-height: 23px;
        font-weight:  700;
        padding-top:1px;
    }

    .record-link {
        
    }

    .record-designation {
        font-size:11px;
    }

    .record-tag {
        background-color: #000;
        color: #fff;
        cursor: default;
        position:absolute;
        bottom:0;
        font-size: 13px;
        padding: 5px 8px 4px 6px;
        pointer-events:none;
    }

    .record-tag:empty {
        display:none;
    }

    .record[data-type='news'] .record-tag,
    .record[data-module='articles'] .record-tag {
        background-color: #00c752;
    }

    .record[data-type='project'] .record-tag,
    .record[data-module='projects'] .record-tag {
        background-color: #AE318B;
    }

    .record[data-type='product'] .record-tag {
        background-color: #FF6D3F;
    }

    .record .record-description {
        overflow:hidden;
        position:relative;
        transition:all 0.4s ease-in-out;
    }

    .record .row [class^="col"]:not(:first-child) a.record-link > .record-title,
    .record .row [class^="col"]:not(:first-child) a.record-link > .title {
        margin-left:-30px;
        padding-left:30px;
    }

    .record .row [class^="col"]:not(.col-sm-12) a.record-link {
        overflow:visible;
    }

    .record .record-info {
        font-size: 14px;
        line-height:16px;
        margin: 10px 0;
    }

    .record-small .record-info {
        margin-left: 0;
    }

    .record .record-info .social {
        color: #CED7DB;
        padding-left: 5px;
        font-size: 12px;
    }

    .record-small .record-info .social {
        display: block;
        padding-top: 10px;
        padding-left: 0;
    }

    .record .record-info .social > a {
        color: #CED7DB;
        padding-left: 5px;
    }

    .record .record-info .social > a:hover {
        text-decoration: none;
        color: #000000;
    }

    .record[data-type='news'] .record-title,
    .record[data-module='articles'] .record-title {
        font-size:25px;
    	font-weight:800;
        line-height:28px;
    }

    .record[data-type='news'] .record-description,
    .record[data-module='articles'] .record-description {
        font-size:16px;
        line-height:24px;
        font-weight:normal;
    }

    .record[data-type='news'] .record-date,
    .record[data-type='news'] .record-type,
    .record[data-type='news'] .record-company,
    .record[data-type='news'] .record-category,
    .record[data-module='articles'] .record-date,
    .record[data-module='articles'] .record-type,
    .record[data-module='articles'] .record-company,
    .record[data-module='articles'] .record-category {
        font-size:14px;
	    font-weight:normal;
        line-height:16px;
    }

    .record[data-type='project'] .record-title,
    .record[data-module='projects'] .record-title {
        font-size:20px;
	    font-weight:700;
        line-height:24px;
    }

    .record[data-type='project'] .record-date,
    .record[data-type='project'] .record-type,
    .record[data-type='project'] .record-company,
    .record[data-type='project'] .record-category,
    .record[data-module='projects'] .record-date,
    .record[data-module='projects'] .record-type,
    .record[data-module='projects'] .record-company,
    .record[data-module='projects'] .record-category {
        font-size:16px;
	    font-weight:normal;
        line-height:20px;
    }

    .record[data-type='product'] .record-title {
        font-size:14px;
	    font-weight:700;
        line-height:16px;
    }

    .record[data-type='product'] .record-subtitle {
        font-size:14px;
	    font-weight:normal;
        line-height:16px;
    }

    .record[data-type='product'] .record-date,
    .record[data-type='product'] .record-type,
    .record[data-type='product'] .record-company,
    .record[data-type='product'] .record-category {
        font-size:12px;
	    font-weight:700;
        line-height:16px;
    }

    .record[data-type='brochure'] .record-title {
        font-size:14px;
	    font-weight:700;
        line-height:16px;
    }

    .record[data-type='brochure'] .record-subtitle {
        font-size:14px;
	    font-weight:normal;
        line-height:16px;
    }

    .record[data-type='brochure'] .record-date,
    .record[data-type='brochure'] .record-type,
    .record[data-type='brochure'] .record-company,
    .record[data-type='brochure'] .record-category {
        font-size:12px;
	    font-weight:700;
        line-height:16px;
    }

    .record[data-type='model'] .record-title {
        font-size:14px;
	    font-weight:700;
        line-height:16px;
    }

    .record[data-type='model'] .record-subtitle {
        font-size:14px;
	    font-weight:normal;
        line-height:16px;
    }

    .record[data-type='model'] .record-date,
    .record[data-type='model'] .record-type,
    .record[data-type='model'] .record-company,
    .record[data-type='model'] .record-category {
        font-size:12px;
	    font-weight:700;
        line-height:16px;
    }

    .record[data-type='vacancy'] .record-title {
        font-size:24px;
	    font-weight:normal;
        line-height:28px;
    }

    .record[data-type='vacancy'] .record-subtitle {
        font-size:15px;
    	font-weight:700;
        line-height:18px;
    }

    .record[data-type='vacancy'] .record-date,
    .record[data-type='vacancy'] .record-type,
    .record[data-type='vacancy'] .record-company,
    .record[data-type='vacancy'] .record-category {
        font-size:15px;
	    font-weight:normal;
        line-height:20px;
    }

    .record[data-type='partnernews'] .record-title {
        font-size:14px;
	    font-weight:normal;
        line-height:16px;
    }

	.record[data-type='company'] .record-title {
		font-size:25px;
		font-weight:normal;
        max-width:70%;
	}

    .record[data-type='company'] .logo {
        width:75px;
        height:75px;
        background-color:#fff;
        position:absolute;
        right:30px;
        bottom:-30px;
        /*padding:5px;*/
        padding:0px;
        pointer-events:none;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
        -moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.35);
        box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.35);
    }

    .record[data-type='company'] .logo .table {
        table-layout:fixed;
        height:inherit;
        width:inherit;
        max-height:100%;
        max-width:100%;
    }

    .record[data-type='company'] .logo .table .table-cell {
        text-align:center;
        height:inherit;
        width:inherit;
    }

    .record[data-type='company'] .logo .table .table-cell img {
        display:inline-block;
        max-height:100%;
        max-width:100%;
        padding:4px;
    }

    .record[data-type='company'] .record-logo img {
        max-height:100%;
        max-width:100%;
        /*width:auto;
        height:auto;*/
    }

    .record[data-type='calendar'] .record-title {
        font-size:25px;
    	font-weight:800;
        line-height:28px;
    }

    .record[data-type='calendar'] .record-subtitle {
        font-size:22px;
	    font-weight:normal;
        line-height:26px;
    }

    .record[data-type='theme'] {
        background-color:#000;
    }

    .record[data-type='theme'] .record-image {
        background-size:cover; 
        background-position:center; 
        border:none;
        transition:all 0.2s ease-in-out;
    }

    .record[data-type='theme'] .record-image img {
        opacity:0.6;
        width:100%;
    }

    .record[data-type='theme']:hover .record-image img {
        opacity:0.9;
    }

    .record[data-type='theme'] .caption {
        position:absolute;
        top:20px;
        left:20px;
        right:20px;
        pointer-events:none;
    }

    .record[data-type='theme'] .caption .record-title {
        color:#ffffff;
        font-size:27px;
        font-weight:bold;
        pointer-events:none;
    }

    .record[data-type='magazine'] .record-title {
        font-size:16px;
	    font-weight:normal;
	    line-height:20px;
    }

    .record[data-type='magazine'] .record-date,
    .record[data-type='magazine'] .record-type,
    .record[data-type='magazine'] .record-company,
    .record[data-type='magazine'] .record-category,
    .record[data-type='magazine'] .record-appearancedate {
        font-size:13px;
	    font-weight:normal;
	    line-height:16px;
    }

    .record[data-type='magazine'] .thumb {
        border:none;
    }

    .record[data-type='magazine'] .shadow {
        -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
        -moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.35);
        box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.35);
    }

    .record[data-type='event'] .record-title {
        font-size:25px;
    	font-weight:800;
        line-height:28px;
    }

    .record[data-type='event'] .record-description {
        font-size:16px;
        line-height:24px;
        font-weight:normal;
    }

    .record[data-type='event'] .record-eventtype,
    .record[data-type='event'] .record-date,
    .record[data-type='event'] .record-extra,
    .record[data-type='event'] .record-type,
    .record[data-type='event'] .record-company,
    .record[data-type='event'] .record-category {
        font-size:14px;
	    font-weight:normal;
        line-height:16px;
    }

    .record[data-type='event'] .dateoverlay {
        background-color:white;
        position:absolute;
        top:0px;
        left:0px;
        white-space: nowrap;
    }

    .record[data-type='event'] .dateoverlay > span {
        display:block;
        float:left; 
        text-align:center;
        padding:0 8px;
    }

    .record[data-type='event'] .dateoverlay > span[data-field='date-dash'] {
        line-height:35px;
        font-weight:600;
        font-size:34px;
        padding:0;
    }

    .record[data-type='event'] .dateoverlay span span {
        display:block;
    }

    .record[data-type='event'] .dateoverlay span[data-field*='day'] {
        font-size:34px;
        font-weight:bold;
        line-height:34px;
    }

    .record[data-type='event'] .dateoverlay span[data-field*='month'] {
        font-size:14px;
    }

    .record[data-type='event'] .dateoverlay span:empty {
        display:none;
    }

    .record[data-type='event'] .signup {
        position:absolute;
        bottom:0;
        left:15px;
        right:15px;
        display:none;
    }

    .record-small[data-type='news'] .record-title,
    .record-small[data-module='articles'] .record-title {
        font-size:18px;
	    font-weight:700;
        line-height:21px;
    }

    .record-small[data-type='news'] .record-description,
    .record-small[data-module='articles'] .record-description {
        font-size:16px;
        line-height:24px;
        font-weight:normal;
    }

    .record-small[data-type='news'] .record-subtitle,
    .record-small[data-type='news'] .record-date,
    .record-small[data-type='news'] .record-type,
    .record-small[data-type='news'] .record-company,
    .record-small[data-type='news'] .record-category,
    .record-small[data-module='articles'] .record-subtitle,
    .record-small[data-module='articles'] .record-date,
    .record-small[data-module='articles'] .record-type,
    .record-small[data-module='articles'] .record-company,
    .record-small[data-module='articles'] .record-category {
        font-size:14px;
	    font-weight:normal;
        line-height:16px;
    }

    .record[data-status='offline'],
    .record[data-status='offline'] .record-title,
    .record[data-status='offline'] .record-subtitle,
    .record[data-status='offline'] .record-date,
    .record[data-status='offline'] .record-company,
    .record[data-status='offline'] .record-description {
        color:#cdcdcd;
    }

    .record .record-thumb {
        width:100%;
        height:auto;
    }

    .record[data-type='newsletter'] .thumb,
    .record[data-type='event'] .thumb,
    .record[data-type='vacancy'] .thumb,
    .record[data-type='magazine'] .thumb,
    .record[data-type='news'] .thumb,
    .record[data-module='articles'] .thumb,
    .record[data-type='project'] .thumb,
    .record[data-module='projects'] .thumb,
    .record[data-type='product'] .thumb,
    .record[data-type='calendar'] .thumb,
    .record[data-type='company'] .thumb,
    .record[data-type='partnernews'] .thumb {
        border-bottom:5px solid #000000;
        position:relative;
    }

    .record[data-type='company'] .thumb {
        background-color:#EBEEF0;
    }

    .record[data-type='vacancy'] .thumb .thumbSquared {
        width:100%;
        margin-bottom:calc(100% - 2px);
        border-top:1px solid transparent;        
    }

    .record[data-type='vacancy'] .thumb .thumbSquared img {
        left: 0;
        right: 0;
        bottom: 0;
        top:0;
        margin: auto;
        position:absolute;
        display:block;    
        max-height:100%;
        max-width:100%;    
    }

    /*.record[data-type='vacancy'] .thumb .thumbCentered {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: perspective(0px) translate(-50%, -50%);
          -moz-transform: transform: perspective(0px) translate(-50%, -50%);
          -webkit-transform: transform: perspective(0px) translate(-50%, -50%);
          font-size:0;    
          text-align:center;  
    }

    .record[data-type='vacancy'] .thumb .thumbCentered img {
        display:inline-block;
    }*/

    .record[data-type='brochure'] .thumb,
    .record[data-type='model'] .thumb {
        position:relative;
    }

    .record[data-type='news'] .thumb,
    .record[data-module='articles'] .thumb {
        border-color: #00C752;
    }

    .record[data-type='project'] .thumb,
    .record[data-module='projects'] .thumb {
        border-color: #AE318B;
    }

    .record[data-type='product'] .thumb {
        border-color: #FF6D3F;
    }

    .record .thumb .overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.35);
        opacity: 0;
        transition: all 0.4s ease;
    }

    .record.hover .overlay {
        opacity: 1;
    }

    .record[data-type='news'] .thumb .overlay,
    .record[data-module='articles'] .thumb .overlay {
        background: rgba(0, 199, 82, 0.35);
    }

    .record[data-type='project'] .thumb .overlay,
    .record[data-module='projects'] .thumb .overlay {
        background: rgba(174, 49, 139, 0.35);
    }

    .record[data-type='product'] .thumb .overlay  {
        background: rgba(255, 109, 63, 0.35);
    }

    .record[data-type='brochure'] .thumb .overlay,
    .record[data-type='model'] .thumb .overlay  {
        background: rgba(62, 122, 255, 1);
    }

    .record[data-type='brochure'] .thumb .overlay:before,
    .record[data-type='model'] .thumb .overlay:before {
        font-family: FontAwesome;
        font-size:20px;
        font-weight:100;
        color:#fff;
        content:'\f063';
        position:absolute;
        top:calc(50% - 20px);
        left:calc(50% - 20px);
        padding:5px 10px;
        border:1px solid #fff;
        border-radius:50%;
    }

    .record .thumb .gradient {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(65, 65, 65, 0.15);
        opacity: 1;
        transition: all 0.4s ease;
    }

    .record[data-status='offline'] .thumb:before {
        content: "Offline";
        position:absolute;
        font-size:30px;
        font-weight:bold;
        color:#414141;
        left:50%;
        margin-left:-50px;
        top:50%;
        margin-top:-20px;
    }

    .record[data-status='offline'] .thumb img {
        opacity:0.2 !important;
    }

    .record .thumb .overlay .favorite {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        background: #000;
        line-height: 80px;
        text-align: center;
        color: #fff;
        font-size: 28px;
        margin: 20px;
        transition: all 0.2s ease-in-out;
        cursor: pointer;
        overflow:hidden;
    }

    .record.no-bookmark .thumb .overlay .favorite {
        display:none;
    }

    .record .thumb .overlay .favorite .bookmarked {
        color:#ea515e;
    }

    .record .thumb .overlay .favorite:before {
        font-family: FontAwesome;
        content: '\f004';
        color: #ea515e;
        line-height: 75px;
        opacity: 0;
        position: absolute;
        z-index:1000;
        width:75px\0; /* IE hack */
        height:75px\0; /* IE hack */
    }

    .record .thumb .overlay .favorite.activated:before {
        -webkit-animation: scaleFade 0.5s forwards;
        -moz-animation: scaleFade 0.5s forwards;
        animation: scaleFade 0.5s forwards;
        text-align:center;
    }

    .record .thumb .overlay .favorite:hover {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        line-height:80px;
    }

    .touch-device .record .thumb .overlay .favorite {
        display:none;
    }

    .record-flow1 {
        float:left;
        clear:left;
    }

    .record-flow2 {
        float:right;
        clear:right;
    }

    section[data-type='search'] .record[data-type] .record-title {
        font-size:20px;
    	font-weight:800;
        line-height:28px;
    }

    section[data-type='search'] .record[data-type] .record-description {
        font-size:16px;
        line-height:24px;
        font-weight:normal;
    }

    section[data-type='search'] .record[data-type] .record-date,
    section[data-type='search'] .record[data-type] .record-type,
    section[data-type='search'] .record[data-type] .record-company,
    section[data-type='search'] .record[data-type] .record-category {
        font-size:14px;
	    font-weight:normal;
        line-height:16px;
    }

    section[data-type='search'] .record[data-type='company'] .record-thumb-bg,
    section[data-type='search'] .record[data-type='vacancy'] .record-thumb-bg {
        background-origin:content-box;
        padding:10px;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

	    .record[data-type='news'] .record-title,
        .record[data-module='articles'] .record-title {
		    font-size:29px;
		    font-weight:800;
		    line-height:32px;
	    }

        .record[data-type='news'] .record-description,
        .record[data-module='articles'] .record-description {
            font-size:16px;
            line-height:24px;
            font-weight:normal;
        }

	    .record[data-type='news'] .record-date,
	    .record[data-type='news'] .record-type,
	    .record[data-type='news'] .record-company,
	    .record[data-type='news'] .record-category,
	    .record[data-module='articles'] .record-date,
	    .record[data-module='articles'] .record-type,
	    .record[data-module='articles'] .record-company,
	    .record[data-module='articles'] .record-category {
		    font-size:14px;
		    font-weight:normal;
		    line-height:16px;
	    }

	    .record[data-type='project'] .record-title,
        .record[data-module='projects'] .record-title {
			font-size:22px;
			font-weight:700;
			line-height:26px;
	    }

	    .record[data-type='project'] .record-date,
	    .record[data-type='project'] .record-type,
	    .record[data-type='project'] .record-company,
	    .record[data-type='project'] .record-category,
	    .record[data-module='projects'] .record-date,
	    .record[data-module='projects'] .record-type,
	    .record[data-module='projects'] .record-company,
	    .record[data-module='projects'] .record-category {
			font-size:14px;
			font-weight:normal;
			line-height:20px;
	    }

	    .record[data-type='product'] .record-title {
			font-size:14px;
			font-weight:700;
			line-height:16px;
	    }

	    .record[data-type='product'] .record-subtitle {
			font-size:12px;
			font-weight:normal;
			line-height:16px;
	    }

	    .record[data-type='product'] .record-date,
	    .record[data-type='product'] .record-type,
	    .record[data-type='product'] .record-company,
	    .record[data-type='product'] .record-category {
			font-size:14px;
			font-weight:normal;
			line-height:16px;
	    }

	    .record[data-type='brochure'] .record-title {
			font-size:14px;
			font-weight:700;
			line-height:16px;
	    }

	    .record[data-type='brochure'] .record-subtitle {
			font-size:12px;
			font-weight:normal;
			line-height:16px;
	    }

	    .record[data-type='brochure'] .record-date,
	    .record[data-type='brochure'] .record-type,
	    .record[data-type='brochure'] .record-company,
	    .record[data-type='brochure'] .record-category {
			font-size:14px;
			font-weight:normal;
			line-height:16px;
	    }

	    .record[data-type='model'] .record-title {
			font-size:14px;
			font-weight:700;
			line-height:16px;
	    }

	    .record[data-type='model'] .record-subtitle {
			font-size:12px;
			font-weight:normal;
			line-height:16px;
	    }

	    .record[data-type='model'] .record-date,
	    .record[data-type='model'] .record-type,
	    .record[data-type='model'] .record-company,
	    .record[data-type='model'] .record-category {
			font-size:14px;
			font-weight:normal;
			line-height:16px;
	    }

	    .record[data-type='vacancy'] .record-title {
			font-size:24px;
			font-weight:normal;
			line-height:28px;
	    }

	    .record[data-type='vacancy'] .record-subtitle {
			font-size:15px;
			font-weight:700;
			line-height:18px;
	    }

	    .record[data-type='vacancy'] .record-date,
	    .record[data-type='vacancy'] .record-type,
	    .record[data-type='vacancy'] .record-company,
	    .record[data-type='vacancy'] .record-category {
			font-size:15px;
			font-weight:normal;
			line-height:20px;
	    }

	    .record[data-type='partnernews'] .record-title {
			font-size:14px;
			font-weight:normal;
			line-height:16px;
	    }

	    .record[data-type='company'] .record-title {
			font-size:14px;
			font-weight:normal;
	    }

	    .record[data-type='calendar'] .record-title {
			font-size:18px;
			font-weight:800;
			line-height:22px;
	    }

	    .record[data-type='calendar'] .record-subtitle {
			font-size:16px;
			font-weight:normal;
			line-height:20px;
	    }

        .record[data-type='theme'] .caption .record-title {
            color:#ffffff;
            font-size:26px;
            font-weight:bold;
            pointer-events:none;
        }

	    .record[data-type='magazine'] .record-title {
			font-size:16px;
			font-weight:normal;
			line-height:20px;
	    }

	    .record[data-type='magazine'] .record-date,
	    .record[data-type='magazine'] .record-type,
	    .record[data-type='magazine'] .record-company,
	    .record[data-type='magazine'] .record-category,
        .record[data-type='magazine'] .record-appearancedate {
			font-size:13px;
			font-weight:normal;
			line-height:16px;
	    }

        .record[data-type='event'] .record-title {
            font-size:18px;
    	    font-weight:800;
            line-height:20px;
        }

        .record[data-type='event'] .record-description {
            font-size:16px;
            line-height:24px;
            font-weight:normal;
        }

        .record[data-type='event'] .record-eventtype,
        .record[data-type='event'] .record-extra,
        .record[data-type='event'] .record-date,
        .record[data-type='event'] .record-type,
        .record[data-type='event'] .record-company,
        .record[data-type='event'] .record-category {
            font-size:14px;
	        font-weight:normal;
            line-height:16px;
        }

	    .record-small[data-type='news'] .record-title,
        .record-small[data-module='articles'] .record-title {
			font-size:22px;
			font-weight:700;
			line-height:26px;
	    }

        .record-small[data-type='news'] .record-description,
        .record-small[data-module='articles'] .record-description {
            font-size:16px;
            line-height:24px;
            font-weight:normal;
        }

        .record-small[data-type='news'] .record-subtitle,
	    .record-small[data-type='news'] .record-date,
	    .record-small[data-type='news'] .record-type,
	    .record-small[data-type='news'] .record-company,
	    .record-small[data-type='news'] .record-category,
        .record-small[data-module='articles'] .record-subtitle,
	    .record-small[data-module='articles'] .record-date,
	    .record-small[data-module='articles'] .record-type,
	    .record-small[data-module='articles'] .record-company,
	    .record-small[data-module='articles'] .record-category {
			font-size:14px;
			font-weight:normal;
			line-height:16px;
	    }

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

	    .record[data-type='news'] .record-title,
        .record[data-module='articles'] .record-title {
		    font-size:34px;
		    font-weight:800;
		    line-height:36px;
	    }

        .record[data-type='news'] .record-description,
        .record[data-module='articles'] .record-description {
            font-size:16px;
            line-height:24px;
            font-weight:normal;
            max-height:72px;
            overflow:hidden;
            position:relative;
        }

        .record .text-fade {
            
        }

        .record .text-fade:after {
            content: "";
            text-align: right;
            position: absolute;
            /*top:165px;*/
            bottom:-1px;
            right: 0;
            width: 60%;
            height: 1.4em;
            background: none;
            background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 95%);
        }

        .record-small .title .spacer-15 {
            display:block;
        }

        .grey .record .text-fade:after {
            background: none;
            background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(235, 238, 240, 1) 95%);
        }

	    .record[data-type='news'] .record-date,
	    .record[data-type='news'] .record-type,
	    .record[data-type='news'] .record-company,
	    .record[data-type='news'] .record-category,
	    .record[data-module='articles'] .record-date,
	    .record[data-module='articles'] .record-type,
	    .record[data-module='articles'] .record-company,
	    .record[data-module='articles'] .record-category {
		    font-size:14px;
		    font-weight:normal;
		    line-height:16px;
	    }

	    .record[data-type='project'] .record-title,
        .record[data-module='projects'] .record-title {
			font-size:22px;
			font-weight:700;
			line-height:26px;
	    }

	    .record[data-type='project'] .record-date,
	    .record[data-type='project'] .record-type,
	    .record[data-type='project'] .record-company,
	    .record[data-type='project'] .record-category,
	    .record[data-module='projects'] .record-date,
	    .record[data-module='projects'] .record-type,
	    .record[data-module='projects'] .record-company,
	    .record[data-module='projects'] .record-category {
			font-size:14px;
			font-weight:normal;
			line-height:20px;
	    }

	    .record[data-type='product'] .record-title {
			font-size:16px;
			font-weight:700;
			line-height:18px;
	    }

	    .record[data-type='product'] .record-subtitle {
			font-size:14px;
			font-weight:normal;
			line-height:18px;
	    }

	    .record[data-type='product'] .record-date,
	    .record[data-type='product'] .record-type,
	    .record[data-type='product'] .record-company,
	    .record[data-type='product'] .record-category {
			font-size:14px;
			font-weight:normal;
			line-height:18px;
	    }

	    .record[data-type='brochure'] .record-title {
			font-size:16px;
			font-weight:700;
			line-height:18px;
	    }

	    .record[data-type='brochure'] .record-subtitle {
			font-size:14px;
			font-weight:normal;
			line-height:18px;
	    }

	    .record[data-type='brochure'] .record-date,
	    .record[data-type='brochure'] .record-type,
	    .record[data-type='brochure'] .record-company,
	    .record[data-type='brochure'] .record-category {
			font-size:14px;
			font-weight:normal;
			line-height:18px;
	    }

	    .record[data-type='model'] .record-title {
			font-size:16px;
			font-weight:700;
			line-height:18px;
	    }

	    .record[data-type='model'] .record-subtitle {
			font-size:14px;
			font-weight:normal;
			line-height:18px;
	    }

	    .record[data-type='model'] .record-date,
	    .record[data-type='model'] .record-type,
	    .record[data-type='model'] .record-company,
	    .record[data-type='model'] .record-category {
			font-size:14px;
			font-weight:normal;
			line-height:18px;
	    }

	    .record[data-type='vacancy'] .record-title {
			font-size:18px;
			font-weight:normal;
			line-height:22px;
	    }

	    .record[data-type='vacancy'] .record-subtitle {
			font-size:13px;
			font-weight:700;
			line-height:16px;
	    }

	    .record[data-type='vacancy'] .record-date,
	    .record[data-type='vacancy'] .record-type,
	    .record[data-type='vacancy'] .record-company,
	    .record[data-type='vacancy'] .record-category {
			font-size:15px;
			font-weight:normal;
			line-height:20px;
	    }

	    .record[data-type='partnernews'] .record-title {
			font-size:16px;
			font-weight:700;
			line-height:18px;
	    }

	    .record[data-type='company'] .record-title {
			font-size:16px;
			font-weight:normal;
	    }

	    .record[data-type='calendar'] .record-title {
			font-size:22px;
			font-weight:800;
			line-height:26px;
	    }

	    .record[data-type='calendar'] .record-subtitle {
			font-size:18px;
			font-weight:normal;
			line-height:22px;
	    }

	    .record[data-type='calendar'] .record-date,
	    .record[data-type='calendar'] .record-type,
	    .record[data-type='calendar'] .record-company,
	    .record[data-type='calendar'] .record-category {
			font-size:15px;
			font-weight:normal;
			line-height:18px;
	    }

	    .record[data-type='calendar'] .record-description {
			font-size:15px;
			font-weight:normal;
			line-height:18px;
	    }

        .record[data-type='theme'] .caption .record-title {
            font-size:30px;
        }

	    .record[data-type='magazine'] .record-title {
			font-size:16px;
			font-weight:normal;
			line-height:20px;
	    }

	    .record[data-type='magazine'] .record-date,
	    .record[data-type='magazine'] .record-type,
	    .record[data-type='magazine'] .record-company,
	    .record[data-type='magazine'] .record-category,
        .record[data-type='magazine'] .record-appearancedate {
			font-size:13px;
			font-weight:normal;
			line-height:16px;
	    }

        .record[data-type='event'] .record-title {
            font-size:24px;
    	    font-weight:800;
            line-height:26px;
        }

        .record[data-type='event'] .record-description {
            font-size:16px;
            line-height:24px;
            font-weight:normal;
        }

        .record[data-type='event'] .record-eventtype,
        .record[data-type='event'] .record-extra,
        .record[data-type='event'] .record-date,
        .record[data-type='event'] .record-type,
        .record[data-type='event'] .record-company,
        .record[data-type='event'] .record-category {
            font-size:14px;
	        font-weight:normal;
            line-height:16px;
        }

	    .record-small[data-type='news'] .record-title,
        .record-small[data-module='articles'] .record-title {
			font-size:24px;
			font-weight:700;
			line-height:28px;
	    }

        .record-small[data-type='news'] .record-description,
        .record-small[data-module='articles'] .record-description {
            font-size:16px;
            line-height:24px;
            font-weight:normal;
        }

        .record-small[data-type='news'] .record-subtitle,
	    .record-small[data-type='news'] .record-date,
	    .record-small[data-type='news'] .record-type,
	    .record-small[data-type='news'] .record-company,
	    .record-small[data-type='news'] .record-category,
        .record-small[data-module='articles'] .record-subtitle,
	    .record-small[data-module='articles'] .record-date,
	    .record-small[data-module='articles'] .record-type,
	    .record-small[data-module='articles'] .record-company,
	    .record-small[data-module='articles'] .record-category {
			font-size:14px;
			font-weight:normal;
			line-height:16px;
	    }

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

	    .record[data-type='news'] .record-title,
        .record[data-module='articles'] .record-title {
		    font-size:34px;
		    font-weight:800;
		    line-height:36px;
	    }

        .record[data-type='news'] .record-description,
        .record[data-module='articles'] .record-description {
            font-size:16px;
            line-height:24px;
            font-weight:normal;
        }

	    .record[data-type='news'] .record-date,
	    .record[data-type='news'] .record-type,
	    .record[data-type='news'] .record-company,
	    .record[data-type='news'] .record-category,
	    .record[data-module='articles'] .record-date,
	    .record[data-module='articles'] .record-type,
	    .record[data-module='articles'] .record-company,
	    .record[data-module='articles'] .record-category {
		    font-size:14px;
		    font-weight:normal;
		    line-height:16px;
	    }

	    .record[data-type='project'] .record-title,
        .record[data-module='projects'] .record-title {
			font-size:24px;
			font-weight:700;
			line-height:28px;
	    }

	    .record[data-type='project'] .record-date,
	    .record[data-type='project'] .record-type,
	    .record[data-type='project'] .record-company,
	    .record[data-type='project'] .record-category,
	    .record[data-module='projects'] .record-date,
	    .record[data-module='projects'] .record-type,
	    .record[data-module='projects'] .record-company,
	    .record[data-module='projects'] .record-category {
			font-size:16px;
			font-weight:normal;
			line-height:20px;
	    }

	    .record[data-type='product'] .record-title {
			font-size:16px;
			font-weight:700;
			line-height:18px;
	    }

	    .record[data-type='product'] .record-subtitle {
			font-size:14px;
			font-weight:normal;
			line-height:18px;
	    }

	    .record[data-type='product'] .record-date,
	    .record[data-type='product'] .record-type,
	    .record[data-type='product'] .record-company,
	    .record[data-type='product'] .record-category {
			font-size:14px;
			font-weight:normal;
			line-height:18px;
	    }

	    .record[data-type='brochure'] .record-title {
			font-size:16px;
			font-weight:700;
			line-height:18px;
	    }

	    .record[data-type='brochure'] .record-subtitle {
			font-size:14px;
			font-weight:normal;
			line-height:18px;
	    }

	    .record[data-type='brochure'] .record-date,
	    .record[data-type='brochure'] .record-type,
	    .record[data-type='brochure'] .record-company,
	    .record[data-type='brochure'] .record-category {
			font-size:14px;
			font-weight:normal;
			line-height:18px;
	    }

	    .record[data-type='model'] .record-title {
			font-size:16px;
			font-weight:700;
			line-height:18px;
	    }

	    .record[data-type='model'] .record-subtitle {
			font-size:14px;
			font-weight:normal;
			line-height:18px;
	    }

	    .record[data-type='model'] .record-date,
	    .record[data-type='model'] .record-type,
	    .record[data-type='model'] .record-company,
	    .record[data-type='model'] .record-category {
			font-size:14px;
			font-weight:normal;
			line-height:18px;
	    }

	    .record[data-type='vacancy'] .record-title {
			font-size:24px;
			font-weight:normal;
			line-height:28px;
	    }

	    .record[data-type='vacancy'] .record-subtitle {
			font-size:15px;
			font-weight:700;
			line-height:20px;
	    }

	    .record[data-type='vacancy'] .record-date,
	    .record[data-type='vacancy'] .record-type,
	    .record[data-type='vacancy'] .record-company,
	    .record[data-type='vacancy'] .record-category {
			font-size:15px;
			font-weight:normal;
			line-height:20px;
	    }

	    .record[data-type='partnernews'] .record-title {
			font-size:16px;
			font-weight:700;
			line-height:18px;
	    }

	    .record[data-type='company'] .record-title {
			font-size:18px;
			font-weight:normal;
	    }

        .record[data-type='company'] .logo {
            width:100px;
            height:100px;
        }

	    .record[data-type='calendar'] .record-title {
			font-size:25px;
			font-weight:800;
			line-height:28px;
	    }

	    .record[data-type='calendar'] .record-subtitle {
			font-size:22px;
			font-weight:normal;
			line-height:26px;
	    }

	    .record[data-type='calendar'] .record-date,
	    .record[data-type='calendar'] .record-type,
	    .record[data-type='calendar'] .record-company,
	    .record[data-type='calendar'] .record-category {
			font-size:14px;
			font-weight:normal;
			line-height:18px;
	    }

	    .record[data-type='calendar'] .record-description {
			font-size:18px;
			font-weight:normal;
			line-height:22px;
	    }

	    .record[data-type='magazine'] .record-title {
			font-size:16px;
			font-weight:normal;
			line-height:20px;
	    }

	    .record[data-type='magazine'] .record-date,
	    .record[data-type='magazine'] .record-type,
	    .record[data-type='magazine'] .record-company,
	    .record[data-type='magazine'] .record-category,
        .record[data-type='magazine'] .record-appearancedate {
			font-size:13px;
			font-weight:normal;
			line-height:16px;
	    }

	    .record-small[data-type='news'] .record-title,
        .record-small[data-module='articles'] .record-title {
			font-size:24px;
			font-weight:700;
			line-height:28px;
	    }

        .record-small[data-type='news'] .record-description ,
        .record-small[data-module='articles'] .record-description {
            font-size:16px;
            line-height:24px;
            font-weight:normal;
        }

        .record-small[data-type='news'] .record-subtitle,
	    .record-small[data-type='news'] .record-date,
	    .record-small[data-type='news'] .record-type,
	    .record-small[data-type='news'] .record-company,
	    .record-small[data-type='news'] .record-category,
        .record-small[data-module='articles'] .record-subtitle,
	    .record-small[data-module='articles'] .record-date,
	    .record-small[data-module='articles'] .record-type,
	    .record-small[data-module='articles'] .record-company,
	    .record-small[data-module='articles'] .record-category {
			font-size:14px;
			font-weight:normal;
			line-height:16px;
	    }

        .record .row [class^="col"]:not(.col-lg-12) a.record-link {
            overflow:visible;
        }

    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */



/*  Themes          																									 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .record-overview[data-type='theme'] {
        min-height:1000px;
    }

    .themes .sponsors,
    .themes .sponsors table {
        background-color:#edeef2;
        
    }

    .themes .sponsors table {
        height:75px;
    }

    .themes .sponsors .sponsor {
        padding:0 15px;
        vertical-align:middle;
    }

    .themes .sponsors .intro {
        display:table-cell;
        height:75px;
        vertical-align:middle;
        font-size:13px;
        color:#c8c9cb;
    }

    .themes .sponsors .sponsor img {
        max-height:40px;
        max-width:70px;
        cursor:pointer;
    }

    .themes .options .content-filter {
        font-size:16px;
        font-weight:bold;
        margin:15px 0 0px 0px;
        text-align:center;        
    }

    .themes .content-filter span {
        margin:0 15px;
    }

    .themes .content-filter span:first-child {
        margin-left:0;
    }

    .themes .content-filter span:last-child {
        margin-right:0;
    }

    .themes .content-filter span.active {
        border-bottom:4px solid #2672fb;
    }

    .themeperiod {
        padding:15px;
        margin-bottom:30px;
    }

    .themeperiod .period {
        font-size:13px;
        font-weight:bold;
        text-transform:uppercase;
    }

    .themeperiod a {
        font-size:14px;
        font-weight:normal;
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */



/*  Overviews          																									 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */

    #records {
        /*min-height:800px;*/
    }

    .record-overview .loader,
    .results .loader {
        top:20%;
        opacity:0;
    }

    .record-overview .loader.active,
    .results .loader.active {
        opacity:1;
    }

    .record-overview .results-text {
        font-size:30px;
        font-weight:bold;
        line-height:46px;
        text-align:center;
        display:block;
    }

    .record-overview .processTime {
        position:fixed;
        top:100px;
        right:100px;
        display:none;
    }




    .article {
        margin-bottom: 30px;
    }

    .article-small {
        margin-bottom: 20px;
    }

    .article-product {
        font-size: 14px;
        line-height: 16px;
    }

    .article-theme {
        background-color:#000;
    }

    .article a {
        display:block;
        text-decoration:none;
        overflow:hidden;
    }

    .article .social a {
        display:inline;
    }

    /*.article > div > div,*/
    .article > div > a {
        display: block;
    }

    #records {
        min-height:400px;
    }

    /*.article-overview .load-products {
        width: 100%;
    }*/

    .results {
        position:relative;
    }

    .record-overview[data-type='product'] .results {
        min-height:624px;
    }

    .article-overview-theme .results {
        min-height:initial;
    }







    .noresults {
        font-weight:bold;
        font-size:16px;
        text-align:center;
        position:relative;
        top:50px;
    }

    .results .article.scaled {
        opacity: 0;
        transform: scale(0.8);
    }

    .results .article {
        opacity: 1;
        transform: scale(1);
        transition: all 0.4s ease;
    }

    @-webkit-keyframes scaleFade {
        50% {
            opacity: 1;
            -webkit-transform: scale(1.1);
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(2.5);
        }
    }

    @-moz-keyframes scaleFade {
        50% {
            opacity: 1;
            -moz-transform: scale(1.1);
        }
        100% {
            opacity: 0;
            -moz-transform: scale(2.5);
        }
    }

    @keyframes scaleFade {
        50% {
            opacity: 1;
            transform: scale(1.1);
        }
        100% {
            opacity: 0;
            transform: scale(2.5);
        }
    }

    .article .row [class^="col"]:not(:first-child) a.link > .title {
        margin-left:-30px;
        padding-left:30px;
    }

    .article .title {
        font-size: 25px;
        color: #222722;
        transition: all 0.4s ease;
        margin-top:-2px;
    }

    .article-news .title {
        font-weight:  800;
        line-height: 30px;
    }
    
    .article-product .title,
    .article-partnernews .title {
        font-size:14px;
        line-height:16px;
        margin-bottom:10px;
    }

    .article-magazine .title {
        font-size:16px;
    }

    .article-theme .title {
        font-size:26px;
        line-height:28px;
        color:#fff;
        font-weight:bold;
    }

    .article-small .title {
        font-size: 18px;
        line-height: 23px;
        font-weight:  700;
        padding-top:1px;
    }

    .article-theme .category {
        font-size:16px;
        color:#fff;
        margin-top:4px;
    }

    .article .info {
        font-size: 14px;
        line-height:16px;
        margin: 10px 0;
    }

    .article-small .info {
        margin-left: 0;
    }

    .article .info .social {
        color: #CED7DB;
        padding-left: 5px;
        font-size: 12px;
    }

    .article-small .info .social {
        display: block;
        padding-top: 10px;
        padding-left: 0;
    }

    .article .info .social > a {
        color: #CED7DB;
        padding-left: 5px;
    }

    .article .info .social > a:hover {
        text-decoration: none;
        color: #000000;
    }

    .article .text {
        font-size: 18px;
        /*display:none;*/
        line-height: 28px;
    }

    .article .image {
        position: relative;
        border-bottom:5px solid #000000;
    }

    .article-theme .image {
        background-size:cover; 
        background-position:center; 
        /*opacity:0.6;*/
        border:none;
        transition:all 0.2s ease-in-out;
    }

    .article-theme img,
    .article-theme .image {
        opacity:0.6;
    }

    .article-theme .overlay {
        background-color: #2674fa;
        color:#fff;
        font-size:16px;
        padding:15px 20px;
        opacity:0;
        position:absolute;
        width:100%;
        bottom:0;
        transition:all 0.2s ease-in-out;
        display:table;
    }

    .article-theme[data-type='news'] .overlay,
    .article-theme[data-module='articles'] .overlay {
        background-color:#00C752;
    }

    .article-theme[data-type='project'] .overlay,
    .article-theme[data-module='projects'] .overlay {
        background-color:#AE318B;
    }

    .article-theme[data-type='product'] .overlay {
        background-color:#FF6D3F;
    }

    .article-theme .overlay > span {
        display:table-cell;
        min-width:50px;
    }

    .article-theme .overlay > span:last-child {
        vertical-align:bottom;
        text-align:right;
    }

    .article-theme:hover img,
    .article-theme:hover .image {
        opacity:0.9;
    }

    .article-theme:hover .overlay {
        opacity:1;
    }

    .article .image img {
        /*width:100%;
        height:100%;*/
        width:auto;
        height:auto;
    }

    .article .image img[data-src=''],
    .article .image img[src='/resources/images/generic/placeholder.png'] {
        width:auto;
        height:auto;
    }

    .article-small .image {
        margin-bottom: 0;
        border-bottom-width: 0;
    }

    .article-news .image {
        border-color: #00C752;
    }

    .article-project .image {
        border-color: #AE318B;
    }

    .article-product .image {
        border-color: #FF6D3F;
    }

    .article-magazine .image {
        border:none;
    }

    .article .image .overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        /*background: rgba(65, 65, 65, 0.35);*/
        background: rgba(0, 0, 0, 0.35);
        opacity: 0;
        transition: all 0.4s ease;
    }

    .article .image .gradient {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(65, 65, 65, 0.15);
        opacity: 1;
        transition: all 0.4s ease;
    }

    .article-news .image .overlay {
        background: rgba(0, 199, 82, 0.35);
    }

    .article-project .image .overlay  {
        background: rgba(174, 49, 139, 0.35);
    }

    .article-product .image .overlay  {
        background: rgba(255, 109, 63, 0.35);
    }

    .article .image .overlay .favorite {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        background: #000;
        line-height: 80px;
        text-align: center;
        color: #fff;
        font-size: 28px;
        margin: 20px;
        transition: all 0.2s ease-in-out;
        cursor: pointer;
        overflow:hidden;
    }

    .article.no-bookmark .image .overlay .favorite {
        display:none;
    }

    .article .image .overlay .favorite .bookmarked {
        color:#ea515e;
    }

    .article .image .overlay .favorite:before {
        font-family: FontAwesome;
        content: '\f004';
        color: #ea515e;
        line-height: 75px;
        opacity: 0;
        position: absolute;
        z-index:1000;
        width:75px\0; /* IE hack */
        height:75px\0; /* IE hack */
    }

    .article .image .overlay .favorite.activated:before,
    .social-data .favorite.activated:before {
        -webkit-animation: scaleFade 0.5s forwards;
        -moz-animation: scaleFade 0.5s forwards;
        animation: scaleFade 0.5s forwards;
        text-align:center;
    }

    .article .image .overlay .favorite:hover {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        line-height:80px;
    }

    .social-data .favorite {
        transition: all 0.2s ease-in-out;
        cursor: pointer;
        overflow:hidden;
    }

    .social-data .favorite:before {
        font-family: FontAwesome;
        content: '\f004';
        color: #ea515e;
        top:0;
        opacity: 0;
        position: absolute;
        z-index:1000;
        width:75px\0; /* IE hack */
        height:75px\0; /* IE hack */
    }

    .social-data .count {
        visibility:hidden;
    }

    .touch-device .article .image .overlay .favorite {
        display:none;
    }

    .article.hover {
        cursor:pointer;
    }

    .article.hover .link .overlay {
        opacity: 1;
    }

    .article.hover .link .title {
        color:#000000;
    }

    .article-news.hover .link .title {
        color:#00c752;
    }

    .article-product.hover .link .title {
        color:#FF6D3F;
    }

    .article-project.hover .link .title {
        color:#AE318B;
    }

    .article-theme.hover .link .title {
        color:#fff;
    }
    
    .article-small.article-project-overview .title {
        font-weight: 400;
    }

    .article-small.article-project-overview .title strong {
        font-size: 18px;
        line-height: 21px;
        font-weight:  700;
        padding-bottom: 10px;
    }

    .article-small.article-project-overview .record-architect {
        font-weight: 700;
    }

    .article-company .logo {
        width:100px;
        height:100px;
        background-color:#fff;
        position:absolute;
        right:30px;
        bottom:-35px;
        padding:5px;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
        -moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.35);
        box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.35);
    }

    .article-company .logo img {
        /*position:absolute;
        top:0;
        bottom:0;
        margin:auto;*/
        max-height:100%;
        max-width:100%;
        width:auto;
        height:auto;
    }

    /*.article-event .dateoverlay {
        background-color:white;
        position:absolute;
        top:0px;
        left:0px;
        white-space: nowrap;
    }

    .article-event .dateoverlay > span {
        display:block;
        float:left; 
        text-align:center;
        padding:0 8px;
    }

    .article-event .dateoverlay > span[data-field='date-dash'] {
        line-height:35px;
        font-weight:600;
        font-size:34px;
        padding:0;
    }

    .article-event .dateoverlay span span {
        display:block;
    }

    .article-event .dateoverlay span[data-field*='day'] {
        font-size:34px;
        font-weight:bold;
        line-height:34px;
    }

    .article-event .dateoverlay span[data-field*='month'] {
        font-size:14px;
    }

    .article-event .signup {
        position:absolute;
        bottom:0;
        left:15px;
        right:15px;
        display:none;
    }*/

    .article-vacancy .record-title {
        font-size:24px;
        line-height:28px;
    }

    .article-vacancy .record-company {
        font-size:15px;
        font-weight:bold;
        line-height:20px;   
    }

    .article-vacancy .record-extra {
        font-size:15px;
    }

    .article-vacancy .image {
        min-width:100%;
        min-height:100px;
    }

    .article-theme .caption {
        position:absolute;
        top:20px;
        left:20px;
        right:20px;
        pointer-events:none;
    }

    .article-theme .caption .theme {
        color:#ffffff;
        font-size:27px;
        font-weight:bold;
        pointer-events:none;
    }

    .article-magazine .shadow {
        -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35);
        -moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.35);
        box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.35);
    }

    .article-magazine .record-extra {
        font-size:13px;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .article {
            /*margin-bottom: 20px;*/
        }

        .article-small {
            margin-bottom: 10px;
        }

        .article-news .title {
            font-size: 29px;
            line-height: 32px;
        }

        /*.article-event .record-title {
            font-size:18px;
            line-height:20px;
        }

        .article-event .record-subtitle {
            font-size:16px;
        }

        .article-event .record-extra {
            font-size:14px;
        }

        .article-event .record-text {
            font-size:18px;
        }*/

        .article-small .title {
            font-size: 22px;
            line-height: 26px;
        }

        .article-small .info .social {
            display: inline;
            padding-left: 5px;
        }

        .article-small .text {
            font-size: 14px;
            display: block;
            line-height: 24px; 
        }

        .article-small > div:last-child {
            padding-left: 15px;
        }

        .article-small .image {
            border-bottom-width: 5px;
        }

        .article-project strong {
            font-size: 22px;
            line-height: 26px;
        }

        .article-small.article-project-overview .title strong {
            font-size: 22px;
            line-height: 26px;
        }

        .article-product .title,
        .article-nieuws .title,
        .article-company .title,
        .article-partnernews .title {
            font-size:14px;
            line-height:16px;
            margin-bottom:10px;
        }

        /*.article-company .logo {
            width:50px;
            height:50px;
            bottom:0px;
        }*/

        .article-vacancy .record-title {
            font-size:24px;
            line-height:28px;
        }

        .article-vacancy .record-company {
            font-size:15px;
            font-weight:bold;
            line-height:20px;   
        }

        .article-vacancy .record-extra {
            font-size:15px;
        }

        .article-vacancy .image {
            min-width:100%;
            min-height:150px;
        }

        /*.article-theme .caption {
            position:absolute;
            top:20px;
            left:20px;
        }

        .article-theme .caption .theme {
            color:#ffffff;
            font-size:26px;
            font-weight:bold;
            pointer-events:none;
        }*/

        /*.article-event .record-title {
            font-size:20px;
            line-height:26px;
        }

        .article-event .record-subtitle {
            font-size:18px;
        }

        .article-event .record-extra {
            font-size:15px;
        }

        .article-event .record-text {
            font-size:15px;
        }*/

        .article .row [class^="col"]:not(.col-sm-12) a.link {
            overflow:visible;
        }

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
       .article {
            /*margin-bottom: 30px;*/
        }

        /*.article-event {
            margin-bottom:50px;
        }*/

        .article-small {
            margin-bottom: 30px;
        }

        .article-news .title {
            font-size: 34px;
            line-height: 36px;
        }

        /*.article-event .record-title {
            font-size:22px;
            line-height:26px;
        }

        .article-event .record-subtitle {
            font-size:18px;
        }

        .article-event .record-extra {
            font-size:15px;
        }

        .article-event .record-text {
            font-size:15px;
        }*/

        .article .text {
            display: block;
        }

        .article-small .title {
            font-size: 24px;
            line-height: 28px;
        }

        .article-small .text {
            font-size: 16px;
            max-height:72px;
            overflow:hidden;
        }

        .article-small .text-fade:after {
            content: "";
            text-align: right;
            position: absolute;
            top:165px;
            right: 0;
            width: 60%;
            height: 1.2em;
            background: none;
            background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 95%);
        }

        .article-small.article-project-overview .title strong {
            font-size: 24px;
            line-height: 28px;
        }

        .article-product {
             font-size: 16px;
             line-height: 18px;
        }

        .article-product .title,
        .article-nieuws .title,
        .article-partnernews .title {
            font-size: 16px;
            line-height: 18px;
            margin-bottom:10px;
        }

        .article-company .title {
            font-size:16px;
            line-height:16px;
        }

        .article-company .record-subtitle {
            font-size:14px;
            opacity:0.8;
        }

        .article-company .logo {
            width:75px;
            height:75px;
            bottom:-30px;
        }

        .article-vacancy .record-title {
            font-size:18px;
            line-height:28px;
        }

        .article-vacancy .record-company {
            font-size:13px;
            font-weight:bold;
            line-height:20px;   
        }

        .article-vacancy .record-extra {
            font-size:13px;
        }

        .article-vacancy .image {
            min-width:100%;
            min-height:100px;
        }

        .article .row [class^="col"]:not(.col-md-12) a.link {
            overflow:visible;
        }

        /*.article-theme .caption .theme {
            font-size:30px;
        }*/

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

        .article-company .logo {
            width:100px;
            height:100px;
        }

        .article-vacancy .record-title {
            font-size:24px;
            line-height:28px;
        }

        .article-vacancy .record-company {
            font-size:15px;
            font-weight:bold;
            line-height:20px;   
        }

        .article-vacancy .record-extra {
            font-size:15px;
        }

        .article-vacancy .image {
            min-width:100%;
            min-height:150px;
        }

        /*.article-event .record-title {
            font-size:25px;
            line-height:26px;
        }

        .article-event .record-subtitle {
            font-size:22px;
        }

        .article-event .record-extra {
            font-size:14px;
        }

        .article-event .record-text {
            font-size:18px;
        }*/

        .article .row [class^="col"]:not(.col-lg-12) a.link {
            overflow:visible;
        }

    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Overview Categories filter	    																					 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .record-overview .categories-nodes {
        position: relative;
        top: 0;
    }

    .record-overview .categories-nodes * {
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;	
    }

    .record-overview .categories-title {
        display: block;
        color: #414141;
        margin: 0;
        padding: 0;
        line-height: 20px;
        font-weight: bold;
        cursor: default;
    }

    .record-overview .categories-nodes ul {
        list-style: none;
        padding: 0;
        position:relative;
        cursor:default;
        height:1px;
        transition:height 0.2s ease;
    }

    .record-overview .categories-nodes li {
        position: relative;
        background: #97a2ac;
        background: rgba(151, 162, 172, 0.15);
        line-height: 46px;
        height:50px;
        color: #414141;
        cursor: pointer;
        transition: all 0.2s ease;
        font-size:15px;
        top:0px;
        width:100%;
        /*width:calc(100% - 1px) !important;*/
        display:none;
    }

    .record-overview[data-type='product'] .categories-nodes li {
        background: #FF6D3F;
        background: rgba(255, 109, 63, 0.15);
    }

    .record-overview[data-type='project'] .categories-nodes li,
    .record-overview[data-module='projects'] .categories-nodes li {
        background: #AE318B;
        background: rgba(174, 49, 139, 0.15);
    }

    .record-overview .categories-nodes .title {
        padding:0 15px;
        border-bottom:1px solid #fff;
        height:50px;
    }

    .record-overview .categories-nodes .title .category {
        display:inline-block;
        max-width: calc(100% - 90px);
        text-overflow:ellipsis;
        overflow:hidden;
        vertical-align:middle;
        white-space:nowrap;
    }

    .record-overview .categories-nodes .title .cnt {
        display:inline-block;
        vertical-align:middle;
        padding:0 5px;
        color:#2879ff;
    }

    .record-overview[data-type='product'] .categories-nodes .title .cnt {
        color: #FF6D3F;
    }

    .record-overview[data-type='project'] .categories-nodes .title .cnt,
    .record-overview[data-module='projects'] .categories-nodes .title .cnt {
        color: #AE318B;
    }

    .record-overview .categories-nodes li.disabled * {
        color: #aaa !important;
        cursor:default !important;
    }

    .record-overview .categories-nodes li.disabled:hover * {
        color: #aaa !important;
    }

    .record-overview .categories-nodes li.safaritweak {
        -webkit-transition: top 0.2s ease, background 0.2s ease, color 0.2s ease;
    }
    
    .record-overview .categories-nodes ul li:not(.disabled):not(.active):hover,
    .record-overview .categories-nodes ul li:not(.disabled):not(.active).hover {
        color: #2879ff;
        background: rgba(151, 162, 172, 0.35);
    }

    .record-overview[data-type='product'] .categories-nodes ul li:not(.disabled):not(.active):hover,
    .record-overview[data-type='product'] .categories-nodes ul li:not(.disabled):not(.active).hover {
        color: #FF6D3F;
        background: rgba(255, 109, 63, 0.35);
    }

    .record-overview[data-type='project'] .categories-nodes ul li:not(.disabled):not(.active):hover,
    .record-overview[data-type='project'] .categories-nodes ul li:not(.disabled):not(.active).hover,
    .record-overview[data-module='projects'] .categories-nodes ul li:not(.disabled):not(.active):hover,
    .record-overview[data-module='projects'] .categories-nodes ul li:not(.disabled):not(.active).hover {
        color: #AE318B;
        background: rgba(174, 49, 139, 0.35);
    }

    .record-overview .categories-nodes ul li.active {
        transition: top 0.2s ease;
        transition-delay:0.4s;
        top:0px;
    }

    .record-overview .categories-nodes ul[data-level='0'] li.active {
        background: #97a2ac;
        color:#fff;
    }

    .record-overview .categories-nodes ul[data-level='1'] li.active {
        background: #ced7db;
        color:#fff;
    }

    .record-overview .categories-nodes ul[data-level='2'] li.active {
        background: #dbe4e8;
        color:#fff;
    }

    .record-overview[data-type='product'] .categories-nodes ul[data-level='0'] li.active {
        background: rgba(255, 109, 63, 1);
        color:#fff;
    }

    .record-overview[data-type='product'] .categories-nodes ul[data-level='1'] li.active {
        background: rgba(255, 109, 63, 0.75);
        color:#fff;
    }

    .record-overview[data-type='product'] .categories-nodes ul[data-level='2'] li.active {
        background: rgba(255, 109, 63, 0.5);
        color:#fff;
    }

    .record-overview[data-type='project'] .categories-nodes ul[data-level='0'] li.active,
    .record-overview[data-module='projects'] .categories-nodes ul[data-level='0'] li.active {
        background: rgba(174, 49, 139, 1);
        color:#fff;
    }

    .record-overview[data-type='project'] .categories-nodes ul[data-level='1'] li.active,
    .record-overview[data-module='projects'] .categories-nodes ul[data-level='1'] li.active {
        background: rgba(174, 49, 139, 0.75);
        color:#fff;
    }

    .record-overview[data-type='project'] .categories-nodes ul[data-level='2'] li.active,
    .record-overview[data-module='projects'] .categories-nodes ul[data-level='2'] li.active {
        background: rgba(174, 49, 139, 0.5);
        color:#fff;
    }
    
    .record-overview .categories-nodes ul li.active:nth-child(1) {
        top:0px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(2) {
        top:-50px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(3) {
        top:-100px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(4) {
        top:-150px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(5) {
        top:-200px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(6) {
        top:-250px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(7) {
        top:-300px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(8) {
        top:-350px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(9) {
        top:-400px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(10) {
        top:-450px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(11) {
        top:-500px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(12) {
        top:-550px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(13) {
        top:-600px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(14) {
        top:-650px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(15) {
        top:-700px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(16) {
        top:-750px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(17) {
        top:-800px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(18) {
        top:-850px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(19) {
        top:-900px;
    }

    .record-overview .categories-nodes ul li.active:nth-child(20) {
        top:-950px;
    }
    
    .record-overview .categories-nodes ul > li.active > .title > .cnt {
        display:none;
    }

    .record-overview .categories-nodes ul li .icon {
        position: absolute;
        right: 0;
        top: 0;
        border-left: 1px solid #fff;
        width: 50px;
        height: 50px;
    }

    .record-overview .categories-nodes ul li .icon span {
        height:50px;
        width:50px;
        display:block;
        text-align:center;
    }

    .record-overview .categories-nodes ul li .icon span:before {
        height: 1px;
        width: 11px;
        position: absolute;
        display: block;
        content: '';
        background: #2879ff;
        transition: all 0.3s ease-in-out;
        left: 0;
        right: 0;
        top:0;
        bottom:0;
        margin: auto;
        -webkit-backface-visibility: hidden;
    }

    .record-overview .categories-nodes ul li .icon span:after {
        height: 1px;
        width: 11px;
        position: absolute;
        display: block;
        content: '';
        background: #000;
        transition: all 0.3s ease-in-out;
        left: 0;
        right: 0;
        top:0;
        bottom:0;
        margin: auto;
    }

    .record-overview[data-type='product'] .categories-nodes ul li .icon span:after,
    .record-overview[data-type='product'] .categories-nodes ul li .icon span:before {
        background: #FF6D3F;
    }

    .record-overview[data-type='project'] .categories-nodes ul li .icon span:after,
    .record-overview[data-type='project'] .categories-nodes ul li .icon span:before,
    .record-overview[data-module='projects'] .categories-nodes ul li .icon span:after,
    .record-overview[data-module='projects'] .categories-nodes ul li .icon span:before {
        background: #AE318B;
    }

    .record-overview .categories-nodes ul li .icon span:after {
        -webkit-transform: rotateZ(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .record-overview .categories-nodes ul li.active > .icon span:before {
        width:20px;
        background-color:#fff;
    }

    .record-overview .categories-nodes ul li.active > .icon span:after {
        width: 20px;
        background-color:#fff;
    }

    /*.record-overview .categories-nodes ul li .icon span:before,
    .record-overview .categories-nodes ul li .icon span:after {
        height: 1px;
        width: 11px;
        position: absolute;
        left: 20px;
        top: 23px;
        display: block;
        content: '';
        background: #000;
        transition: all 0.3s ease-in-out;
    }*/

    /*.record-overview .categories-nodes ul li.active .icon span:before,
    .record-overview .categories-nodes ul li.active .icon span:after {
        left: 15px;
    }*/

    /*.record-overview .categories-nodes ul li.active ul li .icon {
        right: 17px;
        top: 13px;
        border: none;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        padding: 10px 0 0 6px;
        line-height: 20px;
        text-align: center;
        transition: all 0.3s ease;
    }

    .record-overview .categories-nodes ul li.active ul li .icon span:before,
    .record-overview .categories-nodes ul li.active ul li .icon span:after {
        left: 6px;
        top: 10px;
    }

    .record-overview .categories-nodes ul li.small .icon span:before,
    .record-overview .categories-nodes ul li.small .icon span:after,
    .record-overview .categories-nodes ul li.active ul li .icon span:before,
    .record-overview .categories-nodes ul li.active ul li .icon span:after {
        width: 8px;
        transition: all 0.3s ease-in-out;
    }*/

    /*.record-overview .categories-nodes ul li.active ul li .icon span:before {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .record-overview .categories-nodes ul li.active ul li .icon span:after {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }*/

    /*.record-overview .categories-nodes ul li.active .icon {
        margin-left: -30px;
    }*/

    .record-overview .categories-nodes ul li.active > .icon span:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .record-overview .categories-nodes ul li.active > .icon span:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    /*.record-overview .categories-nodes ul li.active .icon span:before {
        width:60%;
    }

    .record-overview .categories-nodes ul li.active .icon span:after {
        width: 60%;
    }*/

    /*.record-overview .categories-nodes ul li:not(.active) .icon span:before,
    .record-overview .categories-nodes ul li:not(.active) .icon span:after,
    .record-overview .categories-nodes ul li.active > ul > li .icon span:before,
    .record-overview .categories-nodes ul li.active > ul > li .icon span:after {
        background-color: #2879ff;
    }*/

    /*.record-overview[data-type='product'] .categories-nodes ul li:not(.active) .icon span:before,
    .record-overview[data-type='product'] .categories-nodes ul li:not(.active) .icon span:after,
    .record-overview[data-type='product'] .categories-nodes ul li.active > ul > li .icon span:before,
    .record-overview[data-type='product'] .categories-nodes ul li.active > ul > li .icon span:after {
        background-color: #FF6D3F;
    }

    .record-overview[data-type='project'] .categories-nodes ul li:not(.active) .icon span:before,
    .record-overview[data-type='project'] .categories-nodes ul li:not(.active) .icon span:after,
    .record-overview[data-type='project'] .categories-nodes ul li.active > ul > li .icon span:before,
    .record-overview[data-type='project'] .categories-nodes ul li.active > ul > li .icon span:after {
        background-color: #AE318B;
    }*/





    /*.record-overview[data-type='product'] .categories-nodes ul li.active:first-child {
        background: #FF6D3F;
    }

    .record-overview[data-type='project'] .categories-nodes ul li.active:first-child {
        background: #AE318B;
    }

    .record-overview[data-type='product'] .categories-nodes ul li.active:nth-child(2) {
        background: rgba(0, 199, 82, 0.75);
    }

    .record-overview[data-type='product'] .categories-nodes ul li.active:nth-child(2) {
        background: rgba(255, 109, 63, 0.75);
    }

    .record-overview[data-type='project'] .categories-nodes ul li.active:nth-child(2) {
        background: rgba(174, 49, 139, 0.75);
    }

    .record-overview[data-type='product'] .categories-nodes ul li.active:nth-child(3) {
        background: rgba(0, 199, 82, 0.5);
    }

    .record-overview[data-type='product'] .categories-nodes ul li.active:nth-child(3) {
        background: rgba(255, 109, 63, 0.5);
    }

    .record-overview[data-type='project'] .categories-nodes ul li.active:nth-child(3) {
        background: rgba(174, 49, 139, 0.5);
    }

    .record-overview[data-type='product'] .categories-nodes ul li.active:nth-child(4) {
        background: rgba(0, 199, 82, 0.25);
    }

    .record-overview[data-type='product'] .categories-nodes ul li.active:nth-child(4) {
        background: rgba(255, 109, 63, 0.25);
    }

    .record-overview[data-type='project'] .categories-nodes ul li.active:nth-child(4) {
        background: rgba(174, 49, 139, 0.25);
    }*/

    .record-overview .categories-nodes ul li.disabled .icon span:before,
    .record-overview .categories-nodes ul li.disabled .icon span:after,
    .record-overview .categories-nodes ul li > ul > li .icon span:before,
    .record-overview .categories-nodes ul li > ul > li .icon span:after {
        background-color: #aaa;
    }








    .record-overview .categories {
        position: relative;
        top: 0;
        max-height: 50px;
        overflow: hidden;
    }

    .record-overview .categories * {
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;	
    }
    
    .record-overview .categories.active {
        max-height: 5000px;
    }

    .record-overview .categories > div {
        width:100%;
    }

    .record-overview .categories > div > .title {
        display: block;
        background: #414141;
        color: #fff;
        line-height: 50px;
        padding: 0 15px;
        cursor: pointer;
        border-top: 1px solid #fff;       
        margin: 0 -15px; 
    }

    .record-overview .categories > div > .title .icon {
        float: right;
        border-left: 1px solid #fff;
        width: 35px;
        padding-left: 15px;
        text-align: center;        
    }

    .record-overview .categories ul {
        list-style: none;
        margin: 0 -15px;
        padding: 0;
        width: calc(100% + 15px);
        position:relative;
    }

    .record-overview .categories ul li {
        position: relative;
        background: #97a2ac;
        background: rgba(151, 162, 172, 0.15);
        line-height: 45px;
        padding: 0 50px 0 15px;
        padding: 0 0 0 15px;
        color: #414141;
        border-bottom: 1px solid #fff;
        cursor: pointer;
        transition: all 0.2s ease;
        -webkit-transition: none;
        font-size:16px;
        top:auto;
        /*width:calc(100% - 0px);*/
        width:inherit;
    }

    .record-overview .categories ul li.disabled * {
        color: #aaa !important;
        cursor:default !important;
    }

    .record-overview .categories ul li.disabled:hover * {
        color: #aaa !important;
    }

    .record-overview .categories ul li.safaritweak {
        -webkit-transition: top 0.2s ease, background 0.2s ease, color 0.2s ease;
    }

    .record-overview .categories .category-item {
        position:relative;
    }

    .article-overview-news .categories ul li {
        background: #00c752;
        background: rgba(0, 199, 82, 0.15);
    }

    .record-overview[data-type='product'] .categories ul li {
        background: #FF6D3F;
        background: rgba(255, 109, 63, 0.15);
    }

    .record-overview[data-type='project'] .categories ul li,
    .record-overview[data-module='projects'] .categories ul li {
        background: #AE318B;
        background: rgba(174, 49, 139, 0.15);
    }

    .record-overview .categories ul li:not(.disabled):hover,
    .record-overview .categories ul li:not(.disabled).hover {
        color: #2879ff;
        background: rgba(151, 162, 172, 0.35);
    }

    .article-overview-news .categories ul li:not(.disabled):hover,
    .article-overview-news .categories ul li:not(.disabled).hover {
        color: #00C752;
        background: rgba(0, 199, 82, 0.35);
    }

    .record-overview[data-type='product'] .categories ul li:not(.disabled):hover,
    .record-overview[data-type='product'] .categories ul li:not(.disabled).hover {
        color: #FF6D3F;
        background: rgba(255, 109, 63, 0.35);
    }

    .record-overview[data-type='project'] .categories ul li:not(.disabled):hover,
    .record-overview[data-type='project'] .categories ul li:not(.disabled).hover,
    .record-overview[data-module='projects'] .categories ul li:not(.disabled):hover,
    .record-overview[data-module='projects'] .categories ul li:not(.disabled).hover {
        color: #AE318B;
        background: rgba(174, 49, 139, 0.35);
    }

    .record-overview .categories ul li.active {
        color: #fff !important;
    }

    .record-overview .categories ul li.active .cnt {
        color: transparent !important;
    }

    .record-overview .categories ul li .cnt {
        color: #2879ff;
    }

    .article-overview-news .categories ul li .cnt {
        color: #00C752;
    }

    .record-overview[data-type='product'] .categories ul li .cnt {
        color: #FF6D3F;
    }

    .record-overview[data-type='project'] .categories ul li .cnt,
    .record-overview[data-module='projects'] .categories ul li .cnt {
        color: #AE318B;
    }

    .record-overview .categories ul li .icon {
        position: absolute;
        right: 0;
        top: 0;
        border-left: 1px solid #fff;
        width: 50px;
        height: 50px;
    }

    .record-overview .categories ul li .icon span:before,
    .record-overview .categories ul li .icon span:after {
        height: 1px;
        width: 11px;
        position: absolute;
        left: 20px;
        top: 23px;
        display: block;
        content: '';
        background: #000;
        transition: all 0.3s ease-in-out;
    }

    .record-overview .categories ul li.active .icon span:before,
    .record-overview .categories ul li.active .icon span:after {
        left: 15px;
    }

    .record-overview .categories ul li.active ul li .icon {
        right: 17px;
        top: 13px;
        border: none;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        padding: 10px 0 0 6px;
        line-height: 20px;
        text-align: center;
        transition: all 0.3s ease;
    }

    .record-overview .categories ul li.active ul li .icon span:before,
    .record-overview .categories ul li.active ul li .icon span:after {
        left: 6px;
        top: 10px;
    }

    .record-overview .categories ul li .icon span:after {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .record-overview .categories ul li.small .icon span:before,
    .record-overview .categories ul li.small .icon span:after,
    .record-overview .categories ul li.active ul li .icon span:before,
    .record-overview .categories ul li.active ul li .icon span:after {
        width: 8px;
        transition: all 0.3s ease-in-out;
    }

    .record-overview .categories ul li.active ul li .icon span:before {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .record-overview .categories ul li.active ul li .icon span:after {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .record-overview .categories ul li.active .icon {
        margin-left: -30px;
    }

    .record-overview .categories ul li.active .icon span:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .record-overview .categories ul li.active .icon span:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .record-overview .categories ul li.active .icon span:before,
    .record-overview .categories ul li.active .icon span:after {
        background-color: #fff;
        width: 20px;
    }

    .record-overview .categories ul li:not(.active) .icon span:before,
    .record-overview .categories ul li:not(.active) .icon span:after,
    .record-overview .categories ul li.active > ul > li .icon span:before,
    .record-overview .categories ul li.active > ul > li .icon span:after {
        background-color: #2879ff;
    }

    .article-overview-news .categories ul li:not(.active) .icon span:before,
    .article-overview-news .categories ul li:not(.active) .icon span:after,
    .article-overview-news .categories ul li.active > ul > li .icon span:before,
    .article-overview-news .categories ul li.active > ul > li .icon span:after {
        background-color: #00C752;
    }

    .record-overview[data-type='product'] .categories ul li:not(.active) .icon span:before,
    .record-overview[data-type='product'] .categories ul li:not(.active) .icon span:after,
    .record-overview[data-type='product'] .categories ul li.active > ul > li .icon span:before,
    .record-overview[data-type='product'] .categories ul li.active > ul > li .icon span:after {
        background-color: #FF6D3F;
    }

    .record-overview[data-type='project'] .categories ul li:not(.active) .icon span:before,
    .record-overview[data-type='project'] .categories ul li:not(.active) .icon span:after,
    .record-overview[data-type='project'] .categories ul li.active > ul > li .icon span:before,
    .record-overview[data-type='project'] .categories ul li.active > ul > li .icon span:after,
    .record-overview[data-module='projects'] .categories ul li:not(.active) .icon span:before,
    .record-overview[data-module='projects'] .categories ul li:not(.active) .icon span:after,
    .record-overview[data-module='projects'] .categories ul li.active > ul > li .icon span:before,
    .record-overview[data-module='projects'] .categories ul li.active > ul > li .icon span:after {
        background-color: #AE318B;
    }

    .record-overview .categories ul li.active:first-child {
        background: #97a2ac;
    }

    .article-overview-news .categories ul li.active:first-child {
        background: #00C752;
    }

    .record-overview[data-type='product'] .categories ul li.active:first-child {
        background: #FF6D3F;
    }

    .record-overview[data-type='project'] .categories ul li.active:first-child,
    .record-overview[data-module='projects'] .categories ul li.active:first-child {
        background: #AE318B;
    }

    .record-overview[data-type='product'] .categories ul li.active:nth-child(2) {
        background: rgba(0, 199, 82, 0.75);
    }

    .record-overview[data-type='product'] .categories ul li.active:nth-child(2) {
        background: rgba(255, 109, 63, 0.75);
    }

    .record-overview[data-type='project'] .categories ul li.active:nth-child(2),
    .record-overview[data-module='projects'] .categories ul li.active:nth-child(2) {
        background: rgba(174, 49, 139, 0.75);
    }

    .record-overview[data-type='product'] .categories ul li.active:nth-child(3) {
        background: rgba(0, 199, 82, 0.5);
    }

    .record-overview[data-type='product'] .categories ul li.active:nth-child(3) {
        background: rgba(255, 109, 63, 0.5);
    }

    .record-overview[data-type='project'] .categories ul li.active:nth-child(3),
    .record-overview[data-module='projects'] .categories ul li.active:nth-child(3) {
        background: rgba(174, 49, 139, 0.5);
    }

    .record-overview[data-type='product'] .categories ul li.active:nth-child(4) {
        background: rgba(0, 199, 82, 0.25);
    }

    .record-overview[data-type='product'] .categories ul li.active:nth-child(4) {
        background: rgba(255, 109, 63, 0.25);
    }

    .record-overview[data-type='project'] .categories ul li.active:nth-child(4),
    .record-overview[data-module='projects'] .categories ul li.active:nth-child(4) {
        background: rgba(174, 49, 139, 0.25);
    }

    .record-overview .categories ul li.disabled .icon span:before,
    .record-overview .categories ul li.disabled .icon span:after,
    .record-overview .categories ul li > ul > li .icon span:before,
    .record-overview .categories ul li > ul > li .icon span:after {
        background-color: #aaa;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

        .record-overview .categories {
            overflow: visible; 
            max-height: initial;
        }

        .record-overview .categories ul {
            margin: 0;
            width:inherit;
        }

        .record-overview .categories ul li {
            height: 50px;
        }

        .record-overview .categories ul li.active > ul {
            /*width: 283px;*/
            width:calc(100% - 30px);
            margin-right: -15px;
            background: none;
        }

        .record-overview .categories > div > .title {
            display:none;
        }

        .record-overview .categories .title {
            height:inherit;
        }

        .record-overview .categories .title .category {
            display:inline-block;
            max-width: calc(100% - 105px);
            text-overflow:ellipsis;
            overflow:hidden;
            vertical-align:middle;
            white-space:nowrap;
        }

        .record-overview .categories .title .cnt {
            display:inline-block;
            vertical-align:middle;
        }

        #categories-search {
            display: block;
        }

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .record-overview .categories {
            min-height:250px;
        }

        .record-overview .categories ul li.active > ul {
            /*width: 293px;*/
            width:calc(100% - 30px);
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

        .article-overview-theme .article .image img {
            width:calc(100% - 1%);
        }

        .record-overview .categories {
            margin-bottom:30px;
        }

        .record-overview .categories ul li.active > ul {
            /*width: 263px;*/
            width:calc(100% - 30px);
        }
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Overview Filtering.	        																						 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .article-overview .filters {
        position: relative !important;
        top: 0 !important;
        max-height: 50px;
        overflow: hidden;
        margin-bottom:15px;
    }

    .article-overview .filters.ontop {
        overflow:visible;
    }

    .article-overview-theme .sponsors {
        display: flex;
        display: -webkit-box;
        justify-content: center;   
        /*justify-content: flex-end;*/      
    }

    .article-overview-theme .sponsors > div {
        max-width:100px;
        max-height:100px;
        margin:0 20px;
        margin-bottom:33px;
    }

    .article-overview-theme .sponsors > div:first-child {
        margin-left:0;
    }

    .article-overview-theme .sponsors > div:last-child {
        margin-right:0;
    }

    .article-overview-theme .sponsors > div img {
        cursor:pointer;
    }

    /*.article-overview-theme .content-type {
        font-size:16px;
        font-weight:bold;
        margin:30px 0 0px 0px;
        text-align:center;
    }

    .article-overview-theme .content-type span {
        margin:0 15px;
    }

    .article-overview-theme .content-type span:first-child {
        margin-left:0;
    }

    .article-overview-theme .content-type span:last-child {
        margin-right:0;
    }

    .article-overview-theme .content-type span.active {
        border-bottom:4px solid #2672fb;
    }*/

    .article-overview-theme .article-overview-extra {
        min-height:520px;
    }

    .article-overview .filters.active {
        max-height: 5000px;
    }

    .article-overview .filters .filter-hidden {
        display:none;
    }

    .article-overview .filters > div > .title {
        display: block;
        background: #414141;
        color: #fff;
        line-height: 50px;
        padding: 0 15px;
        cursor: pointer;
        border-top: 1px solid #fff;
    }

    .article-overview .filters > div > .title {
        margin: 0 -15px;
    }

    .article-overview .filters > div > .title .icon {
        float: right;
        border-left: 1px solid #fff;
        width: 35px;
        padding-left: 15px;
        text-align: center;
    }

    .article-overview .filters .checkbox-option {
        cursor:pointer;
    }

    .article-overview .filters .checkbox-option.disabled {
        color:#aaa;
        cursor:default;
    }

    .article-overview:not(.article-overview-theme) .filters .dropdown {
        margin-bottom: 10px;
        height: auto;
    }

    .article-overview .filters .dropdown,
    .article-overview .filters .dropdown .icon,
    .article-overview .filters .dropdown ul li {
        border-color: #97a2ac;
    }

    .article-overview-news .filters .dropdown,
    .article-overview-news .filters .dropdown .icon,
    .article-overview-news .filters .dropdown ul li {
        border-color: #00C752;
    }

    .record-overview[data-type='product'] .filters .dropdown,
    .record-overview[data-type='product'] .filters .dropdown .icon,
    .record-overview[data-type='product'] .filters .dropdown ul li {
        border-color: #FF6D3F;
    }

    .record-overview[data-type='project'] .filters .dropdown,
    .record-overview[data-type='project'] .filters .dropdown .icon,
    .record-overview[data-type='project'] .filters .dropdown ul li,
    .record-overview[data-module='projects'] .filters .dropdown,
    .record-overview[data-module='projects'] .filters .dropdown .icon,
    .record-overview[data-module='projects'] .filters .dropdown ul li {
        border-color: #AE318B;
    }

    .article-overview .filters .dropdown ul {
        border: none;
    }

    .article-overview .filters .dropdown .droplabel.active,
    .article-overview .filters .dropdown .icon {
        color: #97a2ac;
    }

    .article-overview-news .filters .dropdown .droplabel.active,
    .article-overview-news .filters .dropdown .icon {
        color: #00C752;
    }

    .record-overview[data-type='product'] .filters .dropdown .droplabel.active,
    .record-overview[data-type='product'] .filters .dropdown .icon {
        color: #FF6D3F;
    }

    .record-overview[data-type='project'] .filters .dropdown .droplabel.active,
    .record-overview[data-type='project'] .filters .dropdown .icon,
    .record-overview[data-module='projects'] .filters .dropdown .droplabel.active,
    .record-overview[data-module='projects'] .filters .dropdown .icon {
        color: #AE318B;
    }

    .article-overview .filters .dropdown:hover .icon,
    .article-overview .filters .dropdown.active .icon,
    .article-overview .filters .dropdown ul li {
        background: rgba(151, 162, 172, 0.15);
    }

    .article-overview-news .filters .dropdown:hover .icon,
    .article-overview-news .filters .dropdown.active .icon,
    .article-overview-news .filters .dropdown ul li {
        background: rgba(0, 199, 82, 0.15);
    }

    .record-overview[data-type='product'] .filters .dropdown:hover .icon,
    .record-overview[data-type='product'] .filters .dropdown.active .icon,
    .record-overview[data-type='product'] .filters .dropdown ul li {
        background: rgba(255, 109, 63, 0.15);
    }

    .record-overview[data-type='project'] .filters .dropdown:hover .icon,
    .record-overview[data-type='project'] .filters .dropdown.active .icon,
    .record-overview[data-type='project'] .filters .dropdown ul li,
    .record-overview[data-module='projects'] .filters .dropdown:hover .icon,
    .record-overview[data-module='projects'] .filters .dropdown.active .icon,
    .record-overview[data-module='projects'] .filters .dropdown ul li {
        background: rgba(174, 49, 139, 0.15);
    }

    .article-overview .filters .dropdown .slider {
        margin-left: 5px;
    }

    .article-overview .filters .dropdown .slider-selection {
        background: rgba(151, 162, 172, 0.35);
        border-radius: 0;
    }

    .article-overview-news .filters .dropdown .slider-selection {
        background: rgba(0, 199, 82, 0.35);
        border-radius: 0;
    }

    .record-overview[data-type='product'] .filters .dropdown .slider-selection {
        background: rgba(255, 109, 63, 0.35);
        box-shadow: none;
    }

    .record-overview[data-type='project'] .filters .dropdown .slider-selection,
    .record-overview[data-module='projects'] .filters .dropdown .slider-selection {
        background: rgba(174, 49, 139, 0.35);
    }

    .article-overview .filters .dropdown .slider-handle {
        background: #2879ff;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        box-shadow: none;
        border: none;
        margin-top: -6px;
    }

    .article-overview-news .filters .dropdown .slider-handle {
        background: #00C752;
    }

    .record-overview[data-type='product'] .filters .dropdown .slider-handle {
        background: #FF6D3F;
    }

    .record-overview[data-type='project'] .filters .dropdown .slider-handle,
    .record-overview[data-module='projects'] .filters .dropdown .slider-handle {
        background: #AE318B;
    }

    .article-overview .filters .dropdown .slider-track {
        border-radius: 0;
        background: #fff;
        height: 5px;
        box-shadow: none;
    }

    .article-overview .filters .dropdown .filter-from,
    .article-overview .filters .dropdown .filter-till {
        line-height: 25px;
        padding-top: 20px;
        color: #2879ff;
    }

    .article-overview-news .filters .dropdown .filter-from,
    .article-overview-news .filters .dropdown .filter-till {
        color: #00C752;
    }

    .record-overview[data-type='product'] .filters .dropdown .filter-from,
    .record-overview[data-type='product'] .filters .dropdown .filter-till {
        color: #FF6D3F;
    }

    .record-overview[data-type='project'] .filters .dropdown .filter-from,
    .record-overview[data-type='project'] .filters .dropdown .filter-till,
    .record-overview[data-module='projects'] .filters .dropdown .filter-from,
    .record-overview[data-module='projects'] .filters .dropdown .filter-till {
        color: #AE318B;
    }

    .article-overview .filters .dropdown .filter-from {
        float: left;
    }

    .article-overview .filters .dropdown .filter-till {
        float: right;
    }

    .article-overview .filters .dropdown .input-checkbox {
        padding: 10px 0;
        line-height: 24px;
        font-size: 14px;
        color: #414141;
    }

    .article-overview-news .filters .dropdown .input-checkbox {
        color: #00C752;
    }

    .record-overview[data-type='product'] .filters .dropdown .input-checkbox {
        color: #FF6D3F;
    }

    .record-overview[data-type='project'] .filters .dropdown .input-checkbox,
    .record-overview[data-module='projects'] .filters .dropdown .input-checkbox {
        color: #AE318B;
    }

    .article-overview .filters .dropdown .input-checkbox label {
        font-weight: 400;
        cursor: pointer;
    }

    .article-overview .filters .dropdown .input-checkbox label:hover,
    .article-overview .filters .dropdown .input-checkbox .cnt {
        color: #222722;
    }

    .article-overview .filters .dropdown .checkbox-option.disabled .cnt {
        color:#aaa;
    }

    .article-overview .filters .dropdown .input-checkbox input {
        margin-right: 5px;
    }

    .article-overview .filters .dropdown .input-text {
        color:#AE318B;
        line-height: 24px;
        padding: 10px 0;
    }

    .article-overview .filters .dropdown .input-text .filter-from,
    .article-overview .filters .dropdown .input-text .filter-till {
        float:left;
        border:1px solid #AE318B;
        background-color:#fff;
        width:100%;
        display:inline-block;
        padding:0 5px;
        cursor:text;
        height:24px;
        line-height:24px;
    }

    

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .article-overview .filters {
            /*width: 312px;*/
            position: relative;
            top: auto !important;
            /*padding-top: 60px;*/
            max-height: 5000px;
        }

        .article-overview .filters > div > .title {
            display: block;
            background: #fff;
            color: #414141;
            margin: 0;
            padding: 0;
            line-height: 20px;
            font-weight: bold;
            cursor: default;
        }

        .article-overview .filters > div > .title .icon {
            display: none;
        }

        .article-overview-news .filters > div > .title {
            color: #00C752;
        }

        .record-overview[data-type='product'] .filters > div > .title {
            color: #FF6D3F;
        }

        .record-overview[data-type='project'] .filters > div > .title,
        .record-overview[data-module='projects'] .filters > div > .title {
            color: #AE318B;
        }

        .article-overview-theme .content-type {
            margin:15px 0 15px 0px;
        }

        .article-overview-theme .sponsors > div {
            margin-bottom:20px;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .article-overview-theme .content-type {
            margin:15px 0 0px -240px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
       
        .article-overview-theme .content-type {
            margin:10px -15px 0px -305px;
        }
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Magazine overview page 																								 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .magazine-header .title {
        background-color:#fff;
        width:100%;
        display:inline-block;
        padding-top:26px;
        font-weight:bold;
        text-align:center;      
        font-size:34px;
    }

    .magazine-header .headline {
        font-size:14px;
    }

    /* Center at specific width */
    @media only screen and (min-width : 745px) {
        .magazine-header .title {
            font-size:24px;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .magazine-header .headline {
            font-size:18px;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .magazine-header .title {
            font-size:34px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Article detail        																								 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .article-detail .text a,
    .text-content a,
    .text a,
    .text-content-flat a {
        /*color:#000;*/
        color:inherit;
        text-decoration:none;
        border-bottom:1px solid #00c752;
    }

    .article-detail .text-source {
        font-size:16px;
        color:#444444;
        font-style:italic;
    }

    .article-detail .text a:hover,
    .text-content a:hover,
    .text a:hover,
    .text-content-flat a:hover {
        color:#00c752;
    }

    .article-detail .text-content ul,
    .article-detail .text-content ol {
        -webkit-margin-before: 1px;
        display:table;
    }

    .article-detail .author {
        text-transform:uppercase;
        color:#414141;
        font-size:13px;
        font-weight:bold;
        display:block;
    }

    .article-detail .special {
        background-color: #00c752;
        color: #fff;
        cursor: default;
        display: block;
        float: left;
        font-size: 14px;
        line-height:14px;
        padding: 4px 8px;        
    }

    .article-detail .header-image {
        height: 300px;
        width:100%;
        background-size:cover;
        background-position:center;
    }

    .article-detail .function {
        color:#414141;
        font-size:14px;
        display:block;
    }

    .article-detail .profile {
        border-radius:50%;
        width:100px;
        display:inline;
        min-width:70px;
        min-height:70px;
    }

    .article-detail .keywords {
        padding-bottom:15px;
    }

    .article-detail .keywords h2 {
        display: block;
        padding-bottom: 20px;
    }

    .article-detail .keywords a {
        display: inline-block;
        font-size: 14px;
        line-height: 30px;
        padding: 0 15px;
        color: #2878FF;
        border: 1px solid #2878FF;
        margin: 0 5px 10px 0;
    }

    .article-detail .keywords a:hover {
        background: #2878FF;
        color: #fff;
        text-decoration:none;
    }

    .article-detail .title-location {
        font-size: 20px;
        line-height: 24px;
        padding-top: 10px;
    }

    .article-detail .title-subtitle {
        font-size: 22px;
        margin:5px 0;
    }

    .article-detail .title-date {
        font-size: 14px;
        color:#bbbbbb;
    }

    .article-detail .interaction {
        background-color:#eceff1;
        padding:15px;
        position:relative;
        z-index:2;
    }

    .article-detail .interaction .logo,
    .logocontainer .logo {
        float:left;
        width:100px;
        height:100px;
        background-color:white;
        margin-right:10px;
        display:block;
        padding:5px;
    }

    .article-detail .interaction .logo a,
    .logocontainer .logo a {
        display:inline-block;
        height:100%;
        width:100%;
    }

    .article-detail .interaction .logo img,
    .logocontainer .logo img {
        max-height:100%;
        max-width:100%;
        vertical-align:middle;
    }

    .article-detail .interaction .titlecontainer {
        width:54%;
    }

    .article-detail .interaction .title {
        font-size:16px;
        font-weight:bold;
        color:#000;
        height:100px;
        line-height:100%;
        float:left;
    }

    .article-detail .interaction .title span {
        display: inline-block;
        vertical-align: middle;
        line-height: 22px;
        word-break:normal;
    }

    .article-detail .interaction .title span:hover {
        text-decoration:underline;
    }

    .article-detail .interaction .buttons {
        margin-top:15px;
    }

    .article-detail .interaction .buttons:empty {
        margin-top:0px;
    }

    .article-detail .interaction .buttons .btn:not(:last-child) {
        margin-bottom:15px;
    }

    .company-detail .interaction,
    .vacancy-detail .interaction {
        position: absolute;
        top: -174px;
    }

    .article-detail .text-content .intro {
        font-size:23px;
    }

    .article-detail .text-content .intro strong,
    .article-detail .text-content .intro b {
        font-weight:normal;
    }

    .article-detail .social,
    .longread .social {
        color: #CED7DB;
        font-size: 12px;
        padding-top: 30px;
    }

    .article-detail .social {
        
    }

    .longread .social {
         text-align: center;
    }

    .article-detail .social,
    .article-detail .social *,
    .longread .social,
    .longread .social * {
        transition: color 0.4s ease, background 0.4s ease;
    }

    .article-detail .social a,
    .longread .social a {
        display: inline-block;
        text-align: center;
        margin-right: 10px;
    }

    .article-detail .social a:hover,
    .longread .social a:hover {
        text-decoration: none;
    }

    .article-detail .social .icon,
    .longread .social .icon {
        width: 30px;
        height: 30px;
        border: 1px solid #CED7DB;
        line-height: 30px;
        font-size: 13px;
    }

    .article-detail .social a .icon:hover,
    .longread .social a .icon:hover {
        color: #fff;
        border: 1px solid transparent;
        background: #000000;
    }

    .article-detail .social a .icon.favorite .bookmarked {
        color:#ea515e;
    }

    .article-detail .social a .icon:hover.facebook,
    .longread .social a .icon:hover.facebook {
        background: #3b5998;
    }

    .article-detail .social a .icon:hover.twitter,
    .longread .social a .icon:hover.twitter {
        background: #55acee;
    }

    .article-detail .social a .icon:hover.linkedin,
    .longread .social a .icon:hover.linkedin {
        background: #0077b5;
    }

    .article-detail .profile-data {
        padding-top:10px;
    }

    .article-detail .text {
        /*padding-top: 20px;*/
        font-size: 18px;
        line-height: 28px;
    }

    .article-detail .text img {
        max-width:100%;
    }

    .article-detail .text-content {
        display:block;
    }

    .article-detail .text-content iframe {
        float: none;
        height: 368px;
        /*margin: 15px 0 0px -50px;*/
        /*width: 654px;*/
        width:100%;
        margin-top:22px;
    }

    .article-detail .text-content.text-largevideo iframe {
        margin: 15px 0 0px -50px;
        width: 654px;
    }

    .article-detail .text-content.inline-related-products iframe {
        float: none;
        height: 270px;
        margin: 0;
        width: 480px;
    }

    .article-detail .text-content a[target="_blank"]::after, 
    .article-detail .text-content a[href^="http"]::after,
    .article-detail .text-content a[href^="/service"]::after {
        content: '\f08e';
        font-family: FontAwesome;
        font-size: 12px;
        font-weight: 100;
        speak: none;
        text-transform: none;
        line-height: 0.9;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding: 0 5px 0 5px;
        text-decoration: none;
        display: inline-block;
    }

    .article-detail .sidebar-block-xl {
        position: relative;
        margin-left: 0;        
    }

    .article-detail .sidebar-block .location {
        width:100%;
        height:200px;
    }

    .article-detail .sidebar-block-xl .location {
        height:272px;
    }

    .article-detail .sidebar-block .sidebar-title {
        font-size:15px;
        font-weight:bold;
    }

    .article-detail .sidebar-block .title {
        font-size:14px;
        font-weight:bold;
        display:block;
    }

    .article-detail .sidebar-block .line {
        border-top:1px solid #cccccc;
        margin:8px 0;
        height:1px;
        overflow:hidden;
        font-size:0;
        line-height:0;
    }

    .article-detail .sidebar-block .rank {
        font-size:26px;
        padding-right:15px;
        display:block;
        color:#ced7db;
        cursor:default;
    }

    .article-detail .sidebar-block .date {
        color:#adacac;
        font-size:13px;
        cursor:default;
    }

    .article-detail .sidebar-block.vacancydata .title {
        font-size:22px;
        font-weight:800;
    }

    .article-detail .sidebar-block.mostpopular .title {
        font-size:15px;
        font-weight:normal;
    }

    .article-detail .sidebar-block.mostpopular table tr:not(:last-child) td {
        padding-bottom:15px;
    }

    .article-detail .sidebar-block .value {
        font-size:14px;
        display:block;
        margin-bottom:5px;
    }

    .article-detail .sidebar-block.vacancydata .value {
        font-size:22px;
    }

    .article-detail .sidebar-block .sidebar-social .icon {
        color:#cfd8dc;
        font-size:25px;
        display:inline-block;
        margin-right:10px;
    }

    .article-detail .sidebar-block .sidebar-social .icon.archello {
        background-image: url('/resources/images/icons/media-archello-grey.svg');
        background-position:center;
        background-repeat: no-repeat;
        background-size: contain;  
        fill:#cfd8dc;
    }

    .article-detail .sidebar-block .sidebar-social .icon.archello:hover {
        background-image: url('/resources/images/icons/media-archello.svg');
    }

    .article-detail .sidebar-block .sidebar-social .icon.archello .fa-archello {
        width: 22px;
        padding-bottom:27px;
    }

    .article-detail .sidebar-block .sidebar-social .icon.facebook:hover {
        color: #3b5998;
    }

    .article-detail .sidebar-block .sidebar-social .icon.twitter:hover {
        color: #00aced;
    }

    .article-detail .sidebar-block .sidebar-social .icon.instagram:hover {
        color: #9b6954;
    }

    .article-detail .sidebar-block .sidebar-social .icon.youtube:hover,
    .article-detail .sidebar-block .sidebar-social .icon.googleplus:hover {
        color: #bb0000;
    }

    .article-detail .sidebar-block .sidebar-social .icon.linkedin:hover {
        color: #007bb6;
    }

    .article-detail .sidebar-block .sidebar-social .icon.pinterest:hover {
        color: #cb2027;
    }

    .article-detail .sidebar-block[data-block='award'] .header {
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:30px;
    }

    .article-detail .sidebar-block[data-block='award'] .event {
        font-size:16px;
        font-weight:300;
        line-height:24px;
    }

    .article-detail .sidebar-block[data-block='award'] .award {
        font-size:24px;
        font-weight:bold;
        line-height:28px;
    }

    .article-detail .sidebar-block[data-block='award'] .state {
        font-size:15px;
        font-weight:bold;
        line-height:21px;
    }

    .article-detail .sidebar-block[data-block='award'] .readmore {
        padding-left:0;
    }

    .article-detail .company-info {
        font-size: 14px;
        line-height: 22px;
    }

    .article-detail .company-info .location {
        width: 100%;
        height: 220px;
    }

    .article-detail .company-info .readmore {
        padding-left: 10px;
    }

    .article-detail .article-product > div:last-child {
        padding-left: 0;
    }

    .article-detail .paid {
        margin-left: -30px;
    }

    .article-detail .applied-products {
        padding-top: 15px;
    }

    .article-detail .applied-products.moved {
        width:200px;
    }

    .article-detail .applied-products.moved .swiper-navigation {
        display:none !important;
    }

    .projects h2 {
        display: inline;
    }

    .article-detail .dateblock {
        color:#000;
        margin-top:-5px;
        float:left;
        margin-bottom:20px;
    }

    .article-detail .dateblock > span {
        display:block;
        text-align:center;
        padding:0 8px 0 0;
        display:table-cell;
        vertical-align:middle;
        height:auto;
        line-height:normal;
    }

    .article-detail .dateblock > span[data-field='date-dash'] {
        line-height:25px;
        font-weight:600;
        font-size:34px;
        padding-bottom:20px;
    }

    .article-detail .dateblock span[data-field*='day'] {
        font-size:48px;
        font-weight:bold;
        line-height:normal;
    }

    .article-detail .dateblock span[data-field*='month'] {
        font-size:16px;
        line-height:14px;
        font-weight:bold;
    }

    .article-detail .dateblock span[data-field*='year'] {
        font-size:14px;
        line-height:16px;
        font-weight:bold;
        vertical-align:bottom;
    }

    .logocontainer {
        min-width:120px;
    }

    .article-detail ol {
        margin:-12px 0;
        padding: 0;
        counter-reset: item;
    }   

    .article-detail ol > li {
      margin: 0;
      padding: 0 0 0 1.2em;
      text-indent: -0.6em;
      list-style-type: none;
      counter-increment: item;
    }

    .article-detail ol > li:not(:first-child),
    .article-detail ol > li:not(:last-child) {
        padding: 5px 0 5px 1.2em
    }

    .article-detail ol > li:before {
      display: inline-block;
      /*width: 1em;*/
      padding-right: 0.5em;
      font-weight: bold;
      text-align: right;
      content: counter(item) ".";
    }

    .article-detail ol > li * {
        text-indent: 0;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .article-detail {
            min-height:650px;
        }

        .article-detail .company-info .location {
            height: 150px;
        }

        .article-detail .article-product > div:last-child {
            padding-left: 15px;
        }

        .article-detail .company-info .readmore {
            display: block;
            padding-left: 0;
        }

        .article-detail .interaction .logo {
	        width:125px;
	        height:125px;
        }

        .article-detail .interaction .title { 
	        height:50px;
            font-size:13px;
        }

        .logocontainer {
            min-width:initial;
        }

        .logocontainer .logo {
	        width:125px;
	        height:125px;            
        }

        .article-detail .sidebar-block-xl {
            position: relative;
            margin-left: -72px;        
        }

        .article-detail .sidebar-block .location {
            width:100%;
            height:200px;
        }

        .article-detail .sidebar-block-xl .location {
            height:272px;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

        .banner-container {
            position:relative;
        }

        .banner-container-lr {
            /*height:280px;*/
        }

        .banner-container-cl {
            /*height:200px;*/
        }
        
        .banner-lr {
            /*width:336px;
            height:280px;*/
        }

        .banner-cl {
            /*width:1140px;
            height:200px;*/
        }

        .banner-blocked {
            background-color:#fcf9d3 !important;
        }

        .banner-lr.banner-blocked::before,
        .banner-cl.banner-blocked::before {
            content: "Advertenties op Architectenweb.nl";
            font-family:'Proxima Nova';
            font-size:30px;
            font-weight:bolder;
            line-height:30px;
            text-align:center;
            width:100%;
            position:relative;
            top:20px;
            left:0;
            display:block;
        }

        .banner-cl.banner-blocked::before {
            top:25px;
        }

        .banner-lr.banner-blocked::after,
        .banner-cl.banner-blocked::after {
            content: "We zien dat je een adblocker of andere software gebruikt die ervoor zorgt dat je geen advertenties ziet op Architectenweb. Mede dankzij deze advertenties is Architectenweb.nl gratis toegankelijk.\A\A Zou je voor ons een uitzondering willen maken en Architectenweb.nl op jouw whitelist willen zetten?";
            white-space:pre-wrap;
            position:relative;
            top:15px;
            padding:25px;
            left:0;
            width:100%;
            font-family:'Proxima Nova';
            font-size:15px;
            line-height:18px;
            display:block;
        }

        .banner-cl.banner-blocked::after {
            content: "We zien dat je een adblocker of andere software gebruikt die ervoor zorgt dat je geen advertenties ziet op Architectenweb. \AMede dankzij deze advertenties is Architectenweb.nl gratis toegankelijk.\A\A Zou je voor ons een uitzondering willen maken en Architectenweb.nl op jouw whitelist willen zetten?";
            font-size:18px;
            line-height:22px;
            padding-top:35px;
        }

        .article-detail .banner-lr {
            position:relative;
            margin-left:-84px;
        }

        .article-detail .banner-cl {
            position:relative;
        }

        .article-detail .social {
            position: absolute;
            top: 0;
            left: 0;
            padding-top: 0;
            padding-left: 40px;
            text-align: center;
        }

        .article-detail .social a {
            display: block;
            width: 50px;
            margin: 0 auto 15px auto;
        }

        .article-detail .social .icon {
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 21px;
            margin: 0 auto 5px auto;
        }

        .article-detail .applied-products {
            margin-right: 30px;
            margin-left: -165px;
            padding-right: 0;
            font-family: "proxima-nova";
        }

        .article-detail #related-products.inline {
            /*margin-left:-15px;*/
        }

        .article-detail .applied-products .article .image {
            margin-bottom: 10px;
        }

        .article-detail .applied-products .article-product {
            font-size: 14px;
            line-height: 16px;
            margin-bottom: 20px;
        }

        .article-detail .title,
        .article-detail .text {
            /*padding-left: 45px;*/
        }

        .article-detail .company-info .readmore {
            float: right;
        }

        .article-detail .interaction .logo,
        .logocontainer .logo {
	        width:75px;
	        height:75px;
        }

        .article-detail .interaction .title { 
	        height:75px;
            font-size:13px;
        }

        .article-detail .dateblock {
            float:none;
        }

        .article-detail .dateblock span span {
            /*display:block;*/
        }

        .article-detail .dateblock > span {
            display:block; 
            height:auto;
            padding: 2px 0;
        }

        .article-detail .dateblock > span[data-field='date-to'] {
            padding-bottom:20px;
        }

        .article-detail .dateblock > span[data-field='date-dash'] {
            line-height:0px;
            padding:8px 0;
        }

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .article-detail .title-location {
            font-size: 22px;
            line-height: 28px;
        }

        .article-detail .text {
            font-size: 18px;
            line-height: 28px;
        }

        .article-detail .social {
            padding-left: 15px;
        }

        .article-detail .company-info .location {
            height: 200px;
        }

        .article-detail .applied-products {
            margin-right: 30px;
            margin-left: -165px;
            padding-top: 45px;
            padding-bottom: 45px;
            padding-right: 0;
            font-family: "proxima-nova";
        }

        .article-detail .interaction .logo,
        .logocontainer .logo {
	        width:100px;
	        height:100px;
        }

        .article-detail .interaction .title { 
	        font-size:16px;
            height:100px;
        }
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Embeds                 																								 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .theme-embed .sponsors .theme {
        display:block;
        background-color:#00c752;
        color:#fff;
        font-size:14px;
        float:left;
        padding:0px 8px;
        cursor:default;
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Gridstack           																								 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .grid-stack {
        position: relative;
    }

    .grid-stack .grid-stack-placeholder > .placeholder-content {
        border: 1px dashed lightgray;
        margin: 0;
        position: absolute;
        top: 0;
        left: 10px;
        right: 10px;
        bottom: 0;
        width: auto;
        z-index: 0 !important;
    }

    .grid-stack > .grid-stack-item {
        min-width: 8.33333333%;
        position: absolute;
        padding: 0;
    }

    .grid-stack > .grid-stack-item > .grid-stack-item-content {
        margin: 0;
        position: absolute;
        top: 0;
        left: 0px;
        right: 0px;
        bottom: 0;
        width: auto;
        z-index: 0 !important;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .grid-stack > .grid-stack-item > .ui-resizable-handle {
        position: absolute;
        font-size: 0.1px;
        display: block;
        -ms-touch-action: none;
        touch-action: none;
    }

    .grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle, .grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
        display: none;
    }

    .grid-stack > .grid-stack-item.ui-draggable-dragging, .grid-stack > .grid-stack-item.ui-resizable-resizing {
        z-index: 100;
    }

    .grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content,
    .grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, 
    .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content,
    .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content {
        box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
        opacity: 0.8;
    }

    .grid-stack > .grid-stack-item > .ui-resizable-se,
    .grid-stack > .grid-stack-item > .ui-resizable-sw {
        text-align: right;
        color: gray;
        padding: 2px 3px 0 0;
        margin: 0;
        font: normal normal normal 10px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .grid-stack > .grid-stack-item > .ui-resizable-se::before,
    .grid-stack > .grid-stack-item > .ui-resizable-sw::before {
        content: "\f065";
    }

    .grid-stack > .grid-stack-item > .ui-resizable-se {
        display: inline-block;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .grid-stack > .grid-stack-item > .ui-resizable-nw {
        cursor: nw-resize;
        width: 20px;
        height: 20px;
        left: 10px;
        top: 0;
    }

    .grid-stack > .grid-stack-item > .ui-resizable-n {
        cursor: n-resize;
        height: 10px;
        top: 0;
        left: 25px;
        right: 25px;
    }

    .grid-stack > .grid-stack-item > .ui-resizable-ne {
        cursor: ne-resize;
        width: 20px;
        height: 20px;
        right: 10px;
        top: 0;
    }

    .grid-stack > .grid-stack-item > .ui-resizable-e {
        cursor: e-resize;
        width: 10px;
        right: 10px;
        top: 15px;
        bottom: 15px;
    }

    .grid-stack > .grid-stack-item > .ui-resizable-se {
        cursor: se-resize;
        width: 20px;
        height: 20px;
        right: 10px;
        bottom: 0;
    }

    .grid-stack > .grid-stack-item > .ui-resizable-s {
        cursor: s-resize;
        height: 10px;
        left: 25px;
        bottom: 0;
        right: 25px;
    }

    .grid-stack > .grid-stack-item > .ui-resizable-sw {
        cursor: sw-resize;
        width: 20px;
        height: 20px;
        left: 10px;
        bottom: 0;
    }

    .grid-stack > .grid-stack-item > .ui-resizable-w {
        cursor: w-resize;
        width: 10px;
        left: 10px;
        top: 15px;
        bottom: 15px;
    }

    .grid-stack > .grid-stack-item[data-gs-width='1'] {
        width: 8.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x='1'] {
        left: 8.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='1'] {
        min-width: 8.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='1'] {
        max-width: 8.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width='2'] {
        width: 16.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x='2'] {
        left: 16.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='2'] {
        min-width: 16.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='2'] {
        max-width: 16.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width='3'] {
        width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x='3'] {
        left: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='3'] {
        min-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='3'] {
        max-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width='4'] {
        width: 33.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x='4'] {
        left: 33.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='4'] {
        min-width: 33.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='4'] {
        max-width: 33.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width='5'] {
        width: 41.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x='5'] {
        left: 41.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='5'] {
        min-width: 41.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='5'] {
        max-width: 41.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width='6'] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x='6'] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='6'] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='6'] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width='7'] {
        width: 58.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x='7'] {
        left: 58.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='7'] {
        min-width: 58.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='7'] {
        max-width: 58.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width='8'] {
        width: 66.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x='8'] {
        left: 66.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='8'] {
        min-width: 66.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='8'] {
        max-width: 66.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width='9'] {
        width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x='9'] {
        left: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='9'] {
        min-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='9'] {
        max-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width='10'] {
        width: 83.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x='10'] {
        left: 83.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='10'] {
        min-width: 83.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='10'] {
        max-width: 83.33333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width='11'] {
        width: 91.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x='11'] {
        left: 91.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='11'] {
        min-width: 91.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='11'] {
        max-width: 91.66666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width='12'] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x='12'] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='12'] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='12'] {
        max-width: 100%;
    }

    .grid-stack.grid-stack-animate, .grid-stack.grid-stack-animate .grid-stack-item {
        -webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
        -moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
        -ms-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
        -o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
        transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
    }

    .grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging, .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing, .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
        -webkit-transition: left 0s, top 0s, height 0s, width 0s;
        -moz-transition: left 0s, top 0s, height 0s, width 0s;
        -ms-transition: left 0s, top 0s, height 0s, width 0s;
        -o-transition: left 0s, top 0s, height 0s, width 0s;
        transition: left 0s, top 0s, height 0s, width 0s;
    }

    .grid-stack-item.grid-stack-placeholder {
        opacity:.5;
    }

    .grid-stack-item.ui-draggable-dragging {
        opacity:0.9;
    }

    .grid-stack-item {
        min-height:0 !important;
    }

    @media (max-width: 768px) {
        .grid-stack-item {
            position: relative !important;
            width: auto !important;
            left: 0 !important;
            top: auto !important;
            margin-bottom: 20px;
        }

        .grid-stack-item .ui-resizable-handle {
            display: none;
        }

        .grid-stack {
            height: auto !important;
        }
    }

    .isotope,
    .isotope .item {
      -webkit-transition-duration: 0.8s;
         -moz-transition-duration: 0.8s;
          -ms-transition-duration: 0.8s;
           -o-transition-duration: 0.8s;
              transition-duration: 0.8s;
    }

    .isotope {
      -webkit-transition-property: height, width;
         -moz-transition-property: height, width;
          -ms-transition-property: height, width;
           -o-transition-property: height, width;
              transition-property: height, width;
    }

    .isotope .item {
      -webkit-transition-property: -webkit-transform, opacity;
         -moz-transition-property:    -moz-transform, opacity;
          -ms-transition-property:     -ms-transform, opacity;
           -o-transition-property:         top, left, opacity;
              transition-property:         transform, opacity;
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  TopItems              																								 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .home-gallery {
        
    }

    .home-gallery .image-slide {
        background-position: center center;
        background-size: cover;
    }

    .home-gallery .image-slide img {
        width:100%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-width='1'] {
        width: 25%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-x='1'] {
        left: 25%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-min-width='1'] {
        min-width: 25%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-max-width='1'] {
        max-width: 25%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-width='2'] {
        width: 50%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-x='2'] {
        left: 50%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-min-width='2'] {
        min-width: 50%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-max-width='2'] {
        max-width: 50%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-width='3'] {
        width: 75%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-x='3'] {
        left: 75%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-min-width='3'] {
        min-width: 75%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-max-width='3'] {
        max-width: 75%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-width='4'] {
        width: 100%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-x='4'] {
        left: 100%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-min-width='4'] {
        min-width: 100%;
    }

    .home-gallery .grid-stack > .grid-stack-item[data-gs-max-width='4'] {
        max-width: 100%;
    }

    .home-gallery .image-slide .title {
        display:block;
    }

    .home-gallery .image-slide[data-gs-width='1'] .title {
        font-size:27px;
        line-height:30px;
    }

    .home-gallery .image-slide[data-gs-width='2'] .title {
        font-size:27px;
        line-height:30px;
    }

    .home-gallery .image-slide[data-gs-width='3'] .title {
        font-size:27px;
        line-height:30px;
    }

    .home-gallery .image-slide[data-gs-width='4'] .title {
        font-size:27px;
        line-height:30px;
    }

    .home-gallery .swiper-disabled {
        position:absolute;
    }

    .home-gallery .swiper-disabled[data-gs-y='0'] {
        top:0;
    }

    .home-gallery .swiper-disabled[data-gs-y='1'] {
        top:50%;
    }

    .home-gallery .swiper-disabled[data-gs-x='0'] {
        left: 0;
    }

    .home-gallery .swiper-disabled[data-gs-x='1'] {
        left: 25%;
    }

    .home-gallery .swiper-disabled[data-gs-x='2'] {
        left: 50%;
    }

    .home-gallery .swiper-disabled[data-gs-x='3'] {
        left: 75%;
    }

    .home-gallery .swiper-disabled[data-gs-width='1'] {
        width: 25%;
    }

    .home-gallery .swiper-disabled[data-gs-width='2'] {
        width: 50%;
    }

    .home-gallery .swiper-disabled[data-gs-width='3'] {
        width: 75%;
    }

    .home-gallery .swiper-disabled[data-gs-width='4'] {
        width: 100%;
    }

    .home-gallery .swiper-disabled[data-gs-height='1'] {
        height: 50%;
    }

    .home-gallery .swiper-disabled[data-gs-height='2'] {
        height: 100%;
    }

    .home-gallery .swiper-disabled .grid-stack-item {
        background-size:cover;
        background-position:center center;
    }

    .calendar-gallery .caption {
        left:20px;
        right:20px;
        top:20px;
    }

    .calendar-gallery .caption .leftColumn {
        position: relative;
        float: left;
    }

    .calendar-gallery .caption .rightColumn {
        padding-left:20px;
        overflow:hidden;
    }

    .calendar-gallery .caption div:last-child {
        margin: auto;
        word-wrap: break-word;
    }

    .calendar-gallery .caption > div {
        position:relative;
        top:0px;
        vertical-align:top;
        line-height:70%;
    }

    .calendar-gallery .record-title {
        line-height:100% !important;
        font-size:27px;
    }

    .calendar-gallery .image-slide .record-date {
        padding-top:8px;
    }

    .calendar-gallery .image-slide .record-date > div {
        text-align:center;
    }

    .calendar-gallery .image-slide .record-date span[data-field*='day'] {
        font-size:42px;
    }

    .calendar-gallery .image-slide .record-date span[data-field*='month'] {
        font-size:15px;
        margin-top:10px;
        display:inline-block;
    }

    .calendar-gallery .image-slide .record-date span[data-field*='month']::first-letter {
        text-transform: uppercase;
    }

    .calendar-gallery .image-slide .record-date span[data-field='date-dash'] {
        font-weight:800;
        padding:0 5px;
    }

    .calendar-gallery .image-slide[data-gs-width='1'] .record-date > div {
        float:none;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .record-date > div {
            text-align:center;
            float:left;
        }

        .calendar-gallery div[data-gs-width='1'] .record-title {
            font-size:34px;
        }

        .calendar-gallery div[data-gs-width='2'] .record-title {
            font-size:34px;
        }

        .calendar-gallery div[data-gs-width='3'] .record-title {
            font-size:34px;
        }

        .calendar-gallery div[data-gs-width='4'] .record-title {
            font-size:34px;
        }

        .calendar-gallery div[data-gs-width='1'] .record-date span[data-field*='day'] {
            font-size:48px;
        }

        .calendar-gallery div[data-gs-width='2'] .record-date span[data-field*='day'] {
            font-size:48px;
        }

        .calendar-gallery div[data-gs-width='3'] .record-date span[data-field*='day'] {
            font-size:39px;
        }

        .calendar-gallery div[data-gs-width='4'] .record-date span[data-field*='day'] {
            font-size:39px;
        }

        .calendar-gallery div[data-gs-width='1'] .record-date span[data-field*='month'] {
            font-size:15px;
        }

        .calendar-gallery div[data-gs-width='2'] .record-date span[data-field*='month'] {
            font-size:15px;
        }

        .calendar-gallery div[data-gs-width='3'] .record-date span[data-field*='month'] {
            font-size:15px;
        }

        .calendar-gallery div[data-gs-width='4'] .record-date span[data-field*='month'] {
            font-size:15px;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .calendar-gallery div[data-gs-width='1'] .record-title {
            font-size:22px;
            padding-top:4px;
        }

        .calendar-gallery div[data-gs-width='2'] .record-title {
            font-size:32px;
            padding-top:2px;
        }

        .calendar-gallery div[data-gs-width='3'] .record-title {
            font-size:34px;
            padding-top:2px;
        }

        .calendar-gallery div[data-gs-width='4'] .record-title {
            font-size:36px;
            padding-top:2px;
        }

        .calendar-gallery div[data-gs-width='1'] .record-date span[data-field*='day'] {
            font-size:32px;
        }

        .calendar-gallery div[data-gs-width='2'] .record-date span[data-field*='day'] {
            font-size:32px;
        }

        .calendar-gallery div[data-gs-width='3'] .record-date span[data-field*='day'] {
            font-size:39px;
        }

        .calendar-gallery div[data-gs-width='4'] .record-date span[data-field*='day'] {
            font-size:41px;
        }

        .calendar-gallery div[data-gs-width='1'] .record-date span[data-field*='month'] {
            font-size:15px;
        }

        .calendar-gallery div[data-gs-width='2'] .record-date span[data-field*='month'] {
            font-size:15px;
        }

        .calendar-gallery div[data-gs-width='3'] .record-date span[data-field*='month'] {
            font-size:15px;
        }

        .calendar-gallery div[data-gs-width='4'] .record-date span[data-field*='month'] {
            font-size:15px;
        }

        .calendar-gallery .caption {
            left:10px;
            right:10px;
            top:10px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .calendar-gallery div[data-gs-width='1'] .record-title {
            font-size:24px;
            padding-top:4px;
        }

        .calendar-gallery div[data-gs-width='2'] .record-title {
            font-size:34px;
        }

        .calendar-gallery div[data-gs-width='3'] .record-title {
            font-size:39px;
        }

        .calendar-gallery div[data-gs-width='4'] .record-title {
            font-size:42px;
        }

        .calendar-gallery div[data-gs-width='1'] .record-date span[data-field*='day'] {
            font-size:34px;
        }

        .calendar-gallery div[data-gs-width='2'] .record-date span[data-field*='day'] {
            font-size:34px;
        }

        .calendar-gallery div[data-gs-width='3'] .record-date span[data-field*='day'] {
            font-size:43px;
        }

        .calendar-gallery div[data-gs-width='4'] .record-date span[data-field*='day'] {
            font-size:47px;
        }

        .calendar-gallery div[data-gs-width='1'] .record-date span[data-field*='month'] {
            font-size:15px;
        }

        .calendar-gallery div[data-gs-width='2'] .record-date span[data-field*='month'] {
            font-size:15px;
        }

        .calendar-gallery div[data-gs-width='3'] .record-date span[data-field*='month'] {
            font-size:15px;
        }

        .calendar-gallery div[data-gs-width='4'] .record-date span[data-field*='month'] {
            font-size:15px;
        }

        .calendar-gallery .caption {
            left:20px;
            right:20px;
            top:20px;
        }

    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Homepage specific   																								 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    section.about {
        padding-top: 0 !important;
        padding-bottom: 10px;
    }

    section.about strong {
        color: #000;
        transition: all 0.4s ease;
    }

    section.about a:hover {
        text-decoration: none;
    }

    section.about a:hover strong {
        color: #2878FF;
    }

    section.about > div > div > [class*='col-'] {
        padding-top: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #BCBCBC;
    }

    section.about > div > div > [class*='col-']:last-child {
        border-bottom: none;
    }

    section.about .magazine {
        line-height: 24px;
    }

    section.about .btn-magazine {
        padding: 0;
        width: 100%;
        margin-top:-3px;
    }

    section.events .image-slide .caption {
        top: 20px;
        left: 15px;
        font-size: 20px;
        font-weight:  700;
        line-height: 24px;
    }

    section.events .image-slide .caption .title {
        font-size: 24px;
        line-height: 28px;
    }
    
    section.events .image-slide .category {
        font-style:  normal;
    }

    .product-gallery .article-product .image {
        max-height:290px;
    }

    .announcement-award {
        
    }

    .announcement-award .award-content {
        background-color:#2878FF;
    }

    .announcement-award .award-content a {
        text-decoration:none;
    }

    .announcement-award .award-data {
        padding:20px 0;
    }

    .announcement-award .pattern {
        background-image:url('/resources/images/awards/pattern8b.svg');
        background-position:-5px -5px;
        width:135px;
    }

    .announcement-award .title {
        font-size:20px;
        font-weight:bold;
        color:#fff;
        padding:0 20px;
    }

    .announcement-award .description {
        font-size:14px;
        color:#fff;
        text-align:right;
        padding:0 20px;
        margin-top:20px;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        
        .home-gallery .image-slide .caption {
            font-weight:  700;
            font-size: 32px;
            line-height: 36px;
        }        
        
        section.about {
            font-size: 12px;
            padding-bottom: 0;
        }

        section.about strong,
        section.about .serif {
            font-size: 14px;
        }

        section.about h2 {
            padding-bottom: 10px;
        }

        section.about > div > div > [class*='col-'] {
            padding-top: 35px;
            padding-bottom: 40px;
            border-bottom: none;
        }

        section.events {
            padding-top: 40px;
        }

        section.events .image-slide .caption {
            top: 25px;
            left: 30px;
            font-size: 22px;
            line-height: 26px;
        }

        .home-gallery .image-slide[data-gs-width='1'] .title {
            font-size:36px;
            line-height:40px;
        }

        .home-gallery .image-slide[data-gs-width='2'] .title {
            font-size:36px;
            line-height:40px;
        }

        .home-gallery .image-slide[data-gs-width='3'] .title {
            font-size:36px;
            line-height:40px;
        }

        .home-gallery .image-slide[data-gs-width='4'] .title {
            font-size:36px;
            line-height:40px;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

        .announcement-award .title {
            font-size:30px;
            font-weight:bold;
            padding:0 20px;
        }

        .announcement-award .description {
            font-size:16px;
            text-align:right;
            padding:0 20px;
            margin-top:0px;
        }

        .image-slide .caption {
            font-weight:  700;
            font-size: 24px;
            line-height: 28px;
        }

        .home-gallery .image-slide {
            width: 25%;
            padding-top: 14.0625%;
            float: left;

        }

        .home-gallery .image-slide[data-format="4"] {
            width: 50%;
            padding-top: 28.125%;
        }

        .home-gallery .image-slide[data-gs-width='1'] .title {
            font-size:24px;
            line-height:26px;
        }

        .home-gallery .image-slide[data-gs-width='2'] .title {
            font-size:34px;
            line-height:38px;
        }

        .home-gallery .image-slide[data-gs-width='3'] .title {
            font-size:39px;
            line-height:42px;
        }

        .home-gallery .image-slide[data-gs-width='4'] .title {
            font-size:44px;
            line-height:44px;
        }

        .home-gallery .swiper-wrapper {
            display: block;
        }

        section.about strong,
        section.about .serif,
        section.about .title,
        section.about .subtitle {
            font-size: 16px;
            line-height:20px;
        }

        section.events {
            padding-top: 60px;
        }

        section.events .image-slide .caption {
            font-size: 24px;
            line-height: 28px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Contact page specific   																						     */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .contact .header-image {
        background-image:url('/resources/images/team/header_400.jpg');
        background-position:center;
        background-size:cover;
        height:200px;
    }

    .contact .team-details,
    .contact .team-container {
        position:relative;
    }

    .contact .team-grid.scaled {
        visibility:hidden;
    }

    .contact .team-container {
        min-height:1000px;
    }
    
    .contact .team img {
        border-radius:50%;
        max-width:140px;
        max-height:140px;
    }

    .contact .team .item .text {
        margin-top:10px;
    }

    .contact .team-detail img {
        border-radius:50%;
        max-height:60%;
        max-width:60%;
    }

    .contact .team-details {
        position:absolute;
        top:100px;
        width:100%;
    }

    .contact .team-detail {
        padding:40px;
        -webkit-box-shadow: 0px 0px 10px 3px rgba(217, 217, 217, 0.75);
        -moz-box-shadow:    0px 0px 10px 3px rgba(217, 217, 217, 0.75);
        box-shadow:         0px 0px 10px 3px rgba(217, 217, 217, 0.75);   
        background-color:white;
    }

    .contact .team-detail-data {
        max-width:80%;
        margin-top:20px;
    }

    .contact .team-detail-data .btn {
        
    }

    .contact .team-detail {
        top: 0;
        bottom:0;
        left:0;
        position:fixed;
        z-index:80000;
        width:100%;
    }

    .contact .team-detail .team-detail-close {
        position:absolute;
        right:40px;
        top:25px;
        padding:20px;
        z-index:30;
    }

    .contact .team-detail .team-detail-close:hover {
        cursor:pointer;
    }

    .contact .team-detail .team-detail-close > span {
	    width: 20px;
	    height: 20px;
	    overflow: hidden;
	    background: url('/resources/images/icons/icon-close.svg') no-repeat center center;
	    text-indent: 200%;
	    color: black;
	    outline: none;
        cursor:pointer;
        display:block;
    }

    .contact .team .item > div {
        padding:30px 0px;
        margin:0;
        height:330px;
    }

    .contact .team .item > div:hover {
        cursor:pointer;
        -webkit-box-shadow: 0px 0px 10px 3px rgba(217, 217, 217, 0.75);
        -moz-box-shadow:    0px 0px 10px 3px rgba(217, 217, 217, 0.75);
        box-shadow:         0px 0px 10px 3px rgba(217, 217, 217, 0.75);        
    }

    .contact .socialicons .fa {
        color:#cfd8dc;
        font-size:22px;
        display:inline-block;
        margin-right:10px;
    }

    .contact .socialicons .fa-facebook:hover {
        color: #3b5998;
    }

    .contact .socialicons .fa-twitter:hover {
        color: #00aced;
    }

    .contact .socialicons .fa-instagram:hover {
        color: #000000;
    }

    .contact .socialicons .fa-youtube:hover,
    .contact .socialicons .fa-googleplus:hover {
        color: #bb0000;
    }

    .contact .socialicons .fa-linkedin:hover {
        color: #007bb6;
    }

    .contact .socialicons .fa-pinterest:hover {
        color: #cb2027;
    }

    .contact h3 {
        font-size:30px;
        font-weight:bold;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .contact .team-container {
            min-height:1000px;
        }

        .contact .header-image {
            background-image:url('/resources/images/team/header_400.jpg');
            height:400px;
        }

        .contact .team .item > div {
            height:290px;
        }

        .contact .team-detail img {
            max-height:75%;
            max-width:75%;
        }

        .contact .team-detail-data {
            margin-top:0px;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .contact .team-detail-data {
            max-width:100%;
        }

        .contact .team-container {
            min-height:600px;
        }

        .contact .team-detail {
            top: 0;
            position:absolute;
            width:100%;
            left:auto;
            bottom:auto;
            z-index:200
        }

        .contact .header-image {
            background-image:url('/resources/images/team/header_800.jpg');
            height:400px;
        }

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .contact .header-image {
            background-image:url('/resources/images/team/header.jpg');
            height:400px;
        }
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */



/*  rss page specific   																			    			     */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .rss .rss-feed {
        margin-bottom:15px;
        line-height:35px;
    }

    .rss .rss-feed .dxichTextCellSys label {
        font-weight:bold;
        padding-left:10px;
    }

    .rss .rss-feed > span {
        padding-left:2px;
    }

    /*.rss .rss-icon {
        color:orangered;
        font-size:35px;
        margin-right:10px;
    }

    .rss .rss-loader {
        font-size:35px;
    }*/

    .rss .rss-link {
        margin-left:50px;
    }

    .rss-icon {
        width: 0;
        height: 0;
        border-radius: 50%;
        border: 4px solid orangered;
        color:orangered;
        margin-top:10px;
        position:absolute;
    }

    .rss-icon:before,
    .rss-icon:after {
        border-color: orangered transparent transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 8px;
        content: "";
        display: block;
        left: -24px;
        padding: 12px;
        position: relative;
        top: -16px;
        transform: rotate(45deg);
    }

    .rss-icon-jiggle {
        -webkit-animation: rssjiggle 1s linear;
        -moz-animation: rssjiggle 1s linear;
        -o-animation: rssjiggle 1s linear;
        animation: rssjiggle 1s linear;
    }

    .rss-icon:after {
        left: -36px;
        padding: 24px;
        top: -68px;
    }

    .rss-icon-rotate {
        transform: rotate(360deg) scale(1, 1);
        transition: all 0.8s ease-in-out;
    }

    .rss-icon-wrapper {
        margin:20px 0;
    }

    .rss-icon2:before {
        left: -17px;
        padding: 8px;
        position: relative;
        top: -15px;  
    }

    .rss-icon2:after {
        left: -29px;
        padding: 20px;
        top: -58px;
    }

    @keyframes rssjiggle {
        0% { transform: rotate(55deg) scale(1, 1); }
        10% { transform: rotate(95deg) scale(1.05, 1.05); }
        20% { transform: rotate(135deg) scale(1.1, 1.1); }
        30% { transform: rotate(175deg) scale(1.15, 1.15); }
        40% { transform: rotate(215deg) scale(1.2, 1.2); }
        50% { transform: rotate(255deg) scale(1.2, 1.2); }
        60% { transform: rotate(295deg) scale(1.15, 1.15); }
        70% { transform: rotate(335deg) scale(1.10, 1.10); }
        80% { transform: rotate(360deg) scale(1.05, 1.05); }
        90% { transform: rotate(10deg) scale(1, 1); }
        100% { transform: rotate(55deg) scale(1, 1); }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */



/*  Search page specific       																							 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */

    .record-overview[data-type='search'] .record-thumb-bg,
    .results[data-type='search'] .record-thumb-bg {
        height:200px;
        background-size:cover;
        background-position:center;
    }

    .record-overview[data-type='search'] .record-description,
    .results[data-type='search'] .record-description {
        max-height:72px;
    }

    .record-overview[data-type='search'] .record[data-type='company'] .record-thumb-bg,
    .results[data-type='search'] .record[data-type='company'] .record-thumb-bg {
        background-size:contain;
        background-repeat:no-repeat;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .record-overview[data-type='search'] .record-thumb-bg,
        .results[data-type='search'] .record-thumb-bg {
            height:130px;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .record-overview[data-type='search'] .record-thumb-bg,
        .results[data-type='search'] .record-thumb-bg {
            height:130px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .record-overview[data-type='search'] .record-thumb-bg,
        .results[data-type='search'] .record-thumb-bg {
            height:200px;
        }
    }

/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */



/*  Longread specific   																								 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .longread {
        
    }

    .longread .fixed-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .longread .post {
        position: relative;
        padding-top: 30px;
        margin-top: 300px;
        background: #fff;
    }

    .longread .title {
        padding: 40px 30px 20px 30px;
        text-align: center;
        font-size: 22px;
        line-height: 30px;
    }

    .longread .title h1 {
        padding-bottom: 30px;
    }

    .longread .text {
        font-size: 18px;
        line-height: 28px;
        padding: 30px 30px 0 30px;
    }

    .longread .text h2 {
        font-family: 'proxima-nova';
    }

    .longread .author {
        color: #000;
        text-align: center;
        font-size: 14px;
        line-height: 24px;
    }

    .longread .author strong {
        text-transform: uppercase;
    }

    .longread .author img {
        margin: 0 auto;
    }

    .longread .image {
        padding-top: 45px;
        padding-bottom: 15px;
        font-size: 14px;
        line-height: 22px;
        color: #000;
        font-weight: 700;
        font-family: 'proxima-nova', sans-serif;
    }

    .longread .image.image-full {
        text-align: center;
    }

    .longread .image > p {
        padding-left: 15px;
        padding-right: 15px;
    }

    .longread .image-left,
    .longread .image-right {
        padding: 0 0 30px 0;
    }

    .longread .text .image > p,
    .longread .image-left > p,
    .longread .image-right > p {
        padding-left: 0;
        padding-right: 0;
    }

    .longread .image .image-holder {
        position: relative;
        line-height: 0;
        margin-bottom: 5px;
        cursor: pointer;
    }

    .longread .image .image-holder .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: none;
        transition: all 0.4s ease;
    }

    .longread .image .image-holder .overlay:hover {
        background: rgba(0, 0, 0, 0.35);
    }

    .longread .credits {
        font-weight: 400;
        color: #BCBCBC;
    }

    .longread .container:first-child .text > p:first-letter {
        float: left;
        font-size: 114px;
        line-height: 80px;
        padding-top: 7px;
        padding-right: 5px;
    }

    .longread .quote-full {
        text-align: center;
        font-size: 32px;
        line-height: 48px;
        font-style: italic;
        padding: 60px 15px;
    }

    .longread .quote-right,
    .longread .quote-left {
        font-size: 24px;
        line-height: 28px;
        font-weight: 700;
        border-top: 5px solid #000;
        padding: 0;
        font-family: 'proxima-nova', sans-serif;
        padding: 5px 30px 60px 0;
    }

    .longread .text a {
        color: #000;
        border-bottom: 1px solid #00C752;
    }

    .longread .text a:hover {
        color: #00C752;
        text-decoration: none;
    }

    .longread .info-popup {
        display: none;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .longread .text {
            font-size: 18px;
            line-height: 28px;
        }

        .longread .title h1 {
            font-size: 40px;
            line-height: 42px;
        }

        .longread .image > p {
            padding-left: 0;
            padding-right: 0;
        }

        .longread .quote-right {
            float: right;
            margin-right: -15px;
            margin-left: 15px;
        }

        .longread .quote-left {
            float: left;
            margin-left: -15px;
            margin-right: 15px;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .longread .social {
            position: absolute;
            top: 0;
            left: 0;
            padding-top: 0;
            padding-left: 40px;
            text-align: center;
        }

        .longread .social a {
            display: block;
            width: 50px;
            margin: 0 auto 15px auto;
        }

        .longread .social .icon {
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 21px;
            margin: 0 auto 5px auto;
        }

        .longread .title {
            margin-top: -105px;
            background: #fff;
        }

        .longread .social {
            top: 30px;
        }

        .longread .quote-right {
            margin-right: -175px;
            margin-left: 45px;
        }
        .longread .quote-left {
            margin-left: -175px;
            margin-right: 45px;
        }

        .longread .info-popup {
            position: absolute;
            width: 170px;
            right: -165px;
            margin-top: -5px;
            padding: 15px;
            background: #00C752;
            font-size: 14px;
            line-height: 18px;
            color: #fff;
            font-family: 'proxima-nova', sans-serif;
            display: inline;
            opacity: 0;
            transition: all 0.3s ease;
        }

        .longread .info-popup.active {
            opacity: 1;
        }

        .longread .info-popup:after
        {
            content: '';
            position: absolute;
            border-style: solid;
            border-width: 8px 13px 8px 0;
            border-color: transparent #00C752;
            display: block;
            width: 0;
            z-index: 1;
            left: -13px;
            top: 15px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        section.longread .social {
            padding-left: 15px;
        }

        .longread .fixed-image {
            position: fixed;
        }
    
        .longread .text {
            font-size: 20px;
            line-height: 30px;
        }

        .longread .title h1 {
            font-size: 50px;
            line-height: 52px;
        }

        .longread .image-left {
            float: left;
            padding-top: 5px;
            margin-left: -215px;
            margin-right: 45px;
        }

        .longread .image-right {
            float: right;
            padding-top: 5px;
            margin-right: -215px;
            margin-left: 45px;
        }

        .longread .quote-right {
            margin-right: -215px;
        }

        .longread .quote-left {
            margin-left: -215px;
        }

        .longread .info-popup {
            right: -185px;
        }
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Extranet  																											 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .extranet .search-input,
    .extranet .categories-search-input {
        margin:auto;
    }

    .extranet-navigation-container {
        display:none;
        position:absolute;
        left:0;
        right:0;
        top:50px;
        z-index:30;
        padding-left:0;
        padding-right:0;
    }

    .extranet-navigation {
        background-color:#edeef2;
        overflow:hidden;
        width:100%;
    }

    .extranet-navigation a {
        text-decoration:none;
    }

    .extranet-navigation .menu-block {
        color:#000;
        transition:background-color 0.2s ease-out;
    }

    .extranet-navigation .menu-block:not(.active) {
        border-bottom:1px solid #cdcdcd;
    }

    .extranet-navigation .menu-block.active {
        background-color:#3d7aff;
        color:#fff;
    }

    .extranet-navigation .menu-block:hover {
        background-color:#3d7aff;
        color:#fff;
        transition:none;
    }

    .extranet-navigation .profile-user {
        width:75px;
        height:75px;
    }

    .extranet-navigation .profile-record .table .table-cell:first-child {
        width:90px;
    }

    .extranet-navigation .profile-record > a {
        padding:20px 10px 20px 30px !important;
    }

    .extranet .profile-record > a {
        padding:15px;
        display:block;
    }

    .extranet .profile-record > a:hover {
        background-color:#3d7aff;
        color:#fff;
    }

    .extranet .profile-record.active > a {
        background-color:#3d7aff;
        color:#fff;
    }

    .extranet .profile-record .profile {
        background-color:#fff;
        height:75px;
        width:75px;
        border-radius:50%;
        overflow:hidden;
    }

    .extranet .profile-record .profile img {
        max-height:75px;
        max-width:75px;
        /*padding:5px;*/
        margin-left:auto;
        margin-right:auto;
    }
    
    .extranet .profile-record .profile img[src*='icon-profile-company'] {
        max-height:50px;
        opacity:0.7 !important;
    }

    .extranet .profile-record .profile.icon {
        background-image:url('/resources/images/icons/icon-profile.svg');
        background-position:center center;
        background-repeat:no-repeat;
        background-size:60%;
    }

    .extranet .profile-record .profile-add {
        background-color:#fff;
        height:75px;
        width:75px;
        border-radius:50%;
        text-align:center;
        display:table-cell;
        vertical-align:middle;
    }

    .extranet .profile-record .profile-add span {
        font-size:50px;
        padding:3px 0 0 3px;
        display:block;
        color:#000 !important;
    }

    .extranet .profile-record .title {
        margin-left:10px;
        line-height:95%;
        font-size:22px;
    }

    .extranet .profile-record .subtitle {
        margin-left:10px;
        height:12px;
    }

    .extranet-navigation .menu-block.active .profile-record .subtitle {
        color:#9bc1ea;
        /*transition:all 0.4s ease 0s;*/
    }

    .extranet-navigation .menu-block.active .profile-record [data-item='profile'].active {
        color:#fff;
    }

    .extranet .profile-record .subtitle span {
        padding-right:10px;
        font-size:13px;
    }

    .extranet .menu-block.active .profile-record .subtitle span {
        transition: all 0.2s ease 0s;
    }

    .extranet .profile-record [data-item='profile'] {
        display:none;
    }

    .extranet .menu-block.active .profile-record [data-item='profile'] {
        display:block;
    }

    .extranet-navigation .navigation-items {
        display:none;
        margin-bottom:1px;
    }

    .extranet-navigation .menu-block.initial .navigation-items {
        display:block;
    }

    .extranet-navigation .menu-items {
        color:#000000;
        font-size:18px;
        /*display:none;*/
        margin:8px 0;
        padding:0;
        padding-bottom:10px;
        list-style-type:none;
    }

    .extranet-navigation .menu-items .optional { 
        display:none;
    }

    .extranet-navigation .menu-block.active .menu-items {
        color:#9bc1ea;
        /*display:none;*/
    }

    .extranet-navigation .menu-items ul {
        margin:0;
        padding:0;
    }

    .extranet-navigation .menu-items li {
        margin:8px 0;
        padding:0;
        list-style-type:none;
    }

    .extranet-navigation .profile-record:hover .subtitle span,
    .extranet-navigation .menu-items li > a:hover,
    .extranet-navigation .menu-items li.active > a,
    .extranet-navigation .menu-items li.active > a:hover {
        color:white;
    }

    .extranet-navigation .menu-items li a {
        text-decoration:none;
        display:block;
        padding:0 30px;
        transition: all 0.2s ease 0s;
    }

    .extranet-navigation .menu-items li ul {
        display:none;
    }

    .extranet-navigation .menu-items li.active ul {
        display:block;
    }

    .extranet-navigation .menu-items li li a {
        padding:0 50px;   
    }

    .extranet-content {
        opacity:0;
    }

    .extranet .pagetitle {
        font-size:30px;
        line-height:30px;
        font-weight:bold;
        float:left;
    }

    .extranet .previewlink {
        display:none;
    }

    .extranet .readmore {
        margin-top:12px;
    }

    .extranet .block {
        background-color:#edeef2;
        padding:30px;
    }

    .extranet .block-white {
        background-color:#fff;
    }

    .extranet .block-nopadding {
        padding:0;
    }

    .extranet .block[data-block="confirm"],
    .extranet .block[data-block="promo"] {
        display:none;
    }

    .extranet .block-title {
        font-size:22px;
        font-weight:bold;
    }

    .extranet .block .search-input {
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
        border-left:1px solid #ccc;
    }

    .extranet .block .search-input input {
        background-color:#fff;
    }

    .extranet .extranet-notifications {
        background-color:#edeef2;
        padding:30px;
    }

    .field-title {
        font-size:14px;
        font-weight:bold;
        margin-bottom:3px;
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;	
        cursor:default;
    }

    .field-input {
        margin:0 0 15px 0;
    }

    .extranet-subscriptions {
        font-size:13px;
    }

    .extranet-subscriptions .newsletter-input {
        text-align:left;
    }

    .extranet-subscriptions .newsletter-input label {
        font-size:15px;
        font-weight:bold;
    }

    .extranet-subscriptions .newsletter-title {
        font-weight:bold;
        font-size:15px;
    }

    .extranet-subscriptions .newsletter-frequency {
        font-style:italic;
    }

    .extranet-subscriptions .magazine-description {
        font-style:italic;
    }

    .extranet-favorites .readmore {
        float:none;
    }

    .extranet-favorites .swipers .article .title,
    .extranet-favorites .swipers .article .title span {
        font-size:15px;
        line-height:15px;
        font-weight:bold;
    }

    .extranet .illustration {
        transform: scale(1);
        transition: all 0.4s ease;
        opacity: 1;
    }

    .extranet .tag.scaled,
    .extranet .illustration.scaled {
        opacity: 0;
        transform: scale(0.8);
    }

    .extranet .tag {
        float:left;
        background-color:#2878ff;
        padding:2px;
        margin-right:20px;
        margin-bottom:20px;
        opacity: 1;
        transform: scale(1);
        transition: all 0.4s ease;
    }

    .extranet .tag > span {
        background-color:#fff;
        display:table-cell;
        height:100%;
        cursor:default;
        margin:0;
        padding:0 10px;
        vertical-align:middle;
    }

    .extranet .tag .btn {
        vertical-align:top;
        display:table-cell;
    }

    .extranet .relatedRecords .record-title {
        font-size:15px;
    }

    .extranet .relatedRecords .record-subtitle {
        font-size:13px;
    }

    .extranet .statistics-table-title {
        display:block;
        margin-top:20px;
    }

    .extranet-statistics .graph img {
        position:static !important;    
    }

    .login-page {
        background-color:#ebeef0;
        min-height:700px;
    }

    .login-page .login-container,
    .login-page .login-help {
        background-color:white;
        width:430px; 
        position:absolute; 
        left:0;
        right:0;
        top:20%;
        margin:auto;
        padding:30px;
        border-radius:2px;
        z-index:0;
        opacity:0;
    }

    .login-page .login-help {
        margin-top:140px;
        left:0;
        right:0;
        width: 80%;
        position:relative;
    }

    .login-page .login-dialogs {
        position:relative;
        height:600px;
        margin-top:-40px;
    }

    .login-page .login-container.active,
    .login-page .login-help {
        z-index:1;
        opacity:1;
    }

    .login-page .login-container .login-title {
        font-size:30px;
        line-height:30px;
        font-weight:bold;
        text-align:center;
    }

    .login-page .login-help .login-title {
        font-size:30px;
        font-weight:bold;
        line-height:35px;
        letter-spacing:-0.5px
    }

    .login-page .login-help a {
        color:#2d7eff;
        cursor:pointer;
    }

    .login-page .login-help .login-intro {
        font-size: 20px;
        line-height:20px;
    }

    .login-page .login-help .login-text {
        font-size: 16px;
        color:#414141;
    }

    .login-page .login-passwordforgottenlink {
        color:#2d7eff;
        text-align:center;
        font-size:14px;
        cursor:pointer;
    }

    .login-page .login-intro {
        text-align:center;
        color:#444;
    }

    .login-page .login-field {
        position:relative;
        margin:15px 0;
    }

    .login-page .login-field input {
        background-color:#edf0f1;
        border:none;
        padding: 15px;
        width:100%;
    }

    .login-page .login-field input:focus,
    .login-page .login-field input:-webkit-autofill,
    .login-page .login-field input:-webkit-autofill:hover,
    .login-page .login-field input:active {
        background-color:#edf0f1;
        outline:none;
         -webkit-box-shadow: 0 0 0 100px #edf0f1 inset;
    }

    .login-page .login-field:not(.login-field-passwordforgotten) input {
        padding-left: 70px;
    }

    .login-page .login-field i {
        left: 0px;
        top: 0px;
        position: absolute;
        height: 50px;
        width: 50px;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);
        color: #777777;
        text-align: center;
        line-height: 50px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        pointer-events: none;
    }

    .login-page .login-validation-message {
        text-align:center;
        color:red;
    }

    .login-page .navOutNext {
	    -webkit-animation: slideDown 0.4s forwards;
	    animation: slideDown 0.4s forwards;
        opacity:1;
    }

    .login-page .navInNext {
	    -webkit-animation: showUp 0.4s forwards;
	    animation: showUp 0.4s forwards;
        opacity:1;
    }

    @-webkit-keyframes slideDown {
	    from {}
	    to {
		    -webkit-transform: translateY(150%);
		    opacity: 0;
	    }
    }

    @keyframes slideDown {
	    from {}
	    to {
		    -webkit-transform: translateY(150%);
		    transform: translateY(150%);
		    opacity: 0;
	    }
    }

    @-webkit-keyframes showUp {
	    from {
		    -webkit-transform: scale(0.5);
	    }
	    to {
		    -webkit-transform: scale(1);
		    opacity: 1;
	    }
    }

    @keyframes showUp {
	    from {
		    -webkit-transform: scale(0.5);
		    transform: scale(0.5);
	    }
	    to {
		    -webkit-transform: scale(1);
		    transform: scale(1);
		    opacity: 1;
	    }
    }

    .extranet .thumb {
        position:relative;
    }

    .extranet .thumb::before {
        bottom: 30px;
        position: absolute;
        right: 60px;
        padding: 2px 10px;
        color: #fff;    
    }

    .extranet .thumb[data-filetype='dxf']::before {
        content: '.dxf';
    }

    .extranet .thumb[data-filetype='3ds']::before {
        content: '.3ds';
    }

    .extranet .thumb[data-filetype='rfa']::before {
        content: '.rfa';
    }

    .extranet .thumb[data-filetype='stp']::before {
        content: '.stp';
    }

    .extranet .thumb[data-filetype='gdl']::before {
        content: '.gdl';
    }

    .extranet .thumb[data-filetype='doc']::before {
        content: '.doc';
    }

    .extranet .thumb[data-filetype='igs']::before {
        content: '.igs';
    }

    .extranet .thumb[data-filetype='zip']::before {
        content: '.zip';
    }

    .extranet .thumb[data-filetype='rar']::before {
        content: '.rar';
    }

    .extranet .thumb[data-filetype='pdf']::before {
        content: '.pdf';
    }

    .extranet .thumb[data-filetype='docx']::before {
        content: '.docx';
    }

    .extranet .thumb[data-filetype='txt']::before {
        content: '.txt';
    }

    .extranet .thumb[data-filetype='rvt']::before {
        content: '.rvt';
    }

    .extranet .thumb[data-filetype='atl']::before {
        content: '.atl';
    }

    .extranet .thumb[data-filetype='dwg']::before {
        content: '.dwg';
    }

    .extranet .status-overlay {
        background-color:#3d7aff;
        color:#fff;
        font-size:19px;
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        opacity:0;
        cursor:pointer;
    }

    .extranet .status-overlay > div {
        position:absolute;
        top:50%;
        margin-top:-20px;
        left:0;
        right:0;
        text-align:center;
    }

    .extranet .status-overlay > div span {
        margin-right:10px;
    }

    .extranet .record a {
        display:inline-block;
        width:100%;
    }

    .extranet .record-title {
        font-size:18px;
        line-height:22px;
        font-weight:bold;
        padding-bottom:5px;
    }

    .extranet .record-subtitle {
        padding-bottom:10px;
    }

    .extranet .record-date {
        color:#bbbbbb;
        padding-bottom:10px;
        font-size:14px;
        line-height:16px;
    }

    .extranet .record-title:empty,
    .extranet .record-subtitle:empty,
    .extranet .record-date:empty,
    .extranet .record-text:empty {
        display:none;
    }
    
    .extranet .record-description {
        font-size:16px;
        line-height:24px;
    }

    .extranet > .container > .row > .flex {
        min-height:1000px;
    }

    .extranet .record[data-field='thumb'] {
        width:100%;
        height:auto;
    }

    .extranet .record [data-field='title'] {
        font-weight:bold;
    }

    /* Small mobile specific */
    @media screen and (max-width:767px){

        .login-page .login-help {
            margin-top:100px;
        }

        .login-page .login-container {
            width:80%;
            margin-top:30px;
            margin-bottom:30px;
        }

        .login-page .login-container {
            top:10%;
        }

        .extranet .record-title {
            max-height:52px;
            overflow:hidden;
        }

        .extranet .record-title:after {
            content: "";
            text-align: right;
            position: absolute;
            top:26px;
            right: 0;
            width: 70%;
            height: 1.2em;
            background: none;
            background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 95%);        
        }

        .extranet .swiper-slide .record-title:after {
            display:none;
        }

        .extranet .record-buttons {
            position:absolute;
            bottom:0;
        }

        .extranet-administration .record .row-eq-height {
            display:block;
        }

        .extranet-administration .record .row-eq-height .table > div:first-child {
            display:none;
        }

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

        .extranet-navigation-container {
            top:75px;
        }

        .extranet .record .record-description.fadeOut {
            position:relative;
        }

        .extranet .record .record-description.fadeOut:after {
            content: "";
            text-align: right;
            position: absolute;
            bottom:4px;
            right: 0;
            width: 70%;
            height: 1.5em;
            background: none;
            background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 95%);        
        }

        .extranet .record-title {
            font-size:22px;
            line-height:26px;
            font-weight:bold;
        }

        .extranet .record-subtitle {
            font-size:16px;
            line-height:20px;
        }

        .extranet .col-sm-1 > .thumb .status-overlay,
        .extranet .col-sm-2 > .thumb .status-overlay,
        .extranet .col-sm-3 > .thumb .status-overlay {
            font-size:16px;
        }

        .extranet .col-sm-5 > .thumb .status-overlay,
        .extranet .col-sm-6 > .thumb .status-overlay,
        .extranet .col-sm-7 > .thumb .status-overlay,
        .extranet .col-sm-8 > .thumb .status-overlay,
        .extranet .col-sm-9 > .thumb .status-overlay,
        .extranet .col-sm-10 > .thumb .status-overlay,
        .extranet .col-sm-11 > .thumb .status-overlay,
        .extranet .col-sm-12 > .thumb .status-overlay {
            font-size:24px;
        }

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

        .extranet .record a {
            display:block;
            width:100%;
        }

        .extranet .record-buttons {
            max-width:330px;
            float:right;
        }

        .extranet .record-buttons .btn {
            max-width:164px;
            float:right;
        }

        .extranet .col-md-1 > .thumb .status-overlay,
        .extranet .col-md-2 > .thumb .status-overlay,
        .extranet .col-md-3 > .thumb .status-overlay {
            font-size:16px;
        }

        .extranet .col-md-5 > .thumb .status-overlay,
        .extranet .col-md-6 > .thumb .status-overlay,
        .extranet .col-md-7 > .thumb .status-overlay,
        .extranet .col-md-8 > .thumb .status-overlay,
        .extranet .col-md-9 > .thumb .status-overlay,
        .extranet .col-md-10 > .thumb .status-overlay,
        .extranet .col-md-11 > .thumb .status-overlay,
        .extranet .col-md-12 > .thumb .status-overlay {
            font-size:24px;
        }

        .extranet-navigation-container {
            display:flex;
            left:auto;
            right:auto;
            top:auto;
            position:initial;
            padding-left:15px;
            padding-right:15px;
            position:relative;
        }

        .extranet-navigation .menu-items {
	        font-size:15px;
        }

        .extranet .profile-record .title {
            font-size:16px;
        }

        .extranet .profile-record .profile,
        .extranet .profile-record .profile img,
        .extranet .profile-record .profile-user,
        .extranet .profile-record .profile-user img {
            max-height:50px;
            max-width:50px;
        }

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

        .login-page .login-dialogs {
            position:initial;
            margin-top:0;
        }

        .login-page .login-help .login-title {
            text-align:left;
        }

        .login-page .login-container {
            margin-left:calc(50% - 445px);
        }

        .login-page .login-help {
            position:absolute;
            /*left: calc(50% + 250px);*/
            max-width: 430px;
            width: auto;
            /*margin-right: 40px;*/
            margin-top:0;
            min-height:436px;
            top:20%;
            /*margin-left:55%;*/
            margin-left:calc(50% + 15px);
        }

        /*.login-page .login-help {
            position:absolute;
            left: calc(50% + 250px);
            max-width: 460px;
            width: auto;
            margin-right: 40px;
            margin-top:0;
            min-height:436px;
            top:20%;
        }*/

        /*.login-page .login-help {
            max-width:320px;
            margin-left: calc(50% + 250px);
            left:0;
            margin-right:auto;
        }*/

        .extranet .record-title {
            font-size:24px;
            line-height:28px;
            font-weight:bold;
        }

        .extranet .record-subtitle {
            font-size:18px;
            line-height:22px;
        }

        .extranet-connect .record-title {
            font-size:14px;
            line-height:18px;
        }

        .extranet .col-lg-1 > .thumb .status-overlay,
        .extranet .col-lg-2 > .thumb .status-overlay,
        .extranet .col-lg-3 > .thumb .status-overlay {
            font-size:20px;
        }

        .extranet .col-lg-5 > .thumb .status-overlay,
        .extranet .col-lg-6 > .thumb .status-overlay,
        .extranet .col-lg-7 > .thumb .status-overlay,
        .extranet .col-lg-8 > .thumb .status-overlay,
        .extranet .col-lg-9 > .thumb .status-overlay,
        .extranet .col-lg-10 > .thumb .status-overlay,
        .extranet .col-lg-11 > .thumb .status-overlay,
        .extranet .col-lg-12 > .thumb .status-overlay {
            font-size:30px;
        }

        .extranet .profile-record .profile,
        .extranet .profile-record .profile img,
        .extranet .profile-record .profile-user,
        .extranet .profile-record .profile-user img {
            max-height:75px;
            max-width:75px;
        }

    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Treelist   																										     */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .treelist {
        font-family:inherit;
    }

    .treelist .dxtlNode, 
    .treelist .dxtlAltNode, 
    .treelist .dxtlSelectedNode, 
    .treelist .dxtlFocusedNode, 
    .treelist .dxtlEditFormDisplayNode, 
    .treelist .dxtlCommandCell,
    .treelist .dxtlSelectionCell {
        background:none;
    }

    .treelist .dxtlControl {
        font-size:14px;
    }

    .treelist .dxtlIndent, 
    .treelist .dxtlIndentWithButton {
        background:none;
        vertical-align:middle;
    }

    .treelist .dxtlNode td.dxtl, 
    .treelist .dxtlAltNode td.dxtl, 
    .treelist .dxtlSelectedNode td.dxtl, 
    .treelist .dxtlFocusedNode td.dxtl, 
    .treelist .dxtlEditFormDisplayNode td.dxtl, 
    .treelist .dxtlCommandCell,
    .treelist .dxtlSelectionCell {
        border:none;
        background:none;
        padding:0;
    }

    .treelist .dxtlSelectionCell {
        width:25px;
    }

    .treelist .dxICheckBox {
        margin: 3px 8px 3px 0;
    }

    .treelist .dxWeb_edtCheckBoxGrayed {
        
    }

    .treelist .dxtl__IM, 
    .treelist .dxtl__IE {
        line-height:initial !important;
    }

    .treelist .dxtlSelectedNode td {
        color:#000;
    }

    .treelist .preventClickTweak {
        background-color:transparent;
        display:block;
        position:absolute;
        top:0;
        height:22px;
        width:22px;
        z-index:100;
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Gridview   																										     */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
	.GridViewContainer {
        overflow:hidden;
        overflow-x:hidden;
	}

    .GridViewInnerContainer {
        width:100%;
    }

    .ManagerGridview {
        border:0px;
        width:100% !important;
    }

    .ManagerGridview [class*=dxGridView_WindowResizer] {
        visibility: hidden;
    }

    .ManagerGridview .dxgvLoadingDiv {
        background-color:#fff;
        opacity:0.5;
        top:132px !important;
        right:50px !important;
        bottom:80px !important;
        height:auto !important;
        width:auto !important;

    }

	.ManagerGridview .dxgvTable {
        border-spacing:0;
        border:none;
        table-layout:auto !important;
    }

    .ManagerGridview .dxgvHSDC {
        /*margin-bottom:15px;*/
        background-color:#edeef2;
    }

    .ManagerGridview .dxgvHSDC > div {
        width:100% !important;
    }

	.ManagerGridview .dxgvCSD,
    .ManagerGridview .dxgvCSD table {
        min-height:180px;
        background-color:#edeef2;
	}

    .ManagerGridview > tbody > tr > td {
        background-color:white;
    }

    .ManagerGridview .dxgvTitlePanel {
        background-color:#eaeaea;
        border:0px;
        padding:0px;
        font-size:11px;
		text-align:left;
		height:33px;
    }

    .ManagerGridview .dxgvTitlePanel .SelectedItemsSpan {
        color:#8a8a8a;
        font-size:11px;
        line-height:28px;
		display:inline-block;
		padding-left:1px;
    }

    .ManagerGridview .dxgvTitlePanel .SelectedItemsCount {
        color:#354052;
        font-size:11px;
        line-height:28px;
		display:inline-block;
		margin-left:5px;
    }   

    .ManagerGridview .dxgvHeader {
        background:#edeef2;
        border:none;
        padding:15px;
        height:52px;
    }

    .ManagerGridview .dxgvHeader.Prime {
        min-width:200px;
    }

    .ManagerGridview .dxgvHeader td {
        color:#3b3d40;
        font-weight:bold;
        font-size:14px;
		text-align:left;
        /*text-transform:uppercase;*/
    }

    .Log .ManagerGridview .dxgvHeader {
        padding:15px;
    }
	
    .ManagerGridview .dxgvFilterRow .dxgvCommandColumnItem {
        padding:0;
    }

    .ManagerGridview .dxgvFilterRow td.dxgv:first-child {
        /*min-width:105px;*/
        text-align:left !important;
    }

    .ManagerGridview .dxgvFilterRow td.dxgv {
        border-right:none;
        padding-right:15px;
        padding-left:15px;
        background-color:#f9f9f9;   
        padding-bottom:15px;
        border:none;
        border-bottom:1px solid #eeeeee;
    }

    .ManagerGridview .dxgvDataRow {
        color:#666666;
        padding:0px;
        margin:0px;
    }

    .ManagerGridview .dxgvDataRow td.dxgv,
    .ManagerGridview .dxgvSelectedRow td.dxgv {
        min-height:35px;
        font-size:11px;
        padding:10px 15px 10px 15px;
        border:none;
        vertical-align:top;
        border-top:1px solid #eeeeee;
        text-align:left;
        white-space:normal;
        word-break:break-all;
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;	
    }

    .ManagerGridview .dxgvDataRow td.dxgv:first-child:not(.Thumb):not(.dx-ac)
    .ManagerGridview .dxgvDataRow td.dxgv:first-child:not([id]):not(.dx-ac),
    .ManagerGridview .dxgvSelectedRow td.dxgv:first-child:not([id]):not(.dx-ac) {
        padding:0;
    }

    .Log .ManagerGridview .dxgvDataRow td.dxgv:first-child:not([id]),
    .Log .ManagerGridview .dxgvDataRow td.dxgv:first-child:not(.Thumb),
    .Log .ManagerGridview .dxgvSelectedRow td.dxgv:first-child:not([id]) {
        padding:10px 15px 10px 17px;
    }

    .ManagerGridview .dxgvDataRow:last-child td.dxgv {
        border-bottom:1px solid #eeeeee;
    }

    .ManagerGridview .dxgvDataRow td.dxgv img,
    .ManagerGridview .dxgvSelectedRow td.dxgv img {
        float:left;
    }

    .ManagerGridview .dxgvDataRow td.Prime,
    .ManagerGridview .dxgvSelectedRow td.Prime {
        font-weight:bold;
        font-size:13px;
        min-width:200px;
        word-break:keep-all;
        overflow-wrap:break-word;
    }

    .ManagerGridview .dxgvSelectedRow td.dxgv {
        color:#354052;
        background-color:#efefef;
    }
 
    .ManagerGridview .dxgvDataRowAlt {
        background-color:#fdfdfd !important;
    }

    .ManagerGridview .dxgvCommandColumn {
        white-space:nowrap;
    }
    
    .ManagerGridview .dxeTextBox,
    .ManagerGridview .dxeButtonEdit {
       border:1px solid #d8d8d8 !important;
    }

    .ManagerGridview td.dxeCalendarFooter {
        padding:10px;
    }

	.FormFieldContainer td.dxeCalendarFooter > table > tbody > tr td:first-child .dxeCalendarButton {
		float:right;
	}
    
    .ManagerGridview .dxeCalendarButton {
        position:inherit !important;
        width:100px;
    }

    .ManagerGridview .dxeEditArea {
        font-size:11px;
    }

    .ManagerGridview .dxgvStatusBar {    
        height:30px; 
        border:0px;
        background-color:#eaeaea;
        border-spacing:0px;
        margin:0px;
        padding:0px;
        margin-top:15px;
    }

    .ManagerGridview .dxgvStatusBar td {
        margin:0px;
        padding:0px;
        color:#8a8a8a;
        font-size:11px;
		padding-left:1px !important;
    }

    .ManagerGridview #StatusBarTop {
        height:35px;
        background-color:#f3f3f3;
        padding:0px;
        border:1px solid #dae0d6;
        border-top:0px;
    }

    .ManagerGridview #StatusBarTop .GridViewFooterItems {
        padding-top:10px; 
        padding-left:8px; 
        float:left;
    }

    .ManagerGridview #StatusBarTop .GridViewFooterItemsPerPage {
        padding-top:8px; 
        padding-right:4px; 
        float:right;
    }

    .ManagerGridview #StatusBarTop .GridViewFooterSelect {
        font-size:11px;
    }
	
    .ManagerGridview #StatusBarBottom {
        height:35px;
        background-color:#eaeaea;
        margin-top:5px;
        float:right;
    }

    .ManagerGridview .dxGridView_gvHeaderFilter, 
    .ManagerGridview .dxGridView_gvHeaderFilterActive {
        background-image:url('/resources/images/icons/GridviewHeaderFilterButton.svg');
        background-position:center center;
        background-size:10px auto;
        cursor:pointer !important;
        padding:10px;
    }

    .ManagerGridview .dxGridView_gvFilterRowButton {
        background-image:url('/resources/images/icons/GridviewRowFilterButton.svg');
        background-position:center center;
        background-size:14px auto;
        cursor:pointer !important;
        padding:10px;
    }

    .ManagerGridview .dxpcLite,
    .ManagerGridview .dxpc-content {
        width:auto !important;
    }

    .ManagerGridview .dxpcLite,
    .ManagerGridview .dxmLite .dxm-popup {
        margin-top:45px;
        border:1px solid #e7e3e3 !important;
        border-top:none !important;
        font-size:11px;
    }

    .ManagerGridview .dxpcLite,
    .ManagerGridview .dxpcLite * {
        cursor:default !important;
    }

    .ManagerGridview .dxmLite > div {
        overflow:visible !important;
    }

    .ManagerGridview .dxpcLite .dxeListBox {
        font-size:11px;
    }

    .ManagerGridview .dxmLite .dxm-popup {
        margin-top:18px;
        padding:0;
    }

    .ManagerGridview .dxpcLite .dxpc-mainDiv, 
    .ManagerGridview .dxpcLite.dxpc-mainDiv, 
    .ManagerGridview .dxdpLite .dxpc-mainDiv, 
    .ManagerGridview .dxdpLite.dxpc-mainDiv {
        background-color:#f9f9f9;
    }

    .ManagerGridview .dxpcLite .dxpc-footer {
        background-color:#f9f9f9;
        border-bottom:1px solid #e7e3e3;
    }

    .ManagerGridview .dxpcLite .dxgvHFSC div {
        background-color:#e0e0e0 !important;
    }

    .ManagerGridview .dxpcLite .dxbButtonSys.dxbTSys {
        margin:5px 0;
    }

    .ManagerGridview .dxmLite,
    .ManagerGridview .dxmLite *,
    .ManagerGridview .dxpcLite,
    .ManagerGridview .dxpcLite * {
        transition:none !important;
        opacity: 1 !important;
    }

    .ManagerGridview .dxpcLite .dxpc-shadow,
    .ManagerGridview .dxmLite .dxm-shadow {
        border:none;
        -webkit-box-shadow: 0px 5px 10px 0px rgba(239, 239, 239, 0.75);
        -moz-box-shadow:    0px 5px 10px 0px rgba(239, 239, 239, 0.75);
        box-shadow:         0px 5px 10px 0px rgba(239, 239, 239, 0.75);
    }

    .ManagerGridview .dxpcLite .dxICheckBox {
        display:none;
    }

    .ManagerGridview .dxpcLite .dxichCellSys {
        padding:0;
        padding-right:5px;
    }
    
    .ManagerGridview .dxpcLite .dxeTAR {
        width:100%;
    }

    .ManagerGridview .dxpcLite .dxgvControl .dxgvHFSAC {
        padding:9px 0 0;
    }

    .ManagerGridview .dxpcLite .dxeListBox {
        background-color:#f9f9f9;
    }

    .ManagerGridview .dxpcLite .dxeListBoxItem {
        padding-left:14px;
    }

    .ManagerGridview .dxpcLite .dxeListBoxItemHover {
        background-color:transparent;
        cursor:pointer !important;
    }

    .ManagerGridview .dxpcLite .dxeTAR label {
        display:block;
        width:100%;
        cursor:pointer !important;
        font-size:11px;
    }

    .ManagerGridview .dxpcLite .dxeListBoxItemSelected {
        background-color:#efefef;
        color:black;
    }

    .ManagerGridview .dxmLite .dxm-gutter {
        background-image:none;
        background-color:#f9f9f9;
    }

    .ManagerGridview .dxmLite .dxm-hovered {
        background-color:transparent;
        border-color:transparent;
    }

    .ManagerGridview .dxmLite .dxm-content {
        padding-left:12px;
    }

    .ManagerGridview .dxmLite.dxm-ltr .dxm-popup .dxm-content .dxm-image.dxWeb_mSubMenuItem {
        margin-right:8px;
    }

    .Log .ManagerGridview .dxgvDataRow td:nth-child(3),
    .Log .ManagerGridview .dxgvTable tr td:nth-child(3) {
        display:none;
    }

    .gridview {
        
    }

    .gridview .dxgvDataRow {
        cursor:pointer;
        color:#000;
    }

    .gridview .dxgvDataRow td.Prime, 
    .gridview .dxgvSelectedRow td.Prime {
        font-weight:normal;
    }

    .gridview .dxgvDataRow:hover,
    .gridview .dxgvDataRow:hover td {
        background-color:#ced7db;
        color:#2879ff;
    }

    .gridview .dxgvSelectedRow,
    .gridview .dxgvSelectedRow td,
    .gridview .dxgvSelectedRow td.dxgv {
        color:#000;
        background-color:inherit;
    }

    .gridview .dxgvDetailRow {
        background-color:#fff;
    }

    .gridview .dxgvDataRow td.dxgv, 
    .gridview .dxgvSelectedRow td.dxgv {
        padding:15px;
    }

    .gridview .dxgvDataRow td.dxgv,
    .gridview .dxgvHeader {
        /*border:1px solid #fff !important;*/
        vertical-align:middle;
        font-size:14px;
    }

    /*.gridview-interaction .dxgvDataRow td.dxgv,
    .gridview-interaction .dxgvHeader {
        border:1px solid #fff !important;
    }*/

    .gridview .dxgvHeader,
    .gridview .dxgvHeader td {
        font-size:16px;
        font-weight:600;
        color:#000;
    }

    .gridview-exportvalues.values li {
        padding:0;
    }

    .gridview-exportvalues.values input {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        height: 100%;
        padding: 15px;
        text-align: left;
        width: 100%;        
    }

    .gridview-exportvalues.values .dxbButton {
        background:none;
        color:inherit;
        height:auto;
        padding:0 8px;
        font-size:14px;
    }

    .gridview-detailrow {
        padding-left:50px;
        margin-left:18px;
        background-color:#fff;
        font-size:14px;
    }

    .GridViewShadeLeft {
        width:10px;
        left:0;
        height:calc(100% - 16px);
        position:absolute;
        top:50px;
        visibility:hidden;
        background: none;
        background:-moz-linear-gradient(left, rgba(194,194,194,0.65) 0%, rgba(194,194,194,0) 100%);
        background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(194,194,194,0.65)), color-stop(100%,rgba(194,194,194,0)));
        background:-webkit-linear-gradient(left, rgba(194,194,194,0.65) 0%,rgba(194,194,194,0) 100%);
        background:-o-linear-gradient(left, rgba(194,194,194,0.65) 0%,rgba(194,194,194,0) 100%);
        background:-ms-linear-gradient(left, rgba(194,194,194,0.65) 0%,rgba(194,194,194,0) 100%);
        background:linear-gradient(to right, rgba(194,194,194,0.65) 0%,rgba(194,194,194,0) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c2c2c2', endColorstr='#00c2c2c2',GradientType=1 );
    }

    .GridViewShadeRight {
        height:calc(100% - 16px);
        right:15px;
        visibility:hidden;
        width:10px;
        position:absolute;
        top:-15px;
        background: none;
        background:-moz-linear-gradient(left, rgba(194,194,194,0) 0%, rgba(194,194,194,0.65) 100%);
        background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(194,194,194,0)), color-stop(100%,rgba(194,194,194,0.65)));
        background:-webkit-linear-gradient(left, rgba(194,194,194,0) 0%,rgba(194,194,194,0.65) 100%);
        background:-o-linear-gradient(left, rgba(194,194,194,0) 0%,rgba(194,194,194,0.65) 100%);
        background:-ms-linear-gradient(left, rgba(194,194,194,0) 0%,rgba(194,194,194,0.65) 100%);
        background:linear-gradient(to right, rgba(194,194,194,0) 0%,rgba(194,194,194,0.65) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2c2c2', endColorstr='#a6c2c2c2',GradientType=1 );
    }

    .dxgvControl {
        font-family:inherit;
    }

    .gridviewRelate {
        border:0;
        background-color:transparent;
    }

    .gridviewRelate .dxgvHeader,
    .gridviewRelate .dxgvHSDC {
        background-color:#cdcdcd;
    }

    .gridviewRelate .dxgvDataRow td.dxgv, 
    .gridviewRelate .dxgvHeader {
        border-color:transparent;
    }

    .gridviewRelate .dxgvTable {
        background-color:transparent;
    }

    .gridviewRelate .dxgvDataRow td {
        text-align:left;
    }

    .gridviewRelate .dxgvDataRow .dxbButton img {
        width:22px;
        height:28px;
    }

    .gridviewRelate .dxgvDataRow .Thumb {
        padding-left:0;
    }

    .gridviewRelate .dxbButton:hover {
        background-color:inherit;
    }

    .gridviewRelate .dxgvHeader {
        padding-top:4px;
        padding-left:14px;
    }

    .gridviewRelate .dxgvHSDC {
        margin-bottom:2px;
    }

    .gridviewRelate .dxgvCSD::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    .gridviewRelate .dxgvCSD::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }

    .gridview-statistics,
    .gridview-interaction {
        border:none;
    }

    .gridview-statistics .dxgvCSD,
    .gridview-statistics .dxgvTable,
    .gridview-statistics .dxgvFooter,
    .gridview-interaction .dxgvCSD,
    .gridview-interaction .dxgvTable,
    .gridview-interaction .dxgvFooter {
        background-color:#edeef2;
    }

    .gridview-statistics .dxgvHeader, 
    .gridview-statistics .dxgvHeader td,
    .gridview-statistics .dxgvDataRow td.dxgv,
    .gridview-interaction .dxgvHeader, 
    .gridview-interaction .dxgvHeader td,
    .gridview-interaction .dxgvDataRow td.dxgv {
        font-size:14px;
    }

    .gridview-statistics .dxgvDataRow td.dxgv,
    .gridview-statistics .dxgvHeader,
    .gridview-interaction .dxgvDataRow td.dxgv,
    .gridview-interaction .dxgvHeader {
        border:1px solid #fff !important;
    }

    .gridview-statistics .dxgvHeader,
    .gridview-statistics .interaction,
    .gridview-interaction .dxgvHeader,
    .gridview-interaction .interaction {
        font-weight:bold;
    }

    .gridview-statistics .dxgvHeader .dxgvHCEC {
        font-weight:normal;
    }

    .gridview-statistics .dxgvHSDC .dxgvTable tbody > tr:nth-child(2) > td:first-child {
        padding-left:18px;
        text-align:left;
    }

    .gridview-statistics .dxgvHSDC .dxgvTable tbody > tr:nth-child(2) > td {
        text-align:left;
        padding-left:15px;
    }

    .gridview-statistics .dxgvHSDC .dxgvTable tbody > tr:nth-child(2) > td:first-child .dxgvHCEC {
        font-weight:bold;
    }

    .gridview-statistics  .dxgvCSD {
        /*min-height:224px;*/
    }

    .gridview-statistics .dxgvSelectedRow,
    .gridview-statistics .dxgvSelectedRow td,
    .gridview-statistics .dxgvSelectedRow td.dxgv {
        color:#000;
        background-color:inherit;
    }

    /*.gridview-interaction .dxgvSelectedRow,
    .gridview-interaction .dxgvSelectedRow td,
    .gridview-interaction .dxgvSelectedRow td.dxgv {
        background-color:#ced7db;
        color:#2879ff;
    }*/

    .gridview-statistics .dxgvDataRow:hover,
    .gridview-statistics .dxgvDataRow:hover td,
    .gridview-statistics .dxgvSelectedRow:hover,
    .gridview-statistics .dxgvSelectedRow:hover td,
    .gridview-interaction .dxgvDataRow:hover,
    .gridview-interaction .dxgvDataRow:hover td,
    .gridview-interaction .dxgvSelectedRow:hover,
    .gridview-interaction .dxgvSelectedRow:hover td {
        background-color:#ced7db;
        color:#2879ff;
    }

    .gridview-interaction .gridview-detailrow {
        padding:30px 30px 30px 80px;
        margin:0;
    }

    .gridview-interaction .dxgvDetailCell {
        padding:0 !important;
    }

    .gridview-statistics .dxgvFSDC {
        /*border-top:4px solid #fff;*/
    }

    .gridview-statistics .dxgvFooter td.dxgv {
        text-align:center !important;
        border:1px solid #fff;
        background-color:#dcdcdc;
        font-size:14px;
    }

    .gridview-statistics .dxgvCSD .dxgvTable .dxgvDataRow td.dxgv.dx-ac,
    .gridview-statistics .dxgvCSD .dxgvTable .dxgvSelectedRow td.dxgv.dx-ac,
    .gridview-statistics .dxgvDetailCell td.dxgv,
    .gridview-statistics .dxgvEditFormDisplayRow td.dxgv,
    .gridview-statistics .dxgvDataRow td.dxgv, 
    .gridview-statistics .dxgvDetailRow.dxgvADR td.dxgvAIC,
    .gridview-statistics .dxgvFooter .dxgv,
    .gridview-interaction .dxgvCSD .dxgvTable .dxgvDataRow td.dxgv.dx-ac,
    .gridview-interaction .dxgvCSD .dxgvTable .dxgvSelectedRow td.dxgv.dx-ac,
    .gridview-interaction .dxgvDetailCell td.dxgv,
    .gridview-interaction .dxgvEditFormDisplayRow td.dxgv,
    .gridview-interaction .dxgvDataRow td.dxgv, 
    .gridview-interaction .dxgvDetailRow.dxgvADR td.dxgvAIC,
    .gridview-interaction .dxgvFooter .dxgv,
    .gridview-interaction .dxgvHeader {
        padding:18px;
    }

    .gridview-statistics .dxgvSelectedRow, 
    .gridview-statistics .dxgvSelectedRow td, 
    .gridview-statistics .dxgvSelectedRow td.dxgv,
    .gridview-statistics .dxgvSelectedRow td.dxgv.dx-ac {
        background-color:#3d7aff;
        color:#fff;
    }

    /*.dxgvHEC, 
    .dxgvArm td:last-child {
        display:none;
    }*/

    .gridview-statistics .dxgvHEC,
    .gridview-statistics .dxgvArm td:last-child {
        display:none;
    }

    /*.gridview-interaction .dxgvCSD::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
        background-color:#fff;
    }*/
    /*.gridview-interaction .dxgvCSD::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }*/

    .gridview-statistics .dxgvFCSD::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 5px;
        height:10px;
        background-color:#fff;
    }

    .gridview-statistics .dxgvFCSD::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
        
    }

/*.gridview-statistics .dxgvEditFormDisplayRow td.dxgv, .dxgvDetailCell td.dxgv, .gridview-statistics .dxgvDataRow td.dxgv, .gridview-statistics .dxgvDetailRow.dxgvADR td.dxgvAIC*/

    /*.gridview-statistics .dxgvDataRow td.dxgv,
    .gridview-statistics .dxgvSelectedRow td.dxgv {
        padding:15px;
        border:none;
        vertical-align:top;
        border-top:1px solid #eeeeee;
        white-space:normal;
        word-break:break-all;
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;	
    }*/


    .card-container .card-gridview {
        background-color:#fff;
        border:none;
    }

    .card-container .card-gridview .dxgvHSDC {
        border-bottom:1px Solid #9F9F9F;
    }

    .card-container .card-gridview .dxgvHeader {
        background-color: #fff;
        color:#a0abbf;
        border:0;
    }

    .card-container .card-gridview .dxgvHeader table {
        color:#000;
        font-size:13px;
        font-weight:600;
    }

    .card-container .card-gridview .dxgvDataRow > td {
        border-right:0;
    }

    .card-container .card-gridview .dxgvDataRow:hover {
        background-color:#ced7db;
        color:#2879ff;
        cursor:pointer;
    }

    .card-container .card-gridview .dxgvStatusBar {
        display:none
    }

    .card-container .card-gridview .dxgvEmptyDataRow > td {
        border-bottom:none;
    }

    .card-container .card-gridview .dxgvSelectedRow {
        background-color:inherit;
        color:inherit;
    }

    .card-container .card-gridview .dxgvDataRow,
    .card-container .card-gridview .dxgvSelectedRow {
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;	
    }

    .card-container .dxgvEditFormDisplayRow td.dxgv, 
    .card-container .dxgvDetailCell td.dxgv, 
    .card-container .dxgvDataRow td.dxgv, 
    .card-container .dxgvDetailRow.dxgvADR td.dxgvAIC,
    .card-container .dxgvHeader {
        padding:12px;
    }

    .card-container .card-gridview {
        font-family: 'proxima-nova', Arial, sans-serif;
    }

    .card-container .card-gridview .dxgvLoadingPanel {
        display:none;
    }

    .card-container .card-gridview .dxgvCSD .dxgvLoadingPanel {
        display:inline-block;
    }

    .card-container .card-loader {
      height: 5px;
      width: 100%;
      position: absolute;
      overflow: hidden;
      background-color: #edeef2;
      top:0;
      left:0;
    }

    .card-container .card-loader:before {
      display: block;
      position: absolute;
      content: "";
      left: -200px;
      width: 200px;
      height: 5px;
      background-color: #2980b9;
    }

    .card-container .card-loader.active:before {
        animation: content-panel-loading 1s linear infinite;
        animation-iteration-count:infinite;
    }

    @keyframes content-panel-loading {
        from {left: -200px; width: 30%;}
        50% {width: 30%;}
        70% {width: 70%;}
        80% {left: 50%;}
        95% {left: 120%;}
        to {left: 100%;}
    }

    @media screen and (max-width:1280px) {
        .dxgvFilterRow .dxgv .dxeTAR {
            display:none;
        }
    }

    @media screen and (max-width:640px) {
        .GridViewContainer {
            margin-top:-15px;
        }
        
        .GridViewInnerContainer {
            min-width:1180px;
        }

        .GridViewShadeLeft {
            height:calc(100% - 17px);
        }

        .GridViewShadeRight {
            right:0px;
            height:calc(100% - 17px);
        }
    }

    @media (min-device-width:1200px) {
        .GridViewShadeLeft {
            height:calc(100% - 16px);
        }

        .GridViewShadeRight {
            height:calc(100% - 16px);
        }
    }

    /*@media screen and (max-width:1500px) {
        .GridViewContainer {
            overflow:hidden;
            overflow-x:scroll !important;
        }
    }

    @media screen and (min-width:1500px) {
        .GridViewContainer {
            overflow:hidden;
            overflow-x:hidden !important;
        }
    }*/
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  File uploads																										 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
	.uploadTool .uploadProgress {
		float:none;
		clear:both;
        font-size:13px;
	}

	.uploadTool .uploadProgress progress {
		width:100%;
		height:4px;
		background-color:#A4A4A4;
		border-radius: 9px;  
		border:0;
	}

    .uploadTool .uploadProgress progress::-webkit-progress-value {
		background:#2878ff;
	}

	.uploadTool .uploadProgress progress::-moz-progress-bar { 
		background: #2878ff; 
	}

	.uploadTool .uploadProgress progress { 
		color: #2878ff;
	}

	.uploadTool .uploadProgress div:first-child {
		text-align:right;
	}

	.uploadTool .uploadProgress div:nth-child(2) {
		margin-top:-8px;
	}

	.uploadTool .uploadProgress div:last-child {
		text-align:left;
		padding-top:2px;
	}

	.uploadTool .placeholderErrorMessage {
		float:right;
		display:none;
		color:red;
	}

    .uploadTool .placeholderDataTransferredComplete {
        float:right;
        display:none;
    }

    .uploadTool .filesToUpload {
        position:absolute;
        top:-3000px;
        left:-3000px;
    }

    .uploadTool .illustration .overlay,
    .uploadTool .attachment .overlay {
        color:white;
        position:absolute;
        top:0;
        left:0;
        font-size:28px;
        font-weight:normal;
    }

    .uploadTool .illustration .overlay span,
    .uploadTool .attachment .overlay span {
        padding:8px 10px;
        background:rgba(0,0,0,0.5);
        float:left;
    }

    .uploadTool .illustration .overlay span:hover,
    .uploadTool .attachment .overlay span:hover {
        color:#2878ff;
    }

    .uploadTool .illustration .overlay span.handle,
    .uploadTool .attachment .overlay span.handle {
        cursor: -webkit-grab; 
        cursor: -moz-grab;
        cursor:grab;
        position:relative;
    }

    .uploadTool .illustration .overlay span:hover:after,
    .uploadTool .attachment .overlay span:hover:after {
        font-family:"proxima-nova";
    }

    .uploadTool .illustration .overlay span.handle:hover:after,
    .uploadTool .attachment .overlay span.handle:hover:after {
        color:white;
        content:'Klik en hou ingedrukt om te verslepen';
        position:absolute;
        top:46px;
        left:0;
        background:rgba(0,0,0,0.5);
        font-size:16px;
        padding:5px 12px;
        width:180px;
    }

    .uploadTool .illustration .overlay span.unbind,
    .uploadTool .attachment .overlay span.unbind {
        cursor:pointer;
    }

    .uploadTool .illustration .overlay span.unbind:hover:after,
    .uploadTool .attachment .overlay span.unbind:hover:after {
        color:white;
        content:'Klik hier om deze afbeelding te verwijderen';
        position:absolute;
        top:46px;
        left:0;
        background:rgba(0,0,0,0.5);
        font-size:16px;
        padding:5px 12px;
        width:180px;
    }

    .uploadTool .attachment .overlay span.unbind:hover:after {
        content:'Klik hier om dit bestand te verwijderen';
    }

    .uploadTool .illustration .overlay span.thumb,
    .uploadTool .attachment .overlay span.thumb {
        cursor:pointer;
    }

    .uploadTool .illustration .overlay span.thumb:hover:after {
        color:white;
        content:'Klik hier om deze foto in te stellen als thumbnail';
        position:absolute;
        top:46px;
        left:0;
        background:rgba(0,0,0,0.5);
        font-size:16px;
        padding:5px 12px;
        width:200px;
    }

    .uploadTool .sortable-ghost {
        background-color:#ced7db;
    }

    .uploadTool .illustration,
    .uploadTool .attachment {
        transition:background-color 200ms ease-in-out;
        border-bottom:1px solid #ccc;
    }

    .uploadTool .illustration:first-of-type,
    .uploadTool .attachment:first-of-type {
        border-top:1px solid #ccc;
    }

    .uploadTool .illustration .thumb img,
    .uploadTool .attachment .thumb img {
        width:100%;
        pointer-events: none;
    }

    .uploadTool .dropzone {
        border:2px dashed transparent;
        min-height:100px;
    }

    .uploadTool .dropzone.dragover {

    }

    .selection-tool .selection-thumb {
        width:500px;
        height:340px;
    }

    .selection-tool .selection-thumb img {
        max-width:100%;
        max-height:100%;
    }

    .selection-tool .selection-thumb {
        position:relative;
        z-index:900;
    }

    .selection-tool .selection-thumb img {
        cursor:crosshair;
    }

    .selection-tool .selection-thumb img[src*="no-image"] {
        cursor:default;
    }

    .selection-tool .selection-thumb .imgareaselect-border1 {
	    background: url(/admin/resources/images/elements/border-anim-v.gif) repeat-y left top;
    }

    .selection-tool .selection-thumb .imgareaselect-border2 {
        background: url(/admin/resources/images/elements/border-anim-h.gif) repeat-x left top;
    }

    .selection-tool .selection-thumb .imgareaselect-border3 {
        background: url(/admin/resources/images/elements/border-anim-v.gif) repeat-y right top;
    }

    .selection-tool .selection-thumb .imgareaselect-border4 {
        background: url(/admin/resources/images/elements/border-anim-h.gif) repeat-x left bottom;
    }

    .selection-tool .selection-thumb .imgareaselect-border1, 
    .selection-tool .selection-thumb .imgareaselect-border2,
    .selection-tool .selection-thumb .imgareaselect-border3, 
    .selection-tool .selection-thumb .imgareaselect-border4 {
        filter: alpha(opacity=50);
	    opacity: 0.5;
    }

    .selection-tool .selection-thumb .imgareaselect-handle {
        background-color: #fff;
        border: solid 1px #000;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .selection-tool .selection-thumb .imgareaselect-outer {
        background-color: #000;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .uploadTool .illustration .overlay span.handle:hover:after {
	        width:130px;
        }

        .uploadTool .illustration .overlay span.unbind:hover:after {
	        width:130px;
        }

        .uploadTool .illustration .overlay span.thumb:hover:after {
	        width:130px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .uploadTool .illustration .overlay span.handle:hover:after {
	        width:200px;
        }

        .uploadTool .illustration .overlay span.unbind:hover:after {
	        width:200px;
        }

        .uploadTool .illustration .overlay span.thumb:hover:after {
	        width:200px;
        }
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Card flipper																									     */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .card-flipper {
	    transition: 0.6s;
	    transform-style: preserve-3d;
	    position: relative;
        -webkit-transition: 0.6s;
        -webkit-transform-style:preserve-3d;
    }

    .card-flipper .front, 
    .card-flipper .back {
	    backface-visibility: hidden;
	    transition: 0.6s;
	    transform-style: preserve-3d;
        -webkit-transition: 0.6s;
        -webkit-transform-style:preserve-3d;
        -webkit-backface-visibility:hidden;
           -moz-backface-visibility:hidden;
             -o-backface-visibility:hidden;
                backface-visibility:hidden;
    }

    .card-container {
	    perspective: 1000px;
	    transform-style: preserve-3d;
        position:relative;
        -webkit-perspective:1000px;
        -webkit-transform-style:preserve-3d;
        z-index:200;
    }

    .card-flipper .front {
	    /*z-index: 2;*/
	    transform: rotateY(0deg);
        position:static;
        -webkit-transform: rotateY(0deg);
        visibility:visible;
    }

	.card-container.flip .front {
	    transform: rotateY(180deg);
        -webkit-transform:rotateY(180deg);
        visibility:hidden;
  	}

    .card-flipper .back {
	    /*z-index: 2;*/
	    transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        position:absolute;
        top:0;
        width:100%;
        visibility:hidden;
    }

	.card-container.flip .back {
	    transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        visibility:visible;
	}

    .card-flipper .front .block, 
    .card-flipper .back .block {
        height:500px;
    }

    .card-flipper .front .block,
    .card-flipper .back .block {
        overflow:hidden;
        transition:height linear, height linear;
        transition-duration:0.2s;
        transition-delay:0;
        -webkit-transition:height linear, height linear;
        -webkit-transition-duration:0.2s;
        -webkit-transition-delay:0;
    }

    .card-container.flip .back .block {
        overflow:visible;
    }

    .card-flipper .block .loader {
        top:150px;
        opacity:0;
    }

    .card-flipper .block .loader.active {
        opacity:1;
    }

    .card-flipper .block > .row {
        opacity:1;
        transition:opacity ease;
        transition-duration:0.5s;
        transition-delay:0;
        -webkit-transition:opacity ease;
        -webkit-transition-duration:0.5s;
        -webkit-transition-delay:0;
    }

    .card-flipper .instantHide {
        opacity:0;
        transition:none !important;
        -webkit-transition:none !important;
    }

    .card-container .norecords {
        margin-bottom:40px;
        color:gray;
        font-size:12px;
        text-align:center;
    }

    .card-container .columnTitles {
        display:none;
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Signup pages           																								 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    section.signup {
        
    }

    section.signup h1 {
        font-size:42px;
        line-height:42px;
    }

    section.signup h2 {
        font-size:38px;
        line-height:38px;
    }

    section.signup .leadin-text {
        font-size:18px;
        width:100%;
    }

    section.signup .leadin-text span {
        opacity:0.7;
    }

    section.signup .signup-text {
        font-size:18px;
        margin:0 15px;
    }

    section.signup .signup-title {
        margin:0 15px;
    }

    section.signup .signup-text span {
        opacity:0.7;
    }

    section.signup .signup-actions {
        margin:40px 15px 40px 15px;
    }

    section.signup .promo-personal {
        background-image:url('/resources/images/promo/signup_personal.jpg');
        background-repeat:no-repeat;
        background-size:cover;
        height:600px;
        width:100%;
    }

    section.signup .promo-suppliers {
        background-image:url('/resources/images/promo/signup_suppliers.jpg');
        background-repeat:no-repeat;
        background-size:cover;
        height:600px;
        width:100%;
    }

    section.signup .promo-advisors {
        background-image:url('/resources/images/promo/signup_advisors.jpg');
        background-repeat:no-repeat;
        background-size:cover;
        height:600px;
        width:100%;
    }

    section.signup .promo-architects {
        background-image:url('/resources/images/promo/signup_architects.jpg');
        background-repeat:no-repeat;
        background-size:cover;
        height:600px;
        width:100%;
    }

    section.questions .questions-title {
        font-size:52px;
        font-weight:bold;
    }

    section.questions .questions-text {
        opacity:0.7;
        font-size:18px;
        max-width:640px;
    }

    section.questions .sales {
        border-radius:50%;
        border:1px solid #999999;
        overflow:hidden;
        max-width:300px;
        max-height:300px;
        padding:10px;
    }

    section.questions .sales img {
        border-radius:50%;
    }

    section.signup-header {
        background-color:#000;
        position:relative;
        width:100%;
    }

    section.signup-header .header-image {
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center;
        height:400px;
        width:100%;
        opacity:0.5;
    }

    section.signup-architect .header-image {
        background-image:url('/resources/images/promo/signup_architects.jpg');
    }

    section.signup-supplier .header-image {
        background-image:url('/resources/images/promo/signup_suppliers.jpg');
    }

    section.signup-advisor .header-image {
        background-image:url('/resources/images/promo/signup_advisors.jpg');
    }

    section.signup-account .header-image {
        background-image:url('/resources/images/promo/signup_personal.jpg');
    }

    section.signup-header .header-data {
        position:absolute;
        width:100%;
        top:0;
    }

    section.signup-header .header-title h1 {
        color:#fff;
        margin-top:30px;
    }

    section.signup-header .header-text {
        color:#fff;
        font-size:25px;
        max-width:600px;
    }

    section.signup-options .options-title {
        font-size:52px;
        font-weight:bold;
        color:#3b3d40;
    }

    section.signup-options .options-introtext {
        font-size:20px;
        color:#656b6f;
    }

    section.signup-options .option-title {
        color:#00c95c;
        font-size:19px;
        font-weight:bold;
    }

    section.signup-options .option-text {
        font-size:16px;
        color:#656b6f;
        margin-top:10px;
    }

    section.signup-table .container > .row {
        margin:0px;
    }

    section.signup-table,
    section.signup-table .signup-features {
        color:#656b6f;
    }

    section.signup-table .signup-features > .row {
        padding:10px 0;
        border-bottom:1px solid #ccc;
        cursor:default;
    }

    section.signup-table .signup-features > .row:nth-last-child(2) {
        border-bottom:none;
    }

    section.signup-table .signup-features > .row:first-child {
        /*background-color:#dcdcdc;*/
        /*border-bottom:none;*/
        border-bottom:2px solid #00c95c;
        /*border-top:1px solid #00c95c;*/
    }

    section.signup-table .signup-features > .row:nth-last-child(1) {
        border-bottom:2px solid #00c95c !important;
    }
    

    section.signup-table .signup-features > .row > div:first-child {
        font-size:18px;
    }

    section.signup-table .signup-features > .row > div:nth-child(2),
    section.signup-table .signup-features > .row > div:nth-child(3),
    section.signup-table .signup-features > .row > div:nth-child(4) {
        text-align:center;
    }

    section.signup-table .signup-features span.fa-check {
        color:#00c95c;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

        section.signup .signup-left-fix {
            max-width:630px;
            float:right;
        }

        section.signup .leadin-text {
            width:90%;
        }

        section.signup .signup-text {
            margin:0 60px;
            max-width:420px;
        }

        section.signup .signup-title {
            margin:0 60px;
        }

        section.signup .signup-actions {
            margin:60px 60px 0 60px;
        }

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

        section.signup .signup-left-fix {
            max-width:650px;
        }

        section.signup .signup-text {
            margin:0 80px;
        }

        section.signup .signup-title {
            margin:0 80px;
        }

        section.signup .signup-actions {
            margin:80px 80px 0 80px;
        }

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        section.signup h1 {
            font-size:52px;
            line-height:52px;
        }


    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Footer  																											 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    section.sponsors .swiper-container {
        padding: 20px 0;
        background: #ffffff;
    }

    section.sponsors {
        margin:0 20px;
    }

    section.sponsors .swiper-slide {
        display: inline-block;
        width:auto;
        height: 137px;
        margin-right:50px;
    }

    section.sponsors .swiper-slide .record {
        height:100%;
        width:100%;
        display:table;
        text-align:center;
    }

    section.sponsors .swiper-slide .record > div {
        display:table-cell;
        vertical-align:middle;
    }

    section.sponsors .swiper-slide a {
        display:inline-block;
        padding:20px;
    }

    section.sponsors .swiper-slide img {
        max-height:75px;
        max-width:100px;
    }
    
    footer {
        background: #000;
        padding-top: 30px;
        padding-bottom: 30px;
        color: #fff;
        font-size: 12px;
        line-height: 20px;
    }

    footer .social {
        font-size: 25px;
        color:#fff;
        display:inline-block;
    }

    footer .social-intro {
        font-size:14px;
        font-weight:bold;
        color:#fff;
        display:inline-block;
        margin-right:20px;
    }

    footer .social div {
        display:inline-block;
        line-height:0;
    }

    footer .social a {
        margin-right: 25px;
    }

    footer .social a:hover {
        color: #2878FF;
    }

    footer .social a:last-child {
        margin-right: 0;
    }

    footer .social {
        /*opacity: 0;*/
        transition: opacity 0.5s ease;
    }

    footer .social .archello {
        background-image: url('/resources/images/icons/media-archello-grey.svg');
        background-position:center 1px;
        background-repeat: no-repeat;
        background-size: contain;  
        fill:#cfd8dc;
        width:25px;
        display:inline-block;
    }

    footer .social .archello:hover {
        background-image: url('/resources/images/icons/media-archello.svg');
    }

    footer .social > a.facebook:hover {
        color: #3b5998;
    }

    footer .social > a.twitter:hover {
        color: #00aced;
    }

    footer .social > a.youtube:hover {
        color: #bb0000;
    }

    footer .social > a.linkedin {
        font-size:28px;
    }

    footer .social > a.linkedin:hover {
        color: #007bb6;
    }

    footer .social > a.google:hover {
        color: #cb2027;
    }

    footer .social > a.rss:hover {
        color:orangered;
    }

    /*footer .subscribe input[type="email"] {
        height: 50px;
        line-height: 50px;
        padding: 0 15px;
        border: none;
        float: left;
        color: #000;
        width: 200px;
    }

    footer .subscribe input[type="submit"] {
        display: inline-block;
    }

    footer .subscribe input[type="submit"]:hover {
        background: #414141;
    }

    footer .subscribe .btn {
        padding: 0 20px;
    }*/

    .pageScroll {
        display:none;
    }

    .cookie-bar {
        color:#000;
        position:fixed;
        bottom:0;
        top:0;
        width:100%;
        z-index:500;
    }

    .cookie-content {
        border-top:5px solid #00c752;
        padding:20px 0px;
        background-color:#fff;
        width:100%;
        position:absolute;
        bottom:0;
    }

    .cookie-message {
        float:left;
        margin-bottom:0px;
    }

    .cookie-button {
        float:none;
    }

    .cookie-fade {
        height:100%;
        width:100%;
        background-color:#000;
        opacity:0.7;
        /*background: #fff;
        background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );*/
    }

    .cookie-table {
        border-bottom:1px solid #00c752;
    }

    .cookie-table tr td {
        padding:10px 30px 10px 0;
    }

    .cookie-table thead tr td {
        font-weight:bold;
        border-top:1px solid #00c752;
        border-bottom:1px solid #00c752;
    }
    
    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        footer {
            padding-top: 50px;
            padding-bottom: 50px;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .cookie-message {
            margin-bottom:0;
        }

        .cookie-button {
            float:right;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        footer {
            font-size: 14px;
        }

        .extranet .pageScroll {
            display:block;
            bottom: 30px;
            cursor: pointer;
            height: 50px;
            right:30px;
            margin-left: 640px;
            position: fixed;
            width: 50px;
            z-index: 101;
            background-color:#000;
            transition:background-color 0.2s ease-in-out;
        }

        .extranet .pageScroll:hover {
            background-color:#2879ff;
        }

        .extranet .pageScroll::after {
            content:'\f106';
            color:#fff;
            font-size:38px;
            text-align:center;
            padding-left:13px;
            position:absolute;
            top:3px;
        }
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Dialogs and notifications																							 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    .dialogs {
        display:none;
    }

    .dialog {
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    position: fixed;
        display: -webkit-box;
	    display: flex;
	    -webkit-align-items: center;
	    align-items: center;
	    -webkit-justify-content: center;
	    justify-content: center;
	    pointer-events: none;
        z-index:6000;
    }

    .dialog-overlay {
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    position: absolute;
	    z-index: 900;
	    background: rgba(0, 0, 0, 0.8);
	    opacity: 0;
	    -webkit-transition: opacity 0.3s;
	    transition: opacity 0.3s;
	    -webkit-backface-visibility: hidden;
    }

    .dialog-open .dialog-overlay {
	    opacity: 1;
        pointer-events:all;
    }

    .dialog-content {
	    width: 50%;
	    /*max-width: 560px;*/
	    min-width: 290px;
	    background: #fff;
	    padding: 30px;
	    text-align: center;
	    position: relative;
	    z-index: 901;
	    opacity: 0;
        margin-top:-150px;
    }

    .dialog-big {
        max-width:720px;
    }

    .dialog-small {
        max-width:460px;
    }

    #promodialog .dialog-content {
        max-width:1060px;
        width:100%;
        margin-top:0;
    }

    .dialog-open .dialog-content {
	    pointer-events:all;
    }

    .dialog .title {
	    margin: 0;
	    font-weight: bold;
	    font-size: 34px;
        line-height:30px;
    }

    .dialog .text {
        font-size:17px;
        color:#656b6f;
    }

    .dialog .content {
        text-align:left;
    }

    .dialog .buttons .button {
        /*display:none;*/
        /*margin:6px;*/
    }

    .dialog .dialog-buttons .verticalButton {
        margin-bottom:10px;
    }

    #promodialog .buttons .button {
        display:block;
        margin:0;
    }

    .dialog .buttons table {
        width:100%;
    }

    .dialog .buttons[buttoncount='1'] table td {
        width:auto;
    }

    .dialog .buttons[buttoncount='2'] table td {
        width:50%;
    }

    .dialog .buttons[buttoncount='3'] table td {
        width:33%;
    }

    .dialog .buttons[buttoncount='4'] table td {
        width:25%;
    }

    .dialog.dialog-open .dialog-content,
    .dialog.dialog-close .dialog-content {
	    -webkit-animation-duration: 0.3s;
	    animation-duration: 0.3s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
    }

    .dialog.dialog-open .dialog-content {
	    -webkit-animation-name: anim-open;
	    animation-name: anim-open;
    }

    .dialog.dialog-close .dialog-content {
	    -webkit-animation-name: anim-close;
	    animation-name: anim-close;
    }

    @-webkit-keyframes anim-open {
	    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); }
	    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
    }

    @keyframes anim-open {
	    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
	    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    }

    @-webkit-keyframes anim-close {
	    0% { opacity: 1; }
	    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); }
    }

    @keyframes anim-close {
	    0% { opacity: 1; }
	    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }
    }

    .notifications {
        position:fixed;
        right:30px;
        top:90px;
        z-index:30000;

    }
    .notification {
        width:300px;
        margin-top:10px;
        overflow:hidden;
    }

    .notification-icon {
        background-color:#3d7aff;
        width:65px;
        height:65px;
        float:left;
        background-image:url('/resources/images/icons/icon-check-white.svg');
        background-position:center;
        background-repeat:no-repeat;
        background-clip:content-box;
        background-size:60%;
    }

    .notification-icon.failure {
        background-image:url('/resources/images/icons/icon-fail-white.svg');
    }

    .notification-icon.comment {
        background-image:url('/resources/images/icons/icon-comment-white.svg');
    }
    .notification-icon img {
        width:60%;
        height:60%;
    }

    .notification-content-wrapper {
        width:230px;
        height:65px;
        overflow:hidden;
    }

    .notification-content {
        background-color:#fff;
        border-top:1px solid #edeef2;
        border-bottom:1px solid #edeef2;
        border-right:1px solid #edeef2;    
        position:relative;
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); 
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1);
        width:300px;
        height:65px;
        display:table-cell;
        vertical-align:middle;
    }

    .notification-text {
        padding:0 15px;
        color:#414141;
        font-weight:bold;
    }

    .notification.notification-open .notification-icon {
        opacity:1;
        -webkit-animation: bounceIn 800ms linear both;
        animation: bounceIn 800ms linear both;
    }

    .notification.notification-open .notification-content {
        -webkit-animation: slideIn 1200ms linear both;
        animation: slideIn 1200ms linear both;
    }

    .notification.notification-close .notification-content {
	    -webkit-animation-name: slideOut;
	    animation-name: slideOut;
	    -webkit-animation-duration: 0.25s;
	    animation-duration: 0.25s;
    }

    .notification.notification-close .notification-text {
        opacity:0;
        transition:opacity 1s ease-in-out;
        transition-delay:0.1s;
    }

    .notification.notification-close .notification-icon {
        -webkit-animation: bounceOut 1000ms linear both;
        animation: bounceOut 1000ms linear both;
        animation-delay:0.4s;
    }

    @-webkit-keyframes slideIn { 
      0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); }
      49.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -583.095, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -583.095, 0, 0, 1); }
      50.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -344.944, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -344.944, 0, 0, 1); }
      52.32% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -203.57, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -203.57, 0, 0, 1); }
      53.95% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.847, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.847, 0, 0, 1); }
      57.27% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -40.522, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -40.522, 0, 0, 1); }
      60.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.794, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.794, 0, 0, 1); }
      73.71% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.158, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.158, 0, 0, 1); }
      100% { opacity:1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
    }

    @keyframes slideIn { 
      0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); }
      49.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -583.095, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -583.095, 0, 0, 1); }
      50.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -344.944, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -344.944, 0, 0, 1); }
      52.32% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -203.57, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -203.57, 0, 0, 1); }
      53.95% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.847, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.847, 0, 0, 1); }
      57.27% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -40.522, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -40.522, 0, 0, 1); }
      60.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.794, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.794, 0, 0, 1); }
      73.71% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.158, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.158, 0, 0, 1); }
      100% { opacity:1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
    }

    @-webkit-keyframes slideOut {
	    0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); }
    }

    @keyframes slideOut {
	    0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); }
    }

    @-webkit-keyframes bounceIn { 
      0% { -webkit-transform: matrix3d(0.4, 0, 0, 0, 0, 0.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.4, 0, 0, 0, 0, 0.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      2.72% { -webkit-transform: matrix3d(0.548, 0, 0, 0, 0, 0.644, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.548, 0, 0, 0, 0, 0.644, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      4.7% { -webkit-transform: matrix3d(0.67, 0, 0, 0, 0, 0.861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.67, 0, 0, 0, 0, 0.861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      5.45% { -webkit-transform: matrix3d(0.715, 0, 0, 0, 0, 0.936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.715, 0, 0, 0, 0, 0.936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      8.17% { -webkit-transform: matrix3d(0.87, 0, 0, 0, 0, 1.136, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.87, 0, 0, 0, 0, 1.136, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      9.41% { -webkit-transform: matrix3d(0.93, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.93, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      10.89% { -webkit-transform: matrix3d(0.992, 0, 0, 0, 0, 1.199, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.992, 0, 0, 0, 0, 1.199, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      14.01% { -webkit-transform: matrix3d(1.083, 0, 0, 0, 0, 1.144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.083, 0, 0, 0, 0, 1.144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      14.11% { -webkit-transform: matrix3d(1.085, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.085, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      17.06% { -webkit-transform: matrix3d(1.122, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.122, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      18.72% { -webkit-transform: matrix3d(1.127, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.127, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      20.18% { -webkit-transform: matrix3d(1.124, 0, 0, 0, 0, 0.963, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.124, 0, 0, 0, 0, 0.963, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      23.22% { -webkit-transform: matrix3d(1.102, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.102, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      24.32% { -webkit-transform: matrix3d(1.09, 0, 0, 0, 0, 0.941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.09, 0, 0, 0, 0, 0.941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      29.39% { -webkit-transform: matrix3d(1.034, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.034, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      29.93% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      35.54% { -webkit-transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      35.56% { -webkit-transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      41.04% { -webkit-transform: matrix3d(0.976, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.976, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      47.89% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      52.15% { -webkit-transform: matrix3d(0.995, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.995, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      60.22% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      63.26% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      72.55% { -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.002, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      80% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
    }

    @keyframes bounceIn { 
      0% { -webkit-transform: matrix3d(0.4, 0, 0, 0, 0, 0.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.4, 0, 0, 0, 0, 0.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      2.72% { -webkit-transform: matrix3d(0.548, 0, 0, 0, 0, 0.644, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.548, 0, 0, 0, 0, 0.644, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      4.7% { -webkit-transform: matrix3d(0.67, 0, 0, 0, 0, 0.861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.67, 0, 0, 0, 0, 0.861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      5.45% { -webkit-transform: matrix3d(0.715, 0, 0, 0, 0, 0.936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.715, 0, 0, 0, 0, 0.936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      8.17% { -webkit-transform: matrix3d(0.87, 0, 0, 0, 0, 1.136, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.87, 0, 0, 0, 0, 1.136, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      9.41% { -webkit-transform: matrix3d(0.93, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.93, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      10.89% { -webkit-transform: matrix3d(0.992, 0, 0, 0, 0, 1.199, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.992, 0, 0, 0, 0, 1.199, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      14.01% { -webkit-transform: matrix3d(1.083, 0, 0, 0, 0, 1.144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.083, 0, 0, 0, 0, 1.144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      14.11% { -webkit-transform: matrix3d(1.085, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.085, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      17.06% { -webkit-transform: matrix3d(1.122, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.122, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      18.72% { -webkit-transform: matrix3d(1.127, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.127, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      20.18% { -webkit-transform: matrix3d(1.124, 0, 0, 0, 0, 0.963, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.124, 0, 0, 0, 0, 0.963, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      23.22% { -webkit-transform: matrix3d(1.102, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.102, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      24.32% { -webkit-transform: matrix3d(1.09, 0, 0, 0, 0, 0.941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.09, 0, 0, 0, 0, 0.941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      29.39% { -webkit-transform: matrix3d(1.034, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.034, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      29.93% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      35.54% { -webkit-transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      35.56% { -webkit-transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      41.04% { -webkit-transform: matrix3d(0.976, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.976, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      47.89% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      52.15% { -webkit-transform: matrix3d(0.995, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.995, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      60.22% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      63.26% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      72.55% { -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.002, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      80% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
    }

    @-webkit-keyframes bounceOut { 
      0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      6.31% { -webkit-transform: matrix3d(0.616, 0, 0, 0, 0, 0.616, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.616, 0, 0, 0, 0, 0.616, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      12.51% { -webkit-transform: matrix3d(0.379, 0, 0, 0, 0, 0.379, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.379, 0, 0, 0, 0, 0.379, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      18.82% { -webkit-transform: matrix3d(0.229, 0, 0, 0, 0, 0.229, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.229, 0, 0, 0, 0, 0.229, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      25.03% { -webkit-transform: matrix3d(0.138, 0, 0, 0, 0, 0.138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.138, 0, 0, 0, 0, 0.138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      37.54% { -webkit-transform: matrix3d(0.048, 0, 0, 0, 0, 0.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.048, 0, 0, 0, 0, 0.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      50.05% { -webkit-transform: matrix3d(0.016, 0, 0, 0, 0, 0.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.016, 0, 0, 0, 0, 0.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      100% { -webkit-transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
    }

    @keyframes bounceOut { 
      0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      6.31% { -webkit-transform: matrix3d(0.616, 0, 0, 0, 0, 0.616, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.616, 0, 0, 0, 0, 0.616, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      12.51% { -webkit-transform: matrix3d(0.379, 0, 0, 0, 0, 0.379, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.379, 0, 0, 0, 0, 0.379, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      18.82% { -webkit-transform: matrix3d(0.229, 0, 0, 0, 0, 0.229, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.229, 0, 0, 0, 0, 0.229, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      25.03% { -webkit-transform: matrix3d(0.138, 0, 0, 0, 0, 0.138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.138, 0, 0, 0, 0, 0.138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      37.54% { -webkit-transform: matrix3d(0.048, 0, 0, 0, 0, 0.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.048, 0, 0, 0, 0, 0.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      50.05% { -webkit-transform: matrix3d(0.016, 0, 0, 0, 0, 0.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.016, 0, 0, 0, 0, 0.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      100% { -webkit-transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Feedback control           																							 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
    #FeedbackControl .feedback-button {
        border:1px solid #757575;
        color:#757575;
        float:left;
        cursor:pointer;
	    transform: rotate(270deg);
	    transform-origin: left top 0;
        position:fixed;
        right:-50px;
        bottom:40px;
        padding:12px;
        background-color:#fff;
        transition: all 0.4s linear;
        border-bottom:none;
        z-index:100;
    }

    #FeedbackControl .feedback-button:hover {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .feedback-dialog .dialog-content {
        width:425px;
    }

    .feedback-dialog input {
        background: #EBEEF0;
        border: none;
        line-height: 50px;
        width: 100%;
        font-size: 16px;
        padding: 0 70px 0 20px;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */


/*  Newsletter signup control  																							 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */

    #NewsletterSignup {
        margin-top:75px;
    }

    #NewsletterSignup.active {
        margin-top:45px;
    }

    #NewsletterSignup .subscribe-title {
        color:#fff;
        font-weight:bold;
        position:absolute;
        top:0;
    }

    #NewsletterSignup.active .subscribe-title {
        top:-25px;
        transition:top 0.2s ease-in-out;
    }

    #NewsletterSignup .subscribe-options {
        max-height:0px;
        color:#fff;
        margin-bottom:0;
        overflow:hidden;
        opacity:0;
    }

    #NewsletterSignup.active .subscribe-options {
        max-height:500px;
        transition:max-height 0.6s ease-in, opacity 0.2s ease-in 0.8s;
        margin-bottom:20px;
        opacity:1;
    }

    #NewsletterSignup .subscribe-options label {
        color:#fff;
        font-size:13px;
    }

    #NewsletterSignup .subscribe-questions li > span {
        opacity:0;
    }

    #NewsletterSignup.active .subscribe-questions li > span {
        opacity:1;
        transition:opacity 0.2s ease-in 0.8s;
    }

    #NewsletterSignup .subscribe-privacy {
        opacity:0;
        font-size:12px;
        margin-top:5px;
    }

    #NewsletterSignup.active .subscribe-privacy {
        opacity:1;
        transition:opacity 0.2s ease-in;
        transition-delay:0.6s;
    }

    #NewsletterSignup .subscribe {
        position:relative;
    }

    #NewsletterSignup .btn-next {
        display: inline-block;
        height: 50px;
        width:50px;
        position: absolute;
        right: 2px;
        top:0;
        transition: all 0.2s ease-in-out 0s;
        z-index:2001;
        opacity:1;
        background-color:transparent;
    }

    #NewsletterSignup .btn-next:hover {
        cursor:pointer;
    }

    #NewsletterSignup .btn-next:before {
        content: "";
        height: 7px;
        left: 12px;
        position: absolute;
        top: 21px;
        width: 0px;
        z-index: 2002;
        background-color:#2878ff;
        transition: all 0.2s ease-in-out 0s;
        border-radius:3px;
    }

    #NewsletterSignup .btn-next:after {
        content:"\f061";
        font-family: FontAwesome;
        font-size:30px;
        font-weight:100;
        color:#2878ff;
        position:absolute;
        right:10px;
        top:13px;
        width:0;
        overflow:hidden;
        transition: all 0.2s ease-in-out 0s;
        z-index: 2002;
    }

    #NewsletterSignup .btn-next.subscribe-next:after {
        overflow:visible;
    }

    #NewsletterSignup .btn-next:hover:before {
        background-color:#000;
    }

    #NewsletterSignup .btn-next:hover:after {
        color:#000;
    }

    #NewsletterSignup .btn-next:not(.subscribe-next) {
        pointer-events:none;
    }

    #NewsletterSignup .subscribe-field {
        width:100%;
    }

    #NewsletterSignup .subscribe-submit {
        position:absolute;
        top:0;
        right:0;
        height:52px;
        z-index:2000;
        transition:all 0.8s ease-in-out;
        width:110px;
        margin-right:0px;
    }

    #NewsletterSignup .subscribe-submit:hover {
        background-color:#000;
    }

    #NewsletterSignup .subscribe {
        margin-top:5px;
    }

    #NewsletterSignup .subscribe-inited {
        width:20px;
        height:7px;
        margin-right:20px;
        top:21px;
        border-radius:2px;
    }

    #NewsletterSignup .subscribe-next:before {
        width:20px;
    }

    #NewsletterSignup .subscribe-next:after {
        width:25px;
    }

    #NewsletterSignup .subscribe-paging {
        float:right;
        opacity:0;
        margin-right: 6px;
        text-align:center;
    }

    #NewsletterSignup .subscribe-pager {
        opacity:0;
        margin-top:8px;
    }

    #NewsletterSignup .subscribe-bar {
        background-color:#ccc;
        width:100%;
        height:3px;
        transition:all 0.2s ease-in-out;
        opacity:0;
    }

    #NewsletterSignup .subscribe-progress {
        background-color:#00c752;
        width:0;
        height:3px;
        transition:all 0.2s ease-in-out;
    }

    #NewsletterSignup .questions,
    #NewsletterSignup .subscribe-paging {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    position: relative;
	    -webkit-transition: height 0.4s;
	    transition: height 0.4s;
    }

    #NewsletterSignup .subscribe-paging {
        margin-right: 6px;
    }

    #NewsletterSignup .subscribe-paging label {
        font-weight:normal;
    }

    #NewsletterSignup .questions:before,
    #NewsletterSignup .subscribe-paging:before {
	    content: '';
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    width: 100%;
	    height: 2.35em;
    }

    #NewsletterSignup .questions li,
    #NewsletterSignup .subscribe-paging li {
	    z-index: 100;
	    position: relative;
	    visibility: hidden;
	    height: 0;
	    -webkit-transition: visibility 0s 0.4s, height 0s 0.4s;
	    transition: visibility 0s 0.4s, height 0s 0.4s;
    }

    #NewsletterSignup .questions li span {
        font-weight:bold;
    }

    #NewsletterSignup .questions li.current,
    #NewsletterSignup .subscribe-paging li.current {
	    visibility: visible;
	    height: auto;
	    -webkit-transition: none;
	    transition: none;
    }

    #NewsletterSignup .questions .dxeButtonEditButton {
        border:none;
    }

    #NewsletterSignup .subscribe-paging li.current {
        z-index:0;
    }

    #NewsletterSignup .questions li > span,
    #NewsletterSignup .subscribe-paging li > span {
	    display: block;
	    overflow: hidden;
    }

    #NewsletterSignup .questions li > span label,
    #NewsletterSignup .subscribe-paging li > span label {
	    display: block;
	    -webkit-transition: -webkit-transform 0.4s;
	    transition: transform 0.4s;
	    -webkit-transform: translateY(-100%);
	    transform: translateY(-100%);
    }

    #NewsletterSignup .questions li.current > span label,
    #NewsletterSignup .subscribe-paging li.current > span label {
	    -webkit-transition: none;
	    transition: none;
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
    }

    #NewsletterSignup .questions.show-next li.current > span label,
    #NewsletterSignup .subscribe-paging.show-next li.current > span label {
	    -webkit-animation: moveUpFromDown 0.4s both;
	    animation: moveUpFromDown 0.4s both;
    }

    #NewsletterSignup .subscribe-complete {
        font-size:24px;
        display:none;
    }

    #NewsletterSignup .questions .dxeButtonEdit input[type="text"] {
        height:49px;
    }

    @-webkit-keyframes moveUpFromDown {
	    from { -webkit-transform: translateY(100%); }
	    to { -webkit-transform: translateY(0); }
    }

    @keyframes moveUpFromDown {
	    from { -webkit-transform: translateY(100%); transform: translateY(100%); }
	    to { -webkit-transform: translateY(0); transform: translateY(0); }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */




/*  Awards                   																							 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */

    .awards {

    }

    .awards .block {
        padding: 15px;
        height:100%;
    }

    .awards .block.wide {
        padding:15px 0;
    }

    .awards .block.grey {
        background-color: #EBEFF0;
    }

    .awards .block .block-title {
        font-size:24px;
        font-weight:bold;
        line-height:28px;
        padding-bottom:20px;
    }

    /* Edge won't fix flickering bug: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10440554/ */

    .awards .award-pattern {
        position:relative;
        width:100%;
        /*height:100%;*/
        z-index:1;
        background-clip:content-box;
        background-origin:border-box;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
    }

    .awards .award-pattern::before {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        content: " ";
        transition:width 0.2s ease-in-out;
        z-index:-1;
        background-clip:content-box;
        background-origin:border-box;
    }

    .awards .award-pattern[data-pattern='1'],
    .awards .award-pattern[data-pattern='1']::before {
        background-size:126px;
    }

    .awards .award-pattern[data-pattern='2'],
    .awards .award-pattern[data-pattern='2']::before {
        background-size:240px;
    }

    .awards .award-pattern[data-pattern='3'],
    .awards .award-pattern[data-pattern='3']::before {
        background-size:138px;
    }

    .awards .award-pattern[data-pattern='4'],
    .awards .award-pattern[data-pattern='4']::before {
        background-size:255px;
    }

    .awards .award-pattern[data-pattern='5'],
    .awards .award-pattern[data-pattern='5']::before {
        background-size:20px;
    }

    .awards .award-pattern[data-pattern='6'],
    .awards .award-pattern[data-pattern='6']::before {
        background-size:40px;
    }

    .awards .award-pattern[data-pattern='7'],
    .awards .award-pattern[data-pattern='7']::before {
        background-size:200px;
    }

    .awards .award-pattern[data-pattern='8'],
    .awards .award-pattern[data-pattern='8']::before {
        background-size:200px;
    }

    .awards.awards-overview h1 {
        font-size:32px;
        font-weight:bold;
        line-height:32px;
    }

    .awards.awards-overview h2 {
        font-size:18px;
        font-weight:bold;
        line-height:normal;
    }

    .awards.awards-overview .sponsors {
	    box-sizing: border-box;
        font-size:10px;
    }

    .awards.awards-overview .sponsors img {
        max-height:70px;
        max-width:140px;
    }

    .awards.awards-overview .sponsors .logos {
        text-align:left;
        padding:0;
        margin:0;
    }

    .awards.awards-overview .sponsors .logos span {
        width: 80px;
        display: inline-block;
    }

    .awards.awards-overview .sponsors .logos a {
        display:inline-block;
        width:auto;
        vertical-align:middle;
        margin:5px;
    }

    .awards.awards-overview .sponsors .logos:after {
        display:inline-block;
        width:100%;
        content:'';
    }

    .awards.awards-overview .sponsors .logos:before {
        display:inline-block;
        width:100%;
        content:'';
    }

    .awards.awards-overview .sponsors .container-xl {
	    border-top: 1px solid #EBEFF0;
        border-bottom: 1px solid #EBEFF0;
    }

    .awards.awards-overview .award-block {
        transition:all 0.4s ease-in-out;
        top:0px;
    }

    .awards.awards-overview .award-block a {
        text-decoration:none;
    }

    .awards.awards-overview .award-block .award-info {
        padding:30px;
    }

    .awards.awards-overview .award-block .award-title {
        font-size:24px;
        line-height:28px;
        font-weight:bold;
    }

    .awards.awards-overview .award-block .award-description {
        font-size:16px;
        line-height:24px;
    }

    .awards.awards-overview .footer h4 {
	    font-size: 28px;
	    font-weight: bold;
	    line-height: 28px;
    }

    .awards.awards-overview .footer .description {
        font-size:16px;
        line-height:24px;
    }

    .awards.awards-detail .header h1 {
        font-size:32px;
        font-weight:bold;
        line-height:32px;
    }

    .awards.awards-detail .header h2 {
        font-size:18px;
        line-height:28px;
        font-weight:normal;
    }

    .awards.awards-detail .intro > .flex {
        display:initial;
    }

    .awards.awards-detail .intro > .flex > div:nth-child(2) {
        margin-right:0;
        margin-left:0;
    }

    .awards.awards-detail .intro .description {
        font-size:18px;
        font-weight:bold;
        line-height:22px;
    }

    .awards.awards-detail .intro .nominate .text {
        font-size: 34px;
        line-height: 36px;
        font-weight: bold;
    }

    .awards.awards-detail .intro .nominate .deadline {
        color: #BCBCBC;
        font-size: 14px;
        line-height: 16px;
    }

    .awards.awards-detail .article {
        margin:0;
    }

    .awards.awards-detail .article .text {
        font-size:16px;
        line-height:24px;
    }

    .awards.awards-detail .jury a {
        text-decoration:none;
    }

    .awards.awards-detail .jury .jury-member {
        padding-bottom:30px;
        display:table;
    }

    .awards.awards-detail .jury .jury-member > div {
        display:table-cell;
    }

    .awards.awards-detail .jury .jury-member .jury-member-profileimage {
        width: 45%;
        padding-right:15px;
    }

    .awards.awards-detail .jury .jury-member .jury-member-profileimage img {
        border-radius:50%;
        transition: all 0.15s ease-in-out;
        -webkit-transition: -webkit-transform 0.1s ease-in-out;
        -moz-transition: -moz-transform 0.1s ease-in-out;
        transform-style:preserve-3d;
    }

    .awards.awards-detail .jury .jury-member .jury-member-profileimage img:hover {
        -webkit-transform: scale(1.05, 1.05);
        -moz-transform: scale(1.05, 1.05);
        -o-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
        transform-style:preserve-3d;
        cursor:pointer;
    }

    .awards.awards-detail .jury .jury-member .jury-member-profile {
        vertical-align:middle;
        text-align:left;
    }

    .awards.awards-detail .jury .jury-member .jury-member-name {
        font-size:18px;
        font-weight:bold;
        line-height:22px;
    }

    .awards.awards-detail .jury .jury-member .jury-member-function {
        font-size:16px;
        line-height:24px;
        font-style:italic;
        max-width:150px;
    }

    .awards.awards-detail .sponsors a.sponsor img {
        width:auto !important;
        height:auto !important;
        max-width:100px;
        max-height:70px;
    }

    .awards.awards-detail .sponsors a.mainsponsor img {
        width:auto !important;
        height:auto !important;
        max-width:180px;
        max-height:90px;
    }

    .awards.awards-detail .nominees .cta {
        border:1px solid #2878FF;
        padding:30px;
	    font-size: 24px;
	    font-weight: bold;
        color:#2878FF;
	    line-height: 28px;
    }

    .awards.awards-detail .nominees .record-tag {
        font-size:18px;
        font-weight:bold;
        padding:4px 6px 2px 4px;
    }

    .awards.awards-detail .nominees .record-tag .material-icons {
        font-size:18px;
        margin-right:5px;
        line-height:normal;
    }

    .awards.awards-detail .award-validateaccount {
        z-index:5001;
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        right:0;
        margin-top:50px;
        opacity:0;
        pointer-events:none;
        transition:opacity 0.4s;
    }

    .awards.awards-detail .award-validateaccount.open {
        pointer-events:all;
        opacity:1;
        transition:opacity 0.2s;
        visibility:visible;
    }

    .awards.awards-detail .award-votedialog {
        z-index:5001;
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        right:0;
        margin-top:50px;
        opacity:0;
        pointer-events:none;
        visibility:hidden;
        transition:opacity 0.4s;
    }

    .awards.awards-detail .award-votedialog.open {
        pointer-events:all;
        opacity:1;
        transition:opacity 0.2s;
        visibility:visible;
    }

    .awards.awards-detail .award-votedialog .dialog-title {
        font-size: 24px;
        color:#fff;
        text-align:center;
        padding:30px;
    }

    .awards.awards-detail .award-votedialog .dialog-text {
        font-size: 15px;
        color:#fff;
        text-align:left;
    }

    .awards.awards-detail .award-votedialog .dialog-records .record {
        background-color:#fff;
        height:60px;
        cursor:pointer;	
        margin-bottom:20px;
    }

    .awards.awards-detail .award-votedialog .dialog-records .record:hover {
        background-color: #EBEFF0;
    }

    .awards.awards-detail .award-votedialog .dialog-records .record .title {
        font-size:18px;
        font-weight:bold;
        vertical-align:middle;
        padding:0 20px;
    }

    .awards.awards-detail .award-votedialog .dialog-records .record .thumb {
        width:1px;
    }

    .awards.awards-detail .award-votedialog .dialog-records .record .thumb img {
        max-height:60px;
        display:inline-block;
    }

    .awards.awards-detail .award-votedialog .dialog-records .record .selection {
        width:60px;
        border-left:1px solid #ccc;
        vertical-align:top;
        position:relative;
        overflow:hidden;
    }

    .awards.awards-detail .award-votedialog .dialog-records .record .selection .selected {
        transition:all 0.4s;
        transform: scale(0);
        visibility: hidden;
        background-color:#2878FF;
        width:60px;
        height:60px;
        padding:0;
        margin:0;
        opacity:0;
        border-radius:50%;
    }

    .awards.awards-detail .award-votedialog .dialog-records .record .selection.active .selected {
        transition:all 0.4s;
        transform: scale(2);        
        visibility:visible;
        opacity:1;
    }

    .awards.awards-detail .award-votedialog .dialog-records .record .selection .checked {
        width:26px;
        height:26px;
        border:1px solid #ccc;
        border-radius:50%;
        position:absolute;
        top:18px;
        left:18px;
        background-color:#fff;
    }

    .awards.awards-detail .award-votedialog .dialog-records .record .selection.active .checked {
        border:1px solid #fff;
    }

    .awards.awards-detail .award-votedialog .btn {
        border:1px solid #2878FF;
    }

    .awards.awards-detail .award-votedialog .btn-submit {
        font-size:20px;
    }

    .awards.awards-detail .award-votedialog-1 .btn-submit {
        padding:20px 0;
    }

    .awards.awards-detail .award-votedialog .btn:hover {
        border:1px solid #fff;
    }

    .awards.awards-detail .award-votedialog .dialog-button {
        
    }

    .awards.awards-detail .award-votedialog-1,
    .awards.awards-detail .award-votedialog-2,
    .awards.awards-detail .award-votedialog-3 {
        pointer-events:none;
        transform:scale(0.8);
        opacity:0;
        transition:all 0.2s ease;
        position:absolute;
        width:100%;
    }

    .awards.awards-detail .award-votedialog-1.show,
    .awards.awards-detail .award-votedialog-2.show,
    .awards.awards-detail .award-votedialog-3.show {
        transform:scale(1);
        pointer-events:all;
        transition:all 0.2s ease;
        opacity:1;
    }

    .awards.awards-detail .award-votedialog-3 .dialog-records {
        height:1px;
        transition:height 0.2s ease-in-out;
    }

    .awards.awards-detail .award-votedialog-3 .dialog-records .record {
        max-height:70px;
        overflow:hidden;
        padding:10px;
        transform:scale(0.85)
    }

    .awards.awards-detail .award-votedialog-3 .dialog-records .record.selected {
        background-color:#2878FF;
    }

    .awards.awards-detail .award-votedialog-3 .dialog-records .record-title {
        font-size:14px;
        margin:0;
    }

    .awards.awards-detail .award-votedialog-3 .dialog-records .record.selected .record-title {
        color:#fff;
    }

    .awards.awards-detail .award-votedialog-3 .dialog-records .record-logo {
        max-height:50px;
        max-width:50px;
    }

    .awards.awards-detail .award-votethanks {
        color: #fff;
        font-size: 48px;
        font-weight: bold;
        position: fixed;
        z-index: 5002;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        vertical-align: middle;
        top: 45%;
        display:none;
    }

    @media only screen and (max-width : 768px) {

        .awards-detail .container > .row {
            margin:0;
        }

        .awards.awards-overview .award-pattern {
            position:absolute;
            height:100%;
        }

        .awards.awards-overview .award-block:hover .award-pattern[data-align-xs='left']::before {
            width:100%;
        }

        .awards.awards-overview .award-block:hover .award-pattern[data-align-xs='right']::before {
            width:0%;
        }

        .awards .award-pattern[data-pattern='1'][data-align-xs='left'] {
            background-image:url('/resources/images/awards/pattern1a.svg');
        }

        .awards .award-pattern[data-pattern='1'][data-align-xs='left']::before {
            background-image:url('/resources/images/awards/pattern1b.svg');
        }

        .awards .award-pattern[data-pattern='1'][data-align-xs='right'] {
            background-image:url('/resources/images/awards/pattern1b.svg');
        }

        .awards .award-pattern[data-pattern='1'][data-align-xs='right']::before {
            background-image:url('/resources/images/awards/pattern1a.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-xs='left'] {
            background-image:url('/resources/images/awards/pattern2a.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-xs='left']::before {
            background-image:url('/resources/images/awards/pattern2b.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-xs='right'] {
            background-image:url('/resources/images/awards/pattern2b.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-xs='right']::before {
            background-image:url('/resources/images/awards/pattern2a.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-xs='left'] {
            background-image:url('/resources/images/awards/pattern3a.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-xs='left']::before {
            background-image:url('/resources/images/awards/pattern3b.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-xs='right'] {
            background-image:url('/resources/images/awards/pattern3b.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-xs='right']::before {
            background-image:url('/resources/images/awards/pattern3a.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-xs='left'] {
            background-image:url('/resources/images/awards/pattern4a.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-xs='left']::before {
            background-image:url('/resources/images/awards/pattern4b.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-xs='right'] {
            background-image:url('/resources/images/awards/pattern4b.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-xs='right']::before {
            background-image:url('/resources/images/awards/pattern4a.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-xs='left'] {
            background-image:url('/resources/images/awards/pattern5a.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-xs='left']::before {
            background-image:url('/resources/images/awards/pattern5b.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-xs='right'] {
            background-image:url('/resources/images/awards/pattern5b.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-xs='right']::before {
            background-image:url('/resources/images/awards/pattern5a.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-xs='left'] {
            background-image:url('/resources/images/awards/pattern6a.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-xs='left']::before {
            background-image:url('/resources/images/awards/pattern6b.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-xs='right'] {
            background-image:url('/resources/images/awards/pattern6b.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-xs='right']::before {
            background-image:url('/resources/images/awards/pattern6a.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-xs='left'] {
            background-image:url('/resources/images/awards/pattern7a.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-xs='left']::before {
            background-image:url('/resources/images/awards/pattern7b.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-xs='right'] {
            background-image:url('/resources/images/awards/pattern7b.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-xs='right']::before {
            background-image:url('/resources/images/awards/pattern7a.svg');
        }

        .awards .award-pattern[data-color='0'][data-align-xs='left']::before {
            background-color:#000000;
        }

        .awards .award-pattern[data-color='1'][data-align-xs='left']::before {
            background-color:#00C752;
        }

        .awards .award-pattern[data-color='2'][data-align-xs='left']::before {
            background-color:#AE318B;
        }

        .awards .award-pattern[data-color='3'][data-align-xs='left']::before {
            background-color:#FF6D3F;
        }

        .awards .award-pattern[data-color='4'][data-align-xs='left']::before {
            background-color:#2878FF;
        }

        .awards .award-pattern[data-color='0'][data-align-xs='right'] {
            background-color:#000000;
        }

        .awards .award-pattern[data-color='1'][data-align-xs='right'] {
            background-color:#00C752;
        }

        .awards .award-pattern[data-color='2'][data-align-xs='right'] {
            background-color:#AE318B;
        }

        .awards .award-pattern[data-color='3'][data-align-xs='right'] {
            background-color:#FF6D3F;
        }

        .awards .award-pattern[data-color='4'][data-align-xs='right'] {
            background-color:#2878FF;
        }

        .awards .award-pattern[data-align-xs='right']::before {
            background-color:#ffffff;
        }

        .awards .award-pattern[data-fill-xs='0']::before {
            width:0%;
        }

        .awards .award-pattern[data-fill-xs='25']::before {
            width:25%;
        }

        .awards .award-pattern[data-fill-xs='50']::before {
            width:50%;
        }

        .awards .award-pattern[data-fill-xs='75']::before {
            width:75%;
        }

        .awards .award-pattern[data-fill-xs='100']::before {
            width:100%;
        }

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

        .awards .block {
            padding: 30px;
            width:100%;
        }

        .awards .block.wide {
            padding:30px 0;
        }

        .awards .header-data {
            margin-left:-15px;
        }

        .awards .block .block-title {
            font-size:24px;
            line-height:28px;
            padding-bottom:30px;
        }

        .awards.awards-overview h1 {
            font-size:48px;
            line-height:48px;                
        }

        .awards.awards-overview h2 {
            font-size:24px;
        }

        .awards.awards-overview .award-block[data-type='double'] .award-title {
            font-size:32px;
            line-height:32px;
        }

        .awards.awards-overview .award-block .award-pattern {
            height:350px;
        }

        .awards.awards-overview .award-block .award-description {
            font-size:18px;
            line-height:28px;
        }

        .awards.awards-overview .footer h4 {
	        font-size: 32px;
	        line-height: 32px;
        }

        .awards.awards-overview .footer .description {
            font-size:18px;
            line-height:28px;
        }

        .awards.awards-detail .header h1 {
            font-size:38px;
            line-height:38px;
        }

        .awards.awards-detail .header h2 {
            font-size:23px;
            line-height:28px;
        }

        .awards[data-phase='1'].awards-detail .intro > .flex {
            width:200%;
            display:flex;
        }

        .awards.awards-detail .intro > .flex > div:nth-child(2) {
            margin-right:30px;
            margin-left:-30px;
        }

        .awards.awards-detail .intro .description {
            font-size:18px;
            line-height:22px;
        }

        .awards.awards-detail .intro .nominate .text {
            font-size: 24px;
            line-height: 26px;
        }

        .awards.awards-detail .intro .nominate .deadline {
            font-size: 14px;
            line-height: 16px;
        }

        .awards.awards-detail .article .text {
            font-size:16px;
            line-height:24px;
        }

        .awards.awards-detail .award-votedialog .dialog-records .record {
            height:90px;
        }

        .awards.awards-detail .award-votedialog .dialog-records .record .title {
            font-size:24px;
        }

        .awards.awards-detail .award-votedialog .dialog-records .record .thumb img {
            max-height:90px;
        }

        .awards.awards-detail .award-votedialog .dialog-records .record .selection {
            width:90px;
        }

        .awards.awards-detail .award-votedialog .dialog-records .record .selection .selected {
            width:90px;
            height:90px;
        }

        .awards.awards-detail .award-votedialog .dialog-records .record .selection .checked {
            top:32px;
            left:32px;
        }

    }

    @media only screen and (min-width : 768px) and (max-width : 992px) {

        .awards.awards-overview .award-block:hover .award-pattern[data-align-sm='left']::before {
            width:100%;
        }

        .awards.awards-overview .award-block:hover .award-pattern[data-align-sm='right']::before {
            width:0%;
        }

        .awards .award-pattern[data-pattern='1'][data-align-sm='left'] {
            background-image:url('/resources/images/awards/pattern1a.svg');
        }

        .awards .award-pattern[data-pattern='1'][data-align-sm='left']::before {
            background-image:url('/resources/images/awards/pattern1b.svg');
        }

        .awards .award-pattern[data-pattern='1'][data-align-sm='right'] {
            background-image:url('/resources/images/awards/pattern1b.svg');
        }

        .awards .award-pattern[data-pattern='1'][data-align-sm='right']::before {
            background-image:url('/resources/images/awards/pattern1a.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-sm='left'] {
            background-image:url('/resources/images/awards/pattern2a.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-sm='left']::before {
            background-image:url('/resources/images/awards/pattern2b.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-sm='right'] {
            background-image:url('/resources/images/awards/pattern2b.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-sm='right']::before {
            background-image:url('/resources/images/awards/pattern2a.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-sm='left'] {
            background-image:url('/resources/images/awards/pattern3a.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-sm='left']::before {
            background-image:url('/resources/images/awards/pattern3b.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-sm='right'] {
            background-image:url('/resources/images/awards/pattern3b.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-sm='right']::before {
            background-image:url('/resources/images/awards/pattern3a.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-sm='left'] {
            background-image:url('/resources/images/awards/pattern4a.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-sm='left']::before {
            background-image:url('/resources/images/awards/pattern4b.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-sm='right'] {
            background-image:url('/resources/images/awards/pattern4b.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-sm='right']::before {
            background-image:url('/resources/images/awards/pattern4a.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-sm='left'] {
            background-image:url('/resources/images/awards/pattern5a.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-sm='left']::before {
            background-image:url('/resources/images/awards/pattern5b.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-sm='right'] {
            background-image:url('/resources/images/awards/pattern5b.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-sm='right']::before {
            background-image:url('/resources/images/awards/pattern5a.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-sm='left'] {
            background-image:url('/resources/images/awards/pattern6a.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-sm='left']::before {
            background-image:url('/resources/images/awards/pattern6b.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-sm='right'] {
            background-image:url('/resources/images/awards/pattern6b.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-sm='right']::before {
            background-image:url('/resources/images/awards/pattern6a.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-sm='left'] {
            background-image:url('/resources/images/awards/pattern7a.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-sm='left']::before {
            background-image:url('/resources/images/awards/pattern7b.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-sm='right'] {
            background-image:url('/resources/images/awards/pattern7b.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-sm='right']::before {
            background-image:url('/resources/images/awards/pattern7a.svg');
        }

        .awards .award-pattern[data-color='0'][data-align-sm='left']::before {
            background-color:#000000;
        }

        .awards .award-pattern[data-color='1'][data-align-sm='left']::before {
            background-color:#00C752;
        }

        .awards .award-pattern[data-color='2'][data-align-sm='left']::before {
            background-color:#AE318B;
        }

        .awards .award-pattern[data-color='3'][data-align-sm='left']::before {
            background-color:#FF6D3F;
        }

        .awards .award-pattern[data-color='4'][data-align-sm='left']::before {
            background-color:#2878FF;
        }

        .awards .award-pattern[data-color='0'][data-align-sm='right'] {
            background-color:#000000;
        }

        .awards .award-pattern[data-color='1'][data-align-sm='right'] {
            background-color:#00C752;
        }

        .awards .award-pattern[data-color='2'][data-align-sm='right'] {
            background-color:#AE318B;
        }

        .awards .award-pattern[data-color='3'][data-align-sm='right'] {
            background-color:#FF6D3F;
        }

        .awards .award-pattern[data-color='4'][data-align-sm='right'] {
            background-color:#2878FF;
        }

        .awards .award-pattern[data-align-sm='right']::before {
            background-color:#ffffff;
        }

        .awards .award-pattern[data-fill-sm='0']::before {
            width:0%;
        }

        .awards .award-pattern[data-fill-sm='25']::before {
            width:25%;
        }

        .awards .award-pattern[data-fill-sm='50']::before {
            width:50%;
        }

        .awards .award-pattern[data-fill-sm='75']::before {
            width:75%;
        }

        .awards .award-pattern[data-fill-sm='100']::before {
            width:100%;
        }

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

        .awards .block {
            padding: 90px;
        }

        .awards .block.wide {
            padding:90px 0;
        }

        .awards .block .block-title {
            font-size:34px;
            line-height:36px;
            padding-bottom:60px;
        }

        .awards.awards-overview .award-block[data-type='single'][data-align='right'] .row > div:first-child {
            left:50%;
        }
        .awards.awards-overview .award-block[data-type='single'][data-align='right'] .row > div:last-child {
            right:50%;
        }

        .awards.awards-overview h1 {
            font-size:70px;
            line-height:70px;                
        }

        .awards.awards-overview h2 {
            font-size:24px;
        }

        .awards.awards-overview .sponsors .logos {
            text-align:justify;
        }

        .awards.awards-overview .sponsors .logos a {
            margin:0;
        }

        .awards.awards-overview .award-block[data-type='double'] .award-title {
            font-size:48px;
            line-height:48px;
        }

        .awards.awards-overview .award-block[data-type='double'] .award-pattern::before {
            width:50%;
        }

        .awards.awards-overview .award-block[data-type='double']:hover .award-pattern::before {
            width:100%;
        }

        /*.awards.awards-overview .award-block[data-type='single']:nth-child(2) .award-pattern::before,
        .awards.awards-overview .award-block[data-type='single']:nth-child(3) .award-pattern::before,
        .awards.awards-overview .award-block[data-type='single']:nth-child(6) .award-pattern::before,
        .awards.awards-overview .award-block[data-type='single']:nth-child(7) .award-pattern::before,
        .awards.awards-overview .award-block[data-type='single']:nth-child(10) .award-pattern::before,
        .awards.awards-overview .award-block[data-type='single']:nth-child(11) .award-pattern::before{
            left:0;
            right:auto;
        }

        .awards.awards-overview .award-block[data-type='single']:nth-child(4) .award-pattern::before ,
        .awards.awards-overview .award-block[data-type='single']:nth-child(5) .award-pattern::before,
        .awards.awards-overview .award-block[data-type='single']:nth-child(8) .award-pattern::before ,
        .awards.awards-overview .award-block[data-type='single']:nth-child(9) .award-pattern::before {
            right:0;
            left:auto;
        }

        .awards.awards-overview .award-block[data-type='single']:nth-child(4) .row > div:first-child,
        .awards.awards-overview .award-block[data-type='single']:nth-child(5) .row > div:first-child,
        .awards.awards-overview .award-block[data-type='single']:nth-child(8) .row > div:first-child,
        .awards.awards-overview .award-block[data-type='single']:nth-child(9) .row > div:first-child {
            left:50%;
        }

        .awards.awards-overview .award-block[data-type='single']:nth-child(4) .row > div:last-child,
        .awards.awards-overview .award-block[data-type='single']:nth-child(5) .row > div:last-child,
        .awards.awards-overview .award-block[data-type='single']:nth-child(8) .row > div:last-child,
        .awards.awards-overview .award-block[data-type='single']:nth-child(9) .row > div:last-child {
            right:50%;
        }*/

        .awards.awards-overview .footer h4 {
	        font-size: 48px;
	        font-weight: bold;
	        line-height: 48px;
            max-width:470px;
        }

        .awards.awards-overview .footer .description {
            font-size:18px;
            line-height:28px;
        }

        .awards.awards-detail .header h2 {
            font-size:23px;
            line-height:28px;
        }

        .awards.awards-detail .header h1 {
            font-size:40px;
            line-height:40px;
        }

        .awards.awards-detail .intro .description {
            font-size:24px;
            line-height:28px;
        }

        .awards.awards-detail .intro .nominate .text {
            font-size: 34px;
            line-height: 36px;
        }

        .awards.awards-detail .intro .nominate .deadline {
            font-size: 14px;
            line-height: 16px;
        }

        .awards.awards-detail .article .text {
            font-size:18px;
            line-height:28px;
        }

        /*.awards.awards-detail .award-pattern:before {
            width:25%;
        }*/

    }

    @media only screen and (min-width : 992px) and (max-width : 1200px) {

        .awards.awards-overview .award-block:hover .award-pattern[data-align-md='left']::before {
            width:100%;
        }

        .awards.awards-overview .award-block:hover .award-pattern[data-align-md='right']::before {
            width:0%;
        }

        .awards .award-pattern[data-pattern='1'][data-align-md='left'] {
            background-image:url('/resources/images/awards/pattern1a.svg');
        }

        .awards .award-pattern[data-pattern='1'][data-align-md='left']::before {
            background-image:url('/resources/images/awards/pattern1b.svg');
        }

        .awards .award-pattern[data-pattern='1'][data-align-md='right'] {
            background-image:url('/resources/images/awards/pattern1b.svg');
        }

        .awards .award-pattern[data-pattern='1'][data-align-md='right']::before {
            background-image:url('/resources/images/awards/pattern1a.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-md='left'] {
            background-image:url('/resources/images/awards/pattern2a.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-md='left']::before {
            background-image:url('/resources/images/awards/pattern2b.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-md='right'] {
            background-image:url('/resources/images/awards/pattern2b.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-md='right']::before {
            background-image:url('/resources/images/awards/pattern2a.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-md='left'] {
            background-image:url('/resources/images/awards/pattern3a.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-md='left']::before {
            background-image:url('/resources/images/awards/pattern3b.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-md='right'] {
            background-image:url('/resources/images/awards/pattern3b.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-md='right']::before {
            background-image:url('/resources/images/awards/pattern3a.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-md='left'] {
            background-image:url('/resources/images/awards/pattern4a.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-md='left']::before {
            background-image:url('/resources/images/awards/pattern4b.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-md='right'] {
            background-image:url('/resources/images/awards/pattern4b.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-md='right']::before {
            background-image:url('/resources/images/awards/pattern4a.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-md='left'] {
            background-image:url('/resources/images/awards/pattern5a.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-md='left']::before {
            background-image:url('/resources/images/awards/pattern5b.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-md='right'] {
            background-image:url('/resources/images/awards/pattern5b.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-md='right']::before {
            background-image:url('/resources/images/awards/pattern5a.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-md='left'] {
            background-image:url('/resources/images/awards/pattern6a.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-md='left']::before {
            background-image:url('/resources/images/awards/pattern6b.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-md='right'] {
            background-image:url('/resources/images/awards/pattern6b.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-md='right']::before {
            background-image:url('/resources/images/awards/pattern6a.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-md='left'] {
            background-image:url('/resources/images/awards/pattern7a.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-md='left']::before {
            background-image:url('/resources/images/awards/pattern7b.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-md='right'] {
            background-image:url('/resources/images/awards/pattern7b.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-md='right']::before {
            background-image:url('/resources/images/awards/pattern7a.svg');
        }

        .awards .award-pattern[data-color='0'][data-align-md='left']::before {
            background-color:#000000;
        }

        .awards .award-pattern[data-color='1'][data-align-md='left']::before {
            background-color:#00C752;
        }

        .awards .award-pattern[data-color='2'][data-align-md='left']::before {
            background-color:#AE318B;
        }

        .awards .award-pattern[data-color='3'][data-align-md='left']::before {
            background-color:#FF6D3F;
        }

        .awards .award-pattern[data-color='4'][data-align-md='left']::before {
            background-color:#2878FF;
        }

        .awards .award-pattern[data-color='0'][data-align-md='right'] {
            background-color:#000000;
        }

        .awards .award-pattern[data-color='1'][data-align-md='right'] {
            background-color:#00C752;
        }

        .awards .award-pattern[data-color='2'][data-align-md='right'] {
            background-color:#AE318B;
        }

        .awards .award-pattern[data-color='3'][data-align-md='right'] {
            background-color:#FF6D3F;
        }

        .awards .award-pattern[data-color='4'][data-align-md='right'] {
            background-color:#2878FF;
        }

        .awards .award-pattern[data-align-md='right']::before {
            background-color:#ffffff;
        }

        .awards .award-pattern[data-fill-md='0']::before {
            width:0%;
        }

        .awards .award-pattern[data-fill-md='25']::before {
            width:25%;
        }

        .awards .award-pattern[data-fill-md='50']::before {
            width:50%;
        }

        .awards .award-pattern[data-fill-md='75']::before {
            width:75%;
        }

        .awards .award-pattern[data-fill-md='100']::before {
            width:100%;
        }

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

        .awards .header-data {
            margin-left:-15px;
        }

        .awards.awards-overview .award-block:hover .award-pattern[data-align-lg='left']::before {
            width:100%;
        }

        .awards.awards-overview .award-block:hover .award-pattern[data-align-lg='right']::before {
            width:0%;
        }

        .awards .award-pattern[data-pattern='1'][data-align-lg='left'] {
            background-image:url('/resources/images/awards/pattern1a.svg');
        }

        .awards .award-pattern[data-pattern='1'][data-align-lg='left']::before {
            background-image:url('/resources/images/awards/pattern1b.svg');
        }

        .awards .award-pattern[data-pattern='1'][data-align-lg='right'] {
            background-image:url('/resources/images/awards/pattern1b.svg');
        }

        .awards .award-pattern[data-pattern='1'][data-align-lg='right']::before {
            background-image:url('/resources/images/awards/pattern1a.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-lg='left'] {
            background-image:url('/resources/images/awards/pattern2a.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-lg='left']::before {
            background-image:url('/resources/images/awards/pattern2b.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-lg='right'] {
            background-image:url('/resources/images/awards/pattern2b.svg');
        }

        .awards .award-pattern[data-pattern='2'][data-align-lg='right']::before {
            background-image:url('/resources/images/awards/pattern2a.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-lg='left'] {
            background-image:url('/resources/images/awards/pattern3a.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-lg='left']::before {
            background-image:url('/resources/images/awards/pattern3b.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-lg='right'] {
            background-image:url('/resources/images/awards/pattern3b.svg');
        }

        .awards .award-pattern[data-pattern='3'][data-align-lg='right']::before {
            background-image:url('/resources/images/awards/pattern3a.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-lg='left'] {
            background-image:url('/resources/images/awards/pattern4a.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-lg='left']::before {
            background-image:url('/resources/images/awards/pattern4b.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-lg='right'] {
            background-image:url('/resources/images/awards/pattern4b.svg');
        }

        .awards .award-pattern[data-pattern='4'][data-align-lg='right']::before {
            background-image:url('/resources/images/awards/pattern4a.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-lg='left'] {
            background-image:url('/resources/images/awards/pattern5a.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-lg='left']::before {
            background-image:url('/resources/images/awards/pattern5b.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-lg='right'] {
            background-image:url('/resources/images/awards/pattern5b.svg');
        }

        .awards .award-pattern[data-pattern='5'][data-align-lg='right']::before {
            background-image:url('/resources/images/awards/pattern5a.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-lg='left'] {
            background-image:url('/resources/images/awards/pattern6a.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-lg='left']::before {
            background-image:url('/resources/images/awards/pattern6b.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-lg='right'] {
            background-image:url('/resources/images/awards/pattern6b.svg');
        }

        .awards .award-pattern[data-pattern='6'][data-align-lg='right']::before {
            background-image:url('/resources/images/awards/pattern6a.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-lg='left'] {
            background-image:url('/resources/images/awards/pattern7a.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-lg='left']::before {
            background-image:url('/resources/images/awards/pattern7b.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-lg='right'] {
            background-image:url('/resources/images/awards/pattern7b.svg');
        }

        .awards .award-pattern[data-pattern='7'][data-align-lg='right']::before {
            background-image:url('/resources/images/awards/pattern7a.svg');
        }

        .awards .award-pattern[data-color='0'][data-align-lg='left']::before {
            background-color:#000000;
        }

        .awards .award-pattern[data-color='1'][data-align-lg='left']::before {
            background-color:#00C752;
        }

        .awards .award-pattern[data-color='2'][data-align-lg='left']::before {
            background-color:#AE318B;
        }

        .awards .award-pattern[data-color='3'][data-align-lg='left']::before {
            background-color:#FF6D3F;
        }

        .awards .award-pattern[data-color='4'][data-align-lg='left']::before {
            background-color:#2878FF;
        }

        .awards .award-pattern[data-color='0'][data-align-lg='right'] {
            background-color:#000000;
        }

        .awards .award-pattern[data-color='1'][data-align-lg='right'] {
            background-color:#00C752;
        }

        .awards .award-pattern[data-color='2'][data-align-lg='right'] {
            background-color:#AE318B;
        }

        .awards .award-pattern[data-color='3'][data-align-lg='right'] {
            background-color:#FF6D3F;
        }

        .awards .award-pattern[data-color='4'][data-align-lg='right'] {
            background-color:#2878FF;
        }

        .awards .award-pattern[data-align-lg='right']::before {
            background-color:#ffffff;
        }

        .awards .award-pattern[data-fill-lg='0']::before {
            width:0%;
        }

        .awards .award-pattern[data-fill-lg='25']::before {
            width:25%;
        }

        .awards .award-pattern[data-fill-lg='50']::before {
            width:50%;
        }

        .awards .award-pattern[data-fill-lg='75']::before {
            width:75%;
        }

        .awards .award-pattern[data-fill-lg='100']::before {
            width:100%;
        }

        .awards.awards-overview .award-block[data-type='double'] .award-info {
            padding:55px 120px;
        }

        .awards.awards-detail .header h1 {
            font-size:50px;
            line-height:50px;
        }

    }

    /* Extra Large Devices, Wide Screens */
    @media only screen and (min-width : 1440px) {

        .awards.awards-detail .header h1 {
            font-size:60px;
            line-height:60px;
        }

        .awards.awards-detail .jury .jury-member .jury-member-profileimage {
            width: 35%;
        }

    }

/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */



/*  Animations																											 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */
	.circleG {
		background-color: #FFFFFF;
		float: left;
		height: 15px;
		margin-left: 8px;
		width: 15px;
		-moz-animation-name: bounce_circleG;
		-moz-animation-duration: 2.0999999999999996s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-direction: normal;
		-moz-border-radius: 10px;
		-webkit-animation-name: bounce_circleG;
		-webkit-animation-duration: 2.0999999999999996s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-direction: normal;
		-webkit-border-radius: 10px;
		-ms-animation-name: bounce_circleG;
		-ms-animation-duration: 2.0999999999999996s;
		-ms-animation-iteration-count: infinite;
		-ms-animation-direction: linear;
		-ms-border-radius: 10px;
		-o-animation-name: bounce_circleG;
		-o-animation-duration: 2.0999999999999996s;
		-o-animation-iteration-count: infinite;
		-o-animation-direction: normal;
		-o-border-radius: 10px;
		animation-name: bounce_circleG;
		animation-duration: 2.0999999999999996s;
		animation-iteration-count: infinite;
		animation-direction: normal;
		border-radius: 10px;
	}

	.circleG_1 {
		-moz-animation-delay: 0.41999999999999993s;
		-webkit-animation-delay: 0.41999999999999993s;
		-ms-animation-delay: 0.41999999999999993s;
		-o-animation-delay: 0.41999999999999993s;
		animation-delay: 0.41999999999999993s;
	}

	.circleG_2 {
		-moz-animation-delay: 0.9799999999999999s;
		-webkit-animation-delay: 0.9799999999999999s;
		-ms-animation-delay: 0.9799999999999999s;
		-o-animation-delay: 0.9799999999999999s;
		animation-delay: 0.9799999999999999s;
	}

	.circleG_3 {
		-moz-animation-delay: 1.26s;
		-webkit-animation-delay: 1.26s;
		-ms-animation-delay: 1.26s;
		-o-animation-delay: 1.26s;
		animation-delay: 1.26s;
	}

	@-moz-keyframes bounce_circleG {
		0% {}
		50% {
			background-color: #000000;
		}
		100% {}
	}

	@-webkit-keyframes bounce_circleG {
		0% {}
		50% {
			background-color: #000000;
		}
		100% {}
	}

	@-ms-keyframes bounce_circleG {
		0% {}
		50% {
			background-color: #000000;
		}
		100% {}
	}

	@keyframes bounce_circleG {
		0% {}
		50% {
			background-color: #000000;
		}
		100% {}
	}

    @-webkit-keyframes checking {
      0% {
        height: 0;
        width: 0;
      }
      25% {
        height: 0;
        width: 10px;
      }
      50% {
        height: 16px;
        width: 10px;
      }
    }
    @-moz-keyframes checking {
      0% {
        height: 0;
        width: 0;
      }
      25% {
        height: 0;
        width: 10px;
      }
      50% {
        height: 16px;
        width: 10px;
      }
    }
    @-ms-keyframes checking {
      0% {
        height: 0;
        width: 0;
      }
      25% {
        height: 0;
        width: 10px;
      }
      50% {
        height: 16px;
        width: 10px;
      }
    }
    @keyframes checking {
      0% {
        height: 0;
        width: 0;
      }
      25% {
        height: 0;
        width: 10px;
      }
      50% {
        height: 16px;
        width: 10px;
      }
    }

    .checking {
      position:relative;
      border:none;
      background:transparent;
      display:inline-block;
      width:32px;
      height:32px;
    }

    .checking::after {
      -moz-transform: scaleX(-1) rotate(135deg);
      -ms-transform: scaleX(-1) rotate(135deg);
      -webkit-transform: scaleX(-1) rotate(135deg);
      transform: scaleX(-1) rotate(135deg);
      -moz-transform-origin: left top;
      -ms-transform-origin: left top;
      -webkit-transform-origin: left top;
      transform-origin: left top;
      border-right: 4px solid transparent;
      border-top: 4px solid transparent;
      content: '';
      height: 16px;
      left: 3px;
      position: absolute;
      top: 13px;
      width: 10px;
    }

    .checking.active::after {
      -webkit-animation: checking 0.8s;
      -moz-animation: checking 0.8s;
      -o-animation: checking 0.8s;
      animation: checking 0.8s;
      border-color: #6aa;
    }
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */



/*  Template                   																							 */
/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

/*  ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */