/* font-family: Helvetica Neue LT GEOW8225UltL; */
#content {
    min-height: 600px;
}
/* general/reset */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #f0f0f0;
}

img {
    height: auto;
}

.row img {
    width: 100%;
}

.row .tx-kesearch-pi1 img, .csc-textpic-intext-left img, .csc-textpic-intext-right img {
    width: auto;
}
.login-icon{margin-top: 10px;}
.tx-productoverview{position:relative; }
.sample-btn{position: absolute; bottom: 0; right: 0; margin: 0px 10px 3px 10px;}
.product-display a:hover, .btn.sample-btn:hover{color:#333;}
.map h2{font-size:24px;font-weight:900;}
.map h3{font-size:17px;}
.map ul li{font-size:20px;line-height:26px;}
.appli-sec.introelement{padding-bottom:0;}
.application{padding-bottom:40px;}
.application-title h1 {font-weight: 900;position: absolute; margin-top: 15%;}
.heubach-india-video{background:url(../../../uploads/pics/heubach-india-clip.mp4);height:470px;}
.facility-video{background:url(../../../uploads/pics/6548825.mp4);height:470px;}
.specialheader .height{height:450px !important;}
.input.checkbox input[type="checkbox"]{margin-left:0;}
.dropdown-menu>li.social>a{display:inline-block}
.social, li.social{margin:12px 0;}
.social a{margin:0 10px;transition:all ease 0.2s;}
.social a i{font-size:26px;transition:all ease 0.2s;}
.social a:hover i{color:#a80010;transition:all ease 0.2s;}
.header.social>a.youtube:hover i{color:#666!important;}
.social a.linkedin:hover i, .header.social>a.twiiter:hover i{color:#38A1F3!important;transition:all ease 0.2s;}
.social a.twitter:hover i{color:#38A1F3;transition:all ease 0.2s;}
.header.social a i{font-size:34px;}
.contact-box{ width: 100%; background-color: rgb(238, 238, 238); padding: 10px; margin-bottom: 10px; line-height: 1.2em;}
.contact-box .org{font-weight: bold;
    color: #333;}
.csc-textpic-intext-left img {
    float: left;
    clear: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.csc-textpic-center {
    margin: 20px 0;
}
.csc-textpic-intext-right img {
    float: right;
    clear: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

a, button {
    transition: all 0.5s ease;
}

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

h3 {
    font-family: QuebecSerial-Bold;
    letter-spacing: 1px;
    margin: 10px 0px 10px 0px;
}

h1, .styled-h1 {
    font-family: "Helvetica Neue LT GEOW8225UltL";
    font-size: 38px;
    color: #333;
    letter-spacing: 1.5px;
    margin:0px;
}

@media (min-width: 768px) {
    h1, .styled-h1 {
        font-size: 60px;
    }
    h1 .hoch, h1 .hoch2 {
        font-size: 60%;
        top: -0.8em;
    }
    h1 .hoch2 {
        font-size: 80%;
        top: -0.4em;
    }
}
h1 {
    margin-bottom: 20px;
}

h2 {
    font-family: QuebecSerial-Bold;
    letter-spacing: 0.5px;
    margin: 10px 0px 10px 0px;
    font-size: 13px;
}
h2.big-quote {
    font-size: 28px;
    font-family: QuebecSerial-Light;
    letter-spacing: 0.5px;
    margin: 10px 0px 10px 0px;
}
.csc-frame-centered h2 {
    font-size: 24px;
    font-family: QuebecSerial-Light;
}

#footer h2 {
    font-size: 32px;
    font-family: QuebecSerial-Light;
    letter-spacing: 0.5px;
    margin: 10px 0px 10px 0px;
}

#footer h1 {
    font-size: 38px;
     font-family: "Helvetica Neue LT GEOW8225UltL";
    letter-spacing: 0.5px;
	color:#f3f2f2;
    margin: 10px 0px 10px 0px;
}

h2 > a {
    color: inherit;
}

p {
    margin: 0px 0px 10px 0px;
}

hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border-color: #ddd;
}

.csc-frame-grey hr {
    border-color: #fff;
}

.csc-frame-grey {
    color: #333;
}
@media (max-width: 400px) {
    h1{font-size:34px;}
}
@media (min-width: 768px) {
    h2.big-quote {
        font-size: 22px;
    }
    h2, .h2 {
        font-size: 14px;
    }
    .csc-frame-centered h2 {
        font-size: 30px;
        font-family: QuebecSerial-Light;
    }
} /* end @media >767px */

/* end general/reset */

/* layout */
.responsive .styled-h1{font-size:50px;}
body {   
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#444;
    overflow-x:hidden;
}

#content {
    width: 100%;
}

#footer {
	background:url(../../images/footer-bg.gif) no-repeat center center #666;
	text-align:center;
    color: #eee;
    width: 100%;
    padding: 10px 0px 10px 0px;
    background-size:cover;
}
#footer .btn.btn-default{width:auto;}
#footer .footerlinks {
    list-style-type: none;
    margin-bottom: 0px;
}

#footer .footerlinks li {
    display: inline;
    padding-right: 15px;
    color: #b3b3b3;
}

#footer a {
    color: #f3f2f2;
}
#footer section {
    margin-top: 20px;
    background-color: #000;
}

@media (min-width: 768px) {

    #topbar {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 20px;
        background-color: #ddd;
        z-index: 102;
    }

    #topbar, #topbar a {
        color: #666;
        font-size: 11px;
    }

    #topbar a:hover {
        color: #333;
    }

    .breadcrumb {
        margin: 0px 0px 0px 20px;
        padding: 0px;
    }

    .langmenu {
        margin-right: 15px;
    }

    .langmenu a {
        padding: 0 5px;
    }

    .langmenu .separator {
        font-family: arial;
    }

} /* end @media >767px */

/* end layout */
/* frames */

.csc-default, .csc-frame-grey, .csc-frame-blue-grey {
    width: 100%;
}

#content > .csc-default, #content > .csc-frame-grey, #content > .csc-frame-blue-grey {
    padding: 20px 0px;
    background-color: #fff;
}

#content .csc-frame-grey {
    background-color: #ddd;
	padding:25px 0;
}

#content .csc-frame-blue-grey {
    background-color: #ebeff3;
}

#content .csc-frame-centered {
    text-align: center;
}


@media (min-width: 768px) {

    #content > .csc-default, #content > .csc-frame-grey, #content > .csc-frame-blue-grey {
        padding: 40px 0px;
    }

    .container, .container-fluid {
        margin-right: auto;
        margin-left: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

} /* end @media >767px */
/* end frames */
/* elements */

.backgroundelement {
    width: 100%;
    position: relative;
}

.backgroundvid {
    display: none;
}

.backgroundimg {
    background: none;
    width: 100%;
}

.backgroundimg img {
    width: 100%;
    height: auto;
}
.pigment-bg{background:url(../../../uploads/pics/india-bg-img.png)right top no-repeat;margin-top:-5px;background-size:cover;}
.primer h1 {
    margin-bottom: 5px;
}

.teaserimg:after {
    left: 50%;
    top: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 9px;
    z-index: 1;
}
.teaservertical .teaserimg:after {
    top: auto;
    bottom: 50%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 10px;
}

.btn-default, .btn-primary, .btn-big {
    width:100%;
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-size: 12px;
    /*text-overflow: ellipsis;*/
    white-space: nowrap;
    overflow: hidden;
}
/*.btn.shortened {
width: auto;
}*/
.btn-default {
    padding: 5px 30px; 
}
.isofilters .btn-default, .isofilters .btn-primary, .isofilters .btn-big {
    width: 100%;
}
.btn-primary {
    color: #a80010;
    background-color: transparent;
    border: 1px solid #666;
}

.btn-primary:hover {
    color: #a80010;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #666;
}

.btn-big-wrap {
    width: 100%;
    max-width: 100%;
    display: table;
    margin-bottom: 20px;
    height: 55px;
    overflow: hidden;  
}

.btn-big {
    color: #fff;
    background-color: #666;
    border-bottom: 5px solid #a80010;
    height: 55px;
    display: table-cell;
    vertical-align: middle;
    margin: 0px;
}

.btn-big:hover {
    color: #fff;
    background-color: #999;
}

.csc-textpic {
    margin-bottom: 20px;
}

.csc-textpic-image{
    margin-bottom: 20px;
}

form .row {
    margin-bottom: 0px;
}

.dropdown-toggle .caret {
    margin-top: -3px;
}

.isofilters {
    margin-top: 20px;
}

.isofilters .dropdown-menu, footer .dropdown-menu {
    margin-top: -20px;
    border: none;
    width: 100%;
}

.csc-default ul {
    padding-left: 12px;
}

.csc-default .video-js {
    width: 100%;
    height: auto;
    padding-top: 56.25%;
}

.csc-default .vjs-fullscreen {
    padding-top: 0px;
}

.csc-default table {
    width: 100%;
    border-collapse: collapse;
}
.csc-default th, .csc-default td {
    padding: 10px 0px;
    border-bottom: 1px solid #666;
    border-right: 10px solid transparent;
    vertical-align: top;
    text-align: center;
    letter-spacing: 1px;
}
.csc-default .td-last {
    border-right: none;
}
.csc-default thead th {
    border-bottom: 2px solid #666;
}
.csc-default thead th, .csc-default .tr-1 td {
    border-right: none;
}
.csc-default .tr-last td {
    border-right: none;
}
.csc-default caption {
    margin-bottom: 10px;
}
.csc-default .contenttable-1 .tr-last td {
    border-right: 10px solid transparent;
}

.popover{
    padding: 0px;
}
.popover-title {
    background-color: #a80010;
    color: #eee;
}

@media (min-width: 768px) {
    .backgroundvid {
        display: block;
        position: fixed;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .backgroundimg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -100;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .csc-textpic {
        margin-bottom: 0px;
    }
    .primer {
        position: absolute;
        left: 0px;
        padding: 20px;
    }
    .teaserbox {
        position: absolute;
        left: 50%;
        top: 100%;
        background-color: rgba(255,255,255,1);
        z-index: 3;
    }
    .teaserbox h3, .teaserbox a {
        padding: 7.5px;
    }
    .teaserbox img {
        float: right;
    }

    .csc-uploads-element {
        max-width: 330px;
    }
} /* end @media >767px */

@media (min-width: 768px) and (max-width: 1199px) {
    #content .primer {
        max-width: 66%!important;
    }
}

/* background elements not mobile first because of dynamic inline styles */
@media (max-width: 767px) {

    .backgroundelement {
        height: auto!important;
        padding: 20px 20px 20px 20px;
    }
    .primer {
        position: relative!important;
        max-width: none!important;
        top: auto!important;
        margin-bottom: 40px;
    }
    .teaserbox {
        position: relative!important;
        width: 100%!important;
        height: auto!important;
        min-height: 80px;
        overflow: visible!important;
        border: 1px solid #f0f0f0;
        background-color: #f0f0f0;
        -webkit-transform: translateX(0px) translateY(0px)!important;
        transform: translateX(0px) translateY(0px)!important;
        margin-bottom: 10px;
    }
    .teaserbox img, .spacer {
        float: right!important;
        width: 80px!important;
        height: 80px!important;
        margin: 0px 0px 0px 10px;
    }
    .teaserbox h3 {
        margin: 8px 0px 8px 10px;
    }
    .teaserbox a {
        margin: 0px 0px 0px 10px;
    }
    .teaserimg:after, .teaservertical:after {
        display: none!important;
    }
} /* end @media <768px */

/* end elements */



/* navi */

.navbar {
    top: 0px;
    margin: 0px;
    transition: all 0.3s ease;
    min-height: 10px;
    background-color: #fff;
    z-index:1100;
}

.navshadow {
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
}

.navbar-collapse {
    border:none;
}
.navbar-collapse.in {
    overflow-y: auto;
}
.navbar-brand {
    padding: 15px 20px 10px 20px;
    height: auto;
}

.navbar-brand img {
    width: 100px;
    height: auto;
}

@media (min-width: 768px) {
    width: 120px;
    height: 55px;
}

.navbar-toggle {
    margin: 0px;
    padding: 20px 20px 0px 20px;
    border: none;
}

.navbar-toggle span {
    color: #666;
    font-size: 13px;
    float: left;
}

.navbar-nav {
    margin: 0px -10px;
    background-color: #fff;
    padding: 0px 10px 0px 10px;
}
.dropdown-menu > li > a.mlink{color:#a80010}

.level2 {
    padding: 0px;
}

#navoverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 5;
    opacity: 0.5;
    display: none;
    transition: none;
}

#navbar li {
    border-top: 1px solid #f6f6f6;
    min-width: 100px;
}

#navbar .active > a {
    font-weight: bold;
}

#navbar .level2 .active > a {
    color: #333;
    background-color: transparent;
}

#navbar .active > a:hover {
    background-color: #f6f6f6;
}

#navbar .caret {
    color: #999;
    margin: -3px 10px 0px 0px;
}

@media (min-width: 768px) {

    .navbar {
        background-color: transparent;
    }

    .navshadow {
        background-color: #fff;
    }

    

    .navbar-toggle {
    }
    .navbar-brand img {
        width: 130px;
        height: 55px;
    }
    .navbar-collapse.in {
        overflow-y: hidden;
        -ms-overflow-style:scrollbar;
    }
    .sm ul {
        position: absolute;
    }

    .sm li {
        float: left;
    }

    .sm.sm-rtl li {
        float: right;
    }

    .sm ul li, .sm.sm-rtl ul li, .sm.sm-vertical li {
        float: none;
    }

    .sm a {
        white-space: nowrap;
    }

    .sm ul a, .sm.sm-vertical a {
        white-space: normal;
    }

    .sm .sm-nowrap > li > a, .sm .sm-nowrap > li > :not(ul) a {
        white-space: nowrap;
    }

    .sm .caret {
        display: none;
    }

    #navbar {
        margin-top: -75px;
        /* max-height: 360px;*/
        max-height:470px;
        margin-bottom: 10px;
    }

    .navbar-nav li .level2 {
        position:static;
        float:none;
        width:auto;
        margin-top:0;
        background-color: transparent;
        border:0;
        -webkit-box-shadow:none;
        box-shadow:none;
        display: block!important;
        transition: none!important;
    }

    .navbar-nav li .level2>li>a,.navbar-nav li .level2 .dropdown-header {
        padding:5px 10px 5px 10px;
    }

    #navbar li {
        border: none;
    }

} /* end @media >767px */

/* end navi */



/* isotope */

.mono-wrap .container-fluid{padding-left:60px; padding-right:60px;}
.mono-wrap h1{margin-top:25px;}
.mono-wrap{padding-bottom:55px;}
.tx-productoverview {
   display:inline-block !important;
   height:auto !important;
   width:1250px!important;
}

.box {
    width: 230px;
    height: 200px;
    overflow: hidden;
    margin: 0px 16px 20px 0px;
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 8px 0px rgba(153,153,153,1);
    -moz-box-shadow: 5px 5px 8px 0px rgba(153,153,153,1);
    box-shadow: 5px 5px 8px 0px rgba(153,153,153,1);
	position:relative !important;
	display:inline-block !important;
	left:0 !important;
	top:0 !important;
}
.box span{display:inline-block !important;}
.colorstripe {
    width: 100%;
    height: 20px;
}



.box .keywords {
    display: none;
}

.box-tradename {
    font-family: QuebecSerial-Bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 16px;
    line-height: 1.3em;
    margin: 10px 10px 10px 10px;
}
.box-tradename .hoch2, .box-tradename .hoch {
    font-family: Arial;
}
.box-colornorm {
    font-weight: bold;
}

.box-productgroup, .box-colornorm, .box-description, .box-chemicalcomposition {
    margin: 0px 25px 0px 10px;
}

.box-filetemp {
    margin: 10px 10px 0px 10px;
    display: block;
}

.box-filetemp img {
    margin-right: 5px;
}

.box-filetemp {
    color: #666;
}

.box-filetemp:hover {
    color: #000;
}

/* end isotope */

/*** Helge ***/
.popover-title {
    background-color: #fff;
    color: #666;
    border-bottom: none;
    padding: 9px 14px 0px 14px;
}


a:focus {
    outline: none;
}

.color-overlay {
    position: absolute;
    width: 230px;
    height: 200px;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 3;
}

.download {
    position: absolute;
    margin: 10px 10px 0px 10px;
    display: block;
    z-index: 21;
    bottom: 10px;
    width: auto;
}
.download:focus {
    color: #fff;
}

.White .download:focus, .Grey .download:focus, .Corrosion-Inhibitor .download:focus {
    color: #a80010;
}

.tx-productoverview .popover {
    max-width: none;
    width: 260px;
}

.box {
    overflow: visible;
}

.noresults {
    display: none;
}

.textsearch img {
    cursor: pointer;
}

.filterswrap {
    height: 280px;
    position: relative;
    margin-top: 100px;
}
.textsearch {
    width: 100%;
    position: absolute;
    left: 0px;
    z-index: 3;
    bottom: -40px;
}
.textsearch img {
    width: auto;
}
.textsearch-content {
    width: 100%;
    height: 22px;
    background-color: #fff;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}
.textsearch-content.high {
    height: 320px;
}
.textsearch-content p {
    margin-top: 3px;
    margin-bottom: 50px;
}
.textsearch-switch {
    display: none;
}
.quicksearch {
    width: 200px;
    display: inline;
}

@media (min-width: 768px) {
    .filterswrap {
        height: 220px;
    }
    .textsearch-content.high {
        height: 250px;
    }
} /* end @media >767px */

.contactfilters .dropdown-menu {
    height: 200px;
    overflow-y: scroll;
}

.tx-ttaddress-pi1 .vcard {
    width: 100%;
    background-color: rgb(238, 238, 238);
    padding: 10px;
    margin-bottom: 10px;
    line-height: 1.2em;
}

.tx-ttaddress-pi1 .org {
    font-weight: bold;
    color: #333;
}

.tx-ttaddress-pi1 .note span {
    font-size: 11px;
}

.table-like__item {
    width: 100%;
    float: left;
    clear: both;
    list-style: none!important;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .table-like:after {
        content: '';
        display: block;
        clear: both;
    }

    .table-like__item {
        width: 100%;
        float: left;
        clear: both;
        list-style: none!important;
        border-bottom: 1px solid #eee;
        margin: 0px;
        padding: 0px;
    }

    .table-like__item:hover {
        background-color: #e1e1e1;
    }

    .table-like__item > div {
        display: inline-block;
        vertical-align:top;
        float: left;
        padding: 4px;
        font-size: 12px;
    }

    .table-like__item .category3 { width: 16%; }
    .table-like__item .category4 { width: 25%; color: #333; }
    .table-like__item .product1 { width: 15%; }
    .table-like__item .product2 { width: 15%; }
    .table-like__item .product3 { width: 15%; }
    .table-like__item .filetemp { width: 14%; float: right; text-align: right; }
    .table-like__item .filetemp img { padding-left: 10px; }

}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.cc_container {
    background-color: #a80010!important;
}

.cc_container .cc_message {
    color: #fff!important;
}

.btn-big-wrap .hoch, .btn-big-wrap .hoch2 {
    font-family: arial;
}

.hoch, .hoch2 {
    font-family: "Helvetica Neue LT GEOW8225UltL";  
    font-size: 90%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
    opacity: 0.9;
    display: inline!important;
}

.hoch2 {
    font-size: 120%;
    top: -0.1em;
}

.newslist > .row > .csc-default {
    width: 100%;
    float: left;
    clear: both;
    padding-right: 20px;
    padding-bottom: 20px;
}

@media (min-width: 768px) {
    .newslist > .row > .csc-default {
        width: 33.33333333%;
        clear: none;
    }
}

.newsteaser, .newsteaser:visited, .newsteaser:hover {
    display: block;
    color: inherit;
}

.red {
    color: #a80010;
}

.newsteaser:hover .red {
    color: #333;
}

.csc-frame-grey .newsteaser, .csc-frame-grey .newsteaser:visited {
    background-color: #fff;
    padding: 10px;
    margin-top: 20px;
    float: left;
    clear: both;
    width: 100%;
    height: auto;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
}

@media (min-width: 768px) {
    .csc-frame-grey .newsteaser, .csc-frame-grey .newsteaser:visited {
        height: 160px;
    }
}

@media (min-width: 1200px) {
    .csc-frame-grey .newsteaser, .csc-frame-grey .newsteaser:visited {
        height: 120px;;
    }
}

.csc-frame-grey .newsteaser:hover {
    background-color: #dedede;
}

.csc-frame-grey .newsteaser img, .csc-frame-grey .red {
    display: none;
}

/* Parallax 18.09.2017 Helge */

.parallax-window {
    min-height: 300px;
    background: transparent;
}
.parallax-mirror {
    top: 120px;
}
@media (min-width: 768px) {
    .parallax-window {
        min-height: 470px;
    }
    .parallax-window.hidden-xs {
        margin: 0;
    }
    .parallax-mirror {
        top: 20px;
    }
}
.btn-subline {
    text-align: center;
}
.pigment-img{background:url(../../../uploads/pics/Pigments.png) top right no-repeat;background-size:cover;}
.introelement {
    padding-top: 40px;
    padding-bottom: 40px;
    position:relative;
}
.introelement p {
    font-size: 16px;
}
.btn.btn-default {
    margin-bottom: 5px;
    /*font-size: 16px;*/
    font-size: 14px;
}
.introelement .btn-subline {
    font-size: 13px;
    text-align: left;
}
.introelement .lslide img{border-radius:15px;}
@media (max-width: 768px) {
    .csc-textpic-image img {
        width: 65%;
    }
    .introelement {
        margin-top: 20px;
    }
}
#subnav {
    display: none;
    position: fixed;
    list-style: none;
    width: 100%;
}
#langmenu {
    list-style-type: none;
    margin-top: 2px;
    float: right;
    padding-left: 0px;
    border-radius: 0px 0px 0px 8px;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
	display:none;
}
#langmenu > li, #langmenu > li > .collapsed, #lang li:last-child, #lang li:last-child a {
    border-radius: 0px 0px 0px 8px;
}

#langmenu ul {
    list-style-type: none;
    padding-left: 0px;
}
#langmenu li {
    color: #666;
    letter-spacing: 0.8px;
    font-size: 11px;
    text-align: left;
    width: 100%;
    padding: 0px;
    background-color: rgba(255,255,255,1.0);
}
#langmenu li ul li {
    padding: 0px;
}
#langmenu li a, #langmenu li a:visited, #langmenu span{
    display: inline-block;
    width: 100%;
    color: #666;
    letter-spacing: 0.8px;
    font-size: 11px;
    padding: 4px 20px 2px 10px;
}
#langmenu li:first-child {
    border-radius: 0px 0px 0px 8px;
}
#sitepath {
    list-style: none;
    margin-top: 2px;
    margin-right: 1px;
    float: left;
    padding-left: 0px;

}
#sitepath li {
    float: left;
    margin-right:1px;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
    background-color: rgba(255,255,255,1.0);
    border-radius: 0px 0px 8px 0px;
}
#sitepath li a, #sitepath li a:visited {
    color: #666;
    letter-spacing: 0.8px;
    font-size: 11px;
    text-transform: uppercase;
    padding: 4px 7px 2px 7px;
    display:block;
}
#sitepath li a:hover, #langmenu li a:hover {
    background-color: #a80010;
    color: #fff;
}
#sitepath li a, #langmenu .lang-last, #langmenu .lang-last a:hover, #langmenu .lang-first {
    border-radius: 0px 0px 8px 0px;
}
.branding {
    position: absolute;
    right: 0;
    top: 350px;
    z-index:1;
}
@media (min-width: 768px) {
    .branding {
        top: 580px;
    }
}
.switch {
    background-image: url('../img/PfeilAuf.svg');
    background-repeat: no-repeat;
    display: inline-block;
    background-position: right;
    padding-right: 30px;
    cursor: pointer;
}
.switch.collapsed {
    background-image: url('../img/PfeilZu.svg');
}

@media (min-width: 768px) {
    .switch {
        background-image: none;
        cursor: auto;
    }
    .switch.collapsed {
        background-image: none;
    }
   
   
}
.csc-uploads {
    list-style-type: none;  
    list-style: none;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    clear: both;
    padding: 0px 15px;
}

.ce-uploads-element {
    max-width: 255px;
    width: 255px;    
    float: left;
    clear: both;
    border: 1px solid #888;
    padding: 10px;
    margin:5px 25px 5px 0px;
    max-height: 113px;
    height: 113px;
}

.csc-uploads-description {
    padding-left: 80px;
}

.csc-uploads span {
    display: block;
}

.csc-uploads .csc-uploads-fileName {
    margin-top: -5px;
}

.csc-uploads img {
    width: auto;
    float: left;
    padding-right: 10px;
}

.csc-default ul {
    padding-left:16px;
}
.csc-default ul.csc-uploads {
    padding-left: 0px;
}
.csc-uploads {
    list-style: none;
    margin-bottom: 20px;
    width: auto;
    clear: none;
    padding:0px;
}
.col-md-6 .ce-uploads-element, .col-md-4 .ce-uploads-element, .col-md-3 .ce-uploads-element {
    float: none;
    clear: both;
    border: 1px solid #888;
    padding: 10px;
    margin: 0px 0px 30px 0px;
    max-height: 140px;
    height: 140px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .col-md-4 .ce-uploads-element, .col-md-3 .ce-uploads-element {
        width: 300px;
        max-width: 300px;
        height:160px;
        max-height:160px;
         display:inline-block;
        vertical-align:top;
        margin:0 48px 0 0;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-4 .ce-uploads-element, .col-md-3 .ce-uploads-element {
        width: 225px;
        max-width: 225px;
         height:160px;
        max-height:160px;       

    }
}
.col-md-6 .csc-uploads, .col-md-4 .csc-uploads, .col-md-3 .csc-uploads {
    float: none;
}
.all-downloads {
    background-color:orange;
    border: none;
}

.langmenu {
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 19px;
    position: relative;
    display: block;
    padding: 5px 10px;
    white-space: nowrap;
    transition: all 0.5s ease;
    color: #a80010;
    text-decoration: none;
}
@media (min-width: 768px) {
    .nav li.langmenu {
        position: absolute;
        right: 0;
        top: 80px;
    }
}

.specialheader {
    margin-top: 40px;
    margin-bottom: -20px;
}

.specialheader .row {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 10px;
}

.specialheader .col-sm-4, .specialheader .col-sm-6, .specialheader .col-sm-8 {
    padding-left: 5px;
    padding-right: 5px;
}
.specialwidth .col-sm-4, .specialwidth .col-sm-6, .specialwidth .col-sm-8{padding-left: 10px;padding-right: 10px;}
.specialheader .innerdiv {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.specialheader a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-family: QuebecSerial-Bold;
    padding: 8px 10px 10px 10px;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.5px;
    color: rgba(255,255,255,0.9);
    transition: opacity 0.35s ease-in-out;
    hyphens: auto

        -webkit-user-select: text;    

}

.specialheader .bigheader {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px;
    font-weight: bold;
    display: block;
}
.specialheader .smallheader {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 10px;
    font-weight: bold;
    display: block;
}
.specialheader .bigtext {
    font-size: 15px;
    line-height: 17px;
    display: block;
}
.specialheader .smalltext {
    font-size: 12px;
    line-height: 13px;
    display: block;
}
.specialheader a .bigheader{opacity:1;}
/*.specialheader a:hover, .specialheader a:focus {
    opacity: 1;
}*/
.specialheader a:focus, .specialheader a:hover{opacity:1;}

.specialheader .inner-1, .specialheader .inner-2 {
    height: 200px;
}

.specialheader .inner-3, .specialheader  .inner-4, .specialheader .inner-5, .specialheader  .inner-6 {
    height: 95px;
}

.specialheader a .material-icons {
    position:absolute;
    right: 11px;
    bottom: 6px;
    font-size: 18px;
}
.specialheader .videocontainer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%; 
    overflow: hidden;
    z-index:0;    
}
.specialheader video {
    min-width: 100%; 
    min-height: 100%; 
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.inner-4 .smallheader, .inner-6 .smallheader {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 5px;
}
.inner-4 .smalltext, .inner-6 .smalltext {
    font-size: 10px;
    line-height: 11px;
}
.innerdiv.inner-1:hover .dss, .innerdiv.inner-1:hover .hover-text {display:none;}
.specialwidth .inner-3 .dss{font-family: QuebecSerial-Bold;padding:13px 15px 0px 15px;color:#fff;letter-spacing:1px;margin-bottom:2px;opacity:10}
.specialwidth .dss{font-family: QuebecSerial-Bold;padding:13px 15px 0px 15px;color:#fff;letter-spacing:1px;margin-bottom:2px;}
.paint-coat .dss{position:relative;z-index:1;}
.specialwidth .bigtext.hover-text {font-size: 18px; line-height: 20px;padding:0 15px;font-weight:800;font-family: QuebecSerial-Bold;letter-spacing:1px;}
.specialheader.specialwidth a{position:absolute;top:0;width:95%;transition:none; background-color:transparent!important; opacity:1;}
.specialheader.specialwidth.sustain a{width:100%;}
.specialheader .full-width a{width:100%;}
.specialheader .full-wide-width a{width:98.3%;}
.specialwidth .videocontainer{z-index:-1;}
.prepration .specialheader{margin-top:10px;}
.csc-frame-grey.specialheader{margin-top:0;}

.specialheader.specialwidth span.coating{position:absolute !important;top:0!important;width:95%!important;transition:none!important;}
.specialheader span.coating:hover, .specialheader span.coating:focus {
    opacity: 1 !important;
}
.specialheader span.coating:hover a, .specialheader span.coating:hover:focus a{opacity: 1 !important;}
.specialheader .full-width span.coating{width:100% !important;}
.specialheader .full-wide-width span.coating{width:97.5% !important;}
.specialheader span.coating {
    display: inline-block !important;
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-family: QuebecSerial-Bold;
    padding: 8px 10px 10px 10px;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.5px;
    color: rgba(255,255,255,0.9);
    transition: opacity 0.35s ease-in-out;
    hyphens: auto

        -webkit-user-select: text;    

}
.specialheader span.coating {
    padding: 13px 15px 15px 15px !important;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
}
.specialheader a.newa{height:auto !important;padding:0;position:relative !important;}
.newa:hover{color:#333;}
.specialheader a.newa .bigtext{line-height:21px!important;margin-bottom:1px!important;}

/*Responsive care page*/
.responsive-image .ei-slider img{margin-top:0!important;}


/*Sustainability section*/
.title-link {position: absolute;}
.sustain-image h1{font-size:52px;font-weight:600;text-transform:uppercase;font-family: 'Bebas Neue',Helvetica, sans-serif;}
.sustain-image-box {content: "";clear: both;display: table;text-align:center;margin:0 auto;}
.sustain-link .inner-sustain{position:absolute;top: 40%;left: 23%;}
.sustain-link .alliance{position:absolute;right: 26%;top: 40%;}
.sustain-link .green-chem{position:absolute;right: 44%;bottom: 11%;}
.sustain-link a:hover {background-color: rgba(176,0,16,0.8);color: #fff;border-radius: 10px;}
.sustain-link a{font-size: 24px;padding: 10px 15px;color: #333;font-weight: 800;}
.content-text h2{font-size:24px;text-transform:uppercase;color:#a80010;padding:20px 20px 0;margin-top:0;}
.content-text{background-color:#fff;}
.content-text ul{padding-left:20px}
.content-text ul li, .content-text ul li a{list-style:none;color:#0f0f0f;font-size:22px;}
.content-text ul li {border-bottom: 1px solid #00aeae;}
.num {display: inline-block;font-size: 48px;color: #00aeae;margin-right: 10px;}
.content-text ul li a:hover, .feature-1 a:hover{color:#a80010;}
.sustain .innerdiv{transition:all ease-in 0.3s;}
.sustain .innerdiv:hover{transform:translateY(-10px);transition:all ease-in 0.3s;}
.feature-1, .feature-2{height:660px;transition:all ease-in 0.4s;background-color:#fff;}
.feature-1:hover, .feature-2:hover, .feature-3:hover{transform:translateY(-10px);transition:all ease-in 0.4s;box-shadow:0px 0 7px 3px #ccc;}
.feature-1 a{color:#333;}
.feature-text, .feature-2{padding:10px 20px;}
.feature-text h2{font-size:21px;}
.feature-text p, .location p{font-size:15px;}
.bottom-text p{font-size:18px;}
 .feature-2-text p{font-size:14px;}
.feature-4{height:400px;transition:all ease-in 0.4s;background-color:#fff;}
.digit {font-size: 160px;line-height: 80px;}
.color-red{color: #c10525;}
.color-blue{color:#00aeae;}
.bg-blue{background-color:#00aeae;}
.bg-gray{background-color:#ddd;}
.sustain-box, .responsive-image, .complaince-image{position:relative;}
.sustain-link-box a{font-size:16px;font-weight:800;color:#000;text-transform:uppercase;transition:all ease-in 0.3s;}
.sustain-link-box a:hover, .complaince-link a:hover, .responsive-link a:hover{color:#a80010;transform:translateY(-5px);transition:all ease-in 0.3s;text-shadow:1px 2px #ccc;}
.responsiveCareLink {position: absolute;top: 60%;left: 28%;}
.waterLink {position: absolute; right: 33%; top: 65%;}
.iwmLink {position: absolute;right: 29%; top: 55%;}
.ecologyLink { position: absolute; left: 46%;bottom: 12%;}
.globeLink {position: absolute;left: 40%;bottom: 8%;}
.sustain-inner .csc-default{padding:20px 0;}
.complaince-link a{color:#fff;font-size:32px;font-weight:800;transition:all ease-in 0.3s;}
.complaince-link a.Cicc{color:#fff;font-size:28px;font-weight:800;transition:all ease-in 0.3s;}
.CReach {position: absolute;right: 36%;top: 30%;}
.CEtad {position: absolute;right: 47%;top: 50%;}
.Cicc {position: absolute;left: 35%;top: 70%;}
.responsive-link a{font-size:25px;font-weight:900;text-transform:uppercase;color:#fff;transition:all ease-in 0.3s;line-height:30px;}
.Process {position: absolute;top: 40%;left: 44%;}
.EmpSafety {position: absolute;top: 67%;left: 28%;}
.Pollution {position: absolute;top: 64%;left: 43%;}
.EmgResponse {position: absolute;top: 64%;left: 57%;}
.Distribution {position: absolute; bottom: 7%;left: 41%;}
.ProStew {bottom: 5%;left: 55%;position: absolute;}
.InProcess {position: absolute;top: 38%;left: 39%;}
.InEmpSafety {position: absolute;top: 60%;left: 30%;}
.InPollution {position: absolute;top: 37%;left: 59%;}
.InEmgResponse {position: absolute;top: 59%;left: 49%;}
.InDistribution {position: absolute; top: 45%;right: 17%;}
.InProStew {right:2%;top: 55%;position: absolute;}
.carelink a{font-size:15px;}
.sustain-title h1{font-family:'Bebas Neue',Helvetica, sans-serif;}
.sustain-title p{font-weight:800;}
hr{margin:10px;}
.digit small{font-size:60px;}
.feature-2-text .second-text { margin: 0 0 30px; font-size: 38px; line-height: 28px; font-weight: 900; letter-spacing: 4px;}
.feature-icon-text {font-size: 20px;vertical-align: bottom;letter-spacing:4px;}
.feature-icon { height: 400px;}
.feature-3 {color: #fff;height:320px;padding:20px;margin-bottom:20px;transition:all ease-in 0.4s;background-color:#fff; }
.bg-red{background-color: #a80010;}
.sustain-image{background:url(../../../uploads/pics/sustain-bg-image.png)top center no-repeat;height:620px;position:relative;}
.sustain-image2{background:url(../../../uploads/pics/complaince-bg-image.png)top center no-repeat;height:630px;position:relative;margin-top:-100px;z-index:-1;}
.sustain-image3{background:url(../../../uploads/pics/green-chemistry-bg-image.png)center center no-repeat;height:450px;position:relative;margin-top:-100px;z-index:-1;}
#content > .csc-default.above-block{background-color:transparent;}
#content .csc-default.info-chart{position:relative;overflow:hidden;background-color:transparent;}
.above-block{margin-top:-90px;}
.mimbold {font-size: 40px;line-height: 50px;padding-top: 30px;display: inline-block;}
.second-text {margin-bottom: 20px;}
.bottom-text {font-size: 14px;font-weight: 700;}
.extrabold{font-size:56px;line-height:40px;}
.middle-text {font-size: 23px;line-height: 20px;color: #000;}
.space .innerdiv{margin-bottom:15px;}
.specialheader .space a{height:97%;}
.responsive h1, .styled-h1{font-size:50px;}


/*.specialheader a .new {
    bottom: 12px;
    font-size: 25px;
    position: absolute;
    right: 45px;
    font-size: 18px;
}*/

.specialheader a .new {
    bottom: 0px;
    font-size: 25px;
    position: absolute;
    right: 45px;
    font-size: 18px;
    background-color: #a40d0d;
    padding: 5px 25px;
}

/*.sustain-image{float: left;width: 50%;padding: 0px;font-size:0;transition: all 0.4s;background-color:#fff;}
.sustain-image:hover{transform: scale(1.2);z-index:1;box-shadow:-4px -4px 2px 3px #ccc;}
.sustain-image-1{float: left;width: 50%;padding: 0px;font-size:0;transition: all 0.4s;background-color:#fff;}
.sustain-image-1:hover{transform: scale(1.2);z-index:1;box-shadow:4px -4px 2px 3px #ccc;}
.sustain-image-2{float: left;width: 50%;padding: 0px;font-size:0;transition: all 0.4s;background-color:#fff;}
.sustain-image-2:hover{transform: scale(1.2);z-index:1;box-shadow:-4px 4px 2px 3px #ccc;}
.sustain-image-3{float: left;width: 50%;padding: 0px;font-size:0;transition: all 0.4s;background-color:#fff;}
.sustain-image-3:hover{transform: scale(1.2);z-index:1;box-shadow:4px 4px 2px 3px #ccc;}*/

/*Application Form */
.btn.btn-default.submitbtn {width: auto;}

/*====================================responsive section starts from here========================================================*/

@media screen and (max-width: 400px) {
    .margin{margin-top:50px;}
   .sustain-link-box a{font-size:11px;}
   .globeLink{left:25%;bottom:11%;}
   .waterLink{right:5%;}
   .iwmLink{right:0;top:50%;}
   .responsiveCareLink{left:0;}
   .complaince-link a{font-size:14px;}
   .CReach{right:32%;top:17%;}
   .CEtad{right:44%;top:34%;}
   .Cicc{top:50%;}
    .worldmap, .distri{height: 200px;width: 100%;margin-top: 20%;}
    .dialog{left:2%;top: 230px;line-height: 15px;font-size: 10px;padding: 15px 10px 1px 10px;right:2%;}   
    .csc-textpic-image img{width:100%;}
    .history {padding-bottom: 200px;}
   .ourStory > section nav{top:450px;position:relative;}
   .application-title h1 {margin-top: 41%;font-size: 23px;margin-left: -15px;}
    .specialheader.specialwidth a{width:93.3%}
}
@media screen and (min-width: 401px) and (max-width: 767px) {

      .worldmap, .distri{height:290px;width:100%;margin-top:13%;}
    .dialog{left:12%;top: 170px;line-height: 15px;font-size: 10px;padding: 15px 10px 1px 10px;}
    #label1, .dist1 {right: 22%;top: 46%;}
    #label2, .dist2 {right: 37%;top: 35%;}
    #label3, .dist3 {right: 67%;top: 37%;}
    .history { padding-bottom: 150px;}
    .ourStory > section nav{top:400px;position:relative;}
    .map{margin:0 10px;}
    .map h2{font-size:20px;}
    .application-title h1 {margin-top: 30%;font-size: 23px; margin-left: -15px;}
     .specialheader.specialwidth a{width:95.7%}
}
@media screen and (max-width: 767px) {
		.tx-productoverview {
   display:block !important;
   height:auto !important;
   width:auto!important;
}
.mono-wrap h1{text-align:center;}
.box{display:block !important; margin:10px auto !important;}
    .worldmap, .distri{position:static;}
    .pigment-img{margin-top:35px;}
    .dialog img{display:none;}
    .color-white{color:#fff;}
    .introelement{margin-top:0;padding-top:20px;}
     h1{padding:10px 0 25px 0;}
    .primer-h1{font-size:34px;padding:0px 0 25px 0;}    
    .reach img{width:auto;}
     #footer h1{font-size:28px;}
    #footer{padding:30px 0 20px 0;}
    h2.big-quote, .introelement p{font-size:14px;}   
    .innerdiv.inner-1 {margin-bottom: 10px;}
    .pigment-img, .pigment-bg{background:none;}
     div.dynamicContent div.item p, div.dynamicContent div.item .description{margin-top:5px; }
     .ourStory > section nav.nav-milestone{top:345px;}
      #our-story .dynamicContent{margin:0 10px;}     
      .specialheader .full-width a{width:100%;}
      .specialwidth .col-xs-12{margin:10px 0;}
      .specialwidth .dss, .specialwidth .inner-3 .dss{padding:8px 10px 0 10px;letter-spacing:0.5px;margin-bottom:7px;}
      .feature-1, .feature-2, .feature-3, .sustain-image{height:auto;}
      .extrabold{font-size:44px;}
      .sustain-title .primer-h1{padding:0;margin-top:5%;}
      .sustain-image h1{font-size:30px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    #navbar {max-height:400px;}
    .navbar-nav {margin: 90px -10px;}
    .primer-h1, h1{padding:0 0 25px 0;font-size:46px}
    .introelement{padding-top:0;}
    #footer{padding:30px 0 20px 0;}
    .worldmap, .distri{height:450px;width:100%;}
    .dialog{left: 100px;top:220px;line-height: 15px;font-size: 12px;padding: 35px 10px 20px 10px;}
    #label1{right:27%;top:43%;}
    .dist1 {right: 25%!important;}
    #label2{right:42%;top:29%;}
    .dist2 {right: 46%!important;}
    #label3{right: 67%; top: 29%;}
    #label4{right:12%;}
    #label5{right:15%;}
    #label6{right:6%;}
    .dist3 {right: 74%!important;top: 34%!important;}
     #our-story .dynamicContent{margin:0 30px;padding:1px 0;}
     .ourStory > section nav{top:320px;}
     .history-line{margin-top:420px;}
     .map h2{font-size:23px;}
     .application-title h1{margin-top:30%;}
     .specialwidth .dss{padding:8px 15px 0 10px;letter-spacing:0.5px;}
          .specialwidth .bigtext.dss {padding-top:0;}
          .specialheader.specialwidth a{width:91.5%;}
          .responsiveCareLink{left:3%;}
          .sustain-link-box a{font-size:18px;}
          .iwmLink{right:6%;}
          .waterLink{right:13%;}
          .globeLink{left:31%;}
          .CReach{right:34%;top:22%;}
          .CEtad{right:45%;top:42%;}
          .Cicc{top:61%;}
          .responsive-link a{font-size:14px;line-height:20px;}
          .feature-1, .feature-2, .feature-3, .sustain-image{height:auto;}
          .sustain-image h1{font-size:33px;}
          .extrabold{font-size:34px;}
          .mimbold{font-size:32px;}
          .middle-text{font-size:17px;line-height:12px;}
          .content-text{float:left;width:100%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav{background-color: transparent; margin: 90px 35px 0; }
    h1 {padding: 0 0 25px 0;}
    .introelement{padding-top:0;}
    #label1{right:303px;top:43%;}
    .dist1 {right: 190px!important;}
    #label2{right:44%;top:29%;}
    .dist2 {right: 46%!important;}
    #label3, .dist3 {right: 65%; top: 31%;}
    .dist3 {right: 74%;top: 34%;}
    #label4 {right: 12%;}
    #label5{right:115px;}
    #label6{right:45px;}
    h3{font-size:12px;}
    .application-title h1{margin-top:20%;}
     .specialheader.specialwidth a{width:93.5%}
     .specialwidth .dss{padding:8px 15px 0 10px;letter-spacing:0.5px;}
      .specialwidth .bigtext.dss {padding-top:0;}
      .responsiveCareLink{left:9%;}
      .iwmLink{right:12%;}
      .waterLink{right:18%;}
      .globeLink{left:33%;}
      .responsive-link a{font-size:20px;}
     .feature-1, .feature-2, .feature-3, .sustain-image{height:auto;}
    .sustain-image h1{font-size:33px;}
    .extrabold{font-size:34px;}
    .mimbold{font-size:32px;}
    .middle-text{font-size:17px;line-height:12px;}
    .content-text{float:left;width:100%;} 
    .above-block{margin-top:-60px;display:inline-block;}
}
@media screen and (max-width:640px){
    #label1{right: 29%;top: 39%;}
    .dist1 {right: 27%!important;top: 39%;}
    #label2{ right: 41%; top: 31%;}
    .dist2 { right: 43%!important; top: 31%;}
    #label3{right: 62%;top: 32%;}
    .dist3 {right: 65%!important;top: 34%!important;}
    #label4 {right: 18%;}
    #label5 {right: 143px;top: 158px;}
    #label6 {right: 82px;top: 162px;}
    .dialog{top:260px;right:10%;}
}
@media screen and (max-width:480px){
    #label1{right: 22%;top: 51%;}
    .dist1 {right: 20%!important;top: 46%!important;}
    #label2{ right: 38%; top: 40%;}
    .dist2 { right: 41%!important; top: 35%!important;}
    #label3{right: 67%;top: 41%;}
     .dist3 {right: 70%!important;top: 40%!important;}
    #label4 {right: 7%;top: 160px;}
    #label5 {right: 14%;top: 136px;}
    #label6 {right: 1%;top: 137px;}
    .dialog{left:5%;right:5%;top:205px;}
}
@media screen and (max-width:360px){

.worldmap, .distri{height: 200px;width: 100%;margin-top: 20%;}
     #label1{right: 20%;top: 26%;}
     .dist1 {right: 18%!important;top: 26%!important;}
    #label2{right: 32%!important;top: 21%!important;}
   .dist2 {right: 37%!important;}
    #label3{right: 61%!important;top: 21%!important;}
    .dist3 {right: 63%!important;top: 23%!important;}
    #label4 {right: 5%; top: 120px;}
    #label5 {right: 15%;top: 100px;}
    #label6 {right: 0;top: 105px;}
    .primer-h1{margin-top:14%;}
}
@media screen and (max-width:320px){
    #label1{right: 17%!important;top: 24%!important;}
    .dist1 {right: 14%!important;top: 25%!important;}
    #label2 {right: 32%!important;top: 19%!important;}
    .dist2 {right: 35%!important;top: 21%!important;}
    #label3, .dist3 {right: 63%!important;top: 20%!important;}
    .primer-h1{margin-top:21%;}
    #label4 {right: 0%;top: 112px;}
    #label5 {right: 10%;top: 95px;}
    #label6 {right: 0;top: 95px;}
}
@media (min-width: 768px) {
    .specialheader {
        margin-top: 40px;
        margin-bottom: -40px;
    }
    .specialheader .inner-1, .specialheader  .inner-2 {
        height: 280px;
    }
    .specialheader .inner-3, .specialheader  .inner-4, .specialheader .inner-5, .specialheader  .inner-6 {
        height: 135px;
    }
    .inner-4 .specialheader .smallheader, .inner-6 .specialheader .smallheader {
        margin-bottom: 10px;
    }
    .inner-4 .specialheader .smalltext, .inner-6 .specialheader .smalltext {
        font-size: 12px;
        line-height: 13px;
    }
     .specialheader .bigheader{margin-bottom:10px;}
     .sustain-title .primer-h1{margin-top:5%;}
}

@media (min-width: 1200px) {
    .specialheader .inner-1, .specialheader  .inner-2 {
        height: 380px;
    }
    .specialheader .inner-3, .specialheader  .inner-4, .specialheader .inner-5, .specialheader  .inner-6 {
        height: 185px;
    }
    .specialheader a {
        padding: 13px 15px 15px 15px;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 1px;
    }
    /*.specialheader a .material-icons {
        right: 15px;
        bottom: 10px;
        font-size: 25px;
    }*/
        .specialheader a .material-icons {
            right: 3px;
            bottom: 0px;
            font-size: 34px;
            color: #000;
        }
    .specialheader .bigheader {
        font-size: 28px;
        line-height: 30px;      
    }
    .specialheader .smallheader {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 14px;
    }
    .specialheader .bigtext {
        font-size: 17px;
        line-height: 20px;
        padding-top:0;
    }
    .specialheader .smalltext {
        font-size: 15px;
        line-height: 17px;
    }
}

@media (min-width: 1800px) {
    .specialheader .inner-1, .specialheader  .inner-2 {
        height: 500px;
    }
    .specialheader .inner-3, .specialheader  .inner-4, .specialheader .inner-5, .specialheader  .inner-6 {
        height: 245px;
    }
    .specialheader a {
        padding: 17px 20px 20px 20px;
        font-size: 22px;
        line-height: 26px;
        letter-spacing: 1px;
    }
    .specialheader a .material-icons {
        right: 20px;
        bottom: 14px;
        font-size: 25px;
    }
    .specialheader .bigheader {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 22px;
    }
    .specialheader .smallheader {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 18px;
    }
    .specialheader .bigtext {
        font-size: 24px;
        line-height: 28px;
    }
    .specialheader .smalltext {
        font-size: 18px;
        line-height: 20px;
    }
}




@media (max-width: 768px) {
    .csc-textpic-intext-left-nowrap .csc-textpic-image img {
        width: 100%;
    }
}
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    width: 55%;
    float: left;
    padding-right: 15px;
}
.csc-textpic-intext-left-nowrap {
    clear: both;
}
.csc-textpic-intext-left-nowrap-190 .csc-textpic-text {
    margin-left: 0;
}
@media (min-width: 768px) {
    .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
        width: 33%;
        float: left;
        padding-right: 15px;
    }   
}