/*
Loading Eaton fonts.
*/




@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

@font-face {
    font-family: eaton-regular, arial;
    src: url(../fonts/Eaton-Regular.otf);
	 font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: eaton-bold, arial;
    src: url(../fonts/Eaton-Bold.otf);
	 font-weight: bold;
    font-style: normal;
}

body{
	/*background-color: #f7f7f7 !important;
	background:  #f7f7f7 !important;
	background:url('../images/body-bg.jpg');*/
	background:  #fff !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	text-align: left;
	color: #333F48;
	font-family: Arial;
	/*font-family: eaton-regular !important;*/
	font-weight:200;
	overflow-x:hidden;
	font-size:14px;
}

strong{
	font-weight:bold !important;
}

h1, h2, h3, h4,h5, h6{
	font-family: eaton-bold !important, Arial;
}

.classFEB{
	font-family: eaton-bold !important, Arial;
}

.classNoDeco{
	text-decoration:none !important;
}

.classBackButton{
	float: right;
    border: 1px solid #fff;
    padding: 5px 20px;
    font-size: 16px;
    text-transform: uppercase;
	cursor:pointer;
	background: #00000036;
	color:#ffffff;
}
.classBackButton:hover{
	background: #0000004d;

}

.orange{color:rgb(237, 139, 0); margin-bottom: 30px;}
.worksafelogo {float:right; width:200px;}
.blue-button a {color:#fff;}
.classFlag{width:35px; opacity:0.3;}
.classFlag:hover{opacity:1;}
.classFlag.classAFlag{opacity:1;}
.classPSection .card{background-color: transparent;border:none;position: relative;min-height: 670px;}
.classPSection{margin-top:90px; min-height:90vh;margin-bottom: 45px;}
.mtop{margin-top:20px;}
.classWColor{color:#fff !important;}
.classMColor{
		color: #0067c6;
	}
.classTSIcon{
    position: absolute;
    right: 0;
    width: 265px;
    height: 105px;
    /* overflow: hidden; */
    top: 0;
    z-index: 99;
}

.classTSIcon img.classSafeLogo{top:40;}
.classMC{
	color: #007AC2 !important;
}

.classCNavbar{
        padding: 0;
    line-height: 3.5em;
    height: 90px;
    box-shadow: 0 3px 10px rgba(51, 63, 72, 0.47);
    border-bottom: 10px solid #007ac2;
}
.classPA{
	position:absolute;
}
.classPR{
	position:relative;
}
.classDN{
	display:none !important;
}
.classDB{
	display:block;
}
.classNDeco{
text-decoration:none !important;
}

.class360Checkbox{
	left: -9px;
    top: 0px;
    width: 20px !important;
    height: 22px !important;
    position: relative !important;
}
}
.classNoPadding{
	padding:0 !important;
	padding-left:0 !important;
	padding-right:0 !important;
	padding-top:0 !important;
	padding-bottom:0 !important;

}

.classPFeature{
list-style: none;
    padding-left: 0;
	margin-bottom:0px;
	    font-size: 18px;
    letter-spacing: 1px;
}
/* .classPR{position:relative; padding:20px; background-color:#fff;} */
.classPRWrapper{position:relative; padding:30px 120px; background-color:#fff;}
.classPR1{position:relative; padding:0 20px; background-color:#fff;}

.classPA{position:absolute;}
.classPFWrapper{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.classPFeature li{
    padding: 5px;
    color: #fff;
    margin-bottom: 5px;
    line-height: 30px;
    min-height: 35px;
    /* border: 1px solid #181818; */
    margin-right: 10px;
    box-shadow: 0px 1px 0px #7a7d8a;
}
.classPF1 li{background:#a9a9b3;}
.classPF2 li{background:#999999;}
.classPF3 li{background:#7aa5d0;}
.classPF4 li{background:#005eb8;}

.classPSection .portfolio-item{
	padding:1px;

}

.mySlides
{
        opacity:1;
}
.mySlides:hover
{
       /* opacity:0.5;*/
}

rect:hover {
        opacity:0.5;
		background:#005EB8;
}

/*--product pop up--*/
.product-wrap-noimage {
	/*position:absolute;  */
	position:relative;
	background-image:none;
         background-position: right top, left top;
         background-repeat: no-repeat, repeat;
         padding:15px 45px;
         background-color:#fff;
         text-align:left;
         width:95%;
		 -moz-box-shadow:    2px 3px 7px 4px #ccc;
		-webkit-box-shadow: 2px 3px 7px 4px #ccc;
		box-shadow: 2px 3px 7px 4px #ccc;
        z-index:1;
		margin-top:45px;
		}

.product-wrap {
	/*position:absolute;  */
	position:relative;  background-image: url(../images/sf6-free-200.jpg);
        background-position: right top, left top;
         background-repeat: no-repeat, repeat;
         padding:15px 45px;
         background-color:#fff;
         text-align:left;
         width:95%;
		 -moz-box-shadow:    2px 3px 7px 4px #ccc;
		-webkit-box-shadow: 2px 3px 7px 4px #ccc;
		box-shadow: 2px 3px 7px 4px #ccc;
        z-index:1;
		margin-top:45px;

		 }

.product-wrap-big {
	/*position:absolute;  */
	position:relative;
	background-image:none;
         background-position: right top, left top;
         background-repeat: no-repeat, repeat;
         padding:15px 45px;
         background-color:#fff;
         text-align:left;
         width:95%;
		 -moz-box-shadow:    2px 3px 7px 4px #ccc;
		-webkit-box-shadow: 2px 3px 7px 4px #ccc;
		box-shadow: 2px 3px 7px 4px #ccc;
        z-index:1;
		margin-top:100px;
		}

.col-blue{background:#d4e2f4; border:10px solid #fff;}
.eaton-blue-bg {background:#007ac3; margin-left:-5%; margin-right:-5%; border-bottom: 10px solid #fff; padding:10px; color:#fff; margin-top:0px;}
.col-blue-no-border {background:#d4e2f4; border-top:10px solid #fff; border-bottom: 10px solid #fff;;}
.eaton-gray-bg {background:#6a747c; margin-left:-5%; margin-right:-5%; margin-top:-2.5%; padding:10px; color:#fff;}
.classNewTag{

    position: absolute;
    top: -28px;
    right: 21px;
    background: #ffe000;
    color: #007AC2;
    padding: 10px;
    border-radius: 100%;
    box-shadow: 0 0 2px #000;
}

.classLMBtn{
        background: #007AC2;
    border: 1px solid #fff;
    padding: 10px 20px;
    width: 80%;
    border-radius: 0 0 3px 3px;
    font-size: 21px;
    color: #fff;
    /* box-shadow: 0px 0px 19px #469aea inset; */
    cursor: pointer;
    border-radius: 25px;
    margin-top: 15px;
    margin-bottom: 30px;
    text-align: left;
}

.li-margintop li {margin-top:10px;}

.classLMBtn:hover{opacity:0.9;box-shadow: 0px 0px 0px #000}
.classPTitle{margin-bottom:0;}
.classCustomRow{
    background: rgba(255,255,255,1);
    padding: 30px;
}
.classBoxWrapper{
	border: 1px solid #eee;
}
.classBox1{
	background: #fbfbfb;
}
.classBox2{
	box-shadow: -1px 0 0 #eee;
}

.blue-button {color: #fff; background-color: #337ab7; border-color: #2e6da4;}
.small {width:12%; padding:5px; font-family:"Arial"; font-size:1.2em; text-align:center;}

/*Animate text*/
.classTSTxt {
	position: relative;
    top: 73px;
    text-align: right;
    font-size: 22px;
    float: left;
	/*margin-right: -142px;
    font-size: 21px;
    float: right;
    background: #6d6f72;
    border-radius: 30px;
    padding: 3px 30px;
    box-shadow: -2px 0px 4px #000000ab;
    border-left: 1px solid #adadad;
    text-align: left;*/
        -webkit-animation: color-change 5s infinite;
        -moz-animation: color-change 5s infinite;
        -o-animation: color-change 5s infinite;
        -ms-animation: color-change 5s infinite;
        animation: color-change 5s infinite;
    }

    @-webkit-keyframes color-change {
        0% { color: #ffffff; }
        50% { color: #8eb4d8; }
        100% { color: #007AC2; }
    }
    @-moz-keyframes color-change {
        0% { color: #ffffff; }
        50% { color: #8eb4d8; }
        100% { color: #007AC2; }
    }
    @-ms-keyframes color-change {
        0% { color: #ffffff; }
        50% { color: #8eb4d8; }
        100% { color: #007AC2; }
    }
    @-o-keyframes color-change {
        0% { color: #ffffff; }
        50% { color: #8eb4d8; }
        100% { color: #007AC2; }
    }
    @keyframes color-change {
        0% { color: #ffffff; }
        50% { color: #8eb4d8; }
        100% { color: #007AC2; }
    }



/*Modal code*/
.classCModal{
text-align:left;
color:#222222;
}
.modal-header {
	padding-bottom: 5px;
}

.modal-footer {
    	padding: 0;
	}

.modal-footer .btn-group button {
	height:40px;
	border-top-left-radius : 0;
	border-top-right-radius : 0;
	border: none;
	border-right: 1px solid #ddd;
}

.modal-footer .btn-group:last-child > button {
	border-right: 0;
}

.classTHFont{
    font-size: 42px;
    color: #000000 !important;
	display:none;
}
.classTHBFade{
	font-weight: lighter;
	font-style:italic;
	font-weight: 100;
}
.classTHBFade{
	font-weight: bold;

}
.classTHIFade{
	font-weight: 100;
	color:#999999;
}
.classTHBlue{
        position: relative;
    color: #007AC2;
    font-size: 30px;
    line-height: 60px;
    letter-spacing: 2px;
    top: -5px;
    display: inline-block;
    font-family: eaton-bold, Arial;
    left: 10%;
}
.classHLBand{
    position: fixed;
    top: 85px;
    left: 0;
    right: 0;
    background: #007AC2;
    color: #ffffff;
    text-transform: uppercase;
    text-align: left;
    z-index: 9;
    border-bottom: 1px solid #084d90;
	display:none !important;
}

.classHLBand .classHLBandP{
    margin-bottom: 0;
    line-height: 10px;
    font-size: 20px;
	text-transform: initial;
    padding: 0;
}

/* Image animation effect start */
.animateImg{
     animation:move 2s infinite ease-in-out;
 }
@keyframes move{
0%{
 transform: scale(1) rotate(0deg);
}
  100%{
   transform: scale(1.9) rotate(0deg);

  }

}

.animateImg2{
     animation:move 0.5s infinite ease-in-out;
 }
@keyframes move{
0%{
 transform: scale(1) rotate(0deg);
}
10%{
 transform: scale(1.02) rotate(0deg);
}
20%{
 transform: scale(1.04) rotate(0deg);
}
30%{
 transform: scale(1.06) rotate(0deg);
}
40%{
 transform: scale(1.08) rotate(0deg);
}
50%{
 transform: scale(1.1) rotate(0deg);
}
60%{
 transform: scale(1.1) rotate(0deg);
}
70%{
 transform: scale(1.08) rotate(0deg);
}
80%{
 transform: scale(1.06) rotate(0deg);
}
90%{
 transform: scale(1.04) rotate(0deg);
}
  100%{
   transform: scale(1.02) rotate(0deg);

  }

}


/* Image animation effect end */
.bg-light{
	background:#fff !important;
}




/* Left menu Css start*/
.menu, .menu-bar {
    position: fixed;
    top: 175px;
	bottom:0;
    right: 0;
    /*height: 100%;*/
	height: auto;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #f7f7f7;
    z-index:10;
    /*overflow:hidden;*/
    box-shadow: 2px 0 18px rgba(0, 0, 0, 0.26);
}
.menu li a{
  display: block;
text-indent: -500em;
height: 4.8em;
width: 5em;
line-height: 5.3em;
    text-align: center;
    color: #72739f;
    position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: background 0.1s ease-in-out;
}
.menu li a:before {
  font-family: FontAwesome;
  speak: none;
  text-indent: 0em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1.4em;
}
.menu li a.search:before {
  content: "\f002";
}
.menu li a.archive:before {
  content: "\f187";
}
.menu li a.pencil:before {
  content: "\f040";
}
.menu li a.contact:before {
  content: "\f003";
}
.menu li a.about:before {
  content: "\f007";
}
.menu li a.home:before {
  content: "\f039";
}
.menu li a.house:before {
  content: "\f015";
}
.menu li a.info:before {
  content: "\f129";
}
.menu li a.video:before {
  content: "\f04b";
}

.menu li a.help:before {
  content: "\f128";
}
.menu li a.bar:before {
  content: "\f0c9";
}
.menu li a.back:before {
  content: "\f060";
}

.menu li a.block:before {
  content: "\f009";
}
.fa-redo:before{
	content: "\f01e";
}



.menu li a.de:before {
  content: url(../flags/de.png);

}
.menu li a.en:before {
  content: url(../flags/en.png);
}
.menu li a.dk:before {
  content: url(../flags/dk.png);
}
.menu li a.fr:before {
  content: url(../flags/fr.png);
}
.menu li a.nl:before {
  content: url(../flags/nl.png);
}
.menu li a.it:before {
  content: url(../flags/it.png);
}
.menu li a.pl:before {
  content: url(../flags/pl.png);
}

.menu-bar li a:hover,
.menu li a:hover,
.menu li:first-child a {
  background: #007AC2;
  color: #fff;
}
.menu-bar{
    overflow:hidden;
    right:5em;
    z-index:5;
    width:0;
    /*height:0;*/
	height:auto;
    transition: all 0.1s ease-in-out;
}

#idMenu2{right:35em;}
#idMenu3{right:35em;}
#idMenu4{right:50em;}
#idMenu5{right:65em;}
#idMenu6{right:70em;}
#idMenu7{right:83em;}
.menu-blue{background: #007AC2; color:#fff;}
.menu-bar li a.menu-blue {color:#fff;}
.bold li{font-weight:bold;}
.menu-bar li a{
  display: block;
    min-height: 2em;
    line-height: 1.3em;
    text-align: left;
    color: #72739f;
    text-decoration: none;
    position: relative;
    font-family: Arial;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.05); */
    transition: background 0.1s ease-in-out;
    padding: 20px 20px 20px 20px;
    margin: 1px 0 1px 1px;
    background: #eee;
    min-height: 125px;
}

.classIMenuIcon{
    width: 90px;
    float: left;
    margin-right: 10px;
    margin-top: -15px;
    margin-bottom: 15px;
}

.menu-bar li:first-child a{
  height: 3.2em;
background: #007AC2;
color: #fff;
line-height: 0.5em;
margin: 0px;
min-height: 50px;
}


.para{
    color:#033f72;
    padding-left:100px;
    font-size:3em;
    margin-bottom:20px;
}

.open{
    width:30em;
    /*height:100%;*/
	height:auto;
}


.classCloseBtn{
	position: absolute;
    right: -15px;
    bottom: 50%;
    background: #007AC2;
    color: #fff;
    padding: 10px 2px 10px 10px;
    cursor: pointer;
    border-radius: 25px 0 0 25px;
    box-shadow: 0 2px 2px #053665;

}



@media all and (max-width: 500px) {

    .menu{
        height:5em;
        width:100%;
    }
    .menu li{
        display:inline-block;
        float:left;
    }
    .menu-bar li a{
        width:100%;
    }
    .menu-bar{
        width:100%;
        left:0;
        height:0;
    }
    .open{
        width:100%;
        height:auto;
    }
    .para{
    padding-left:5px;
}
}
@media screen and (max-height: 34em){
  .menu li,
  .menu-bar {
    font-size:70%;
  }
}
@media screen and (max-height: 34em) and (max-width: 500px){
  .menu{
        height:3.5em;
    }
}

/* Left menu CSS End*/


/* Product Page  CSS Start*/




.classProductContainer{
	    height: 600px;
    width: 600px;
	text-align:center;
    border-radius: 100%;
    background: #ffffff;
    box-shadow: 0 10px 20px #3a3354;
    margin: auto;
}
.classProductContent{
	height: 600px;
    width: 600px;
	text-align:center;
position:relative;
}
.classPImg{
	width:200px;
}

.classPBtn{
	background:#aaaaaa;
	border-radius: 0px;
    font-size: 20px;
    padding: 15px 30px;
	color:#ffffff;
	font-family:eaton-bold !important, Arial;
}
/*
.classSpan1{
    position: absolute;
    top: 10%;
    left: 37%;
}
.classSpan2{
	position:absolute;
	top:20%;
	left:70%;
}
.classSpan3{
	position:absolute;
	top60%;
	left:70%;
}
.classSpan4{
	position:absolute;
	bottom:10%;
	left:40%;
}*/
.classVAlign{
	display: table-cell;
  vertical-align: middle;
}





/* Product page css end */

/*Responsive tab start*/
.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 15px;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}


/*Responsive css end*/

/*
Custom home page css start.
*/

.classAllOption,
.classAllData{
display: none !important;
}
.classCustomPopupWrapper{
  position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #ccc;
    padding: 45px 0;
    box-shadow: 0 0 5px #00000024;

}
.classCloseLMO{
  position: absolute;
  top:0;
  right: 0;
  font-size: 52px;
  color: #ff0000;
  z-index: 9;
  /* background: #ffffff; */
  padding: 0px 30px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

.classOpenBtn{
border:1px solid #ffffff;
padding: 5px 20px;
margin-top:15px;
display:inline-block;
}

.classBefore{
transition: transform 0.3s;
background: #eeeeee;
content:'';
position:absolute;
top:0;bottom:0;left:0;right:0;
z-index:2;
border-radius: 3px;
}

.classAfter{
transition: transform 0.3s;
background: #aaaaaa;
content:'';
position:absolute;
top:0;bottom:0;left:0;right:0;
z-index:1;
border-radius: 3px;
}
.classLinkBox{
    transition: transform 0.3s;
z-index: 3;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 30px 15px;
text-align: center;
border-radius: 3px;
color:#ffffff;
}
.classLinkBox p{
border-top: 1px solid #eeeeee61;
padding: 15px 0;
margin-bottom: 10px;
}
.classLinkBoxWrapper{
  transition: transform 0.3s;
  min-height:225px;
  opacity: 1;
  cursor: pointer;
  position:relative;
  z-index:1;
  margin-top:15px;
  margin-bottom:15px;
}


.classLinkBoxWrapper:hover .classLinkBox{
transform: rotate(-3deg);
box-shadow:0 0 2px #000000aa;
}
.classLinkBox h3{
font-size: 20px;
min-height:110px;
border-bottom: 1px solid #ffffff5e;
padding-bottom: 10px;
}

.classLinkBoxWrapper:hover .classBefore{
transform: rotate(5deg);
box-shadow:0 0 2px #000000aa;
}
.classLinkBoxWrapper:hover .classAfter{
transform: rotate(-7deg);
box-shadow:0 0 2px #000000aa;
}

.classLB1{
background: #D22630;
}
.classLB2{
background: #00B2A9;
}
.classLB3{
background: #003865;
}
.classLB4{
background: #F0B323;
}
.classLB5{
background: #005EB8;
}
.classLB6{
background: #4C8C2B;
}
.classLB7{
background: #9D2235;
}
.classLB8{
background: #AD841F;
}
.classLB9{
background: #ED8B00;
}
  .classFactModVal{
    margin-left:-3px;
  }

  .classFMNote{
    font-size: 12px;
    color: #ff0000;
    padding: 2px 10px;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    transition:all 1.6s ease;
  }
  .classFactModDescCloseOption:hover .classFMNote{
    opacity: 1;
    transition:all 0.6s ease;
  }
  .classFMSelected{
    color:#aaaaaa;
  }
  .classDependent option{
    position: relative;
  }
  .classClearOption{color:#ff0000;}
  .classClearOption:hover{
    color:#ff0000;
    background: #ff000022;
  }

  .classFuseClipHeader{
    display: block;
    text-align: center;
    position: absolute;
    text-align: center;
    z-index: 2;
    background: #00000094;
    color: #fff;
    left: 15px;
    right: 15px;
    padding: 10px;
  }
  .clearbtn{
    color: #fff;
/* float: left; */
border: 1px solid #f00;
background: #f00;
border-radius: 3px;
padding: 7px 15px;
/* top: 7px; */
opacity: 0.3;
cursor: pointer;
margin-bottom: 15px;
margin-top: 15px;
position: absolute;
top: -20px;
right: 15px;
  }
  .clearbtn:hover{
    opacity: 1;
  }
.classDN{display:none;}
.classTRow{
    margin-bottom: 1px;
    border-bottom: 1px solid #cccccc;
}
.classFMClose{
  margin-left:10px;
  cursor: pointer;
}
.classFMOption{
  display:inline-block;
  font-size: 12px;
  color: #0067c6;
  position: relative;
  padding: 0px 5px;
}

.classErroMsg{
  font-size: 12px;
  color: #f00;
}
.classZoomedFuseClipDiv{
  right: 0;
  z-index: 9;
  position: fixed;
  text-align: center;
  width: 100%;
  background: #00000047;
  top: 0;
  bottom: 0;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  -ms-transition: all 2s ease;
  transition: all 2s ease;
}
.classFCImg{
  position: absolute;
  left: -35px;
  background: #000;
  padding: 0px 15px;
  background: #fff;
  top: 45px;
  font-size: 30px;
  cursor:pointer;
}
.classFuseClipZoomIcon{
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;

}
.classHeadPN{
font-weight:bold;
}
.classDataPN{
background:#007ac2;
color:#ffffff;
background: #007ac2;
color: #ffffff;
font-weight: bold;
}
/* .classTRow:nth-child(even){
background:#eeeeee;
}
.classTRow:nth-child(last){
  margin-bottom: 0px;
} */
.classDataDiv{
padding-top:5px;
padding-bottom:5px;
}
.classHead{
text-align:right;
font-size:14px;
padding-top:5px;
padding-bottom:5px;
background:#cccccc;
font-weight: bold;
}
.classFilterWrapper{
padding:15px;
background:#eeeeee;
}
select:disabled{opacity:0.4}

select{
  width: 100%;
padding: 5px;
margin-bottom: 15px;
margin-top: 0px;
background: #ffffff;
}
.classOptionDiv p{margin-bottom: 0;}
.filterDiv {
color: #222222;
text-align: left;
margin: 2px;
display: none;
padding:15px;
font-size:16px;
}

.show {
display: block;
}

.container {
margin-top: 20px;
overflow: hidden;
}

/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 8px 25px;
background-color: #f1f1f1;
cursor: pointer;
}

.btn.active:hover {
background-color: #007ac2;
}

.btn.active {
background-color: #007ac2;
color: white;
}

.classHeading{
background: #0067c6;
padding: 15px;
color: #fff;
}
.classNoData,
.classNoDataAfterSearch{
padding: 15px;
background: #eee;
}
.classDynamicDiv{
padding: 0 15px;
border: 1px solid #c4b5b5;
border-right: 1px solid #ccc;
box-shadow: 0px 3px 4px #0000004f;
margin-bottom: 30px;
}

/*
Custom home page css end.
*/

/*CSS Custom Animation Start */
.classTextContainer {
    transform: scale(0);
    transition: all 2s;
	background:#fff;
	color:#000;
	width:100%;
	padding:30px 60px 30px 30px;
	height:auto;
}
.classCWrapper{
transform: translate(275px,0);
    -webkit-transform: translate(275px,0); /** Safari & Chrome **/
    -o-transform: translate(275px,0); /** Opera **/
    -moz-transform: translate(275px,0); /** Firefox **/
}

.classCWrapper,
.classBigCircle,
.classJustHide{
	transition: all 2s;
}
.classTextContainer.animateScale {
	height:auto;
    transform: scale(1);
}
.classBigCircle.animateRotate {
 transform: rotate(0deg);
}

.classJustHide{
scale:(1);
}
.classJustHide.animateRemove{
scale:(0);
}

#idBigCircle{
transition: all 2s;
}

.pull-left img{ margin-top:20px;}

.classCWrapper.animateLeft{
	transform: translate(-150px,0);
    -webkit-transform: translate(-150px,0); /** Safari & Chrome **/
    -o-transform: translate(-150px,0); /** Opera **/
    -moz-transform: translate(-150px,0); /** Firefox **/
}

.bg-dark {
    background-color: #333f48 !important;
}
.classTSIcon img{
        width: 130px;
    margin-top: 5px;
    margin-right: -10px;
    /*border-radius: 100%;*/
}

.classTSIcon img.classSafeLogo{
	width: 145px;
    border-radius: 0;
    top: 100px;
    position: absolute;
   /* right: 175px;	*/
}
/*
Choosing RCD image css.
*/
.classCRCDImg{
	width:100%;
}

.classShowingRCD{
	transition: all 2s;
	transform: scale(0);
	height:0;
}.classShowingRCD.classActiveRCD{
	transition: all 2s;
	transform: scale(1);
	height:100%;
}

.classCRCDBackBtn{

}

.product-wrap-big h1.eaton-blue{
	    font-size: 20px;
    line-height: 40px;
}

/*
Big size screen css start.
*/
@media screen and (min-width: 1400px) {
  .container {
    width: 1370px;
  }
  .classTSIcon img.classSafeLogo {top:40px;}
}
@media screen and (min-width: 1600px) {
  .container {
    width: 1570px;
  }
  .classTSIcon img.classSafeLogo {top:40px;}
}


@media screen and (min-width: 1920px) {
	.classPSection {
		margin-top: 45px;
		min-height: 85vh;
	}
	.container {
    width: 1400px;
	max-width:1400px;
  }
  .menu, .menu-bar{
	  top:145px;
  }
}
@media screen and (min-width: 2000px) {
  .container {
    width: 1800px;
	max-width: 1800px;
  }
  .classPSection {
		margin-top: 45px;
		min-height: 85vh;
	}
  .product-wrap-big .classIconInHeading{
	  width:105px;
  }

  h1.classMHeading{font-size:2.5em;}
  .classCNavbar{box-shadow: 0 4px 10px #333f48;}
  .classHLBand .classHLBandP{
	  line-height:5px;
  }
  h1.eaton-blue{
	font-size: 38px;
    line-height: 75px;
  }
  h4{font-size:2.0em;}
  .swiper-slide .col-md-6,
  .swiper-slide .col-md-12{
	  width:100%;
	  max-width:100%;
	  flex:0 0 100%;
	  font-size:2em;
  }
  .swiper-slide .classOTDiv{
	      font-size: 26px;
    line-height: 28px;
  }
   .col-md-6 .classMT5,
   .col-md-6 .classMT10,
   .col-md-6 .classMT15,
   .col-md-6 .classMT20,
   .col-md-6 .classMT25,
   .col-md-6 .classMT30,
   .col-md-6 .cls-middle{
	  margin-top:5%;
  }
  .swiper-slide .col-md-6 img{
	  width:70%;
  }
  .classTSIcon img.classSafeLogo {top:40px;}
  .product-wrap-big h1.eaton-blue{
	    font-size: 26px;
    line-height: 70px;
	}


}



 @media screen and (min-width: 2160px) {



  .container {
	/*max-width:2130px;
	width:2130px;*/
	max-width:85vw;
	width:85vw;
  }
  .classTSIcon img.classSafeLogo {top:115px;}

  .classCNavbar {
    padding: 60px;
  }
  .classTHFont{
	  font-size:100px;
  }
  .classTHBlue{
	  font-size:45px;
  }
  .classHLBand{
	  top:300px;
  }
  .classHLBand .classHLBandP{
	  line-height:90px;
	 font-size: 60px;
  }
  .classPSection{
	margin-top: 12vh;
    min-height: 78.5vh;
  }
  .bg-dark{
	  background-color: #333f48!important;
	  font-size: 32px;
  }
  .classPSection .portfolio-item{
	min-height: 35vh;
  }
  .classPSection .card{
	  min-height:30vh;
  }
  .classPFeature{
	font-size: 60px;
  }
  .classPFeature{

  }
  .classPFeature li{
	  font-size:48px;
	  line-height:50px;
	  min-height: 100px;
	  padding:20px 5px;
  }
  .classPFeature li h1{
	      line-height: 48px;
  }
  .classTSIcon{
	width: 490px;
    height: 575px;
  }
  .classTSIcon img {
    width: 416px;
    margin-top: -10px;
    margin-right: -125px;
    /*border-radius: 100%;*/
   }

   .classLMBtn {
		padding: 15px 5px;
		width: 80%;
		font-size: 36px;
		margin-top: 40px;
		margin-bottom: 60px;
    }
	.classCustomRow{
		min-height: 13vh;
		margin-bottom: 45px;
	}
	.classVideoSection{
		padding:90px 0;
	}
	.menu, .menu-bar{
		/*top: 45vh;*/
		 top: 15vh;
		  bottom: 55vh;
		font-size: 32px;
	}
	.open{
		width:13em;
	}
	#idMenu1 {
		right: 3em;

	}
	#idMenu2 {
		right: 16em;
  }

	#idMenu3 {
		right: 29em;
	}

	#idMenu4 {
		right: 42em;
	}
	#idMenu5 {
		right: 55em;
	}
	#idMenu6 {
		right: 62em;
	}
	#idMenu7 {
		right: 72em;
	}
}


/*
Bbig size screen css end.
*/


.classAZILDur1{
-webkit-animation: zoomInRight 1s; /* Safari 4+ */
  -moz-animation:    zoomInRight 1s; /* Fx 5+ */
  -o-animation:     zoomInRight 1s; /* Opera 12+ */
  animation:         zoomInRight 1s; /* IE 10+, Fx 29+ */
  width:100%;
  height:90vh;
}

.classAZIDur1{
-webkit-animation: zoomIn 1s; /* Safari 4+ */
  -moz-animation:    zoomIn 1s; /* Fx 5+ */
  -o-animation:     zoomIn 1s; /* Opera 12+ */
  animation:         zoomIn 1s; /* IE 10+, Fx 29+ */
}

.fade-in {
	-webkit-animation: fadeIn 1s; /* Safari 4+ */
  -moz-animation:    fadeIn 1s; /* Fx 5+ */
  -o-animation:     fadeIn 1s; /* Opera 12+ */
  animation:         fadeIn 1s; /* IE 10+, Fx 29+ */

}
/*CSS Custom Animation End */

h1.orange{
	font-size: 24px;
    margin: 15px 0 10px 0;
	/*added for fix layout Bhagwat*/
	float:left;
	width:100%;
}

/*
For Back Button
*/

.btn.btn-primary.clearfix{
	top: 0px;
    right: -100px;
	position: absolute;
    border-radius: 0;
    z-index: 9999;
    padding: 15px 15px;
    box-shadow: 0px 1px 2px #000;
    text-transform: capitalize;
    background: #007AC2;
    font-weight: bold;
    cursor: pointer;
	/*
	position: absolute;
    top: 15px;
    right: 7px;
    border-radius: 0;
    z-index: 9999;
    padding: 15px 15px;
    box-shadow: 0px 1px 2px #000;
    text-transform: capitalize;
    background: #007AC2;
    font-weight: bold;
	cursor:pointer;*/

}

.classNoPadding{
	padding: 0 !important;
}

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

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

.table td, .table th{
	padding:.25rem .75rem;
}

.map-wrap{
	position:absolute;
	left:0;
	/*width:70% !important;
	height:70vh !important;*/
}


.map-wrap #burj{
	display:block;
width:100%;
height:80vh;
margin-top:45px;
}

.swiper-wrapper ul{
	margin-left:25px !important;
	padding-left:0px;
}

.classCMenu {z-index:99999;position:relative;}


.menu-bar li a.classIMActive{
    background: #e2e2e2;
    color: #007AC2;
}

#burj svg:not(:root){
  overflow: visible !important;
}

/*
New css for menu - menu look change css
*/
.menu-bar#idMenu1{
    box-shadow: none !important;
	}
  .menu-bar#idMenu2{
    box-shadow: -10px 0 10px rgba(0, 0, 0, 0.12) !important;
  }


.classRichTextDiv{
    padding: 15px;
    background: rgba(247, 247, 247, 0.85);
}


.classIconInHeading{
  float: left;
  width: 70px;
  margin-top: -16px;
  margin-left: -7px;
  margin-bottom:15px;
  margin-right:15px;
}

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


/*
Home page css start
*/
.classAZIDur1 .map-wrap{
  position:relative !important;
  width:100% !important;
  height:80vh !important;
}
   #show_hide{
   position:fixed;
   margin: 30px 30px;
   }
   .notification-container {
   position: absolute;
   top: 0;
   left: 0;
   width: 300px;
   display: none;
   height: 100%;
   overflow: hidden;
   background: #fff;
   z-index: 999;
   transform: translateX(100%);
   -webkit-transform: translateX(100%);
   color: #000;
   }
   .selected {
   animation: slien-in 0.5s forwards;
   -webkit-animation: slien-in 0.5s forwards;
   }
   .dismiss {
   animation: slien-out 0.5s forwards;
   -webkit-animation: slien-out 0.5s forwards;
   display:none !importantr;
   }
   @keyframes slien-in {
   0 {
   -webkit-transform: translateX(100%);
   }
   100% {
   -webkit-transform: translateX(0%);
   }
   }
   @-webkit-keyframes slien-in {
   0 {
   transform: translateX(100%);
   }
   100% {
   transform: translateX(0%);
   }
   }
   @keyframes slien-out {
   0% {
   transform: translateX(0%);
   }
   100% {
   transform: translateX(100%);
   }
   }
   @-webkit-keyframes slien-out {
   0% {
   -webkit-transform: translateX(0%);
   }
   100% {
   -webkit-transform: translateX(100%);
   }
   }
   .classTPanelInfo{
   display:none;
   position: absolute;
   z-index: 9999;
   background: rgba(255,255,255,0.7);
   /* border-radius: 100%; */
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   overflow: hidden;
   }
   .classPleaseTouch.classTPanelInfo{
   display: block;
   }
   .classPleaseTText{
   background: #007AC2;
   color: #fff;
   padding: 30px;
   display: inline-block;
   border-radius: 50px;
   }
   /*svg text {display: none;}*/
   /*svg g:hover text {display: block;}*/
   /*svg rect {display: none;}*/
   /*svg g:hover rect {display: block;}*/
   .map-wrap {margin:auto; background-color:#fff; box-border:1px solid #f1f1f1; width:85%}

   .clearboth{clear:both;}
   figure {
   margin:0;
   }
   #mvoltage{position:absolute; left:20%; top:20%}
   .pulse {
   margin:100px;
   display: block;
   width: 22px;
   height: 22px;
   border-radius: 80%;
   background: #fff;
   cursor: pointer;
   box-shadow: 0 0 0 rgba(204,169,44, 0.4);
   animation: pulse 2s infinite;
   opacity:0.9;
   }
   .pulse:hover {
   animation: none;
   }
   @-webkit-keyframes pulse {
   0% {
   -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
   }
   70% {
   -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
   }
   100% {
   -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
   }
   }
   @keyframes pulse {
   0% {
   -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.5);
   box-shadow: 0 0 0 0 rgba(204,169,44, 0.5);
   }
   70% {
   -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
   box-shadow: 0 0 0 10px rgba(204,169,44, 0);
   }
   100% {
   -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
   box-shadow: 0 0 0 0 rgba(204,169,44, 0);
   }
   }

.classHomeFooterOnly{
 z-index: 9;
 position: relative;
 width: 100%;
 float: left;
 margin-top: 10px;
 padding: 15px 0;
}

.classEatonLogo{
    width: 170px;
}
.classEatonLogo img{
	    width:100%;
}

.classMHeading{
	margin: 10px auto 0px auto;
}

@media (max-width:720px){
	.classEatonLogo{
	    width: 100px;
	}
	.classMHeading{
		font-size:24px;
		margin: 60px auto 0px auto;
	}
}

@media screen and (max-width: 768px) {
	.classPSection{
		margin-top: 10vh;
	}
	.classEatonLogo{
		width:120px;
	}
	.swiper-slide .col-md-6,
  .swiper-slide .col-md-12{
	  width:100%;
	  max-width:100%;
	  flex:0 0 100%;
	  font-size:1.2em;
  }
  .swiper-slide .classOTDiv{
	      font-size: 26px;
    line-height: 28px;
  }
   .col-md-6 .classMT5,
   .col-md-6 .classMT10,
   .col-md-6 .classMT15,
   .col-md-6 .classMT20,
   .col-md-6 .classMT25,
   .col-md-6 .classMT30,
   .col-md-6 .cls-middle{
	  margin-top:5%;
  }
  .swiper-slide .col-md-6 img{
	  width:70%;
  }
  .classTSIcon img.classSafeLogo {top:40px;}
  .product-wrap-big h1.eaton-blue{
	    font-size: 26px;
		line-height: 70px;
	}
	.menu li a{
		width:3em;
	}
}


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

	.classMHeading{
		font-size:1em;
	}
	.product-wrap-big{
		width:90%;
		margin-top:45px;
	}
	.menu, .menu-bar{
		top: 30vh;
		bottom: 30vh;
		right:5px;
	}
	.menu li a{
		width:3em;
	}
	.menu li a{
		width:3em;
	}
}

@media screen and (max-width: 1366px) {
	.classMHeading{
		font-size:1em;
	}
	.product-wrap-big{
		width:90%;
		margin-top:45px;
	}
	.menu, .menu-bar{
		top: 30vh;
		bottom: 30vh;
		right:5px;
	}
	.menu li a{
		width:3em;
	}

}

@media screen and (max-width: 1366px) and (min-width: 1024px) {
		.swiper-slide .col-md-6,
  .swiper-slide .col-md-12{
	  width:100%;
	  max-width:100%;
	  flex:0 0 100%;
	  font-size:1.2em;
  }
  .swiper-slide .classOTDiv{
	      font-size: 26px;
    line-height: 28px;
  }
   .col-md-6 .classMT5,
   .col-md-6 .classMT10,
   .col-md-6 .classMT15,
   .col-md-6 .classMT20,
   .col-md-6 .classMT25,
   .col-md-6 .classMT30,
   .col-md-6 .cls-middle{
	  margin-top:5%;
  }
  .swiper-slide .col-md-6 img{
	  width:70%;
  }
  .classTSIcon img.classSafeLogo {top:40px;}
  .product-wrap-big h1.eaton-blue{
	    font-size: 26px;
		line-height: 70px;
	}
	.menu li a{
		width:3em;
	}
}

/*
Home page css end
*/
.border-img {border:1px solid #0067c6; margin-bottom:30px;}
.eaton-blue {color:#007AC2; margin-top:0.7rem;}
.eaton-blue-background {background:#007AC2; color:#fff; margin-top:0.7rem; padding:5px 5px;}
/* align text in center with product*/
.classMT5 {margin-top:5%;}
.classMT10 {margin-top:10%;}
.classMT15 {margin-top:15%;}
.classMT20 {margin-top:20%;}
.classMT25 {margin-top:25%;}
.classMT30 {margin-top:30%;}
.cls-middle{margin-top:20%; margin-left:5%;}
.cls-middle-left{margin-left:5%;}
.cls-center {text-align:center}
.cls-big-size {font-size:2em;}
.LineHeightStyle {line-height:2em;}

	.classOTDiv{
		display: block;
    width: 100%;
    float: left;
    margin-bottom: 15px;
	line-height:18px;
	}
	.classOTDiv img.pull-left{margin-right:10px;}
	.classOTDiv img.pull-right{margin-left:10px;}

	.classTPInfoContent{
		position:absolute;
		top:0;
		bottom:0;
		right:0;
		left:0;
	}
	.classTPInfoContent .classIdleImgHolder{
		display:inline-block;
		background: #fff;
		border: 1px solid #b3d7ed;
		margin-top:175px;
		padding:45px;
	}
	.classTPInfoContent .classIdleImgHolder.classNoPopAni{
		background: rgba(255, 255, 255, 0.9);width: 100%;margin-top: 95px;border:none;
	}
	.classTPInfoContent img{
		width: 525px;
	}
	.classTPInfoContent img{
		width: 475px;
	}

	.swiper-container .classISHeading{
		margin:15px 0 0 15px;
	}
	.swiper-container .classFor2Line.classIconInHeading{
		margin-top:0px;
	}

.classCustomEloquaForm{
  padding: 15px 0;
}
.classCustomEloquaForm label{margin-bottom: 0px;font-size: 0.8rem;}
.classCustomEloquaForm .form-control{
  padding: 2px 5px;
  font-size: 0.8rem;
  border-radius: 0 !important;

  border-bottom: 0.1rem solid #0067c6;
width: 98%;
background: #fdfdfd;
}
.classCustomEloquaForm select.form-control:not([size]):not([multiple]){
  height: 27px;
  margin-bottom: 0px;
}
.classCustomEloquaForm .form-row{margin-bottom:20px;}
.classCustomEloquaForm .classOptinCheckbox,
.custom-control-input{
  left: -10px !important;
  top:-2px;
    width: 90px !important;
    height: 25px !important;
    position: relative !important;
}