/*-----------------------------------------------------------------------------------*/
/*  Anpassung 04.03.2024 : Block in flipcontainer additional margin.
/*  Anpassung 29.04.2024 : Video Block position left with template
/*-----------------------------------------------------------------------------------*/
.flipcnt .youtubeBlock {
    margin-left: 70px;
}

@font-face {
    font-family: 'DINProLight';
    src: url("fonts/dinlight/DINProLight.eot");
    src: local('DINProLight'), url("fonts/dinlight/DINProLight.woff") format('woff'), url("fonts/dinlight/DINProLight.ttf") format('truetype')
}

@font-face {
    font-family: 'DINProRoman';
    src: url("fonts/dinlight/DINProRoman.woff") format('woff'), url("fonts/dinlight/DINProRoman.woff2") format('woff2')
}

h1 {
    font: 1.2em 'Gentium Book Basic', serif;
    font-style: italic;
    font-size: 2.5em;
    color: #e9530e;
    margin: 30px 0 20px 0;
    letter-spacing: .02em
}

h2 {
    font: 1.2em 'Gentium Book Basic', serif;
    font-style: italic;
    font-size: 1.5em;
    color: #e9530e;
    margin-left: 70px;
    letter-spacing: .02em
}

h3 {
    font: 1.2em 'Gentium Book Basic', serif;
    font-style: italic;
    font-size: 1.1em;
    color: #e9530e;
    margin: 20px 0 0 70px;
    letter-spacing: .02em
}

h4 {
    font: 1.2em 'Gentium Book Basic', serif;
    font-style: italic;
    font-size: 1.3em;
    color: #000;
    margin: 20px 0 20px 70px;
    letter-spacing: .02em
}

.ccm-panel h3,
.ccm-panel h4,
.ccm-panel h5 {
	margin: 0 0 0 0;
}

h5 {
    margin: 5px 0 0 70px;
    font: 1.2em 'Gentium Book Basic', serif;
    font-style: italic;
}

h6 {
    margin: 5px 0 0 70px;
    font: 1.7em 'DINProLight', sans-serif;
    font-size: .8em;
}

p {
    margin: 0 0 20px 70px;
}

.ccm-panel p {
	margin: 0 0 0 0;
}

.video-position-left {
	margin-left: 70px;
}

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

a:hover {
    color: #e9530e
}

.blacklink a {
    color: #000;
}

.blacklink a:hover {
    color: #e9530e
}

strong {
    font: 1.2em 'Gentium Book Basic', serif;
    font-style: italic;
    font-size: 1em;
    letter-spacing: .02em
}

em {
    font: 1.2em 'Gentium Book Basic', serif;
    font-style: italic;
    font-size: 1em;
    font-style: normal;
    color: #e9530e;
    letter-spacing: .02em
}

nav.mainnav ul li a {
    font: 1.7em 'DINProLight', sans-serif;
    font-size: 2.3em;
    color: #fff;
    text-decoration: none;
}

nav.mainnav ul li a.nav-selected {
    color: #e9530e
}

section.cntwrapper header#rh ul li {
    font: 1.2em 'Gentium Book Basic', serif;
    font-style: italic;
    font-size: .9em;
    letter-spacing: .02em
}

section.cntwrapper aside.linkbox {
    font-size: .75em
}

.home {
    cursor: pointer;
}

.home h1 {
    font: 1.2em 'Gentium Book Basic', serif;
    font-style: italic;
    font-size: 4.5em;
    color: #e9530e;
    margin: 0;
    margin-top: 100px
}

.home h2 {
    font: 1.7em 'DINProLight', sans-serif;
    font-size: 2.5em;
    color: #fff;
    margin: 0;
    letter-spacing: 0 !important
}

.home h3 {
    font: 1.2em 'Gentium Book Basic', serif;
    font-style: italic;
    font-size: 2.5em;
    color: #fff;
    margin: 5px 0 0 0
}

.home hr {
    border: 1px solid #fff;
    width: 15%;
    margin: 45px auto 40px auto
}

.smallerfont {
    font-size: .9em;
    line-height: 1.4em
}

::selection {
    background: #e9530e;
    color: #fff
}

::-moz-selection {
    background: #e9530e;
    color: #fff
}

body {
    background-color: #fff;
    overflow: visible;
    width: 120%;
    height: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    overflow-y: scroll
}

section.bgimg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

section.bgimg.show {
    opacity: 1
}

aside.imgdesc {
    position: absolute;
    left: -170px;
    width: 400px;
    margin-left: 0;
    top: 50%;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    font: 1.2em 'Gentium Book Basic', serif;
    font-style: italic;
    font-size: 1.3em;
    color: #fff;
    text-align: center
}

nav.mainnav {
    position: fixed;
    width: 16%;
    margin-left: -14%;
    height: 100%;
    opacity: 0;
    -webkit-transition: margin-left .3s ease;
    -moz-transition: margin-left .3s ease;
    -o-transition: margin-left .3s ease;
    -ms-transition: margin-left .3s ease;
    transition: margin-left .3s ease;
}

nav.mainnav.show {
    margin-left: 0%
}

nav.mainnav.loaded {
    opacity: 1
}

nav.mainnav ul {
    margin: 50px 0 0 20px;
    padding: 0;
}

nav.mainnav ul li {
    list-style-type: none;
    display: block;
    overflow: hidden;
    padding: 20px 0 0 0;
}

nav.mainnav ul li:hover a {
    color: #e9530e
}

nav.mainnav div.lang {
    width: 100%;
    height: 200px;
    margin: 70px 0 0 20px;
}

nav.mainnav div.lang a {
    font: 1.7em 'DINProLight', sans-serif;
    color: #fff;
    font-size: 1.7em;
    font-weight: bold
}

section.cntwrapper {
    position: relative;
    width: 86.20689655172414%;
    float: left;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 0;
    font: 1.7em 'DINProLight', sans-serif;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

section.cntwrapper.show {
    opacity: 1
}

section.cntwrapper.shownav {
    left: 14%
}

section.cntwrapper.white {
    background-color: #fff
}

section.cntwrapper header#rh {
    position: fixed;
    padding: 20px 0 30px 0;
    margin-left: 20px;
    left: 0%;
    width: 98%;
    height: 50px;
    zoom: 1;
    z-index: 5;
    background-color: #fff;
    -webkit-transition: left .3s ease;
    -moz-transition: left .3s ease;
    -o-transition: left .3s ease;
    -ms-transition: left .3s ease;
    transition: left .3s ease;
    z-index: 20;
}

section.cntwrapper header#rh:after,
section.cntwrapper header#rh:before {
    content: "";
    display: table
}

section.cntwrapper header#rh:after {
    clear: both
}

section.cntwrapper header#rh.nobg {
    background-color: transparent
}

section.cntwrapper header#rh.shownav {
    left: 17%
}

section.cntwrapper header#rh section.icons {
    position: relative;
    margin-top: 5px;
    float: left;
    width: 50px;
    left: 0;
    height: auto;
    background-color: transparent;
    -webkit-transition: left .3s ease;
    -moz-transition: left .3s ease;
    -o-transition: left .3s ease;
    -ms-transition: left .3s ease;
    transition: left .3s ease;
}

section.cntwrapper header#rh section.icons.shownav {
    left: 12%
}

section.cntwrapper header#rh section.icons aside.icon {
    position: relative;
    width: 25px;
    height: 25px;
    margin-bottom: 30px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

section.cntwrapper header#rh section.icons aside.icon#navicon {
    background-image: url("../images/navicon.png")
}

section.cntwrapper header#rh section.icons aside.icon#mailicon {
    background-image: url("../images/contact.png")
}

section.cntwrapper header#rh section.icons aside.icon#fbicon {
    background-image: url("../images/facebook.png")
}

section.cntwrapper header#rh section.icons aside.icon#locicon {
    background-image: url("../images/home.png")
}

section.cntwrapper header#rh section.icons aside.icon#instaicon {
    background-image: url("../images/instagram_glyph_orange.jpg")
}

section.cntwrapper header#rh section.icons:hover {
    cursor: pointer
}

section.cntwrapper header#rh ul {
    position: relative;
    float: left;
    width: 80%;
    margin: 4px 0 0 0;
}

section.cntwrapper header#rh ul li {
    display: block;
    float: left;
    padding: 0 45px 0 0;
    color: #e9530e;
}

section.cntwrapper header#rh ul li:hover {
    cursor: pointer;
    text-decoration: underline
}

section.cntwrapper header#rh aside.linkbox {
    float: right;
    width: auto;
    margin-right: 150px;
    margin-top: 11px;
}

section.cntwrapper header#rh aside.linkbox div.files {
    float: right;
    width: auto;
    margin-right: 50px;
}

section.cntwrapper header#rh aside.linkbox div.files a {
    color: #e9530e;
}

section.cntwrapper header#rh aside.linkbox div.files a:hover {
    text-decoration: underline
}

section.cntwrapper header#rh aside.linkbox div.files .pdfimg {
    margin-top: -9px;
    margin-left: -60px
}

section.cntwrapper header#rh aside.linkbox div.lang {
    float: right;
    width: auto;
    font-size: 1.3em;
    margin-top: -2px !important
}

div.cnt {
    width: 60%;
    padding-bottom: 4rem;
}

div.home {
    width: 95%;
    text-align: center
}

div.service,
div.standard {
    margin: 160px 150px 0 150px;
}

div.service td,
div.standard td {
    vertical-align: top;
    font-size: .9em;
    line-height: 1.35em;
}

div.service td img,
div.standard td img {
    margin: 8px -5px 0 70px
}

div.service td p,
div.standard td p {
    width: 70%
}

section#flipcontainer {
    position: relative;
    height: 100%;
}

section#flipcontainer div.flipitem {
    position: absolute;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: transform 300ms linear, background 300ms linear;
    -moz-transition: transform 300ms linear, background 300ms linear;
    -o-transition: transform 300ms linear, background 300ms linear;
    -ms-transition: transform 300ms linear, background 300ms linear;
    transition: transform 300ms linear, background 300ms linear;
    z-index: 1;
}

section#flipcontainer div.flipitem.visible {
    visibility: visible
}

section#flipcontainer div.flipitem.clone {
    width: 50%;
    overflow: hidden;
}

section#flipcontainer div.flipitem.clone aside.flipcnt {
    width: 200%
}

section#flipcontainer div.flipitem.cloneActRight {
    z-index: 2
}

section#flipcontainer div.flipitem.cloneNextRight {
    right: 0%;
    z-index: 0;
}

section#flipcontainer div.flipitem.cloneNextRight aside.flipcnt {
    float: right
}

section#flipcontainer div.flipitem.flipright {
    background-color: #e6e6e6;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    -moz-transform: perspective(2000px) rotateY(-90deg);
    -o-transform: perspective(2000px) rotateY(-90deg);
    -ms-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg)
}

section#flipcontainer div.flipitem.nextright {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    -moz-transform: perspective(2000px) rotateY(90deg);
    -o-transform: perspective(2000px) rotateY(90deg);
    -ms-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    background-color: #e6e6e6
}

section#flipcontainer div.flipitem.flipnextright {
    -webkit-transform: perspective(2000px) rotateY(0);
    -moz-transform: perspective(2000px) rotateY(0);
    -o-transform: perspective(2000px) rotateY(0);
    -ms-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
    background-color: #fff;
    z-index: 0
}

section#flipcontainer div.flipitem.cloneActLeft {
    right: 0%;
    z-index: 2;
}

section#flipcontainer div.flipitem.cloneActLeft aside.flipcnt {
    float: right
}

section#flipcontainer div.flipitem.cloneNextLeft {
    z-index: 1
}

section#flipcontainer div.flipitem.flipleft {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    -moz-transform: perspective(2000px) rotateY(90deg);
    -o-transform: perspective(2000px) rotateY(90deg);
    -ms-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    background-color: #e6e6e6
}

section#flipcontainer div.flipitem.nextleft {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    -moz-transform: perspective(2000px) rotateY(-90deg);
    -o-transform: perspective(2000px) rotateY(-90deg);
    -ms-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    background-color: #e6e6e6
}

section#flipcontainer div.flipitem.flipnextleft {
    -webkit-transform: perspective(2000px) rotateY(0);
    -moz-transform: perspective(2000px) rotateY(0);
    -o-transform: perspective(2000px) rotateY(0);
    -ms-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
    background-color: #fff;
    z-index: 1
}

section#flipcontainer div.flipitem.zindex0 {
    z-index: 0
}

section#flipcontainer div.flipitem.zindex10 {
    z-index: 10
}

section#flipcontainer div.flipitem aside.flipcnt {
    width: 100%
}

section#flipcontainer div.flipitem.reset {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none
}

div.footer {
    position: relative;
    width: 100%;
    height: auto;
    left: 0%;
}

div.footer section.mainfooter {
    /* background-color: #767676; */
    background-color: #3B1D0D;
    height: auto;
    padding-left: 220px;
    zoom: 1;
}

div.footer section.mainfooter:after,
div.footer section.mainfooter:before {
    content: "";
    display: table
}

div.footer section.mainfooter:after {
    clear: both
}

div.footerarea {
    width: 25%;
    float: left;
    color: #fff;
    margin: 30px 0 20px 0;
}

@media screen and (max-width:1200px) {
    div.footerarea {
        width: 50%
    }

    div.footerarea:nth-child(1) {
        width: 100%
    }
}

div.footerarea p {
    margin-left: 0
}

div.footerarea a {
    color: #fff;
}

div.footerarea a:hover {
    color: #e9530e
}

div.footer section.linkfooter {
    padding-left: 220px;
    font-size: .8em;
    font-weight: bold;
}

div.footer section.linkfooter div.footerarea {
    margin: 15px 0 15px 0;
    /* color: #000; */
    color: #3B1D0D;
}

div.footer section.linkfooter div.footerarea.w50 {
	width: 65% !important;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
}

@media screen and (max-width:1200px) {
    div.footer section.linkfooter div.footerarea {
        width: 50%
    }

    div.footer section.linkfooter div.footerarea:nth-child(1) {
        width: 50%
    }
}

div.footer section.linkfooter div.footerarea a {
    /* color: #000; */
    color: #3B1D0D;
	position: relative;
	display: inline-block;
	width: 155px;
	height: 70px;
}

div.footer section.linkfooter div.footerarea img {
	position: relative;
	display: inline-block;
	width: 155px;
	height: 70px;
	object-fit: contain;
}


div.footer section.linkfooter div.footerarea a img {
	position: relative;
	object-fit: contain;
	width: 100%;
	height: 100%;
}

div.footer section.linkfooter div.footerarea a:hover {
    color: #e9530e
}

div.footer section.linkfooter div.footerarea p {
    margin: 0
}

div.footer section.linkfooter div.footerarea.w50 {
    width: 50%
}

div.footer section.linkfooter div.footerarea .img-responsive {
    padding-right: 30px
}

.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important
}

.clearfix {
    zoom: 1;
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

img.resize {
    background-color: #e9530e;
    opacity: 0;
    -webkit-transition: opacity 2s ease;
    -moz-transition: opacity 2s ease;
    -o-transition: opacity 2s ease;
    -ms-transition: opacity 2s ease;
    transition: opacity 2s ease;
}

img.resize.show {
    opacity: 1
}

ul {
	margin: -20px 0 20px 100px;
}

.ccm-panel ul,
.ccm-ui ul {
	margin: 0 0 0 0;
}

ul li {
    list-style-type: none
}

form.form-stacked {
    position: relative;
    margin: 20px 0 0 70px;
    position: relative;
    width: calc(100% - 90px);
}

form.form-stacked div.alert,
form.form-stacked div.alert-success {
    text-align: center;
    font: 1.2em 'Gentium Book Basic', serif;
    font-style: italic;
    color: #e9530e;
    background-color: #fff !important;
    border: 1px solid #e9530e !important;
    width: calc(100%) !important;
    height: 25px;
    padding: 0;
    margin: 0
}

form.form-stacked div.ccm-dashboard-express-form fieldset {
    padding: 0;
    border: 0
}

form.form-stacked label {
    display: block;
    color: #3B1D0D;
}

form.form-stacked input {
    width: 100%;
    font-size: .7em !important;
    height: 25px;
    margin-bottom: 10px;
    border: 1px solid #3B1D0D !important;
    border-radius: 0 !important;
    outline-color: #e9530e
}

form.form-stacked textarea {
    border: 0;
    width: calc(100% - 5px) !important;
    margin-bottom: 10px;
    height: 150px;
    outline-color: #e9530e;
    border: 1px solid #3B1D0D !important;
    border-radius: 0 !important
}

form.form-stacked div.captcha {
    float: none;
    zoom: 1;
    margin: 0;
    padding: 0;
}

form.form-stacked div.captcha:after,
form.form-stacked div.captcha:before {
    content: "";
    display: table
}

form.form-stacked div.captcha:after {
    clear: both
}

form.form-stacked div.captcha div {
    margin: 0;
    padding: 0;
    width: calc(100% + 1px);
}

form.form-stacked div.captcha div img {
    width: calc(50% - 22px);
    height: 70px;
    margin: 0;
    float: left
}

form.form-stacked div.captcha div input {
    width: calc(50% - 11px);
    height: 66px;
    margin: 0;
    padding: 0;
    float: right
}

form.form-stacked div.form-actions button {
    height: 35px;
    zoom: 1;
    width: calc(100% + 2px);
    border: 1px solid #e9530e !important;
    color: #e9530e !important;
    background-color: #fff;
    font: 1.2em 'Gentium Book Basic', serif;
    font-style: italic;
    font-size: 1em !important;
}

form.form-stacked div.form-actions button:after,
form.form-stacked div.form-actions button:before {
    content: "";
    display: table
}

form.form-stacked div.form-actions button:after {
    clear: both
}

form.form-stacked div.form-actions button:hover {
    cursor: pointer;
    background-color: #e9530e;
    color: #fff !important;
    border: 0 !important
}

.ccm-block-file {
    vertical-align: bottom;
    font: 1.2em 'Gentium Book Basic', serif;
    font-style: italic;
}

.ccm-block-file a img {
    position: absolute;
    margin-left: -60px;
    margin-top: -5px;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease
}

div.half {
    float: left;
    width: 50%;
}

div.half img {
    width: 100%;
    height: auto
}

div.third {
    float: left;
    width: 25%
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.uil-ring-css {
    background: none;
    position: absolute;
    right: -40px;
    top: -40px;
    width: 200px;
    height: 200px
}

.uil-ring-css>div {
    position: absolute;
    display: block;
    width: 160px;
    height: 160px;
    top: 0;
    border: 1px solid #f00;
    right: 0;
    border-radius: 80px;
    box-shadow: 0 6px 0 0 #e9530e;
    -ms-animation: uil-ring-anim 1s linear infinite;
    -moz-animation: uil-ring-anim 1s linear infinite;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    -o-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite
}

@media screen and (max-width:2000px) {
    body {
        font-size: .7em
    }

	body .ccm-notifications-box {
		font-size: 1.25rem;
	}

    div.service,
    div.standard {
        margin: 100px 120px 0 150px;
    }

    div.service td,
    div.standard td {
        vertical-align: top;
    }

    div.service td img,
    div.standard td img {
        margin-top: 5px
    }

    section.cntwrapper header#rh {
        padding: 20px 0 10px 20px;
    }

    section.cntwrapper header#rh aside.icon,
    .pdfimg {
        width: 40px;
        height: 40px
    }

    .pdfimg {
        margin-left: -60px !important
    }

    section.cntwrapper header#rh ul {
        margin: 5px 0 0 22px;
    }

    section.cntwrapper header#rh ul li {
        padding: 0 45px 0 0
    }

    section.cntwrapper header#rh aside.linkbox {
        margin-right: 120px;
        margin-top: 10px;
    }

    section.cntwrapper header#rh aside.linkbox div.lang {
        margin-top: 0
    }

    div.third {
        width: 40%
    }

    form.form-stacked div.alert,
    form.form-stacked div.alert-success {
        width: 97%
    }
}

@media screen and (max-width:1500px) {
    body {
        font-size: .65em
    }

    div.cnt {
        width: calc(100% - 240px)
    }

    div.service,
    div.standard {
        margin: 80px 120px 0 120px;
    }

    div.service td,
    div.standard td {
        vertical-align: top;
    }

    div.service td img,
    div.standard td img {
        margin-top: 5px;
        width: 250px;
        height: auto
    }

    div.home {
        text-align: center;
        width: 100%
    }

    h2,
    h3,
    h4,
    h5,
    h6,
    p,
	.video-position-left {
        margin-left: 50px
    }

    nav.mainnav {
        width: 22%;
        margin-left: -22%
    }

    section.cntwrapper.shownav {
        left: 20%
    }

    section.cntwrapper header#rh {
        padding: 20px 0 10px 0;
    }

    section.cntwrapper header#rh.shownav {
        left: 25%
    }

    section.cntwrapper header#rh aside.icon,
    .pdfimg {
        width: 35px;
        height: 35px
    }

    .pdfimg {
        margin-left: -50px !important
    }

    section.cntwrapper header#rh ul {
        margin: 4px 0 0 10px;
    }

    section.cntwrapper header#rh ul li {
        padding: 0 20px 0 0
    }

    section.cntwrapper header#rh aside.linkbox {
        margin-right: 90px;
        margin-top: 7px;
    }

    section.cntwrapper header#rh aside.linkbox div.lang {
        position: relative;
        top: 0;
        margin-top: 2px
    }

    div.third {
        width: 40%
    }

    form.form-stacked div.alert,
    form.form-stacked div.alert-success {
        width: 98%
    }

    div.footer section.mainfooter {
        padding-left: 170px
    }

    div.footer section.linkfooter {
        padding-left: 170px
    }
}

@media screen and (max-width:1000px) {
    body {
        font-size: .5em
    }

    div.cnt {
        width: calc(100% - 140px)
    }

    div.service,
    div.standard {
        margin: 60px 40px 0 100px;
    }

    div.service td,
    div.standard td {
        vertical-align: top;
    }

    div.service td img,
    div.standard td img {
        margin-top: 4px
    }

    div.home {
        text-align: center;
        width: 100%
    }

    h2,
    h3,
    h4,
    h5,
    h6,
    p,
	.video-position-left {
        margin-left: 20px
    }

    section.cntwrapper header#rh {
        padding: 10px 0 0 0;
    }

    section.cntwrapper header#rh aside.icon {
        width: 30px;
        height: 30px
    }

    section.cntwrapper header#rh ul {
        margin: 5px 0 0 -20px;
    }

    section.cntwrapper header#rh ul li {
        padding: 0 20px 0 15px
    }

    section.cntwrapper header#rh aside.linkbox {
        margin-right: 30px;
        margin-top: 7px
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/*-----------------------------------------------------------------------------------*/
/*  Concrete Notification Box Close Icon
/*-----------------------------------------------------------------------------------*/
.ccm-notifications-box-close {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: 24px !important;
	height: 24px !important;
	padding: 0.25em 0.25em !important;
	color: #000 !important;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	border: 0 !important;
	border-radius: 0.25rem !important;
	opacity: 0.5 !important;
}