*{
	/* Universal reset: */
	margin:0;
	padding:0;
}

body 
{
	min-width:360px;
	direction:ltr;
	margin:0px; padding:0px 0px 100px; /* Need to set body margin and padding to get consistency between browsers. */
	font-family:  'Roboto',Arial, Script;
	font-size:14px;
}
.wrapper {
	width:100%;
    min-width:360px;
	text-align:left; /* Counteract to IE5/Win Hack */
}
.clearer
{
	width:100%;
	height:100%;
	overflow:hidden;
}
img {border: 0;}
h1,h3 {font-family: 'Oswald', Calibri, Arial;}
h1,h3 {font-size:18px; font-weight:bold; color:#066ea6; margin-bottom:5px;}

/*BEGIN MAIN SECTIONS*/
.mainheader {width:100%;}
.flexwrapper {max-width:1500px; margin: 0px auto; position: relative;}
    .topglobal {width: 100%; background-color: #ddd/*#d524c7*/; padding-top: 5px; padding-top: 5px; padding-bottom: 3px;} /*original #dddddd*/
.topglobal-c {width: 100%; background-color: #000; padding: 5px 0px; border-bottom: 5px solid red;}
    .contlogonav > div {margin: 5px auto;}
    .toplogo {/* display:none; float:left; */}
    .toplogo-c {float: left;}
    .mainlogo {width:150px; float:left;}
        .linkHome img {height:38px; margin-left: 5px;}
    .logocampaign {width: 70px; float: right;}
    .logocampaign-c {width: 100px; float: right;}
    .logocampaign-c {padding-left: 5px;}
    #mainnav {/*width:1230px;*/  float:left; z-index: 100;}   /*IE Hack: position to read z-index*/

.logomt {height: 48px !important; margin-top: -4px;}

.dockedmenu {
    width: 110px !important;
    position: absolute;
    top: 15px;
    left: 5px;
}
.neologo {position: absolute; top: 0px; right: 0px;}
.neologo img {width: 150px; min-height: 50px;}
@media only screen and (max-width: 950px) {
    .neologo {display: none;}
}

.formobileonly {
    display: none;
}

@media only screen and (max-width: 701px) {
    .formobileonly {
        display: block;
    }
}

.notformobile {
    display: block;
}

@media only screen and (max-width: 701px) {
    .notformobile {
        display: none;
    }
}

.mainbanner {
    width: 100%;
    border-top: 2px solid #c5c5c5;
}
    .topsection {max-width: 580px; float:right;}
    .topsection-c {max-width: 350px; float:right; margin-right: 20px;}
.socialsection, .socialsection-c {
    float: right;
    margin-right: 2px;
    /*
    width: 195px;
    float: right;
    margin-top: 15px;*/
}
    .socialsection img, .socialsection-c img {width: 32px; float: right;}
    .socialsection-c {border-right: 2px solid white; padding-right: 5px;}
        .btn_dialogLWS {width:35px; float:right; font-size:11px; color: Black; text-align:center; cursor: pointer; border-left: 1px solid gray;}
            .txtcountries {font-size: 14px; font-weight: bold;}
            .txtcountries img {width: 28px; margin-top: 2px;}
            .dialogLWS a:link {text-decoration:none;}            
            .flagcounty {width: 20px; margin-right:5px; float: left;}
            .seccion_lang {margin:5px 0 5px 25px !important;}
            .seccion_lang span {display:block; font-weight: bold; font-size: 11px; padding:5px 0px;}
            
        .search {width:35px; float:right; position: relative; /*margin-top: 15px;*/ margin-bottom: 2px;}
        .search input {width: 30px; 
                       height: 30px; 
                       background: #fcfcfc; 
                       border: 1px solid #aaa; 
                       border-radius: 5px; 
                       text-indent: 32px; 
                       background-image: url(/media/icons/search-icon.png) !important;
                       background-position: 8px 7px;
                       background-repeat: no-repeat;
                        -webkit-transition: width 0.4s ease-in-out;
                        transition: width 0.4s ease-in-out;
        }
            .search input:focus {background-color: #fffa8d; width: 98%;}
	.topbanner div img {width: 100%;} /*Responsive images in banner*/
	.bannerclick img {cursor: pointer;}

.maincontent {width:100%;}
.maincontent ul {padding: 0 15px;}
.flexwrapper-c {max-width:1200px; margin: 0px auto; padding: 5px 10px; position: relative;}
.flexwrapper-d {max-width:1200px; margin: 0px auto; position: relative;}
.contwrapmenu { background-color:#555;}


/* LOGIQUICK TOOLS BEGIN */

.measurement {
    background-color: #eeeef6;
    width: 20%;
    height: 45px;
    display: flex;
    text-align: center;
    margin-bottom: -35px;
}

 ul.productslist { width: 100%; }
 ul.productslist li { 
      display: inline-block; 
      width: 30%; 
      min-width: 200px; 
      margin: 2% 1.2%; 
      cursor: pointer; 
   }

@media only screen and (max-width: 700px) {
    ul.productslist li {
       width: 45%;
   }
}

@media only screen and (max-width: 460px) {
    ul.productslist li {
       width: 90%;
   }
}


      ul.productslist li>div:first-child { 
          padding-bottom: 69%; 
          width: 100%;  
          position: relative; 
          background-repeat: no-repeat; 
          background-position: center; 
          background-size: cover;
      }
      
      ul.productslist li>div:nth-child(2) { 
          position: relative; 
          height: 60px; 
          padding-top: 0%; 
          width: 100%; 
      }      

      ul.productslist li>div:nth-child(2)>div { 
          position: absolute; 
          overflow: visible; 
          width: 100%; 
          margin: 0 auto; 
          background-repeat: no-repeat; 
          background-position: center; 
      }

.boxtopleft {
  position: absolute; top: -4px; left: -4px; border-top: solid 5px #00adf0; border-left: solid 5px #00adf0; width: 20px; height: 20px;
  }
  .boxtopright {
  position: absolute; top: -4px; right: -4px; border-top: solid 5px #00adf0; border-right: solid 5px #00adf0; width: 20px; height: 20px;
  }
  .boxfootright {
  position: absolute; bottom: -4px; right: -4px; border-bottom: solid 5px #00adf0; border-right: solid 5px #00adf0; width: 20px; height: 20px;
  }
  .boxfootleft {
  position: absolute; bottom: -4px; left: -4px; border-bottom: solid 5px #00adf0; border-left: solid 5px #00adf0; width: 20px; height: 20px;
  }
.border-color-black { border-color: black; }
/*  END LOGIQUICK TOOLS  */

.mainfooter {width:100%; background-color: #dddddd; font-size:11px; color:Black; margin-top:10px;}
.mainfooter a {color: gray;}
.mainfooter h4 {color: black;}
.wrapfooter {
    padding: 10px 0px 0px;
    border-top: 3px solid #484848;
}

.prefooter {
    width: 96%;
    max-width: 1200px; 
    text-align: left; 
    margin: 0px auto !important; 
    line-height: 1.7;
}
.prefooter a {display: block; text-decoration: none;}
.prefooter a:hover {color: black;}
.prefooter h4 {margin-bottom: 10px; font-size: 12px; font-family: 'Oswald';}
.fcol { 
   min-width: 184px; 
   max-width: 200px;
   min-height: 22em;
   display: inline-block;
   background-repeat: no-repeat;
   float: left;
   padding-left: 10px;
   margin-top: 10px;
   cursor: pointer;
}

/*  ISCAR World App  BEGIN  */
.prefooter .fcol:last-child { 
   min-width: 150px; 
   max-width: 170px;
}

.prefooter .fcol:last-child>h4 {      
        float: none;
   }

.prefooter .fcol:last-child a { 
   display: inline-block;
   margin-right: 8px;
   text-decoration: none;
   width: 100px;
   padding-top: 36px;
   background-repeat: no-repeat;
   background-size: cover;
}

.prefooter .fcol:last-child a#iscarworldapple { 
   background-image: url(/MediaR/site2023/apple_store_icon.svg);
}

.prefooter .fcol:last-child a#iscarworldgoogle { 
   background-image: url(/MediaR/site2023/google_play_icon.svg);
}

.prefooter .fcol:last-child a:hover {
   transform: scale(1.18); 
}

/* END ISCAR World App */

/*  social footer BEGIN  */

   .wrapssfooter {
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: solid 2px darkgrey;
    display: none;
   }

 .socsecfooter {
      width: 100%;
      text-align: center;
      clear: both;
      margin: 0 auto;
   }

   .socsecfooter a {
      width: 32px;
      padding-top: 32px;
      display: inline-block;
      text-align: center;
      background-repeat: no-repeat;
   }

   .socsecfooter a.spotifyflink {
      background-image: url(/MediaR/icons/Spotify_2025Icon.svg);
   }

   .socsecfooter a.linktiktok {
      background-image: url(/MediaR/icons/TikTok_2024Icon.svg);
   }

   .socsecfooter a.linkyoutube {
      background-image: url(/MediaR/icons/YouTube_2023Icon.svg?v=1);
   }

   .socsecfooter a.linkfacebook {
      background-image: url(/MediaR/icons/FaceBook_2023Icon.svg);
   }

   .socsecfooter a.linklinkedin {
      background-image: url(/MediaR/icons/LinkdIn_2023Icon.svg);
   }

   .socsecfooter a.linktwitter {
      background-image: url(/MediaR/icons/Twitter_2023Icon.svg);
   }

   .socsecfooter a.linkinstagram {
      background-image: url(/MediaR/icons/Instagram_2023Icon.svg);
   }

   .socsecfooter a.linkiscarworld {
      background-image: url(/MediaR/icons/ISCARWorld_2023Icon.svg);
   }
/*    */

#dataPolices { margin-top: 5px; }
#dataPolices span {
  color: white; 
  background-color: #888; 
  padding: 6px 8px;
}

/*
@media only screen and (max-width: 1200px) { .prefooter {width: 70%;} }
@media only screen and (max-width: 540px) { .prefooter {width: 87%;} }
*/

@media only screen and (max-width: 1200px) { .prefooter {width: 90%;} }
@media only screen and (max-width: 540px) { 
  .prefooter {
    max-width: unset;
    width: 90%;
    //position: relative;
  } 

  .prefooter .fcol>h4 {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #222;
  }
 
  .prefooter .fcol {
      max-width: unset;
      min-width: unset;
      width: 100%;
      min-height: unset;
      cursor: pointer;
      //padding-bottom: 2px;
  }

 .prefooter .fcol:not(:last-child) {
      border-bottom: solid 1px grey;
  }

  .prefooter .fcol:not(:last-child)>h4:after {
    content: ">";
    font-family: serif;
    float: right;
    margin-right: 7%;
    transform: scaleY(2);
  }

 .prefooter .fcol:not(:last-child)>h4:hover::after {         
    content: ">";
    font-family: serif;
    display: inline-block; /* Ensure the pseudo-element can be transformed */
    transform: rotate(90deg) scaleY(2);   
  }
  
  .prefooter .fcol:not(:last-child) a {
      display: none;
      float: right;
      width: 95%;
   }

  .prefooter .fcol.more-detail a {
      display: inline-block;
      color: #444;
   }

  .prefooter .fcol.more-detail a:last-child {
      padding-bottom: 7px;
   }

  .prefooter .fcol.more-detail:not(:last-child)>h4:after {         
    content: ">";
        font-family: serif;
    display: inline-block; /* Ensure the pseudo-element can be transformed */
    transform: rotate(90deg) scaley(2); 
}

  .prefooter .fcol.more-detail:not(:last-child)>h4:hover::after {             
    content: ">";
    font-family: serif;
    display: inline-block; /* Ensure the pseudo-element can be transformed */
    transform: rotate(-90deg) scaleY(2); 
}

 .prefooter .fcol>h4:hover {         
     color: #086fb1;     
  }

  .prefooter .fcol.more-detail>h4:hover {
    color: #086fb1;
   }

  .prefooter .fcol.more-detail a:hover {
    color: #086fb1;
  }


  .wrapssfooter {    
    display: block;
   }

  .socialsection {
    display: none;
  }

}  // end @media only

/*  END Social Footer  */

.megapanel a:before {
   margin: 0 3px -3px 0;
}

.ui-tooltip1 {
	-webkit-box-shadow: 5px 5px 5px 0 #c0bfbf;
	-moz-box-shadow: 5px 5px 5px 0 #c0bfbf;
	box-shadow: 5px 5px 5px 0 #c0bfbf;
	border: 2px solid #086fb1 !important;
}
.ui-tooltip-content {font-size:12px;}
/*END MAIN SECTIONS*/

.cycle-slideshow {z-index: 50; margin-bottom: 4px; }

#breadcrumbs {font-size:11px; margin:5px 0; width: 100%; float:left;}
#breadcrumbs, #breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:visited  {color: Gray;}
#breadcrumbs a:hover {color: #555;}
.breadcrumbs-c {width: 100%; float: left; color: antiquewhite; padding-left: 10px; font-size: 11px; margin: 10px 0; padding-left: 40px;}
.breadcrumbs-c, .breadcrumbs-c a:link, .breadcrumbs-c a:active, .breadcrumbs-c a:visited {color: antiquewhite;}
.breadcrumbs-c a:hover {
    color: antiquewhite;
}
@media only screen and (max-width: 550px) {
	.breadcrumbs-c a {width: 30px !important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: top;}
}

.divisor {margin:10px 0;}

#imgToSearch {float: right; padding-right:10px;}
.ActualMenu {border-bottom: 2px solid yellow !important;}
.ActualMenu > a {color: yellow !important;}

.centralcontent {line-height:1.4;}
.centralcontent .col { text-align:left;}
.centralcontent .col a:link {color: #1b4494;}
.centralcontent .col a:visited {color: #1b4494;}
.centralcontent .col a {color: #666;}
.centralcontent .col a:hover {color:Red;}


.contfooter {text-align: center; padding-bottom: 3px; color: gray;}
.termsfooter {text-align: center; padding: 15px 0; background-color: #bcbec0; color: #666666;}
.footcolumn {width:270px; float:left; margin:20px; padding-left:5px;} /* Just to Example*/
#copyright {width:970px; text-align: center; background-color: #1B4494; padding:5px 0px;}

#dialogLWS {text-align:left; display:none; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
#dialogLWS div {margin: 10px 0px; text-decoration: none; padding: 2px 0 2px 2px;}
#dialogLWS div a {text-decoration: none;}
#dialogLWS div:hover {background-color:#ebebeb;}

.imgLeft {float:left; margin:0px 5px 2px 0px;}
.imgRight {float: right; margin:0px 0px 2px 5px;}
.imgLeft2 {float:left; margin:0px 15px 15px 0px;}
.imgRight2 {float: right; margin:0px 0px 15px 15px;}
.imgFloatSide {float: right; margin:0px 0px 15px 15px;}

.objLeft {float:left; margin:0px 5px 2px 0px; height:100%; overflow:hidden;}
.objLeft2 {float:left; margin:0px 15px 15px 0px; height:100%; overflow:hidden;}
.objRight {float: right; margin:0px 0px 2px 5px; height:100%; overflow:hidden;}
.objRight2 {float: right; margin:0px 0px 15px 15px; height:100%; overflow:hidden;}
.objLeft, .objLeft2, .objRight, .objRight2 {height: auto;}
.halfindust {width: 46%; max-width: 440px;}
@media only screen and (max-width: 540px) {
    .objLeft, .objLeft2, .objRight, .objRight2, .imgLeft, .imgLeft2, .imgRight, .imgRight2   {display: block; float:inherit; clear:both; margin: 5px 0;}
    .divisor {display:none;}
	.halfindust, .objRight2.halfindust iframe, .objRight2.halfindust img, .objRight2 > div {width: 100%;}
}
.objRight2.halfindust iframe, .objRight2.halfindust img, .objRight2 > div {
    float: right;
    margin-bottom: 20px;
    width: 100%;
}
.spacer10 {height:10px; clear: both;}
.spacer20 {height:20px; clear: both;}
.spacer30 {height:30px; clear: both;}

.indicon {width: 30px; float: left;}
.indtext {margin: 3px 0 0 5px; float: left;}

/*Begin Product Lines*/
ul.main_productlines {list-style-type: none;
    margin: 0;
    padding: 0;
}

.main_productlines a:link, .main_productlines a:visited { 
    text-decoration: none;
    cursor: pointer;
}

.main_productlines a:link:active, .main_productlines a:visited:active { 
    color: black;
}

li.main_productline:hover {background-color: #c9e1ff !important;}

ul.main_productlines li {width: 400px; padding: 10px 10px 10px 0px; text-align: left;}
    
.prodNumContainer {background-color: #357aa4; width: 30px; display: inline-block;} 
.productNumber {font-size: 18px; color: white; padding: 4px; text-align: center; }

.productTitle {
    margin: 0 0 0 15px; display: inline; font-family: 'Oswald', Calibri, Arial; 
}

.prodicons .col strong {font-family: 'Oswald', Calibri, Arial; font-size: 18px;}
.prodicons .square img {display: block;}
/*End Product Lines*/

.gray {
    color: #555555;
    font-size: 12px;
    font-weight: bolder;
    text-decoration: none;
}

.subtitle {
    color: #555555;
    font-size: 16px;
    font-weight: bolder;
    text-decoration: none;
}

#ListNPAVideo {
	width:450px;
	margin:10px auto 0px;
	padding:5px;
	text-align:left; /* Counteract to IE5/Win Hack */
	font-size:11px;
	color:#626262;
}
.Video {
	margin:10px 0px;
}
.NPATitle p {font-weight:bold;}
.Links {
	font-size:11px;
}
.Links div { margin-bottom:5px; }
.LinkGray {color:#626262;}
.LinkRed {color:red;}
.Links a:hover {
	color: red;
}

#tabsCatalogs, #tabsPressrelease { height:650px; overflow:scroll; -webkit-overflow-scrolling: touch;}  
#tabsNPA { height:720px; overflow:scroll; -webkit-overflow-scrolling: touch;}  
.accordsection {min-height:100px; height:290px;}
.npa_new {
    background-image: url(/mediar/icons/new_npa.svg);
    background-size: 60px 42px;
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    left: 16px;
    width: 88px;
    height: 55px;
    margin: 0px -8px 5px;
}

#ListPressrelease {
	min-width:650px;
	margin:10px auto 0px;
	padding:5px;
	text-align:left; /* Counteract to IE5/Win Hack */
	font-size:11px;
	/*color:#626262;*/
}

.detContent { width:345px; float: left; text-align:left; margin:0 5px;}
.detImage { width:295px; float: right; overflow:hidden; margin:0px 0px 15px 15px;}
.detImage div { width:40px; margin:0px auto;}
.imgcatalog { float:right; margin:0 0 0 10px;}
.detImage img, .imgFloatSide img
{
	background-color: #B0B0B0;
	-webkit-border-radius: 5px;  /*Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 5px;  /*FF1-3.6 */
    border-radius: 5px;  /*Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}

.divwithlist span, .divwithlist ul {margin-left: 17px;}
.divwithlist ol{margin-left: 25px;}
.divwithlist span {font-weight:bold;}
.listTitle { margin-left:15px;}
.titlered	{ color: red;}
.ui-tabs .ui-tabs-nav li {float: left;}

/* Begin CSS Real Person */
.lblForm { width: 10em; float: left; }
label.error { float: none; color: red; padding: 0 0.5em; vertical-align: top; font-size:10px; width:100%;}
.cmxform > div {margin-bottom:3px;}
.checkbox { margin:0 3px;}
.optSide1 {width: 49%; float:left;}
.optSide2 {width: 49%; float:right;}
.multoptions {padding:15px 0; min-height: 160px;}
.warning {color: Red;}
.thanks {color:	#066EA6;}
/* End CSS Real Person */

.Venezian {font-size:8px; text-align: center;}
.Venezian2 {font-size:8px;}

/*New Catalogs*/
.spaceCatalog {height:30px; clear: both;}
.theCatalogs { background-color: #EFEFEF;}
.lineCatalog {clear: both; padding: 10px;}
.catalogSection {width:375px; height:270px; float: left; margin:0px 10px 10px; overflow: hidden;}
.catalogSection h3 { margin-top: 5px;}
.catImage {margin-bottom: 5px;}
.catImage img {border-radius: 10px;}
.catContent {width: 100%; float: left;}
/*End New Catalogs*/

/****  SVG LOGO BEGIN  ****/
.small_logo_1 { height:15px !important; padding-bottom: 8px;}
.small_logo_2 {height: 22px !important; padding-top: 6px;}
.small_logo_3 { height:27px !important;}   
.small_logo_4 { height:20px !important; padding-bottom: 8px;}   
.small_logo_5 { height:28px !important;}   
.small_logo_6 { height:18px !important;}   
.small_logo_7 { height:23px !important;}  
.small_logo_8 { height:24px !important;}  
.small_logo_9 { height:22px !important;}  
.small_logo_10 { height:48px !important;}
.small_logo_11 { height:42px !important;}  
.small_logo_12 { height:25px !important;}  
.small_logo_14 { height:25px !important;}  
.small_logo_15 { height:30px !important;}
.small_logo_25 {height: 30px !important;}

img[src$="--1.svg"]{ height:19px;}
img[src$="--2.svg"]{ height:27px;}    
img[src$="--3.svg"]{ height:38px;}   
img[src$="--4.svg"]{ height:25px;}   
img[src$="--5.svg"]{ height:33px;}   
img[src$="--6.svg"]{ height:23px;}   
img[src$="--7.svg"]{ height:28px;}  
img[src$="--8.svg"]{ height:30px;}  
img[src$="--9.svg"]{ height:28px;}  
img[src$="--10.svg"]{ height:58px;}
img[src$="--11.svg"]{ height:52px;}  
img[src$="--12.svg"]{ height:36px;}  
img[src$="--13.svg"]{ height:34px;}  
img[src$="--14.svg"]{ height:40px;}
img[src$="--25.svg"]{height: 36px;}
img[src$="AppIcon.svg"] {float: left; margin-right: 5px; border: 1px solid gray;}

/****  SVG LOGO END  ****/

/****  RESPONSIVE SPECIFIC SECTIONS BEGIN  ****/
@media only screen and (max-width: 1400px) {
     #mainnav {width:100%;} 
    .contlogonav > div {width:100%;}
	.mainlogo {display:none; }
    #breadcrumbs {padding: 0 10px;}

}

@media (min-width: 360px) and (max-width: 1400px) {
   /* .toplogo {display:block;} */
}
/****  RESPONSIVE SPECIFIC SECTIONS END  ****/


/******************************************/
/****  RESPONSIVE RULES CONTENT BEGIN  ****/
/******************************************/

/*  SECTIONS  ============================================================================= */
.section {clear: both; padding: 0px; margin: 0px;}

/*  GROUPING  ============================================================================= */
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}

/*  GRID COLUMN SETUP   ==================================================================== */
.col {display: block; float:left; margin: 0% 0 0 3%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 540 PIXELS */
@media only screen and (max-width: 540px) {
    .col { margin: 1% 0 0 0;}
    .centralcontent .col {margin: 1% 0 2% 0 !important;}
    /*.socialsection, .socialsection img {float:left;}*/
}

/*  GRID OF TWO   ============================================================================= */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 48.5%;}

/*  GRID OF THREE   ============================================================================= */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 65.7%;}
.span_1_of_3 {width: 31.3%;}

/*  GRID OF FOUR   ============================================================================= */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.25%;}
.span_2_of_4 {width: 48.5%;}
.span_1_of_4 {width: 22.75%;}

/*  GRID OF FIVE   ============================================================================= */
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 79.4%;}
.span_3_of_5 {width: 58.8%;}
.span_2_of_5 {width: 38.2%;}
.span_1_of_5 {width: 17.6%;}

/*  GRID OF SIX   ============================================================================= */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 82.84%;}
.span_4_of_6 {width: 65.68%;}
.span_3_of_6 {width: 48.5%;}
.span_2_of_6 {width: 31.36%;}
.span_1_of_6 {width: 14.16%;}

/*  GO FULL WIDTH AT LESS THAN 540 PIXELS */
@media only screen and (max-width: 540px) {
	.span_2_of_2 {width: 100%;}
	.span_1_of_2 {width: 100%;}

	.span_3_of_3 {width: 100%;}
	.span_2_of_3 {width: 100%;}
	.span_1_of_3 {width: 100%;}

	.span_4_of_4 {width: 100%;}
	.span_3_of_4 {width: 100%;}
	.span_2_of_4 {width: 100%;}
	.span_1_of_4 {width: 100%;}

	.span_5_of_5 {width: 100%;}
	.span_4_of_5 {width: 100%;}
	.span_3_of_5 {width: 100%;}
	.span_2_of_5 {width: 100%;}
	.span_1_of_5 {width: 100%;}

	.span_6_of_6 {width: 100%;}
	.span_5_of_6 {width: 100%;}
	.span_4_of_6 {width: 100%;}
	.span_3_of_6 {width: 100%;}
	.span_2_of_6 {width: 100%;}
	.span_1_of_6 {width: 100%;}
}

/****************************************/
/****  RESPONSIVE RULES CONTENT END  ****/
/****************************************/

/*FAQ BEGIN*/
	.wFAQ {
        clear:both;
		margin-top: 22px;
		}
.popupopener {
    background-color: #086fb1;
    cursor: pointer;
    /*padding: 1px; */
}
	.popupopener:hover {background-color: white;}
	.closerow {background-color:#0f7dc2; color: white; width: 100%; height:25px; cursor: move;}
	.closefaq {float:right; padding:5px; cursor: pointer;}
	.faqpopup {display: none; position:fixed; width: 800px; height:600px; top: 9%; right:5px; border: 2px solid #0f7dc2; border-radius: 5px; z-index:2000000; background-color: white;}
	.faqcontent {width:99%; height:95%; overflow-x:hidden; overflow-y:scroll; }     
	.picfaq {width: 60%; display: block; margin: 5px auto;}
    .newfaq {/*padding: 10px; text-align: center; color: red; font-size: 14px; font-weight: bold;*/ display:none;}

    /*newfaq animation*/   
    .newfaq {
	/*
      animation-duration: 0.5s;
      animation-name: theanim;
      animation-iteration-count: infinite;
      animation-direction: alternate;
	*/  
    }

    @keyframes theanim {
      from {
        transform: scale(1);
      }

      to {
        transform: scale(1.2);
      }
    }

	@media only screen and (max-width: 500px) {
		.faqpopup { width:95%; min-width:350px;}
	}
/*FAQ END*/

@media (max-width: 700px) {
	#breadcrumbs {display:none !important;}
}

/*HOVER EFECTS BEGIN*/
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*HOVER EFECTS END*/
.relatedlinks {margin:10px 1px; text-align: left; direction: ltr;}
.relatedlinks h3 {color: black;}
.relatedlinks a {color: white; margin: 2px 9px 2px 1px; padding: 3px 8px; border: 1px solid #357aa4;text-decoration: none; float: left; background-color: #357aa4;}
.relatedlinks a:hover {background-color: white; color: #357aa4;}
.actualrelative {background-color: white !important; color: #357aa4 !important; cursor: default;}
.origrel {background-image: url(/mediar/icons/arrow.svg); background-position: center; width: 7px; height: 18px;}
.origrel:hover {background-color: #357aa4 !important; }

.imgcontainer img, .imgcontainer canvas {width: 850px; Overflow: hidden;}

@media only screen and (max-width: 870px) {
	.imgcontainer, .imgcontainer > div, .imgcontainer img, .imgcontainer canvas {width: 100% !important; height: auto !important;}
}
	
/* CAMPAIGNS */
.bckgcont a {outline: 0;} /* Removing The Dotted Outline*/
.video-container {overflow: hidden; position: relative; width:100%;}
.video-container::after {padding-top: 56.25%; display: block; content: ''; }
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* SEARCHBOX */
.searchbox {min-height: 35px; width: 30%; margin: 5px auto !important;}
@media (max-width: 1400px) {
    .searchbox {width: 40% !important;}
}
@media (max-width: 540px) {
    .searchbox {width: 80% !important;}
}
.gsc-control-cse {padding: 5px 5px 0px;}
table.gsc-search-box td.gsc-input {padding-right: 6px;}

/* Learning PopUp Begin */
/* updated 29-Nov-2024  */

   #LearningPopUpMenuContainer {position: fixed; top: 0; background-color: #111111bd; width: 100vw; height: 100vh; }
   #LearnPopUpMenu {position: absolute; top: 50%; left: 50%; width: 60%; margin-top: -20%; margin-left: -30%; padding-top: 33.7%; background-image: url(/MediaR/images/LearningMenuPopUp2.png); background-repeat: no-repeat; background-size: cover;}
   #exitBtn {background-color:#fff; width: 3vw; position: absolute; right: 0; top: 0; padding-top: 3vw; float: right; cursor: pointer;}
   #exitBtn > div {text-align: center; font-size: 2vw; display: inline-block; width: 100%; float: right; margin-top: -2.7vw;}
   #buttonsAreaWraper { width: 100%; position: absolute; top: 61%;  font-size: 1.6vw; color: white; }
   #buttonsArea {display: inline-block; display: flex; justify-content: space-around; font-family: 'Oswald', sans-serif;}
   .btnAndLegend {width: 25%; text-align: center;}
   .btnLearning {width: 92%; background-color: white; position: relative; display: flex; margin-bottom: 0.6vw; color: white; cursor: pointer; padding: 0.4vw; border-style: solid; border-color: white; border-width: 0.2vw; border-radius: 0.7vw; transition: all .3s ease-in-out;}
   .btnLearning a {text-decoration: none !important}
   .btnLearning:hover { transform: scale(1.1);}
   .btnLearning img {padding: 3px; width:28%;}
   .btnLearning div { position: absolute; top: 50%; left: 29%; margin-top: -1.2vw; font-size: 1.5vw; text-align: center; width: 70%; font-family: 'Oswald', sans-serif !important;}
   .Legend {text-align: center; font-family: 'Oswald', sans-serif !important; }
   #btnTechCenter {background-color: #00508c;}
   #btnIndustrealize {background-color: #0f3482;}
   #eLearning {background-color: #283e70;}
   #btnTechCenter:hover {background-color: #136bad;}
   #btnIndustrealize:hover {background-color: #1e4eb3;}
   #eLearning:hover {background-color: #46609c;}


/* Learning Popup End  */

/* HomePage styles BEGIN */
.buttonsbox {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.hbox {
    /* width: 14%; */
    /* width: 16%; */
    /* float: left; */
    text-align: center;
    font-family: 'Oswald', Calibri, Arial;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 10px;
    /*padding: 10px 20px;*/
    /* border: 1px solid #ccc; */
    background-color: #ffffff;
    cursor: pointer;
    /*width: 14%;*/
    /*width: 16%;*/
}

 
.toplogo  {display: none;}

.fancybox-slide {
    position: relative !important;
    min-width: 400px;
    margin: 0px auto !important;
}

@media only screen and (max-width: 644px) {
    .fancybox-slide {
        position: absolute !important;
        width: 100% !important;
    }
}

.iconwrapper {
    margin: 5px 0px 10px;
    padding: 5px 0 2px;
    background-color: #f4f4f4;
}

.textHome2 {
    color: #555;
    margin: -5px 0 5px;
    clear: both;
    width: 140px;
    text-overflow: clip;
    height: 2em;
}

.iconHome2 a {
    text-decoration: none;
}

    .iconHome2 a img {
        width: 100px;
    }


@media only screen and (max-width: 644px) {
    .textHome2 {
        text-align: center;
        float: inherit;
        margin: 0px auto 10px !important;
    }

    .hbox {
        width: 30%;
        min-height: 170px;
        margin: 0px 1%;
    }
}

.colored a img {
    width: 80px;
    margin: 5px 14px 5px 0px;
}

.imgicon {
    float: left;
}

#div-ita {
    background-color: white;
}

#div-industrealize {
    background-color: white;
}

#div-matrix {
    background-color: white;
}

#div-npa {
    background-color: white;
}

#div-ecat {
    background-color: white;
}

#div-faq {
    background-color: white;
}

.inner-border {
    box-shadow: inset 0px 0px 0px 2px white;
    box-sizing: border-box; /* Include padding and border in element's width and height */
    min-height: 95px;
    background-color: #efefef;
}

.border-indust {
    border: 2px solid #59595a;
}

.border-matrix {
    border: 2px solid #59595a;
}

.border-npa {
    border: 2px solid #59595a;
}

.border-ecat {
    border: 2px solid #59595a;
}

.border-faq {
    border: 2px solid #59595a;
}

.border-ita {
    border: 2px solid #59595a;
}

.wide1 {
    width: 90%;
}

.wide2 {
    width: 45%;
}

.txtcontent {
    padding: 0 10px;
    margin: 0px auto;
}

    .txtcontent a {
        text-decoration: none;
    }

    .txtcontent h2, .txtcontent h3 {
        color: #59595a;
    }

.txttitle {
    padding-top: 15px;
}

@media only screen and (min-width: 980px)and (max-width: 1200px) {
    .wide1 {
        width: 90%;
        min-height: 122px;
    }

    .wide2 {
        width: 60%;
    }
}

@media only screen and (min-width: 540px)and (max-width: 980px) {
    .wide1 {
        width: 95%;
        min-height: 170px;
    }

        .wide1 .imgicon {
            float: none;
        }

    .wide2 {
        width: 65%;
        min-height: 110px;
    }

    .wide1 h2 {
        font-size: large;
    }
}

@media only screen and (max-width: 644px) {
    .wide2 {
        width: 80%;
    }
}

.neoword {
    color: #59595a;
}

.itaword {
    color: red;
}

.myanim {
    animation: mymove 2s infinite;
}

@keyframes mymove {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }

    50% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.hpp {
    float: left;
}

.popupopener {
    background-color: #efefef;
}

    .popupopener:hover {
        background-color: #efefef;
    }

/* home page 2023 begin */
.hpbtncontainer {
    width: 100%;
}

.hpbtn {
  margin: 1%;
  overflow: hidden;
  outline: solid 2px #59595a;
  background-color: #efefef;
  display: inline-block;
  cursor: pointer;
  width: 31%;
  background-repeat: no-repeat;
  background-size: 80px;
  background-position-x: 10px;
  background-position-y: center;
}

#btnECatalog { background-image: url('/MediaR/site2023/ECAT_Icon_1.svg'); }
#btnNeoITA { background-image: url('/MediaR/site2023/NEO_ITA_Icon_1.svg'); }
#btnFAQ { background-image: url('/MediaR/site2023/FAQ_Icon_1.svg'); }
#btnIndust { background-image: url('/MediaR/site2023/Industrealize_Icon_1.svg'); }
#btnMATRIX { background-image: url('/MediaR/site2023/MATRIX_Icon_1.svg'); }
#btnNPA { background-image: url('/MediaR/site2023/NPA_Icon_1.svg'); }

.hpbtncontent {
    width: 94%;
    margin: 3%;
    overflow: hidden;
}

.hpbtnicon {
    width: 25%;
    padding-top: 25%;
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
}

.hpbtnlegend {
    width: calc(100% - 90px);
    margin-left: 90px;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    color: #59595a;
}

.hpbtntitle {
    display: inline-block;
    width: 90%;
    margin: 3% 0% 0% 5%;
    color: #59595a;
}

.hpbtndscr {
    font-family: 'Oswald', Calibri, Arial;
    font-size: 18px;
    margin-left: 5%;
    height: 3em;
}


@media only screen and (min-width: 644px) and (max-width: 990px) {
    .hpbtn {
        width: 45.6%;
        margin: 2%;
    }
}


@media only screen and (max-width: 644px) {
    .hpbtn {
        width: 80%;
        margin: 3% 9%;
    }
}

/* home page 2023 end */

/*  VR styles BEGIN  */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */


/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.modal-content {
    background-color: transparent;
    margin: auto;
    padding: 20px;
    width: 50%;
    max-width: 896px;
}

.VR_POPUP {
    content: url(/MediaWeb/Web_General/Images/VR_POPUP.jpg);
}

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

    .modal-content {
        background-color: transparent;
        margin: auto;
        width: 350px;
        max-width: 400px;
    }

    .VR_POPUP {
        content: url(/MediaWeb/Web_General/Images/VR_POPUP_Mobile.jpg);
        width: 350px;
        max-width: 400px;
    }
}
/* VR styles END */

/* BEGIN TOP PART */
.CompanyLogo {
            width: 150px;
            float: left;
            height:38px;
            display: none;    
    }

    .toplogo {
        width:100px;
        display: none;
        float: left;
    }
    .topsection {
    width: 100%;
    /* clear: both !important; */
    float: right;
}
    .countrysection {
        width: 200px;
        float: right;
        position: relative;
        margin-right: 30px;
        margin-top: 2px;
        font-size: xx-small;        
        height: 32px;
}

    .countrysection select {
        text-align: center;
        height: 32px;
        height: 32px;
        border-radius: 8px;
        background-color: #f4f2ed;
    }

    .countrysection select option {
        text-align: left;
        padding-left: 7px !important;
    }

    .countrysection select option[selected] {
        font-weight: bold;
    }

.select-style {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('path_to_your_custom_arrow_image') no-repeat right;
  background-color: #fff; /* Set background color */
  border: 1px solid #eee; /* Optional: for border */
  padding: 5px 10px;
  width: 200px; /* Adjust as needed */
}

.select-style:hover {
  background-color: #f8f8f8; /* Color when hovered */
}

.select-style:focus {
  background-color: antiquewhite; /* Color when focused */
  border: 2px solid #eee;
}
 
 #selectCountryBox {
     margin-left: 20px;
    width: 220px;
    height: 28px;
    background-color: #f5f2eb;
    overflow: hidden;
    cursor: pointer;
    outline: solid 1px #aaa;
    border-radius: 7px;
    float: right;
    z-index: 299 !important;
    }

        #selectedCountry {
            margin-left: 10px;
            display: inline-block;
            /*width: 100%;*/
            width: calc(100% - 40px);
            float: left;
            line-height: 2em;
        }

        .selectCountryBox button {
            float: right;
            border:  none;
        }

        .selectCountryBox button span {
            font-weight: bold;
            display: inline-block;
            width: 26px;
            font-size: 2em;
            transform: rotate(90deg);
            line-height: 1em;
            text-align:  center;
            clear:  both;
            margin: 0 auto;
            float: right;
            color: #333;
            font-family: 'Oswald';
        }


    .dropdown-content {
    list-style: none;
    padding: 0;
    margin: 0;
    /* display: none; */
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    position: fixed;
    z-index: 1000 !important;
    overflow-y: scroll;
    height: 80vh;
    margin-top: 28px;
    width: fit-content;
    }

    .dropdown-content:not(focus) {
        display: none;
    }

    .dropdown-content li {
        padding: 3px 16px 3px 10px;
        text-decoration: none;
        display: block;
        color: black;
    }

    .dropdown-content li:hover {
        background-color: #c1d6f7;
    }

    #CountriesList {
        display: none;
        cursor: pointer;
    }
    .selectCountryLogo {
        display: inline-block; 
        width: 22px; 
        height: 22px; 
        margin: 3px 4px 1px 2px; 
        background-image: url('/mediar/icons/globe-icon.svg'); 
        background-position: center; 
        background-repeat: no-repeat; 
        background-size: contain; 
        float: right;
    }

    #cutoutTrnspBackGround {
        background-color: #ffffff01;
        display: none; /*display: block;*/
        position: fixed;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 299;
    }

    /*
    #linkHomeTop {
        display:none !important; 
    }
    */

    .selectandsearch {
        float: right;
    }

    .topexceptlogo {
        width: calc(100% - 150px);
        float: right;
    }

    .humburgermenu {
            display: none;
            margin-left: 32px;
            width: calc(100% - 500px);
            min-width: 100px;
            height: 28px;
            cursor: pointer;
            background-image: url('/mediar/icons/humburger-icon.svg');
            background-repeat: no-repeat;
            background-position-y: center;
            background-position-x: left;
        }

    .humburgermenu img {
            width: 100%;
        }


    @media only screen and (max-width: 1400px) {
        .toplogo {
            margin-left: 30px;
            display: inline-block;
        }
    }


    @media only screen and (max-width: 1300px) {
        .megamenu > li > a {
            padding: 10px 30px !important;
        }
    }

    @media only screen and (max-width: 1200px) {
        .megamenu > li > a {
            padding: 10px 25px !important;
        }
    }

    @media only screen and (max-width: 1100px) {
        .megamenu > li > a {
            padding: 10px 20px !important;
        }
    }
    
    @media only screen and (max-width: 1000px) {
        .CompanyLogo {
            margin-left: 28px;
        }
        
    }

    /*      WIDTH 800px       */
    @media only screen and (max-width: 999px) {
        .topexceptlogo { float: none; width:inherit;}
        .selectandsearch {
            background-color: white;
            width: calc(100% - 30px);
            padding: 6px 30px 4px 0;
        }

        #selectCountryBox {
            margin-left: 0px;
        }
        .searchOnSite {
            margin: 0px 2px 0px 4px;
        }
        /*
        #linkHomeTop {
           display:block !important; 
        }
        */
        #linkHomeMain {
            display:none !important; 
        }

      .topbanner {
         display: none;
        }
        /*
        .socials {
            float: right;
            margin-right: 32px;
        }
        */
        #selectCountryBox {
            margin-left: 10px;
            margin-right: 10px;
            width: calc(50% - 25px);
        }
    }

 /* Socials BEGIN */
        
    .socials {
        //background-color: deepskyblue;
        display: inline-block;
        height: 30px;
    }

   div.socialsection a {
        display: inline-block;
        width: 32px;
        height: 32px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;     
   }

    /* -- tiktok -- */
    a.linktiktok {
        background-image: url(/MediaR/icons/social/TikTok.svg?v=1);
    }

    /* -- youtube -- */
    a.linkyoutube {
        background-image: url(/mediar/icons/social/you_tube.svg?v=1);
    }

    /* -- facebook -- */
    a.linkfacebook {
        background-image: url(/mediar/icons/social/facebook.svg);
    }

    /* -- linkedin -- */
    a.linklinkedin {
        background-image: url(/mediar/icons/social/LinkdIn.svg);
    }

    /* -- X (former Twitter) -- */
    a.linktwitter {
        background-image: url(/mediar/icons/social/twitter.svg);
    }

    /* -- instagram -- */
    a.linkinstagram {
        background-image: url(/mediar/icons/social/instagram.svg);
    }

    /* -- iscarworld -- */
    a.linkiscarworld {
        background-image: url(/mediar/icons/social/iscarworld.svg);
    }

    /* -- spotify -- */
    a.linkspotify {
        background-image: url(/mediar/icons/social/Spotify_Icon.svg?v=1);
    }

    /* -- bilibili -- */
    a.linkbilibili {
        background-image: url(/mediar/icons/social/bilibili.svg?v=1);
    }


/* END Socials*/


    @media only screen and (max-width: 1400px) {
        .toplogo {
            margin-left: 30px;
            display: inline-block;
        }
    }


    @media only screen and (max-width: 1300px) {
        .megamenu > li > a {
            padding: 10px 30px !important;
        }
    }

    @media only screen and (max-width: 1200px) {
        .megamenu > li > a {
            padding: 10px 25px !important;
        }
    }

    @media only screen and (max-width: 1100px) {
        .megamenu > li > a {
            padding: 10px 20px !important;
        }
    }
    
    @media only screen and (max-width: 1000px) {
        .CompanyLogo {
            margin-left: 28px;
        }
        
    }

    /*      WIDTH 999px       */
    @media only screen and (max-width: 999px) {
        .topexceptlogo { float: none; width:inherit;}
        .selectandsearch {
            background-color: white;
            width: calc(100% - 30px);
            padding: 6px 30px 4px 0;
        }

        #selectCountryBox {
            margin-left: 0px;
        }
        .searchOnSite {
            margin: 0px 2px 0px 4px;
        }
        /*
        #linkHomeTop {
           display:block !important; 
        }
        */
        #linkHomeMain {
            display:none !important; 
        }
        
        #selectCountryBox {
            margin-left: 10px;
            margin-right: 10px;
            width: calc(50% - 25px);
        }
        .socials {float: right; margin-right: 30px;}

        .socialsection, .socialsection-c {
            float: right;
            margin-right: 30px;
            position: absolute;
            right: 0;
        }
    }


    /*      WIDTH 500px       */
    @media only screen and (max-width: 500px) {
         .toplogo {
           margin-left: 10px !important;}
        .topexceptlogo { float: none; width:inherit;}
        .selectandsearch {
            background-color: white;
            width: 100%;
            padding: 6px 6px 4px 0;
        }
        .searchOnSite {
            margin: 0px 2px 0px 4px;
            width: calc(50% - 15px);
        } 

        #linkHomeMain {
            display:none !important; 
        }
        
        #selectCountryBox {
            margin-left: 6px;
            margin-right: 6px;
            width: calc(50% - 6px);
        }
        .socials {float: right; margin-right: 3px;}

        .socialsection {
            float: right;
            margin-top: 4px;
            margin-right: 6px;
            position: absolute;
            right: 0;
        }

        .socialsection-c {
            float: right;
            margin-top: 4px;
            margin-right: 6px;
            position: absolute;
            right: 0;
        }

      
        .socialsection a {
           width: 28px;
           height: 28px;
        }
    }


/* END Top Part  */