/* Minification failed. Returning unminified contents.
(17776,1): run-time error CSS1019: Unexpected token, found '}'
(20910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20927,22): run-time error CSS1039: Token not allowed after unary operator: '-ccl-page-margin-top'
(21765,15): run-time error CSS1039: Token not allowed after unary operator: '-ccl-page-margin-top'
(22947,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(22948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22961,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22962,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23133,66): run-time error CSS1038: Expected hex color, found '#0000'
(23133,71): run-time error CSS1019: Unexpected token, found ' '
(23133,71): run-time error CSS1042: Expected function, found ' '
(23133,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(23145,66): run-time error CSS1038: Expected hex color, found '#0000'
(23145,71): run-time error CSS1019: Unexpected token, found ' '
(23145,71): run-time error CSS1042: Expected function, found ' '
(23145,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
.ccl-iso .ccl-wechatpopover
{
    display:block;
    height:200px;
    width:150px;
    background:#fff;
    border:1px 1px 2px 1px solid #ddd;
    border-radius:13px;
    position:absolute;
    bottom:30px;
    left:-50px;
    padding:10px;
    /*box-shadow: 0 8px 15px -8px #0000007a;*/
    filter: drop-shadow(0 0 3px #0000007a);
    font-size:0.8em;
    line-height:1.2em;
    text-align: justify;
    text-justify: inter-word;
}

.ccl-iso .ccl-wechatpopover img {
    width: 100%;
    height: auto;
}

.ccl-iso .ccl-wechatpopover:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: calc(50% - 10px);
  bottom: -10px;
  border-style: solid;
  border-width: 0px 10px 10px 10px;
  border-color:  #ddd transparent #ddd transparent;
  transition-duration: 0.3s;
  transition-property: transform;
  transform: rotate(180deg);
}

/*start ---- bootstrap modal popup fix- the background div is dynamic and inserted from js so therefore sits outside bootstrap-iso*/
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
/*end ---- bootstrap modal popup fix*/

.ccl-iso .ccl-hidden-element
{
    display:none;
}

.ccl-iso .height-100vh
{
    height:100vh;
}

.ccl-iso [class^="section1"].overlay, .ccl-iso .ccl-blue-video-hero,.ccl-iso .ekbg.overlay,.ccl-iso .telavivbg.overlay,.ccl-iso .sustainability.overlay,.ccl-hero-div,.ccl-iso .glasgowbg.overlay,.ccl-iso .ekbg.overlayblack,.ccl-iso .suzhouidtbg.overlay{
        height:100vh;
}

.ccl-iso {
    /*line-height:1.4;*/
    line-height:normal;
    }


.ccl-iso .tabtxt-clinton {
    width: 110px;
    display: none;
    margin-top: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 50px;
}

@media (min-width: 1495px)/*1024px*/ {
    .ccl-iso .tabtxt-clinton {
        width: 110px;
        float: left;
        display: block;
    }
}

@media (max-width: 400px) {
    .ccl-iso .tabtxt-clinton {
        display: none;
    }
}


.ccl-iso .producttab-clinton {
    height: 60px;
    float: left;
    text-align: left;
    border-radius: 8px 8px 0px 0px;
}

    @media (min-width: 1495px) {

        .ccl-iso .producttab-clinton {
            width: 190px;
            height: 60px;
            float: left;
            text-align: left;
        }

    .ccl-iso .producttab_moretabs-clinton {
        width: 16%;
    }

    }

    @media (min-width: 1495px)/*1350px*/ {
    .ccl-iso .producttab_moretabs-clinton {
        width: 190px;
    }
}

    @media (max-width: 400px) {
        .ccl-iso .producttab-clinton {
            height: 40px;
        }
    }

  /*General form styles - start */
  /*General form styles - end */
  /*General spacing styles - start */
  /*General spacing styles - finish */
  /*General Styles- start*/
.scroll::-webkit-scrollbar {
    width: 12px;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
  /*Cards*/
  /*Image Grid*/
  /*screens bigger than 900*/
  /*screens smaller than 1300px*/
  /*Tiles*/
  /*News Tile*/
  /*Vacancies Tile*/
  /*between 724 command 870*/
  /*news*/
  /*@media screen and (max-width: 724px)
        {
            .ccl-grid-container-350
            {
                grid-template-columns: repeat(auto-fit,minmax(max-content,1fr));
            }
            
        }*/
  /*single grid item*/
  /*greater than 817px*/
  /*greater than 817px*/
  /*General Styles- finish*/
  /* bigger than 850px */
  /*bigger than 1000px*/
  /*-----Job Vacancies----start*/
  /*Vacancies List*/
  /*Vacancies View*/
  /*-----Job Vacancies----end*/
  /* Responsive layout - makes a one column layout instead of a two-column layout */
  /*.mcgaviganimg_3{
    .mcgaviganimg1();
    background-image: url(../images/mcgavigan-dashbooard-infotainment-part.jpg);
}
.mcgaviganimg_4{
    .mcgaviganimg2();
     background-image: url(../images/gear-shift-mcgavigan-part.jpg);
}
.mcgaviganimg_5{
    .mcgaviganimg1();
     background-image: url(../images/automatic-gear-stick.jpg);
}
.mcgaviganimg_6{
    .mcgaviganimg2();
    background-image: url(../images/automatic-gear-stick.jpg);
}
.mcgaviganimg_7{
    .mcgaviganimg1();
      background-image: url(../images/decorative-interior-trim-2.jpg);
}*/
  /* Styles for the tilt block */
  /*.scroll2:before
{
    content:"Scroll down for more";
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}*/
  /* Style inputs */
  /* Style the contactus_container/contact section */
  /*Styles for the modals for the brand protection page*/
  /* Create two contactus_columns that float next to eachother */
  /* Clear floats after the contactus_columns */
  /* Responsive layout - when the screen is less than 600px wide, make the two contactus_columns stack on top of each other instead of next to each other */
  /* Style the buttons inside the tab */
  /*fix css*/
  /*
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
*/
  /*
  h2 {
    font: 400 40px/1.5 Helvetica, Verdana, sans-serif;
    margin: 0;
    padding: 0;
  }*/
  /*button {

  }*/
  /*INTERACTIVE IMAGE ARROW CSS*/
  /*^^^^^INTERACTIVE IMAGE ARROW CSS*/
  /*Margin-Top for Pins - Changing this value will also adjust the margin-top 
  accordingly when hovered over. Requiring only 1 change rather than 2*/
  /*CLOSE BUTTON*/
  /*fade in on scroll*/
  /*Scroll bar*/
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  /* Clear floats after the columns */
  /* you can ignore this ones */
  /*Automotive Grid Image Hover*/
  /* Common style */
  /* Anchor will cover the whole item by default */
  /* For some effects it will show as a button */
  /* Common style */
  /* Anchor will cover the whole item by default */
  /* For some effects it will show as a button */
  /*Automotive Grid Image Hover - END*/
  /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */

@font-face {
  font-family: "graphik-bold";
  src: url("../font/Graphik-Bold.otf");
}
@font-face {
  font-family: "graphik-semibold";
  src: url("../font/Graphik-Semibold.otf");
}
@font-face {
  font-family: "graphik-light";
  src: url("../font/Graphik-Light.otf");
}
.ccl-iso ::selection {
  background-color: #532e60;
  color: white;
}
@viewport {
  zoom: 1;
  width: extend-to-zoom;
}
@-ms-viewport {
  width: extend-to-zoom;
  zoom: 1;
}
.ccl-iso.overflow-unset {
  overflow: unset;
}
.ccl-iso
{
    font-family: graphik-semibold;
    color: #4d4d4d;
}
/*body,
html {
  height: 100%;
  margin: 0px;
  margin-top: 0px;
  font-family: graphik-semibold;
  color: #4d4d4d;
  font-size: 100%;
  background: #f7f7f7;
}*/

/*Bootstrap 5.0.2 - augment*/
.popover-header 
{
    margin-top:0;
}

/*Custom for ccl-iso --start*/
.ccl-iso .heading{
    font-family:graphik-semibold;
} 
.ccl-iso .heading2{
    font-family:graphik-semibold;
} 
.ccl-iso .heading3{
    font-family:graphik-semibold;
} 
.ccl-iso .heading4{
    font-family:graphik-semibold;
} 
.ccl-iso .heading5{
    font-family:graphik-semibold;
} 
.ccl-iso .heading6{
    font-family:graphik-semibold;
} 
.ccl-iso .heading7{
    font-family:graphik-semibold;
} 

/*Custom for ccl-iso --end*/

.ccl-iso .ccl-alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.ccl-iso .ccl-alert > span {
  font-family: Graphik-light;
  display: inline-block;
}
.ccl-iso .ccl-alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.ccl-iso .ccl-alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.ccl-iso .ccl-alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.ccl-iso .ccl-alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.ccl-iso .ccl-alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.ccl-iso .ccl-alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.ccl-iso .ccl-alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.ccl-iso .ccl-alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.ccl-iso .validation-message {
  color: red;
  font-family: Graphik-light;
}
.ccl-iso .ccl-display-inline--block {
  display: inline-block;
}
.ccl-iso .ccl-float-none {
  float: none !important;
}
.ccl-iso .ccl-padding-20 {
  padding: 20px;
}
.ccl-iso .ccl-p-0 {
  padding: 0 !important;
}
.ccl-iso .ccl-margin-0 {
  margin: 0 !important;
}
.ccl-iso .ccl-margin-top-2_2em {
  margin-top: 2.2em !important;
}
.ccl-iso .ccl-margin-top-0_5em {
  margin-top: 0.5em !important;
}
.ccl-iso .ccl-mr-10 {
  margin-right: 10px;
}
.ccl-iso .ccl-ml-10 {
  margin-left: 10px;
}
.ccl-iso .ccl-mt-0 {
  margin-top: 0 !important;
}
.ccl-iso .ccl-pt-0 {
  padding-top: 0 !important;
}
.ccl-iso .ccl-pt-50 {
  padding-top: 50px !important;
}
.ccl-iso .ccl-pb-40 {
  padding-bottom: 40px !important;
}
.ccl-iso .ccl-pt-40 {
  padding-top: 40px !important;
}
.ccl-iso .ccl-pb-80 {
  padding-bottom: 80px !important;
}
.ccl-iso .ccl-pt-80 {
  padding-top: 80px !important;
}
.ccl-iso .ccl-pb-0 {
  padding-bottom: 0 !important;
}
.ccl-iso .ccl-bt-0 {
  border-top: 0!important;
}
.ccl-iso .ccl-pl-0 {
  padding-left: 0 !important;
}
.ccl-iso .ccl-ml-0 {
  margin-left: 0 !important;
}
.ccl-iso .ccl-clear-floats:after {
  content: "";
  display: table;
  clear: both;
}
.ccl-iso .ccl-clear-both {
  clear: both;
}
.ccl-iso .ccl-img-rounded-corners-shadow {
  box-shadow: 0 8px 15px -8px #0000007a;
  /*border-radius: 13px;*/
  border-radius:0.25rem;
  object-fit: cover;
}
.ccl-iso .ccl-img-caption-bottom-center {
  opacity: 0.92;
  background-color: #f3f3f3;
  color: #4d4d4d;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2em;
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
  text-align: center;
}
.ccl-iso .bg_light-grey {
  background: #f7f7f7;
}
.ccl-iso .ccl-mapmodal-content-scroll {
  height: 90%;
  overflow: auto;
  scrollbar-width: thin;
  /*::-webkit-scrollbar
        {
            width:10px !important;
        }*/
}
.ccl-iso .ccl-mapmodal-content-scroll::-webkit-scrollbar {
  width: 10px !important;
}
.ccl-iso .ccl-blue-video-hero {
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
.ccl-iso .ccl-blue-video-hero > video {
  display: block;
}
.ccl-iso .ccl-video-header-container {
  background: rgba(0, 87, 184, 0.82);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.ccl-iso .ccl-opacity-7 {
  opacity: 0.7 !important;
}
.ccl-iso .ccl-txt-light {
  font-family: graphik-light !important;
}
.ccl-iso .ccl-txt-semibold {
  font-family: graphik-semibold !important;
}
.ccl-iso .ccl-section-subheading {
  text-align: center;
  color: white;
  font-weight: 600;
  font-size: 1.7em;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0px;
  color: #4d4d4d;
  font-size: 1.3em !important;
}
.ccl-iso .ccl-width-auto {
  width: auto !important;
}
.ccl-iso .ccl-float-right {
  float: right !important;
}
.ccl-iso .ccl-hover-content:hover {
  opacity: 0.5 !important;
}
.ccl-iso .ccl-cursor-pointer {
  cursor: pointer !important;
}
.ccl-iso .ccl-bgblue-opaque {
  position: relative;
  /*background-image: url('../images/connectedHome_global.jpg');*/
  background-size: cover;
}
.ccl-iso .ccl-bgblue-opaque::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 87, 184, 0.8);
  /*#0057b8;*/
}
.ccl-iso .ccl-txt-white {
  position: relative;
  color: #ffffff !important;
}
.ccl-iso .ccl-txt-blue {
  color: #004a9c !important;
}
.ccl-iso .ccl-bg-contain {
  background-size: contain !important;
}
.ccl-iso .ccl-text-center {
  text-align: center !important;
}
.ccl-iso .ccl-text-left {
  text-align: left !important;
}
.ccl-iso .ccl-link-underline {
  text-decoration: underline;
}
.ccl-iso .link-bold-underline {
  font-weight: bold;
  text-decoration: underline;
}
.ccl-iso .hoverBox-maxH400 {
  max-height: 400px !important;
}
.ccl-iso .hoverBox-400x480 {
  max-height: 480px !important;
}
.ccl-iso .ccl-width-100 {
  width: 100% !important;
  max-width: 100% !important;
}
.ccl-iso .ccl-width-50 {
  width: 50% !important;
  max-width: 50% !important;
}
.ccl-iso .hoverBox-400x480 > img {
  /*width: 480px;*/
  width: 100%;
  height: auto;
  object-fit: cover;
}
.ccl-iso .hoverBox-400x480 > figcaption {
  padding: 2em;
  color: #fff;
  text-transform: none !important;
  font-size: 1.5em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  line-height: 1em;
}
.ccl-iso .hoverBox-400x480 > figcaption > h2 {
  line-height: 1.2em;
}
.ccl-iso .hoverBox-400x480 > figcaption > p {
  font-size: 1.1em !important;
  line-height: 1.2em !important;
}
.ccl-iso .ccl-hero-container-left {
  width: auto;
  /*max-width:600px;*/
  margin: auto;
  text-align: left;
  padding-top: 6%;
  padding-left: 6%;
}
.ccl-iso .ccl-zindex-0 {
  z-index: 0 !important;
}
.ccl-iso .ccl-video-bg-hero {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}
.ccl-iso .ccl-img-grow-container:hover > .ccl-img-grow {
  transform: scale(1.2);
}
.ccl-iso .ccl-img-grow {
  transition: transform 0.2s;
  display: block;
}
.ccl-iso .ccl-card-row {
  display: table;
  /* Make the container element behave like a table */
  width: 100%;
  /* Set full-width to expand the whole page */
  margin: auto;
}
.ccl-iso .ccl-card-row > div:nth-child(1) {
  border-right: 0;
}
.ccl-iso .ccl-card {
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  padding-bottom: 0px;
}
.ccl-iso .ccl-card > img {
  width: 100%;
  height: auto;
  border-radius: 13px;
  display: block;
}
.ccl-iso .ccl-card-column {
  display: block;
  width: 100%;
  border-top: 1px solid #dedede;
  padding-top: 40px;
  padding-bottom: 40px;
}
.ccl-iso .ccl-card-column > h2 {
  font-size: 1.7em;
  margin-bottom: 15px;
}
.ccl-iso .ccl-card-column > .btn {
  margin-top: 15px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.ccl-iso .ccl-row {
  display: table;
  width: 100%;
  margin: auto;
}
.ccl-iso .ccl-row > div:nth-child(1) {
  border-right: 0;
}
.ccl-iso .ccl-column {
  display: table-cell;
  /* Make elements inside the container behave like table cells */
  width: 100%;
  padding: 6%;
  vertical-align: top;
  display: block;
}
.ccl-iso .ccl-image-grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.ccl-iso .ccl-image-grid div {
  width: 50%;
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.ccl-iso .ccl-image-grid-image01 {
  background-image: url('../images/connectedHome_RandD-collage_1.jpg');
}
.ccl-iso .ccl-image-grid-image02 {
  background-image: url('../images/connectedHome_RandD-collage_2.jpg');
}
.ccl-iso .ccl-image-grid-image03 {
  background-image: url('../images/connectedHome_RandD-collage_3.jpg');
}
.ccl-iso .ccl-image-grid-image04 {
  background-image: url('../images/connectedHome_RandD-collage_4.jpg');
}
.ccl-iso .ccl-image-grid-image05 {
  background-image: url('../images/connectedHome_RandD-collage_5.jpg');
}
.ccl-iso .ccl-image-grid-image06 {
  background-image: url('../images/connectedHome_RandD-collage_6.jpg');
}
@media screen and (min-width: 900px) {
  .ccl-iso .ccl-card-row {
    border-top: 1px solid #dedede;
  }
  .ccl-iso .ccl-card-row > div:nth-child(1) {
    border-right: 1px solid #dedede;
  }
  .ccl-iso .ccl-card-row:nth-child(1) {
    border-top: 0;
  }
  .ccl-iso .ccl-card-column {
    padding-top: 20px;
    padding-bottom: 20px;
    display: table-cell;
    /* Make elements inside the container behave like table cells */
    width: 50%;
    border-top: 0;
  }
  .ccl-iso .ccl-card-column:nth-child(odd) {
    padding-right: 20px;
  }
  .ccl-iso .ccl-card-column:nth-child(even) {
    padding-left: 20px;
  }
  .ccl-iso .ccl-column {
    display: table-cell;
    /* Make elements inside the container behave like table cells */
    width: 50%;
  }
  .ccl-iso .ccl-image-grid div {
    width: 33.33%;
    height: 300px;
  }
}
@media screen and (max-width: 1300px) {
  .ccl-iso .ccl-image-grid div {
    width: 50%;
    height: 200px;
  }
}

@media screen and (max-width: 400px) {
  .ccl-iso .ccl-image-grid {
    flex-direction: column;
    flex-wrap: no-wrap;
  }
  .ccl-iso .ccl-image-grid div {
    width: 100%;
  }
}
.ccl-iso .ccl-grid-container {
  display: grid;
  /*changed for News*/
  /*column-gap:20px;*/
  grid-gap: 20px;
  /*grid-template-rows:auto;*/
}
.ccl-iso .ccl-grid-container-350 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  /*grid-auto-rows: 1fr !important;*/
  /*sets all the rows the same height*/
  /*grid-auto-rows: minmax(350px,400px) !important;*/
}
.ccl-iso .ccl-grid-container-300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  /*grid-template-rows: 300px;*/
}
.ccl-iso .ccl-grid-item {
  /*padding:20px;*/
  text-align: left;
  border-radius: 0.3rem;
  cursor: pointer;
  border: 1px solid #dedede;
}
.ccl-iso .ccl-grid-item-white {
  background-color: #fff;
}
.ccl-iso .ccl-grid-item-grey {
  background-color: #f7f7f7;
}
.ccl-iso .ccl-grid-item-vacancies {
  text-align: center;
  /*max-height: 300px;*/
}
.ccl-iso .ccl-grid-item:hover {
  /*border: 1px solid #004a9;*/
  border-color: #004a9c;
}
.ccl-iso .ccl-grid-item > .ccl-gridItem-img-container {
  width: 100%;
  /*height:250px;*/
  overflow: hidden;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.ccl-iso .ccl-grid-item > .ccl-gridItem-img-container > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  transition: transform 0.2s;
}
.ccl-iso .ccl-grid-container-350 > .ccl-grid-item > .ccl-gridItem-img-container {
  height: 250px;
}
.ccl-iso .ccl-grid-container-300 > .ccl-grid-item > .ccl-gridItem-img-container {
  height: 45%;
  min-height:300px;
}
.ccl-iso .ccl-grid-item > .ccl-gridItem-content-container {
  padding: 1em;
  /*height:55%;*/
}
.ccl-iso .ccl-grid-item:hover .ccl-gridItem-img-container > img {
  /*color:#004a9c !important;*/
  transform: scale(1.2);
}
.ccl-iso .ccl-single-tile-grid .ccl-gridItem-img-container {
  height: 45% !important;
  /*width:50%;*/
  /*max-height:250px !important;*/
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.ccl-iso .ccl-single-tile-grid .ccl-gridItem-img-container > img {
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
}
.ccl-iso .ccl-single-tile-grid .ccl-gridItem-content-container {
  /*height: 55%;*/
}
.ccl-iso .ccl-single-tile-grid .ccl-grid-container {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width: 1640px) {
  .ccl-iso .ccl-two-tile-grid .ccl-gridItem-img-container > img {
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
    border-top-right-radius: unset !important;
  }
  .ccl-iso .ccl-two-tile-grid .ccl-gridItem-img-container {
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
    border-top-right-radius: unset !important;
    height: 100% !important;
  }
  .ccl-iso .ccl-two-tile-grid .ccl-gridItem-content-container {
    padding-top: 3em !important;
    height: 100%;
  }
}
@media screen and (min-width: 817px) {
  .ccl-iso .ccl-single-tile-grid .ccl-gridItem-img-container > img {
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
    border-top-right-radius: unset !important;
  }
  .ccl-iso .ccl-single-tile-grid .ccl-gridItem-img-container {
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
    border-top-right-radius: unset !important;
    height: 100% !important;
  }
  .ccl-iso .ccl-single-tile-grid .ccl-gridItem-content-container {
    padding-top: 3em !important;
    height: 100%;
  }
}
.ccl-iso .box {
  display: flex;
  flex-wrap: wrap;
  /*max-width:699px;*/
}
.ccl-iso .box > * {
  flex: 1 1 350px;
}
.ccl-iso .ccl-hero-height-narrow {
  height: 50% !important;
  min-height: 50% !important;
}
.ccl-iso .news-img-three-col-flex-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 35px;
}
.ccl-iso .news-img-three-col-flex-container .news-img-flex-item {
  padding: 5px;
}
.ccl-iso .news-img-three-col-flex-container .news-img-flex-item_1 {
  flex: 100%;
  max-width: 100%;
}
.ccl-iso .news-img-three-col-flex-container .news-img-flex-item_2 {
  flex: 100%;
  max-width: 100%;
  padding-top: 5px;
}
.ccl-iso .news-img-three-col-flex-container .news-img-flex-item_3 {
  flex: 100%;
  max-width: 100%;
  padding-top: 5px;
}
@media (min-width: 850px) {
  .ccl-iso .news-img-three-col-flex-container .news-img-flex-item_1 {
    flex: 50%;
    max-width: 50%;
  }
  .ccl-iso .news-img-three-col-flex-container .news-img-flex-item_2 {
    flex: 50%;
    max-width: 50%;
  }
  .ccl-iso .news-img-three-col-flex-container .news-img-flex-item_3 {
    flex: 100%;
    max-width: 100%;
    padding-top: 5px;
  }
}
@media (min-width: 1000px) {
  .ccl-iso .news-img-three-col-flex-container .news-img-flex-item_1 {
    flex: 33.3%;
    max-width: 33.3%;
  }
  .ccl-iso .news-img-three-col-flex-container .news-img-flex-item_2 {
    flex: 33.3%;
    max-width: 33.3%;
  }
  .ccl-iso .news-img-three-col-flex-container .news-img-flex-item_3 {
    flex: 33.3%;
    max-width: 33.3%;
  }
}
.ccl-iso .news-article-image-container {
  float: none;
  border-radius: 13px;
  box-shadow: 0 8px 15px -8px #0000007a;
}
.ccl-iso .news-article-image {
  width: 100%;
  height: auto;
  border-radius: 13px;
  display: block;
}
.ccl-iso .israel-quality-logos-container {
  display: flex;
  justify-content: center;
}
.ccl-iso .israel-quality-logos-container img {
  width: 35%;
  height: auto;
}
.ccl-iso .clinton-quality-logos-container {
  display: flex;
  justify-content: center;
}
.ccl-iso .clinton-quality-logos-container img {
   width:100vw;
  height: auto;
  min-width:310px
}
@media (max-width: 1300px) and (min-width: 700px) {
    .ccl-iso .clinton-quality-logos-container img {
   width:60vw;
  height: auto;
  /*min-width:328px*/
}
}
@media (min-width: 1301px) {
    .ccl-iso .clinton-quality-logos-container img {
   width:40vw;
  height: auto;
  min-width:328px
}
}

.ccl-iso .vacancies-mainpage-dialogue-container {
  width: 100%;
  padding: 80px 6% 80px 6%;
  text-align: center;
}
.ccl-iso .vacancies-noVacancies-message h2 {
  font-family: graphik-light;
}
.ccl-iso .sub-menu-container {
  padding: 80px 6% 10px 6%;
  width: 100%;
}
.ccl-iso .sub-menu-container-news {
  padding: 80px 6% 10px 6%;
  width: 100%;
}
.ccl-iso .vacancies-container {
  display: flex;
  /*flex-wrap:wrap-reverse;*/
  width: 100%;
  padding: 80px 3em 80px 3em;
  align-items: stretch;
}
.ccl-iso .vacancies-list-order {
  flex-direction: column-reverse;
}
.ccl-iso .vacancies-view-order {
  flex-direction: column;
}
.ccl-iso .no-vacancies-image-container {
  width: 100%;
}
.ccl-iso .no-vacancies-image-container careerimg4 {
  width: 100%;
}
.ccl-iso .vacancies-view-form {
  background:none !important;
}
.ccl-iso .vacancies-view-form div {
  margin-bottom: 1.5rem;
}
.ccl-iso .vacancies-view-form div:last-child {
  margin-bottom: 0.5rem;
}
.ccl-iso .vacancies-view-form .dropdown {
  float: none;
  overflow: auto;
  margin-top: 0;
}
.ccl-iso .vacancies-view-form.blogmodule {
  margin: 0;
}
.ccl-iso .vacancies-formSubmit-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: baseline;
}
.ccl-iso .vacancies-formSubmit-container div:nth-child(2) {
  float: none !important;
  margin-top: 0 !important;
}
.ccl-iso .vacancy-list-formSubmit-section {
  justify-content: flex-end;
  margin-top: 1.5rem;
}
.ccl-iso .vacancy-linkButton {
  background-color: #0057b8;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  margin-top: 40px;
  float: none !important;
  display: inline-block;
  cursor: pointer;
}
.ccl-iso .vacancy-button {
  float: none !important;
  margin-top: 0 !important;
}
.ccl-iso .vacancies-pl-35 {
  padding: 0px 0px 20px 35px;
}
.ccl-iso .vacancies-w-50 {
  width: 50%;
}
.ccl-iso .no-vacancies-container .vacancies-child-first-list {
  width: 100%;
}
.ccl-iso .no-vacancies-container .vacancies-child-second-list {
  width: 100%;
}
.ccl-iso .vacancies-child-first-list {
  width: 100%;
}
.ccl-iso .vacancies-child-second-list {
  width: 100%;
}
.ccl-iso .vacancies-child-second-list img {
  width: 100%;
  height: auto;
}
.ccl-iso .child-second-view {
  margin-top: 50px;
}

.ccl-iso .vacancies-m-0 {
  margin: 0 !important;
}

.ccl-iso .vacancies-float-unset {
 float:unset !important;
}

.ccl-iso .vacancies-mt-0 {
  margin-top: 0;
}
.ccl-iso .vacancies-mt-50 {
  margin-top: 50px;
}
.ccl-iso .vacancies-mb-0 {
  margin-bottom: 0;
}
.ccl-iso .vacancies-mt-5 {
  margin-top: 5px;
}
.ccl-iso .vacancies-mb-5 {
  margin-bottom: 5px;
}
.ccl-iso .vacancies-mb-30 {
  margin-bottom: 30px;
}
.ccl-iso .vacancies-pt-10 {
  padding-top: 10px;
}
.ccl-iso .vacancies-font-light {
  font-family: graphik-light;
}
.ccl-iso .vacancies-mlr-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.ccl-iso .button-ApplyForJob,
.ccl-iso #btn_vacancyView {
  float: none;
}
.ccl-iso .vacancies-child-second-list .vacancy_filters_for_mobile {
  
  display: inline-block;
}
.ccl-iso .vacancies-child-second-list .blogmodule
{
  padding:10px;
  margin:10px 0 10px 0 !important;
  background: none !important;
}
.ccl-iso .vacancies-child-second-list .vacancy_filters_for_mobile.blogmodule
{
  padding:0;
  margin:10px 0 30px 0 !important;
  width:100%;
  background: unset !important;
}

.ccl-iso .vacancy_filters {
  display: none;
}
@media screen and (min-width: 930px) {
  .ccl-iso .vacancies-list-order {
    flex-direction: row;
  }
  .ccl-iso .vacancies-child-second-list .vacancy_filters_for_mobile {
    display: none;
  }
  .ccl-iso .vacancies-child-second-list .vacancy_filters {
  display: inline-block;
  width:100%;
  margin-top:1em;
}

.ccl-iso .vacancies-child-second-list .blogmodule,.ccl-iso .vacancies-child-second-list .vacancy_filters .blogmodule{
  padding:10px;
  margin:10px 0 0 0 !important;
  /*background-color:pink !important;*/
}

  .ccl-iso .vacancies-child-first-list {
    flex: 1;
    min-width: 500px;
  }
  .ccl-iso .vacancies-child-second-list {
    width: 350px;
    margin-left: 30px;
  }
  .ccl-iso .vacancies-child-second-list .vacanciesFilterByLocation,.ccl-iso .vacancies-child-second-list .vacanciesFilterByRegion {
    display: block;
  }
  .ccl-iso .no-vacancies-container .vacancies-child-first-list {
    width: 70%;
  }
  .ccl-iso .no-vacancies-container .vacancies-child-second-list {
    width: 30%;
  }
}
@media screen and (min-width: 816px) {
  .ccl-iso .vacancies-view-order {
    flex-direction: row;
  }
  .ccl-iso .child-first-view {
    flex: 1;
    min-width: 350px;
    padding-right: 30px;
  }
  .ccl-iso .child-second-view {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
    width: 50%;
    margin-top: 0;
  }
}
.ccl-iso .slp-column {
  /*width:50%;*/
}
.ccl-iso .slpgridcontainer {
  display: grid;
  grid-template-columns: 100%;
}
.ccl-iso .cursordrag {
  cursor: url(../images/dragcursor.png), auto;
}
.ccl-iso .overflowauto {
  overflow-y: scroll;
}
.ccl-iso .autograbheaders {
  position: absolute;
  margin-top: 500px;
  color: #4d4d4d;
  width: 315px;
  white-space: normal;
}
.ccl-iso .circle {
  position: absolute;
  transform: translate(-50%, -50%);
  height: 50px;
  width: 50px;
  border-radius: 50%;
  z-index: 100;
  color: white;
  display: none;
  backdrop-filter: blur(12px);
  background-color: #10101024;
}
.ccl-iso .circletext {
  margin-top: 13px;
  font-size: 11px;
  text-align: center;
}
.ccl-iso .grid-container {
  background: #efefef;
  font-family: "Rubik", sans-serif;
}
@supports (display: grid) {
  .ccl-iso .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "header header header" "title title footer" "main main main";
  }
  @media screen and (max-width: 500px) {
    .ccl-iso .grid-container {
      grid-template-columns: 1fr;
      grid-template-rows: 0.3fr 1fr auto 1fr;
      grid-template-areas: "header" "title" "main" "footer";
    }
  }
  .ccl-iso .grid-item {
    color: #fff;
    background: skyblue;
    padding: 3.5em 1em;
    font-size: 1em;
  }
  .ccl-iso .header {
    background-color: #092a37;
    grid-area: header;
    padding: 1em;
  }
  .ccl-iso .title {
    color: #555;
    background-color: #f4fbfd;
    grid-area: title;
  }
  .ccl-iso .main {
    color: #959595;
    background-color: white;
    grid-area: main;
    padding: 0;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .ccl-iso .items {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    transition: all 0.2s;
    transform: scale(0.98);
    will-change: transform;
    user-select: none;
    cursor: url(../images/dragcursor.png), auto;
    height: 630px;
  }
  .ccl-iso .items.active {
    background: rgba(255, 255, 255, 0.3);
    /*cursor: grabbing;
        cursor: -webkit-grabbing;*/
    cursor: url(../images/dragcursor.png), auto;
    transform: scale(1);
  }
  .ccl-iso .itemscroll {
    display: inline-block;
    background: skyblue;
    min-height: 250px;
    width: 315px;
    /*margin: 2em 1em;*/
    height: 480px;
  }
  @media screen and (max-width: 500px) {
    .ccl-iso .itemscroll {
      min-height: 200px;
      min-width: 200px;
    }
  }
}
.ccl-iso .auto-hover {
  background: #004a9cdb;
  height: 480px;
  color: white;
  padding: 12px;
  cursor: default;
  position: absolute;
  width: 315px;
  opacity: 0;
  white-space: normal;
  font-size: 14px;
  overflow-y:scroll !important;
  scrollbar-width:thin;
  
}
.ccl-iso .auto-hover:hover {
  opacity: 1;
  cursor: url(../images/dragcursor.png), auto;
}
.ccl-iso .videomodule {
  width: 854px;
  margin-left: -233px;
  position: absolute;
  clip-path: inset(0px 306px 1px 200px);
}
.ccl-iso .videomodule2 {
  width: 854px;
  margin-left: -200px;
  position: absolute;
  clip-path: inset(0px 340px 1px 200px);
}
.ccl-iso .autointerior {
  background-image: url(../images/control-panels-1.jpg);
  width: 45%;
  height: 400px;
  position: absolute;
  z-index: 0;
  left: calc(6% + 680px);
  margin-top: 104px;
}
.ccl-iso .idtmap {
  -webkit-box-shadow: 0 8px 15px -8px #000000;
  -moz-box-shadow: 0 8px 15px -8px #000000;
  box-shadow: 0 8px 15px -8px #000000;
  border-radius: 13px;
}
.ccl-iso .restrictwidth {
  max-width: 1460px;
}
.ccl-iso .globalleaderauto {
  width: 100%;
  background: #202020;
  padding: 8px;
  border-radius: 20px;
  color: white;
  z-index: -1;
}
.ccl-iso .autoheading {
  font-size: 30px;
  text-align: left;
  margin-top: 0px;
  padding-left: 15px;
}
.ccl-iso .spacer {
  display: none;
  position: relative;
  z-index: -2;
  background: #262626;
  height: 330px;
}
.ccl-iso .thermalinterfacematerialssection {
  padding: 20px;
  border-radius: 10px;
  margin: -1px;
}
.ccl-iso .thermalinterfacematerialssection:hover {
  padding: 19px;
  cursor: pointer;
  border: solid white 1px;
}
.ccl-iso .venrayfoamtapescontainer {
  /*height: 328px;*/
  height: 380px;
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
}
.ccl-iso .venraymainbox {
  width: 30%;
  min-width: 300px;
  margin-bottom: 35px;
}
.ccl-iso .venraybox {
  width: calc(100% - 20px);
}
.ccl-iso .venraysubheader {
  margin-top: 20px;
  font-size: 20px;
}
.ccl-iso .venrayhovercontent {
  margin: 0px;
  padding: 0px;
  background: #004a9cdb;
  height: 100%;
  color: white;
  border-radius: 10px;
  padding: 25px;
  cursor: default;
  opacity: 0;
  /*overflow-y:scroll;
  scrollbar-width: thin;*/
}
.ccl-iso .venrayhovercontent:hover {
  opacity: 1;
}
.ccl-iso .venraysubheading {
  margin: 10px;
  font-size: 20px;
  font-weight: bold;
}
.ccl-iso .venrayflex {
  display: flex;
  margin: auto;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 80px;
  max-width: 1230px;
}
.ccl-iso .hover-underline-animation {
  display: inline-block;
  position: relative;
}
.ccl-iso .hover-underline-animation:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #0087ca;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.ccl-iso .hover-underline-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.ccl-iso .slider-nav2 {
  display: block;
}
.ccl-iso .slider-nav {
  display: none;
}
.ccl-iso .idtimg {
  width: 100%;
}
.ccl-iso .parallaxscroll {
  position: absolute;
  z-index: 0;
}
.ccl-iso .parallaxscrolldetail {
  display: none;
  width: 620px;
  height: 500px;
  left: 49%;
  top: 1725px;
  background-image: linear-gradient(to bottom, #92fe9d 0%, #00c9ff 100%);
}
.ccl-iso .idtimg2 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-top: 300px;
  height: 400px;
  background-image: url(../images/GearShifts_closeUp_1920x1080.jpg);
  display: none;
}
.ccl-iso .idtimg4 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-top: 300px;
  height: 400px;
  background-image: url(../images/GearShifts_closeUp_1920x1080.jpg);
  display: none;
  background-image: url(../images/DecTrim_closeUp_1920x1080.jpg);
}
.ccl-iso .idtimg6 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-top: 300px;
  height: 400px;
  background-image: url(../images/GearShifts_closeUp_1920x1080.jpg);
  display: none;
  background-image: url(../images/OverheadML_closeUp_1920x1080.jpg);
}
.ccl-iso .idtimg8 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-top: 300px;
  height: 400px;
  background-image: url(../images/GearShifts_closeUp_1920x1080.jpg);
  display: none;
  background-image: url(../images/CntrlPanels_closeUp_1920x1080.jpg);
}
.ccl-iso .idtimg10 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-top: 300px;
  height: 400px;
  background-image: url(../images/GearShifts_closeUp_1920x1080.jpg);
  display: none;
  background-image: url(../images/CapTouch_closeUp_1920x1080.jpg);
}
.ccl-iso .idtimg12 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-top: 300px;
  height: 400px;
  background-image: url(../images/GearShifts_closeUp_1920x1080.jpg);
  display: none;
  background-image: url(../images/ClusterDispl_closeUp_1920x1080.jpg);
}
.ccl-iso .idtimg14 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-top: 300px;
  height: 400px;
  background-image: url(../images/GearShifts_closeUp_1920x1080.jpg);
  display: none;
  background-image: url(../images/SteeringCntrl_closeUp_1920x1080.jpg);
}
.ccl-iso .idttextsection {
  display: none;
}
.ccl-iso .currentidt {
  display: block;
}
.ccl-iso .idtimg1 {
  background-image: url(../images/GearShifts_wide_1920x1080.jpg);
  width: 466px;
  height: 373px;
  float: right;
  margin-top: -12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-right: -600px;
  display: none;
}
.ccl-iso .idtimg3 {
  background-image: url(../images/GearShifts_wide_1920x1080.jpg);
  width: 466px;
  height: 373px;
  float: right;
  margin-top: -12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-right: -600px;
  display: none;
  background-image: url(../images/DecTrim_wide_1920x1080.jpg);
}
.ccl-iso .idtimg5 {
  background-image: url(../images/GearShifts_wide_1920x1080.jpg);
  width: 466px;
  height: 373px;
  float: right;
  margin-top: -12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-right: -600px;
  display: none;
  background-image: url(../images/OverheadML_wide_1920x1080.jpg);
}
.ccl-iso .idtimg7 {
  background-image: url(../images/GearShifts_wide_1920x1080.jpg);
  width: 466px;
  height: 373px;
  float: right;
  margin-top: -12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-right: -600px;
  display: none;
  background-image: url(../images/CntrlPanels_wide_1920x1080.jpg);
}
.ccl-iso .idtimg9 {
  background-image: url(../images/GearShifts_wide_1920x1080.jpg);
  width: 466px;
  height: 373px;
  float: right;
  margin-top: -12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-right: -600px;
  display: none;
  background-image: url(../images/CapTouch_wide_1920x1080.jpg);
}
.ccl-iso .idtimg11 {
  background-image: url(../images/GearShifts_wide_1920x1080.jpg);
  width: 466px;
  height: 373px;
  float: right;
  margin-top: -12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-right: -600px;
  display: none;
  background-image: url(../images/ClusterDispl_wide_1920x1080.jpg);
}
.ccl-iso .idtimg13 {
  background-image: url(../images/GearShifts_wide_1920x1080.jpg);
  width: 466px;
  height: 373px;
  float: right;
  margin-top: -12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-right: -600px;
  display: none;
  background-image: url(../images/SteeringCntrl_wide_1920x1080.jpg);
}
.ccl-iso .idtslidercontainer {
  padding: 20px;
}
.ccl-iso .idtslider {
  padding: 35px 20px 20px 20px;
  border-radius: 40px;
  box-shadow: 0 8px 15px -8px #0000007a;
  background-color: white;
  display:flex;
  flex-direction:column;
}
.ccl-iso .slider-idt-selector {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 10px;
  border-radius: 20px;
}
.ccl-iso .idt-slider-title {
  backdrop-filter: blur(12px);
  background-color: #1010100d;
  padding: 8px;
  text-align: center;
  color: white;
}
.ccl-iso .slider-img1 {
  background-image: url(../images/Principal-Manufacturing-Processes.jpg);
}
.ccl-iso .slider-img2 {
  background-image: url(../images/thermo-mechanical-forming.jpg);
}
.ccl-iso .slider-img3 {
  background-image: url(../images/injection-moulding.jpg);
}
.ccl-iso .slider-img4 {
  background-image: url(../images/painting-and-lacquering.jpg);
}
.ccl-iso .slider-inside {
  height: 200px;
}
.ccl-iso .chartstyles {
  width: 100%;
  margin: auto;
  max-width: 1230px;
  height: 500px;
  padding: 30px;
  background-color: white;
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  margin-top: 80px;
  margin-bottom: 80px;
}
.ccl-iso .thermal-interface-materials-section {
  display: block;
  width: 100%;
  height: 600px;
  margin: auto;
}
.ccl-iso .thermal-interface-materials-column {
  width: 100%;
  padding: 1px 15px 0px 15px;
}
.ccl-iso .thermaltext {
  color: white;
}
.ccl-iso .thermalimg1 {
  display: none;
  padding: 0px;
  width: calc(100% - 40px);
  margin: 20px;
  padding-top: 52%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/battery.jpeg);
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
}
.ccl-iso .thermalimg2 {
  display: none;
  padding: 0px;
  width: calc(100% - 40px);
  margin: 20px;
  padding-top: 52%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/battery.jpeg);
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  background-image: url(../images/thermal-interface-materials.jpg);
}
.ccl-iso .thermalimg3 {
  display: none;
  padding: 0px;
  width: calc(100% - 40px);
  margin: 20px;
  padding-top: 52%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/battery.jpeg);
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  background-image: url(../images/Silicone-pads.jpg);
}
.ccl-iso .currentthermal {
  display: block;
}
.ccl-iso .thermalmain {
  /*margin-top:105px;*/
  padding-top: 60px;
  margin-top: 30px;
}
.ccl-iso .venraytitle1 {
  color: black;
  font-size: 3em;
}
.ccl-iso .venraytitlecenter {
  text-align: center;
}
.ccl-iso .venrayimg4 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  display: block;
  background-image: url(../images/treadplate-ccl.jpg);
  height: 278px;
  width: calc(100% - 10px);
  padding: 20px;
  margin: 26px 0px 0px 5px;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}
.ccl-iso .flex-container-venray {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 80px;
}
.ccl-iso .flex-container-venray > div {
  min-width: 200px;
  margin: 5px 5px 100px 5px;
  border-radius: 10px;
  width: 236px;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
}
.ccl-iso .venray-module-hover {
  margin: 0px;
  padding: 0px;
  background: #004a9cbf;
  height: 100%;
  color: white;
  border-radius: 10px;
  padding: 12px;
  cursor: default;
  opacity: 0;
}
.ccl-iso .venray-module-hover:hover {
  opacity: 1;
}
.ccl-iso .venray-module-img-1 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/Printed-Electronics-Human-Machine-Interface-Products.png);
}
.ccl-iso .venray-module-img-2 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/Printed-Electronics-Human-Machine-Interface-Products.png);
  background-image: url(../images/Decorative-Products-automotive-film.png);
}
.ccl-iso .venray-module-img-3 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/Printed-Electronics-Human-Machine-Interface-Products.png);
  background-image: url(../images/acrylic-foam-tape-applications-automatic-lawn-mower.jpg);
}
.ccl-iso .venray-module-img-4 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/Printed-Electronics-Human-Machine-Interface-Products.png);
  background-image: url(../images/capacitive-touch.jpg);
}
.ccl-iso .venray-module-img-5 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/Printed-Electronics-Human-Machine-Interface-Products.png);
  background-image: url(../images/acrylic-foam-tapes-industrial-and-automotive-applications.jpg);
}
.ccl-iso .venray-module-img-6 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/Printed-Electronics-Human-Machine-Interface-Products.png);
  background-image: url(../images/thermal-interface-materials-applications-electric-car.jpg);
}
.ccl-iso .venray-module-img-7 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/Printed-Electronics-Human-Machine-Interface-Products.png);
  background-image: url(../images/acrylic-foam-tapes-part.jpg);
}
.ccl-iso .venray-module-img-8 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/Printed-Electronics-Human-Machine-Interface-Products.png);
  background-image: url(../images/Silicone-pads.jpg);
}
@media (max-width: 800px) {
  .ccl-iso .flex-container {
    flex-direction: column;
  }
}
.ccl-iso .gridcontent2 {
  padding: 0 10px;
  text-align: center;
}
.ccl-iso .gridcontent3 {
  padding: 0 10px;
  text-align: center;
}
.ccl-iso .noise-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999999;
}
.ccl-iso .noise-bg,
.ccl-iso .noise-bg:before {
  position: fixed;
  pointer-events: none;
}
.ccl-iso .noise-bg:before {
  content: "";
  top: -10rem;
  left: -10rem;
  width: calc(100% + 20rem);
  height: calc(100% + 20rem);
  z-index: 9999;
  background-image: url(../images/noise.png);
  opacity: 0.85;
}
.ccl-iso .noise-bg.is-ready:before {
  -webkit-animation: noise 1s steps(2) infinite;
  animation: noise 1s steps(2) infinite;
}
@-webkit-keyframes noise {
  0% {
    transform: translate3d(0, 9rem, 0);
  }
  10% {
    transform: translate3d(-1rem, -4rem, 0);
  }
  20% {
    transform: translate3d(-8rem, 2rem, 0);
  }
  30% {
    transform: translate3d(9rem, -9rem, 0);
  }
  40% {
    transform: translate3d(-2rem, 7rem, 0);
  }
  50% {
    transform: translate3d(-9rem, -4rem, 0);
  }
  60% {
    transform: translate3d(2rem, 6rem, 0);
  }
  70% {
    transform: translate3d(7rem, -8rem, 0);
  }
  80% {
    transform: translate3d(-9rem, 1rem, 0);
  }
  90% {
    transform: translate3d(6rem, -5rem, 0);
  }
  to {
    transform: translate3d(-7rem, 0, 0);
  }
}
@keyframes noise {
  0% {
    transform: translate3d(0, 9rem, 0);
  }
  10% {
    transform: translate3d(-1rem, -4rem, 0);
  }
  20% {
    transform: translate3d(-8rem, 2rem, 0);
  }
  30% {
    transform: translate3d(9rem, -9rem, 0);
  }
  40% {
    transform: translate3d(-2rem, 7rem, 0);
  }
  50% {
    transform: translate3d(-9rem, -4rem, 0);
  }
  60% {
    transform: translate3d(2rem, 6rem, 0);
  }
  70% {
    transform: translate3d(7rem, -8rem, 0);
  }
  80% {
    transform: translate3d(-9rem, 1rem, 0);
  }
  90% {
    transform: translate3d(6rem, -5rem, 0);
  }
  to {
    transform: translate3d(-7rem, 0, 0);
  }
}
.ccl-iso .bg1 {
  height: 1147px;
  background-image: linear-gradient(to right, #0057b8 0%, #63cfbb 100%);
}
.ccl-iso .bg2 {
  height: 695px;
}
.ccl-iso .bg3 {
  min-height: 700px;
  z-index: -2;
  width: 100%;
}
.ccl-iso .bg4 {
  height: 1280px;
  background-image: linear-gradient(to right, #0057b8 0%, #63cfbb 100%);
  z-index: 2;
}
.ccl-iso .whiteboxarea {
  background: white;
  width: calc(100% - 10px);
  padding: 55px;
  margin: 116px 0px 0px 76px;
  border-radius: 13px;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}
.ccl-iso .whiteboxarea2 {
  background: white;
  width: 100%;
  padding: 20px;
  margin: 36px 0px 0px 0px;
  border-radius: 13px;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}
.ccl-iso .whiteboxarea3 {
  background: white;
  padding: 10px;
  margin: -140px 10px 10px 10px;
  border-radius: 13px;
  float: right;
  max-width: unset;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  backdrop-filter: blur(12px);
  background-color: #ffffffcf;
}
.ccl-iso .colouredbackground {
  background-image: linear-gradient(to bottom, #0057b8 0%, #63cfbb 100%);
  display: block;
  position: absolute;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  right: 30px;
  width: 60%;
  /*height: 930px;*/
  height: 830px;
  border-radius: 0px;
  margin-top: -473px;
}
.ccl-iso .mcgaviganlist1 {
  line-height: 28px;
  justify-content: center;
  text-align: center;
  list-style: none;
  padding: 0px;
  margin-left: 0px;
  margin-top: 26px;
  text-decoration: underline;
}
.ccl-iso .idtreveal {
  cursor: pointer;
}
.ccl-iso .idtreveal:hover {
  color: #64ff7b;
}
.ccl-iso .automotiveproductscontainer {
  width: 98%;
  margin: auto;
  height: 800px;
  padding-top: 75px;
}
.ccl-iso .automotiveproductscontainer2 {
  width: 98%;
  margin: auto;
  height: 800px;
}
.ccl-iso .automotiveproductsbgsection3 {
  background: #262626;
  width: 100%;
  z-index: 1;
  min-height: 700px;
}
.ccl-iso .automotiveproductscontainer3 {
  position: absolute;
  width: 100%;
  z-index: 0;
  height: 950px;
}
.ccl-iso .autosubcontainer {
  width: 98%;
  margin: auto;
  height: 800px;
}
.ccl-iso .textarea1 {
  /*margin: 100px 0px 0px 15%;
    position: absolute;*/
  color: white;
  width: 100%;
  position: absolute;
}
.ccl-iso .idt-list {
  padding-left: 20px;
}
.ccl-iso .mcgaviganimg1 {
  background-image: url(../images/mcgavigan-centre-console-parts.jpg);
  display: block;
  width: 466px;
  height: 373px;
  float: right;
  margin-top: -12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-right: -600px;
  display: none;
}
.ccl-iso .mcgaviganimg2 {
  background-image: url(../images/mcgavigan-centre-console-parts.jpg);
  width: 466px;
  height: 373px;
  float: right;
  margin-top: -12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-right: -600px;
  display: none;
  background-image: url(../images/automotive-dashboard-display.jpg);
  margin-top: 336px;
  height: 312px;
  margin-right: 0px;
  display: block;
  float: none;
  width: 100%;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}
.ccl-iso .mcgaviganimg3 {
  background-image: url(../images/mcgavigan-centre-console-parts.jpg);
  display: block;
  width: 466px;
  height: 373px;
  float: right;
  margin-top: -12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-right: -600px;
  display: none;
  background-image: url(../images/mcgavigan-dashbooard-infotainment-part.jpg);
  margin-top: 466px;
  margin-right: -686px;
  width: 419px;
  height: 265px;
}
.ccl-iso .mcgaviganimg4 {
  background-image: url(../images/mcgavigan-centre-console-parts.jpg);
  width: 466px;
  height: 373px;
  float: right;
  margin-top: -12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-right: -600px;
  display: none;
  background-image: url(../images/gear-shift-mcgavigan-part.jpg);
  margin-top: 16px;
  height: 238px;
  margin-right: 0px;
  display: block;
  width: 100%;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.ccl-iso .mcgaviganimg5 {
  background-image: url(../images/mcgavigan-centre-console-parts.jpg);
  display: block;
  width: 466px;
  height: 373px;
  float: right;
  margin-top: -12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-right: -600px;
  display: none;
  background-image: url(../images/automatic-gear-stick.jpg);
  margin-right: -237px;
  margin-top: -21px;
  height: 310px;
}
.ccl-iso .mcgaviganimg6 {
  background-image: url(../images/decorative-interior-trim-3.jpg);
  display: block;
  width: 466px;
  height: 310px;
  margin-top: -12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  float: left;
  display: none;
}
.ccl-iso .mcgaviganimg7 {
  background-image: url(../images/decorative-interior-trim-3.jpg);
  width: 466px;
  height: 310px;
  margin-top: -12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  float: left;
  display: none;
  background-image: url(../images/decorative-interior-trim-2.jpg);
  display: block;
  margin-left: 0px;
  margin-top: 10px;
  width: 100%;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.ccl-iso .mcgaviganboxdetail {
  background-image: url(../images/mcgavigan-centre-console-parts.jpg);
  display: block;
  width: 466px;
  height: 373px;
  float: right;
  margin-top: -12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
  z-index: 2;
  margin-right: -600px;
  /*background-image: linear-gradient(to bottom, #92fe9d 0%, #00c9ff 100%);*/
  background-image: none;
  z-index: 1;
  width: 628px;
  height: 526px;
  border-radius: 0px;
  margin-top: 122px;
  margin-right: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  display: none;
  opacity: 0;
}
.ccl-iso .diagonallines {
  background: #02cafe;
  transform: skew(-45deg);
  width: 2px;
  float: left;
  margin-right: 7px;
  animation: lineheight 0.8s infinite;
  animation-timing-function: linear;
  margin-top: 26px;
}
.ccl-iso .diagonallines2 {
  display: none;
}
@-webkit-keyframes lineheight {
  0% {
    height: 81%;
  }
  100% {
    height: 100%;
  }
}
.ccl-iso .linesbgcontainer {
  height: 96px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  clip-path: polygon(16% 32%, 95% 29%, 95% 82%, 16% 81%);
  margin-top: -39px;
  margin-left: -79px;
  width: 320px;
  margin-left: calc(50% - 226px);
}
.ccl-iso .mcgavigantitle1 {
  margin-bottom: 0px;
  width: 300px;
  z-index: 6;
  position: absolute;
  font-size: 1.7em;
  margin-top: 0px;
  text-align: center;
  margin-left: calc(50% - 150px);
}
.ccl-iso .mcgavigantitle2 {
  margin-bottom: 0px;
  width: 300px;
  z-index: 6;
  position: absolute;
  font-size: 1.7em;
  margin-top: 0px;
  text-align: center;
  margin-left: calc(50% - 150px);
  position: unset;
  margin: 0px;
  color: #4d4d4d;
  width: 100%;
}
.ccl-iso .heximg {
  position: absolute;
  z-index: 1;
  margin: 123px 0px 0px 104px;
  width: 102px;
  height: 102px;
}
.ccl-iso .hexphone {
  position: absolute;
  z-index: 1;
  width: 56px;
  margin: 120px 0px 0px 126px;
}
.ccl-iso .hextitlecontainer {
  width: 80px;
  text-align: center;
}
.ccl-iso .hextitle {
  margin-top: 47px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.ccl-iso .hexagonleft {
  background: #4f7b9f;
  background: linear-gradient(180deg, #4f7b9f 0%, #263b4c 100%);
}
.ccl-iso .hexagonright {
  background: #503d99;
  background: linear-gradient(180deg, #503d99 0%, #c63d66 100%);
}
.ccl-iso .hexp {
  text-align: center;
  color: white;
  font-size: 9.5px;
  padding-left: 9px;
  padding-right: 9px;
}
.ccl-iso .hexpmargin {
  margin-top: 2px;
}
.ccl-iso .hexpmargin2 {
  margin-top: 0px;
}
.ccl-iso .hexp2 {
  width: 98%;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  background: #f3f3f3;
  padding: 20px;
  border-radius: 10px;
  font-size: 20px;
  box-shadow: 10px 10px 20px #bebebe, -10px -10px 20px #ffffff;
}
.ccl-iso .hexcontainer {
  display: flex;
  margin: auto;
  width: 310px;
}
.ccl-iso .hexcontainer2 {
  display: flex;
  margin: auto;
  width: 240px;
  margin-top: -138px;
}
.ccl-iso .hexcontainer3 {
  display: flex;
  margin: auto;
  width: 160px;
  margin-top: -137px;
}
.ccl-iso .hexagon {
  position: relative;
  width: 80px;
  height: 43.21px;
  margin: 82.6px 2px;
  overflow-wrap: break-word;
}
.ccl-iso .hexagon:before,
.ccl-iso .hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 38px solid transparent;
  border-right: 38px solid transparent;
}
.ccl-iso .hexagonleft:before {
  bottom: 100%;
  border-bottom: 25.6px solid #4f7b9f;
}
.ccl-iso .hexagonleft:after {
  top: 100%;
  width: 0;
  border-top: 25.6px solid #263b4c;
}
.ccl-iso .hexagonright:before {
  bottom: 100%;
  border-bottom: 25.6px solid #503d99;
}
.ccl-iso .hexagonright:after {
  top: 100%;
  width: 0;
  border-top: 25.6px solid #c63d66;
}
.ccl-iso .mousewheel {
  display: none;
}
.ccl-iso .ccllogocontainer {
  position: absolute;
  bottom: 87px;
  left: 6.5%;
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 21px;
}
.ccl-iso .bigvideo {
  width: 80%;
  margin: auto;
}
.ccl-iso .part3D {
  width: 100%;
  margin: auto;
}
.ccl-iso .certbannerbg {
  min-height: 250px;
  background-image: url(../images/Cetificaciones.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .slpbg {
  background-image: url(../images/slp-bg.jpg);
  min-height: 350px;
}
.ccl-iso .sidt {
  background-image: url(../images/sustainability-globe-grass-in-green-forest.jpg);
  min-height: 300px;
}
.ccl-iso .video-header {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100vh;
  overflow:hidden;
}
/*.ccl-iso .video-header,*/
.ccl-iso .video-header .viewport-header {
  width: calc(100vw - 20px);
  height: 100%;
  position: absolute;
  top: 0;
}
.ccl-iso .ccl-blue-video-hero video {
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ccl-iso .ccl-blue-video-hero video {
  background: #0057b8;
  object-fit: cover;
}
.ccl-iso .video-header video {
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ccl-iso .video-header video {
  background: #0057b8;
  object-fit: cover;
}
.ccl-iso .video-header .viewport-header {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ccl-iso main p {
  max-width: 600px;
  margin: 1rem auto;
}
.ccl-iso .sectors {
  min-height: 350px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .sectors2 {
  min-height: 350px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}
.ccl-iso .sectorheaders {
  color: white;
  font-weight: 600;
  text-align: center;
  font-size: 1.7em;
  margin: 0px;
  padding-top: 144px;
}
.ccl-iso .sectors:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 350px;
  display: block;
  background: #0057b8;
  opacity: 0.5;
}
.ccl-iso .sectors2:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 350px;
  display: block;
  background: #0057b8;
  opacity: 0.62;
}
.ccl-iso .seperatortext {
  position: relative;
  float: right;
  text-align: right;
  padding-top: 121px;
  width: 317px;
  padding-right: 50px;
  font-size: 20px;
  color: white;
}
.ccl-iso .seperatortextsidt {
  position: absolute;
  text-align: center;
  padding: 10px;
  width: 470px;
  color: white;
  margin-top: 120px;
  backdrop-filter: blur(12px);
  margin-left: calc(50% - 235px);
  border-radius: 10px;
  background-color: #10101021;
  font-size: 30px;
}
.ccl-iso .flex-container {
  width: 80%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 65px;
  padding-bottom: 65px;
}
.ccl-iso .flex-box {
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
  width: calc(16.6% - 20px);
  min-width: 100px;
}
.ccl-iso .flex-box img {
  width: 100%;
  max-width: 90px;
  vertical-align: middle;
  border-style: none;
}
.ccl-iso .certifications {
  min-height: 250px;
  background: #0057b8;
}
.ccl-iso .secondaryheading {
  margin-bottom: 40px;
  font-size: 1.3em;
  font-family: 'graphik-light';
  text-align: center;
  color: #4d4d4d;
}
.ccl-iso .justify {
  text-align: justify;
}
.ccl-iso .sustainabilitybtn {
  box-shadow: 0px 6px 9px -1px #02020252;
}
.ccl-iso .socialresponsibility {
  border: 1px solid #e8e8e8;
  border-top: 6px solid #0057b8;
  padding: 0px 20px 20px 20px;
  border-radius: 0px 0px 15px 15px;
  margin-bottom: 10px;
}
.ccl-iso .sustainabilityscrollto {
  height: 60px;
  width: 100%;
}
.ccl-iso .column_bp {
  width: 100%;
}
.ccl-iso .column_bp2 {
  width: 100%;
  margin: auto;
}
.ccl-iso #tilt {
  transition: transform 0.1s;
}
.ccl-iso #tilt:hover {
  cursor: pointer;
}
.ccl-iso .interactivebrandprotection {
  background: url(../images/bp-ds.png);
  height: 140px;
  width: 609px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  margin-top: 150px;
  margin-bottom: 150px;
  transition: all ease;
  display: none;
}
.ccl-iso .interactivebrandprotectionCN {
  background: url(../images/bp-ds.png);
  height: 140px;
  width: 609px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  margin-top: 150px;
  margin-bottom: 150px;
  transition: all ease;
  display: none;
}
.ccl-iso .bptextsettings {
  background: white;
  background: #ffffffe0;
  padding: 10px;
  width: 132px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 8px 14px -3px;
  position: absolute;
  margin-left: -144px;
  margin-top: 21px;
}
.ccl-iso .bptextsettings:after {
  content: "";
  position: absolute;
  border-width: 10px;
  border-style: solid;
}
.ccl-iso .bptext1 {
  background: white;
  background: #ffffffe0;
  padding: 10px;
  width: 132px;
  text-align: center;
  border-radius: 10px;
  position: absolute;
  box-shadow: 5px 8px 14px -3px;
  margin-left: -144px;
  margin-top: 21px;
}
.ccl-iso .bptext1:after {
  content: "";
  position: absolute;
  border-width: 10px;
  border-style: solid;
}
.ccl-iso .bptext1:after {
  top: 38%;
  left: 100%;
  border-color: transparent transparent transparent white;
}
.ccl-iso .bptext2 {
  background: white;
  background: #ffffffe0;
  padding: 10px;
  width: 132px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 8px 14px -3px;
  position: absolute;
  margin-left: -144px;
  margin-top: 21px;
  box-shadow: 0px 8px 14px -3px;
  margin-left: 0px;
  margin-top: -119px;
}
.ccl-iso .bptext2:after {
  content: "";
  position: absolute;
  border-width: 10px;
  border-style: solid;
}
.ccl-iso .bptext2:after {
  top: 100%;
  left: 45%;
  border-color: white transparent transparent transparent;
}
.ccl-iso .bptext3 {
  background: white;
  background: #ffffffe0;
  padding: 10px;
  width: 132px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 8px 14px -3px;
  position: absolute;
  margin-left: -144px;
  margin-top: 21px;
  box-shadow: 0px 8px 14px -3px;
  margin-left: 141px;
  margin-top: -102px;
}
.ccl-iso .bptext3:after {
  content: "";
  position: absolute;
  border-width: 10px;
  border-style: solid;
}
.ccl-iso .bptext3:after {
  top: 100%;
  left: 45%;
  border-color: white transparent transparent transparent;
}
.ccl-iso .bptext4 {
  background: white;
  background: #ffffffe0;
  padding: 10px;
  width: 132px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 8px 14px -3px;
  position: absolute;
  margin-left: -144px;
  margin-top: 21px;
  box-shadow: 0px 8px 14px -3px;
  margin-left: 281px;
  margin-top: -66px;
}
.ccl-iso .bptext4:after {
  content: "";
  position: absolute;
  border-width: 10px;
  border-style: solid;
}
.ccl-iso .bptext4:after {
  top: 100%;
  left: 45%;
  border-color: white transparent transparent transparent;
}
.ccl-iso .bptext5 {
  background: white;
  background: #ffffffe0;
  padding: 10px;
  width: 132px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 8px 14px -3px;
  position: absolute;
  margin-left: -144px;
  margin-top: 21px;
  box-shadow: 0px 8px 14px -3px;
  margin-left: 422px;
  margin-top: -102px;
}
.ccl-iso .bptext5:after {
  content: "";
  position: absolute;
  border-width: 10px;
  border-style: solid;
}
.ccl-iso .bptext5:after {
  top: 100%;
  left: 45%;
  border-color: white transparent transparent transparent;
}
.ccl-iso .bptext6 {
  background: white;
  background: #ffffffe0;
  padding: 10px;
  width: 132px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 8px 14px -3px;
  position: absolute;
  margin-left: -144px;
  margin-top: 21px;
  box-shadow: -4px 8px 14px -3px;
  margin-left: 561px;
  margin-top: -53px;
}
.ccl-iso .bptext6:after {
  content: "";
  position: absolute;
  border-width: 10px;
  border-style: solid;
}
.ccl-iso .bptext6:after {
  top: 66%;
  left: -13%;
  border-color: transparent white transparent transparent;
}
.ccl-iso .bptext7 {
  background: white;
  background: #ffffffe0;
  padding: 10px;
  width: 132px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 8px 14px -3px;
  position: absolute;
  margin-left: -144px;
  margin-top: 21px;
  box-shadow: -4px 8px 14px -3px;
  margin-left: 589px;
  margin-top: 35px;
}
.ccl-iso .bptext7:after {
  content: "";
  position: absolute;
  border-width: 10px;
  border-style: solid;
}
.ccl-iso .bptext7:after {
  top: 38%;
  left: -13%;
  border-color: transparent white transparent transparent;
}
.ccl-iso .bptext8 {
  background: white;
  background: #ffffffe0;
  padding: 10px;
  width: 132px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 8px 14px -3px;
  position: absolute;
  margin-left: -144px;
  margin-top: 21px;
  box-shadow: 0px 0px 14px 0px;
  margin-left: 277px;
  margin-top: 145px;
}
.ccl-iso .bptext8:after {
  content: "";
  position: absolute;
  border-width: 10px;
  border-style: solid;
}
.ccl-iso .bptext8:after {
  top: -21%;
  left: 45%;
  border-color: transparent transparent white transparent;
}
.ccl-iso .bptext9 {
  background: white;
  background: #ffffffe0;
  padding: 10px;
  width: 132px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 8px 14px -3px;
  position: absolute;
  margin-left: -144px;
  margin-top: 21px;
  box-shadow: 0px 0px 14px 0px;
  margin-left: 65px;
  margin-top: 129px;
}
.ccl-iso .bptext9:after {
  content: "";
  position: absolute;
  border-width: 10px;
  border-style: solid;
}
.ccl-iso .bptext9:after {
  top: -21%;
  left: 45%;
  border-color: transparent transparent white transparent;
}
.ccl-iso .sustainabilityimg {
  width: 50%;
  float: right;
  box-shadow: 0px 11px 11px -6px #8c8c8c;
  border-radius: 10px;
  margin: 0px 0px 15px 15px;
}
.ccl-iso .aerolistcontainer {
  background: #f7f7f7;
  width: 50%;
  margin: 10px;
  /*display: flex;*/
  box-shadow: 0px 10px 13px -5px #888888;
  padding:1em;
}

.ccl-iso .aerolistcontainer > h3
{
    margin-left:1em;
}

.ccl-iso .bp-info {
  width: 20px;
  height: 20px;
  background: #0057b8;
  position: absolute;
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  font-style: italic;
  font-family: serif;
  font-weight: bold;
  color: white;
}
.ccl-iso .bp-info1 {
  width: 20px;
  height: 20px;
  background: #0057b8;
  position: absolute;
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  font-style: italic;
  font-family: serif;
  font-weight: bold;
  color: white;
  margin-left: 30px;
  margin-top: -7px;
}
.ccl-iso .bp-info2 {
  width: 20px;
  height: 20px;
  background: #0057b8;
  position: absolute;
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  font-style: italic;
  font-family: serif;
  font-weight: bold;
  color: white;
  margin-left: 70px;
  margin-top: -7px;
}
.ccl-iso .bp-info3 {
  width: 20px;
  height: 20px;
  background: #0057b8;
  position: absolute;
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  font-style: italic;
  font-family: serif;
  font-weight: bold;
  color: white;
  margin-left: 133px;
  margin-top: -10px;
}
.ccl-iso .bp-info4 {
  width: 20px;
  height: 20px;
  background: #0057b8;
  position: absolute;
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  font-style: italic;
  font-family: serif;
  font-weight: bold;
  color: white;
  margin-left: 177px;
  margin-top: -7px;
}
.ccl-iso .bp-info5 {
  width: 20px;
  height: 20px;
  background: #0057b8;
  position: absolute;
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  font-style: italic;
  font-family: serif;
  font-weight: bold;
  color: white;
  margin-left: 205px;
  margin-top: 0px;
}
.ccl-iso .bp-info6 {
  width: 20px;
  height: 20px;
  background: #0057b8;
  position: absolute;
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  font-style: italic;
  font-family: serif;
  font-weight: bold;
  color: white;
  margin-left: 206px;
  margin-top: 30px;
}
.ccl-iso .bp-info7 {
  width: 20px;
  height: 20px;
  background: #0057b8;
  position: absolute;
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  font-style: italic;
  font-family: serif;
  font-weight: bold;
  color: white;
  margin-left: 128px;
  margin-top: 44px;
}
.ccl-iso .bp-info8 {
  width: 20px;
  height: 20px;
  background: #0057b8;
  position: absolute;
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  font-style: italic;
  font-family: serif;
  font-weight: bold;
  color: white;
  margin-left: 30px;
  margin-top: 46px;
}
.ccl-iso .bp-info9 {
  width: 20px;
  height: 20px;
  background: #0057b8;
  position: absolute;
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  font-style: italic;
  font-family: serif;
  font-weight: bold;
  color: white;
  margin-left: -14px;
  margin-top: 14px;
}
.ccl-iso .aerolist {
  width: 100%;
  position: relative;
  float: right;
}
.ccl-iso .bpinfopopup {
  text-decoration: none;
}
.ccl-iso .bpinfopopup span {
  display: none;
}
.ccl-iso .bpinfopopup:hover span {
  display: block;
  position: fixed;
  overflow: hidden;
}
.ccl-iso .bpinfopopup2 {
  text-decoration: none;
}
.ccl-iso .bpinfopopup2 span {
  display: none;
}
.ccl-iso .bpinfopopup2:hover span {
  display: block;
  position: fixed;
  overflow: hidden;
}
.ccl-iso .bpinfopopupbox {
  padding: 15px;
  background: white;
  color: #4d4d4d;
  border-radius: 5px;
  width: 130px;
  text-align: center;
  box-shadow: 0px 4px 5px 0px #888888;
  z-index: 1;
  font-family: 'graphik-light';
  font-size: 14px;
}
.ccl-iso .tooltip1 {
  text-decoration: none;
  position: relative;
}
.ccl-iso .tooltip1 div {
  display: none;
}
.ccl-iso .tooltip1:hover div {
  display: block;
  position: fixed;
  overflow: hidden;
}
.ccl-iso .tooltip2 {
  text-decoration: none;
  position: relative;
}
.ccl-iso .tooltip2 div {
  display: none;
}
.ccl-iso .tooltip2:hover div {
  display: block;
  position: fixed;
  overflow: hidden;
}
.ccl-iso .toolmain {
  padding: 20px;
  background: white;
  color: #4d4d4d;
  border-radius: 5px;
  width: 130px;
  text-align: center;
}
.ccl-iso .arrow {
  margin-top: 19px;
  margin-left: -15px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent white transparent transparent;
}
.ccl-iso .arrow2 {
  margin-top: 19px;
  margin-left: 130px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent white;
}
.ccl-iso .qualitylogos2 {
  width: 178px;
  margin: auto;
  margin-top: 20px;
  display: block;
}
.ccl-iso .newmappin {
  margin-left: 119px;
  margin-top: 219px;
  float: left;
  width: 45px;
  height: 73px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/pin_blue.png);
}
.ccl-iso .newmappin:before {
  content: "text";
  width: 100px;
  height: 300px;
}
.ccl-iso .modalCapabilities {
  margin: auto;
  width: 182px;
  color: white;
}
.ccl-iso .modalCapabilitiesContainer {
  display: none;
  position: absolute;
  padding: 30px;
  background: white;
  width: 500px;
  margin-left: 40px;
  margin-top: 20px;
  border-radius: 15px;
}
.ccl-iso .tiles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ccl-iso .tile {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
}
.ccl-iso .photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform 0.5s ease-out;
}
.ccl-iso .zoomimgcontainer {
  width: 100%;
  margin: auto;
  display: inline;
}
.ccl-iso .left {
  position: relative;
  display: inline-block;
  width: 100%;
}
.ccl-iso .right {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: 130px;
}
.ccl-iso .txt {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 10%;
  left: 0;
  font-size: 9px;
  line-height: 12px;
  text-align: center;
  cursor: default;
}
.ccl-iso .x {
  font-size: 32px;
  line-height: 32px;
}
.ccl-iso .sublink {
  margin-left: 7px;
}
.ccl-iso .conditionsofsalesublink {
  color: white;
  display: none;
}
.ccl-iso .conditionsofsalesublink:hover {
  color: #7cb9ff;
  cursor: pointer;
}
.ccl-iso .conditionsofsalesublink:visited {
  color: white;
}
.ccl-iso .conditionsofsalesublink:visited:hover {
  color: #7cb9ff;
}
.ccl-iso a {
  text-decoration: none;
}
.ccl-iso .electronicsvideocontainer {
  margin: 50px auto 70px auto;
  width: 80%;
  border-radius: 10px;
}
.ccl-iso .electronicsvideo {
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 16px 6px -12px #4e4e4e;
}
.ccl-iso .module-flex {
  display: flex;
}
.ccl-iso .module {
  box-shadow: 0px 3px 7px 1px #dedede;
  padding: 15px;
  border-radius: 5px;
  margin: 20px;
  width: 30%;
}
.ccl-iso .offices {
  background: url(../images/office.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 230px;
  width: 100%;
}
.ccl-iso .leftside {
  width: 100%;
  min-height: 230px;
  position: relative;
  border-radius: 5px;
}
.ccl-iso .safetyh2 {
  margin: 10px 0px 15px 0px;
  text-align: center;
}
.ccl-iso .safetylist1 {
  text-align: left;
  width: 98%;
  margin: 43px auto 0px auto;
}
.ccl-iso .hospitality {
  background: url(../images/hospitality.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .transport {
  background: url(../images/transport.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso #email {
  margin-left: -2000px;
  height: 0px;
  padding: 0px;
  border: 0px;
}
.ccl-iso .vacanciesbtn {
  text-decoration: none;
  color: white;
  font-family: graphik-light;
}
.ccl-iso .vacanciesbtn:hover {
  cursor: pointer;
  color: #0057b8;
}
.ccl-iso #MainContent_email {
  margin-left: -2000px;
  height: 0px;
  padding: 0px;
  border: 0px;
}
.ccl-iso #filterLocation {
  width: 350px;
  margin: 0px 10px 10px 10px;
  outline: none;
}
.ccl-iso #filterLocation:focus {
  box-shadow: 0px 0px 5px #aaaaaa;
}
.ccl-iso #filterLocation:hover {
  box-shadow: 0px 0px 5px #aaaaaa;
}
.ccl-iso .dropdown {
  color: grey;
}
.ccl-iso .cookies {
  font-family: graphik-light;
  border-collapse: collapse;
  width: 100%;
}
.ccl-iso .cookies td,
.ccl-iso .cookies th {
  border: 1px solid #ddd;
  padding: 8px;
}
.ccl-iso .cookies tr:nth-child(even) {
  background-color: #f2f2f2;
}
.ccl-iso .cookies tr:hover {
  background-color: #ddd;
}
.ccl-iso .cookies th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #0057b8;
  color: white;
}
.ccl-iso .blogcontainer {
  width: 100%;
  padding: 20px;
  min-height: 300px;
  line-height:1.4;
}
.ccl-iso .newscontainer {
  width: 100%;
  padding: 20px;
  min-height: 300px;
  display: none;
}
.ccl-iso .floated {
  float: right;
  width: 150px;
}
.ccl-iso .iso-icon {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/iso-9001.png);
  width: 110px;
  height: 111px;
  margin-top: 25px;
  margin: auto;
}
.ccl-iso .iso-icondark {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/iso-9001.png);
  width: 110px;
  height: 111px;
  margin-top: 25px;
  background-image: url(../images/iso-9100-dark.png);
  margin: auto;
}
.ccl-iso .ul-logo {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/iso-9001.png);
  width: 110px;
  height: 111px;
  margin-top: 25px;
  margin: auto;
  background-image: url(../images/ul-logo.png);
}
.ccl-iso .cul-logo {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/iso-9001.png);
  width: 110px;
  height: 111px;
  margin-top: 25px;
  margin: auto;
  width: 138px;
  background-image: url(../images/cUL_logo.png);
}
.ccl-iso .ul-logo_white {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/iso-9001.png);
  width: 110px;
  height: 111px;
  margin-top: 25px;
  margin: auto;
  background-image: url(../images/ul-logo_white.png);
}
.ccl-iso .cul-logo_white {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/iso-9001.png);
  width: 110px;
  height: 111px;
  margin-top: 25px;
  margin: auto;
  width: 138px;
  background-image: url(../images/cUL_logo_white.png);
}
.ccl-iso .ISO_17025 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/iso-9001.png);
  width: 110px;
  height: 111px;
  margin-top: 25px;
  margin: auto;
  width: 88px;
  background-image: url(../images/ISO_17025.png);
}
.ccl-iso .iso-icon_white {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/iso-9001.png);
  width: 110px;
  height: 111px;
  margin-top: 25px;
  margin: auto;
  background-image: url(../images/iso-9001-white.png);
}
.ccl-iso .blogsection {
  margin: 0px 10px 10px 10px;
  border-radius: 8px;
  border: 1px solid #8080802b;
  display: none;
}
.ccl-iso .newsbtn {
  padding: 5px;
  cursor: pointer;
  text-decoration: underline;
  color: cornflowerblue;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ccl-iso .newsbtn:hover {
  background-color: #e4e4e4;
  border-radius: 5px;
}
.ccl-iso .allnews {
  padding: 5px;
  cursor: pointer;
  text-decoration: underline;
  color: cornflowerblue;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ccl-iso .allnews:hover {
  background-color: #e4e4e4;
  border-radius: 5px;
}
.ccl-iso .vacancybtn {
  padding: 5px;
  cursor: pointer;
  text-decoration: underline;
  color: cornflowerblue;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}
.ccl-iso .vacancybtn:hover {
  background-color: #e4e4e4;
  border-radius: 5px;
}
.ccl-iso .selectednewsstyle {
  background-color: #0057b8;
  color: white;
  padding: 5px;
  text-decoration: none;
  border-radius: 5px;
}
.ccl-iso .selectednews {
  display: block;
}
.ccl-iso .unselectednews {
  display: none;
}
.ccl-iso .about-logos1 {
  width: 50%;
}
.ccl-iso .about-logos2 {
  width: 100%;
}
.ccl-iso .btndecoration {
  text-decoration: none;
}
.ccl-iso .newscolumnmain {
  width: 100%;
  margin: auto;
}
.ccl-iso .newscolumn1 {
  width: 100%;
  min-height: 1px;
  float: left;
}
.ccl-iso .newscolumn2 {
  width: 100%;
  float: left;
}
.ccl-iso .sitemaplinks {
  color: blue;
  text-decoration: none;
}
.ccl-iso .sitemaplinks:hover {
  color: blue;
  text-decoration: underline;
}
.ccl-iso .sitemaplinks:visited {
  color: blue;
}
.ccl-iso .sidtlink {
  color: white;
  text-decoration: underline;
}
.ccl-iso .sidtlink:hover {
  color: #aff3be;
  text-decoration: underline;
}
.ccl-iso .sidtlink:visited {
  color: white;
}
.ccl-iso .sitemaplist {
  list-style: none;
  padding: 10px;
  padding-right: 40px;
}
.ccl-iso .sitemaplist li {
  margin-bottom: 10px;
}
.ccl-iso .sitemaplist2 li {
  margin-bottom: 10px;
}
.ccl-iso .sitemap-subheading {
  font-family: graphik-semibold;
  color: #4d4d4d;
}
.ccl-iso .sitemapcontainer {
  width: calc(320px - 12%);
  margin: auto;
}
.ccl-iso .policiescontainer {
  width: 98%;
  margin: auto;
}
.ccl-iso .sitemap-column {
  width: calc(320px - 12%);
  float: left;
}
.ccl-iso .focusareacontainer {
  width: 260px;
  margin: auto;
}
.ccl-iso .focusarea1 {
  width: 321px;
  height: 250px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  float: left;
  margin: 6px;
  background-image: url(../images/industrial.jpg);
}
.ccl-iso .focusarea2 {
  width: 321px;
  height: 250px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  float: left;
  margin: 6px;
  background-image: url(../images/industrial.jpg);
  background-image: url(../images/thermal_management.jpg);
}
.ccl-iso .focusarea3 {
  width: 321px;
  height: 250px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  float: left;
  margin: 6px;
  background-image: url(../images/industrial.jpg);
  background-image: url(../images/automotivefilm2.png);
}
.ccl-iso .scroll1 {
  position: absolute;
  bottom: 0px;
  left: 80%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  color: #fff;
  font: normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: 0.1em;
  text-decoration: none;
  transition: opacity 0.3s;
  padding-top: 15vh;
  width: 33px;
  margin-left: -16px;
}
.ccl-iso .scroll1:hover {
  opacity: 0.5;
}
.ccl-iso .scroll2 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: scroll-animation 1.5s infinite;
  animation: scroll-animation 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes scroll-animation {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes scroll-animation {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
.ccl-iso .burgericon {
  width: 35px;
  height: 5px;
  background-color: white;
  margin: 6px 0;
}
.ccl-iso .burgericon-scroll {
  background-color: #3d3d3d;
}
.ccl-iso p {
  font-family: graphik-light;
}
.ccl-iso header {
  font-family: graphik-light;
  z-index: 99;
}
.ccl-iso ul {
  font-family: graphik-light;
}
.ccl-iso ol {
  font-family: graphik-light;
}
.ccl-iso .link {
  color: white;
  text-decoration: underline;
  cursor: pointer;
}
.ccl-iso .phone_container {
  width: 270px;
  margin: auto;
}
.ccl-iso .layerbreak_container_phone {
  margin-top: 165px;
}
.ccl-iso .layerbreak_phone {
  width: 270px;
  position: absolute;
}
.ccl-iso .column_phone {
  width: 270px;
  float: left;
}
.ccl-iso .column_phone1 {
  width: 200px;
  float: left;
}
.ccl-iso .phone_container {
  width: 270px;
}
.ccl-iso .column_phone2 {
  display: block;
  width: 283px;
  float: left;
}
.ccl-iso .column_phone1 {
  display: none;
}
.ccl-iso .phone_modal {
  width: 96%;
  height: 25%;
  background: white;
  margin: auto;
  z-index: 100;
  margin-top: 680px;
  border-radius: 20px;
}
.ccl-iso .contactusinput[type=text],
.ccl-iso select,
.ccl-iso textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  /*margin-top: 6px;
  margin-bottom: 16px;*/
  resize: vertical;
}
.ccl-iso .contactusinput[type=submit] {
  background-color: #0057b8;
  color: white;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
  margin-top: 0px;
}
.ccl-iso .contactusinput[type=submit]:hover {
  background-color: #0057b8b5;
}
.ccl-iso .contactus_container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 10px;
  width: 85%;
  margin: auto;
}
.ccl-iso .bpmodalpopup {
  border-radius: 20px;
  background-color: #f2f2f2;
  padding: 0.1% 3% 2% 3%;
  width: 90%;
  margin: auto;
  box-shadow: 0 8px 15px -8px #0000007a;
  font-size:16px;
}
.ccl-iso .popuprow2 {
  margin-top: 46%;
}
.ccl-iso .popuprow3 {
  margin-top: 106%;
}
.ccl-iso .popuprow4 {
  margin-top: 150%;
}
.ccl-iso .contactus_column {
  float: left;
  width: 100%;
  margin-top: 6px;
  padding: 20px;
}
.ccl-iso .contactus_row:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .ccl-iso .contactus_column,
  .ccl-iso .contactusinput[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}
.ccl-iso .contactusfloat {
  height: 50px;
  background-color: white;
  position: fixed;
  right: 30px;
  top: 90%;
  color: #0057b8;
  padding: 9px;
  border: 2px solid #0057b8;
  z-index: 99;
}
.ccl-iso .contactusfloat:hover {
  cursor: pointer;
  background-color: #0057b8;
  color: white;
}
.ccl-iso .contactusfloat p {
  margin-top: 6px;
  text-align: center;
  font-family: graphik-semibold;
}
.ccl-iso .careersfloat {
  height: 50px;
  background-color: white;
  position: fixed;
  right: 30px;
  top: 90%;
  color: #0057b8;
  padding: 9px;
  border: 2px solid #0057b8;
  z-index: 99;
}
.ccl-iso .careersfloat:hover {
  cursor: pointer;
  background-color: #0057b8;
  color: white;
}
.ccl-iso .careersfloat p {
  margin-top: 6px;
  text-align: center;
  font-family: graphik-semibold;
}
.ccl-iso .navlink_header {
  font-family: graphik-semibold;
}
.ccl-iso .descContainer {
  position: relative;
  padding: 24px 40px 24px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  display: none;
  line-height: 24px;
  background-color: #fdfdfd;
}
.ccl-iso .descContainer.show {
  position: relative;
  padding: 0px 0px 0px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  display: block;
  line-height: 24px;
  background-color: #fdfdfd;
  animation: fade-in-bottom ease 0.4s forwards;
}
.ccl-iso .feedExtras {
  list-style: none;
  padding: 0;
  cursor: pointer;
}
.ccl-iso .feedExtras a {
  text-decoration: none;
}
.ccl-iso .listscroll {
  height: 500px;
  overflow: scroll;
  overflow-x: hidden;
}
.ccl-iso .listimage3 {
  line-height: 2em;
  list-style-image: url('../images/listimage3.png');
}
.ccl-iso .listimage2 {
  /*line-height: 2em;
  list-style-image: url('../images/listimage2.png');*/
        list-style: none;
    padding-left: 1em;
    display: table;
}

.ccl-iso .listimage2 li {
    display: table-row;
}

.ccl-iso .listimage2 li::before {
    display: table-cell;
    /* content: "\f061"; */
    content: "\f111";
    font-family: FontAwesome;
    padding-right: 1.5rem;
    color: #fff;
    line-height: 2.2em;
}

.ccl-iso .listimage2.rtl li::before
{
    padding-left: 1em; 
    padding-right: 0;
    width:1em;
}

.ccl-iso .listimage2.rtl
{
    width:100%;
}


.ccl-iso .listimage1 {
  /*line-height: 2em;
  list-style-image: url('../images/listimage1.png');*/
      list-style: none;
    padding-left: 1em;
    display: table;
}
.ccl-iso .listimage1 li {
    display: table-row;
}

.ccl-iso .listimage1 li::before {
    display: table-cell;
    /* content: "\f061"; */
    content: "\f111";
    font-family: FontAwesome;
    padding-right: 1.5rem;
    color: #0057b8;
    line-height: 2.2em;
}

.ccl-iso .listimage1.rtl li::before
{
    padding-left: 1em; 
    padding-right: 0;
    width:1em;
}

.ccl-iso .listimage1.rtl
{
    width: 100%;
    padding-right: 0;
}

.ccl-iso .listlineheight {
  line-height: 1em;
}
.ccl-iso .contactlist {
  line-height: 2em;
  list-style: none;
  padding-left: 0px;
}
.ccl-iso .aqs_container {
  width: 200px;
  margin: auto;
}
.ccl-iso .idt_qs_container {
  width: 200px;
  margin: auto;
}
.ccl-iso .qs_container {
  max-width: 404px;
  margin: auto;
}
.ccl-iso .securitylist1 {
  margin-bottom: 20px;
  list-style: none;
}
.ccl-iso .subheading {
  text-align: center;
}
.ccl-iso .securitylist2 {
  margin-bottom: 16px;
  background: white;
  border: 0px solid white;
  border-radius: 3px;
  width: 69px;
  font-size: 9px;
}
.ccl-iso .securitylayerlist {
  list-style: none;
  transform: skew(-1deg, -31deg) scale(1, 1.5);
  z-index: 1;
  margin-top: -1px;
  color: black;
}
.ccl-iso .phonelist1 {
  margin-bottom: 25px;
}
.ccl-iso .security1 {
  padding-top: 15px;
  text-align: center;
}
.ccl-iso .security2 {
  padding-top: 39px;
  width: 162px;
  float: left;
  margin-left: 48.5%;
  margin-bottom: 100px;
}
.ccl-iso .securitylayerlistarrow {
  background: #ffffff;
  width: 47px;
  height: 1px;
  margin-left: -57px;
  margin-top: 9px;
  float: left;
  display: none;
}
.ccl-iso .phone1 {
  padding-top: 150px;
}
.ccl-iso .phone2 {
  padding-top: 215px;
}
.ccl-iso .phone_modalbg {
  display: none;
  width: 100%;
  height: 100%;
  background: #0000009e;
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 99;
}
.ccl-iso .lens_modalbg {
  display: none;
  width: 100%;
  height: 100%;
  background: #0000009e;
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 99;
}
.ccl-iso .logo_modalbg {
  display: none;
  width: 100%;
  height: 100%;
  background: #0000009e;
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 99;
}
.ccl-iso .mesh_modalbg {
  display: none;
  width: 100%;
  height: 100%;
  background: #0000009e;
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 99;
}
.ccl-iso .micro_modalbg {
  display: none;
  width: 100%;
  height: 100%;
  background: #0000009e;
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 99;
}
.ccl-iso .pcb_modalbg {
  display: none;
  width: 100%;
  height: 100%;
  background: #0000009e;
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 99;
}
.ccl-iso .bezel_modalbg {
  display: none;
  width: 100%;
  height: 100%;
  background: #0000009e;
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 99;
}
.ccl-iso .hightemp_modalbg {
  display: none;
  width: 100%;
  height: 100%;
  background: #0000009e;
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 99;
}
.ccl-iso .barcode_modalbg {
  display: none;
  width: 100%;
  height: 100%;
  background: #0000009e;
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 99;
}
.ccl-iso .thermalspreader_modalbg {
  display: none;
  width: 100%;
  height: 100%;
  background: #0000009e;
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 99;
}
.ccl-iso .phoneimgsettings {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 13px;
  margin: 10px 10px 10px 10px;
  margin-bottom: 10px;
  float: left;
}
.ccl-iso .lenscover {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 13px;
  margin: 10px 10px 10px 10px;
  margin-bottom: 10px;
  float: left;
  background-image: url(../images/zoom-phone-lens.png);
}
.ccl-iso .logoscover {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 13px;
  margin: 10px 10px 10px 10px;
  margin-bottom: 10px;
  float: left;
  background-image: url(../images/zoom-phone-logo.png);
}
.ccl-iso .meshcover {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 13px;
  margin: 10px 10px 10px 10px;
  margin-bottom: 10px;
  float: left;
  background-image: url(../images/zoom-phone-mesh.png);
}
.ccl-iso .microcover {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 13px;
  margin: 10px 10px 10px 10px;
  margin-bottom: 10px;
  float: left;
  background-image: url(../images/zoom-phone-micro.png);
}
.ccl-iso .pcbcover {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 13px;
  margin: 10px 10px 10px 10px;
  margin-bottom: 10px;
  float: left;
  background-image: url(../images/zoom-phone-pcb.png);
}
.ccl-iso .bezelcover {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 13px;
  margin: 10px 10px 10px 10px;
  margin-bottom: 10px;
  float: left;
  background-image: url(../images/zoom-phone-bezel.png);
}
.ccl-iso .hightempcover {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 13px;
  margin: 10px 10px 10px 10px;
  margin-bottom: 10px;
  float: left;
  background-image: url(../images/zoom-phone-hightemp.png);
}
.ccl-iso .barcodecover {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 13px;
  margin: 10px 10px 10px 10px;
  margin-bottom: 10px;
  float: left;
  background-image: url(../images/zoom-phone-barcode.png);
}
.ccl-iso .thermalspreadercover {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 13px;
  margin: 10px 10px 10px 10px;
  margin-bottom: 10px;
  float: left;
  background-image: url(../images/zoom-phone-thermal-spreader.png);
}
.ccl-iso .phone_close {
  font-size: 40px;
  text-decoration: none;
  color: white;
  margin-left: 10px;
}
.ccl-iso .phone_close:hover {
  color: grey;
}
.ccl-iso .securitylayermain {
  margin: auto;
}
.ccl-iso .lens_close {
  font-size: 40px;
  text-decoration: none;
  color: white;
  margin-left: 10px;
}
.ccl-iso .lens_close:hover {
  color: grey;
}
.ccl-iso .logo_close {
  font-size: 40px;
  text-decoration: none;
  color: white;
  margin-left: 10px;
}
.ccl-iso .logo_close:hover {
  color: grey;
}
.ccl-iso .mesh_close {
  font-size: 40px;
  text-decoration: none;
  color: white;
  margin-left: 10px;
}
.ccl-iso .mesh_close:hover {
  color: grey;
}
.ccl-iso .micro_close {
  font-size: 40px;
  text-decoration: none;
  color: white;
  margin-left: 10px;
}
.ccl-iso .micro_close:hover {
  color: grey;
}
.ccl-iso .pcb_close {
  font-size: 40px;
  text-decoration: none;
  color: white;
  margin-left: 10px;
}
.ccl-iso .pcb_close:hover {
  color: grey;
}
.ccl-iso .bezel_close {
  font-size: 40px;
  text-decoration: none;
  color: white;
  margin-left: 10px;
}
.ccl-iso .bezel_close:hover {
  color: grey;
}
.ccl-iso .hightemp_close {
  font-size: 40px;
  text-decoration: none;
  color: white;
  margin-left: 10px;
}
.ccl-iso .hightemp_close:hover {
  color: grey;
}
.ccl-iso .barcode_close {
  font-size: 40px;
  text-decoration: none;
  color: white;
  margin-left: 10px;
}
.ccl-iso .barcode_close:hover {
  color: grey;
}
.ccl-iso .thermalspreader_close {
  font-size: 40px;
  text-decoration: none;
  color: white;
  margin-left: 10px;
}
.ccl-iso .thermalspreader_close:hover {
  color: grey;
}
.ccl-iso .cUL {
  width: 200px;
}
.ccl-iso .altbg {
  background: #0057b8;
}
.ccl-iso .altbg2 {
  background: #001e40;
}
.ccl-iso .altbg3 {
  background: white;
}
.ccl-iso .altbg4 {
  background: #76232f;
}
.ccl-iso .alt_font {
  color: white;
}
.ccl-iso .txtalignright {
  text-align: right;
}
.ccl-iso .rtl {
  text-align: right;
  direction: rtl;
}
.ccl-iso .layerbreak {
  width: 300px;
  position: absolute;
}
.ccl-iso .layerbreak_container {
  margin-top: 177px;
  margin-left: auto;
  margin-right: auto;
}
.ccl-iso .layerbreak_container2 {
  margin-top: 200px;
  margin-left: auto;
  margin-right: auto;
}
.ccl-iso .column3 {
  width: 300px;
  float: left;
  margin-left: calc(50% - 150px);
  z-index: 0;
}
.ccl-iso .img {
  width: 100%;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 8px 15px -8px #777;
  -moz-box-shadow: 0 8px 15px -8px #777;
  box-shadow: 0 8px 15px -8px #777;
  display: block;
  border-radius: 10px;
}

.ccl-iso .btn{
border-radius: 0.25rem;
}

.ccl-iso .btn2 {
  color: whitesmoke;
  max-width: 320px;
  width: auto;
  background: #0057b8;
  text-align: center;
  font-size: 18px;
  padding: 7px 6px;
  border-radius: 3px;
  box-shadow: 0 4px 0 0 #00346e;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 5;
  position: absolute;
  margin: 0;
  margin-right: 15px;
  margin-top: 14px;
  border: 0;
}
.ccl-iso .btn2:hover {
  box-shadow: 0 3px 0 0 #00346e;
  margin-top: 15px;
}
.ccl-iso .btn2:active {
  box-shadow: 0 0 0 0 #002a5a;
  margin-top: 18px;
}
.ccl-iso .imghovercontainer {
  width: 260px;
  margin: 0 auto;
}
.ccl-iso .primarypackagingmodal {
  background-color: #002d5fc4;
  overflow-x: hidden;
  padding-top: 30px;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 99;
}
.ccl-iso .modalvideo {
  margin-left: 10%;
  width: 80%;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
}
.ccl-iso .bpmodals {
  background-color: #002d5fc4;
  overflow-x: hidden;
  padding-top: 150px;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 99;
}
.ccl-iso .bpmodal {
  cursor: pointer;
  padding: 5px;
  border-radius: 22px;
}
.ccl-iso .bpmodal:hover {
  color: #0057b8;
  background: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso .contactuslocations {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 101;
  top: 0;
  background-color: #002d5fc4;
  overflow-x: hidden;
  padding-top: 60px;
  display: none;
}
.ccl-iso .sidenav {
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 100;
  top: 0;
  right: -250px;
  background-color: white;
  overflow-x: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-top: 60px;
}
.ccl-iso .sidenavbg {
  background: #000000b8;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 2;
  display: none;
  animation: all 2s;
}
.ccl-iso .showDesc {
  padding: 0px 0px 0px 28px;
  text-decoration: none;
  font-size: 25px;
  color: #3d3d3d;
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.ccl-iso .showDesc:hover {
  color: #b9b9b9;
}
.ccl-iso .closebtn {
  padding: 0px 0px 0px 28px;
  text-decoration: none;
  font-size: 25px;
  color: #3d3d3d;
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.ccl-iso .closebtn:hover {
  color: #b9b9b9;
}
.ccl-iso .closebtn:hover {
  cursor: pointer;
}
.ccl-iso .close_contactus {
  padding: 0px 0px 0px 28px;
  text-decoration: none;
  font-size: 25px;
  color: #3d3d3d;
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  right: calc(7.5% + 15px);
  position: absolute;
  font-size: 50px;
}
.ccl-iso .close_contactus:hover {
  color: #b9b9b9;
}
.ccl-iso .close_contactus:hover {
  cursor: pointer;
}
.ccl-iso .close_bpmodals {
  text-decoration: none;
  color: #3d3d3d;
  display: block;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 50px;
  float: right;
  cursor: pointer;
  height: 51px;
}
.ccl-iso .close_bpmodals:hover {
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ccl-iso .subnav {
  color: #3d3d3d;
  font-family: graphik-light;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 4px 0 0 0;
}
.ccl-iso .subnav:hover {
  color: #b9b9b9;
}
.ccl-iso .subnavlink {
  color: #3d3d3d;
  font-family: graphik-light;
  cursor: pointer;
  text-decoration: none;
}
.ccl-iso .subnavlink:hover {
  color: #b9b9b9;
}
.ccl-iso .subnavheader {
  color: #3d3d3d;
  font-family: graphik-light;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 4px 0 0 0;
  font-family: graphik-semibold;
  cursor: default;
}
.ccl-iso .subnavheader:hover {
  color: #b9b9b9;
}
.ccl-iso .sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 50px;
}
.ccl-iso .modalsection1 {
  width: 100%;
  height: 100%;
}
.ccl-iso .sectioncontents {
  width: 100%;
  margin-top: 0%;
}
.ccl-iso .sectioncontents2 {
  width: 100%;
  margin-top: 0%;
}
.ccl-iso .tab-content {
  width: 98%;
  margin: auto;
  padding-top: 25px;
  display: none;
  padding: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso .tab-content.current {
  display: inherit;
}
.ccl-iso .tab-content2 {
  width: 98%;
  margin: auto;
  padding-top: 25px;
  display: none;
  padding: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso .tab-content2.current {
  display: inherit;
}
.ccl-iso .tabs_list {
  width: 98%;
  margin-right: 2%;
  text-align: left;
  list-style-type: none;
  padding: 0;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
.ccl-iso .tabs_list li {
  margin-bottom: 40px;
}
.ccl-iso .tabs_list_nested {
  margin-top: 20px;
}
.ccl-iso .tabs_list_nested li {
  margin-bottom: 10px;
}
.ccl-iso .brandinglabelsimg {
  width: 100%;
  -webkit-box-shadow: 0 8px 15px -8px #777;
  -moz-box-shadow: 0 8px 15px -8px #777;
  box-shadow: 0 8px 15px -8px #777;
}
.ccl-iso .producttabs {
  width: 100%;
  height: 60px;
}
.ccl-iso .producttabs2 {
  width: 100%;
  height: 60px;
}
.ccl-iso .producttabs3 {
  width: 46px;
}
.ccl-iso .producttab {
  height: 60px;
  float: left;
  text-align: left;
  border-radius: 8px 8px 0px 0px;
}

.ccl-iso .producttabsbtnsettings {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 11.7px;
  font-weight: 100;
  text-align: left;
  color: #4d4d4d;
  background: #f1f1f3;
  margin-right: 0px;
  padding-right: 3px;
  padding-left: 3px;
}
.ccl-iso .producttabsbtnsettings:hover {
  background: #dedede;
  margin-top: -5px;
  height: 65px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso .producttabs button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 11.7px;
  font-weight: 100;
  text-align: left;
  color: #4d4d4d;
  background: #f1f1f3;
  margin-right: 0px;
  padding-right: 3px;
  padding-left: 3px;
}
.ccl-iso .producttabs button:hover {
  background: #dedede;
  margin-top: -5px;
  height: 65px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso .producttabs button.current {
  color: white;
  background: #0057b8;
  margin-top: -5px;
  height: 65px;
}
.ccl-iso .producttabs a {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 11.7px;
  font-weight: 100;
  text-align: left;
  color: #4d4d4d;
  background: #f1f1f3;
  margin-right: 0px;
  padding-right: 3px;
  padding-left: 3px;
  margin-right: 6px;
}
.ccl-iso .producttabs a:hover {
  background: #dedede;
  margin-top: -5px;
  height: 65px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso .producttabs a.current {
  color: white;
  background: #0057b8;
  margin-top: -5px;
  height: 65px;
}
.ccl-iso .producttabs2 button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 11.7px;
  font-weight: 100;
  text-align: left;
  color: #4d4d4d;
  background: #f1f1f3;
  margin-right: 0px;
  padding-right: 3px;
  padding-left: 3px;
}
.ccl-iso .producttabs2 button:hover {
  background: #dedede;
  margin-top: -5px;
  height: 65px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso .producttabs2 button.current {
  color: white;
  background: #0057b8;
  margin-top: -5px;
  height: 65px;
}
.ccl-iso .tabcontents {
  height: 60px;
  position: relative;
}

.ccl-iso .tabcontents p
{
    overflow-wrap: break-word;
}
.ccl-iso .tabimg {
  width: 50px;
  height: 50px;
  float: left;
  padding: 5px;
  margin-top: 4px;
}
.ccl-iso .tabtxt {
  width: 110px;
  display: none;
  margin-top: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 50px;
}

.ccl-iso .tabtxt_moretabs {
  width: 60%;
}
.ccl-iso .tabs_imgcontainer {
  width: 100%;
  padding: 0px;
  margin: auto;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.ccl-iso .popupimgcontainer {
  padding: 0px;
  margin: auto;
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 20px;
  width: 100%;
  display: block;
}
.ccl-iso .tabs_listcontainer {
  width: 100%;
  position: relative;
  display: inline-block;
}
.ccl-iso .tabs_listcontainer2 {
  width: 100%;
  position: relative;
  display: inline-block;
}
.ccl-iso .productsections {
  width: 100%;
  background: #f1f1f3;
  border-top: 5px #0057b8 solid;
  border-radius: 0px 0px 15px 15px;
  -webkit-box-shadow: 0px 13px 29px -4px #02020252;
  -moz-box-shadow: 0px 13px 29px -4px #02020252;
  box-shadow: 0px 13px 29px -4px #02020252;
  margin-bottom: 40px;
}
.ccl-iso .productrangescontainer {
  width: 98%;
  height: 1200px;
  margin: auto;
}
@media screen and (max-height: 550px) {
  .ccl-iso .sidenav {
    padding-top: 15px;
  }
  .ccl-iso .showDesc {
    font-size: 18px;
  }
  .ccl-iso .subnav {
    font-size: 14px;
  }
}
.ccl-iso .designcentretxt {
  margin-top: 20px;
}
.ccl-iso .listcontainer {
  width: 100%;
}
.ccl-iso .cuttingedgelist {
  list-style-type: none;
  padding: 0;
  background: white;
  border-radius: 5px;
  padding: 5px;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  margin-left: 0px;
  margin-top: 48px;
  font-size: 1.3em;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ccl-iso .cuttingedgelist:hover {
  color: blue;
}
.ccl-iso .listitem {
  font: 200 13px/1.5 Helvetica, Verdana, sans-serif;
  border-bottom: 1px solid #ccc;
  height: 48px;
}
.ccl-iso .listitem:last-child {
  border: none;
}
.ccl-iso .listitem p {
  text-decoration: none;
  color: #4d4d4d;
  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
  display: block;
  width: 100%;
}
.ccl-iso .listitem p:hover {
  font-size: 16px;
  background: #f2f7ff;
  font-weight: bold;
  height: 46px;
  cursor: pointer;
}
.ccl-iso .slidercontainersettings {
  height: 300px;
  width: 200px;
  margin: auto;
}
.ccl-iso .imgslider {
  width: 100%;
  margin: auto;
}
.ccl-iso .slidercontainer1 {
  height: 300px;
  width: 200px;
  margin: auto;
  height: 240px;
  display: block;
}
.ccl-iso .slidercontainer2 {
  height: 300px;
  width: 200px;
  margin: auto;
  display: none;
}
.ccl-iso .slidercontainer3 {
  height: 300px;
  width: 200px;
  margin: auto;
  display: none;
}
.ccl-iso .mapbtnsettings {
  position: absolute;
  background: #0057b8b5;
  color: white;
  padding: 9px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 18px;
}
.ccl-iso .mapbtnsettings:hover {
  background: #0057b8;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ccl-iso .americas {
  margin-left: 14px;
  margin-top: 62px;
  position: absolute;
  background: #0057b8b5;
  color: white;
  padding: 9px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 18px;
}
.ccl-iso .americas:hover {
  background: #0057b8;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ccl-iso .eu {
  margin-left: 131px;
  margin-top: 39px;
  position: absolute;
  background: #0057b8b5;
  color: white;
  padding: 9px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 18px;
}
.ccl-iso .eu:hover {
  background: #0057b8;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ccl-iso .asean {
  margin-left: 228px;
  margin-top: 127px;
  position: absolute;
  background: #0057b8b5;
  color: white;
  padding: 9px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 18px;
}
.ccl-iso .asean:hover {
  background: #0057b8;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ccl-iso .greaterchina {
  margin-left: 168px;
  margin-top: 79px;
  position: absolute;
  background: #0057b8b5;
  color: white;
  padding: 9px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 18px;
}
.ccl-iso .greaterchina:hover {
  background: #0057b8;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ccl-iso .southamerica {
  margin-left: 4px;
  margin-top: 146px;
  position: absolute;
  background: #0057b8b5;
  color: white;
  padding: 9px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 18px;
}
.ccl-iso .southamerica:hover {
  background: #0057b8;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ccl-iso p {
  margin: 0;
}
.ccl-iso .fill {
  position: relative;
  /*display:block;*/
  height: 45px;
  width: 150px;
  float: left;
  padding: 5px 5px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: white;
  border: 2px white solid;
  outline: 0;
  overflow: hidden;
  background: none;
  z-index: 0;
  cursor: pointer;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  margin-left: calc(50% - 75px);
  margin-top: 34px;
  font-weight: 100;
  /*Doesn't work on ASP Submit control
    &:before{
      content: "";
      position: absolute;
      background: @secondarycolour;
      bottom: 0;
      left: 0;
      right: 0;
      top: 100%;
      z-index: -1;
      -webkit-transition: top 0.15s ease-in;
      -moz-transition: top 0.15s ease-in;
      -o-transition: top 0.15s ease-in;
      -ms-transition: top 0.15s ease-in;
      transition: top 0.15s ease-in;
      &:hover{
        top: 0%;
      }
    }
    */
}
.ccl-iso .fill:hover {
  color: #0057b8;
}
.ccl-iso .fill:hover:before {
  top: 0%;
}
.ccl-iso .altfillsettings {
  position: relative;
  /*display:block;*/
  float: left;
  padding: 5px 5px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: #0057b8;
  border: 2px #0057b8 solid;
  outline: 0;
  overflow: hidden;
  background: none;
  z-index: 0;
  cursor: pointer;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  margin-left: 0px;
  margin-top: 34px;
  font-weight: 100;
}
.ccl-iso .altfill {
  position: relative;
  /*display:block;*/
  float: left;
  padding: 5px 5px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: #0057b8;
  border: 2px #0057b8 solid;
  outline: 0;
  overflow: hidden;
  background: none;
  z-index: 0;
  cursor: pointer;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  margin-left: 0px;
  margin-top: 34px;
  font-weight: 100;
}
.ccl-iso .altfill:hover {
  color: white;
}
.ccl-iso .altfill:hover:before {
  top: 0%;
}
.ccl-iso .altfill:before {
  content: "";
  position: absolute;
  background: #0057b8;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.15s ease-in;
  -moz-transition: top 0.15s ease-in;
  -o-transition: top 0.15s ease-in;
  -ms-transition: top 0.15s ease-in;
  transition: top 0.15s ease-in;
}
.ccl-iso .altfill:before:hover {
  top: 0%;
}
.ccl-iso .applyfill {
  position: relative;
  /*display:block;*/
  float: left;
  padding: 5px 5px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: #0057b8;
  border: 2px #0057b8 solid;
  outline: 0;
  overflow: hidden;
  background: none;
  z-index: 0;
  cursor: pointer;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  margin-left: 0px;
  margin-top: 34px;
  font-weight: 100;
  margin-top: 0px;
}
.ccl-iso .applyfill:hover {
  color: white;
  background: #0057b8;
}
.ccl-iso .safetybtn {
  margin: auto;
  float: none;
  width: 120px;
}
.ccl-iso .showhide {
  position: relative;
  /*display:block;*/
  float: left;
  padding: 5px 5px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: #0057b8;
  border: 2px #0057b8 solid;
  outline: 0;
  overflow: hidden;
  background: none;
  z-index: 0;
  cursor: pointer;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  margin-left: 0px;
  margin-top: 34px;
  font-weight: 100;
  margin-top: 0px;
  float: none;
  margin-top: 5px;
}
.ccl-iso .showhide:hover {
  color: white;
  background: #0057b8;
}
.ccl-iso .altfill2 {
  position: relative;
  /*display:block;*/
  height: 45px;
  float: left;
  padding: 5px 5px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: #001e40;
  border: 2px #001e40 solid;
  outline: 0;
  overflow: hidden;
  background: none;
  z-index: 0;
  cursor: pointer;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  margin-left: 0px;
  margin-top: 34px;
  font-weight: 100;
}
.ccl-iso .altfill2:hover {
  color: white;
}
.ccl-iso .altfill2:hover:before {
  top: 0%;
}
.ccl-iso .altfill2:before {
  content: "";
  position: absolute;
  background: #001e40;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.15s ease-in;
  -moz-transition: top 0.15s ease-in;
  -o-transition: top 0.15s ease-in;
  -ms-transition: top 0.15s ease-in;
  transition: top 0.15s ease-in;
}
.ccl-iso .altfill2:before:hover {
  top: 0%;
}
.ccl-iso .contactus {
  position: relative;
  /*display:block;*/
  height: 45px;
  width: 150px;
  float: left;
  padding: 5px 5px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: white;
  border: 2px white solid;
  outline: 0;
  overflow: hidden;
  background: none;
  z-index: 0;
  cursor: pointer;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  margin-left: calc(50% - 75px);
  margin-top: 34px;
  font-weight: 100;
  /*Doesn't work on ASP Submit control
    &:before{
      content: "";
      position: absolute;
      background: @secondarycolour;
      bottom: 0;
      left: 0;
      right: 0;
      top: 100%;
      z-index: -1;
      -webkit-transition: top 0.15s ease-in;
      -moz-transition: top 0.15s ease-in;
      -o-transition: top 0.15s ease-in;
      -ms-transition: top 0.15s ease-in;
      transition: top 0.15s ease-in;
      &:hover{
        top: 0%;
      }
    }
    */
  margin-left: 10%;
  margin-top: 0px;
}
.ccl-iso .contactus:hover {
  color: #0057b8;
}
.ccl-iso .contactus:hover:before {
  top: 0%;
}
.ccl-iso .contactus:hover {
  color: #0057b8;
}
.ccl-iso .contactus:hover:before {
  top: 0%;
}
.ccl-iso .contactus:before {
  content: "";
  position: absolute;
  background: white;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.15s ease-in;
  -moz-transition: top 0.15s ease-in;
  -o-transition: top 0.15s ease-in;
  -ms-transition: top 0.15s ease-in;
  transition: top 0.15s ease-in;
}
.ccl-iso .contactus:before:hover {
  top: 0%;
}

.ccl-iso .contactus {
  position: relative;
  /*display:block;*/
  height: 45px;
  width: 150px;
  float: left;
  padding: 5px 5px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: white;
  border: 2px white solid;
  outline: 0;
  overflow: hidden;
  background: none;
  z-index: 0;
  cursor: pointer;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  margin-left: calc(50% - 75px);
  margin-top: 34px;
  font-weight: 100;
  /*Doesn't work on ASP Submit control
    &:before{
      content: "";
      position: absolute;
      background: @secondarycolour;
      bottom: 0;
      left: 0;
      right: 0;
      top: 100%;
      z-index: -1;
      -webkit-transition: top 0.15s ease-in;
      -moz-transition: top 0.15s ease-in;
      -o-transition: top 0.15s ease-in;
      -ms-transition: top 0.15s ease-in;
      transition: top 0.15s ease-in;
      &:hover{
        top: 0%;
      }
    }
    */
  margin-left: 10%;
  margin-top: 0px;
}


.ccl-iso .fillwhite {
  position: relative;
  /*display:block;*/
  height: 45px;
  width: 150px;
  float: left;
  padding: 5px 5px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: white;
  border: 2px white solid;
  outline: 0;
  overflow: hidden;
  background: none;
  z-index: 0;
  cursor: pointer;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  margin-left: calc(50% - 75px);
  margin-top: 34px;
  font-weight: 100;
  /*Doesn't work on ASP Submit control
    &:before{
      content: "";
      position: absolute;
      background: @secondarycolour;
      bottom: 0;
      left: 0;
      right: 0;
      top: 100%;
      z-index: -1;
      -webkit-transition: top 0.15s ease-in;
      -moz-transition: top 0.15s ease-in;
      -o-transition: top 0.15s ease-in;
      -ms-transition: top 0.15s ease-in;
      transition: top 0.15s ease-in;
      &:hover{
        top: 0%;
      }
    }
    */
  padding: 12px 5px;
  width: unset;
  margin-left: 0px;
  margin-top: 10px;
  font-family: graphik-light;
  text-align: center;
}
.ccl-iso .fillwhite:hover {
  color: #0057b8;
}
.ccl-iso .fillwhite:hover:before {
  top: 0%;
}
.ccl-iso .fillwhite:hover {
  color: #0057b8;
}
.ccl-iso .fillwhite:hover:before {
  top: 0%;
}
.ccl-iso .fillwhite:before {
  content: "";
  position: absolute;
  background: white;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.15s ease-in;
  -moz-transition: top 0.15s ease-in;
  -o-transition: top 0.15s ease-in;
  -ms-transition: top 0.15s ease-in;
  transition: top 0.15s ease-in;
}
.ccl-iso .fillwhite:before:hover {
  top: 0%;
}
.ccl-iso .heading {
  font-size: 22px;
  margin-top: -28px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 0px;
  -webkit-transform-style: preserve-3d;
}
.ccl-iso .paragraphsettings {
  color: white;
  text-align: justify;
  font-family: graphik-light;
  -webkit-transform-style: preserve-3d;
}
.ccl-iso .para1 {
  -webkit-transform-style: preserve-3d;
  color: #fff;
  text-align: justify;
  font-family: graphik-light;
  padding: 20px 0px 15px 0px;
  margin-left: 2%;
  margin-right: 2%;
  /*font-size: 14px;*/
  margin-top: 12px;
}
.ccl-iso .para2 {
  -webkit-transform-style: preserve-3d;
  color: #fff;
  text-align: justify;
  font-family: graphik-light;
  padding: 2px 0px 15px 0px;
  margin-left: 2%;
  margin-right: 2%;
  /*font-size: 14px;*/
}
.ccl-iso .para3 {
  color: white;
  text-align: justify;
  padding: 0px 0% 20px 0px;
}
.ccl-iso .para4 {
  color: white;
  text-align: justify;
  padding: 21px 0% 20px 0px;
}
.ccl-iso .findoutmore {
  position: relative;
  /*display:block;*/
  height: 45px;
  width: 150px;
  float: left;
  padding: 5px 5px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: white;
  border: 2px white solid;
  outline: 0;
  overflow: hidden;
  background: none;
  z-index: 0;
  cursor: pointer;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  margin-left: calc(50% - 75px);
  margin-top: 34px;
  font-weight: 100;
  /*Doesn't work on ASP Submit control
    &:before{
      content: "";
      position: absolute;
      background: @secondarycolour;
      bottom: 0;
      left: 0;
      right: 0;
      top: 100%;
      z-index: -1;
      -webkit-transition: top 0.15s ease-in;
      -moz-transition: top 0.15s ease-in;
      -o-transition: top 0.15s ease-in;
      -ms-transition: top 0.15s ease-in;
      transition: top 0.15s ease-in;
      &:hover{
        top: 0%;
      }
    }
    */
}
.ccl-iso .findoutmore:hover {
  color: #0057b8;
}
.ccl-iso .findoutmore:hover:before {
  top: 0%;
}
.ccl-iso .morefill {
  position: relative;
  /*display:block;*/
  height: 45px;
  width: 150px;
  float: left;
  padding: 5px 5px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: white;
  border: 2px white solid;
  outline: 0;
  overflow: hidden;
  background: none;
  z-index: 0;
  cursor: pointer;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  margin-left: calc(50% - 75px);
  margin-top: 34px;
  font-weight: 100;
  /*Doesn't work on ASP Submit control
    &:before{
      content: "";
      position: absolute;
      background: @secondarycolour;
      bottom: 0;
      left: 0;
      right: 0;
      top: 100%;
      z-index: -1;
      -webkit-transition: top 0.15s ease-in;
      -moz-transition: top 0.15s ease-in;
      -o-transition: top 0.15s ease-in;
      -ms-transition: top 0.15s ease-in;
      transition: top 0.15s ease-in;
      &:hover{
        top: 0%;
      }
    }
    */
  color: #0057b8;
  border: 2px #0057b8 solid;
  margin-left: 0px;
}
.ccl-iso .morefill:hover {
  color: #0057b8;
}
.ccl-iso .morefill:hover:before {
  top: 0%;
}
.ccl-iso .morefill:hover {
  color: white;
}
.ccl-iso .morefill:before {
  background: #0057b8;
}
.ccl-iso .fill2 {
  margin-top: 0%;
}
.ccl-iso .fill3 {
  font-family: graphik-light;
  text-decoration: none;
  padding: 11px 5px;
  text-align: center;
}
.ccl-iso .fill4 {
  font-family: graphik-light;
  text-decoration: none;
  padding: 11px 5px;
  text-align: center;
  padding: 4px 5px;
}
.ccl-iso body {
  font-size: 1em;
}
.ccl-iso a.button {
  position: relative;
  width: 40px;
  height: 45px;
  overflow: hidden;
  vertical-align: middle;
  text-align: left;
  text-decoration: none;
  line-height: 3em;
  font-size: 1rem;
  color: white;
  cursor: pointer;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  float: left;
}
.ccl-iso a.button svg {
  z-index: 1;
  position: absolute;
  top: -22px;
  left: 0;
}
.ccl-iso a.button svg g line,
.ccl-iso a.button svg g polyline,
.ccl-iso a.button svg g circle {
  fill: none;
  stroke: black;
}
.ccl-iso a.button svg g line,
.ccl-iso a.button svg g polyline {
  stroke-miterlimit: 10;
}
.ccl-iso a.button svg g circle {
  display: block;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.066em;
  stroke-dasharray: 200;
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset ease-out 0.5s;
  -moz-transition: stroke-dashoffset ease-out 0.5s;
  -o-transition: stroke-dashoffset ease-out 0.5s;
  -ms-transition: stroke-dashoffset ease-out 0.5s;
  transition: stroke-dashoffset ease-out 0.5s;
}
.ccl-iso a.button font {
  z-index: 2;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.5em;
}
.ccl-iso a.button:hover svg g circle {
  stroke-dashoffset: 200;
}
.ccl-iso .overlayhome:before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  background: #0057b8;
  opacity: 0.90;
}
.ccl-iso .overlay:before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  background: #0057b8;
  opacity: 0.82;
  /*background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(214,214,214,1) 100%);*/
}
.ccl-iso .overlayblack:before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  background: #000000;
  opacity: 0.5;
}
.ccl-iso .idtoverlay:before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  background: #0057b8;
  opacity: 0.62;
}
.ccl-iso .suboverlay:before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  background: #0057b8;
  background: linear-gradient(147deg, #000000 0%, #020024 20%, #0057b8 100%);
  opacity: 0.65;
}
.ccl-iso .overlayalt:before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  background: #001833;
  opacity: 0.82;
}
.ccl-iso .overlayalt2:before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  background: #0076ce;
  opacity: 0.82;
}
.ccl-iso .linebreak {
  width: 100%;
  height: 1px;
  background: #dedede;
}
.ccl-iso .linebreak2 {
  width: 100%;
  height: 1px;
  background: #dedede;
  display: none;
}
.ccl-iso .textcontainer {
  margin-top: 50px;
  margin-bottom: 50px;
}
.ccl-iso .sectionsettings {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .section1 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/HomePageHeader.jpg);
  min-height: 100%;
}
.ccl-iso .section_small {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/sitemap.jpg);
  min-height: 250px;
}
.ccl-iso .privacypolicy {
  background-image: url(../images/privacypolicy.jpg);
}
.ccl-iso .cookiesbg {
  background-image: url(../images/cookies.jpg);
}
.ccl-iso .automotiveheader {
  background-image: url(../images/CarDashboard.jpg);
}
.ccl-iso .supplierportalheader {
  background-image: url(../images/supplier-portal-global-connections-header.jpg);
}
.ccl-iso .electronicsheader {
  background-image: url(../images/electronicsheader.jpg);
}
.ccl-iso .industrialheader {
  background-image: url(../images/industrial.jpg);
}
.ccl-iso .careersettings {
  background: #ffffffe8;
  padding: 20px;
  font-size: 20px;
  color: #4d4d4d;
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 50px -7px #02020252;
  -moz-box-shadow: 0px 0px 50px -7px #02020252;
  box-shadow: 0px 0px 50px -7px #02020252;
}
.ccl-iso .career1 {
  background: #ffffffe8;
  padding: 20px;
  font-size: 20px;
  color: #4d4d4d;
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 50px -7px #02020252;
  -moz-box-shadow: 0px 0px 50px -7px #02020252;
  box-shadow: 0px 0px 50px -7px #02020252;
  width: 159px;
  margin-left: -20px;
  top: -20px;
}
.ccl-iso .career2 {
  background: #ffffffe8;
  padding: 20px;
  font-size: 20px;
  color: #4d4d4d;
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 50px -7px #02020252;
  -moz-box-shadow: 0px 0px 50px -7px #02020252;
  box-shadow: 0px 0px 50px -7px #02020252;
  width: 240px;
  top: -20px;
  float: right;
  margin-right: -20px;
}
.ccl-iso .career3 {
  background: #ffffffe8;
  padding: 20px;
  font-size: 20px;
  color: #4d4d4d;
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 50px -7px #02020252;
  -moz-box-shadow: 0px 0px 50px -7px #02020252;
  box-shadow: 0px 0px 50px -7px #02020252;
  margin-left: -20px;
  top: 300px;
  width: 250px;
}
.ccl-iso .career4 {
  background: #ffffffe8;
  padding: 20px;
  font-size: 20px;
  color: #4d4d4d;
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 50px -7px #02020252;
  -moz-box-shadow: 0px 0px 50px -7px #02020252;
  box-shadow: 0px 0px 50px -7px #02020252;
  top: 100px;
  width: 250px;
  float: right;
  margin-right: -20px;
}
.ccl-iso .career5 {
  background: #ffffffe8;
  padding: 20px;
  font-size: 20px;
  color: #4d4d4d;
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 50px -7px #02020252;
  -moz-box-shadow: 0px 0px 50px -7px #02020252;
  box-shadow: 0px 0px 50px -7px #02020252;
  margin-left: 20px;
  top: 370px;
  width: 300px;
}
.ccl-iso .section1_career {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/CCL-Design-Design-Centre-Suzhou-Background.jpg);
  min-height: 100%;
}
.ccl-iso .section1_about {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/About-CCL-Design-Silkstar-Header.jpg);
  min-height: 100%;
}
@keyframes backgroundimgswamp {
  0% {
    background-image: url(../images/CleanroomSingapore2.png);
  }
  25% {
    background-image: url(../images/SyscoSuzhou2.png);
  }
  50% {
    background-image: url(../images/SilkstarCQ2.png);
  }
  75% {
    background-image: url(../images/DesignCentreEastKilbride1.png);
  }
  100% {
    background-image: url(../images/DesignCentreTaipei.jpg);
  }
}
.ccl-iso .section1_blog {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/ccl-design-vacancies.jpg);
  min-height: 100%;
}
.ccl-iso .section1_ps {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/pressure-sensitive-labels-header.jpg);
  min-height: 100%;
}
.ccl-iso .section1_idt {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/idt-header-digital-dashboard.jpg);
  min-height: 100%;
}
.ccl-iso .section1_pp {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/primarypackaging.jpg);
  min-height: 100%;
}
.ccl-iso .section1_vaa {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/capacitive-touch.jpg);
  min-height: 100%;
}
.ccl-iso .sustainability {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/sustainability.jpg);
  min-height: 100%;
}
.ccl-iso .section1_bp {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/InvisibleFluorescencebg.png);
  min-height: 100%;
}
.ccl-iso .section1_pdc {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/Presicion-Die-Cuts-Header.jpg);
  min-height: 100%;
}
.ccl-iso .section1_ig {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/Printed-electronics-header.png);
  min-height: 100%;
}
.ccl-iso .section1_bd {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/Branding-and-Decorative-Laptop-dark.png);
  min-height: 100%;
}
.ccl-iso .section1_as {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/TyreLabels.png);
  min-height: 100%;
}
.ccl-iso .section1_ad {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/automotivefilm2.png);
  min-height: 100%;
}
.ccl-iso .section1_ms {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/lamination-header.jpg);
  min-height: 100%;
}
.ccl-iso .section1_dc {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/DesignCentreTaipei.jpg);
  min-height: 100%;
}
.ccl-iso .section2 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: white;
  min-height: 360px;
}
.ccl-iso .automotivequalitybg2 {
  background-color: #0057b8;
}
.ccl-iso .section2_ps {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: white;
  min-height: 1500px;
  margin-top: 60px;
}
.ccl-iso .section_brandprotection2 {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  background-image: url(../images/brand-protection-label.png);
}
.ccl-iso .section2_about {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: white;
  min-height: 1310px;
}
.ccl-iso .section2_careers {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: white;
  min-height: 3250px;
}
.ccl-iso .careerform {
  width: 80%;
  margin: auto;
  margin-bottom: 70px;
}
.ccl-iso .section3 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  min-height: 710px;
}
.ccl-iso .section3_home {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  min-height: 580px;
}
.ccl-iso .section3_automotive {
  background: #001e40;
  min-height: 580px;
}
.ccl-iso .section3_electronics {
  background: #0057b8;
  min-height: 580px;
}
.ccl-iso .section3_about {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/SyscoSuzhou1.png);
  display: block;
  min-height: 1020px;
}
.ccl-iso .section4 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: #0057b8;
  z-index: 0;
}
.ccl-iso .section4_diecuts {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: #0057b8;
  min-height: 1000px;
  z-index: 0;
}
.ccl-iso .section4_designcentres {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: #0057b8;
  min-height: 900px;
  z-index: 0;
}
.ccl-iso .section5 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 800px;
}
.ccl-iso .idt-section {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 800px;
}
.ccl-iso .section5_designcentre {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 800px;
}
.ccl-iso .section6 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: white;
  min-height: 486px;
  margin-top: 40px;
}
.ccl-iso .section6_automotive {
  min-height: 650px;
}
.ccl-iso .section6_diecuts {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: white;
}
.ccl-iso .section6_designcentre {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: white;
  min-height: 700px;
}
.ccl-iso .ekbg {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/CCL-Design-East-Kilbride.jpg);
  min-height: 100%;
}
.ccl-iso .glasgowbg {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/glasgow-ccl-design-intelligent-decorative-technologies.jpg);
  min-height: 100%;
}
.ccl-iso .suzhouidtbg {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/suzhou-idt.jpg);
  min-height: 100%;
}
.ccl-iso .telavivbg {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/Tel-Aviv-Exterior.jpg);
  min-height: 100%;
}
.ccl-iso .topbar {
  background-color: #004a9c;
  height: 50px;
}
.ccl-iso .topbar_alt {
  height: 50px;
  background-color: #00346f;
}
.ccl-iso .topbar_alt2 {
  height: 50px;
  background-color: #001e40;
}
.ccl-iso .topbarsections {
  width: 100%;
  margin: auto;
}
.ccl-iso .topbarsection {
  width: 33%;
  float: left;
  height: 50px;
}
.ccl-iso .sec_4 {
  background: #0057b8;
}
.ccl-iso .sitemap {
  width: 106px;
  text-align: center;
  margin: auto;
  padding-top: 7px;
}
.ccl-iso .spsitemap {
  width: 146px;
}
.ccl-iso .socialicons {
  width: 70px;
  margin: auto;
  padding-top: 7px;
}
.ccl-iso .sitemaptext {
  float: left;
  padding-top: 7px;
  margin-right: 7px;
  color: white;
}
.ccl-iso .bottombar {
  background-color: black;
  height: 70px;
}
.ccl-iso .bottombartext {
  font-size: 11px;
  color: #4d4d4d;
  margin: auto;
  width: 260px;
  padding: 15px;
  text-align: center;
}
.ccl-iso .footer {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/footer.png);
  min-height: 300px;
  color: white;
  padding-bottom: 10px;
}
.ccl-iso .footersections {
  width: 94%;
  margin: auto;
  border-bottom: 1px solid grey;
}
.ccl-iso .footersection {
  width: calc(100% - 60px);
  float: left;
  padding-left: 20px;
  padding-right: 20px;
}
.ccl-iso .footerspan4 {
  margin: 0px;
  height: 30px;
}
.ccl-iso .footerspan3 {
  margin: 0px;
  height: 30px;
}
.ccl-iso .footerspan2 {
  margin: 0px;
  height: 30px;
}
.ccl-iso .footerspan1 {
  margin: 0px;
  height: 30px;
}
.ccl-iso .footerlist4 {
  display: none;
  font-size: 11px;
  padding: 10px;
  list-style-type: none;
  margin: 0px;
  color: white;
}
.ccl-iso .footerlist3 {
  display: none;
  font-size: 11px;
  padding: 10px;
  list-style-type: none;
  margin: 0px;
  color: white;
}
.ccl-iso .footerlist2 {
  display: none;
  font-size: 11px;
  padding: 10px;
  list-style-type: none;
  margin: 0px;
  color: white;
}
.ccl-iso .footerlist1 {
  display: none;
  font-size: 11px;
  padding: 10px;
  list-style-type: none;
  margin: 0px;
  color: white;
}
.ccl-iso .footerheader4 {
  color: white;
  font-size: 18px;
  font-weight: 100;
  margin: 0px;
  float: left;
  padding: 4px;
}
.ccl-iso .footerheader4:hover {
  cursor: pointer;
}
.ccl-iso .footerheader3 {
  color: white;
  font-size: 18px;
  font-weight: 100;
  margin: 0px;
  float: left;
  padding: 4px;
}
.ccl-iso .footerheader3:hover {
  cursor: pointer;
}
.ccl-iso .footerheader2 {
  color: white;
  font-size: 18px;
  font-weight: 100;
  margin: 0px;
  float: left;
  padding: 4px;
}
.ccl-iso .footerheader2:hover {
  cursor: pointer;
}
.ccl-iso .footerheader1 {
  color: white;
  font-size: 18px;
  font-weight: 100;
  margin: 0px;
  float: left;
  padding: 4px;
}
.ccl-iso .footerheader1:hover {
  cursor: pointer;
}
.ccl-iso .footerlinks {
  color: white;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ccl-iso .footerlinks:hover {
  color: #7cb9ff;
  cursor: pointer;
}
.ccl-iso .footercontainer {
  margin: auto;
  width: 80%;
  margin-top: 20px;
  font-family: graphik-light;
}
.ccl-iso .arrow-toggle4 {
  float: right;
  width: 30px;
  height: 30px;
}
.ccl-iso .arrow-toggle4:hover {
  cursor: pointer;
}
.ccl-iso .arrow-toggle3 {
  float: right;
  width: 30px;
  height: 30px;
}
.ccl-iso .arrow-toggle3:hover {
  cursor: pointer;
}
.ccl-iso .arrow-toggle2 {
  float: right;
  width: 30px;
  height: 30px;
}
.ccl-iso .arrow-toggle2:hover {
  cursor: pointer;
}
.ccl-iso .arrow-toggle1 {
  float: right;
  width: 30px;
  height: 30px;
}
.ccl-iso .arrow-toggle1:hover {
  cursor: pointer;
}
.ccl-iso .arrow-toggle-up {
  background-image: url('../images/footer_up.png');
}
.ccl-iso .arrow-toggle-down {
  background-image: url('../images/footer_down.png');
}
.ccl-iso .modulesettings {
  background: white;
  position: relative;
  width: 93.5%;
  margin: auto;
  padding-bottom: 50px;
}
.ccl-iso .module2 {
  background: white;
  position: relative;
  width: 93.5%;
  margin: auto;
  padding-bottom: 50px;
  display: none;
}
.ccl-iso .module1 {
  position: relative;
  width: 93.5%;
  margin: auto;
  padding-bottom: 50px;
  display: block;
  background: white;
}
.ccl-iso .module1right {
  display: block;
  padding: 0px;
  width: 100%;
  margin-bottom: 40px;
  padding-top: 70%;
  /* Aspect Ratio */
  -webkit-box-shadow: 0 8px 15px -8px #777;
  -moz-box-shadow: 0 8px 15px -8px #777;
  box-shadow: 0 8px 15px -8px #777;
}
.ccl-iso .module1rightbg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/pressurelabels.png);
}
.ccl-iso .cuttingedgetransition {
  -ms-transition: background-image 0.3s;
  -webkit-transition: background-image 0.3s;
  -moz-transition: background-image 0.3s;
  -o-transition: background-image 0.3s;
  transition: background-image 0.3s;
  padding-top: 70%;
  /* 1:1 Aspect Ratio */
  display: block;
}
.ccl-iso .pressurebg {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-transition: background-image 0.3s;
  -webkit-transition: background-image 0.3s;
  -moz-transition: background-image 0.3s;
  -o-transition: background-image 0.3s;
  transition: background-image 0.3s;
  padding-top: 70%;
  /* 1:1 Aspect Ratio */
  display: block;
  background-image: url(../images/pressurelabels.png);
  background-attachment: fixed;
}
.ccl-iso .diecutbg {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-transition: background-image 0.3s;
  -webkit-transition: background-image 0.3s;
  -moz-transition: background-image 0.3s;
  -o-transition: background-image 0.3s;
  transition: background-image 0.3s;
  padding-top: 70%;
  /* 1:1 Aspect Ratio */
  display: block;
  background-image: url(../images/diecut.png);
  background-attachment: fixed;
}
.ccl-iso .printedbg {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-transition: background-image 0.3s;
  -webkit-transition: background-image 0.3s;
  -moz-transition: background-image 0.3s;
  -o-transition: background-image 0.3s;
  transition: background-image 0.3s;
  padding-top: 70%;
  /* 1:1 Aspect Ratio */
  display: block;
  background-image: url(../images/PrintedElectronics.png);
  background-attachment: fixed;
}
.ccl-iso .brandingbg {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-transition: background-image 0.3s;
  -webkit-transition: background-image 0.3s;
  -moz-transition: background-image 0.3s;
  -o-transition: background-image 0.3s;
  transition: background-image 0.3s;
  padding-top: 70%;
  /* 1:1 Aspect Ratio */
  display: block;
  background-image: url(../images/branding.png);
  background-attachment: fixed;
}
.ccl-iso .protectionbg {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-transition: background-image 0.3s;
  -webkit-transition: background-image 0.3s;
  -moz-transition: background-image 0.3s;
  -o-transition: background-image 0.3s;
  transition: background-image 0.3s;
  padding-top: 70%;
  /* 1:1 Aspect Ratio */
  display: block;
  background-image: url(../images/protection.png);
  background-attachment: fixed;
}
.ccl-iso .filmsbg {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-transition: background-image 0.3s;
  -webkit-transition: background-image 0.3s;
  -moz-transition: background-image 0.3s;
  -o-transition: background-image 0.3s;
  transition: background-image 0.3s;
  padding-top: 70%;
  /* 1:1 Aspect Ratio */
  display: block;
  background-image: url(../images/lab.png);
  background-attachment: fixed;
}
.ccl-iso .module2noparralax {
  /*
    .modulesettings();
    display:block;
    width: calc(100% - 30px);
*/
  background: #f7f7f7;
  position: absolute;
  width: 700px;
  padding-bottom: 50px;
  display: block;
  top: 386px;
  /*top: 510px;*/
  right: 0px;
  float: right;
  bottom: 0px;
}
.ccl-iso .module3noparralax {
  background: white;
  position: absolute;
  width: 580px;
  padding-bottom: 50px;
  display: block;
  top: 0px;
  right: 0px;
  float: right;
  border-radius: 0px 0px 0px 30px;
  padding: 0px 30px 30px 30px;
}
.ccl-iso .list {
  padding-top: 8px;
  font-size: 12px;
}
.ccl-iso .caption {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  text-align: center;
  color: white;
}
.ccl-iso .captiontop {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  text-align: center;
  color: #fff;
  top: 3em;
}
.ccl-iso .caption2 {
  left: 0;
  top: 0%;
  width: 100%;
  text-align: left;
  color: white;
}
.ccl-iso .secondary {
  color: black;
}
.ccl-iso .position {
  position: absolute;
}
@keyframes fade-in-top {
  from {
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-in-bottom {
  from {
    opacity: 0;
    transform: translateY(-15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes grow-left {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.ccl-iso .industrylogos {
  width: 200px;
}
.ccl-iso .roundedcorners {
  border-radius: 10px;
}
.ccl-iso .headingsettings {
  color: #4d4d4d;
  font-weight: 600;
  text-align: center;
}
.ccl-iso .heading {
  font-size: 22px;
  margin-top: -28px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 0px;
}
.ccl-iso .paragraphsettings {
  color: white;
  text-align: justify;
  font-family: graphik-light;
}
.ccl-iso .para1 {
  -webkit-transform-style: preserve-3d;
  color: #fff;
  text-align: justify;
  font-family: graphik-light;
  padding: 20px 0px 15px 0px;
  margin-left: 2%;
  margin-right: 2%;
  /*font-size: 14px;*/
  margin-top: 12px;
}
.ccl-iso .para2 {
  -webkit-transform-style: preserve-3d;
  color: #fff;
  text-align: justify;
  font-family: graphik-light;
  padding: 2px 0px 15px 0px;
  margin-left: 2%;
  margin-right: 2%;
  /*font-size: 14px;*/
}
.ccl-iso .para3 {
  color: white;
  text-align: justify;
  padding: 0px 0% 20px 0px;
}
.ccl-iso .para4 {
  color: white;
  text-align: justify;
  padding: 21px 0% 20px 0px;
}
.ccl-iso .heading2 {
  color: #4d4d4d;
  font-weight: 600;
  text-align: center;
  font-size: 1.5em;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
}
.ccl-iso .heading3 {
  color: #4d4d4d;
  font-weight: 600;
  text-align: center;
  font-size: 1.7em;
}
.ccl-iso .heading4 {
  color: #4d4d4d;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 1.7em;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0px;
}
.ccl-iso .cclind {
  position: absolute;
  text-align: center;
  margin: auto;
  width: 88%;
}
.ccl-iso .heading5 {
  text-align: center;
  color: white;
  font-weight: 600;
  font-size: 1.7em;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0px;
  color: #4d4d4d;
}
.ccl-iso .heading6 {
  color: #000;
  font-weight: 600;
  text-align: center;
  margin-top: 0px;
  font-size: 1.7em;
}
.ccl-iso .txtcolour1 {
  color: white;
}
.ccl-iso .sectioncontent {
  content: "";
  display: table;
  clear: both;
  width: 93.5%;
  margin: auto;
}
.ccl-iso .materialssections {
  width: calc(50% - 50px);
  padding: 20px;
}
.ccl-iso .autoqualityicon {
  width: 18%;
}
.ccl-iso .sectionimg {
  display: block;
  padding: 0px;
  width: 100%;
  margin-top: 40px;
  padding-top: 57%;
  /* Aspect Ratio */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/CCL-Design-Centre-Suzhou.png);
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  /*border-radius: 13px;*/
  border-radius: 0.3rem;
}
.ccl-iso .sectionimg-video {
  margin-top: 40px;
}
.ccl-iso .sectionimgrounded {
  display: block;
  padding: 0px;
  width: 100%;
  padding-top: 57%;
  /* Aspect Ratio */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/CCL-Design-Centre-Suzhou.png);
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 0px 100px 0px 0px;
}
.ccl-iso .sectionimgrounded2 {
  display: block;
  padding: 0px;
  width: 100%;
  padding-top: 57%;
  /* Aspect Ratio */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/CCL-Design-Centre-Suzhou.png);
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 0px 100px 0px 0px;
  border-radius: 100px 0px 0px 0px;
}
.ccl-iso .blogimg {
  margin-top: 0px;
}
.ccl-iso .venrayimg1 {
  clip-path: polygon(100% 0px, 100% 0px, 100% 100%, 100% 100%);
  background-image: url(../images/acrylic-foam-tapes-overview.jpg);
}
.ccl-iso .venrayimg2 {
  clip-path: polygon(0% 0px, 0% 0px, 0% 100%, 0% 100%);
  background-image: url(../images/foam-our-key-products.jpg);
}
.ccl-iso .automation {
  background-image: url(../images/automation.JPG);
}
.ccl-iso .diecutparts {
  background-image: url(../images/die-cuts-parts.JPG);
}
.ccl-iso .screenprint {
  background-image: url(../images/screenprint.png);
}
.ccl-iso .mcgavigan {
  background-image: url(../images/glasgow-ccl-design-intelligent-decorative-technologies.jpg);
}
.ccl-iso .suzihou-idt-outside {
  background-image: url(../images/suzhou-idt-outside-view.jpg);
}
.ccl-iso .securetrackvalidation {
  background-image: url(../images/securetrackvalidation.jpg);
}
.ccl-iso .voidlabel {
  background-image: url(../images/voidlabel.jpg);
}
.ccl-iso .bpimg1 {
  background-image: url(../images/Automotive-Security-Label.jpg);
}
.ccl-iso .bpimg2 {
  background-image: url(../images/Secure_2D_Mark.jpg);
}
.ccl-iso .screenprint2 {
  background-image: url(../images/screenprint2.png);
}
.ccl-iso .latestnewsimg {
  background-image: url(../images/haian-opening.jpg);
}
.ccl-iso .vacancies {
  background-image: url(../images/prepress.jpg);
}
.ccl-iso .hungaryblog {
  background-image: url(../images/linkedin_hungary.jpg);
}
.ccl-iso .haianblog {
  background-image: url(../images/haian-opening.jpg);
}
.ccl-iso .socialdistanceblog {
  background-image: url(../images/socialdistance.jpg);
}
.ccl-iso .highwayresource {
  background-image: url(../images/Printed_Electronics2.png);
}
.ccl-iso .secure_track {
  background-image: url(../images/secure-track.jpg);
}
.ccl-iso .bgimg2 {
  background-image: url(../images/brand-protection-label.png);
}
.ccl-iso .bpzoom {
  background-image: url(../images/brand-protection-label-zoom.png);
}
.ccl-iso .sitesecurity {
  background-image: url(../images/brandprotectionsecurity.jpg);
}
.ccl-iso .sitesecurity_certifications {
  background-image: url(../images/brand-protection-security-certifications.jpg);
}
.ccl-iso .HP_Indigo_Singapore {
  background-image: url(../images/HP_Indigo_Singapore.jpg);
}
.ccl-iso .bpimg {
  box-shadow: 0px 5px 5px -3px #888888;
  background: white;
  padding-top: 0px;
  border-radius: 0px;
}
.ccl-iso .bp-ds {
  background-image: url(../images/bp-ds2.png);
  display: block;
  padding: 0px;
  width: 240px;
  height: 62px;
  margin-top: 40px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.ccl-iso .spray_coating_suzhou {
  background-image: url(../images/spray_coating_suzhou.gif);
}
.ccl-iso .Disassembled_Smartphone {
  background-image: url(../images/Disassembled_Smartphone.jpg);
}
.ccl-iso .warninglabel {
  background-image: url(../images/stack-of-warning-labels.jpg);
}
.ccl-iso .glasgowidt {
  background-image: url(../images/control-panels-1.jpg);
}
.ccl-iso .suzhouidt {
  background-image: url(../images/suzhou-idt-outside.jpg);
}
.ccl-iso .digitalxt {
  background-image: url(../images/durable-ccl-label.jpg);
}
.ccl-iso .primarypackaging {
  background-image: url(../images/primarypackagingproduct.png);
}
.ccl-iso .supplierportalimg1 {
  background-image: url(../images/ccl-design-products-watch-laptop-label.png);
}
.ccl-iso .supplierportalimg2 {
  background-image: url(../images/supplier-portal-ccl-design-products-earbuds-treadplate.png);
}
.ccl-iso .ppar {
  background-image: url(../images/primarypackagingar.png);
}
.ccl-iso .design-automation {
  background-image: url(../images/digital-folded-cartons-design-automation.png);
}
.ccl-iso .digitalfoldedcartons {
  background-image: url(../images/digital-folded-carton.png);
}
.ccl-iso .applicators {
  background-image: url(../images/applicators.gif);
}
.ccl-iso .printedliterature {
  background-image: url(../images/printed-literature.png);
}
.ccl-iso .airbagsafety {
  background-image: url(../images/Airbag-Label.jpg);
}
.ccl-iso .opticalcoatings {
  background-image: url(../images/Touchpad-layers.png);
}
.ccl-iso .airbag {
  background-image: url(../images/automotive-airbaglabel.jpg);
}
.ccl-iso .automotivefilm {
  background-image: url(../images/decorative-film.jpg);
}
.ccl-iso .HouseSiding2 {
  background-image: url(../images/architectural-film.jpg);
}
.ccl-iso .decking {
  background-image: url(../images/decking.png);
}
.ccl-iso .stuttgart3 {
  background-image: url(../images/CCL-Design-Stuttgart-Building-Exterior-3.jpg);
}
.ccl-iso .sectionimgautomotive {
  background-image: url(../images/high-resistance-labels.jpg);
}
.ccl-iso .sectionimgtopprotect {
  background-image: url(../images/top-protect.png);
}
.ccl-iso .chassis {
  background-image: url(../images/top-protect-chassis-label.png);
}
.ccl-iso .carpaintprotectionfilm {
  background-image: url(../images/car-paint-protection.jpg);
}
.ccl-iso .treadplate {
  background-image: url(../images/treadplate.jpg);
}
.ccl-iso .designcentreservicesimg {
  background-image: url(../images/DesignCentreTaipei1.jpg);
}
.ccl-iso .CoverLabels05 {
  background-image: url(../images/top-protect-engine-label.png);
}
.ccl-iso .Aerospace4 {
  background-image: url(../images/Aerospace4.jpg);
}
.ccl-iso .Membrane_Switch_Production {
  background-image: url(../images/Membrane_Switch_Production.jpg);
}
.ccl-iso .casestudy {
  background-image: url(../images/casestudy.jpg);
}
.ccl-iso .automotivecasestudy {
  background-image: url(../images/automotivecasestudy.jpg);
}
.ccl-iso .industrialcasestudy {
  background-image: url(../images/industrialcasestudy.jpg);
}
.ccl-iso .airplanecabin {
  background-image: url(../images/airplane-cabin.jpg);
}
.ccl-iso .Die_Cut_Parts_5 {
  background-image: url(../images/Die_Cut_Parts_5.jpg);
}
.ccl-iso .Glasscreen_Print_Touchpad_Unit_1 {
  background-image: url(../images/Glasscreen_Print_Touchpad_Unit_1.gif);
}
.ccl-iso .brand_protection_label {
  background-image: url(../images/brand-protection-label.png);
}
.ccl-iso .idtimgslider1 {
  background-image: url(../images/Principal-Manufacturing-Processes-double-image.jpg);
}
.ccl-iso .idtimgslider2 {
  background-image: url(../images/thermo-mechanical-forming.jpg);
}
.ccl-iso .idtimgslider3 {
  background-image: url(../images/automatic-gear-stick.jpg);
}
.ccl-iso .idtimgslider4 {
  background-image: url(../images/painting-and-lacquering.jpg);
}
.ccl-iso .printed_electronics {
  background-image: url(../images/printed-electronics.png);
}
.ccl-iso .quality_management {
  background-image: url(../images/quality-management.png);
}
.ccl-iso .materialsscienceexpertiseright {
  display: block;
  padding: 0px;
  width: 100%;
  margin-top: 40px;
  padding-top: 57%;
  /* Aspect Ratio */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/TestGear7.jpg);
  border-radius: 10px;
}
.ccl-iso .materialsscienceexpertiseleft {
  width: calc(50% - 50px);
  padding: 20px;
  width: 100%;
  padding: 0px;
  margin-top: 30px;
}
.ccl-iso .sectionright {
  width: calc(50% - 50px);
  padding: 20px;
  width: 100%;
  padding: 0px;
  margin-top: 30px;
}
.ccl-iso .sectionlist {
  width: 100%;
  height: 60px;
}
.ccl-iso .sectionlist2 {
  height: 60px;
}
.ccl-iso .sectioniconscontainer {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 10px;
}
.ccl-iso .text1 {
  text-align: left;
  margin-bottom: 16px;
}
.ccl-iso .text2 {
  text-align: left;
}
.ccl-iso .text1_alt {
  float: none;
  margin-top: 0px;
  margin-left: 0px;
  width: 100%;
  padding-top: 12px;
  text-align: left;
  font-size: 13px;
  color: white;
}
.ccl-iso .sectionicons {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .scienceicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_science.png);
}
.ccl-iso .materialicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_material.png);
}
.ccl-iso .securityicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_security.png);
}
.ccl-iso .labicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_lab.png);
}
.ccl-iso .prototypingicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_prototyping.png);
}
.ccl-iso .testingicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_testing.png);
}
.ccl-iso .adhesiveicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_adhesive.png);
}
.ccl-iso .labelstockicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_labelstock.png);
}
.ccl-iso .slittingicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_slitting.png);
}
.ccl-iso .testicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_test.png);
}
.ccl-iso .airbaglabelicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_airbaglabel.png);
}
.ccl-iso .airbagcurtainwrapsicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_airbagcurtainwraps.png);
}
.ccl-iso .airbagcoversicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_airbagcovers.png);
}
.ccl-iso .flameretardanticon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_flameretardant.png);
}
.ccl-iso .ribbonicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_ribbon.png);
}
.ccl-iso .printingicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_flexographic.png);
}
.ccl-iso .printingpress {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_printingpress.png);
}
.ccl-iso .ccdcamera {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_CCDcamera.png);
}
.ccl-iso .islandprinting {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_islandprinting.png);
}
.ccl-iso .robot1 {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_robot1.png);
}
.ccl-iso .robot2 {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_robot2.png);
}
.ccl-iso .screenprinting {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_screen.png);
}
.ccl-iso .formulation {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_formulation.png);
}
.ccl-iso .gravure {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_gravure.png);
}
.ccl-iso .randd {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_r&d.png);
}
.ccl-iso .uv {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_uv.png);
}
.ccl-iso .durable {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_durable.png);
}
.ccl-iso .window {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_window.png);
}
.ccl-iso .deckingicon {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_decking.png);
}
.ccl-iso .siding {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_siding.png);
}
.ccl-iso .resistance_and_conductivity {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_resistance_and_conductivity.png);
}
.ccl-iso .resilience {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_resilience.png);
}
.ccl-iso .thickness {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_thickness.png);
}
.ccl-iso .peel_testing {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_peel_testing.png);
}
.ccl-iso .heat_and_humidity {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_heat_and_humidity.png);
}
.ccl-iso .abrasion {
  width: 40px;
  height: 40px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/icon_abrasion.png);
}
.ccl-iso .ccllogo {
  padding-top: 20px;
  position: absolute;
}
.ccl-iso .ccl_logo {
  width: 88px;
  height: 39px;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  float: left;
  cursor: pointer;
}
.ccl-iso .ccl_logo_mobile {
  width: 88px;
  height: 39px;
  margin-top: 5px;
  margin-left: 27px;
  margin-right: 0px;
  top: 0;
  position: absolute;
  cursor: pointer;
}
.ccl-iso .st0 {
  fill: white;
  -webkit-transition: all 0.7s ease-out 0s;
  -moz-transition: all 0.7s ease-out 0s;
  -o-transition: all 0.7s ease-out 0s;
  -ms-transition: all 0.7s ease-out 0s;
  transition: all 0.7s ease-out 0s;
}
.ccl-iso .st1 {
  fill: white;
  -webkit-transition: all 0.7s ease-out 0s;
  -moz-transition: all 0.7s ease-out 0s;
  -o-transition: all 0.7s ease-out 0s;
  -ms-transition: all 0.7s ease-out 0s;
  transition: all 0.7s ease-out 0s;
}
.ccl-iso .st0-scroll {
  fill: black;
}
.ccl-iso .st1-scroll {
  fill: #0057b8;
}
.ccl-iso .mobilelist3 {
  display: none;
  animation: fade-in-bottom ease 0.4s;
  list-style: none;
  border-top: 1px solid gainsboro;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid gainsboro;
  color: #3d3d3d;
  font-size: 14px;
}
.ccl-iso .mobilelist2 {
  display: none;
  animation: fade-in-bottom ease 0.4s;
  list-style: none;
  border-top: 1px solid gainsboro;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid gainsboro;
  color: #3d3d3d;
  font-size: 14px;
}
.ccl-iso .mobilelist1 {
  display: none;
  animation: fade-in-bottom ease 0.4s;
  list-style: none;
  border-top: 1px solid gainsboro;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid gainsboro;
  color: #3d3d3d;
  font-size: 14px;
}
.ccl-iso .mobilesublist {
  margin-bottom: 10px;
}
.ccl-iso .mobilenav {
  height: 50px;
  width: 100%;
  top: 0;
  position: fixed;
  -webkit-transition: all 0.7s ease-out 0s;
  -moz-transition: all 0.7s ease-out 0s;
  -o-transition: all 0.7s ease-out 0s;
  -ms-transition: all 0.7s ease-out 0s;
  transition: all 0.7s ease-out 0s;
}
.ccl-iso .mobilenav-scroll {
  background: white;
  -webkit-box-shadow: 0 -3px 7px 3px #777;
  -moz-box-shadow: 0 -3px 7px 3px #777;
  box-shadow: 0 -3px 7px 3px #777;
  z-index: 1;
}
.ccl-iso .burgericoncontainer {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-transition: all 0.7s ease-out 0s;
  -moz-transition: all 0.7s ease-out 0s;
  -o-transition: all 0.7s ease-out 0s;
  -ms-transition: all 0.7s ease-out 0s;
  transition: all 0.7s ease-out 0s;
  position: fixed;
  top: 0px;
  right: 0px;
  font-size: 35px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  padding: 5px;
}
.ccl-iso .burger-nav-scroll {
  color: #3d3d3d;
}
.ccl-iso .mainkey {
  width: 310px;
  margin: auto;
  height: 40px;
}
.ccl-iso .key {
  width: 155px;
  height: 38px;
  float: left;
}
.ccl-iso .key1 {
  width: 155px;
  height: 38px;
  float: left;
}
.ccl-iso .key2 {
  width: 155px;
  height: 38px;
  float: left;
}
.ccl-iso .keyimg {
  float: left;
  width: 20px;
}
.ccl-iso .keydesc {
  float: left;
  margin-top: 5px;
  font-size: 18px;
  margin-left: 4px;
  width: 125px;
}
.ccl-iso .maptext {
  font-size: 13px;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 40px;
  text-align: center;
}
.ccl-iso .modalimgsettings {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
}
.ccl-iso .singapore-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/Singapore-Site.jpg);
}
.ccl-iso .haian-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/haian-Site.jpg);
}
.ccl-iso .kunshan-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/kunshan-Site.jpg);
}
.ccl-iso .thailand-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/thailand-Site.jpg);
}
.ccl-iso .chengdu-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/chengdu-Site.jpg);
}
.ccl-iso .saopaulo-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/saopaulo-Site.jpg);
}
.ccl-iso .johor-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/johor-Site.jpg);
}
.ccl-iso .kualalumpur-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/kualalumpur-Site.jpg);
}
.ccl-iso .penang-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/penang-Site.jpg);
}
.ccl-iso .hochiminhcity-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/hochiminhcity-Site.jpg);
}
.ccl-iso .bangkok-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/bangkok-Site.jpg);
}
.ccl-iso .shenzhen-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/shenzhen-Site.jpg);
}
.ccl-iso .zhongshan-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/zhongshan-Site.jpg);
}
.ccl-iso .guangzhou-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/guangzhou-Site.jpg);
}
.ccl-iso .chongqing-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/chongqing-Site.jpg);
}
.ccl-iso .hanoi-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/hanoi-Site.jpg);
}
.ccl-iso .suzhou-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/suzhou-Site.jpg);
}
.ccl-iso .chennai-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/chennai-Site.jpg);
}
.ccl-iso .eastkilbride-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/eastkilbride-Site.jpg);
}
.ccl-iso .chippenham-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/chippenham-Site.jpg);
}
.ccl-iso .israel-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/telaviv-Site.jpg);
}
.ccl-iso .solingen-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/solingen-Site.jpg);
}
.ccl-iso .venray-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/venray-Site.jpg);
}
.ccl-iso .munich-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/munich-Site.jpg);
}
.ccl-iso .stuttgart-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/stuttgart-Site.jpg);
}
.ccl-iso .nuremberg-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/nuremberg-Site.jpg);
}
.ccl-iso .hungary-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/hungary-Site.jpg);
}
.ccl-iso .santaclara-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/santaclara-Site.jpg);
}
.ccl-iso .clinton-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/clinton-Site.jpg);
}
.ccl-iso .strongsville-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/strongsville-Site.jpg);
}
.ccl-iso .italy-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/milan-Site.jpg);
}
.ccl-iso .taipei-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/taipei-Site.jpg);
}
.ccl-iso .santaclara-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/santaclara-Site.jpg);
}
.ccl-iso .guadalajara-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/guadalajara-Site.jpg);
}
.ccl-iso .guanajuato-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/guanajuato-Site.jpg);
}
.ccl-iso .sanluispotosi-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/sanluispotosi-Site.jpg);
}
.ccl-iso .clinton-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/clinton-Site.jpg);
}
.ccl-iso .strongsville-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/strongsville-Site.jpg);
}
.ccl-iso .italy-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/milan-Site.jpg);
}
.ccl-iso .taipei-modalimg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
  float: left;
  border-radius: 7px 0px 0px 7px;
  background-image: url(../images/taipei-Site.jpg);
}
.ccl-iso .modallist {
  font-size: 12px;
  list-style-type: none;
  text-align: left;
  float: left;
  padding-left: 0px;
  width: 100%;
  word-wrap: break-word;
}
.ccl-iso .modalheader {
  font-size: 16px;
  padding: 0px;
  margin: 0;
}
.ccl-iso .modallist li {
  margin-bottom: 4px;
}
.ccl-iso .modallist2 {
  font-size: 12px;
  list-style-type: none;
  text-align: left;
  float: left;
  padding-left: 0px;
  width: 100%;
  word-wrap: break-word;
  margin-bottom: 0px;
  margin-top: 8px;
}
.ccl-iso .modallist3 {
  font-size: 9px;
}
.ccl-iso .modallist2 li {
  margin-bottom: -0.5px;
}
.ccl-iso .modalrightside2 {
  padding: 5px;
  height: 100%;
  width: calc(60% - 20px);
  position: relative;
  float: left;
  width: 60%;
}
.ccl-iso .modalrightside {
  padding: 5px;
  height: 100%;
  width: calc(60% - 20px);
  position: relative;
  float: left;
}
.ccl-iso .modalrightside2 {
  padding: 5px;
  height: 100%;
  width: calc(60% - 20px);
  position: relative;
  float: left;
  width: 60%;
}
.ccl-iso .map {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
}
.ccl-iso .worldmap {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  background-image: url(../images/worldmap.png);
}
.ccl-iso .aseanmap {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  background-image: url(../images/asean.png);
}
.ccl-iso .greaterchinamap {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  background-image: url(../images/GreaterChina.png);
}
.ccl-iso .eumap {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  background-image: url(../images/eumap.png);
}
.ccl-iso .americasmap {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  background-position: left;
  background-image: url(../images/americasmap.png);
}
.ccl-iso .southamericamap {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  background-position: left;
  background-image: url(../images/southamericamap.png);
}
.ccl-iso .modalwrapper {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  border: 10px #e0eff4 solid;
}
.ccl-iso .mappins {
  float: left;
  position: absolute;
  width: 18px;
  -webkit-transition: transform 0.2s, margin-top 0.2s;
  -moz-transition: transform 0.2s, margin-top 0.2s;
  -o-transition: transform 0.2s, margin-top 0.2s;
  -ms-transition: transform 0.2s, margin-top 0.2s;
  transition: transform 0.2s, margin-top 0.2s;
}
.ccl-iso .pinshoversettings {
  cursor: pointer;
  transform: scale(1.1);
}
.ccl-iso .infomodulecontainer4 {
  width: calc(95% - 20px);
  background: white;
  border-radius: 5px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 10px;
  padding-bottom: 105px;
  margin: auto;
  margin-top: 50px;
}
.ccl-iso .infomodulecontainer3 {
  width: calc(95% - 20px);
  background: white;
  border-radius: 5px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 10px;
  padding-bottom: 105px;
  margin: auto;
  margin-top: 50px;
}
.ccl-iso .infomodulecontainer2 {
  width: calc(95% - 20px);
  background: white;
  border-radius: 5px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 10px;
  padding-bottom: 105px;
  margin: auto;
  margin-top: 50px;
}
.ccl-iso .infomodulecontainer1 {
  width: calc(95% - 20px);
  background: white;
  border-radius: 5px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 10px;
  padding-bottom: 105px;
  margin: auto;
  margin-top: 50px;
}
.ccl-iso .infomoduleheader {
  width: 100%;
  padding: 5px;
}
.ccl-iso .infomoduletext {
  width: 100%;
}
.ccl-iso .alert-close {
  width: 19px;
  height: 22px;
  margin: 3px;
  position: absolute;
  display: inline-block;
  margin-left: 0px;
  right: 3px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
.ccl-iso .alert-close:hover:before,
.ccl-iso .alert-close:hover:after {
  background: #4d4d4d;
}
.ccl-iso .alert-close2 {
  width: 19px;
  height: 22px;
  margin: 3px;
  position: absolute;
  display: inline-block;
  margin-left: 0px;
  right: 3px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
.ccl-iso .alert-close2:hover:before,
.ccl-iso .alert-close2:hover:after {
  background: #4d4d4d;
}
.ccl-iso .alert-close2::before,
.ccl-iso .alert-close2::after {
  content: '';
  position: absolute;
  height: 3px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #0057b8;
}
.ccl-iso .alert-close2::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ccl-iso .alert-close2::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ccl-iso .alert-close::before,
.ccl-iso .alert-close::after {
  content: '';
  position: absolute;
  height: 3px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #0057b8;
}
.ccl-iso .alert-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ccl-iso .alert-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ccl-iso .box1 {
  display: none;
  background: red;
  left: 0;
  position: absolute;
  background-color: #f3f7fe;
  width: 320px;
  padding-left: 10px;
  top: 0px;
}
.ccl-iso .box1.show {
  transform: translateY(450px) rotate(0deg);
  display: block;
}
.ccl-iso .content {
  margin-top: 200px;
}
.ccl-iso #fade-in {
  opacity: 0;
  width: 320px;
  transform: translateX(0) rotate(0deg);
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  -ms-transition: all 0.75s ease;
  transition: all 0.75s ease;
  margin-top: 200px;
  padding-left: 10px;
  background-color: #d9e4f6;
}
.ccl-iso #fade-in.show {
  transform: translateY(-200px) rotate(0deg);
  opacity: 1;
}
::-webkit-scrollbar {
  width: 20px;
}
::-webkit-scrollbar-track {
  background: white;
}
::-webkit-scrollbar-thumb {
  background: #0057b8;
  border: 1px solid white;
}
::-webkit-scrollbar-thumb:hover {
  background: #2f619a;
}
.ccl-iso #contentWrap {
  width: 1080px;
  height: 810px;
  overflow: hidden;
}
.ccl-iso #contentInside {
  width: 1080px;
  margin: 0;
  padding: 0;
  position: relative;
}
.ccl-iso #contentWrap img {
  display: inline;
}
.ccl-iso .very-specific-design {
  width: 1080px;
  padding: 0px;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1px;
}
.ccl-iso .scaleable-wrapper {
  padding: 0px;
  width: 100%;
  margin: 0 auto;
  background: white;
}
.ccl-iso header {
  display: none;
}
.ccl-iso .bgeffect1 {
  position: absolute;
  top: 0;
  left: -200px;
  z-index: -1;
  width: 100vw;
}
.ccl-iso .bgeffect2 {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: -1;
  width: 80vw;
}
.ccl-iso .bgeffect3 {
  position: absolute;
  top: 0;
  left: 0px;
  z-index: -10;
  width: 85vw;
}
.ccl-iso .bgeffect4 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.ccl-iso .hoverimgsettings {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .focusareaimg1 {
  background-image: url(../images/industrial-applications-by-ccl-design.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .focusareaimg2 {
  background-image: url(../images/electronics-applications-laptop-labels.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .focusareaimg3 {
  background-image: url(../images/automotive-applications-film.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .ps {
  background-image: url(../images/top-protect-and-paint-cover-labels.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .as {
  background-image: url(../images/automotive-safety-Airbag-Label.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .dc {
  background-image: url(../images/precision-diecut-parts.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .ig {
  background-image: url(../images/Printed-Electronics-Human-Machine-Interface-Products.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .b {
  background-image: url(../images/Decorative-Products-automotive-film.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .bp {
  background-image: url(../images/brand-protection-and-security-label.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .apdf {
  background-image: url(../images/laminates-and-decking-house-example.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .cf {
  background-image: url(../images/adhesive-tapes.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .vaa {
  background-image: url(../images/packaging-products.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .idt-home {
  background-image: url(../images/control-panels-2.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .cutting-edge-container {
  width: 780px;
  height: 420px;
  margin: auto;
}
.ccl-iso .brandinglabelssection {
  width: 98%;
  margin: auto;
  padding-top: 25px;
}
.ccl-iso .tabs_imgcontainer {
  padding: 20px;
}
.ccl-iso .popupimgcontainer {
  padding: 20px;
}
.ccl-iso .bigtabimg {
  width: 100%;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
  border-radius: 13px;
}
.ccl-iso .acquisitionscontainer {
  width: 100%;
}
.ccl-iso .container2 {
  width: 92%;
  margin: auto;
  height: 720px;
}
.ccl-iso .acquisitionstext {
  width: 100%;
}
.ccl-iso .acquisitionscompany {
  width: 92%;
  margin: auto;
  -webkit-box-shadow: 0 8px 15px -8px #777;
  -moz-box-shadow: 0 8px 15px -8px #777;
  box-shadow: 0 8px 15px -8px #777;
  border-radius: 8px;
  margin-top: 20px;
  color: #4d4d4d;
}
.ccl-iso .ccl-idt-modules {
  width: 92%;
  margin: auto;
  -webkit-box-shadow: 0 8px 15px -8px #777;
  -moz-box-shadow: 0 8px 15px -8px #777;
  box-shadow: 0 8px 15px -8px #777;
  border-radius: 8px;
  margin-top: 20px;
  color: #4d4d4d;
  border-radius: 11px;
}
.ccl-iso .info2 {
  width: 32%;
  float: left;
  margin: auto;
  -webkit-box-shadow: 0 8px 15px -8px #777;
  -moz-box-shadow: 0 8px 15px -8px #777;
  box-shadow: 0 8px 15px -8px #777;
  border-radius: 8px;
  margin-top: 20px;
  margin-right: 10px;
  height: 300px;
}
.ccl-iso .companytext {
  padding: 30px;
  min-height: 360px;
}
.ccl-iso .acquisitionimgs {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 180px;
  border-radius: 8px 8px 0px 0px;
}
.ccl-iso .companyimg1 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 180px;
  border-radius: 8px 8px 0px 0px;
  background-image: url(../images/S.E.-Printing-CCL-Design.jpg);
}
.ccl-iso .companyimg2 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 180px;
  border-radius: 8px 8px 0px 0px;
  background-image: url(../images/olympic-bonding-solutions-CCL-Design.jpg);
}
.ccl-iso .companyimg4 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 180px;
  border-radius: 8px 8px 0px 0px;
  background-image: url(../images/Nortec-ID-CCL-Design.png);
}
.ccl-iso .companyimg3 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 180px;
  border-radius: 8px 8px 0px 0px;
  background-image: url(../images/Hinsitsu-Vietnam-CCL-Design.png);
}
.ccl-iso .ccl-idt-img0 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 180px;
  border-radius: 8px 8px 0px 0px;
  background-image: url(../images/idt-news-article-1.jpg);
}
.ccl-iso .ccl-idt-img1 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 180px;
  border-radius: 8px 8px 0px 0px;
  background-image: url(../images/global_recycling_day_automotive.jpg);
}
.ccl-iso .ccl-idt-img2 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 180px;
  border-radius: 8px 8px 0px 0px;
  background-image: url(../images/internship-idt-news.jpg);
}
.ccl-iso .ccl-idt-img3 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 180px;
  border-radius: 8px 8px 0px 0px;
  background-image: url(../images/deadfront-automotive.jpg);
}
.ccl-iso .ccl-idt-img4 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 180px;
  border-radius: 8px 8px 0px 0px;
  background-image: url(../images/steering-wheel.jpg);
}
.ccl-iso .careerimgsettings {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  border-radius: 10px;
  margin-bottom: 50px;
  margin-top: 100px;
  box-shadow: 0px 0px 50px -7px #02020252;
  -webkit-box-shadow: 0px 0px 50px -7px #02020252;
  -moz-box-shadow: 0px 0px 50px -7px #02020252;
}
.ccl-iso .careerimg1 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  border-radius: 10px;
  margin-bottom: 50px;
  margin-top: 100px;
  box-shadow: 0px 0px 50px -7px #02020252;
  -webkit-box-shadow: 0px 0px 50px -7px #02020252;
  -moz-box-shadow: 0px 0px 50px -7px #02020252;
  background-image: url(../images/CCL-Design-East-Kilbride-Lab.png);
}
.ccl-iso .careerimg2 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  border-radius: 10px;
  margin-bottom: 50px;
  margin-top: 100px;
  box-shadow: 0px 0px 50px -7px #02020252;
  -webkit-box-shadow: 0px 0px 50px -7px #02020252;
  -moz-box-shadow: 0px 0px 50px -7px #02020252;
  background-image: url(../images/Design-Centre-Taipei.png);
}
.ccl-iso .careerimg3 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  border-radius: 10px;
  margin-bottom: 50px;
  margin-top: 100px;
  box-shadow: 0px 0px 50px -7px #02020252;
  -webkit-box-shadow: 0px 0px 50px -7px #02020252;
  -moz-box-shadow: 0px 0px 50px -7px #02020252;
  background-image: url(../images/Coater-East-Kilbride.png);
}
.ccl-iso .careerimg4 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  border-radius: 10px;
  margin-bottom: 50px;
  margin-top: 100px;
  box-shadow: 0px 0px 50px -7px #02020252;
  -webkit-box-shadow: 0px 0px 50px -7px #02020252;
  -moz-box-shadow: 0px 0px 50px -7px #02020252;
  background-image: url(../images/CCL-Design-Tel-Aviv.png);
}
.ccl-iso .careerimg5 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  border-radius: 10px;
  margin-bottom: 50px;
  margin-top: 100px;
  box-shadow: 0px 0px 50px -7px #02020252;
  -webkit-box-shadow: 0px 0px 50px -7px #02020252;
  -moz-box-shadow: 0px 0px 50px -7px #02020252;
  background-image: url(../images/Solar-Panel-Engineer.png);
}
.ccl-iso * {
  box-sizing: border-box;
}
.ccl-iso input[type=text],
.ccl-iso select,
.ccl-iso textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  outline: none;
  font-family: graphik-light;
}
.ccl-iso input[type=text]:focus,
.ccl-iso select:focus,
.ccl-iso textarea:focus {
  box-shadow: 0px 0px 5px #aaaaaa;
}
.ccl-iso input[type=text]:hover,
.ccl-iso select:hover,
.ccl-iso textarea:hover {
  box-shadow: 0px 0px 5px #aaaaaa;
}
.ccl-iso label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}
.ccl-iso .selectfile {
  background-color: #0057b8;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-top: -40px;
}
.ccl-iso .selectfile:hover {
  background-color: #4d4d4d;
}
.ccl-iso input[type=submit] {
  background-color: #0057b8;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  margin-top: -40px;
}
.ccl-iso input[type=submit]:hover {
  background-color: #4d4d4d;
}
.ccl-iso .custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.ccl-iso .custom-file-input::before {
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  content: 'Upload CV';
  color: #0057b8;
  display: inline-block;
  border: 2px solid #0057b8;
  border-radius: 0px;
  padding: 5px 2px;
  outline: none;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
  margin-top: -2px;
  border-radius: 5px;
}
.ccl-iso .custom-file-input:hover::before {
  border-color: #0057b8;
  background: #0057b8;
  color: transparent;
}
.ccl-iso .custom-file-input:active {
  outline: 0;
}
.ccl-iso .custom-file-input:active::before {
  background: #004ca0;
  border: 2px solid #004ca0;
}
.ccl-iso .container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
  width: 500px;
  margin: auto;
  -webkit-box-shadow: 0 8px 15px -8px #0000007a;
  -moz-box-shadow: 0 8px 15px -8px #0000007a;
  box-shadow: 0 8px 15px -8px #0000007a;
}
.ccl-iso .col-25 {
  width: 100%;
  margin-top: 0;
  margin-left: 0px;
}
.ccl-iso .col-75 {
  width: 100%;
  margin-top: 0;
  margin-left: 0px;
}
.ccl-iso .row1 {
  width: 100%;
  margin: auto;
  /*padding-left: 6%;
  padding-right: 6%;*/
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 80px;
  padding-bottom: 40px;
  position: relative;
  /*z-index: -1;*/
}

@media (min-width: 992px) {
    .ccl-iso .row1 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}


.ccl-iso .rowhex {
  width: 100%;
  margin: auto;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  z-index: -1;
}
.ccl-iso .row3 {
  width: 100%;
  margin: auto;
  padding-left: 6%;
  padding-right: 6%;
  padding-top: 80px;
  padding-bottom: 40px;
  position: relative;
  z-index: -1;
  padding-left: 0%;
  padding-right: 0%;
}
.ccl-iso .padding-bottom {
  padding-bottom: 0px;
}
.ccl-iso .row2 {
  width: 100%;
  margin: auto;
  padding-bottom: 10px;
  position: relative;
  z-index: -1;
}
.ccl-iso .venrayrow1 {
  margin-top: 100px;
  max-width: 1490px;
}
.ccl-iso .venrayrow2 {
  margin-top: 50px;
  max-width: 1490px;
}
.ccl-iso .securitylayersection {
  padding-left: 0px;
  padding-right: 0px;
}
.ccl-iso .phonelayersection {
  padding-left: 0px;
  padding-right: 0px;
}
.ccl-iso .padding {
  padding-left: 6%;
  padding-right: 6%;
}
.ccl-iso .row_altbg {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/CCL-Design-Sysco-Suzhou.png);
  display: block;
}
.ccl-iso .row_ukbg {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/flexo_press.jpg);
  display: block;
}
.ccl-iso .row_telavivbg {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/daco.jpg);
  display: block;
}
.ccl-iso .row1auto {
  width: 100%;
  margin: auto;
  padding-left: 6%;
  padding-right: 6%;
  padding-top: 40px;
  padding-bottom: 40px;
  z-index: -1;
}
.ccl-iso .row1bp {
  width: 100%;
  margin: auto;
  padding-left: 6%;
  padding-right: 6%;
  padding-top: 40px;
  padding-bottom: 40px;
  z-index: -1;
  position: relative;
  min-height: 1000px;
}
.ccl-iso .row1:after {
  content: "";
  display: table;
  clear: both;
}
.ccl-iso .row1auto:after {
  content: "";
  display: table;
  clear: both;
}
.ccl-iso .row2:after {
  content: "";
  display: table;
  clear: both;
}
.ccl-iso .column {
  float: left;
  width: 100%;
  padding: 0px 0px 20px 0px;
}

@media (min-width: 992px) {
.ccl-iso .column {
  float: left;
  width: 100%;
  padding: 0px 0px 20px 20px;
}
}

.ccl-iso .autocolumn {
  float: right;
  margin-top: 0px;
  padding: 0px;
}
.ccl-iso .columnidtslider {
  width: 100%;
  padding: 0px 0px 20px 20px;
}
.ccl-iso .column9 {
  padding-left: 10%;
}
.ccl-iso .column10 {
  padding-right: 10%;
}
.ccl-iso .column_secondary {
  padding: 0px 0px 20px 35px;
}
.ccl-iso .column_blog {
  float: left;
  width: 100%;
  padding: 0px 0px 20px 20px;
  padding: 0px 20px 20px 20px;
}
.ccl-iso .column_blog_small {
  width: 50%;
}
.ccl-iso .column4 {
  width: 100%;
}
.ccl-iso .column7 {
  padding: 55px;
}
.ccl-iso .column8 {
  width: 100%;
  padding: 6% 6% 6% 4%;
  margin: auto;
}
.ccl-iso .supplierportaltextcontainer {
  width: 80%;
  margin: auto;
}
.ccl-iso .imghovereffectitem {
  -webkit-perspective: 400px;
  perspective: 400px;
}
.ccl-iso .info {
  -webkit-transform: rotate3d(1, 0, 0, 90deg);
  transform: rotate3d(1, 0, 0, 90deg);
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  pointer-events: none;
  background-color: #0057b8b5;
}
.ccl-iso .white-info {
  background-color: #ffffffb5;
}
.ccl-iso .in-top .info {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: in-top 300ms ease 0ms 1 forwards;
  animation: in-top 300ms ease 0ms 1 forwards;
}
.ccl-iso .in-right .info {
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-animation: in-right 300ms ease 0ms 1 forwards;
  animation: in-right 300ms ease 0ms 1 forwards;
}
.ccl-iso .in-bottom .info {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
  animation: in-bottom 300ms ease 0ms 1 forwards;
}
.ccl-iso .in-left .info {
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: in-left 300ms ease 0ms 1 forwards;
  animation: in-left 300ms ease 0ms 1 forwards;
}
.ccl-iso .out-top .info {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: out-top 300ms ease 0ms 1 forwards;
  animation: out-top 300ms ease 0ms 1 forwards;
}
.ccl-iso .out-right .info {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: out-right 300ms ease 0ms 1 forwards;
  animation: out-right 300ms ease 0ms 1 forwards;
}
.ccl-iso .out-bottom .info {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
  animation: out-bottom 300ms ease 0ms 1 forwards;
}
.ccl-iso .out-left .info {
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: out-left 300ms ease 0ms 1 forwards;
  animation: out-left 300ms ease 0ms 1 forwards;
}
@-webkit-keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
    transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
    transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
    transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
    transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-left {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
    transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-left {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
    transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes out-top {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(-1, 0, 0, 104deg);
    transform: rotate3d(-1, 0, 0, 104deg);
  }
}
@keyframes out-top {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(-1, 0, 0, 104deg);
    transform: rotate3d(-1, 0, 0, 104deg);
  }
}
@-webkit-keyframes out-right {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, -1, 0, 104deg);
    transform: rotate3d(0, -1, 0, 104deg);
  }
}
@keyframes out-right {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, -1, 0, 107.4deg);
    transform: rotate3d(0, -1, 0, 107.4deg);
  }
}
@-webkit-keyframes out-bottom {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(1, 0, 0, 104deg);
    transform: rotate3d(1, 0, 0, 104deg);
  }
}
@keyframes out-bottom {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(1, 0, 0, 104deg);
    transform: rotate3d(1, 0, 0, 104deg);
  }
}
@-webkit-keyframes out-left {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, 107.3deg);
    transform: rotate3d(0, 1, 0, 107.3deg);
  }
}
@keyframes out-left {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, 107.3deg);
    transform: rotate3d(0, 1, 0, 107.3deg);
  }
}
.ccl-iso .imghovereffect {
  padding: 0;
  margin: 0 0 50px;
}
.ccl-iso .imghovereffect:after {
  content: "";
  display: table;
  clear: both;
}
.ccl-iso .imghovereffectitem {
  position: relative;
  float: left;
  width: 250px;
  height: 200px;
  margin: 5px;
  padding: 0;
  list-style: none;
}
.ccl-iso .imghovereffectitem a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  border-radius: 4px;
}
.ccl-iso .focusareasheaders {
  margin: 0;
  font-size: 29px;
  color: #0057b8;
}
.ccl-iso .cuttingedgeheaders {
  margin: 0;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
}
.ccl-iso .imghovereffectitem p {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.ccl-iso .imghovereffectitem .normal {
  width: 100%;
  height: 100%;
  background-color: #ECF0F1;
  color: rgba(52, 73, 94, 0.6);
  text-align: center;
  font-size: 50px;
  line-height: 200px;
}
.ccl-iso .imghovereffectitem .normal svg {
  pointer-events: none;
  width: 50px;
}
.ccl-iso .imghovereffectitem .normal svg path {
  fill: rgba(52, 73, 94, 0.2);
}
.ccl-iso * {
  box-sizing: border-box;
}
.ccl-iso .viewmore {
  color: white;
  text-decoration: underline;
  background-color: #0057b8;
  padding: 5px;
  margin-top: 18px;
}
.ccl-iso .col-xs-6 {
  width: 50%;
}
.ccl-iso .col-sm-4,
.ccl-iso .col-xs-6 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.ccl-iso .col-xs-12 {
  width: 100%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.ccl-iso .items-container {
  padding: 0;
  width: 265px;
  height: 200px;
}
.ccl-iso .item {
  padding-top: 15px;
  padding-bottom: 15px;
}
.ccl-iso .imghover1 {
  width: 100%;
  position: relative;
  overflow: hidden;
  /*
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  */
  border-radius: 10px;
  height: 175px;
}
.ccl-iso .imghover1 img {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
}
.ccl-iso .imghover1:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.ccl-iso .imghover1 .imghovercontent {
  background: rgba(51, 51, 51, 0.5);
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso .imghover1 .imghovercontent h3,
.ccl-iso .imghover1 .imghovercontent p,
.ccl-iso .imghover1 .imghovercontent a {
  position: relative;
  top: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso .imghover1 .imghovercontent h3 {
  padding: 10px 15px;
  width: 100%;
  background: #0057b8;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}
.ccl-iso .imghover1 .imghovercontent p {
  padding: 0 15px;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.2;
  color: #fff;
  text-indent: 10px;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.ccl-iso .imghover1 .imghovercontent a {
  margin-right: 15px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #333;
  float: right;
  font-size: 13px;
  padding: 2px 5px;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
}
.ccl-iso .imghover1 .imghovercontent a:hover {
  background: #e6e6e6;
  border: 1px solid #adadad;
}
.ccl-iso .imghover1:hover .imghovercontent h3,
.ccl-iso .imghover1:hover .imghovercontent p,
.ccl-iso .imghover1:hover .imghovercontent a {
  top: 0;
}
.ccl-iso .imghover1:hover .imghovercontent {
  visibility: visible;
  opacity: 1;
}
.ccl-iso .headercontent {
  margin-top: 50px;
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'feathericons';
  src: url('../fonts/feathericons/feathericons.eot?-8is7zf');
  src: url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'), url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'), url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'), url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');
}
.ccl-iso .grid2 {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  list-style: none;
  text-align: center;
  font-weight: 400;
  font-size: 1em;
}
.ccl-iso .grid2 figure {
  position: relative;
  overflow: hidden;
  margin: 10px 1%;
  max-width: 480px;
  max-height: 360px;
  width: 100%;
  background: #3085a3;
  text-align: center;
  cursor: default;
  margin: 10px auto;
}
.ccl-iso .grid2 figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}
.ccl-iso .grid2 figure figcaption {
  padding: 1em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ccl-iso .grid2 figure figcaption::before,
.ccl-iso .grid2 figure figcaption::after {
  pointer-events: none;
}
.ccl-iso .grid2 figure figcaption,
.ccl-iso .grid2 figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ccl-iso .grid2 figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  font-size: 0;
  opacity: 0;
}
.ccl-iso .grid2 figure h2 {
  font-weight: 300;
}
.ccl-iso .grid2 figure h2 span {
  font-weight: 800;
}
.ccl-iso .grid2 figure h2,
.ccl-iso .grid2 figure p {
  margin: 0;
}
.ccl-iso .grid2 figure p {
  letter-spacing: 1px;
  font-size: 0.6em;
}
.ccl-iso .grid3 {
  position: relative;
  margin: 0 auto;
  max-width: 1512px;
  list-style: none;
  text-align: center;
  font-weight: 400;
  font-size: 1em;
}
.ccl-iso .grid3 figure {
  position: relative;
  overflow: hidden;
  margin: 10px 1%;
  max-width: 480px;
  max-height: 360px;
  width: 100%;
  background: #3085a3;
  text-align: center;
  cursor: default;
  margin: 10px auto;
}
.ccl-iso .grid3 figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}
.ccl-iso .grid3 figure figcaption {
  padding: 1em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ccl-iso .grid3 figure figcaption::before,
.ccl-iso .grid3 figure figcaption::after {
  pointer-events: none;
}
.ccl-iso .grid3 figure figcaption,
.ccl-iso .grid3 figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ccl-iso .grid3 figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  font-size: 0;
  opacity: 0;
}
.ccl-iso .grid3 figure h2 {
  font-weight: 300;
}
.ccl-iso .grid3 figure h2 span {
  font-weight: 800;
}
.ccl-iso .grid3 figure h2,
.ccl-iso .grid3 figure p {
  margin: 0;
}
.ccl-iso .grid3 figure p {
  letter-spacing: 1px;
  font-size: 0.6em;
}
.ccl-iso figure.cool-hover2 {
  background: #084c98;
}
.ccl-iso figure.cool-hover2 img {
  opacity: 0.7;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.ccl-iso figure.cool-hover2:hover img {
  opacity: 0.1;
}
.ccl-iso figure.cool-hover2 figcaption::before,
.ccl-iso figure.cool-hover2 figcaption::after {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.ccl-iso figure.cool-hover2 figcaption::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.ccl-iso figure.cool-hover2 figcaption::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}
.ccl-iso figure.cool-hover2 h2 {
  padding-top: 2%;
  padding-bottom: 10px;
  font-size: 16px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}
.ccl-iso figure.cool-hover2 p {
  padding-top: 1px;
  padding-bottom: 1px;
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
.ccl-iso figure.cool-hover2:hover figcaption::before,
.ccl-iso figure.cool-hover2:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.ccl-iso figure.cool-hover2:hover h2,
.ccl-iso figure.cool-hover2:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.ccl-iso figure.cool-hover {
  background: #084c98;
}
.ccl-iso figure.cool-hover img {
  opacity: 0.7;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.ccl-iso figure.cool-hover:hover img {
  opacity: 0.1;
}
.ccl-iso figure.cool-hover figcaption::before,
.ccl-iso figure.cool-hover figcaption::after {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.ccl-iso figure.cool-hover figcaption::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.ccl-iso figure.cool-hover figcaption::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}
.ccl-iso figure.cool-hover h2 {
  padding-top: 2%;
  padding-bottom: 10px;
  font-size: 16px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}
.ccl-iso figure.cool-hover p {
  padding-top: 1px;
  padding-bottom: 1px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
.ccl-iso figure.cool-hover:hover figcaption::before,
.ccl-iso figure.cool-hover:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.ccl-iso figure.cool-hover:hover h2,
.ccl-iso figure.cool-hover:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.ccl-iso .gridcontent2 {
  margin: 0 auto;
  max-width: 1000px;
}
.ccl-iso .gridcontent2 > h2 {
  clear: both;
  margin: 0;
  padding: 4em 1% 0;
  color: #484B54;
  font-weight: 800;
  font-size: 1.5em;
}
.ccl-iso .gridcontent2 > h2:first-child {
  padding-top: 0em;
}
.ccl-iso .gridcontent2 + .codrops-demos {
  padding-top: 5em;
}
.ccl-iso .gridcontent3 {
  margin: 0 auto;
  max-width: 1512px;
}
.ccl-iso .gridcontent3 > h2 {
  clear: both;
  margin: 0;
  padding: 4em 1% 0;
  color: #484B54;
  font-weight: 800;
  font-size: 1.5em;
}
.ccl-iso .gridcontent3 > h2:first-child {
  padding-top: 0em;
}
.ccl-iso .gridcontent3 + .codrops-demos {
  padding-top: 5em;
}
.ccl-iso *,
.ccl-iso *:after,
.ccl-iso *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ccl-iso .module2noparralax {
  background: #f7f7f7;
  position: relative;
  width: 98%;
  padding-bottom: 0px;
  display: block;
  top: 0px;
  /* right: 0px; */
  float: none;
  bottom: 0px;
  margin: auto;
  border-radius: 20px 0px 0px 0px;
}
.ccl-iso .floating-section-text {
  width: 98%;
  margin: auto;
  margin-bottom: 10px;
}
.ccl-iso .hideparralax {
  display: block;
}
.ccl-iso .section5 {
  display: none;
}
.ccl-iso .idt-section {
  display: none;
}
.ccl-iso .bloglist {
  list-style: none;
  padding: 0;
}
.ccl-iso .bloglist li {
  margin-bottom: 5px;
}
.ccl-iso .blogtitlecontainer {
  width: 100%;
  padding: 10px;
}
.ccl-iso .blogtitle {
  margin: 0px;
  color: #0057b8;
}
.ccl-iso .blogtitle a {
  color: #0057b8;
}
.ccl-iso .blogmodule {
  padding: 10px;
  background: #f3f3f3;
  margin: 0px 10px 10px 10px;
  border-radius: 8px;
}
.ccl-iso .blogcolumnleftcontainer {
  float: left;
  width: 60%;
  padding: 10px;
}
.ccl-iso .blogcolumn1 {
  float: left;
  width: 100%;
  height: 125px;
}
.ccl-iso .blogcolumn2 {
  float: left;
  width: 40%;
  overflow: hidden;
  height: 125px;
  padding: 10px;
}
.ccl-iso .blogimg {
  max-width: 100%;
}
.ccl-iso .chennai-india {
  margin-left: 0px;
  margin-top: calc(171px - 127px);
}
.ccl-iso .chennai-india:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(171px - 131px);
}
.ccl-iso .bangkok {
  margin-left: 143px;
  margin-top: calc(420px - 303px);
}
.ccl-iso .bangkok:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(420px - 307px);
}
.ccl-iso .penang {
  margin-left: 142px;
  margin-top: calc(369px - 277px);
}
.ccl-iso .penang:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(369px - 281px);
}
.ccl-iso .thailand {
  margin-left: 139px;
  margin-top: calc(239px - 194px);
}
.ccl-iso .thailand:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(239px - 198px);
}
.ccl-iso .johor {
  margin-left: 159px;
  margin-top: calc(417px - 297px);
}
.ccl-iso .johor:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(417px - 301px);
}
.ccl-iso .kualalumpur {
  margin-left: 148px;
  margin-top: calc(417px - 307px);
}
.ccl-iso .kualalumpur:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(417px - 311px);
}
.ccl-iso .singapore {
  margin-left: 168px;
  margin-top: calc(455px - 326px);
}
.ccl-iso .singapore:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(455px - 330px);
}
.ccl-iso .hochiminhcity {
  margin-left: 188px;
  margin-top: calc(235px - 172px);
}
.ccl-iso .hochiminhcity:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(235px - 176px);
}
.ccl-iso .shenzhen {
  margin-left: 244px;
  margin-top: calc(492px - 354px);
}
.ccl-iso .shenzhen:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(492px - 358px);
}
.ccl-iso .zhongshan {
  margin-left: 214px;
  margin-top: calc(500px - 354px);
}
.ccl-iso .zhongshan:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(500px - 358px);
}
.ccl-iso .guangzhou {
  margin-left: 226px;
  margin-top: calc(492px - 355px);
}
.ccl-iso .guangzhou:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(492px - 359px);
}
.ccl-iso .chongqing {
  margin-left: 188px;
  margin-top: calc(324px - 233px);
}
.ccl-iso .chongqing:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(324px - 237px);
}
.ccl-iso .chengdu {
  margin-left: 169px;
  margin-top: calc(324px - 249px);
}
.ccl-iso .chengdu:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(324px - 253px);
}
.ccl-iso .hanoi {
  margin-left: 179px;
  margin-top: calc(-11px - 0px);
}
.ccl-iso .hanoi:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(-11px - 4px);
}
.ccl-iso .suzhou {
  margin-left: 268px;
  margin-top: calc(260px - 174px);
}
.ccl-iso .suzhou:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(260px - 178px);
}
.ccl-iso .haian {
  margin-left: 260px;
  margin-top: calc(231px - 169px);
}
.ccl-iso .haian:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(231px - 173px);
}
.ccl-iso .kunshan {
  margin-left: 279px;
  margin-top: calc(231px - 162px);
}
.ccl-iso .kunshan:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(231px - 166px);
}
.ccl-iso .taipei {
  margin-left: 285px;
  margin-top: calc(428px - 304px);
}
.ccl-iso .taipei:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(428px - 308px);
}
.ccl-iso .eastkilbride {
  margin-left: 11px;
  margin-top: calc(76px - 59px);
}
.ccl-iso .eastkilbride:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(76px - 63px);
}
.ccl-iso .chippenham {
  margin-left: 24px;
  margin-top: calc(195px - 143px);
}
.ccl-iso .chippenham:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(195px - 147px);
}
.ccl-iso .israel {
  margin-left: 231px;
  margin-top: calc(642px - 457px);
}
.ccl-iso .israel:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(642px - 461px);
}
.ccl-iso .solingen {
  margin-left: 59px;
  margin-top: calc(184px - 139px);
}
.ccl-iso .solingen:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(184px - 143px);
}
.ccl-iso .venray {
  margin-left: 75px;
  margin-top: calc(184px - 134px);
}
.ccl-iso .venray:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(184px - 138px);
}
.ccl-iso .munich {
  margin-left: 98px;
  margin-top: calc(292px - 209px);
}
.ccl-iso .munich:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(292px - 213px);
}
.ccl-iso .stuttgart {
  margin-left: 81px;
  margin-top: calc(272px - 196px);
}
.ccl-iso .stuttgart:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(272px - 200px);
}
.ccl-iso .nuremberg {
  margin-left: 94px;
  margin-top: calc(217px - 154px);
}
.ccl-iso .nuremberg:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(217px - 158px);
}
.ccl-iso .hungary {
  margin-left: 131px;
  margin-top: calc(319px - 229px);
}
.ccl-iso .hungary:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(319px - 233px);
}
.ccl-iso .italy {
  margin-left: 83px;
  margin-top: calc(344px - 246px);
}
.ccl-iso .italy:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(344px - 250px);
}
.ccl-iso .saopaulo {
  margin-left: 238px;
  margin-top: calc(438px - 316px);
}
.ccl-iso .saopaulo:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(438px - 320px);
}
.ccl-iso .santaclara {
  margin-left: 7px;
  margin-top: calc(219px - 159px);
}
.ccl-iso .santaclara:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(219px - 163px);
}
.ccl-iso .guadalajara {
  margin-left: 98px;
  margin-top: calc(661px - 470px);
}
.ccl-iso .guadalajara:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(661px - 474px);
}
.ccl-iso .guanajuato {
  margin-left: 122px;
  margin-top: calc(644px - 470px);
}
.ccl-iso .guanajuato:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(644px - 474px);
}
.ccl-iso .sanluispotosi {
  margin-left: 110px;
  margin-top: calc(600px - 439px);
}
.ccl-iso .sanluispotosi:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(600px - 443px);
}
.ccl-iso .clinton {
  margin-left: 238px;
  margin-top: calc(336px - 242px);
}
.ccl-iso .clinton:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(336px - 246px);
}
.ccl-iso .strongsville {
  margin-left: 256px;
  margin-top: calc(152px - 115px);
}
.ccl-iso .strongsville:hover {
  cursor: pointer;
  transform: scale(1.1);
  margin-top: calc(152px - 119px);
}
.ccl-iso .tooltip-padding-fontsize {
  padding: 5px;
  font-size: 14px;
}
.ccl-iso .tooltipsettings {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
}
.ccl-iso .tooltipsettings:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltipsettings-rightpopup {
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  padding: 10px;
  border-radius: 5px;
  color: #4d4d4d;
}
.ccl-iso .tooltipsettings-rightpopup:after {
  content: "";
  right: 99%;
  margin-top: -7px;
  border-width: 7px;
  position: absolute;
  top: 50%;
  border-style: solid;
  border-color: transparent white transparent transparent;
}
.ccl-iso .tooltipsettings-leftpopup {
  z-index: 1;
  display: none;
  float: right;
  background: white;
  padding: 10px;
  border-radius: 5px;
  color: #4d4d4d;
}
.ccl-iso .tooltipsettings-leftpopup:after {
  content: "";
  left: 80%;
  margin-top: -9px;
  border-width: 8px;
  position: absolute;
  top: 18%;
  border-style: solid;
  border-color: transparent transparent transparent white;
}
.ccl-iso .tooltip-chennai {
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  padding: 10px;
  border-radius: 5px;
  color: #4d4d4d;
  padding: 5px;
  font-size: 14px;
  margin-left: 41px;
  margin-top: calc(171px - 311px);
}
.ccl-iso .tooltip-chennai:after {
  content: "";
  right: 99%;
  margin-top: -7px;
  border-width: 7px;
  position: absolute;
  top: 50%;
  border-style: solid;
  border-color: transparent white transparent transparent;
}
.ccl-iso .tooltip-bangkok {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 90px;
  margin-top: calc(420px - 339px);
}
.ccl-iso .tooltip-bangkok:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-penang {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 94px;
  margin-top: calc(369px - 470px);
}
.ccl-iso .tooltip-penang:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-johor {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 111px;
  margin-top: calc(417px - 498px);
}
.ccl-iso .tooltip-johor:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-singapore {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 141px;
  margin-top: calc(455px - 519px);
}
.ccl-iso .tooltip-singapore:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-hochiminhcity {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 105px;
  margin-top: calc(235px - 380px);
}
.ccl-iso .tooltip-hochiminhcity:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-shenzhen {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 169px;
  margin-top: calc(492px - 198px);
}
.ccl-iso .tooltip-shenzhen:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-zhongshan {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 169px;
  margin-top: calc(500px - 198px);
}
.ccl-iso .tooltip-zhongshan:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-chongqing {
  z-index: 1;
  display: none;
  float: right;
  background: white;
  padding: 10px;
  border-radius: 5px;
  color: #4d4d4d;
  padding: 5px;
  font-size: 14px;
  margin-left: 40px;
  margin-top: calc(324px - 72px);
}
.ccl-iso .tooltip-chongqing:after {
  content: "";
  left: 80%;
  margin-top: -9px;
  border-width: 8px;
  position: absolute;
  top: 18%;
  border-style: solid;
  border-color: transparent transparent transparent white;
}
.ccl-iso .tooltip-hanoi {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 133px;
  margin-top: calc(-11px - 225px);
}
.ccl-iso .tooltip-hanoi:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-suzhou {
  z-index: 1;
  display: none;
  float: right;
  background: white;
  padding: 10px;
  border-radius: 5px;
  color: #4d4d4d;
  padding: 5px;
  font-size: 14px;
  margin-left: 138px;
  margin-top: calc(260px - 24px);
}
.ccl-iso .tooltip-suzhou:after {
  content: "";
  left: 80%;
  margin-top: -9px;
  border-width: 8px;
  position: absolute;
  top: 18%;
  border-style: solid;
  border-color: transparent transparent transparent white;
}
.ccl-iso .tooltip-haian {
  z-index: 1;
  display: none;
  float: right;
  background: white;
  padding: 10px;
  border-radius: 5px;
  color: #4d4d4d;
  padding: 5px;
  font-size: 14px;
  margin-left: 131px;
  margin-top: calc(231px - -1px);
}
.ccl-iso .tooltip-haian:after {
  content: "";
  left: 80%;
  margin-top: -9px;
  border-width: 8px;
  position: absolute;
  top: 18%;
  border-style: solid;
  border-color: transparent transparent transparent white;
}
.ccl-iso .tooltip-taipei {
  z-index: 1;
  display: none;
  float: right;
  background: white;
  padding: 10px;
  border-radius: 5px;
  color: #4d4d4d;
  padding: 5px;
  font-size: 14px;
  margin-left: 101px;
  margin-top: calc(428px - 129px);
}
.ccl-iso .tooltip-taipei:after {
  content: "";
  left: 80%;
  margin-top: -9px;
  border-width: 8px;
  position: absolute;
  top: 18%;
  border-style: solid;
  border-color: transparent transparent transparent white;
}
.ccl-iso .tooltip-EastKilbride {
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  padding: 10px;
  border-radius: 5px;
  color: #4d4d4d;
  padding: 5px;
  font-size: 14px;
  margin-left: 36px;
  margin-top: calc(76px - 66px);
}
.ccl-iso .tooltip-EastKilbride:after {
  content: "";
  right: 99%;
  margin-top: -7px;
  border-width: 7px;
  position: absolute;
  top: 50%;
  border-style: solid;
  border-color: transparent white transparent transparent;
}
.ccl-iso .tooltip-Chippenham {
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  padding: 10px;
  border-radius: 5px;
  color: #4d4d4d;
  padding: 5px;
  font-size: 14px;
  margin-left: 49px;
  margin-top: calc(195px - 150px);
}
.ccl-iso .tooltip-Chippenham:after {
  content: "";
  right: 99%;
  margin-top: -7px;
  border-width: 7px;
  position: absolute;
  top: 50%;
  border-style: solid;
  border-color: transparent white transparent transparent;
}
.ccl-iso .tooltip-israel {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 191px;
  margin-top: calc(642px - 493px);
}
.ccl-iso .tooltip-israel:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-solingen {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 19px;
  margin-top: calc(184px - 169px);
}
.ccl-iso .tooltip-solingen:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-munich {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 47px;
  margin-top: calc(292px - 243px);
}
.ccl-iso .tooltip-munich:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-stuttgart {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 24px;
  margin-top: calc(272px - 230px);
}
.ccl-iso .tooltip-stuttgart:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-nuremberg {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 29px;
  margin-top: calc(217px - 189px);
}
.ccl-iso .tooltip-nuremberg:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-hungary {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 71px;
  margin-top: calc(319px - 264px);
}
.ccl-iso .tooltip-hungary:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-italy {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 54px;
  margin-top: calc(344px - 280px);
}
.ccl-iso .tooltip-italy:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-santaclara {
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  padding: 10px;
  border-radius: 5px;
  color: #4d4d4d;
  padding: 5px;
  font-size: 14px;
  margin-left: 33px;
  margin-top: calc(219px - 165px);
}
.ccl-iso .tooltip-santaclara:after {
  content: "";
  right: 99%;
  margin-top: -7px;
  border-width: 7px;
  position: absolute;
  top: 50%;
  border-style: solid;
  border-color: transparent white transparent transparent;
}
.ccl-iso .tooltip-guadalajara {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 37px;
  margin-top: calc(661px - 505px);
}
.ccl-iso .tooltip-guadalajara:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-guanajuato {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 63px;
  margin-top: calc(644px - 505px);
}
.ccl-iso .tooltip-guanajuato:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-sanluispotosi {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 63px;
  margin-top: calc(600px - 505px);
}
.ccl-iso .tooltip-sanluispotosi:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-clinton {
  padding: 5px;
  font-size: 14px;
  z-index: 1;
  display: none;
  position: absolute;
  background: white;
  border-radius: 5px;
  color: #4d4d4d;
  margin-left: 204px;
  margin-top: calc(336px - 277px);
}
.ccl-iso .tooltip-clinton:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.ccl-iso .tooltip-strongsville {
  z-index: 1;
  display: none;
  float: right;
  background: white;
  padding: 10px;
  border-radius: 5px;
  color: #4d4d4d;
  padding: 5px;
  font-size: 14px;
  margin-right: 60px;
  margin-top: calc(152px - 122px);
}
.ccl-iso .tooltip-strongsville:after {
  content: "";
  left: 80%;
  margin-top: -9px;
  border-width: 8px;
  position: absolute;
  top: 18%;
  border-style: solid;
  border-color: transparent transparent transparent white;
}
.ccl-iso .tooltip-saopaulo {
  z-index: 1;
  display: none;
  float: right;
  background: white;
  padding: 10px;
  border-radius: 5px;
  color: #4d4d4d;
  padding: 5px;
  font-size: 14px;
  margin-right: 78px;
  margin-top: calc(438px - 323px);
}
.ccl-iso .tooltip-saopaulo:after {
  content: "";
  left: 80%;
  margin-top: -9px;
  border-width: 8px;
  position: absolute;
  top: 18%;
  border-style: solid;
  border-color: transparent transparent transparent white;
}
.ccl-iso .mapsection {
  width: 308px;
  margin: auto;
  margin-top: 20px;
}
.ccl-iso .mapcontainer {
  background: #e0eff4;
  width: 308px;
  height: 229px;
  float: left;
  border-radius: 12px;
}
.ccl-iso .mapcontainersettings {
  position: absolute;
  display: none;
}
.ccl-iso .worldmapsection {
  background: #e0eff4;
  width: 308px;
  height: 229px;
  float: left;
  border-radius: 12px;
  -webkit-box-shadow: 0 18px 15px -13px #777;
  -moz-box-shadow: 0 18px 15px -13px #777;
  box-shadow: 0 18px 15px -13px #777;
}
.ccl-iso .aseanmapsection {
  background: #e0eff4;
  width: 308px;
  height: 229px;
  float: left;
  border-radius: 12px;
  position: absolute;
  display: none;
}
.ccl-iso .greaterchinamapsection {
  background: #e0eff4;
  width: 308px;
  height: 229px;
  float: left;
  border-radius: 12px;
  position: absolute;
  display: none;
}
.ccl-iso .eumapsection {
  background: #e0eff4;
  width: 308px;
  height: 229px;
  float: left;
  border-radius: 12px;
  position: absolute;
  display: none;
}
.ccl-iso .americasmapsection {
  background: #e0eff4;
  width: 308px;
  height: 229px;
  float: left;
  border-radius: 12px;
  position: absolute;
  display: none;
}
.ccl-iso .southamericamapsection {
  background: #e0eff4;
  width: 308px;
  height: 229px;
  float: left;
  border-radius: 12px;
  position: absolute;
  display: none;
}
.ccl-iso .modalpopup {
  background: #e0eff4;
  width: 308px;
  height: 229px;
  float: left;
  border-radius: 12px;
  position: absolute;
  display: none;
}
@media screen and (max-width: 25em) {
  .ccl-iso .codrops-header {
    font-size: 75%;
  }
  .ccl-iso .codrops-icon span {
    display: none;
  }
}
.ccl-iso .dc_main {
  width: 300px;
  margin: auto;
}
.ccl-iso .dc_text {
  margin-top: 20px;
  background: #0057b8;
  padding: 4px;
}
.ccl-iso .dc4 {
  width: 140px;
  height: 65px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 1px solid black;
  float: left;
}
.ccl-iso .dc3 {
  width: 140px;
  height: 65px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 1px solid black;
  float: left;
}
.ccl-iso .dc2 {
  width: 140px;
  height: 65px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 1px solid black;
  float: left;
}
.ccl-iso .dc1 {
  width: 140px;
  height: 65px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 1px solid black;
  float: left;
}
.ccl-iso .dc_hover4 {
  width: 100%;
  height: 65px;
  background-color: rgba(0, 0, 0, 0.342);
  float: left;
  border-radius: 10px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso :hover {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso .dc_hover3 {
  width: 100%;
  height: 65px;
  background-color: rgba(0, 0, 0, 0.342);
  float: left;
  border-radius: 10px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso :hover {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso .dc_hover2 {
  width: 100%;
  height: 65px;
  background-color: rgba(0, 0, 0, 0.342);
  float: left;
  border-radius: 10px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso :hover {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso .dc_hover1 {
  width: 100%;
  height: 65px;
  background-color: rgba(0, 0, 0, 0.342);
  float: left;
  border-radius: 10px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso :hover {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.ccl-iso .dc_img4 {
  width: 100%;
  height: 65px;
  background-image: url('../images/designcentre4.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
}
.ccl-iso .dc_img3 {
  width: 100%;
  height: 65px;
  background-image: url('../images/designcentre3.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
}
.ccl-iso .dc_img2 {
  width: 100%;
  height: 65px;
  background-image: url('../images/designcentre2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
}
.ccl-iso .dc_img1 {
  width: 100%;
  height: 65px;
  background-image: url('../images/designcentre1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
}
@media (max-width: 400px) {
  .ccl-iso .infomodulecontainer1 {
    margin-top: 75px;
  }
}
@media (max-width: 410px) {
  .ccl-iso .sectionlist2 {
    height: 90px;
  }
}
@media (max-width: 440px) {
  .ccl-iso #filterLocation {
    width: 90%;
  }
}
@media screen and (max-width: 600px) {
  .ccl-iso .col-25,
  .ccl-iso .col-75,
  .ccl-iso input[type=submit] {
    width: 100%;
    margin-top: 0;
    margin-left: 0px;
  }
  .ccl-iso input[type=submit] {
    float: none;
    margin-top: 10px;
  }
  .ccl-iso .container {
    width: auto;
    margin: auto;
  }
}
@media (max-width: 1200px) {
  .ccl-iso .ccl-hero-container-left {
    padding-left: 6%;
  }
}
@media (min-width: 320px) {
  .ccl-iso .colouredbackground {
    height: 612px;
    margin-top: -278px;
  }
  .ccl-iso .whiteboxarea {
    width: calc(100% - 10px);
    padding: 20px;
    margin: 26px 0px 0px 5px;
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
  }
  .ccl-iso .infomodulecontainer4 {
    width: calc(95% - 20px);
    padding-bottom: 85px;
  }
  .ccl-iso .infomodulecontainer3 {
    width: calc(95% - 20px);
    padding-bottom: 85px;
  }
  .ccl-iso .infomodulecontainer2 {
    width: calc(95% - 20px);
    padding-bottom: 85px;
  }
  .ccl-iso .infomodulecontainer1 {
    width: calc(95% - 20px);
    padding-bottom: 85px;
  }
}
@media (min-width: 370px) {
  .ccl-iso .bp-ds {
    width: 289px;
    height: 74px;
  }
  .ccl-iso .bp-info1 {
    margin-left: 37px;
    margin-top: -7px;
  }
  .ccl-iso .bp-info2 {
    margin-left: 88px;
    margin-top: -7px;
  }
  .ccl-iso .bp-info3 {
    margin-left: 162px;
    margin-top: -8px;
  }
  .ccl-iso .bp-info4 {
    margin-left: 211px;
    margin-top: -7px;
  }
  .ccl-iso .bp-info5 {
    margin-left: 249px;
    margin-top: 3px;
  }
  .ccl-iso .bp-info6 {
    margin-left: 248px;
    margin-top: 37px;
  }
  .ccl-iso .bp-info7 {
    margin-left: 153px;
    margin-top: 53px;
  }
  .ccl-iso .bp-info8 {
    margin-left: 36px;
    margin-top: 52px;
  }
  .ccl-iso .bp-info9 {
    margin-left: -10px;
    margin-top: 19px;
  }
  .ccl-iso .right {
    height: 164px;
  }
}
@media (min-width: 400px) {
  .ccl-iso .column6 {
    padding-right: 10px;
    padding-left: 60px;
  }
}
@media (min-width: 420px) {
  .ccl-iso .about-logos1 {
    width: auto;
  }
  .ccl-iso .about-logos2 {
    width: auto;
  }
  .ccl-iso .section6 {
    min-height: 600px;
  }
  .ccl-iso .dc_main {
    width: 340px;
    margin: auto;
  }
  .ccl-iso .dc4 {
    width: 150px;
    height: 150px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 1px solid black;
    float: left;
  }
  .ccl-iso .dc3 {
    width: 150px;
    height: 150px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 1px solid black;
    float: left;
  }
  .ccl-iso .dc2 {
    width: 150px;
    height: 150px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 1px solid black;
    float: left;
  }
  .ccl-iso .dc1 {
    width: 150px;
    height: 150px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 1px solid black;
    float: left;
  }
  .ccl-iso .dc_hover4 {
    width: 100%;
    height: 150px;
    background-color: rgba(0, 0, 0, 0.342);
    float: left;
    border-radius: 10px;
  }
  .ccl-iso .dc_hover3 {
    width: 100%;
    height: 150px;
    background-color: rgba(0, 0, 0, 0.342);
    float: left;
    border-radius: 10px;
  }
  .ccl-iso .dc_hover2 {
    width: 100%;
    height: 150px;
    background-color: rgba(0, 0, 0, 0.342);
    float: left;
    border-radius: 10px;
  }
  .ccl-iso .dc_hover1 {
    width: 100%;
    height: 150px;
    background-color: rgba(0, 0, 0, 0.342);
    float: left;
    border-radius: 10px;
  }
  .ccl-iso .dc_img4 {
    width: 100%;
    height: 150px;
    background-image: url('../images/designcentre4.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  .ccl-iso .dc_img3 {
    width: 100%;
    height: 150px;
    background-image: url('../images/designcentre3.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  .ccl-iso .dc_img2 {
    width: 100%;
    height: 150px;
    background-image: url('../images/designcentre2.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  .ccl-iso .dc_img1 {
    width: 100%;
    height: 150px;
    background-image: url('../images/designcentre1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  .ccl-iso .section6 {
    min-height: 520px;
  }
}
@media (min-width: 450px) {
  .ccl-iso {
    /*.bg3{
    height: 760px;
}*/
    /*.automotiveproductsbgsection3{
    height: 905px;
}*/
  }
  .ccl-iso .overflowauto {
    overflow-y: unset;
  }
  .ccl-iso .autograbheaders {
    width: 400px;
    font-size:1.2rem;
  }
  .ccl-iso .itemscroll {
    margin: 2em 1em;
  }
  .ccl-iso .auto-hover {
    width: 400px;
  }
  .ccl-iso .videomodule {
    width: 860px;
    margin-left: -200px;
    position: absolute;
    clip-path: inset(0 260px 3px 200px);
  }
  .ccl-iso .videomodule2 {
    width: 860px;
    margin-left: -200px;
    position: absolute;
    clip-path: inset(0 260px 3px 200px);
  }
  .ccl-iso .itemscroll {
    width: 400px;
  }
  .ccl-iso .textarea1 {
    width: 80%;
  }
  .ccl-iso .whiteboxarea3 {
    padding: 25px;
  }
  .ccl-iso .infomodulecontainer4 {
    padding-bottom: 65px;
  }
  .ccl-iso .infomodulecontainer3 {
    padding-bottom: 65px;
  }
  .ccl-iso .infomodulecontainer2 {
    padding-bottom: 65px;
  }
  .ccl-iso .infomodulecontainer1 {
    padding-bottom: 65px;
  }
  .ccl-iso .autosubcontainer {
    width: 92%;
    padding-left: 6%;
    padding-right: 6%;
  }
  .ccl-iso .automotiveproductscontainer {
    width: 92%;
    padding-left: 6%;
    padding-right: 6%;
  }
  .ccl-iso .automotiveproductscontainer2 {
    width: 92%;
    margin: auto;
    height: 800px;
    padding-left: 6%;
    padding-right: 6%;
  }
}
@media (min-width: 470px) {
  .ccl-iso .heximg {
    position: absolute;
    z-index: 1;
    margin: 151px 0px 0px 154px;
    width: 145px;
    height: 145px;
  }
  .ccl-iso .hexphone {
    position: absolute;
    z-index: 1;
    width: 85px;
    margin: 135px 0px 0px 185px;
  }
  .ccl-iso .hextitlecontainer {
    width: 115px;
    text-align: center;
  }
  .ccl-iso .hextitle {
    margin-top: 52px;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
  }
  .ccl-iso .hexagonleft {
    background: #4f7b9f;
    background: linear-gradient(180deg, #4f7b9f 0%, #263b4c 100%);
  }
  .ccl-iso .hexagonright {
    background: #503d99;
    background: linear-gradient(180deg, #503d99 0%, #c63d66 100%);
  }
  .ccl-iso .hexp {
    text-align: center;
    color: white;
    font-size: 13.5px;
    padding-left: 9px;
    padding-right: 9px;
  }
  .ccl-iso .hexpmargin {
    /*margin-top: 12px;*/
    margin-top:0;
  }
  .ccl-iso .hexpmargin2 {
    /*margin-top: 8px;*/
    margin-top:0;
  }
  .ccl-iso .hexp2 {
    width: 98%;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    background: #f3f3f3;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 10px 10px 20px #bebebe, -10px -10px 20px #ffffff;
  }
  .ccl-iso .hexcontainer {
    display: flex;
    margin: auto;
    width: 450px;
  }
  .ccl-iso .hexcontainer2 {
    display: flex;
    margin: auto;
    width: 345px;
    margin-top: -138px;
  }
  .ccl-iso .hexcontainer3 {
    display: flex;
    margin: auto;
    width: 230px;
    margin-top: -137px;
  }
  .ccl-iso .hexagon {
    position: relative;
    width: 115px;
    height: 61.21px;
    margin: 90.6px 2px;
  }
  .ccl-iso .hexagon:before,
  .ccl-iso .hexagon:after {
    content: "";
    position: absolute;
    width: 0;
    border-left: 55.5px solid transparent;
    border-right: 55.5px solid transparent;
  }
  .ccl-iso .hexagonleft:before {
    bottom: 100%;
    border-bottom: 39.6px solid #4f7b9f;
  }
  .ccl-iso .hexagonleft:after {
    top: 100%;
    width: 0;
    border-top: 39.6px solid #263b4c;
  }
  .ccl-iso .hexagonright:before {
    bottom: 100%;
    border-bottom: 39.6px solid #503d99;
  }
  .ccl-iso .hexagonright:after {
    top: 100%;
    width: 0;
    border-top: 39.6px solid #c63d66;
  }
  .ccl-iso .bp-ds {
    width: 375px;
    height: 96px;
  }
  .ccl-iso .bp-info1 {
    margin-left: 52px;
    margin-top: -7px;
  }
  .ccl-iso .bp-info2 {
    margin-left: 116px;
    margin-top: -7px;
  }
  .ccl-iso .bp-info3 {
    margin-left: 213px;
    margin-top: -4px;
  }
  .ccl-iso .bp-info4 {
    margin-left: 285px;
    margin-top: -7px;
  }
  .ccl-iso .bp-info5 {
    margin-left: 326px;
    margin-top: 11px;
  }
  .ccl-iso .bp-info6 {
    margin-left: 326px;
    margin-top: 65px;
  }
  .ccl-iso .bp-info7 {
    margin-left: 201px;
    margin-top: 70px;
  }
  .ccl-iso .bp-info8 {
    margin-left: 51px;
    margin-top: 73px;
  }
  .ccl-iso .bp-info9 {
    margin-left: -7px;
    margin-top: 26px;
  }
  .ccl-iso .right {
    height: 218px;
  }
}
@media (min-width: 540px) {
  .ccl-iso {
    /*CLOSE BUTTON*/
  }
  .ccl-iso figure.cool-hover2 p {
    padding-top: 4px;
    padding-bottom: 4px;
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  .ccl-iso figure.cool-hover2 h2 {
    padding-top: 1%;
    padding-bottom: 10px;
    font-size: 28px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  .ccl-iso figure.cool-hover2 figcaption::before,
  .ccl-iso figure.cool-hover2 figcaption::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
  }
  .ccl-iso .qualitylogos2 {
    width: 478px;
    margin: auto;
    margin-top: 20px;
    display: flex;
  }
  .ccl-iso .grid2 figure figcaption {
    padding: 1.6em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .ccl-iso .grid3 figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .ccl-iso figure.cool-hover p {
    padding-top: 4px;
    padding-bottom: 4px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  .ccl-iso .grid2 figure p {
    letter-spacing: 1px;
    font-size: 0.6em;
  }
  .ccl-iso .grid3 figure p {
    letter-spacing: 1px;
    font-size: 0.6em;
  }
  .ccl-iso figure.cool-hover h2 {
    padding-top: 1%;
    padding-bottom: 10px;
    font-size: 28px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  .ccl-iso figure.cool-hover figcaption::before,
  .ccl-iso figure.cool-hover figcaption::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
  }
  .ccl-iso .aqs_container {
    width: 406px;
    margin: auto;
  }
  .ccl-iso .idt_qs_container {
    width: 406px;
    margin: auto;
  }
  .ccl-iso .modalrightside {
    padding: 20px;
  }
  .ccl-iso .modallist {
    font-size: 18px;
  }
  .ccl-iso .modalheader {
    font-size: 24px;
  }
  .ccl-iso .modallist2 {
    font-size: 18px;
    margin-top: 20px;
  }
  .ccl-iso .modallist3 {
    font-size: 13px;
  }
  .ccl-iso .modalrightside2 {
    padding: 20px;
  }
  .ccl-iso .map {
    border-radius: 16px;
  }
  .ccl-iso .worldmap {
    border-radius: 16px;
  }
  .ccl-iso .aseanmap {
    border-radius: 16px;
  }
  .ccl-iso .greaterchinamap {
    border-radius: 16px;
  }
  .ccl-iso .eumap {
    border-radius: 16px;
  }
  .ccl-iso .americasmap {
    border-radius: 16px;
  }
  .ccl-iso .southamericamap {
    border-radius: 16px;
  }
  .ccl-iso .modalwrapper {
    border-radius: 16px;
    border: 10px #e0eff4 solid;
  }
  .ccl-iso .alert-close {
    width: 32px;
    height: 32px;
    margin: 14px;
  }
  .ccl-iso .alert-close::before,
  .ccl-iso .alert-close::after {
    height: 6px;
  }
  .ccl-iso .alert-close2 {
    width: 32px;
    height: 32px;
    margin: 14px;
  }
  .ccl-iso .alert-close2::before,
  .ccl-iso .alert-close2::after {
    height: 6px;
  }
  .ccl-iso .worldpinsettings {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 20px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
  }
  .ccl-iso .worldpinsettings:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .worldpinsettings:hover {
    transform: scale(1.1);
  }
  .ccl-iso .asean {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 20px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
    margin-left: 411px;
    margin-top: 210px;
  }
  .ccl-iso .asean:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .asean:hover {
    transform: scale(1.1);
  }
  .ccl-iso .asean:hover {
    margin-top: 206px;
  }
  .ccl-iso .greaterchina {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 20px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
    margin-left: 354px;
    margin-top: 145px;
  }
  .ccl-iso .greaterchina:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .greaterchina:hover {
    transform: scale(1.1);
  }
  .ccl-iso .greaterchina:hover {
    margin-top: 141px;
  }
  .ccl-iso .eu {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 20px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
    margin-left: 221px;
    margin-top: 94px;
  }
  .ccl-iso .eu:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .eu:hover {
    transform: scale(1.1);
  }
  .ccl-iso .eu:hover {
    margin-top: 90px;
  }
  .ccl-iso .americas {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 20px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
    margin-left: 18px;
    margin-top: 134px;
  }
  .ccl-iso .americas:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .americas:hover {
    transform: scale(1.1);
  }
  .ccl-iso .americas:hover {
    margin-top: 130px;
  }
  .ccl-iso .southamerica {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 20px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
    margin-left: 55px;
    margin-top: 238px;
  }
  .ccl-iso .southamerica:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .southamerica:hover {
    transform: scale(1.1);
  }
  .ccl-iso .southamerica:hover {
    margin-top: 234px;
  }
  .ccl-iso .chennai-india {
    margin-left: 3px;
    margin-top: calc(171px - 93px);
  }
  .ccl-iso .chennai-india:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(171px - 97px);
  }
  .ccl-iso .bangkok {
    margin-left: 244px;
    margin-top: calc(420px - 354px);
  }
  .ccl-iso .bangkok:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(420px - 217px);
  }
  .ccl-iso .penang {
    margin-left: 245px;
    margin-top: calc(369px - 196px);
  }
  .ccl-iso .penang:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(369px - 200px);
  }
  .ccl-iso .thailand {
    margin-left: 245px;
    margin-top: calc(239px - 155px);
  }
  .ccl-iso .thailand:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(239px - 158px);
  }
  .ccl-iso .johor {
    margin-left: 270px;
    margin-top: calc(417px - 207px);
  }
  .ccl-iso .johor:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(417px - 211px);
  }
  .ccl-iso .kualalumpur {
    margin-left: 255px;
    margin-top: calc(417px - 221px);
  }
  .ccl-iso .kualalumpur:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(417px - 225px);
  }
  .ccl-iso .singapore {
    margin-left: 287px;
    margin-top: calc(455px - 231px);
  }
  .ccl-iso .singapore:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(455px - 235px);
  }
  .ccl-iso .hochiminhcity {
    margin-left: 322px;
    margin-top: calc(235px - 123px);
  }
  .ccl-iso .hochiminhcity:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(235px - 127px);
  }
  .ccl-iso .shenzhen {
    margin-left: 409px;
    margin-top: calc(492px - 247px);
  }
  .ccl-iso .shenzhen:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(492px - 251px);
  }
  .ccl-iso .zhongshan {
    margin-left: 374px;
    margin-top: calc(500px - 247px);
  }
  .ccl-iso .zhongshan:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(500px - 251px);
  }
  .ccl-iso .guangzhou {
    margin-left: 387px;
    margin-top: calc(492px - 253px);
  }
  .ccl-iso .guangzhou:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(492px - 257px);
  }
  .ccl-iso .chongqing {
    margin-left: 315px;
    margin-top: calc(324px - 161px);
  }
  .ccl-iso .chongqing:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(324px - 165px);
  }
  .ccl-iso .chengdu {
    margin-left: 289px;
    margin-top: calc(324px - 184px);
  }
  .ccl-iso .chengdu:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(324px - 188px);
  }
  .ccl-iso .hanoi {
    margin-left: 303px;
    margin-top: calc(-11px - -2px);
  }
  .ccl-iso .hanoi:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(-11px - 2px);
  }
  .ccl-iso .suzhou {
    margin-left: 457px;
    margin-top: calc(260px - 115px);
  }
  .ccl-iso .suzhou:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(260px - 119px);
  }
  .ccl-iso .haian {
    margin-left: 444px;
    margin-top: calc(231px - 104px);
  }
  .ccl-iso .haian:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(231px - 108px);
  }
  .ccl-iso .kunshan {
    margin-left: 473px;
    margin-top: calc(231px - 105px);
  }
  .ccl-iso .kunshan:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(231px - 109px);
  }
  .ccl-iso .taipei {
    margin-left: 483px;
    margin-top: calc(428px - 214px);
  }
  .ccl-iso .taipei:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(428px - 218px);
  }
  .ccl-iso .eastkilbride {
    margin-left: 22px;
    margin-top: calc(76px - 37px);
  }
  .ccl-iso .eastkilbride:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(76px - 41px);
  }
  .ccl-iso .chippenham {
    margin-left: 45px;
    margin-top: calc(195px - 100px);
  }
  .ccl-iso .chippenham:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(195px - 104px);
  }
  .ccl-iso .israel {
    margin-left: 392px;
    margin-top: calc(642px - 324px);
  }
  .ccl-iso .israel:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(642px - 328px);
  }
  .ccl-iso .solingen {
    margin-left: 128px;
    margin-top: calc(184px - 89px);
  }
  .ccl-iso .solingen:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(184px - 93px);
  }
  .ccl-iso .venray {
    margin-left: 106px;
    margin-top: calc(184px - 95px);
  }
  .ccl-iso .venray:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(184px - 99px);
  }
  .ccl-iso .munich {
    margin-left: 165px;
    margin-top: calc(292px - 149px);
  }
  .ccl-iso .munich:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(292px - 151px);
  }
  .ccl-iso .stuttgart {
    margin-left: 141px;
    margin-top: calc(272px - 140px);
  }
  .ccl-iso .stuttgart:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(272px - 144px);
  }
  .ccl-iso .nuremberg {
    margin-left: 161px;
    margin-top: calc(217px - 105px);
  }
  .ccl-iso .nuremberg:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(217px - 109px);
  }
  .ccl-iso .hungary {
    margin-left: 225px;
    margin-top: calc(319px - 162px);
  }
  .ccl-iso .hungary:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(319px - 166px);
  }
  .ccl-iso .italy {
    margin-left: 144px;
    margin-top: calc(344px - 172px);
  }
  .ccl-iso .italy:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(344px - 176px);
  }
  .ccl-iso .saopaulo {
    margin-left: 402px;
    margin-top: calc(438px - 220px);
  }
  .ccl-iso .saopaulo:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(438px - 224px);
  }
  .ccl-iso .santaclara {
    margin-left: 15px;
    margin-top: calc(219px - 112px);
  }
  .ccl-iso .santaclara:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(219px - 116px);
  }
  .ccl-iso .guadalajara {
    margin-left: 167px;
    margin-top: calc(661px - 334px);
  }
  .ccl-iso .guadalajara:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(661px - 338px);
  }
  .ccl-iso .guanajuato {
    margin-left: 209px;
    margin-top: calc(644px - 334px);
  }
  .ccl-iso .guanajuato:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(644px - 338px);
  }
  .ccl-iso .sanluispotosi {
    margin-left: 193px;
    margin-top: calc(600px - 315px);
  }
  .ccl-iso .sanluispotosi:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(600px - 319px);
  }
  .ccl-iso .clinton {
    margin-left: 405px;
    margin-top: calc(336px - 168px);
  }
  .ccl-iso .clinton:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(336px - 172px);
  }
  .ccl-iso .strongsville {
    margin-left: 433px;
    margin-top: calc(152px - 79px);
  }
  .ccl-iso .strongsville:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(152px - 83px);
  }
  .ccl-iso .tooltip-padding-fontsize {
    padding: 5px;
    font-size: 21px;
  }
  .ccl-iso .tooltipsettings {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
  }
  .ccl-iso .tooltipsettings:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltipsettings-rightpopup {
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
  }
  .ccl-iso .tooltipsettings-rightpopup:after {
    content: "";
    right: 99%;
    margin-top: -7px;
    border-width: 7px;
    position: absolute;
    top: 50%;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }
  .ccl-iso .tooltipsettings-leftpopup {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
  }
  .ccl-iso .tooltipsettings-leftpopup:after {
    content: "";
    left: 81%;
    margin-top: -9px;
    border-width: 8px;
    position: absolute;
    top: 21%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-chennai {
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 5px;
    font-size: 21px;
    margin-left: 62px;
    margin-top: calc(171px - 221px);
  }
  .ccl-iso .tooltip-chennai:after {
    content: "";
    right: 99%;
    margin-top: -7px;
    border-width: 7px;
    position: absolute;
    top: 50%;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }
  .ccl-iso .tooltip-bangkok {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 162px;
    margin-top: calc(420px - 257px);
  }
  .ccl-iso .tooltip-bangkok:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-penang {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 171px;
    margin-top: calc(369px - 347px);
  }
  .ccl-iso .tooltip-penang:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-johor {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 197px;
    margin-top: calc(417px - 369px);
  }
  .ccl-iso .tooltip-johor:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-singapore {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 246px;
    margin-top: calc(455px - 387px);
  }
  .ccl-iso .tooltip-singapore:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-hochiminhcity {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 195px;
    margin-top: calc(235px - 289px);
  }
  .ccl-iso .tooltip-hochiminhcity:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-shenzhen {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 296px;
    margin-top: calc(492px - 158px);
  }
  .ccl-iso .tooltip-shenzhen:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-zhongshan {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 296px;
    margin-top: calc(500px - 158px);
  }
  .ccl-iso .tooltip-zhongshan:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-chongqing {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 5px;
    font-size: 21px;
    margin-left: 100px;
    margin-top: calc(324px - 49px);
  }
  .ccl-iso .tooltip-chongqing:after {
    content: "";
    left: 81%;
    margin-top: -9px;
    border-width: 8px;
    position: absolute;
    top: 21%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-hanoi {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 232px;
    margin-top: calc(-11px - 177px);
  }
  .ccl-iso .tooltip-hanoi:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-suzhou {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 5px;
    font-size: 21px;
    margin-left: 263px;
    margin-top: calc(260px - 24px);
  }
  .ccl-iso .tooltip-suzhou:after {
    content: "";
    left: 81%;
    margin-top: -9px;
    border-width: 8px;
    position: absolute;
    top: 21%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-haian {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 5px;
    font-size: 21px;
    margin-left: 256px;
    margin-top: calc(231px - -1px);
  }
  .ccl-iso .tooltip-haian:after {
    content: "";
    left: 81%;
    margin-top: -9px;
    border-width: 8px;
    position: absolute;
    top: 21%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-taipei {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 5px;
    font-size: 21px;
    margin-left: 212px;
    margin-top: calc(428px - 91px);
  }
  .ccl-iso .tooltip-taipei:after {
    content: "";
    left: 81%;
    margin-top: -9px;
    border-width: 8px;
    position: absolute;
    top: 21%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-EastKilbride {
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 5px;
    font-size: 21px;
    margin-left: 53px;
    margin-top: calc(76px - 44px);
  }
  .ccl-iso .tooltip-EastKilbride:after {
    content: "";
    right: 99%;
    margin-top: -7px;
    border-width: 7px;
    position: absolute;
    top: 50%;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }
  .ccl-iso .tooltip-Chippenham {
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 5px;
    font-size: 21px;
    margin-left: 76px;
    margin-top: calc(195px - 107px);
  }
  .ccl-iso .tooltip-Chippenham:after {
    content: "";
    right: 99%;
    margin-top: -7px;
    border-width: 7px;
    position: absolute;
    top: 50%;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }
  .ccl-iso .tooltip-israel {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 333px;
    margin-top: calc(642px - 368px);
  }
  .ccl-iso .tooltip-israel:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-solingen {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 43px;
    margin-top: calc(184px - 133px);
  }
  .ccl-iso .tooltip-solingen:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-munich {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 87px;
    margin-top: calc(292px - 191px);
  }
  .ccl-iso .tooltip-munich:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-stuttgart {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 55px;
    margin-top: calc(272px - 184px);
  }
  .ccl-iso .tooltip-stuttgart:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-nuremberg {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 62px;
    margin-top: calc(217px - 148px);
  }
  .ccl-iso .tooltip-nuremberg:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-hungary {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 135px;
    margin-top: calc(319px - 206px);
  }
  .ccl-iso .tooltip-hungary:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-italy {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 100px;
    margin-top: calc(344px - 216px);
  }
  .ccl-iso .tooltip-italy:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-santaclara {
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 5px;
    font-size: 21px;
    margin-left: 46px;
    margin-top: calc(219px - 121px);
  }
  .ccl-iso .tooltip-santaclara:after {
    content: "";
    right: 99%;
    margin-top: -7px;
    border-width: 7px;
    position: absolute;
    top: 50%;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }
  .ccl-iso .tooltip-guadalajara {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 74px;
    margin-top: calc(661px - 378px);
  }
  .ccl-iso .tooltip-guadalajara:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-guanajuato {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 120px;
    margin-top: calc(644px - 378px);
  }
  .ccl-iso .tooltip-guanajuato:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-sanluispotosi {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 120px;
    margin-top: calc(600px - 378px);
  }
  .ccl-iso .tooltip-sanluispotosi:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-clinton {
    padding: 5px;
    font-size: 21px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 352px;
    margin-top: calc(336px - 213px);
  }
  .ccl-iso .tooltip-clinton:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-strongsville {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 5px;
    font-size: 21px;
    margin-right: 99px;
    margin-top: calc(152px - 88px);
  }
  .ccl-iso .tooltip-strongsville:after {
    content: "";
    left: 81%;
    margin-top: -9px;
    border-width: 8px;
    position: absolute;
    top: 21%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-saopaulo {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 5px;
    font-size: 21px;
    margin-right: 130px;
    margin-top: calc(438px - 228px);
  }
  .ccl-iso .tooltip-saopaulo:after {
    content: "";
    left: 81%;
    margin-top: -9px;
    border-width: 8px;
    position: absolute;
    top: 21%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .mapsection {
    width: 520px;
    margin: auto;
    margin-top: 20px;
  }
  .ccl-iso .mapcontainer {
    background: #e0eff4;
    width: 520px;
    height: 385px;
    float: left;
    border-radius: 16px;
  }
  .ccl-iso .mapcontainersettings {
    position: absolute;
    display: none;
  }
  .ccl-iso .worldmapsection {
    background: #e0eff4;
    width: 520px;
    height: 385px;
    float: left;
    border-radius: 16px;
    -webkit-box-shadow: 0 18px 15px -13px #777;
    -moz-box-shadow: 0 18px 15px -13px #777;
    box-shadow: 0 18px 15px -13px #777;
  }
  .ccl-iso .aseanmapsection {
    background: #e0eff4;
    width: 520px;
    height: 385px;
    float: left;
    border-radius: 16px;
    position: absolute;
    display: none;
  }
  .ccl-iso .greaterchinamapsection {
    background: #e0eff4;
    width: 520px;
    height: 385px;
    float: left;
    border-radius: 16px;
    position: absolute;
    display: none;
  }
  .ccl-iso .eumapsection {
    background: #e0eff4;
    width: 520px;
    height: 385px;
    float: left;
    border-radius: 16px;
    position: absolute;
    display: none;
  }
  .ccl-iso .americasmapsection {
    background: #e0eff4;
    width: 520px;
    height: 385px;
    float: left;
    border-radius: 16px;
    position: absolute;
    display: none;
  }
  .ccl-iso .southamericamapsection {
    background: #e0eff4;
    width: 520px;
    height: 385px;
    float: left;
    border-radius: 16px;
    position: absolute;
    display: none;
  }
  .ccl-iso .modalpopup {
    background: #e0eff4;
    width: 520px;
    height: 385px;
    float: left;
    border-radius: 16px;
    position: absolute;
    display: none;
  }
  .ccl-iso .mappins {
    width: 24px;
  }
}
@media (min-width: 570px) {
  .ccl-iso .aerolist {
    width: 50%;
  }
  .ccl-iso .popuprow2 {
    margin-top: 277px;
  }
  .ccl-iso .popuprow3 {
    margin-top: 667px;
  }
  .ccl-iso .popuprow4 {
    margin-top: 910px;
  }
}
@media (min-width: 600px) {
  .ccl-iso .slpgridcontainer {
    grid-template-columns: 50% 50%;
  }
  .ccl-iso .sectors2:before {
    width: 50%;
  }
  .ccl-iso .globalleaderauto {
    padding: 58px;
  }
  .ccl-iso .autoheading {
    font-size: 42px;
  }
  .ccl-iso .bp-ds {
    width: 490px;
    height: 122px;
  }
  .ccl-iso .bp-info1 {
    margin-left: 76px;
    margin-top: -7px;
  }
  .ccl-iso .bp-info2 {
    margin-left: 156px;
    margin-top: -7px;
  }
  .ccl-iso .bp-info3 {
    margin-left: 281px;
    margin-top: 1px;
  }
  .ccl-iso .bp-info4 {
    margin-left: 368px;
    margin-top: -7px;
  }
  .ccl-iso .bp-info5 {
    margin-left: 424px;
    margin-top: 19px;
  }
  .ccl-iso .bp-info6 {
    margin-left: 424px;
    margin-top: 76px;
  }
  .ccl-iso .bp-info7 {
    margin-left: 266px;
    margin-top: 94px;
  }
  .ccl-iso .bp-info8 {
    margin-left: 75px;
    margin-top: 89px;
  }
  .ccl-iso .bp-info9 {
    margin-left: 1px;
    margin-top: 35px;
  }
  .ccl-iso .phone_modal {
    width: 600px;
    height: 400px;
    margin-top: 400px;
  }
  .ccl-iso .slidercontainer1 {
    display: none;
  }
  .ccl-iso .slidercontainer2 {
    display: none;
    width: 800px;
    margin-top: 85px;
  }
  .ccl-iso .slidercontainer3 {
    display: block;
    width: 530px;
    margin-top: 55px;
    height: 240px;
  }
  .ccl-iso .bgeffect1 {
    position: absolute;
    top: 0;
    left: -90px;
    z-index: -1;
    width: 521px;
  }
  .ccl-iso .bgeffect2 {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: -1;
    width: 40vw;
  }
  .ccl-iso .bgeffect3 {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: -10;
    width: 50vw;
  }
  .ccl-iso .bgeffect4 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
  }
  .ccl-iso .section6 {
    min-height: 643px;
  }
  .ccl-iso .section6_automotive {
    min-height: 450px;
  }
}
@media (min-width: 612px) {
  .ccl-iso .right {
    height: 294px;
  }
  .ccl-iso .imghovercontainer {
    width: 520px;
    margin: 0 auto;
  }
  .ccl-iso .focusareacontainer {
    width: 520px;
    margin: auto;
  }
}
@media (min-width: 620px) {
  .ccl-iso .seperatortext {
    width: 590px;
    font-size: 30px;
  }
  .ccl-iso .seperatortextsidt {
    font-size: 36px;
  }
  .ccl-iso .seperatortextuk {
    width: 600px;
  }
  .ccl-iso .phonelist1 {
    margin-bottom: 25px;
  }
  .ccl-iso .phone_container {
    width: 100%;
    margin: auto;
  }
  .ccl-iso .layerbreak_container_phone {
    margin-top: 303px;
  }
  .ccl-iso .layerbreak_phone {
    width: 400px;
    position: absolute;
  }
  .ccl-iso .column_phone {
    width: 400px;
    float: left;
  }
  .ccl-iso .column_phone1 {
    width: 200px;
    float: left;
  }
  .ccl-iso .phone_container {
    width: 590px;
  }
  .ccl-iso .column_phone2 {
    display: block;
    width: 190px;
    float: left;
  }
  .ccl-iso .column_phone1 {
    display: none;
  }
  .ccl-iso .column3 {
    margin-left: calc(50% - 300px);
  }
  .ccl-iso .security2 {
    padding-top: 133px;
    width: 300px;
    float: left;
    margin-left: 0px;
  }
  .ccl-iso .securitylayerlist {
    list-style: none;
    transform: none;
    z-index: 1;
    margin-top: 0px;
    color: white;
  }
  .ccl-iso .securitylayerlistarrow {
    display: block;
  }
  .ccl-iso .securitylist2 {
    margin-bottom: 28.6px;
    background: none;
    width: 100%;
    font-size: 16px;
  }
}
@media (min-width: 620px) {
  .ccl-iso .slider-nav2 {
    display: none;
  }
  .ccl-iso .slider-nav {
    display: block;
  }
}
@media (min-width: 680px) {
  .ccl-iso .dc_main {
    width: 640px;
  }
  .ccl-iso .section6 {
    min-height: 700px;
  }
  .ccl-iso .seperatortextuk {
    width: 625px;
  }
}
@media (min-width: 768px) {
  .ccl-iso .col-sm-4 {
    width: 25%;
    float: left;
  }
}
@media (min-width: 780px) {
  .ccl-iso .section6 {
    min-height: 755px;
  }
  .ccl-iso .idtslider {
    display: flex;
    flex-direction:row;
  }
}
@media (min-width: 800px) {
  .ccl-iso .heximg {
    position: absolute;
    z-index: 1;
    margin: 197px 0px 0px 272px;
    width: 248px;
    height: 248px;
  }
  .ccl-iso .hexphone {
    position: absolute;
    z-index: 1;
    width: 122px;
    margin: 203px 0px 0px 332px;
  }
  .ccl-iso .hextitlecontainer {
    width: 197.5px;
    text-align: center;
  }
  .ccl-iso .hextitle {
    margin-top: 107px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
  }
  .ccl-iso .hexagonleft {
    background: #4f7b9f;
    background: linear-gradient(180deg, #4f7b9f 0%, #263b4c 100%);
  }
  .ccl-iso .hexagonright {
    background: #503d99;
    background: linear-gradient(180deg, #503d99 0%, #c63d66 100%);
  }
  .ccl-iso .hexp {
    text-align: center;
    color: white;
    font-size: 18.5px;
    padding-left: 9px;
    padding-right: 9px;
  }
  .ccl-iso .hexpmargin {
    margin-top: 5px;
  }
  .ccl-iso .hexpmargin2 {
    /*margin-top: 22px;*/
    margin-top:0;
  }
  .ccl-iso .hexp2 {
    width: 98%;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    background: #f3f3f3;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 10px 10px 20px #bebebe, -10px -10px 20px #ffffff;
  }
  .ccl-iso .hexcontainer {
    display: flex;
    margin: auto;
    width: 790px;
  }
  .ccl-iso .hexcontainer2 {
    display: flex;
    margin: auto;
    width: 592.5px;
    margin-top: -136px;
  }
  .ccl-iso .hexcontainer3 {
    display: flex;
    margin: auto;
    width: 395px;
    margin-top: -137px;
  }
  .ccl-iso .hexagon {
    position: relative;
    width: 190.5px;
    height: 107.5px;
    margin: 99.6px 3.5px;
  }
  .ccl-iso .hexagon:before,
  .ccl-iso .hexagon:after {
    content: "";
    position: absolute;
    width: 0;
    border-left: 95px solid transparent;
    border-right: 95px solid transparent;
  }
  .ccl-iso .hexagonleft:before {
    bottom: 100%;
    border-bottom: 56.6px solid #4f7b9f;
  }
  .ccl-iso .hexagonleft:after {
    top: 100%;
    width: 0;
    border-top: 56.6px solid #263b4c;
  }
  .ccl-iso .hexagonright:before {
    bottom: 100%;
    border-bottom: 56.6px solid #503d99;
  }
  .ccl-iso .hexagonright:after {
    top: 100%;
    width: 0;
    border-top: 56.6px solid #c63d66;
  }
}
@media (min-width: 810px) {
  .ccl-iso .bp-ds {
    width: 712px;
    height: 164px;
  }
  .ccl-iso .bp-info1 {
    margin-left: 95px;
    margin-top: 0px;
  }
  .ccl-iso .bp-info2 {
    margin-left: 202px;
    margin-top: 0px;
  }
  .ccl-iso .bp-info3 {
    margin-left: 366px;
    margin-top: 8px;
  }
  .ccl-iso .bp-info4 {
    margin-left: 480px;
    margin-top: 0px;
  }
  .ccl-iso .bp-info5 {
    margin-left: 558px;
    margin-top: 21px;
  }
  .ccl-iso .bp-info6 {
    margin-left: 558px;
    margin-top: 98px;
  }
  .ccl-iso .bp-info7 {
    margin-left: 347px;
    margin-top: 121px;
  }
  .ccl-iso .bp-info8 {
    margin-left: 94px;
    margin-top: 120px;
  }
  .ccl-iso .bp-info9 {
    margin-left: -4px;
    margin-top: 43px;
  }
  .ccl-iso .right {
    height: 393px;
  }
}
@media (min-width: 820px) {
  .ccl-iso .modalrightside {
    padding: 22px;
    height: 100%;
    width: calc(60% - 40px);
  }
  .ccl-iso .map {
    border-radius: 28px;
  }
  .ccl-iso .worldmap {
    border-radius: 28px;
  }
  .ccl-iso .aseanmap {
    border-radius: 28px;
  }
  .ccl-iso .greaterchinamap {
    border-radius: 28px;
  }
  .ccl-iso .eumap {
    border-radius: 28px;
  }
  .ccl-iso .americasmap {
    border-radius: 28px;
  }
  .ccl-iso .southamericamap {
    border-radius: 28px;
  }
  .ccl-iso .modalwrapper {
    border-radius: 28px;
    border: 10px #e0eff4 solid;
  }
  .ccl-iso .modalimgsettings {
    border-radius: 28px 0px 0px 28px;
  }
  .ccl-iso .singapore-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/Singapore-Site.jpg);
  }
  .ccl-iso .haian-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/haian-Site.jpg);
  }
  .ccl-iso .kunshan-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/kunshan-Site.jpg);
  }
  .ccl-iso .thailand-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/thailand-Site.jpg);
  }
  .ccl-iso .saopaulo-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/saopaulo-Site.jpg);
  }
  .ccl-iso .johor-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/johor-Site.jpg);
  }
  .ccl-iso .kualalumpur-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/kualalumpur-Site.jpg);
  }
  .ccl-iso .penang-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/penang-Site.jpg);
  }
  .ccl-iso .hochiminhcity-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/hochiminhcity-Site.jpg);
  }
  .ccl-iso .bangkok-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/bangkok-Site.jpg);
  }
  .ccl-iso .shenzhen-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/shenzhen-Site.jpg);
  }
  .ccl-iso .zhongshan-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/zhongshan-Site.jpg);
  }
  .ccl-iso .guangzhou-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/guangzhou-Site.jpg);
  }
  .ccl-iso .chongqing-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/chongqing-Site.jpg);
  }
  .ccl-iso .chengdu-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/chengdu-Site.jpg);
  }
  .ccl-iso .hanoi-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/hanoi-Site.jpg);
  }
  .ccl-iso .suzhou-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/suzhou-Site.jpg);
  }
  .ccl-iso .chennai-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/chennai-Site.jpg);
  }
  .ccl-iso .eastkilbride-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/eastkilbride-Site.jpg);
  }
  .ccl-iso .chippenham-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/chippenham-Site.jpg);
  }
  .ccl-iso .israel-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/telaviv-Site.jpg);
  }
  .ccl-iso .solingen-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/solingen-Site.jpg);
  }
  .ccl-iso .venray-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/venray-Site.jpg);
  }
  .ccl-iso .munich-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/munich-Site.jpg);
  }
  .ccl-iso .stuttgart-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/stuttgart-Site.jpg);
  }
  .ccl-iso .nuremberg-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/nuremberg-Site.jpg);
  }
  .ccl-iso .hungary-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/hungary-Site.jpg);
  }
  .ccl-iso .santaclara-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/santaclara-Site.jpg);
  }
  .ccl-iso .guadalajara-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/guadalajara-Site.jpg);
  }
  .ccl-iso .guanajuato-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/guanajuato-Site.jpg);
  }
  .ccl-iso .sanluispotosi-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/sanluispotosi-Site.jpg);
  }
  .ccl-iso .clinton-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/clinton-Site.jpg);
  }
  .ccl-iso .strongsville-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/strongsville-Site.jpg);
  }
  .ccl-iso .italy-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/milan-Site.jpg);
  }
  .ccl-iso .taipei-modalimg {
    border-radius: 28px 0px 0px 28px;
    background-image: url(../images/taipei-Site.jpg);
  }
  .ccl-iso .modallist {
    font-size: 26px;
  }
  .ccl-iso .modallist li {
    margin-bottom: 10px;
  }
  .ccl-iso .modalheader {
    font-size: 40px;
  }
  .ccl-iso .modallist2 {
    font-size: 26px;
    margin-top: 20px;
  }
  .ccl-iso .modallist3 {
    font-size: 22px;
  }
  .ccl-iso .modalrightside2 {
    padding: 22px;
  }
  .ccl-iso .mappins {
    width: 34px;
  }
  .ccl-iso .worldpinsettings {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 36px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
  }
  .ccl-iso .worldpinsettings:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .worldpinsettings:hover {
    transform: scale(1.1);
  }
  .ccl-iso .asean {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 36px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
    margin-left: 616px;
    margin-top: 324px;
  }
  .ccl-iso .asean:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .asean:hover {
    transform: scale(1.1);
  }
  .ccl-iso .asean:hover {
    margin-top: 320px;
  }
  .ccl-iso .greaterchina {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 36px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
    margin-left: 508px;
    margin-top: 217px;
  }
  .ccl-iso .greaterchina:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .greaterchina:hover {
    transform: scale(1.1);
  }
  .ccl-iso .greaterchina:hover {
    margin-top: 213px;
  }
  .ccl-iso .eu {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 36px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
    margin-left: 344px;
    margin-top: 147px;
  }
  .ccl-iso .eu:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .eu:hover {
    transform: scale(1.1);
  }
  .ccl-iso .eu:hover {
    margin-top: 143px;
  }
  .ccl-iso .americas {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 36px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
    margin-left: 43px;
    margin-top: 190px;
  }
  .ccl-iso .americas:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .americas:hover {
    transform: scale(1.1);
  }
  .ccl-iso .americas:hover {
    margin-top: 186px;
  }
  .ccl-iso .spamericas {
    margin-left: 5px;
    margin-top: 155px;
    width: 348px;
  }
  .ccl-iso .spamericas:hover {
    margin-top: 151px;
  }
  .ccl-iso .southamerica {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 36px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
    margin-left: 55px;
    margin-top: 350px;
  }
  .ccl-iso .southamerica:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .southamerica:hover {
    transform: scale(1.1);
  }
  .ccl-iso .southamerica:hover {
    margin-top: 346px;
  }
  .ccl-iso .chennai-india {
    margin-left: 14px;
    margin-top: calc(171px - 45px);
  }
  .ccl-iso .chennai-india:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(171px - 49px);
  }
  .ccl-iso .bangkok {
    margin-left: 366px;
    margin-top: 314px;
    margin-top: calc(420px - 106px);
  }
  .ccl-iso .bangkok:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(420px - 110px);
  }
  .ccl-iso .penang {
    margin-left: 367px;
    margin-top: calc(369px - 108px);
  }
  .ccl-iso .penang:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(369px - 112px);
  }
  .ccl-iso .thailand {
    margin-left: 364px;
    margin-top: calc(239px - 110px);
  }
  .ccl-iso .thailand:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(239px - 114px);
  }
  .ccl-iso .johor {
    margin-left: 406px;
    margin-top: calc(417px - 91px);
  }
  .ccl-iso .johor:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(417px - 95px);
  }
  .ccl-iso .kualalumpur {
    margin-left: 386px;
    margin-top: calc(417px - 123px);
  }
  .ccl-iso .kualalumpur:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(417px - 127px);
  }
  .ccl-iso .singapore {
    margin-left: 431px;
    margin-top: calc(455px - 118px);
  }
  .ccl-iso .singapore:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(455px - 122px);
  }
  .ccl-iso .hochiminhcity {
    margin-left: 482px;
    margin-top: calc(235px - 63px);
  }
  .ccl-iso .hochiminhcity:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(235px - 67px);
  }
  .ccl-iso .shenzhen {
    margin-left: 615px;
    margin-top: calc(492px - 125px);
  }
  .ccl-iso .shenzhen:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(492px - 129px);
  }
  .ccl-iso .zhongshan {
    margin-left: 566px;
    margin-top: calc(500px - 125px);
  }
  .ccl-iso .zhongshan:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(500px - 129px);
  }
  .ccl-iso .guangzhou {
    margin-left: 583px;
    margin-top: calc(492px - 137px);
  }
  .ccl-iso .guangzhou:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(492px - 141px);
  }
  .ccl-iso .chongqing {
    margin-left: 472px;
    margin-top: calc(324px - 84px);
  }
  .ccl-iso .chongqing:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(324px - 88px);
  }
  .ccl-iso .chengdu {
    margin-left: 430px;
    margin-top: calc(324px - 124px);
  }
  .ccl-iso .chengdu:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(324px - 129px);
  }
  .ccl-iso .hanoi {
    margin-left: 454px;
    margin-top: calc(-11px - 3px);
  }
  .ccl-iso .hanoi:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(-11px - 6px);
  }
  .ccl-iso .suzhou {
    margin-left: 685px;
    margin-top: calc(260px - 61px);
  }
  .ccl-iso .suzhou:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(260px - 65px);
  }
  .ccl-iso .haian {
    margin-left: 664px;
    margin-top: calc(231px - 57px);
  }
  .ccl-iso .haian:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(231px - 61px);
  }
  .ccl-iso .kunshan {
    margin-left: 711px;
    margin-top: calc(231px - 41px);
  }
  .ccl-iso .kunshan:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(231px - 45px);
  }
  .ccl-iso .taipei {
    margin-left: 725px;
    margin-top: calc(428px - 107px);
  }
  .ccl-iso .taipei:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(428px - 111px);
  }
  .ccl-iso .eastkilbride {
    margin-left: 34px;
    margin-top: calc(76px - 20px);
  }
  .ccl-iso .eastkilbride:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(76px - 24px);
  }
  .ccl-iso .chippenham {
    margin-left: 69px;
    margin-top: calc(195px - 50px);
  }
  .ccl-iso .chippenham:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(195px - 54px);
  }
  .ccl-iso .israel {
    margin-left: 588px;
    margin-top: calc(642px - 161px);
  }
  .ccl-iso .israel:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(642px - 165px);
  }
  .ccl-iso .solingen {
    margin-left: 193px;
    margin-top: calc(184px - 44px);
  }
  .ccl-iso .solingen:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(184px - 48px);
  }
  .ccl-iso .venray {
    margin-left: 162px;
    margin-top: calc(184px - 52px);
  }
  .ccl-iso .venray:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(184px - 56px);
  }
  .ccl-iso .munich {
    margin-left: 248px;
    margin-top: calc(292px - 73px);
  }
  .ccl-iso .munich:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(292px - 78px);
  }
  .ccl-iso .stuttgart {
    margin-left: 214px;
    margin-top: calc(272px - 70px);
  }
  .ccl-iso .stuttgart:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(272px - 74px);
  }
  .ccl-iso .nuremberg {
    margin-left: 241px;
    margin-top: calc(217px - 54px);
  }
  .ccl-iso .nuremberg:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(217px - 59px);
  }
  .ccl-iso .hungary {
    margin-left: 335px;
    margin-top: calc(319px - 82px);
  }
  .ccl-iso .hungary:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(319px - 86px);
  }
  .ccl-iso .italy {
    margin-left: 216px;
    margin-top: calc(344px - 82px);
  }
  .ccl-iso .italy:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(344px - 86px);
  }
  .ccl-iso .saopaulo {
    margin-left: 603px;
    margin-top: calc(438px - 112px);
  }
  .ccl-iso .saopaulo:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(438px - 118px);
  }
  .ccl-iso .santaclara {
    margin-left: 25px;
    margin-top: calc(219px - 54px);
  }
  .ccl-iso .santaclara:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(219px - 58px);
  }
  .ccl-iso .guadalajara {
    margin-left: 255px;
    margin-top: calc(661px - 162px);
  }
  .ccl-iso .guadalajara:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(661px - 166px);
  }
  .ccl-iso .guanajuato {
    margin-left: 313px;
    margin-top: calc(644px - 162px);
  }
  .ccl-iso .guanajuato:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(644px - 166px);
  }
  .ccl-iso .sanluispotosi {
    margin-left: 293px;
    margin-top: calc(600px - 162px);
  }
  .ccl-iso .sanluispotosi:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(600px - 166px);
  }
  .ccl-iso .clinton {
    margin-left: 607px;
    margin-top: calc(336px - 85px);
  }
  .ccl-iso .clinton:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(336px - 89px);
  }
  .ccl-iso .strongsville {
    margin-left: 651px;
    margin-top: calc(152px - 41px);
  }
  .ccl-iso .strongsville:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(152px - 45px);
  }
  .ccl-iso .tooltip-padding-fontsize {
    padding: 12px;
    font-size: 22px;
  }
  .ccl-iso .tooltipsettings {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
  }
  .ccl-iso .tooltipsettings:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltipsettings-rightpopup {
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
  }
  .ccl-iso .tooltipsettings-rightpopup:after {
    content: "";
    right: 99%;
    margin-top: -10px;
    border-width: 10px;
    position: absolute;
    top: 50%;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }
  .ccl-iso .tooltipsettings-leftpopup {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
  }
  .ccl-iso .tooltipsettings-leftpopup:after {
    content: "";
    left: 82%;
    margin-top: -9px;
    border-width: 9px;
    position: absolute;
    top: 22%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-chennai {
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 12px;
    font-size: 22px;
    margin-left: 97px;
    margin-top: calc(171px - 116px);
  }
  .ccl-iso .tooltip-chennai:after {
    content: "";
    right: 99%;
    margin-top: -10px;
    border-width: 10px;
    position: absolute;
    top: 50%;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }
  .ccl-iso .tooltip-bangkok {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 274px;
    margin-top: calc(420px - 170px);
  }
  .ccl-iso .tooltip-bangkok:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-penang {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 287px;
    margin-top: calc(369px - 214px);
  }
  .ccl-iso .tooltip-penang:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-johor {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 320px;
    margin-top: calc(417px - 225px);
  }
  .ccl-iso .tooltip-johor:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-singapore {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 382px;
    margin-top: calc(455px - 235px);
  }
  .ccl-iso .tooltip-singapore:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-hochiminhcity {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 336px;
    margin-top: calc(235px - 186px);
  }
  .ccl-iso .tooltip-hochiminhcity:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-shenzhen {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 474px;
    margin-top: calc(492px - 123px);
  }
  .ccl-iso .tooltip-shenzhen:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-zhongshan {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 474px;
    margin-top: calc(500px - 123px);
  }
  .ccl-iso .tooltip-zhongshan:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-chongqing {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 12px;
    font-size: 22px;
    margin-left: 230px;
    margin-top: calc(324px - 33px);
  }
  .ccl-iso .tooltip-chongqing:after {
    content: "";
    left: 82%;
    margin-top: -9px;
    border-width: 9px;
    position: absolute;
    top: 22%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-hanoi {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 372px;
    margin-top: calc(-11px - 126px);
  }
  .ccl-iso .tooltip-hanoi:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-suzhou {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 12px;
    font-size: 22px;
    margin-left: 451px;
    margin-top: calc(260px - 18px);
  }
  .ccl-iso .tooltip-suzhou:after {
    content: "";
    left: 82%;
    margin-top: -9px;
    border-width: 9px;
    position: absolute;
    top: 22%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-haian {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 12px;
    font-size: 22px;
    margin-left: 434px;
    margin-top: calc(231px - -1px);
  }
  .ccl-iso .tooltip-haian:after {
    content: "";
    left: 82%;
    margin-top: -9px;
    border-width: 9px;
    position: absolute;
    top: 22%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-taipei {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 12px;
    font-size: 22px;
    margin-left: 405px;
    margin-top: calc(428px - 53px);
  }
  .ccl-iso .tooltip-taipei:after {
    content: "";
    left: 82%;
    margin-top: -9px;
    border-width: 9px;
    position: absolute;
    top: 22%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-EastKilbride {
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 12px;
    font-size: 22px;
    margin-left: 78px;
    margin-top: calc(76px - 30px);
  }
  .ccl-iso .tooltip-EastKilbride:after {
    content: "";
    right: 99%;
    margin-top: -10px;
    border-width: 10px;
    position: absolute;
    top: 50%;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }
  .ccl-iso .tooltip-Chippenham {
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 12px;
    font-size: 22px;
    margin-left: 113px;
    margin-top: calc(195px - 62px);
  }
  .ccl-iso .tooltip-Chippenham:after {
    content: "";
    right: 99%;
    margin-top: -10px;
    border-width: 10px;
    position: absolute;
    top: 50%;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }
  .ccl-iso .tooltip-israel {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 519px;
    margin-top: calc(642px - 225px);
  }
  .ccl-iso .tooltip-israel:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-solingen {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 98px;
    margin-top: calc(184px - 108px);
  }
  .ccl-iso .tooltip-solingen:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-munich {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 159px;
    margin-top: calc(292px - 138px);
  }
  .ccl-iso .tooltip-munich:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-stuttgart {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 117px;
    margin-top: calc(272px - 134px);
  }
  .ccl-iso .tooltip-stuttgart:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-nuremberg {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 131px;
    margin-top: calc(217px - 119px);
  }
  .ccl-iso .tooltip-nuremberg:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-hungary {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 234px;
    margin-top: calc(319px - 146px);
  }
  .ccl-iso .tooltip-hungary:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-italy {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 163px;
    margin-top: calc(344px - 146px);
  }
  .ccl-iso .tooltip-italy:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-santaclara {
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 12px;
    font-size: 22px;
    margin-left: 70px;
    margin-top: calc(219px - 65px);
  }
  .ccl-iso .tooltip-santaclara:after {
    content: "";
    right: 99%;
    margin-top: -10px;
    border-width: 10px;
    position: absolute;
    top: 50%;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }
  .ccl-iso .tooltip-guadalajara {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 152px;
    margin-top: calc(661px - 226px);
  }
  .ccl-iso .tooltip-guadalajara:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-guanajuato {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 214px;
    margin-top: calc(644px - 226px);
  }
  .ccl-iso .tooltip-guanajuato:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-sanluispotosi {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 214px;
    margin-top: calc(600px - 226px);
  }
  .ccl-iso .tooltip-sanluispotosi:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-clinton {
    padding: 12px;
    font-size: 22px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 545px;
    margin-top: calc(336px - 147px);
  }
  .ccl-iso .tooltip-clinton:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-strongsville {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 12px;
    font-size: 22px;
    margin-right: 140px;
    margin-top: calc(152px - 53px);
  }
  .ccl-iso .tooltip-strongsville:after {
    content: "";
    left: 82%;
    margin-top: -9px;
    border-width: 9px;
    position: absolute;
    top: 22%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-saopaulo {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 12px;
    font-size: 22px;
    margin-right: 187px;
    margin-top: calc(438px - 127px);
  }
  .ccl-iso .tooltip-saopaulo:after {
    content: "";
    left: 82%;
    margin-top: -9px;
    border-width: 9px;
    position: absolute;
    top: 22%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .mapsection {
    width: 780px;
    margin: auto;
    margin-top: 20px;
  }
  .ccl-iso .mapcontainer {
    background: #e0eff4;
    width: 780px;
    height: 577.5px;
    float: left;
    border-radius: 28px;
  }
  .ccl-iso .mapcontainersettings {
    position: absolute;
    display: none;
  }
  .ccl-iso .worldmapsection {
    background: #e0eff4;
    width: 780px;
    height: 577.5px;
    float: left;
    border-radius: 28px;
    -webkit-box-shadow: 0 18px 15px -13px #777;
    -moz-box-shadow: 0 18px 15px -13px #777;
    box-shadow: 0 18px 15px -13px #777;
  }
  .ccl-iso .aseanmapsection {
    background: #e0eff4;
    width: 780px;
    height: 577.5px;
    float: left;
    border-radius: 28px;
    position: absolute;
    display: none;
  }
  .ccl-iso .greaterchinamapsection {
    background: #e0eff4;
    width: 780px;
    height: 577.5px;
    float: left;
    border-radius: 28px;
    position: absolute;
    display: none;
  }
  .ccl-iso .eumapsection {
    background: #e0eff4;
    width: 780px;
    height: 577.5px;
    float: left;
    border-radius: 28px;
    position: absolute;
    display: none;
  }
  .ccl-iso .americasmapsection {
    background: #e0eff4;
    width: 780px;
    height: 577.5px;
    float: left;
    border-radius: 28px;
    position: absolute;
    display: none;
  }
  .ccl-iso .southamericamapsection {
    background: #e0eff4;
    width: 780px;
    height: 577.5px;
    float: left;
    border-radius: 28px;
    position: absolute;
    display: none;
  }
  .ccl-iso .modalpopup {
    background: #e0eff4;
    width: 780px;
    height: 577.5px;
    float: left;
    border-radius: 28px;
    position: absolute;
    display: none;
  }
}
@media (min-width: 850px) {
  .ccl-iso .section6 {
    min-height: 890px;
  }
}
@media (min-width: 900px) {
  .ccl-iso .sitemapcontainer {
    width: 774px;
  }
  .ccl-iso .policiescontainer {
    width: 774px;
  }
  .ccl-iso .sitemap-column {
    width: 258px;
  }
  .ccl-iso .sitemaplist2 li {
    margin-bottom: 28px;
  }
  .ccl-iso .securitylayersection {
    height: 800px;
  }
  .ccl-iso .phonelayersection {
    height: 800px;
  }
  .ccl-iso .subheading {
    text-align: right;
  }
  .ccl-iso .security1 {
    width: 100%;
    padding-top: 27px;
    width: 300px;
    float: left;
    text-align: right;
  }
  .ccl-iso .security2 {
    padding-top: 141px;
    width: 300px;
    float: left;
  }
  .ccl-iso .layerbreak_container {
    margin-top: 185px;
  }
  .ccl-iso .layerbreak {
    width: 300px;
    position: absolute;
  }
  .ccl-iso .column3 {
    width: 300px;
    float: left;
    margin-left: 0px;
  }
  .ccl-iso .securitylayermain {
    width: 900px;
  }
  .ccl-iso .column_bp2 {
    width: 664px;
  }
}
@media (min-width: 905px) {
  .ccl-iso .imghovercontainer {
    width: 780px;
    margin: 0 auto;
  }
  .ccl-iso .focusareacontainer {
    width: 780px;
    margin: auto;
  }
}

.ccl-iso .module-wrapper 
{
    position: relative;
}

.ccl-iso .acquisitionscompany 
{
    background: white;
}


@media (min-width: 1024px) {
  .ccl-iso {
    /* Style the buttons inside the tab */
    /*fix css*/
  }
  .ccl-iso .ccl-section-subheading {
    font-size: 1.7em !important;
  }
  .ccl-iso .israel-quality-logos-container img {
    width: 50%;
    height: auto;
  }
  .ccl-iso .globalleaderauto {
    width: 740px;
  }
  .ccl-iso .autocolumn {
    margin-top: -268px;
  }
  .ccl-iso .thermal-interface-materials-section {
    width: 80%;
    display: flex;
  }
  .ccl-iso .thermalimg1 {
    padding: 46%;
  }
  .ccl-iso .thermalimg2 {
    padding: 46%;
  }
  .ccl-iso .thermalimg3 {
    padding: 46%;
  }
  .ccl-iso .thermal-interface-materials-column {
    width: 50%;
    height: 100%;
  }
  .ccl-iso .column8 {
    width: 50%;
  }
  .ccl-iso .mousewheel {
    display: block;
    position: absolute;
    bottom: 95px;
    left: 20%;
    color: white;
  }
  .ccl-iso .ccllogocontainer {
    left: 15.5%;
  }
  .ccl-iso .part3D {
    width: 80%;
    margin: auto;
  }
  .ccl-iso .popuprow2 {
    margin-top: 0px;
  }
  .ccl-iso .popuprow3 {
    margin-top: 343px;
  }
  .ccl-iso .popuprow4 {
    margin-top: 343px;
  }
  .ccl-iso .gridcontent2 {
    padding: 0 10px;
    text-align: center;
  }
  .ccl-iso .gridcontent3 {
    padding: 0 10px;
    text-align: center;
  }
  .ccl-iso .grid2 figure {
    display: inline-block;
    float: none;
    margin: 7px;
    width: 48%;
  }
  .ccl-iso .grid3 figure {
    display: inline-block;
    float: none;
    margin: 7px;
    width: 48%;
  }
  .ccl-iso .bpmodalpopup {
    width: 900px;
  }
  .ccl-iso .bp-ds {
    width: 419px;
    height: 106px;
    display: none;
  }
  .ccl-iso .interactivebrandprotection {
    display: block;
  }
  .ccl-iso .interactivebrandprotectionCN {
    display: block;
  }
  .ccl-iso .bp-info1 {
    margin-left: 64px;
    margin-top: 0px;
  }
  .ccl-iso .bp-info2 {
    margin-left: 131px;
    margin-top: 0px;
  }
  .ccl-iso .bp-info3 {
    margin-left: 240px;
    margin-top: -1px;
  }
  .ccl-iso .bp-info4 {
    margin-left: 316px;
    margin-top: 0px;
  }
  .ccl-iso .bp-info5 {
    margin-left: 363px;
    margin-top: 15px;
  }
  .ccl-iso .bp-info6 {
    margin-left: 363px;
    margin-top: 63px;
  }
  .ccl-iso .bp-info7 {
    margin-left: 226px;
    margin-top: 76px;
  }
  .ccl-iso .bp-info8 {
    margin-left: 64px;
    margin-top: 74px;
  }
  .ccl-iso .bp-info9 {
    margin-left: -4px;
    margin-top: 24px;
  }
  .ccl-iso .zoomimgcontainer {
    width: 100%;
    display: flex;
  }
  .ccl-iso .left {
    position: relative;
    width: 50%;
  }
  .ccl-iso .right {
    position: relative;
    width: 50%;
    height: 253px;
  }
  .ccl-iso .newscolumnmain {
    width: 100%;
    margin: auto;
  }
  .ccl-iso .newscolumn1 {
    width: 80%;
    float: left;
    min-height: 1px;
  }
  .ccl-iso .newscolumn2 {
    width: 20%;
    float: left;
  }
  .ccl-iso .dc_main {
    width: 1000px;
    margin: auto;
  }
  .ccl-iso .dc4 {
    width: 230px;
    height: 150px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 1px solid black;
    float: left;
  }
  .ccl-iso .dc3 {
    width: 230px;
    height: 150px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 1px solid black;
    float: left;
  }
  .ccl-iso .dc2 {
    width: 230px;
    height: 150px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 1px solid black;
    float: left;
  }
  .ccl-iso .dc1 {
    width: 230px;
    height: 150px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 1px solid black;
    float: left;
  }
  .ccl-iso .dc_hover4 {
    width: 100%;
    height: 150px;
    background-color: rgba(0, 0, 0, 0.342);
    float: left;
    border-radius: 10px;
  }
  .ccl-iso .dc_hover3 {
    width: 100%;
    height: 150px;
    background-color: rgba(0, 0, 0, 0.342);
    float: left;
    border-radius: 10px;
  }
  .ccl-iso .dc_hover2 {
    width: 100%;
    height: 150px;
    background-color: rgba(0, 0, 0, 0.342);
    float: left;
    border-radius: 10px;
  }
  .ccl-iso .dc_hover1 {
    width: 100%;
    height: 150px;
    background-color: rgba(0, 0, 0, 0.342);
    float: left;
    border-radius: 10px;
  }
  .ccl-iso .dc_img4 {
    width: 100%;
    height: 150px;
    background-image: url('../images/designcentre4.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  .ccl-iso .dc_img3 {
    width: 100%;
    height: 150px;
    background-image: url('../images/designcentre3.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  .ccl-iso .dc_img2 {
    width: 100%;
    height: 150px;
    background-image: url('../images/designcentre2.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  .ccl-iso .dc_img1 {
    width: 100%;
    height: 150px;
    background-image: url('../images/designcentre1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  .ccl-iso .layerbreak_container_phone {
    margin-top: 303px;
  }
  .ccl-iso .phonelist1 {
    margin-bottom: 80px;
  }
  .ccl-iso .layerbreak_phone {
    width: 400px;
    position: absolute;
  }
  .ccl-iso .phone_container {
    width: 1000px;
  }
  .ccl-iso .column_phone {
    width: 400px;
    float: left;
  }
  .ccl-iso .column_phone1 {
    width: 300px;
    float: left;
    display: block;
  }
  .ccl-iso .column_phone2 {
    display: none;
  }
  .ccl-iso .aqs_container {
    width: 812px;
  }
  .ccl-iso .idt_qs_container {
    width: 610px;
  }
  .ccl-iso .hideparralax {
    display: none;
  }
  .ccl-iso .section5 {
    display: block;
  }
  .ccl-iso .idt-section {
    display: block;
  }
  .ccl-iso .column {
    width: 50%;
  }
  .ccl-iso .column_blog {
    width: 50%;
  }
    .ccl-iso .column_blog_small {
    width: 20%;
  }
  .ccl-iso .column2 {
    width: 100%;
  }
  .ccl-iso .column4 {
    width: 750px;
  }
  .ccl-iso .column5 {
    width: 250px;
  }
  .ccl-iso .column6 {
    width: 100%;
    padding-left: 14%;
    padding-right: 14%;
  }
  .ccl-iso .slideinsection {
    margin-top: 50px;
  }
  .ccl-iso .floating-section-text {
    width: 600px;
  }
  .ccl-iso .img {
    display: none;
  }
  .ccl-iso .module2noparralax {
    background: #f7f7f7;
    position: absolute;
    width: 700px;
    padding-bottom: 50px;
    display: block;
    top: 386px;
    /*top: 490px;*/
    right: 0px;
    float: right;
    bottom: 0px;
    border-radius: 20px 0px 0px 0px;
  }
  .ccl-iso .container2 {
    width: 900px;
  }
  .ccl-iso .section3_about {
    min-height: 1120px;
  }
  .ccl-iso .module-wrapper {
    width: 970px;
    margin: auto;
    height: 700px;
    position: relative;
  }
  .ccl-iso .left-infomodule {
    width: 475px;
    float: left;
  }
  .ccl-iso .right-infomodule {
    width: 475px;
    float: left;
    margin-top: 150px;
  }
  .ccl-iso .infomodulecontainer4 {
    width: 450px;
    padding-bottom: 75px;
  }
  .ccl-iso .infomodulecontainer3 {
    width: 450px;
    padding-bottom: 75px;
  }
  .ccl-iso .infomodulecontainer2 {
    width: 450px;
    padding-bottom: 75px;
  }
  .ccl-iso .infomodulecontainer1 {
    width: 450px;
    padding-bottom: 75px;
  }
  .ccl-iso .companiescontainer {
    width: 95%;
    margin: auto;
  }
  .ccl-iso .headercontent {
    margin: auto;
    margin-top: 50px;
    width: 1200px;
  }
  .ccl-iso .acquisitionscompany {
    width: calc(25% - 10px);
    float: left;
    margin-left: 10px;
    min-height: 380px;
    text-align: left;
    background: white;
  }
  .ccl-iso .ccl-idt-modules {
    width: calc(25% - 10px);
    float: left;
    margin-left: 10px;
    min-height: 380px;
    text-align: left;
    background: white;
    width: calc(33% - 10px);
    max-width: 430px;
  }
  .ccl-iso .footerlist4 {
    display: block;
  }
  .ccl-iso .footerlist3 {
    display: block;
  }
  .ccl-iso .footerlist2 {
    display: block;
  }
  .ccl-iso .footerlist1 {
    display: block;
  }
  .ccl-iso .section2_ps {
    min-height: 780px;
  }
  .ccl-iso .section6_ps {
    min-height: 200px;
  }
  .ccl-iso .section2_about {
    min-height: 700px;
  }
  .ccl-iso .productrangescontainer {
    width: 990px;
    height: 500px;
    margin: auto;
  }
  .ccl-iso .productsections {
    width: 100%;
    background: #f1f1f3;
    border-top: 5px #0057b8 solid;
  }
  .ccl-iso .tab-content {
    width: 98%;
    margin: auto;
    padding-top: 25px;
    display: none;
    padding: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .ccl-iso .tab-content.current {
    display: inherit;
  }
  .ccl-iso .tab-content2 {
    width: 98%;
    margin: auto;
    padding-top: 25px;
    display: none;
    padding: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .ccl-iso .tab-content2.current {
    display: inherit;
  }
  .ccl-iso .tabs_listcontainer {
    width: 50%;
    margin-right: 16px;
  }
  .ccl-iso .tabs_list {
    width: 98%;
    margin-right: 2%;
    text-align: left;
    list-style-type: none;
    padding: 0;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
  }
  .ccl-iso .tabs_list li {
    margin-bottom: 40px;
  }
  .ccl-iso .tabs_list_nested {
    margin-top: 20px;
  }
  .ccl-iso .tabs_list_nested li {
    margin-bottom: 10px;
  }
  .ccl-iso .tabs_imgcontainer {
    width: calc(49% - 16px);
    padding: 0px;
  }
  .ccl-iso .popupimgcontainer {
    width: calc(49% - 16px);
    padding: 0px;
    display: inline-block;
  }
  .ccl-iso .brandinglabelsimg {
    width: 100%;
    -webkit-box-shadow: 0 8px 15px -8px #777;
    -moz-box-shadow: 0 8px 15px -8px #777;
    box-shadow: 0 8px 15px -8px #777;
  }
  .ccl-iso .producttabs {
    width: 100%;
    height: 60px;
  }
  .ccl-iso .producttabs2 {
    width: 100%;
    height: 60px;
  }
  .ccl-iso .producttabs3 {
    width: 180px;
  }
  .ccl-iso .producttab {
    width: 190px;
    height: 60px;
    float: left;
    text-align: left;
  }
  .ccl-iso .producttab2 {
    width: 150px;
  }
  .ccl-iso .producttab_moretabs {
    width: 16%;
  }
  .ccl-iso .producttab_moretabs2 {
    width: 19%;
  }
  .ccl-iso .producttabs button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 11.7px;
    font-weight: 100;
    text-align: left;
    color: #4d4d4d;
    background: #f1f1f3;
    margin-right: 5px;
    padding-right: 10px;
  }
  .ccl-iso .producttabs button:hover {
    background: #dedede;
    margin-top: -5px;
    height: 65px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .ccl-iso .producttabs button.current {
    color: white;
    background: #0057b8;
    margin-top: -5px;
    height: 65px;
  }
  .ccl-iso .producttabs2 button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 11.7px;
    font-weight: 100;
    text-align: left;
    color: #4d4d4d;
    background: #f1f1f3;
    margin-right: 5px;
    padding-right: 10px;
  }
  .ccl-iso .producttabs2 button:hover {
    background: #dedede;
    margin-top: -5px;
    height: 65px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .ccl-iso .producttabs2 button.current {
    color: white;
    background: #0057b8;
    margin-top: -5px;
    height: 65px;
  }
  .ccl-iso .tabcontents {
    height: 60px;
    vertical-align: middle;
  }
  .ccl-iso .tabimg {
    width: 50px;
    height: 50px;
    float: left;
    padding: 5px;
  }
  .ccl-iso .tabtxt {
    width: 110px;
    float: left;
    display: block;
  }
  .ccl-iso .longTabs > .tabtxt {
    display: none;
  }

  .ccl-iso .tabtxt_moretabs {
    width: 60%;
  }
  .ccl-iso .tabtxt_moretabs2 {
    width: 67%;
  }
  .ccl-iso .text1_alt {
    width: 100%;
    padding-top: 20px;
  }
  .ccl-iso .bgeffect1 {
    position: absolute;
    top: 0;
    left: -150px;
    z-index: -1;
    width: 30vw;
  }
  .ccl-iso .section6 {
    min-height: 1030px;
  }
  .ccl-iso .section6_automotive {
    min-height: 650px;
  }
  .ccl-iso .sectionimg {
    float: left;
    margin-top: 0px;
  }
  .ccl-iso .sectionimg-video {
    /*float: left;*/
    margin-top: 0px;
  }
  .ccl-iso .sectioncontents {
    width: 48%;
    margin-left: 2%;
    float: left;
    margin-top: 0%;
  }
  .ccl-iso .sectioncontents2 {
    width: 648px;
    margin-top: 0%;
    padding-left: 15px;
    font-size: 23px;
  }
  .ccl-iso .sectioniconscontainer {
    width: 60px;
    height: 60px;
    margin-right: 10px;
  }
  .ccl-iso .sectionlist {
    height: 65px;
  }
  .ccl-iso .sectionlist2 {
    height: 65px;
  }
  .ccl-iso .sectionicons {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .scienceicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .materialicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .labicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .prototypingicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .testingicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .adhesiveicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .labelstockicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .slittingicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .testicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .securityicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .airbaglabelicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .airbagcurtainwrapsicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .airbagcoversicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .flameretardanticon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .ribbonicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .printingicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .printingpress {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .ccdcamera {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .islandprinting {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .robot1 {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .robot2 {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .screenprinting {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .formulation {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .gravure {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .randd {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .uv {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .durable {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .window {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .deckingicon {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .siding {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .abrasion {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .heat_and_humidity {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .peel_testing {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .thickness {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .resilience {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .resistance_and_conductivity {
    width: 60px;
    height: 60px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .fill {
    margin-left: 0px;
  }
  .ccl-iso .section2 {
    min-height: 485px;
  }
  .ccl-iso .automotivequalitybg2 {
    min-height: 300px;
  }
  .ccl-iso .section3 {
    min-height: 450px;
  }
  .ccl-iso .section4_automotive {
    background: #001e40;
  }
  .ccl-iso .section5 {
    background-image: url(../images/ccl-design-cleanroom-manufacturing.png);
  }
  .ccl-iso .idt-section {
    background-image: url(../images/designcentre1.jpg);
  }
  .ccl-iso .magicline {
    background-image: url(../images/Magic-Line-Die-Cut-Production.jpg);
  }
  .ccl-iso .UV_Moulding {
    background-image: url(../images/UV-Moulding-Part.png);
  }
  .ccl-iso .section5_designcentre {
    background-image: url(../images/DesignCentreSuzhou7overlay.png);
  }
  .ccl-iso .microscope {
    background-image: url(../images/microscope.jpg);
  }
  .ccl-iso .heading4 {
    font-size: 3em;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
  }
  .ccl-iso .heading6 {
    /*color: #4d4d4d;*/
    color: #000;
    font-weight: 600;
    font-size: 3em;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    margin-top: 0px;
  }
  .ccl-iso .heading7 {
    color: #4d4d4d;
    font-weight: 600;
    text-align: center;
    text-align: left;
    font-size: 3em;
    padding-left: 15px;
    padding-right: 15px;
    color: white;
    width: 50%;
  }
  .ccl-iso .txtcolour1 {
    color: white;
  }
  .ccl-iso .module1right {
    padding-top: 450px;
    float: left;
    width: 50%;
  }
  .ccl-iso .module1 {
    width: 46.75%;
    float: left;
    margin-left: 3.25%;
  }
  .ccl-iso .module2 {
    background: white;
    position: relative;
    top: -217px;
    width: 50%;
    float: right;
    display: none;
  }
  .ccl-iso .module1noparralax {
    display: block;
  }
  .ccl-iso .module2noparralax {
    display: block;
  }
  .ccl-iso .module3noparralax {
    display: block;
  }
  .ccl-iso .sectioncontent {
    content: "";
    display: table;
    clear: both;
    margin: auto;
    width: 94%;
    padding: 15px 15px 100px 15px;
  }
  .ccl-iso .sectioncontent2 {
    margin: auto;
    width: 94%;
    padding: 15px;
  }
  .ccl-iso .footersections {
    width: 25%;
    margin: auto;
    float: left;
    border-bottom: 0px;
  }
  .ccl-iso .arrow-toggle4 {
    display: none;
  }
  .ccl-iso .arrow-toggle3 {
    display: none;
  }
  .ccl-iso .arrow-toggle2 {
    display: none;
  }
  .ccl-iso .arrow-toggle1 {
    display: none;
  }
  .ccl-iso .slidercontainer1 {
    display: none;
  }
  .ccl-iso .slidercontainer2 {
    display: block;
    width: 800px;
  }
  .ccl-iso .slidercontainer3 {
    display: none;
  }
  .ccl-iso .nav li {
    display: inline;
  }
  .ccl-iso .nav {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    transition: all 0.2s ease-out 0s;
  }
  .ccl-iso .sitemaplink {
    color: white;
  }
  .ccl-iso .nav_alt {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    background: white;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    box-shadow: 0px 13px 29px -4px #02020252;
  }
  .ccl-iso .navcontainer {
    width: 100%;
    margin: auto;
  }
  .ccl-iso .ccllogonav {
    float: left;
  }
  .ccl-iso .nav-up {
    top: -70px;
  }
  .ccl-iso .navbar {
    overflow: hidden;
    margin: auto;
    width: 1104px;
    height: 60px;
  }
  .ccl-iso .navbar a {
    float: left;
    padding: 14px 16px;
  }
  .ccl-iso .dropdown {
    float: left;
    overflow: hidden;
    margin-top: 6px;
  }
  .ccl-iso .navlist {
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    color: white;
    vertical-align: middle;
    margin-top: 6px;
    border-radius: 36px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
  }
  .ccl-iso .spnavlist {
    margin-top: 7px;
  }
  .ccl-iso .navlist_alt {
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    color: #4d4d4d;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
  }
  .ccl-iso .dropbtn {
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: transparent;
    font-family: inherit;
    margin: 0;
    text-decoration: none;
    border-radius: 36px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
  }
  .ccl-iso .spnav {
    font-size: 14px;
  }
  .ccl-iso .dropbtn_alt {
    display: inline-block;
    text-decoration: none;
    color: #4d4d4d;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
  }
  .ccl-iso .navbar a:hover,
  .ccl-iso .dropdown:hover .dropbtn {
    background-color: #0057b8;
    color: white;
  }
  .ccl-iso .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }
  .ccl-iso .dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
  }
  .ccl-iso .dropdown-content a:hover {
    background-color: #ddd;
  }
  .ccl-iso .dropdown:hover .dropdown-content {
    display: block;
  }
  .ccl-iso .alert-close::before,
  .ccl-iso .alert-close::after {
    height: 6px;
  }
  .ccl-iso .alert-close2::before,
  .ccl-iso .alert-close2::after {
    height: 6px;
  }
}
@media (min-width: 1110px) {
  .ccl-iso header {
    display: block;
    height: 60px;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
  }
  .ccl-iso .mobilenav {
    display: none;
  }
}
@media (min-width: 1185px) {
  .ccl-iso .heximg {
    position: absolute;
    z-index: 1;
    margin: 238px 0px 0px 324px;
    width: 395px;
    height: 395px;
  }
  .ccl-iso .hexphone {
    position: absolute;
    z-index: 1;
    width: 185px;
    margin: 258px 0px 0px 426px;
  }
  .ccl-iso .hextitlecontainer {
    width: 210px;
    text-align: center;
  }
  .ccl-iso .hextitle {
    margin-top: 160px;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
  }
  .ccl-iso .hexagonleft {
    background: #4f7b9f;
    background: linear-gradient(180deg, #4f7b9f 0%, #263b4c 100%);
  }
  .ccl-iso .hexagonright {
    background: #503d99;
    background: linear-gradient(180deg, #503d99 0%, #c63d66 100%);
  }
  .ccl-iso .hexp {
    text-align: center;
    color: white;
    font-size: 28px;
  }
  .ccl-iso .hexpmargin {
    margin-top: 15px;
  }
  .ccl-iso .hexpmargin2 {
    /*margin-top: 42px;*/
    margin-top:0;
  }
  .ccl-iso .hexp2 {
    width: 800px;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    background: #f3f3f3;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 10px 10px 20px #bebebe, -10px -10px 20px #ffffff;
  }
  .ccl-iso .hexcontainer {
    display: flex;
    margin: auto;
    width: 1040px;
  }
  .ccl-iso .hexcontainer2 {
    display: flex;
    margin: auto;
    width: 930px;
    margin-top: -80px;
  }
  .ccl-iso .hexcontainer3 {
    display: flex;
    margin: auto;
    width: 620px;
    margin-top: -80px;
  }
  .ccl-iso .hexagon {
    position: relative;
    width: 300px;
    height: 173.21px;
    margin: 86.6px 5px;
  }
  .ccl-iso .hexagon:before,
  .ccl-iso .hexagon:after {
    content: "";
    position: absolute;
    width: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
  }
  .ccl-iso .hexagonleft:before {
    bottom: 100%;
    border-bottom: 86.6px solid #4f7b9f;
  }
  .ccl-iso .hexagonleft:after {
    top: 100%;
    width: 0;
    border-top: 86.6px solid #263b4c;
  }
  .ccl-iso .hexagonright:before {
    bottom: 100%;
    border-bottom: 86.6px solid #503d99;
  }
  .ccl-iso .hexagonright:after {
    top: 100%;
    width: 0;
    border-top: 86.6px solid #c63d66;
  }
  .ccl-iso .sitemapcontainer {
    width: 1024px;
    margin: auto;
  }
  .ccl-iso .policiescontainer {
    width: 1024px;
    margin: auto;
  }
  .ccl-iso .sitemap-column {
    width: 340px;
    float: left;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ccl-iso {
    /*
.mapbtnsettings{
  background:@primarycolour;
  &:hover{
    background:#004797;
  }
}
.americas{
  .mapbtnsettings();
}
.eu{
  .mapbtnsettings();
}
.asia{
  .mapbtnsettings();
}*/
  }
  .ccl-iso .chennai-india {
    margin-left: calc(50% - 452px);
  }
  .ccl-iso .bangkok {
    margin-left: calc(50% - 29px);
  }
  .ccl-iso .penang {
    margin-left: calc(50% - 22px);
  }
  .ccl-iso .thailand {
    margin-left: calc(50% - 22px);
  }
  .ccl-iso .johor {
    margin-left: calc(50% - 11px);
  }
  .ccl-iso .kualalumpur {
    margin-left: calc(50% - 11px);
  }
  .ccl-iso .singapore {
    margin-left: calc(50% + 55px);
  }
  .ccl-iso .hochiminhcity {
    margin-left: calc(50% + 108px);
  }
  .ccl-iso .shenzhen {
    margin-left: calc(50% + 222px);
  }
  .ccl-iso .zhongshan {
    margin-left: calc(50% + 222px);
  }
  .ccl-iso .guangzhou {
    margin-left: calc(50% + 222px);
  }
  .ccl-iso .chongqing {
    margin-left: calc(50% + 71px);
  }
  .ccl-iso .chengdu {
    margin-left: calc(50% + 71px);
  }
  .ccl-iso .hanoi {
    margin-left: calc(50% + 80px);
  }
  .ccl-iso .suzhou {
    margin-left: calc(50% + 330px);
  }
  .ccl-iso .haian {
    margin-left: calc(50% + 330px);
  }
  .ccl-iso .kunshan {
    margin-left: calc(50% + 330px);
  }
  .ccl-iso .taipei {
    margin-left: calc(50% + 330px);
  }
  .ccl-iso .eastkilbride {
    margin-left: calc(50% - 475px);
  }
  .ccl-iso .chippenham {
    margin-left: calc(50% - 428px);
  }
  .ccl-iso .israel {
    margin-left: calc(50% + 264px);
  }
  .ccl-iso .santaclara {
    margin-left: calc(50% - 484px);
  }
  .ccl-iso .guadalajara {
    margin-left: calc(50% - 180px);
  }
  .ccl-iso .guanajuato {
    margin-left: calc(50% - 180px);
  }
  .ccl-iso .sanluispotosi {
    margin-left: calc(50% - 180px);
  }
  .ccl-iso .clinton {
    margin-left: calc(50% + 122px);
  }
  .ccl-iso .strongsville {
    margin-left: calc(50% + 345px);
  }
  .ccl-iso .tooltip-chennai {
    margin-left: calc(50% - 395px);
  }
  .ccl-iso .tooltip-bangkok {
    margin-left: calc(50% - 198px);
  }
  .ccl-iso .tooltip-penang {
    margin-left: calc(50% - 182px);
  }
  .ccl-iso .tooltip-johor {
    margin-left: calc(50% - 132px);
  }
  .ccl-iso .tooltip-singapore {
    margin-left: calc(50% - 36px);
  }
  .ccl-iso .tooltip-hochiminhcity {
    margin-left: calc(50% - 131px);
  }
  .ccl-iso .tooltip-shenzhen {
    margin-left: calc(50% + 70px);
  }
  .ccl-iso .tooltip-zhongshan {
    margin-left: calc(50% + 70px);
  }
  .ccl-iso .tooltip-chongqing {
    margin-left: calc(50% - 312px);
  }
  .ccl-iso .tooltip-hanoi {
    margin-left: calc(50% - 60px);
  }
  .ccl-iso .tooltip-suzhou {
    margin-left: calc(50% + 8px);
  }
  .ccl-iso .tooltip-haian {
    margin-left: calc(50% + 8px);
  }
  .ccl-iso .tooltip-taipei {
    margin-left: calc(50% + 8px);
  }
  .ccl-iso .tooltip-EastKilbride {
    margin-left: calc(50% - 417px);
  }
  .ccl-iso .tooltip-Chippenham {
    margin-left: calc(50% - 371px);
  }
  .ccl-iso .tooltip-israel {
    margin-left: calc(50% + 135px);
  }
  .ccl-iso .tooltip-solingen {
    padding: 5px;
    font-size: 14px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 66px;
    margin-top: calc(184px - 103px);
  }
  .ccl-iso .tooltip-solingen:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-munich {
    padding: 5px;
    font-size: 14px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 150px;
    margin-top: calc(292px - 103px);
  }
  .ccl-iso .tooltip-munich:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-stuttgart {
    padding: 5px;
    font-size: 14px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 90px;
    margin-top: calc(272px - 103px);
  }
  .ccl-iso .tooltip-stuttgart:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-nuremberg {
    padding: 5px;
    font-size: 14px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 103px;
    margin-top: calc(217px - 103px);
  }
  .ccl-iso .tooltip-nuremberg:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-hungary {
    padding: 5px;
    font-size: 14px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 295px;
    margin-top: calc(319px - 146px);
  }
  .ccl-iso .tooltip-hungary:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-italy {
    padding: 5px;
    font-size: 14px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 295px;
    margin-top: calc(344px - 146px);
  }
  .ccl-iso .tooltip-italy:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-santaclara {
    margin-left: calc(50% - 426px);
  }
  .ccl-iso .tooltip-guadalajara {
    margin-left: calc(50% - 367px);
  }
  .ccl-iso .tooltip-guanajuato {
    margin-left: calc(50% - 367px);
  }
  .ccl-iso .tooltip-sanluispotosi {
    margin-left: calc(50% - 367px);
  }
  .ccl-iso .tooltip-clinton {
    margin-left: calc(50% + 9px);
  }
  .ccl-iso .tooltip-saopaulo {
    margin-left: calc(50% - 25px);
  }
  .ccl-iso .navbar a:hover,
  .ccl-iso .dropdown:hover .dropbtn {
    background-color: #0057b8;
    color: white;
  }
}
@media (min-width: 1202px) {
  .ccl-iso .ccl-hero-container-left {
    width: 1104px;
    /*max-width:600px;*/
    margin: auto;
    padding-top: 6%;
    padding-left: 0;
  }
  .ccl-iso .interactivebrandprotection {
    width: 867px;
    height: 200px;
  }
  .ccl-iso .interactivebrandprotectionCN {
    width: 867px;
    height: 200px;
  }
  .ccl-iso .bptextsettings {
    padding: 20px;
    width: 150px;
  }
  .ccl-iso .bptext1 {
    padding: 20px;
    width: 150px;
    margin-left: -144px;
    margin-top: 21px;
  }
  .ccl-iso .bptext2 {
    padding: 20px;
    width: 150px;
    margin-left: 68px;
    margin-top: -119px;
  }
  .ccl-iso .bptext3 {
    padding: 20px;
    width: 150px;
    margin-left: 251px;
    margin-top: -114px;
  }
  .ccl-iso .bptext4 {
    padding: 20px;
    width: 150px;
    margin-left: 435px;
    margin-top: -79px;
  }
  .ccl-iso .bptext5 {
    padding: 20px;
    width: 150px;
    margin-left: 596px;
    margin-top: -114px;
  }
  .ccl-iso .bptext6 {
    padding: 20px;
    width: 150px;
    margin-left: 758px;
    margin-top: -62px;
  }
  .ccl-iso .bptext7 {
    padding: 20px;
    width: 150px;
    margin-left: 848px;
    margin-top: 60px;
  }
  .ccl-iso .bptext8 {
    padding: 20px;
    width: 150px;
    margin-left: 413px;
    margin-top: 201px;
  }
  .ccl-iso .bptext9 {
    padding: 20px;
    width: 150px;
    margin-left: 93px;
    margin-top: 201px;
  }
  .ccl-iso .bp-ds {
    width: 501px;
    height: 126px;
  }
  .ccl-iso .bp-info1 {
    margin-left: 76px;
    margin-top: 2px;
  }
  .ccl-iso .bp-info2 {
    margin-left: 160px;
    margin-top: 0px;
  }
  .ccl-iso .bp-info3 {
    margin-left: 287px;
    margin-top: 2px;
  }
  .ccl-iso .bp-info4 {
    margin-left: 376px;
    margin-top: 0px;
  }
  .ccl-iso .bp-info5 {
    margin-left: 433px;
    margin-top: 15px;
  }
  .ccl-iso .bp-info6 {
    margin-left: 433px;
    margin-top: 75px;
  }
  .ccl-iso .bp-info7 {
    margin-left: 271px;
    margin-top: 91px;
  }
  .ccl-iso .bp-info8 {
    margin-left: 75px;
    margin-top: 84px;
  }
  .ccl-iso .bp-info9 {
    margin-left: 0px;
    margin-top: 45px;
  }
  .ccl-iso .imghovercontainer {
    width: 1040px;
    margin: 0 auto;
  }
  .ccl-iso .right {
    height: 300px;
  }
}

@media (min-width: 1230px) {
  /*.ccl-iso {
    .idtimgs{
    display:none;
}
  }*/
  .ccl-iso .diagonallines2 {
    display: block;
  }
  .ccl-iso .spacer {
    display: block;
  }
  .ccl-iso .parallaxscrolldetail {
    display: none;
  }
  .ccl-iso .whiteboxarea3 {
    width: 652px;
    padding: 55px;
    margin: -159px -15px 0px 100px;
  }
  .ccl-iso .idtimg1 {
    background-image: url(../images/GearShifts_wide_1920x1080.jpg);
    width: 466px;
    height: 373px;
    float: right;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    margin-right: -600px;
    display: none;
  }
  .ccl-iso .idtimg2 {
    width: 600px;
    float: right;
    margin-top: 180px;
    margin-right: -400px;
  }
  .ccl-iso .idtimg3 {
    background-image: url(../images/GearShifts_wide_1920x1080.jpg);
    width: 466px;
    height: 373px;
    float: right;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    margin-right: -600px;
    display: none;
    background-image: url(../images/DecTrim_wide_1920x1080.jpg);
  }
  .ccl-iso .idtimg4 {
    width: 600px;
    float: right;
    margin-top: 180px;
    margin-right: -400px;
    background-image: url(../images/DecTrim_closeUp_1920x1080.jpg);
  }
  .ccl-iso .idtimg5 {
    background-image: url(../images/GearShifts_wide_1920x1080.jpg);
    width: 466px;
    height: 373px;
    float: right;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    margin-right: -600px;
    display: none;
    background-image: url(../images/OverheadML_wide_1920x1080.jpg);
  }
  .ccl-iso .idtimg6 {
    width: 600px;
    float: right;
    margin-top: 180px;
    margin-right: -400px;
    background-image: url(../images/OverheadML_closeUp_1920x1080.jpg);
  }
  .ccl-iso .idtimg7 {
    background-image: url(../images/GearShifts_wide_1920x1080.jpg);
    width: 466px;
    height: 373px;
    float: right;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    margin-right: -600px;
    display: none;
    background-image: url(../images/CntrlPanels_wide_1920x1080.jpg);
  }
  .ccl-iso .idtimg8 {
    width: 600px;
    float: right;
    margin-top: 180px;
    margin-right: -400px;
    background-image: url(../images/CntrlPanels_closeUp_1920x1080.jpg);
  }
  .ccl-iso .idtimg9 {
    background-image: url(../images/GearShifts_wide_1920x1080.jpg);
    width: 466px;
    height: 373px;
    float: right;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    margin-right: -600px;
    display: none;
    background-image: url(../images/CapTouch_wide_1920x1080.jpg);
  }
  .ccl-iso .idtimg10 {
    width: 600px;
    float: right;
    margin-top: 180px;
    margin-right: -400px;
    background-image: url(../images/CapTouch_closeUp_1920x1080.jpg);
  }
  .ccl-iso .idtimg11 {
    background-image: url(../images/GearShifts_wide_1920x1080.jpg);
    width: 466px;
    height: 373px;
    float: right;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    margin-right: -600px;
    display: none;
    background-image: url(../images/ClusterDispl_wide_1920x1080.jpg);
  }
  .ccl-iso .idtimg12 {
    width: 600px;
    float: right;
    margin-top: 180px;
    margin-right: -400px;
    background-image: url(../images/ClusterDispl_closeUp_1920x1080.jpg);
  }
  .ccl-iso .idtimg13 {
    background-image: url(../images/GearShifts_wide_1920x1080.jpg);
    width: 466px;
    height: 373px;
    float: right;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    margin-right: -600px;
    display: none;
    background-image: url(../images/SteeringCntrl_wide_1920x1080.jpg);
  }
  .ccl-iso .idtimg14 {
    width: 600px;
    float: right;
    margin-top: 180px;
    margin-right: -400px;
    background-image: url(../images/SteeringCntrl_closeUp_1920x1080.jpg);
  }
  .ccl-iso .currentidt {
    display: block;
  }
  .ccl-iso .thermalmain {
    /*margin-top:400px;*/
  }
  .ccl-iso .bg1 {
    height: 1147px;
    background-image: linear-gradient(to right, #0057b8 0%, #63cfbb 100%);
  }
  .ccl-iso .bg2 {
    height: 492px;
  }
  .ccl-iso .bg3 {
    z-index: -2;
    width: 100%;
  }
  .ccl-iso .bg4 {
    height: 1280px;
    background-image: linear-gradient(to right, #0057b8 0%, #63cfbb 100%);
  }
  .ccl-iso .whiteboxarea {
    background: white;
    width: 500px;
    padding: 55px;
    margin: 116px 0px 0px 76px;
    border-radius: 13px;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    max-width: unset;
  }
  .ccl-iso .whiteboxarea2 {
    background: white;
    width: 500px;
    padding: 55px;
    margin: 256px 0px 0px 76px;
    border-radius: 13px;
    float: right;
    max-width: unset;
  }
  .ccl-iso .colouredbackground {
    background-image: linear-gradient(to bottom, #0057b8 0%, #63cfbb 100%);
    display: block;
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    right: 30px;
    width: 60%;
    /*height: 930px;*/
    height: 830px;
    border-radius: 0px;
    margin-top: -473px;
  }
  .ccl-iso .mcgaviganlist1 {
    font-size: 20px;
    line-height: 50px;
    justify-content: center;
    text-align: center;
    list-style: none;
    padding: 0px;
    margin-left: -206px;
    margin-top: 63px;
  }
  .ccl-iso .automotiveproductscontainer {
    width: 1200px;
    margin: auto;
    height: 800px;
    padding-top: 75px;
    padding-left: 0%;
    padding-right: 0%;
  }
  .ccl-iso .automotiveproductscontainer2 {
    width: 1200px;
    margin: auto;
    height: 800px;
    padding-left: 0%;
    padding-right: 0%;
  }
  .ccl-iso .automotiveproductsbgsection3 {
    background: #262626;
    width: 100%;
    z-index: 1;
  }
  .ccl-iso .automotiveproductscontainer3 {
    position: absolute;
    width: 100%;
    z-index: 0;
    height: 1040px;
    padding-left: 0%;
    padding-right: 0%;
  }
  .ccl-iso .autosubcontainer {
    width: 1200px;
    margin: auto;
    height: 800px;
    margin-top: 235px;
    padding-left: 0%;
    padding-right: 0%;
  }
  .ccl-iso .textarea1 {
    /*margin: 100px 0px 0px 15%;
    position: absolute;*/
    color: white;
    width: 492px;
    position: absolute;
  }
  .ccl-iso .idt-list {
    padding-left: 20px;
  }
  .ccl-iso .mcgaviganimg1 {
    background-image: url(../images/mcgavigan-centre-console-parts.jpg);
    width: 466px;
    height: 373px;
    float: right;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    margin-right: -600px;
    display: block;
  }
  .ccl-iso .mcgaviganimg2 {
    background-image: url(../images/mcgavigan-centre-console-parts.jpg);
    width: 466px;
    height: 373px;
    float: right;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    margin-right: -600px;
    display: block;
    background-image: url(../images/automotive-dashboard-display.jpg);
    margin-top: 231px;
    height: 312px;
    margin-right: -287px;
  }
  .ccl-iso .mcgaviganimg3 {
    background-image: url(../images/mcgavigan-centre-console-parts.jpg);
    width: 466px;
    height: 373px;
    float: right;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    margin-right: -600px;
    display: block;
    background-image: url(../images/mcgavigan-dashbooard-infotainment-part.jpg);
    margin-top: 466px;
    margin-right: -686px;
    width: 419px;
    height: 265px;
  }
  .ccl-iso .mcgaviganimg4 {
    background-image: url(../images/mcgavigan-centre-console-parts.jpg);
    width: 466px;
    height: 373px;
    float: right;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    margin-right: -600px;
    display: block;
    background-image: url(../images/gear-shift-mcgavigan-part.jpg);
    margin-top: -257px;
    height: 372px;
    margin-right: 0px;
  }
  .ccl-iso .mcgaviganimg5 {
    background-image: url(../images/mcgavigan-centre-console-parts.jpg);
    width: 466px;
    height: 373px;
    float: right;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    margin-right: -600px;
    display: block;
    background-image: url(../images/automatic-gear-stick.jpg);
    margin-right: -237px;
    margin-top: -21px;
    height: 310px;
  }
  .ccl-iso .mcgaviganimg6 {
    background-image: url(../images/decorative-interior-trim-3.jpg);
    display: block;
    width: 466px;
    height: 310px;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    float: left;
  }
  .ccl-iso .mcgaviganimg7 {
    background-image: url(../images/decorative-interior-trim-3.jpg);
    display: block;
    width: 466px;
    height: 310px;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    float: left;
    background-image: url(../images/decorative-interior-trim-2.jpg);
    margin-left: 271px;
    margin-top: -494px;
  }
  .ccl-iso .venrayimg3 {
    background-image: url(../images/mcgavigan-centre-console-parts.jpg);
    width: 466px;
    height: 373px;
    float: right;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    margin-right: -600px;
    display: block;
    background-image: url(../images/treadplate-generic.jpg);
    margin-top: -257px;
    height: 372px;
    margin-right: 0px;
  }
  .ccl-iso .venrayimg4 {
    background-image: url(../images/mcgavigan-centre-console-parts.jpg);
    width: 466px;
    height: 373px;
    float: right;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    margin-right: -600px;
    display: block;
    background-image: url(../images/treadplate-ccl.jpg);
    margin-right: -237px;
    margin-top: -21px;
    height: 310px;
  }
  .ccl-iso .mcgaviganboxdetail {
    background-image: url(../images/mcgavigan-centre-console-parts.jpg);
    width: 466px;
    height: 373px;
    float: right;
    margin-top: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 8px 15px -8px #0000007a;
    -moz-box-shadow: 0 8px 15px -8px #0000007a;
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    z-index: 2;
    margin-right: -600px;
    /*background-image: linear-gradient(to bottom, #92fe9d 0%, #00c9ff 100%);*/
    background-image: none;
    z-index: 1;
    width: 628px;
    height: 526px;
    border-radius: 0px;
    margin-top: 122px;
    margin-right: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    display: block;
  }
  .ccl-iso .diagonallines {
    background: #02cafe;
    transform: skew(-45deg);
    width: 2px;
    float: left;
    margin-right: 7px;
    animation: lineheight 0.8s infinite;
    animation-timing-function: linear;
    margin-top: 26px;
  }
@-webkit-keyframes lineheight {
    0% {
        height: 81%;
    }
    100% {
        height: 100%;
    }
}
  .ccl-iso .linesbgcontainer {
    height: 96px;
    width: 630px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 49px;
    margin-left: -126px;
    z-index: 0;
    clip-path: polygon(16% 32%, 66% 29%, 66% 82%, 16% 81%);
  }
  .ccl-iso .mcgavigantitle1 {
    font-size: 3em;
    margin-bottom: 0px;
    width: 300px;
    z-index: 6;
    position: absolute;
    margin-top: 47px;
    text-align: left;
    margin-left: unset;
  }
  .ccl-iso .mcgavigantitle2 {
    font-size: 3em;
    margin-bottom: 0px;
    width: 300px;
    z-index: 6;
    position: absolute;
    margin-top: 47px;
    text-align: left;
    margin-left: unset;
    position: unset;
    margin: 0px;
    color: #4d4d4d;
    font-size: 2em;
  }
}


@media (min-width: 1430px) {
  .ccl-iso .bp-ds {
    width: 570px;
    height: 147px;
  }
  .ccl-iso .bp-info1 {
    margin-left: 83px;
    margin-top: -2px;
  }
  .ccl-iso .bp-info2 {
    margin-left: 181px;
    margin-top: -2px;
  }
  .ccl-iso .bp-info3 {
    margin-left: 330px;
    margin-top: 6px;
  }
  .ccl-iso .bp-info4 {
    margin-left: 433px;
    margin-top: -2px;
  }
  .ccl-iso .bp-info5 {
    margin-left: 502px;
    margin-top: 15px;
  }
  .ccl-iso .bp-info6 {
    margin-left: 502px;
    margin-top: 91px;
  }
  .ccl-iso .bp-info7 {
    margin-left: 313px;
    margin-top: 107px;
  }
  .ccl-iso .bp-info8 {
    margin-left: 82px;
    margin-top: 98px;
  }
  .ccl-iso .bp-info9 {
    margin-left: -3px;
    margin-top: 55px;
  }
  .ccl-iso .newscolumnmain {
    width: 1250px;
    margin: auto;
  }
  .ccl-iso .newscolumn1 {
    width: 999px;
    float: left;
    min-height: 1px;
  }
  .ccl-iso .newscolumn2 {
    width: 240px;
    float: left;
  }
}
@media (min-width: 320px) and (min-height: 540px) {
  .ccl-iso .contactus {
    margin-left: calc(50% - 75px);
  }

  .ccl-iso .scroll1 {
    left: 50%;
  }
}
@media (min-width: 320px) and (min-height: 600px) {
  .ccl-iso .scroll1 {
    padding-top: 15vh;
  }
  /*.ccl-iso .para1 {
    font-size: 15px;
  }
  .ccl-iso .para2 {
    font-size: 15px;
  }*/
  .ccl-iso .heading {
    font-size: 24px;
    margin-top: -17px;
  }
}
@media (min-width: 320px) and (min-height: 670px) {
  .ccl-iso .heading {
    margin-top: 32px;
  }
}
@media (min-width: 320px) and (min-height: 800px) {
  .ccl-iso .heading {
    margin-top: 32px;
    font-size: 35px;
  }
  .ccl-iso .para1 {
    margin-top: 50px;
  }
  .ccl-iso .contactus {
    margin-top: 40px;
  }

}
@media (min-width: 320px) and (min-height: 900px) {
  .ccl-iso .heading {
    margin-top: 36px;
    font-size: 40px;
  }
  .ccl-iso .para1 {
    /*font-size: 16px;*/
  }
  .ccl-iso .para2 {
    /*font-size: 16px;*/
  }
  .ccl-iso .contactus {
    margin-top: 62px;
  }

}
@media (min-width: 366px) and (min-height: 480px) {
  .ccl-iso .contactus {
    margin-left: calc(50% - 75px);
  }

  .ccl-iso .scroll1 {
    left: 50%;
  }
}
@media (min-width: 480px) and (min-height: 480px) {
  .ccl-iso .heading {
    font-size: 28px;
    margin-top: -15px;
  }
}
@media (min-width: 480px) and (min-height: 550px) {
  .ccl-iso .heading {
    margin-top: 0px;
  }
  .ccl-iso .para2 {
    /*font-size: 15px;*/
  }
  .ccl-iso .para1 {
    /*font-size: 15px;*/
    margin-top: 34px;
  }
}
@media (min-width: 480px) and (min-height: 650px) {
  .ccl-iso .heading {
    font-size: 44px;
    margin-top: 0px;
  }
  .ccl-iso .para2 {
    /*font-size: 16px;*/
  }
  .ccl-iso .para1 {
    /*font-size: 16px;*/
    margin-top: 34px;
  }
  .ccl-iso .contactus {
    margin-top: 45px;
  }

}
@media (min-width: 480px) and (min-height: 750px) {
  .ccl-iso .para2 {
    margin-left: 6%;
    margin-right: 6%;
  }
  .ccl-iso .para1 {
    margin-left: 6%;
    margin-right: 6%;
    margin-top: 60px;
  }
  .ccl-iso .contactus {
    margin-top: 90px;
  }

}
@media (min-width: 480px) and (min-height: 750px) {
  .ccl-iso .heading {
    margin-top: 50px;
  }
}
@media (min-width: 480px) and (min-height: 850px) {
  .ccl-iso .para1 {
    /*font-size: 18px;*/
  }
  .ccl-iso .para2 {
    /*font-size: 18px;*/
  }
}
@media (min-width: 480px) and (min-height: 950px) {
  .ccl-iso .para1 {
    /*font-size: 20px;*/
  }
  .ccl-iso .para2 {
    /*font-size: 20px;*/
  }
  .ccl-iso .heading {
    font-size: 55px;
  }
}
@media (min-width: 600px) and (min-height: 420px) {
  .ccl-iso .contactus {
    margin-left: calc(50% - 75px);
  }

  .ccl-iso .scroll1 {
    left: 50%;
    padding-top: 15vh;
  }
  .ccl-iso .para1 {
    margin-top: 30px;
  }
}
@media (min-width: 600px) and (min-height: 650px) {
  .ccl-iso .heading {
    font-size: 44px;
  }
}
@media (min-width: 600px) and (min-height: 750px) {
  .ccl-iso .para1 {
    margin-top: 60px;
  }
  .ccl-iso .safetylist1 {
    width: 600px;
  }
}
@media (min-width: 600px) and (min-height: 950px) {
  .ccl-iso .heading {
    font-size: 55px;
  }
}
@media (min-width: 750px) and (min-height: 360px) {
  .ccl-iso .contactus {
    margin-left: calc(50% - 75px);
  }

  .ccl-iso .scroll1 {
    left: 50%;
    padding-top: 15vh;
  }
}
@media (min-width: 750px) and (min-height: 400px) {
  .ccl-iso .heading {
    font-size: 32px;
  }
  .ccl-iso .para2 {
    margin-left: 4%;
    margin-right: 4%;
  }
  .ccl-iso .para1 {
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 35px;
  }
}
@media (min-width: 750px) and (min-height: 500px) {
  .ccl-iso .heading {
    font-size: 36px;
    margin-top: 0px;
  }
  .ccl-iso .para1 {
    /*font-size: 16px;*/
  }
  .ccl-iso .para2 {
    /*font-size: 16px;*/
  }
}
@media (min-width: 750px) and (min-height: 600px) {
  .ccl-iso .heading {
    font-size: 45px;
    margin-top: 24px;
  }
  .ccl-iso .para2 {
    /*font-size: 18px;*/
  }
  .ccl-iso .para1 {
    /*font-size: 18px;*/
  }
}
@media (min-width: 750px) and (min-height: 750px) {
  .ccl-iso .heading {
    font-size: 60px;
  }
  .ccl-iso .para1 {
    margin-top: 44px;
  }
}
@media (min-width: 850px) and (min-height: 480px) {
  .ccl-iso .heading {
    font-size: 50px;
  }
  .ccl-iso .para1 {
    /*font-size: 17px;*/
  }
  .ccl-iso .para2 {
    /*font-size: 17px;*/
  }
  .ccl-iso .contactus {
    margin-top: 20px;
  }

  .ccl-iso .scroll1 {
    padding-top: 15vh;
  }
}
@media (min-width: 850px) and (min-height: 650px) {
  .ccl-iso .heading {
    font-size: 55px;
    margin-top: 10px;
  }
  .ccl-iso .para2 {
    /*font-size: 18px;*/
  }
  .ccl-iso .para1 {
    /*font-size: 18px;*/
  }
  .ccl-iso .scroll1 {
    padding-top: 15vh;
  }
}
@media (min-width: 850px) and (min-height: 750px) {
  .ccl-iso .heading {
    margin-top: 32px;
    font-size: 70px;
  }
  .ccl-iso .para1 {
    /*font-size: 20px;*/
  }
  .ccl-iso .para2 {
    /*font-size: 20px;*/
  }
}
@media (min-width: 950px) and (min-height: 450px) {
  .ccl-iso .heading {
    font-size: 50px;
  }
  .ccl-iso .para1 {
    /*font-size: 17px;*/
  }
  .ccl-iso .para2 {
    /*font-size: 17px;*/
  }
}
@media (min-width: 950px) and (min-height: 650px) {
  .ccl-iso .heading {
    font-size: 60px;
  }
  .ccl-iso .para2 {
    /*font-size: 20px;*/
  }
  .ccl-iso .para1 {
    /*font-size: 20px;*/
  }
}
@media (min-width: 950px) and (min-height: 650px) {
  .ccl-iso .heading {
    margin-top: 55px;
  }
}
@media (min-width: 950px) and (min-height: 550px) {
  .ccl-iso .heading {
    font-size: 58px;
    margin-top: 12px;
  }
}
@media (min-width: 950px) and (min-height: 650px) {
  .ccl-iso .para1 {
    margin-top: 26px;
  }
  .ccl-iso .heading {
    font-size: 70px;
  }
}
@media (min-width: 950px) and (min-height: 650px) {
  .ccl-iso .heading {
    margin-top: 38px;
  }
  .ccl-iso .para1 {
    margin-top: 38px;
  }
}
@media (max-width: 1000px) {
  .ccl-iso .module {
    width: 90%;
    margin: 30px auto 30px auto;
  }
  .ccl-iso .module-flex {
    display: block;
  }
}
@media (min-width: 1200px) and (min-height: 540px) {
  .ccl-iso .heading {
    margin-top: 28px;
  }
  .ccl-iso .para2 {
    width: 1100px;
    margin: auto;
  }
  .ccl-iso .para1 {
    width: 1100px;
    margin: auto;
    margin-top: 50px;
  }
}
@media (min-width: 1200px) and (min-height: 650px) {
  .ccl-iso .heading {
    margin-top: 44px;
  }
  .ccl-iso .para1 {
    margin-top: 50px;
  }
}
@media (min-width: 1200px) and (min-height: 750px) {
  .ccl-iso .para1 {
    margin-top: 76px;
  }
  .ccl-iso .heading {
    margin-top: 62px;
  }
}
@media (min-width: 1200px) and (min-height: 840px) {
  .ccl-iso .heading {
    margin-top: 100px;
  }
}
@media (min-width: 1080px) and (min-height: 870px) {
  .ccl-iso .modalimgsettings {
    border-radius: 40px 0px 0px 40px;
  }
  .ccl-iso .singapore-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/Singapore-Site.jpg);
  }
  .ccl-iso .haian-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/haian-Site.jpg);
  }
  .ccl-iso .kunshan-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/kunshan-Site.jpg);
  }
  .ccl-iso .thailand-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/thailand-Site.jpg);
  }
  .ccl-iso .saopaulo-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/saopaulo-Site.jpg);
  }
  .ccl-iso .johor-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/johor-Site.jpg);
  }
  .ccl-iso .kualalumpur-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/kualalumpur-Site.jpg);
  }
  .ccl-iso .penang-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/penang-Site.jpg);
  }
  .ccl-iso .hochiminhcity-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/hochiminhcity-Site.jpg);
  }
  .ccl-iso .bangkok-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/bangkok-Site.jpg);
  }
  .ccl-iso .shenzhen-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/shenzhen-Site.jpg);
  }
  .ccl-iso .zhongshan-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/zhongshan-Site.jpg);
  }
  .ccl-iso .guangzhou-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/guangzhou-Site.jpg);
  }
  .ccl-iso .chongqing-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/chongqing-Site.jpg);
  }
  .ccl-iso .chengdu-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/chengdu-Site.jpg);
  }
  .ccl-iso .hanoi-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/hanoi-Site.jpg);
  }
  .ccl-iso .suzhou-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/suzhou-Site.jpg);
  }
  .ccl-iso .chennai-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/chennai-Site.jpg);
  }
  .ccl-iso .eastkilbride-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/eastkilbride-Site.jpg);
  }
  .ccl-iso .chippenham-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/chippenham-Site.jpg);
  }
  .ccl-iso .israel-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/telaviv-Site.jpg);
  }
  .ccl-iso .solingen-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/solingen-Site.jpg);
  }
  .ccl-iso .venray-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/venray-Site.jpg);
  }
  .ccl-iso .munich-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/munich-Site.jpg);
  }
  .ccl-iso .stuttgart-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/stuttgart-Site.jpg);
  }
  .ccl-iso .nuremberg-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/nuremberg-Site.jpg);
  }
  .ccl-iso .hungary-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/hungary-Site.jpg);
  }
  .ccl-iso .santaclara-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/santaclara-Site.jpg);
  }
  .ccl-iso .guadalajara-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/guadalajara-Site.jpg);
  }
  .ccl-iso .guanajuato-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/guanajuato-Site.jpg);
  }
  .ccl-iso .sanluispotosi-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/sanluispotosi-Site.jpg);
  }
  .ccl-iso .clinton-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/clinton-Site.jpg);
  }
  .ccl-iso .strongsville-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/strongsville-Site.jpg);
  }
  .ccl-iso .italy-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/milan-Site.jpg);
  }
  .ccl-iso .taipei-modalimg {
    border-radius: 40px 0px 0px 40px;
    background-image: url(../images/taipei-Site.jpg);
  }
  .ccl-iso .modalrightside {
    padding: 40px;
    height: 100%;
    width: calc(60% - 40px);
  }
  .ccl-iso .modallist {
    font-size: 26px;
  }
  .ccl-iso .modallist li {
    margin-bottom: 10px;
  }
  .ccl-iso .modalheader {
    font-size: 40px;
  }
  .ccl-iso .modalrightside2 {
    padding: 40px;
    height: 100%;
    width: calc(60% - 40px);
  }
  .ccl-iso .mappins {
    width: 44px;
  }
  .ccl-iso .worldpinsettings {
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 46px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
  }
  .ccl-iso .worldpinsettings:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .worldpinsettings:hover {
    transform: scale(1.1);
  }
  .ccl-iso .asean {
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 46px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
    margin-left: 809px;
    margin-top: 423px;
  }
  .ccl-iso .asean:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .asean:hover {
    transform: scale(1.1);
  }
  .ccl-iso .asean:hover {
    margin-top: 419px;
  }
  .ccl-iso .greaterchina {
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 46px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
    margin-left: 677px;
    margin-top: 300px;
  }
  .ccl-iso .greaterchina:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .greaterchina:hover {
    transform: scale(1.1);
  }
  .ccl-iso .greaterchina:hover {
    margin-top: 296px;
  }
  .ccl-iso .eu {
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 46px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
    margin-left: 456px;
    margin-top: 204px;
  }
  .ccl-iso .eu:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .eu:hover {
    transform: scale(1.1);
  }
  .ccl-iso .eu:hover {
    margin-top: 200px;
  }
  .ccl-iso .americas {
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 46px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
    margin-left: 40px;
    margin-top: 250px;
  }
  .ccl-iso .americas:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .americas:hover {
    transform: scale(1.1);
  }
  .ccl-iso .americas:hover {
    margin-top: 246px;
  }
  .ccl-iso .southamerica {
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 46px;
    position: absolute;
    background: #0057b8;
    color: white;
    cursor: pointer;
    margin-left: 73px;
    margin-top: 460px;
  }
  .ccl-iso .southamerica:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    margin-top: -1px;
    border-style: solid;
    border-color: #0057b8 transparent transparent transparent;
  }
  .ccl-iso .southamerica:hover {
    transform: scale(1.1);
  }
  .ccl-iso .southamerica:hover {
    margin-top: 456px;
  }
  .ccl-iso .chennai-india {
    margin-left: 15px;
    margin-top: 171px;
  }
  .ccl-iso .chennai-india:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(171px - 4px);
  }
  .ccl-iso .bangkok {
    margin-left: 491px;
    margin-top: 420px;
  }
  .ccl-iso .bangkok:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(420px - 4px);
  }
  .ccl-iso .penang {
    margin-left: 498px;
    margin-top: 369px;
  }
  .ccl-iso .penang:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(369px - 4px);
  }
  .ccl-iso .thailand {
    margin-left: 492px;
    margin-top: 174px;
  }
  .ccl-iso .thailand:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: 170px;
  }
  .ccl-iso .johor {
    margin-left: 545px;
    margin-top: calc(417px + 25px);
  }
  .ccl-iso .johor:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(417px + 21px);
  }
  .ccl-iso .kualalumpur {
    margin-left: 520px;
    margin-top: calc(417px - 10px);
  }
  .ccl-iso .kualalumpur:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(417px - 14px);
  }
  .ccl-iso .singapore {
    margin-left: 580px;
    margin-top: 455px;
  }
  .ccl-iso .singapore:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(455px - 4px);
  }
  .ccl-iso .hochiminhcity {
    margin-left: 639px;
    margin-top: 235px;
  }
  .ccl-iso .hochiminhcity:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(235px - 4px);
  }
  .ccl-iso .shenzhen {
    margin-left: 806px;
    margin-top: 492px;
  }
  .ccl-iso .shenzhen:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(492px - 4px);
  }
  .ccl-iso .zhongshan {
    margin-left: 773px;
    margin-top: 500px;
  }
  .ccl-iso .zhongshan:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(500px - 4px);
  }
  .ccl-iso .guangzhou {
    margin-left: 806px;
    margin-top: 492px;
  }
  .ccl-iso .guangzhou:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(492px - 4px);
  }
  .ccl-iso .chongqing {
    margin-left: 632px;
    margin-top: 324px;
  }
  .ccl-iso .chongqing:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(324px - 4px);
  }
  .ccl-iso .chengdu {
    margin-left: 632px;
    margin-top: 324px;
  }
  .ccl-iso .chengdu:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(324px - 4px);
  }
  .ccl-iso .hanoi {
    margin-left: 609px;
    margin-top: -11px;
  }
  .ccl-iso .hanoi:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(-11px - 4px);
  }
  .ccl-iso .suzhou {
    margin-left: 914px;
    margin-top: 260px;
  }
  .ccl-iso .suzhou:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(260px - 4px);
  }
  .ccl-iso .haian {
    margin-left: 888px;
    margin-top: 231px;
  }
  .ccl-iso .haian:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(231px - 4px);
  }
  .ccl-iso .kunshan {
    margin-left: 945px;
    margin-top: calc(231px + 25px);
  }
  .ccl-iso .kunshan:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(231px + 21px);
  }
  .ccl-iso .taipei {
    margin-left: 971px;
    margin-top: 428px;
  }
  .ccl-iso .taipei:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(428px - 4px);
  }
  .ccl-iso .eastkilbride {
    margin-left: 45px;
    margin-top: 76px;
  }
  .ccl-iso .eastkilbride:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(76px - 4px);
  }
  .ccl-iso .chippenham {
    margin-left: 92px;
    margin-top: 195px;
  }
  .ccl-iso .chippenham:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(195px - 4px);
  }
  .ccl-iso .israel {
    margin-left: 784px;
    margin-top: 642px;
  }
  .ccl-iso .israel:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(642px - 4px);
  }
  .ccl-iso .solingen {
    margin-left: 256px;
    margin-top: 184px;
  }
  .ccl-iso .solingen:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(184px - 4px);
  }
  .ccl-iso .venray {
    margin-left: 256px;
    margin-top: 184px;
  }
  .ccl-iso .venray:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(184px - 4px);
  }
  .ccl-iso .saopaulo {
    margin-left: 804px;
    margin-top: 438px;
  }
  .ccl-iso .saopaulo:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(438px - 4px);
  }
  .ccl-iso .munich {
    margin-left: 326px;
    margin-top: 292px;
  }
  .ccl-iso .munich:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(292px - 4px);
  }
  .ccl-iso .stuttgart {
    margin-left: 282px;
    margin-top: 272px;
  }
  .ccl-iso .stuttgart:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(272px - 4px);
  }
  .ccl-iso .nuremberg {
    margin-left: 321px;
    margin-top: 217px;
  }
  .ccl-iso .nuremberg:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(217px - 4px);
  }
  .ccl-iso .hungary {
    margin-left: 452px;
    margin-top: 319px;
  }
  .ccl-iso .hungary:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(319px - 4px);
  }
  .ccl-iso .italy {
    margin-left: 293px;
    margin-top: 344px;
  }
  .ccl-iso .italy:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(344px - 4px);
  }
  .ccl-iso .santaclara {
    margin-left: 36px;
    margin-top: 219px;
  }
  .ccl-iso .santaclara:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(219px - 4px);
  }
  .ccl-iso .guadalajara {
    margin-left: 340px;
    margin-top: 661px;
  }
  .ccl-iso .guadalajara:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(661px - 4px);
  }
  .ccl-iso .guanajuato {
    margin-left: 411px;
    margin-top: 644px;
  }
  .ccl-iso .guanajuato:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(644px - 4px);
  }
  .ccl-iso .sanluispotosi {
    margin-left: 383px;
    margin-top: 600px;
  }
  .ccl-iso .sanluispotosi:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(600px - 4px);
  }
  .ccl-iso .clinton {
    margin-left: 808px;
    margin-top: 336px;
  }
  .ccl-iso .clinton:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(336px - 4px);
  }
  .ccl-iso .strongsville {
    margin-left: 865px;
    margin-top: 152px;
  }
  .ccl-iso .strongsville:hover {
    cursor: pointer;
    transform: scale(1.1);
    margin-top: calc(152px - 4px);
  }
  .ccl-iso .tooltip-padding-fontsize {
    padding: 20px;
    font-size: 42px;
  }
  .ccl-iso .tooltipsettings {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
  }
  .ccl-iso .tooltipsettings:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltipsettings-rightpopup {
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
  }
  .ccl-iso .tooltipsettings-rightpopup:after {
    content: "";
    right: 99%;
    margin-top: -14px;
    border-width: 14px;
    position: absolute;
    top: 50%;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }
  .ccl-iso .tooltipsettings-leftpopup {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
  }
  .ccl-iso .tooltipsettings-leftpopup:after {
    content: "";
    left: 82%;
    margin-top: -9px;
    border-width: 9px;
    position: absolute;
    top: 22%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-chennai {
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 20px;
    font-size: 42px;
    margin-left: 125px;
    margin-top: calc(171px - 30px);
  }
  .ccl-iso .tooltip-chennai:after {
    content: "";
    right: 99%;
    margin-top: -14px;
    border-width: 14px;
    position: absolute;
    top: 50%;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }
  .ccl-iso .tooltip-bangkok {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 309px;
    margin-top: calc(420px - 103px);
  }
  .ccl-iso .tooltip-bangkok:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-penang {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 326px;
    margin-top: calc(369px - 103px);
  }
  .ccl-iso .tooltip-penang:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-johor {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 381px;
    margin-top: calc(417px - 103px);
  }
  .ccl-iso .tooltip-johor:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-singapore {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 475px;
    margin-top: calc(455px - 103px);
  }
  .ccl-iso .tooltip-singapore:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-hochiminhcity {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 367px;
    margin-top: calc(235px - 103px);
  }
  .ccl-iso .tooltip-hochiminhcity:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-shenzhen {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 575px;
    margin-top: calc(492px - 103px);
  }
  .ccl-iso .tooltip-shenzhen:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-zhongshan {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 575px;
    margin-top: calc(500px - 103px);
  }
  .ccl-iso .tooltip-zhongshan:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-chongqing {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 20px;
    font-size: 42px;
    margin-left: 171px;
    margin-top: calc(324px - 30px);
  }
  .ccl-iso .tooltip-chongqing:after {
    content: "";
    left: 82%;
    margin-top: -9px;
    border-width: 9px;
    position: absolute;
    top: 22%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-hanoi {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 448px;
    margin-top: calc(-11px - 103px);
  }
  .ccl-iso .tooltip-hanoi:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-suzhou {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 20px;
    font-size: 42px;
    margin-left: 506px;
    margin-top: calc(260px - 24px);
  }
  .ccl-iso .tooltip-suzhou:after {
    content: "";
    left: 82%;
    margin-top: -9px;
    border-width: 9px;
    position: absolute;
    top: 22%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-haian {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 20px;
    font-size: 42px;
    margin-left: 495px;
    margin-top: calc(231px - -2px);
  }
  .ccl-iso .tooltip-haian:after {
    content: "";
    left: 82%;
    margin-top: -9px;
    border-width: 9px;
    position: absolute;
    top: 22%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-haian:after {
    margin-top: -40px;
  }
  .ccl-iso .tooltip-taipei {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 20px;
    font-size: 42px;
    margin-left: 405px;
    margin-top: calc(428px - 27px);
  }
  .ccl-iso .tooltip-taipei:after {
    content: "";
    left: 82%;
    margin-top: -9px;
    border-width: 9px;
    position: absolute;
    top: 22%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-EastKilbride {
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 20px;
    font-size: 42px;
    margin-left: 103px;
    margin-top: calc(76px - 30px);
  }
  .ccl-iso .tooltip-EastKilbride:after {
    content: "";
    right: 99%;
    margin-top: -14px;
    border-width: 14px;
    position: absolute;
    top: 50%;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }
  .ccl-iso .tooltip-Chippenham {
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 20px;
    font-size: 42px;
    margin-left: 149px;
    margin-top: calc(195px - 30px);
  }
  .ccl-iso .tooltip-Chippenham:after {
    content: "";
    right: 99%;
    margin-top: -14px;
    border-width: 14px;
    position: absolute;
    top: 50%;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }
  .ccl-iso .tooltip-israel {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 644px;
    margin-top: calc(642px - 103px);
  }
  .ccl-iso .tooltip-israel:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-solingen {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 66px;
    margin-top: calc(184px - 103px);
  }
  .ccl-iso .tooltip-solingen:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-munich {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 150px;
    margin-top: calc(292px - 103px);
  }
  .ccl-iso .tooltip-munich:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-stuttgart {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 90px;
    margin-top: calc(272px - 103px);
  }
  .ccl-iso .tooltip-stuttgart:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-nuremberg {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 103px;
    margin-top: calc(217px - 103px);
  }
  .ccl-iso .tooltip-nuremberg:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-hungary {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 252px;
    margin-top: calc(319px - 103px);
  }
  .ccl-iso .tooltip-hungary:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-italy {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 185px;
    margin-top: calc(344px - 103px);
  }
  .ccl-iso .tooltip-italy:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-santaclara {
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 20px;
    font-size: 42px;
    margin-left: 94px;
    margin-top: calc(219px - 30px);
  }
  .ccl-iso .tooltip-santaclara:after {
    content: "";
    right: 99%;
    margin-top: -14px;
    border-width: 14px;
    position: absolute;
    top: 50%;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }
  .ccl-iso .tooltip-guadalajara {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 137px;
    margin-top: calc(661px - 103px);
  }
  .ccl-iso .tooltip-guadalajara:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-guanajuato {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 212px;
    margin-top: calc(644px - 103px);
  }
  .ccl-iso .tooltip-guanajuato:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-sanluispotosi {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 212px;
    margin-top: calc(600px - 103px);
  }
  .ccl-iso .tooltip-sanluispotosi:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-clinton {
    padding: 20px;
    font-size: 42px;
    z-index: 1;
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    color: #4d4d4d;
    margin-left: 682px;
    margin-top: calc(336px - 103px);
  }
  .ccl-iso .tooltip-clinton:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  .ccl-iso .tooltip-strongsville {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 20px;
    font-size: 42px;
    margin-right: 187px;
    margin-top: calc(152px - 28px);
  }
  .ccl-iso .tooltip-strongsville:after {
    content: "";
    left: 82%;
    margin-top: -9px;
    border-width: 9px;
    position: absolute;
    top: 22%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .tooltip-saopaulo {
    z-index: 1;
    display: none;
    float: right;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #4d4d4d;
    padding: 20px;
    font-size: 42px;
    margin-right: 252px;
    margin-top: calc(438px - 28px);
  }
  .ccl-iso .tooltip-saopaulo:after {
    content: "";
    left: 82%;
    margin-top: -9px;
    border-width: 9px;
    position: absolute;
    top: 22%;
    border-style: solid;
    border-color: transparent transparent transparent white;
  }
  .ccl-iso .mapsection {
    width: 1040px;
    margin: auto;
    margin-top: 20px;
  }
  .ccl-iso .mapcontainer {
    background: #e0eff4;
    width: 1040px;
    height: 770px;
    float: left;
    border-radius: 40px;
  }
  .ccl-iso .mapcontainersettings {
    position: absolute;
    display: none;
  }
  .ccl-iso .worldmapsection {
    background: #e0eff4;
    width: 1040px;
    height: 770px;
    float: left;
    border-radius: 40px;
    -webkit-box-shadow: 0 18px 15px -13px #777;
    -moz-box-shadow: 0 18px 15px -13px #777;
    box-shadow: 0 18px 15px -13px #777;
  }
  .ccl-iso .aseanmapsection {
    background: #e0eff4;
    width: 1040px;
    height: 770px;
    float: left;
    border-radius: 40px;
    position: absolute;
    display: none;
  }
  .ccl-iso .greaterchinamapsection {
    background: #e0eff4;
    width: 1040px;
    height: 770px;
    float: left;
    border-radius: 40px;
    position: absolute;
    display: none;
  }
  .ccl-iso .eumapsection {
    background: #e0eff4;
    width: 1040px;
    height: 770px;
    float: left;
    border-radius: 40px;
    position: absolute;
    display: none;
  }
  .ccl-iso .americasmapsection {
    background: #e0eff4;
    width: 1040px;
    height: 770px;
    float: left;
    border-radius: 40px;
    position: absolute;
    display: none;
  }
  .ccl-iso .southamericamapsection {
    background: #e0eff4;
    width: 1040px;
    height: 770px;
    float: left;
    border-radius: 40px;
    position: absolute;
    display: none;
  }
  .ccl-iso .modalpopup {
    background: #e0eff4;
    width: 1040px;
    height: 770px;
    float: left;
    border-radius: 40px;
    position: absolute;
    display: none;
  }
  .ccl-iso .map {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
  }
  .ccl-iso .worldmap {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
    background-image: url(../images/worldmap.png);
  }
  .ccl-iso .aseanmap {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
    background-image: url(../images/asean.png);
  }
  .ccl-iso .greaterchinamap {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
    background-image: url(../images/greaterchina.png);
  }
  .ccl-iso .eumap {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
    background-image: url(../images/eumap.png);
  }
  .ccl-iso .americasmap {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
    background-position: left;
    background-image: url(../images/americasmap.png);
  }
  .ccl-iso .southamericamap {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
    background-position: left;
    background-image: url(../images/southamericamap.png);
  }
  .ccl-iso .modalwrapper {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
    border: 10px #e0eff4 solid;
  }
}
@media (min-width: 1300px) {
  .ccl-iso .phone_container {
    width: 1200px;
  }
  .ccl-iso .layerbreak_container_phone {
    margin-top: 303px;
  }
  .ccl-iso .layerbreak_phone {
    width: 600px;
    position: absolute;
  }
  .ccl-iso .column_phone {
    width: 600px;
    float: left;
  }
  .ccl-iso .column_phone1 {
    width: 300px;
    float: left;
  }
  .ccl-iso .securitylayersection {
    height: 1000px;
  }
  .ccl-iso .phonelayersection {
    height: 1000px;
  }
  .ccl-iso .subheading {
    text-align: right;
  }
  .ccl-iso .security1 {
    padding-top: 117px;
    width: 400px;
    float: left;
    text-align: right;
  }
  .ccl-iso .security2 {
    padding-top: 248px;
    width: 400px;
    float: left;
  }
  .ccl-iso .securitylist2 {
    margin-bottom: 44px;
  }
  .ccl-iso .layerbreak_container {
    margin-top: 303px;
  }
  .ccl-iso .layerbreak {
    width: 400px;
    position: absolute;
  }
  .ccl-iso .column3 {
    width: 400px;
    float: left;
    margin-left: 0px;
  }
  .ccl-iso .securitylayermain {
    width: 1200px;
  }
}
@media (min-width: 1350px) {
  .ccl-iso .producttab_moretabs {
    width: 190px;
  }
}
@media (max-width: 1350px) {
  .ccl-iso .longTabs > .producttab {
    width: 165px;
  }
}
@media (max-width: 1182px) {
  .ccl-iso .longTabs > button > .tabcontents > .tabtxt {
    display: none;
  }

  .ccl-iso .longTabs > .producttab {
    width: unset;
  }
}
@media screen and (max-height: 740px) {
  .ccl-iso .scale {
    transform: translate(-50%, -50%) scale(0.6);
  }
}
@supports (-ms-ime-align: auto) {
  .ccl-iso {
    /* Microsoft EdgeV13&14 CSS styles go here */
  }
  .ccl-iso .info {
    background-color: #00438e;
  }
  .ccl-iso .white-info {
    background-color: white;
  }
}
@supports (-webkit-overflow-scrolling: touch) {
  .ccl-iso {
    /*
      Define here the CSS styles applied only to the Safari 9 version when
      running in iOS devices (iPhone, iPad, ...)
     */
  }
  .ccl-iso .sectionsettings {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .footer {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .row_altbg {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .row_ukbg {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .row_telavivbg {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ccl-iso .section1 {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/HomePageHeader.jpg);
    min-height: 100%;
  }
  .ccl-iso .section1_about {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/About-CCL-Design-Silkstar-Header.jpg);
    min-height: 100%;
  }
  .ccl-iso .section1_career {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/CCL-Design-Design-Centre-Suzhou-Background.jpg);
    min-height: 100%;
  }
  .ccl-iso .section1_blog {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/ccl-design-vacancies.jpg);
    min-height: 100%;
  }
  .ccl-iso .section1_ps {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/pressuresensitiveheader.png);
    min-height: 100%;
  }
  .ccl-iso .section1_idt {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/CarDashboard.jpg);
    min-height: 100%;
  }
  .ccl-iso .section1_vaa {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/capacitive-touch.jpg);
    min-height: 100%;
  }
  .ccl-iso .section1_bp {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/InvisibleFluorescencebg.png);
    min-height: 100%;
  }
  .ccl-iso .section1_pdc {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/Presicion-Die-Cuts-Header.jpg);
    min-height: 100%;
  }
  .ccl-iso .section1_ig {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/Printed-electronics-header.png);
    min-height: 100%;
  }
  .ccl-iso .section1_bd {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/Branding_and_Decorative_Laptop_dark.png);
    min-height: 100%;
  }
  .ccl-iso .section1_as {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/TyreLabels.png);
    min-height: 100%;
  }
  .ccl-iso .section1_ad {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/automotivefilm2.png);
    min-height: 100%;
  }
  .ccl-iso .section1_ms {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/lamination-header.jpg);
    min-height: 100%;
  }
  .ccl-iso .section1_dc {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/DesignCentreTaipei.jpg);
    min-height: 100%;
  }
  .ccl-iso .section2 {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
    min-height: 360px;
  }
  .ccl-iso .section2_ps {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
    min-height: 1500px;
    margin-top: 60px;
  }
  .ccl-iso .section_brandprotection2 {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    background-image: url(../images/Disassembled_Smartphone.jpg);
  }
  .ccl-iso .section2_about {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
    min-height: 1310px;
  }
  .ccl-iso .section2_careers {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
    min-height: 3250px;
  }
  .ccl-iso .section3 {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    min-height: 710px;
  }
  .ccl-iso .section3_home {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    min-height: 580px;
  }
  .ccl-iso .section3_automotive {
    background: #001e40;
    min-height: 580px;
  }
  .ccl-iso .section3_electronics {
    background: #0057b8;
    min-height: 580px;
  }
  .ccl-iso .section3_about {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/SyscoSuzhou1.png);
    display: block;
    min-height: 1020px;
  }
  .ccl-iso .section4 {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #0057b8;
    z-index: 0;
  }
  .ccl-iso .section4_diecuts {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #0057b8;
    min-height: 1000px;
    z-index: 0;
  }
  .ccl-iso .section4_designcentres {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #0057b8;
    min-height: 900px;
    z-index: 0;
  }
  .ccl-iso .section5 {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 800px;
  }
  .ccl-iso .idt-section {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 800px;
  }
  .ccl-iso .section5_designcentre {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 800px;
  }
  .ccl-iso .section6 {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
    min-height: 486px;
    margin-top: 40px;
  }
  .ccl-iso .section6_automotive {
    min-height: 650px;
  }
  .ccl-iso .section6_diecuts {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
  }
  .ccl-iso .section6_designcentre {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
    min-height: 700px;
  }
  .ccl-iso .ekbg {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/CCL-Design-East-Kilbride.jpg);
    min-height: 100%;
  }
  .ccl-iso .glasgowbg {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/glasgow-ccl-design-intelligent-decorative-technologies.jpg);
    min-height: 100%;
  }
  .ccl-iso .telavivbg {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/Tel-Aviv-Exterior.jpg);
    min-height: 100%;
  }
}
.ccl-iso .israel-site {
  background-image: url(../images/Tel-Aviv-Exterior.jpg);
}
.ccl-iso .Bangkok-site {
  background-image: url(../images/bangkok.jpg);
}
.ccl-iso .Hanoi-site {
  background-image: url(../images/hanoi.jpg);
}
.ccl-iso .Suzhou-site {
  background-image: url(../images/Suzhou.jpg);
}
.ccl-iso .shenzhen-site {
  background-image: url(../images/ShenzhenExterior.jpg);
}
.ccl-iso .zhongshan-site {
  background-image: url(../images/Hero_Zhongshan.jpg);
}
.ccl-iso .solingen-site {
  background-image: url(../images/solingen.jpg);
}
.ccl-iso .venray-site {
  background-image: url(../images/olympic.png);
}
.ccl-iso .saopaulo-site {
  background-image: url(../images/saopaulo.jpg);
}
.ccl-iso .munich-site {
  background-image: url(../images/munich.jpg);
}
.ccl-iso .stuttgart-site {
  background-image: url(../images/stuttgart.jpg);
}
.ccl-iso .nuremberg-site {
  background-image: url(../images/nuremberg.jpg);
}
.ccl-iso .tatabanya-site {
  background-image: url(../images/tatabanya.jpg);
}
.ccl-iso .clinton-site {
  background-image: url(../images/ClintonSite_1920x1080.jpg);
}
.ccl-iso .hochimihncity-site {
  background-image: url(../images/hochimihncity.jpg);
}
.ccl-iso .chongqing-site {
  background-image: url(../images/ChongqingExterior.jpg);
}
.ccl-iso .chengdu-site {
  background-image: url(../images/chengdu.jpg);
}
.ccl-iso .penang-site {
  background-image: url(../images/penang.jpg);
}
.ccl-iso .johor-site {
  background-image: url(../images/johor.jpg);
}
.ccl-iso .kualalumpur-site {
  background-image: url(../images/SEP.jpg);
  background-position:bottom;
}
.ccl-iso .guangzhou-site {
  background-image: url(../images/guangzhou.jpg);
}
.ccl-iso .singapore-site {
  background-image: url(../images/singapore.jpg);
}
.ccl-iso .chennai-site {
  background-image: url(../images/Chennai.jpg);
}
.ccl-iso .Guadalajara-site {
  background-image: url(../images/Guadalajara.jpg);
}
.ccl-iso .guanajuato-site {
  background-image: url(../images/Guanajuato.jpg);
}
.ccl-iso .sanluispotosi-site {
  background-image: url(../images/sanluispotosi.jpg);
}
.ccl-iso .brunswick-site {
  background-image: url(../images/Brunswick.jpg);
}
.ccl-iso .taipei-site {
  background-image: url(../images/taipei-taiwan-china.jpg);
}
.ccl-iso .Strongsville-site {
  background-image: url(../images/Strongsville.jpg);
}
.ccl-iso .SantaClara-site {
  background-image: url(../images/SantaClara.jpg);
}
.ccl-iso .Clinton-site {
  background-image: url(../images/ClintonSite_1920x1080.jpg);
}
.ccl-iso .milan-site {
  background-image: url(../images/milan.jpg);
}
.ccl-iso .haian-site {
  background-image: url(../images/haian.jpg);
}
.ccl-iso .kunshan-site {
  background-image: url(../images/kunshan.jpg);
}
.ccl-iso .thailand-site {
  background-image: url(../images/thailand.jpg);
}
.ccl-iso .safetybg {
  background-image: url(../images/antimicrobial_label.png);
}
.ccl-iso .automotiveheader {
  background-image: url(../images/deadfront-automotive.jpg);
}
.ccl-iso .supplierportalheader {
  background-image: url(../images/supplier-portal-global-connections-header.jpg);
}
.ccl-iso .electronicsheader {
  background-image: url(../images/electronics-header.jpg);
}
.ccl-iso .industrialheader {
  background-image: url(../images/industrial.jpg);
}
@media (max-width: 400px) {
  .ccl-iso {
    /* Style the buttons inside the tab */
    /*fix css*/
  }
  .ccl-iso .producttab {
    height: 40px;
  }
  .ccl-iso .column6 {
    padding-right: 1px;
    padding-left: 46px;
  }
  .ccl-iso .tabimg {
    width: 40px;
    height: 40px;
    float: left;
    padding: 3px;
    margin-top: 0px;
  }
  .ccl-iso .tabtxt {
    display: none;
  }

  .ccl-iso .producttabs {
    width: 100%;
    height: 40px;
  }
  .ccl-iso .producttabs2 {
    width: 100%;
    height: 40px;
  }
  .ccl-iso .producttabs3 {
    width: 46px;
  }
  .ccl-iso .producttabsbtnsettings {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 11.7px;
    font-weight: 100;
    text-align: left;
    color: #4d4d4d;
    background: #f1f1f3;
    margin-right: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .ccl-iso .producttabsbtnsettings:hover {
    background: #dedede;
    margin-top: -5px;
    height: 45px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .ccl-iso .producttabs button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 11.7px;
    font-weight: 100;
    text-align: left;
    color: #4d4d4d;
    background: #f1f1f3;
    margin-right: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .ccl-iso .producttabs button:hover {
    background: #dedede;
    margin-top: -5px;
    height: 45px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .ccl-iso .producttabs button.current {
    color: white;
    background: #0057b8;
    margin-top: -5px;
    height: 50px;
  }
  .ccl-iso .producttabs2 button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 11.7px;
    font-weight: 100;
    text-align: left;
    color: #4d4d4d;
    background: #f1f1f3;
    margin-right: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .ccl-iso .producttabs2 button:hover {
    background: #dedede;
    margin-top: -5px;
    height: 45px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .ccl-iso .producttabs2 button.current {
    color: white;
    background: #0057b8;
    margin-top: -5px;
    height: 45px;
  }
  .ccl-iso .tabcontents {
    height: 40px;
    position: relative;
  }
}
.ccl-iso .safetysolutions-header {
  text-align: center;
  margin-bottom: 50px;
}
.ccl-iso .module-flex {
  display: flex;
}
.ccl-iso .module {
  box-shadow: 0px 3px 7px 1px #dedede;
  padding: 15px;
  border-radius: 5px;
  margin: 20px;
  width: 30%;
}
.ccl-iso .moduleimg {
  width: 400px;
  float: right;
  margin-left: 10px;
}
.ccl-iso .moduleimg2 {
  display: none;
}
.ccl-iso .sides {
  width: 100%;
  min-height: 230px;
  position: relative;
  border-radius: 5px;
}
.ccl-iso .leftside {
  width: 100%;
  min-height: 230px;
  position: relative;
  border-radius: 5px;
}
.ccl-iso .rightside {
  width: 100%;
  min-height: 230px;
  position: relative;
  border-radius: 5px;
  padding: 0px 20px 20px 20px;
}
.ccl-iso .bgsettings {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .offices {
  background: url(../images/office.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 230px;
  width: 100%;
}
.ccl-iso .hospitality {
  background: url(../images/hospitality.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .transport {
  background: url(../images/transport.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .school {
  background: url(../images/school.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ccl-iso .safetyh2 {
  margin: 10px 0px 15px 0px;
  text-align: center;
}
.ccl-iso .safetylist {
  margin-bottom: 30px;
  font-size: 16px;
}
.ccl-iso .safetylist li {
  margin-top: 5px;
  margin-bottom: 5px;
}
.ccl-iso .popupstyles {
  background: white;
  width: 70%;
  min-height: 200px;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
  box-shadow: -1px 5px 30px 0px #00000047;
  padding: 20px;
}
.ccl-iso .popup1 {
  display: none;
  background: white;
  width: 70%;
  min-height: 200px;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
  box-shadow: -1px 5px 30px 0px #00000047;
  padding: 20px;
}
.ccl-iso .popup2 {
  display: none;
  background: white;
  width: 70%;
  min-height: 200px;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
  box-shadow: -1px 5px 30px 0px #00000047;
  padding: 20px;
}
.ccl-iso .popup3 {
  display: none;
  background: white;
  width: 70%;
  min-height: 200px;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
  box-shadow: -1px 5px 30px 0px #00000047;
  padding: 20px;
}
.ccl-iso .close1 {
  padding: 0px 0px 0px 28px;
  text-decoration: none;
  font-size: 25px;
  color: #3d3d3d;
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  right: calc(15% + 15px);
  top: 165px;
}
.ccl-iso .close1:hover {
  color: #b9b9b9;
}
.ccl-iso .close1:hover {
  cursor: pointer;
}
.ccl-iso .close2 {
  padding: 0px 0px 0px 28px;
  text-decoration: none;
  font-size: 25px;
  color: #3d3d3d;
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  right: calc(15% + 15px);
  top: 165px;
}
.ccl-iso .close2:hover {
  color: #b9b9b9;
}
.ccl-iso .close2:hover {
  cursor: pointer;
}
.ccl-iso .close3 {
  padding: 0px 0px 0px 28px;
  text-decoration: none;
  font-size: 25px;
  color: #3d3d3d;
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  right: calc(15% + 15px);
  top: 165px;
}
.ccl-iso .close3:hover {
  color: #b9b9b9;
}
.ccl-iso .close3:hover {
  cursor: pointer;
}
.ccl-iso .popupcontainer {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  background-color: #002d5fc4;
  overflow-x: hidden;
}
.ccl-iso .safetybtnsettings {
  position: relative;
  padding: 5px 5px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: #0057b8;
  border: 2px #0057b8 solid;
  outline: 0;
  overflow: hidden;
  background: none;
  z-index: 0;
  cursor: pointer;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  font-weight: 100;
  margin-top: 10px;
  margin-bottom: 0px;
  text-decoration: none;
  width: 120px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.ccl-iso .text-container {
  width: 80%;
  margin: auto;
  text-align: justify;
}
.ccl-iso .safetybtn {
  position: relative;
  padding: 5px 5px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: #0057b8;
  border: 2px #0057b8 solid;
  outline: 0;
  overflow: hidden;
  background: none;
  z-index: 0;
  cursor: pointer;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  font-weight: 100;
  margin-top: 10px;
  margin-bottom: 0px;
  text-decoration: none;
  width: 120px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.ccl-iso .safetybtn:hover {
  color: white;
}
.ccl-iso .safetybtn:hover:before {
  top: 0%;
}
.ccl-iso .safetybtn:before {
  content: "";
  position: absolute;
  background: #0057b8;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.15s ease-in;
  -moz-transition: top 0.15s ease-in;
  -o-transition: top 0.15s ease-in;
  -ms-transition: top 0.15s ease-in;
  transition: top 0.15s ease-in;
}
.ccl-iso .safetybtn:before:hover {
  top: 0%;
}
@media (max-width: 1000px) {
  .ccl-iso .moduleimg {
    width: 400px;
    float: right;
    margin-left: 10px;
    display: none;
  }
  .ccl-iso .moduleimg2 {
    display: block;
    width: 100%;
    float: none;
  }
  .ccl-iso .module-flex {
    display: block;
  }
  .ccl-iso .module {
    width: 90%;
    margin: 30px auto 30px auto;
  }
}
@media (max-width: 800px) {
  .ccl-iso .module {
    display: block;
  }
  .ccl-iso .sides {
    width: 100%;
    min-height: 230px;
    position: relative;
    border-radius: 5px;
    padding: 0px;
  }
  .ccl-iso .leftside {
    width: 100%;
    min-height: 230px;
    position: relative;
    border-radius: 5px;
    padding: 0px;
  }
  .ccl-iso .rightside {
    width: 100%;
    min-height: 230px;
    position: relative;
    border-radius: 5px;
    padding: 0px;
    padding: 20px 0px 0px 0px;
  }
}
@media (max-width: 520px) {
  .ccl-iso .container {
    width: 100%;
  }
}
@media (min-width: 1450px) {
  .ccl-iso .right {
    height: 362px;
  }
}
@media (min-width: 1750px) {
  .ccl-iso .right {
    height: 440px;
  }
}
@supports (-ms-ime-align: auto) {
  .ccl-iso .popupstyles {
    background: white;
    width: 70%;
    min-height: 200px;
    margin-top: 160px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    box-shadow: -1px 5px 30px 0px #2a2a2a;
    padding: 20px;
  }
  .ccl-iso .popup1 {
    display: none;
    background: white;
    width: 70%;
    min-height: 200px;
    margin-top: 160px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    box-shadow: -1px 5px 30px 0px #2a2a2a;
    padding: 20px;
  }
  .ccl-iso .popup2 {
    display: none;
    background: white;
    width: 70%;
    min-height: 200px;
    margin-top: 160px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    box-shadow: -1px 5px 30px 0px #2a2a2a;
    padding: 20px;
  }
  .ccl-iso .popup3 {
    display: none;
    background: white;
    width: 70%;
    min-height: 200px;
    margin-top: 160px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    box-shadow: -1px 5px 30px 0px #2a2a2a;
    padding: 20px;
  }
  .ccl-iso .popupcontainer {
    background-image: url(../images/1pxbg.png);
  }
}
.ccl-iso .backdrop-blur-heading {
  backdrop-filter: blur(12px);
  /*width: 675px;*/
  margin: auto;
  margin-top: 114px;
  border-radius: 10px;
  padding: 10px;
  background-color: #1010100d;
}
.ccl-iso .contactusnews {
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}

@font-face {
    font-family: "graphik-bold";
    src: url("../font/Graphik-Bold.otf");
}

@font-face {
    font-family: "graphik-semibold";
    src: url("../font/Graphik-Semibold.otf");
}

@font-face {
    font-family: "graphik-regular";
    src: url("../font/Graphik-Regular.otf");
}

@font-face {
    font-family: "graphik-light";
    src: url("../font/Graphik-Light.otf");
}

/*@media (min-width: 1200px) and (min-height:777px) {
    :root {
    --ccl-page-margin-top:67.25px;
}
}*/



body,
html {
    height: 100%;
    margin: 0;
    font-family: graphik-regular !important;
    color: #000;
    /*background-color: @secondarycolour;*/
    /*font-size: 100%;*/
    font-size: 16px;
    /*background: #f7f7f7;*/
    background-color: unset !important;
    width: 100%;
    padding: 0 !important;
}
/*body {
    margin-top: 58px;
}*/


:root {
    --ccl-page-margin-top:62px;
}


/*IF THE SCREEN IS EITHER GREATER THAN 1200PX OR HEIGHER THAN 777PX*/
@media (min-width: 1200px) and (min-height:777px) {
    body,
    html {
        font-size: 18px;
    }

    :root {
    --ccl-page-margin-top:67.25px;
}
}

body {
    margin-top: var(--ccl-page-margin-top);
}

.default-nav .navbar-nav {
    font-size: 16px;
}
    .default-nav .ccl-navbar-logo {
    height: 1.8em !important;
}

footer
{
    font-size:16px;
}
footer h5
{
    font-size:1.25em;
}

/*SCREEN IS GREATER THAN 2560PX*/
@media (min-width: 2560px) {
    body,
    html {
        font-size: 20px;
    }
    footer
    {
        font-size:20px;
    }
    .default-nav .navbar-nav {
        font-size: 20px;
    }
    body {
        margin-top: 77.5px;
    }
}



/*change sizes for the menu between 1200px and 1400px*/
/*@media screen and (max-width: 1365px) and (min-width: 1200px) {
    body {
        margin-top: 63px;
    }

    .default-nav .navbar-nav {
        font-size: 16px !important;
    }

    .default-nav .navbar-brand {
        margin-right: 0.6rem !important;
    }

    .default-nav .ccl-navbar-logo {
        height: 32px !important;
    }
}*/

/*For Spanish nav*/
/*@media screen and (max-width: 1470px) and (min-width: 1200px) {
    body {
        margin-top: 63px;
    }

    .sp-nav .navbar-nav {
        font-size: 16px !important;
    }

    .sp-nav .navbar-brand {
        margin-right: 0.6rem !important;
    }

    .sp-nav .ccl-navbar-logo {
        height: 32px !important;
    }
}*/


#mstr_header
{
    padding:0 !important;
}

::-webkit-scrollbar-track {
    background: white;

}

::-webkit-scrollbar-thumb {
    background: #0057b8;
    border: 1px solid white;
}

::-webkit-scrollbar {
    width: 20px;
}

@media (min-width: 1252px) {

    .navbar-expand-xxl-ccl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-xxl-ccl .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-xxl-ccl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xxl-ccl .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-xxl-ccl .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-xxl-ccl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xxl-ccl .navbar-toggler {
            display: none;
        }
}

.ccl-clear-both
{
    clear:both;
}
.ccl-text-align-center {
    text-align: center;
}

.ccl-iso .ccl-margin-top-0 {
    margin-top: 0 !important;
}

.ccl-iso .ccl-margin-top-1em {
    margin-top: 1em !important;
}

.ccl-margin-left-2em {
    margin-left: 2em;
}

.ccl-margin-bottom-1em {
    margin-bottom: 1em;
}

.ccl-margin-bottom-1_5em {
    margin-bottom: 1.5em;
}

.ccl-margin-bottom-05 {
    margin-bottom: 0.5em;
}

.ccl-display-inlineblock
{
    display:inline-block
}

.ccl-border-radius-03em{
    /*border:1px;
    border-radius: 0.3rem;*/
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 0.3rem;
}

.ccl-full-width {
    width: 100%;
}

.ccl-line-height-1_2 {
    line-height: 1.2;
}

.ccl-padding-bottom-10px {
    padding-bottom: 10px !important;
}

.ccl-padding-left-2em {
    padding-left: 2em;
}

.ccl-padding-right-2em {
    padding-right: 2em;
}

.ccl-padding-2em {
    padding: 1.5em;
}

.ccl-padding-3em {
    padding: 3em;
}

.ccl-g3 {
    padding: 3em;
}

@media (max-width: 600px) {
    .ccl-g3 {
        padding: 1.5em !important;
    }
}

.ccl-minHeight-fitcontent
{
    min-height:fit-content !important;
}

.ccl-blue-underline-link {
    display: inline;
    color: #0076ce;
    font-weight: bolder;
    border-bottom: 2px solid #0076ce;
}

.ccl-white-underline-link {
    display: inline;
    color: #fff;
    /*border-bottom: 2px solid #0076ce;*/
    text-decoration:underline;
}

/*.ccl-blue-underline-link:hover
{
    border-bottom: 2px solid #0076ce;
    font-weight:bolder;
}*/

/*wavy line css generator : https://css-generators.com/wavy-shapes/ */
/*UNABLE TO MINIFY THIS*/
/*.ccl-wavyline-box {
    --mask: radial-gradient(22.36vh at calc(100% - 30.00vh) 50%,#000 99%,#0000 101%) 0 calc(50% - 20vh)/100% 40vh, radial-gradient(22.36vh at calc(100% + 20.00vh) 50%,#0000 99%,#000 101%) calc(100% - 10vh) 50%/100% 40vh repeat-y;
    -webkit-mask: var(--mask);
    mask: var(--mask);
}*/

/*===========================================================================================================section with video background*/

        /* Video Background */
        .ccl-video-section {
            position: relative;
            width: 100%;
            min-height: 75vh; /* Ensures the video is at least 75% of viewport height */
            overflow: hidden;
        }

        .ccl-video-section video {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Content Layer */
        .ccl-video-section-content-layer {
            position: relative; /* Allows content to be layered over the video */
            z-index: 1;
            /*padding: 50px;*/
            background: rgba(0, 0, 0, 0.9); 
            color: white;
            min-height: 75vh; 
            /*display: flex;
            align-items: center;*/
        }





/*========================================================================================================= image gallery*/
        .ccl-news-elmnt-float-left {
            width: 100%;
            max-width: 100%;
            float: left;
            padding-bottom: 2em;
            padding-right: 0;
        }

        /* and (min-height:777px)*/
        @media (min-width: 992px) {
            .ccl-news-elmnt-float-left {
                max-width: 600px;
                padding-right: 2em;
            }
        }

        .ccl-img-gallery-row {
            display: flex;
            flex-wrap: wrap;
            padding: 0 4px;
        }

        /* Create four equal columns that sits next to each other */
        .ccl-img-gallery-column {
            flex: 25%;
            max-width: 25%;
            padding: 0 4px;
        }

            .ccl-img-gallery-column img {
                margin-top: 8px;
                vertical-align: middle;
                width: 100%;
            }

        /* Responsive layout - makes a two column-layout instead of four columns */
        @media screen and (max-width: 800px) {
            .ccl-img-gallery-column.ccl-guada-fam-day {
                flex: 50%;
                max-width: 50%;
            }
        }

        /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
        @media screen and (max-width: 600px) {
            .ccl-img-gallery-column.ccl-guada-fam-day {
                flex: 100%;
                max-width: 100%;
            }
        }

/*========================================================================================================= montage start*/
.ccl-montage-row {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    height: 100%;
    width: 100%;
}
/* Create four equal columns that sits next to each other */
.ccl-montage-column {
    flex: 50%;
    max-width: 50%;
    padding: 0;
}

    .ccl-montage-column img {
        /*margin-top: 8px;*/
        vertical-align: middle;
        width: 100%;
    }

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .ccl-montage-column {
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .ccl-montage-column {
        flex: 50%;
        max-width: 50%;
    }
}
/*========================================================================================================= montage fin*/

/*========================================================================================================= photo gallery-variable image sizes- start*/
.ccl-pgv-row {
    display: flex;
    flex-wrap: wrap;
    /*padding: 0 4px;*/
}

/* Create four equal columns that sits next to each other */
.ccl-pgv-column {
    flex: 33.333%;
    max-width: 33.333%;
    /*padding: 0 4px;*/
}

    .ccl-pgv-column img {
        /*margin-top: 8px;*/
        vertical-align: middle;
        width: 100%;
        object-fit: cover;
    }

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .ccl-pgv-column {
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .ccl-pgv-column {
        flex: 100%;
        max-width: 100%;
    }
}
/*========================================================================================================= photo gallery-variable image sizes- fin*/

.ccl-hero-container-small 
    {
        height: calc(50dvh - 67.25px);
        display: block;
        min-height: 500px;
    }


/*========================================================================================================= about start*/
.ccl-hero-container {
    /*height: 95vh;*/
    height: calc(100vh - 67.25px);
    display: block;
    /*min-height: 800px;*/
    min-height: 600px;
}
.ccl-hero-container-dc
{
     min-height: 800px;
}

@media screen and (max-width: 576px) {
    .ccl-hero-container-dc
    {
         min-height: 950px;
    }
    .ccl-dc-icon-container
    {
        border:0 !important;
    }
    .ccl-hero-container
    {
         min-height: 800px;
    }
}

.ccl-hero-container-narrow {
    height: 60vh;
    display: block;
    min-height: 800px;
}

.ccl-hero-row {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
}

.ccl-hero-col {
    display: block;
    width: 100%;
    position: relative;
    height: 50%;
    /*min-height:500px;*/
}

.ccl-hero-col-content {
    /*background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(214,214,214,1) 100%);*/
    position: relative;
    background-color: #fff;
}

.ccl-hero-col-content-video {
    /*background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(214,214,214,1) 100%);*/
    position: relative;
    /*background-color: #fff;*/
    background:rgba(255,255,255,0.9);
}

.ccl-hero-content {
    position: absolute;
    top: 45%;
    transform: translate(0, -50%);
    padding: 0 2em 0 2em;
}

    .ccl-hero-content h2 {
        font-size: 0.9rem;
        font-weight: 400;
    }

    .ccl-hero-content h1 {
        font-size: 2rem;
    }

.ccl-hero-image-container {
    /*background-color:#cc8a00;*/
    overflow: hidden;
}

.ccl-hero-img-wrapper {
    background-position: left top;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
}

.ccl-img-caption-bottom-img-wrapper {
    /*opacity: 0.92;*/
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 100%);
    /*background-color:#fff;*/
    color: #4d4d4d;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /*padding: 2em;*/
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    /*text-align: center;*/
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45%;
    /*padding:2em;*/
}

/*--------------------Vacancies on Manufacturing pages start*/

        .ccl-vce .ccl-grid-container-300 {
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            /*grid-template-rows: 300px;*/
        }

            .ccl-vce .ccl-grid-container-300 > .ccl-grid-item > .ccl-gridItem-img-container {
                height: 45%;
                min-height: 300px;
            }

        .ccl-vce .ccl-grid-container {
            display: grid;
            /*changed for News*/
            /*column-gap:20px;*/
            grid-gap: 20px;
            /*grid-template-rows:auto;*/
        }

        .ccl-vce .ccl-single-tile-grid .ccl-grid-container {
            max-width: 1000px;
            margin: 0 auto;
        }

        .ccl-vce .ccl-grid-item {
            /*padding:20px;*/
            text-align: left;
            border-radius: 0.3rem;
            cursor: pointer;
            border: 1px solid #dedede;
        }

            .ccl-vce .ccl-grid-item > .ccl-gridItem-img-container {
                width: 100%;
                /*height:250px;*/
                overflow: hidden;
                border-top-left-radius: 0.3rem;
                border-top-right-radius: 0.3rem;
            }

                .ccl-vce .ccl-grid-item > .ccl-gridItem-img-container > img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-top-left-radius: 0.3rem;
                    border-top-right-radius: 0.3rem;
                    transition: transform 0.2s;
                }

        .ccl-vce .ccl-grid-container-350 > .ccl-grid-item > .ccl-gridItem-img-container {
            height: 250px;
        }

        .ccl-vce .ccl-grid-container-300 > .ccl-grid-item > .ccl-gridItem-img-container {
            height: 45%;
        }

        .ccl-vce .ccl-grid-item > .ccl-gridItem-content-container {
            padding: 1em;
            /*height:55%;*/
        }

        .ccl-vce .ccl-grid-item:hover .ccl-gridItem-img-container > img {
            /*color:#004a9c !important;*/
            transform: scale(1.2);
        }

        .ccl-vce .ccl-grid-item-grey {
            background-color: #f7f7f7;
        }

        .ccl-vce .ccl-grid-item-vacancies {
            text-align: center;
            /*max-height: 300px;*/
        }

        .ccl-vce .ccl-single-tile-grid .ccl-gridItem-img-container {
            height: 45% !important;
            /*width:50%;*/
            /*max-height:250px !important;*/
            border-top-left-radius: 0.3rem;
            border-top-right-radius: 0.3rem;
        }

            .ccl-vce .ccl-single-tile-grid .ccl-gridItem-img-container > img {
                border-top-left-radius: 13px;
                border-top-right-radius: 13px;
            }

        @media screen and (min-width: 1640px) {
            .ccl-vce .ccl-two-tile-grid .ccl-gridItem-img-container > img {
                border-top-left-radius: 13px;
                border-bottom-left-radius: 13px;
                border-top-right-radius: unset !important;
            }

            .ccl-vce .ccl-two-tile-grid .ccl-gridItem-img-container {
                border-top-left-radius: 13px;
                border-bottom-left-radius: 13px;
                border-top-right-radius: unset !important;
                height: 100% !important;
            }

            .ccl-vce .ccl-two-tile-grid .ccl-gridItem-content-container {
                padding-top: 3em !important;
                height: 100%;
            }
        }

        @media screen and (min-width: 817px) {
            .ccl-vce .ccl-single-tile-grid .ccl-gridItem-img-container > img {
                border-top-left-radius: 13px;
                border-bottom-left-radius: 13px;
                border-top-right-radius: unset !important;
            }

            .ccl-vce .ccl-single-tile-grid .ccl-gridItem-img-container {
                border-top-left-radius: 13px;
                border-bottom-left-radius: 13px;
                border-top-right-radius: unset !important;
                height: 100% !important;
            }

            .ccl-vce .ccl-single-tile-grid .ccl-gridItem-content-container {
                padding-top: 3em !important;
                height: 100%;
            }
        }

        .ccl-vce .box {
            display: flex;
            flex-wrap: wrap;
            /*max-width:699px;*/
        }

            .ccl-vce .box > * {
                flex: 1 1 350px;
            }

        .ccl-vce .heading4 {
            font-family: graphik-semibold;
        }

        .ccl-vce .heading4 {
            color: #4d4d4d;
            text-align: center;
            color: #fff;
            font-weight: 600;
            font-size: 1.7em;
            padding-left: 15px;
            padding-right: 15px;
            margin-top: 0px;
            margin-bottom: 1em;
        }

        @media (min-width: 1024px) {
            .ccl-vce .heading4 {
                font-size: 3em;
                padding-left: 0px;
                padding-right: 0px;
                margin-top: 0px;
            }
        }

        .ccl-vce .ccl-txt-blue {
            color: #004a9c !important;
        }

        .ccl-vce h3 {
            display: block;
            font-size: 1.17em;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            font-weight: bold;
            unicode-bidi: isolate;
        }

        .ccl-vce h4 {
            display: block;
            margin-block-start: 1.33em;
            margin-block-end: 1.33em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            font-weight: bold;
            unicode-bidi: isolate;
            font-size: 1em;
        }

        .ccl-vce h5 {
            display: block;
            font-size: 0.83em;
            margin-block-start: 1.67em;
            margin-block-end: 1.67em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            font-weight: bold;
            unicode-bidi: isolate;
        }

        .ccl-vce .ccl-mt-0 {
            margin-top: 0 !important;
        }

        .ccl-vce .vacancies-mb-0 {
            margin-bottom: 0;
        }

        .ccl-vce .vacancies-mt-5 {
            margin-top: 5px;
        }

        .ccl-vce {
            font-family: graphik-semibold;
            color: #4d4d4d;
        }

            .ccl-vce .ccl-txt-light {
                font-family: graphik-light !important;
            }

        .ccl-vce {
            line-height: normal;
        }
  
/*--------------------Vacancies on Manufacturing pages fin*/


/*--------------------NEWS start*/
.ccl-iso .ccl-grid-container {
  display: grid;
  /*changed for News*/
  /*column-gap:20px;*/
  grid-gap: 20px;
  /*grid-template-rows:auto;*/
}
.ccl-iso .ccl-grid-container-350 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  /*grid-auto-rows: 1fr !important;*/
  /*sets all the rows the same height*/
  /*grid-auto-rows: minmax(350px,400px) !important;*/
}

.ccl-iso .ccl-grid-item {
  /*padding:20px;*/
  text-align: left;
  border-radius: 0.3rem;
  cursor: pointer;
  border: 1px solid #dedede;
}
.ccl-iso .ccl-grid-item-white {
  background-color: #fff;
}

.ccl-iso .ccl-grid-item:hover {
  /*border: 1px solid #004a9;*/
  border-color: #004a9c;
}
.ccl-iso .ccl-grid-item > .ccl-gridItem-img-container {
  width: 100%;
  /*height:250px;*/
  overflow: hidden;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.ccl-iso .ccl-grid-item > .ccl-gridItem-img-container > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  transition: transform 0.2s;
}
.ccl-iso .ccl-grid-container-350 > .ccl-grid-item > .ccl-gridItem-img-container {
  height: 250px;
}
.ccl-iso .ccl-grid-container-300 > .ccl-grid-item > .ccl-gridItem-img-container {
  height: 45%;
  min-height:300px;
}
.ccl-iso .ccl-grid-item > .ccl-gridItem-content-container {
  padding: 1em;
  /*height:55%;*/
}
.ccl-iso .ccl-grid-item:hover .ccl-gridItem-img-container > img {
  /*color:#004a9c !important;*/
  transform: scale(1.2);
}
/*--------------------NEWS fin*/



.ccl-tile-logo-small {
    /*height: 3em;
    width: auto;*/
    transform: scale(0.4);
    /*height:100%;
    width:auto;
    min-height:50px;*/
}

.ccl-video-bg-hero {
    position: fixed;
    right: 0;
    bottom: 0;
    top: var(--ccl-page-margin-top);
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

.ccl-video-bg-hero_guadalajara {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -50%;
    background-size: cover;
    width: auto;
    height: auto;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
}

@media only screen and (max-width: 899px) {
    .ccl-video-bg-hero_guadalajara {
        left: -20%;
        top: -30%;
    }
}

@media only screen and (max-width: 650px) {
    .ccl-video-bg-hero_guadalajara {
        left: -50%;
        top: -30%;
    }
}

@media only screen and (max-width: 500px) {
    .ccl-video-bg-hero_guadalajara {
        left: -70%;
        top: -30%;
    }
}
/*###########################*/
/* Container for flexboxes */
.ccl-flex-row {
    display: flex;
    flex-wrap: wrap;
}

/* Create four equal columns */
.ccl-flex-column {
    flex: 25%;
    padding: 20px;
    /*display:flex;
            justify-content:center;
            align-items:center;*/
    text-align: center;
    border-right: 1px solid #dedede;
}

    .ccl-flex-column:nth-child(4) {
        border-right: 0;
    }

    .ccl-flex-column i {
        font-size: 3em;
    }

/*---------------------------------------------- case study cards*/
@media (min-width: 1200px) {
    .ccl-caseStudy-card > .row
    {
    height:100%
    }
}



/*--------------------------------------------- ccl industries cards*/
.ccl-card-row-4 {
    display: table;
    /* Make the container element behave like a table */
    width: 100%;
    /* Set full-width to expand the whole page */
    margin: auto;
}

    .ccl-card-row-4 > div:nth-child(1) {
        border-right: 0;
    }

.ccl-card-4 {
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    padding-bottom: 0px;
}

    .ccl-card-4 > img {
        width: 100%;
        height: auto;
        border-radius: 13px;
        display: block;
    }

.ccl-card-column-4 {
    display: block;
    width: 100%;
    /*border-top: 1px solid #dedede;*/
    padding-top: 40px;
    padding-bottom: 40px;
}

    .ccl-card-column-4 > h2 {
        font-size: 1.7em;
        margin-bottom: 15px;
    }

    .ccl-card-column-4 > .btn {
        margin-top: 15px;
        display: block;
        width: -moz-fit-content;
        width: fit-content;
    }

.ccl-row-4 {
    display: table;
    width: 100%;
    margin: auto;
}

    .ccl-row-4 > div:nth-child(1) {
        border-right: 0;
    }

/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
    .ccl-flex-column {
        flex: 50%;
    }

        .ccl-flex-column:nth-child(1), .ccl-flex-column:nth-child(2) {
            border-bottom: 1px solid #dedede;
        }

        .ccl-flex-column:nth-child(2), .ccl-flex-column:nth-child(4) {
            border-right: 0;
        }
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .ccl-flex-row {
        flex-direction: column;
    }

    .ccl-flex-column {
        border-right: 0;
        border-bottom: 1px solid #dedede;
    }

        .ccl-flex-column:nth-child(4) {
            border-right: 0;
            border-bottom: 0;
        }
}

/*------------------------------------------------------------larger screens*/
/*Wider than 900px*/
/*@media screen and (min-width: 1451px)*/
/*@media screen and (min-width: 1600px)
         {
             .ccl-hero-content h2 {
                font-size: 2em;
            }

            .ccl-hero-content h1 {
                font-size: 4em;
            }

         }*/

/*@media screen and (min-width: 1024px)
         {
             .ccl-hero-content h2 {
                font-size: 2em;
            }

            .ccl-hero-content h1 {
                font-size: 4em;
            }

         }*/

/*screens larger that 900px*/
@media screen and (min-width: 900px) {
    .ccl-tile-logo-small {
        /*height: 3em;
    width: auto;*/
        transform: scale(0.4);
        /*height:100%;
    width:auto;
    min-height:50px;*/
    }

    .ccl-hero-row {
        display: table;
    }

    .ccl-hero-col {
        width: 25%;
        display: table-cell;
    }

    .ccl-hero-col-content {
        /*background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(214,214,214,1) 100%);*/
        background-color: #fff;
    }

    .ccl-hero-content h2 {
        font-size: 1.25rem;
    }

    .ccl-hero-content h1 {
        font-size: 3rem;
    }

    .ccl-hero-content {
        color: #000;
        padding: 0 2em 0 3em;
    }

    /*--------------------------------------------- ccl industries cards*/
    .ccl-card-row-4 {
        /*border-top: 1px solid #dedede;*/
    }

        .ccl-card-row-4 > div:nth-child(1) {
            /*border-right: 1px solid #dedede;*/
        }

        .ccl-card-row-4:nth-child(1) {
            border-top: 0;
        }

    .ccl-card-column-4 {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 1em;
        padding-right: 1em;
        display: table-cell;
        /* Make elements inside the container behave like table cells */
        width: 25%;
        border-top: 0;
    }

        .ccl-card-column-4:nth-child(odd) {
            padding-right: 20px;
        }

        .ccl-card-column-4:nth-child(even) {
            padding-left: 20px;
        }
    /*.ccl-iso .ccl-column-4 {
    display: table-cell;
    width: 50%;
  }*/
}

@media screen and (min-width: 1600px) {
    .ccl-hero-content h2 {
        font-size: 1.25rem;
    }

    .ccl-hero-content h1 {
        font-size: 4rem;
    }
}

/*between 1000 and 900*/
/*@media screen and (max-width: 1000px) and (min-width: 900px) {
            .ccl-hero-content h2 {
                font-size: 1.8rem;
            }

            .ccl-hero-content h1 {
                font-size: 2.8rem;
            }
        }*/

/*#####################PRODUCTS GRID - START##################################*/
.ccl-pg-card-row {
    display: table;
    /* Make the container element behave like a table */
    width: 100%;
    /* Set full-width to expand the whole page */
    margin: auto;
}

    .ccl-pg-card-row > div:nth-child(1) {
        border-right: 0;
    }

.ccl-pg-card {
    box-shadow: 0 8px 15px -8px #0000007a;
    border-radius: 13px;
    padding-bottom: 0px;
}

    .ccl-pg-card > img {
        width: 100%;
        height: auto;
        border-radius: 13px;
        display: block;
    }

.ccl-pg-card-column {
    display: block;
    width: 100%;
    /*border-top: 1px solid #dedede;*/
    border-top: 1px solid #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}

    .ccl-pg-card-column > h2 {
        font-size: 1.7em;
        margin-bottom: 15px;
    }

    .ccl-pg-card-column > .btn {
        margin-top: 15px;
        display: block;
        width: -moz-fit-content;
        width: fit-content;
    }

.ccl-pg-row {
    display: table;
    width: 100%;
    margin: auto;
}

    .ccl-pg-row > div:nth-child(1) {
        border-right: 0;
    }

.ccl-pg-column {
    display: table-cell;
    /* Make elements inside the container behave like table cells */
    width: 100%;
    padding: 6%;
    vertical-align: top;
    display: block;
}


@media screen and (min-width: 900px) {
    .ccl-pg-card-row {
        /*border-top: 1px solid #dedede;*/
        border-top: 1px solid #fff;
    }

        .ccl-pg-card-row > div:nth-child(1) {
            /*border-right: 1px solid #dedede;*/
            border-right: 1px solid #fff;
        }

        .ccl-pg-card-row:nth-child(1) {
            border-top: 0;
        }

    .ccl-pg-card-column {
        padding-top: 20px;
        padding-bottom: 20px;
        display: table-cell;
        /* Make elements inside the container behave like table cells */
        width: 50%;
        border-top: 0;
    }

        .ccl-pg-card-column:nth-child(odd) {
            padding-right: 20px;
        }

        .ccl-pg-card-column:nth-child(even) {
            padding-left: 20px;
        }
}

/*#####################PRODUCTS GRID - START##################################*/


#btn_sustainabilty.ccl-about-btn {
    height: fit-content;
    width: fit-content;
    margin: 0 auto;
    float: none;
}

    #btn_sustainabilty.ccl-about-btn:hover a {
        color: #fff;
    }

.ccl-about-sus-row {
    height: fit-content;
    min-height: 100%;
    padding: 0;
}

.ccl-about-sus-col-left {
    padding: 2em 0 0 0;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .ccl-about-sus-col-left > img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 650px;
    }

.ccl-about-sus-col-right {
    background-color: rgba(255,255,255,0.9);
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ccl-about-sus-col-right-content {
    padding: 3em 3em 3em 0;
    text-align: center;
}

    .ccl-about-sus-col-right-content > h2 {
        text-align: center !important;
        /*color:#cc8a00 !important;*/
    }

.ccl-about-sus-col-right, .ccl-about-sus-col-left {
    float: none;
}

@media screen and (min-width: 1023px) {
    #btn_sustainabilty.ccl-about-btn {
        height: fit-content;
        width: fit-content;
        margin: unset;
        float: left;
    }

    .ccl-about-sus-row {
        height: 60vh;
        min-height: 550px;
        padding: 0;
    }

    .ccl-about-sus-col-right, .ccl-about-sus-col-left {
        float: left;
    }

    .ccl-about-sus-col-right-content, .ccl-about-sus-col-right-content > h2 {
        text-align: left !important;
    }
}
/*========================================================================================================= about end*/


/*Two col flex- start*/
/*screens bigger than 899px*/


.ccl-two-col-flex {
    display: flex;
    /*flex-wrap:wrap;*/
    flex-wrap: wrap-reverse;
}

    .ccl-two-col-flex > div {
        flex: 100%;
    }

.ccl-flex-align-center-middle {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ccl-flex-align-start {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

@media screen and (min-width: 900px) {
    .ccl-two-col-flex {
        flex-wrap: wrap;
        /*flex-direction:row;*/
    }

        .ccl-two-col-flex > div {
            flex: 50%;
        }
}
/*Two col flex- end*/

.ccl-widthandheight-fitcontent {
    width: fit-content;
    height: fit-content;
}

.ccl-img-width100-heightauto {
    width: 100%;
    height: auto;
    display: block;
}

.ccl-page-content {
    /*position:relative;
    top:calc(67.25px);*/
    /*margin-top:67.25px;*/
}

.ccl-shortUnderline-beige {
    display: block;
}

    .ccl-shortUnderline-beige::after {
        content: "";
        display: block;
        width: 90px;
        padding-top: 3px;
        border-bottom: 21px solid #cc8a00;
    }

.ccl-shortUnderline-blue {
    display: block;
}

    .ccl-shortUnderline-blue::after {
        content: "";
        display: block;
        width: 90px;
        padding-top: 3px;
        border-bottom: 14px solid #0d6efd;
    }

    .ccl-shortUnderline-beige {
    display: block;
}

    .ccl-shortUnderline-beige::after {
        content: "";
        display: block;
        width: 90px;
        padding-top: 3px;
        border-bottom: 14px solid #d1c99d;
    }

@media screen and (min-width: 900px) {
    .ccl-shortUnderline-blue::after {
        border-bottom: 21px solid #0d6efd;
    }

        .ccl-shortUnderline-beige::after {
        border-bottom: 21px solid #d1c99d;
    }
}


/*@media (min-width: 1270px)
{
    body,
    html {
font-size: 18px;
    }
}*/

body {
    background-image: url(../images/HeroBG_bw.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-x: right;
}


/*@media (min-width: 1200px)
{
.navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
}
}*/

/*.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}*/
.ccl-cursor-pointer {
    cursor: pointer;
}

.ccl-icon-button {
    font-size: 33px;
    margin-top: 5px;
    margin-right: 10px;
}

.ccl-topNav-botton {
    font-size: .875rem !important;
    border-radius: 0.2rem;
    border: 1px !important;
}

.ccl-topNav-botton-icon {
    font-size: .875rem !important;
    border-radius: 0.2rem;
    border: 1px !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
    border-color: transparent;
    border: 0;
    content: "&nbsp;" !important;
}

    .ccl-topNav-botton-icon:visited, .ccl-topNav-botton-icon:active, .ccl-topNav-botton-icon:hover, .ccl-topNav-botton-icon:focus {
        border: 0 !important;
        box-shadow: none !important;
    }



.ccl-primary-nav-socialMedia-icon:hover {
    opacity: 0.5;
}

section {
    /*border:2px solid red;*/
    overflow: hidden;
    width: 100%;
}

.ccl-container {
    max-width: 1920px;
}

.ccl-section-connectedHome {
    height: 90vh;
    min-height: 600px;
}

.ccl-connectedHome-content-wrapper {
    position: relative;
    width: 100%;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.8);
}

    .ccl-connectedHome-content-wrapper > * {
        text-align: center;
    }

    .ccl-connectedHome-content-wrapper > a {
        width: 100%;
    }

.ccl-connectedHome-content-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /*background-color: unset !important;*/
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .ccl-connectedHome-content-wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        /*background-color: unset !important;*/
    }

        .ccl-connectedHome-content-wrapper > * {
            text-align: left;
        }

        .ccl-connectedHome-content-wrapper > a {
            width: unset;
        }
}



@media (min-width: 1919px) {
    .ccl-hero-feature-image {
        max-width: 300px !important;
    }

    .ccl-hero-feature-text {
        font-size: 1.2rem !important;
    }

    .ccl-hero-h1 {
        font-size: 4rem !important;
    }
}

@media (min-width: 2560px) {
    /*body,
    html {
        font-size: 20px;
    }*/

    .ccl-hero-feature-text {
        font-size: 1.5rem !important;
    }
}

.testOH {
    overflow-x: hidden;
}

.slick-prev:before, .slick-next:before {
    color: #000 !important;
    /*content: "\f7bc" !important;*/
}

/*.slick-arrow {
	z-index: 1;
	width: 40px;
	height: 40px;
}

.slick-arrow:before {
	font-size: 30px;
}*/

.ccl-prev {
    /*display: block;
    height: 20px;
    width: 20px;*/
    /*background: url('../img/back.png') no-repeat;*/
    content: "\f7bc";
}

.ccl-next {
    /*display: block;
    height: 20px;
    width: 20px;*/
    /*background: url('../img/next.png') no-repeat;*/
    content: "\f7bc";
}

.ccl-item-list {
    list-style: none;
    padding-left: 1em;
    display: table;
}

.ccl-item-list li::before {
    display: table-cell;
    /*content: "\f061";*/
    content: "\f111";
    font-family: FontAwesome;
    padding-right: 1.5rem;
    color: #0057b8;
    line-height: 2.2em;
}

    .ccl-item-list .ccl-item-list-child li::before {
        font-size: 0.6em;
        /*color: rgb(209, 201, 157);*/
        /*opacity: 0.5;*/
        content: "\f10c";
    }

    .ccl-item-list .ccl-item-list-child
    {
        padding-left: 0.7em;
    }


.ccl-item-list li {
    display: table-row;
}

.ccl-benefits-list  li::before{
    content: "\f270" !important;
    font-family: bootstrap-icons !important;
}

.ccl-tabContent-list {
    display: table;
}

.ccl-tabContent-list li {
    display: table-row;
}

.ccl-tabContent-list li::before {
    display: table-cell;
    content: "\f111";
    font-family: FontAwesome;
    padding-right: 1.5rem;
    color: #0057b8;
    line-height: 2.2em;
}

.ccl-tabContent-list {
    list-style: none;
    padding-left: 0;
}

.ccl-tabContent-list li:first-child {
    margin-top: 0;
}

hr.ccl-hero-divider {
    border-top: 1px dotted black;
}

.hr-fade
{
    height:1px;
    /*margin-left:0;*/
    width:100%;
    background-color:#4d4d4d;

    background-image: linear-gradient(left , white 2%, #4d4d4d 50%, white 98%);
    background-image: -o-linear-gradient(left , white 2%, #4d4d4d 50%, white 98%);
    background-image: -moz-linear-gradient(left , white 2%, #4d4d4d 50%, white 98%);
    background-image: -webkit-linear-gradient(left , white 2%, #4d4d4d 50%, white 98%);
    background-image: -ms-linear-gradient(left , white 2%, #4d4d4d 50%, white 98%);
    background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.02, white), color-stop(0.5, gray), color-stop(0.98, white) );
}

.ccl-bg-half-blue
{
    background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #ffffff 50%,
    #0076ce 50%,
    #0076ce 100%
    /*#000000 50%,
    #000000 100%*/
  );
}

.ccl-bg-half-mediumblue
{
    background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #ffffff 70%,
    #0057b8 70%,
    #0057b8 100%
    /*#000000 50%,
    #000000 100%*/
  );
}

.ccl-bg-half-grey-to-bottom
{
    background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #ffffff 50%,
    #ededed 50%,
    #ededed 100%
    /*#000000 50%,
    #000000 100%*/
  );
}

.ccl-bg-grey-to-white-to-top
{
    background: linear-gradient(
    to top,
    #ededed 0%,
    #ffffff 70%
    
  );
}

.ccl-bg-half-grey
{
    background: linear-gradient(
    to right,
    #ffffff 0%,
    #ffffff 50%,
    #ededed 50%,
    #ededed 100%
    /*#000000 50%,
    #000000 100%*/
  );
}

.ccl-bg-cover-center {
    background-position: center;
    background-size: cover;
}

.ccl-bg-curvedLine{
    background:url(/images/flow_curveline_grey.svg),#fff;
    background-repeat:repeat-y;
    background-size:80%;
    background-position-x: center;
}

.ccl-bg-opaque-white
{
    background-color:rgba(255,255,255,0.9);
}

.ccl-bg-opaque-lightGrey{
    background: linear-gradient(180deg, rgba(237, 237, 237, 1) 20%, rgba(214, 214, 214, 0.9) 100%) !important;
}

.ccl-bg-opaque-darkgrey
{
    background-color:rgba(94,106,113,0.9);
}

.ccl-bg-darkgrey
{
    background-color:#5e6a71;
}

.ccl-bg-mediumgrey
{
    background-color:#c3c8c8;
}

.ccl-bg-grey {
    /*background-color:#f7f7f7;*/
    background-color: #ebf0f0;
    /*background-color:tint(#c3c8c8,40%);*/
}

.ccl-bg-grey2 {
    background-color: #dedfdf;
}

.ccl-bg-grey-light {
    background-color: #f7f7f7;
}

.ccl-bg-black {
    background-color: #000;
}

.ccl-bg-Ochre {
    background-color: #cc8a00 !important;
}

.ccl-bg-darkPurple {
    background-color: #532e60;
}

.ccl-bg-navyBlue {
    background-color: rgba(0, 44, 119, 1);
}

.ccl-bg-beige{
    background-color: rgba(209, 201, 157, 1);
/*background-color: #fff;
opacity: 0.8;
background-image:  repeating-linear-gradient(45deg, #d1c99d 25%, transparent 25%, transparent 75%, #d1c99d 75%, #d1c99d), repeating-linear-gradient(45deg, #d1c99d 25%, #fff 25%, #fff 75%, #d1c99d 75%, #d1c99d);
background-position: 0 0, 4px 4px;
background-size: 8px 8px;*/
}

.ccl-bg-thickstripe {
    color: white;
    background: repeating-linear-gradient( 45deg, #d8d1a9, #d8d1a9 10%, #d1c99d 20%, #d1c99d 50% );
}

.ccl-bg-thickstripe_blue {
    color: white;
    background: repeating-linear-gradient( 20deg, #0057b8, #0057b8 40%, #fff 40%, #fff 100% );
}

.ccl-bg-thickstripe_whiteBeige {
    color: white;
    background: repeating-linear-gradient( 45deg, #d1c99d, #d1c99d 15%, #fff 15%, #fff 80% );
}

.ccl-bg-thickstripe_grey {
    color: white;
    background: repeating-linear-gradient( 45deg, #fff, #fff 30%, #ededed 20%, #ededed 55% );
}

.ccl-bg-thickstripe_grey2 {
    color: white;
    background: repeating-linear-gradient( 45deg, rgba(255,255,255,0.5), rgba(255,255,255,0.5) 30%, #ededed 20%, #ededed 55% );
}

.ccl-bg-thickstripe_Beige {
    background: repeating-linear-gradient( 45deg, #d1c99d, #d1c99d 20%, #fff 20%, #fff 55% );
}

.ccl-bg-half-Beige-to-bottom {
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 70%, #d1c99d 70%, #d1c99d 100% /*#000000 50%, #000000 100%*/);
}

.ccl-bg-quarter-Grey-to-bottom {
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 70%, #ededed 70%, #ededed 100% /*#000000 50%, #000000 100%*/);
}

.ccl-bg-quarter-navyBlue-to-right {
    background: linear-gradient(to left, #ffffff 0%, #ffffff 50%, #002c77 50%, #002c77 100% /*#000000 50%, #000000 100%*/);
}

.ccl-bg-beige-blocks-small{
    /*background-color: rgba(209, 201, 157, 1);*/
background-color: #fff;
opacity: 0.8;
background-image:  repeating-linear-gradient(45deg, #d1c99d 25%, transparent 25%, transparent 75%, #d1c99d 75%, #d1c99d), repeating-linear-gradient(45deg, #d1c99d 25%, #fff 25%, #fff 75%, #d1c99d 75%, #d1c99d);
background-position: 0 0, 4px 4px;
background-size: 8px 8px;
}

.ccl-bg-beige-blocks-pie {
   background: radial-gradient(circle at bottom left ,#d1c99d 35%, transparent 36%), radial-gradient(circle at top right ,#d1c99d 35%, transparent 36%);
        background-size: 1em 1em;
        background-color: #ffffff;
        opacity: 1
}

.ccl-bg-beige-opaque{
    background-color: rgba(209, 201, 157, 0.9);
}

.ccl-bg-beige-opaque2{
    background-color: rgba(209, 201, 157, 0.7);
}

.ccl-bg-beige-opaque3{
    background-color: rgba(209, 201, 157, 0.5);
}

.ccl-bg-navyBlue-opaque {
    background-color: rgba(0, 44, 119, 0.8);
}

.ccl-bg-navyBlue-opaque2 {
    background-color: rgba(0, 44, 119, 0.5);
}

.ccl-bg-black-opaque {
    background-color: rgba(0, 0, 0, 0.8);
}

.ccl-bg-black-opaque2 {
    background-color: rgba(0, 0, 0, 0.3);
}

.ccl-bg-black-opaque3 {
    background-color: rgba(0, 0, 0, 0.7);
}

.ccl-bg-black-opaque4 {
    background-color: rgba(0, 0, 0, 0.5);
}

.ccl-bg-black-opaque-fade {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
}

.ccl-bg-white-opaque {
    background-color: rgba(255, 255, 255, 0.5);
}

.ccl-bg-white-opaque2 {
    background-color: rgba(255, 255, 255, 0.7);
}

.ccl-bg-white-opaque3 {
    background-color: rgba(255, 255, 255, 0.9);
}

.ccl-bg-white-opaque4 {
    background-color: rgba(255, 255, 255, 0.8);
}

.ccl-bg-mediumBlue-opaque {
    background-color: rgba(0, 118, 206, 0.7);
}

.ccl-bg-black-opaque2-fade {
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
}

.ccl-bg-white-opaque2-fade {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
}

.ccl-bg-white-opaque2-fade-left-right {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.3) 100%);
}

.ccl-bg-white-fade-up {
    background-image: linear-gradient(to top, rgba(255,255,255,0.5), rgba(255,255,255,1));
}


.ccl-bg-white-fade-right-to-left {
    /*background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,1));*/
    /*background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);*/
    background: rgb(255,255,255) !important;
    background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(214,214,214,1) 100%) !important;
}

.ccl-bg-white-fade-left-to-right{
  background-color: white;
  background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,0.8) 100%);
}

.ccl-bg-black-fade-up {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,1));
}

.ccl-bg-black-fade-up2 {
    background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(0,0,0,1));
}

.ccl-bg-black-fade-up3 {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.5));
}

.ccl-bg-black-fade-up4 {
    background-image: linear-gradient(to top, rgba(0,0,0,1), rgba(42,43,43,1));
}

.ccl-bg-darkgrey-fade-up {
    background-image: linear-gradient(to top, rgba(42,43,43,1), rgba(235,240,240,1));
}

.ccl-bg-lightgrey-fade-up {
    /*background-image: linear-gradient(to top, rgba(235,240,240,1), rgba(244,249,249,1));*/ /*lite*/
    background-image: linear-gradient(to top, rgba(220,220,220,1), rgba(250,250,250,1)); /*med*/
}
/* #ebf0f0 med grey    f1f6f6 - light grey*/
.ccl-bg-grey-dark {
    background-color: #2a2b2b;
}


.ccl-fade-animate-bg {
    /*width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;*/
    background-size: 300% 300%;
    background-image: linear-gradient(-45deg, #fff 0%, #ededed 10%, #fff 51%, #ededed 100%,#fff 0%); /*ededed a9cde7*/
    -webkit-animation: ccl-AnimateBG 20s ease infinite;
    animation: ccl-AnimateBG 20s ease infinite;
}

@-webkit-keyframes ccl-AnimateBG {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes ccl-AnimateBG {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.ccl-market-sectors-tile:hover {
    cursor: pointer;
    /*transform: scale(1.2);*/
}

    .ccl-market-sectors-tile:hover .ccl-bg-black-fade-up3 {
        background-image: linear-gradient(to bottom, rgba(0,118,206,0.3), rgba(0,118,206,0.3));
    }

.ccl-bg-black-fade-top-to-bottom
{
background-image: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.5));
}

.ccl-bg-black-fade-top-to-top
{
background-image: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));
}

.ccl-bg-darkgrey-opaque
{
    background-color:rgba(94, 106, 113, 0.4);
}

.ccl-bg-blue-fade-top-to-bottom
{
background-image: linear-gradient(to top, rgba(0,118,206,1), rgba(0,118,206,0.6));
}
.ccl-bg-blue-light-fade {
    background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(213,228,239,1));
    /*background-color:#d5e4ef;*/
}

.ccl-bg-beige-light-fade {
    background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(231,210,168,0.4));
}

.ccl-bg-grey-light-fade {
    /*background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(247,247,247,1));*/
    background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(235,240,240,1));
}

.ccl-bg-blue-opaque {
    background-color: rgba(0, 118, 206, 0.5);
}

.ccl-bg-blue-opaque2 {
    background-color: rgba(0, 118, 206, 0.3);
}

.ccl-bg-beige-opaque2-fade-right-left {
    background: rgb(255, 255, 255);
    background: linear-gradient(270deg, rgba(209, 201, 157, 0.9) 0%, rgba(209, 201, 157, 0.5) 100%);
}

.ccl-bg-beige-fade-bottom-top {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(209, 201, 157,1) 0%, rgba(255, 255, 255, 1) 70%);
}

.ccl-bg-ochre-fade-bottom-top {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(204, 138, 0,1) 0%, rgba(255, 255, 255, 1) 70%);
}

/*https://www.magicpattern.design/tools/css-backgrounds*/
.ccl-bg-dots {
    background-color: #ffffff;
    /*opacity: 0.8;*/
    background-image: radial-gradient(#000000 0.75px, #ffffff 0.75px);
    background-size: 15px 15px;
}

.ccl-bg-spaced-diagonal-lines {
    background-color: #000000;
    opacity: 1;
    background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #000000 7px ), repeating-linear-gradient( #2f2f2f55, #2f2f2f );
}

.ccl-bg-circular-lines-grey {
    background-color: #ffffff;
    opacity: 1;
    background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 7px ), repeating-linear-gradient( #ededed, #fff );
}

.ccl-bg-diagonal-large-dark-grey {
    background-color: #000000;
    opacity: 1;
    background: repeating-linear-gradient( 45deg, #111111, #111111 20px, #000000 20px, #000000 100px );
}

/*.ccl-bg-zigzag-3d-navyBlue {
    background-color: #ffffff;
    opacity: 1;
    background: linear-gradient(135deg, #002c7755 25%, transparent 25%) -14px 0/ 28px 28px, linear-gradient(225deg, #002c77 25%, transparent 25%) -14px 0/ 28px 28px, linear-gradient(315deg, #002c7755 25%, transparent 25%) 0px 0/ 28px 28px, linear-gradient(45deg, #002c77 25%, #ffffff 25%) 0px 0/ 28px 28px;
}*/

.ccl-bendyLines {
    background-image: url("../images/bendyLines3.gif");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.ccl-bendyLines-2 {
    background-image: url("../images/bendyLines5.gif");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.ccl-bendyLines-greyonwhite {
    background-image: url("../images/bendyLines_greyonwhite.gif");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/*UNABLE TO MINIFY THIS*/
/*.ccl-bg-blockAngles {
    --s: 105px; 
    --c1: #b9b9b9;
    --c2: #dcdcdc;
    --c3: #fafafa;
    background: conic-gradient(from 75deg,var(--c1) 15deg,var(--c2) 0 30deg,#0000 0 180deg, var(--c2) 0 195deg,var(--c1) 0 210deg,#0000 0) calc(0.5*var(--s)) calc(0.5*var(--s)/0.577), conic-gradient(var(--c1) 30deg,var(--c3) 0 75deg,var(--c1) 0 90deg, var(--c2) 0 105deg, var(--c3) 0 150deg,var(--c2) 0 180deg,var(--c3) 0 210deg,var(--c1) 0 256deg, var(--c2) 0 270deg,var(--c1) 0 286deg,var(--c2) 0 331deg,var(--c3) 0);
    background-size: var(--s) calc(var(--s)/0.577);
}*/

.ccl-bg-diagonal-lines {
    background-color: #ffffff;
    opacity: 1;
    background-size: 9px 9px;
    background-image: repeating-linear-gradient(45deg, #e7eded 0, #e7eded 0.9px, #ffffff 0, #ffffff 50%);
}

.ccl-bg-diagonal-lines2 {
    background-color: #ffffff;
    opacity: 1;
    background-size: 9px 9px;
    background-image: repeating-linear-gradient(135deg, #e7eded 0, #e7eded 0.9px, #ffffff 0, #ffffff 50%);
}

/*UNABLE TO MINIFY THIS*/
/*.ccl-bg-diagonal-lines-blue {
    background-color: #ffffff;
    opacity: 1;
    background-size: 9px 9px;
    background-image: repeating-linear-gradient(135deg, #ebcd5e8 0, #ebcd5e8 0.9px, #ffffff 0, #ffffff 50%);
}*/
.ccl-bg-connectedSquares-grey {
background: linear-gradient(45deg, #EDEDEd 25%, transparent 26%, transparent 74%, #EDEDEd 75%);
        background-size: 6em 6em;
        background-color: #ffffff;
        opacity: 1
}

.ccl-bg-rooms-grey {
background:
      conic-gradient(from -116.36deg at 25% 75%,#ffffff 52.72deg,#0000 0), conic-gradient(from -116.36deg at 25% 75%,#ffffff 52.72deg,#0000 0) calc(3*100px) calc(100px/2),
      conic-gradient(from   63.43deg at 75% 75%,#ffffff 52.72deg,#0000 0), conic-gradient(from   63.43deg at 75% 75%,#ffffff 52.72deg,#0000 0) calc(3*100px) calc(100px/2),
      conic-gradient(
        #ffffff   63.43deg ,#ededed 0 116.36deg,
        #ffffff 0 180deg   ,#ededed 0 243.43deg,
        #ffffff 0 296.15deg,#ededed 0);
background-size: 200px 100px;

}

.ccl-bg-rooms-navyBlue {
background:
      conic-gradient(from -116.36deg at 25% 75%,#ffffff 52.72deg,#0000 0), conic-gradient(from -116.36deg at 25% 75%,#ffffff 52.72deg,#0000 0) calc(3*25px) calc(25px/2),
      conic-gradient(from   63.43deg at 75% 75%,#ffffff 52.72deg,#0000 0), conic-gradient(from   63.43deg at 75% 75%,#ffffff 52.72deg,#0000 0) calc(3*25px) calc(25px/2),
      conic-gradient(
        #ffffff   63.43deg ,#002c77 0 116.36deg,
        #ffffff 0 180deg   ,#002c77 0 243.43deg,
        #ffffff 0 296.15deg,#002c77 0);
background-size: 50px 25px;
}


.ccl-bg-dots-lightgrey {
background-image: radial-gradient(#ededed 2px, transparent 2px);
background-size: 12px 12px;
background-color: #ffffff;
}

.ccl-bg-waveLines-lightgrey {
background: radial-gradient(circle at top left,transparent 25%,#EDEDEd 25.5%, #EDEDEd 36%, transparent 37%, transparent 100%),radial-gradient(circle at bottom right,transparent 34%,#EDEDEd 34.5%, #EDEDEd 45.5%, transparent 46%, transparent 100%);
        background-size: 6em 6em;
        background-color: #ffffff;
        opacity: 1
}

.ccl-bg-waveLines-reports {
background: radial-gradient(circle at top left,transparent 25%,#d1c99d 25.5%, #d1c99d 36%, transparent 37%, transparent 100%),radial-gradient(circle at bottom right,transparent 34%,#d1c99d 34.5%, #d1c99d 45.5%, transparent 46%, transparent 100%);
        background-size: 6em 6em;
        background-color: #ffffff;
        opacity: 1
}

.ccl-bg-vertical-lines {
    background-color: #ffffff;
    opacity: 1;
    background-size: 9px 9px;
    background-image: repeating-linear-gradient(90deg, #f9f9f9 0, #f9f9f9 0.9px, #ffffff 0, #ffffff 50%);
}

.ccl-bg-dots-grey {
    background-color: #ffffff;
    opacity: 1;
    /*background-image: radial-gradient(#dedfdf 1.05px, #ffffff 1.05px);*/
    background-image: radial-gradient(#dedfdf 1.2px, #ffffff 1.2px);
    background-size: 21px 21px;
}

.ccl-bg-white {
    background-color: #fff !important;
}

.ccl-bg-blue {
    background-color: #0076ce;
}

.ccl-bg-blue-light {
    background-color: #d5e4ef;
}

.ccl-bg-beige-light {
    background-color: #e7d2a8;
}

.ccl-bg-beige-light-opaque {
    /*background-color: #e7d2a8;*/
    background:rgba(209,201,157,0.9);
}

.ccl-bg-darkRed {
    background-color: #76232f;
}

.ccl-bg-darkGreen {
    background-color: #00573f;
}

.ccl-bg-mediumBeige {
    background-color: #d1c99d;
}

.ccl-bg-mediumBlue{
    background-color: #0057b8;
}
.ccl-bg-opaque-white-blur
{
    background-color: rgba(0, 0, 0, 0.2);
    /*padding: 2rem;*/
    
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/*UNABLE TO MINIFY THIS*/
/*.ccl-bg-blur {
    backdrop-filter: blur(10px);
}*/

/*UNABLE TO MINIFY THIS*/
/*.ccl-bg-radial-gradient-white-opaque {
    background-image: radial-gradient(white 20%, rgb(255,255,255,0));
}*/

.ccl-bg-invert {
    /*backdrop-filter: sepia(90%);*/
    backdrop-filter: invert(80%);
}

.ccl-bg-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.test-bg {
    /*background-image:url(../images/HomePageHeader.jpg);*/
    position: relative;
}

    .test-bg::before {
        content: "";
        background-image: url('../images/HomePageHeader.jpg');
        background-size: cover;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: 0.1;
    }

.ccl-product-block {
    /*width: 460px !important;*/
    background-size: cover;
    height: 460px !important;
    margin: 5px;
}

    .ccl-product-block:hover .ccl-product-block-title, .ccl-product-block.hover .ccl-product-block-title {
        /*background-color: rgba(20, 118, 206, 0.5);*/
        background-color: rgba(0,0,0,0.6);/*#0076ce;*/
        /*backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
        color: white;*/
        /*backdrop-filter: none;*/
    }

.ccl-product-block-title {
    transition: background-color 0.5s;
}

.ccl-product-block:hover {
    cursor: pointer;
}

.ccl-manuf-product-block {
    /*width: 460px !important;*/
    background-size: cover;
    height: 460px !important;
    margin: 5px;
}

    /*.ccl-manuf-product-block:hover .ccl-manuf-product-block-title, .ccl-manuf-product-block.hover .ccl-manuf-product-block-title {
        background-color: #0076ce;
        color: white;
    }*/

/*.ccl-manuf-product-block-title {
    transition: background-color 0.5s;
}

.ccl-manuf-product-block:hover {
    cursor: pointer;
}*/

.ccl-section-header {
    margin-bottom: 1.5em !important;
    /*width:auto;*/
}

.ccl-section-header2 {
    margin-bottom: 1em;
    /*width:auto;*/
}

/*.ccl-section-header::after{
content: "";
  display: block;
  width: 32px;
  padding-top: 3px;
  border-bottom: 2px solid red;
  }*/
.ccl-opacity-50
{
    opacity:0.5;

}

/*UNABLE TO MINIFY THIS*/
/*.ccl .ccl-text-stroke-black {
    color: black;
    -webkit-text-fill-color: rgb(255,255,255,0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    font-size: 5em;
}*/

.ccl-text-white {
    color: #fff !important;
}

.ccl-text-black {
    color: #000 !important;
}

.ccl-text-grey {
    /*color:#6c757d;*/
    color: #4f595f;
}

.ccl-text-mediumgrey {
    color: #c3c8c8 !important;
}

.ccl-text-blue {
    color: #0076ce;
}

.ccl-text-mediumblue {
    color: #0057b8;
}

.ccl-text-navyblue {
    color: #002c77;
}

.ccl-text-Ochre {
    color: #cc8a00 !important;
}

.ccl-text-darkPurple
{
    color:#532e60
}

.ccl-text-beige {
    color: #cc8a00 !important;
}

.ccl-text-darkRed {
    color: #76232f;
}

.ccl-text-beige-light {
    color: #d1c99d !important;
}

.ccl-text-green {
    color: #00573f !important;
}

.ccl-text-green2 {
    color: #cccd2b !important;
}

.ccl-text-lime-green {
    color: #ecf131 !important;
}

.ccl-border-beige {
    border-color: #cc8a00 !important;
}

.ccl-border-lghtGrey {
    border-color: #ededed !important;
}

.ccl-text-fade-black-beige {
    background-image: linear-gradient(45deg, #0076ce, #000);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}

.ccl-border-fade-white-green {
/*border-left-width: 4px;
  border-style: solid;*/
  border-left:1px dashed;
  border-image: linear-gradient(to bottom, white, #cccd2b,white) 1;
 }

.ccl-text-fade-lime-green {
    /*font-size: 70px;
  font-weight: 600;*/
    background-image: linear-gradient(90deg, #ecf131, #00573f);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    /*text-shadow: 0 2px black, 0 3px #777;*/
}


/*bootstrap overide*/
.popover-header {
    background-color: unset;
    background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(214,214,214,1) 100%);
    border-bottom: 1px solid #ddd;
}

.popover {
    border: 1px solid #ddd;
}

.btn-primary {
    color: #fff;
    background-color: #0076ce;
    border-color: #0076ce;
}

.btn-outline-primary {
    color: #0076ce;
    border-color: #0076ce;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0076ce;
    border-color: #0076ce;
}

.btn-primary-beige {
    color: #fff;
    background-color: #d1c99d;
    border-color: #d1c99d;
}

.btn-primary-beige:hover {
    color: #fff;
    background-color: #c3b985;
    border-color: #d1c99d;
}

.btn-primary-beige:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(150, 137, 71, .25) !important;
}

.dropdown-menu {
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
}
/*bootsrap overide end*/

.ccl-card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: cover;
}

.ccl-card-img-left {
    /*width: 100%;*/
    height: 30vw;
    width: 50vw;
    /*height:auto;*/
    object-fit: cover;
}

@media (min-width: 768px) {
    .ccl-card-img-left {
        /*width: 100%;*/
        height: 10vw;
        width: 15vw;
        /*height:auto;*/
        object-fit: cover;
    }
}

.ccl-border-top-0 {
    border-top: 0 !important;
}

.ccl-border-top-grey {
    /*border-top: 1px solid #ddd;*/
    border-top: 1px solid #ddd;
}

.ccl-border-bottom-white {
    border-bottom: 1px solid #fff;
}

.ccl-border-top-white {
    border-top: 1px solid #fff;
}

.ccl-border-bottom-grey {
    border-bottom: 1px solid #ddd;
}

.ccl-border-right-grey {
    border-right: 1px solid #ddd;
}

.ccl-border-right-white-fade-blue-3 {
    /*border-right: 3px solid #fff;*/
    border-right: 3px solid;
    border-image: linear-gradient(to bottom, #0076ce, white, #0076ce) 1;
}

.ccl-border-right-white-fade-black {
    /*border-right: 3px solid #fff;*/
    border-right: 3px solid;
    border-image: linear-gradient(to bottom, #000, white, #000) 1;
}

.ccl-font-bold {
    font-family: graphik-bold !important;
}

.ccl-font-semibold {
    font-family: graphik-semibold !important;
}

.ccl-font-light {
    font-family: graphik-light !important;
    font-weight:normal !important;
}

.ccl-font-regular {
    font-family: graphik-regular !important;
}

.ccl-navbar-logo {
    height: 38px;
}

.ccl-video-section_full {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ccl-dc-container-row {
    height: 50vh;
    min-height: 500px;
}

.ccl-dc-container-col {
    min-height: 50%;
}

.ccl-dc-img-container {
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position:center;*/
    background-position-x: center;
    background-position-y: center;
}

.ccl-pgv-img-container {
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position:center;*/
    background-position-x: center;
    background-position-y: top;
    width: 100%;
}

.ccl-pgv-h-70 {
    height: 70%;
}

.ccl-pgv-h-30 {
    height: 30%;
}

.ccl-pgv-h-3rd {
    height: calc(100% / 3);
}


.slick-dots li button {
    width: 30px !important;
}

    .slick-dots li button:before {
        font-size: 24px !important;
        color: #0076ce !important;
    }

.slick-dots {
    position: absolute;
    bottom: -70px !important;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dotted.slick-slider {
    margin-bottom: 70px !important;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 24px !important;
    height: 24px !important;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

@media (min-width: 576px) {
    .slick-dots li button {
        width: 40px !important;
    }

        .slick-dots li button:before {
            font-size: 36px !important;
        }

    .slick-dots {
        /*position: absolute;*/
        bottom: -107px !important;
        /*display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;*/
    }

    .slick-dotted.slick-slider {
        margin-bottom: 107px !important;
    }

    .slick-dots li {
        /*position: relative;
        display: inline-block;*/
        width: 36px !important;
        height: 36px !important;
        /*margin: 0 5px;
        padding: 0;
        cursor: pointer;*/
    }
}

.ccl-industry-logos > img {
    max-width: 100px;
}

/*RADIO BUTTON LIST START*/
.ccl-radiobutton-list > tbody > tr > td input[type="radio"]:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.ccl-radiobutton-list > tbody > tr > td > input[type="radio"]:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.ccl-radiobutton-list > tbody > tr > td > input[type="radio"] {
    float: left;
    margin-left: -1.5em;
}

.ccl-radiobutton-list > tbody > tr > td > input[type="radio"] {
    border-radius: 50%;
}

.ccl-radiobutton-list > tbody > tr > td {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
}

    .ccl-radiobutton-list > tbody > tr > td > input[type="radio"] {
        width: 1em;
        height: 1em;
        margin-top: .25em;
        vertical-align: top;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border: 1px solid rgba(0,0,0,.25);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
/*RADIO BUTTON LIST END*/



/*Image Grid Start*/
.ccl-image-grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

    .ccl-image-grid div {
        width: 50%;
        height: 200px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

@media screen and (max-width: 400px) {
    .ccl-image-grid {
        flex-direction: column;
        flex-wrap: no-wrap;
    }

        .ccl-image-grid div {
            width: 100%;
        }
}

.ccl-image-grid-image01 {
    background-image: url('../images/connectedHome_RandD-collage_1.jpg');
}

.ccl-image-grid-image02 {
    background-image: url('../images/connectedHome_RandD-collage_2.jpg');
}

.ccl-image-grid-image03 {
    background-image: url('../images/connectedHome_RandD-collage_3.jpg');
}

.ccl-image-grid-image04 {
    background-image: url('../images/connectedHome_RandD-collage_4.jpg');
}

.ccl-image-grid-image05 {
    background-image: url('../images/connectedHome_RandD-collage_5.jpg');
}

.ccl-image-grid-image06 {
    background-image: url('../images/connectedHome_RandD-collage_6.jpg');
}
/*Image Grid Finish*/


/*SLIDER*/
/*.slider-nav2 {
  display: block;
}
.slider-nav {
  display: none;
}

@media (min-width: 620px) {
  .slider-nav2 {
    display: none;
  }
  .slider-nav {
    display: block;
  }
}

.slider-inside {
  height: 200px;
}

.idt-slider-title {
  backdrop-filter: blur(12px);
  background-color: #1010100d;
  padding: 8px;
  text-align: center;
  color: white;
}
.slider-idt-selector {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 10px;
  border-radius: 20px;
}
.slider-img1 {
  background-image: url(../images/Principal-Manufacturing-Processes.jpg);
}
.slider-img2 {
  background-image: url(../images/thermo-mechanical-forming.jpg);
}
.slider-img3 {
  background-image: url(../images/injection-moulding.jpg);
}
.slider-img4 {
  background-image: url(../images/painting-and-lacquering.jpg);
}*/

.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
