body{margin:0; padding:0; font-family: 'proximanova-regular'; }

@font-face {
    font-family: 'proximanova-regular';
    src: url(../fonts/proximanova-regular.otf);
    font-weight: normal;
  }

 @font-face {
    font-family: 'proximanova-bold';
    src: url(../fonts/FontsFree-Net-Proxima-Nova-Bold.otf);
    font-weight: bold;
  }

  @font-face {
    font-family: 'RODUSsquare700';
    src: url(../fonts/RODUSsquare700.otf);
    font-weight: bold;
  }

.no-pad{padding:0;}
.no-mar{margin:0;}
.hr-red{width: 60px; height:3px; background-color: #9d2122; text-align: left; position: relative; margin: 20px 0 30px;}
.hr-black{width: 60px; height:3px; background-color: #000; text-align: left; position: relative; margin: 20px 0 30px;}
.scrollup{width: 75px; height: 75px; text-indent: -9999px; z-index: 9999; position: fixed; bottom: 0px; right: 0px; display: none;    background: url(../images/up.png) no-repeat; background-color: #000;background-position: center; transition: linear 300ms; }
.scrollup:hover{background-color: #9d2122;  transition: linear 300ms;}

.se-pre-con {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../images/44.gif) center no-repeat #fff;}
img{width:100%}

::-moz-selection {
	background-color: #9d2122;
	text-shadow: none;
    color: white;
    
}
::selection {
	background-color: #9d2122;
	text-shadow: none;
    color: white;
    
}
.video-overlay{
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100vh;
  background-image: url(../images/video_texture.png);
  background-repeat: repeat;
  z-index: 4;}

 /*--- Video section ----*/ 
 .video-bg{position: relative;z-index: 1; background: #000; height: 100vh;}
  #myVideo {
    width: auto;
    min-width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    margin-top:-12px;
    /*
    position: relative;
    top: 0;
    width: 100%;
    margin: 0 auto;
    /*height: auto;
    height: 100%;
    margin-top:-10px;*/
  }
  @media (min-aspect-ratio:16/9){
    #myVideo{
      width:100%;
      height: auto;
    }
  }
  @media (max-aspect-ratio:16/9){
    #myVideo{
      min-width:100%;
      height: 100vh;
    }
  }
 

  /*  .video-texture {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 90vh;
    background-image: url(../images/video_texture.png);
    background-repeat: repeat;
    z-index: 4;
    }*/
.nav-bg{
/*background-color: rgba(0, 0, 0,0.5);*/
position: absolute;
z-index: 2;
top:0;
height: 125px;}

.vb-text{
position: absolute;
z-index: 1;
color:#fff;
text-align: justify;
width: 85%;
left: 5%;
top: 7%;
}
.vb-text h1 {font-size: 55px; color:#fff; font-family: 'proximanova-bold'; /*margin-bottom: 45px;*/}
/*.vb-text h1::before{content: ""; width:60px; height: 3px; background-color: #9d2122; position: absolute; top: 76px;}*/
.vb-text h1 span{font-size: 55px; color:#fff; font-weight: bold; /*font-style: italic;*/}
.vb-text P {font-size:20px; color:#fff; line-height: 24px; margin-bottom: 30px;}
/*.home-learn-more-red{width:192px; height: 46px; font-size: 13px; background-color: #9d2122; color: #fff; padding: 14px 30px;float: left; background-image: url(../images/rgt-arrow.png); background-repeat: no-repeat; background-position: 90% center; text-transform: uppercase; letter-spacing: 1px; }
.home-learn-more-red::after{content: ""; border-right:2px solid black;  height: 46px; display: block; position: relative; top: -33px; right: 20px;}
*/
/* -- Red learn more btn  ----*/
.home-learn-more-red{width:auto; max-width: 100%; height: 46px; font-size: 13px; background-color: #9d2122; color: #fff; padding: 14px 30px;float: left; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; text-align: center; line-height: 18px;}
.home-learn-more-red::after{content: ""; /*border-right:2px solid black; */ width: 52px; background-color: #9d2122; height: 46px; display: block; position: relative; top: -32px; left: 135%; background-image: url(../images/rgt-arrow.png); background-repeat: no-repeat; 
background-position: 53% center; background-size: 15px;}
.vb-text a:hover {color:#fff; text-decoration: none;}
/* ---- NYvin Cables ----*/
.nyvin-bg{background-image:url(../images/home-nyvin-bg.jpg); background-repeat:no-repeat; padding:80px 0; height:600px; top: -80px;
    position: relative; z-index: 1; background-size: cover;}
.nyvin-text-area{padding:0 75px 0 95px;}
.nyvin-text-area h2 {font-size: 50px; color:#fff; font-family: 'RODUSsquare700'; margin-bottom: 10px; text-transform: uppercase;}
/*.nyvin-text-area h2::before{content: ""; width:60px; height: 3px; background-color: #000000; position: absolute; top: 72px;}*/
.nyvin-text-area h2 span{font-size: 45px; color:#fff; font-weight: bold; font-style: italic;}
.nyvin-text-area p {font-size:20px; color:#fff; line-height: 24px; margin-bottom: 30px; text-align: justify;}
.nyvin-text-area ul li {font-size:18px; color:#fff; line-height: 24px; margin-bottom: 10px; text-align: justify;}
/* -- Red learn more btn  ----*/
.home-learn-more-black{width:auto; max-width: 100%; height: 46px; font-size: 13px; background-color: #000; color: #fff; padding: 14px 30px;float: left; text-transform: uppercase; letter-spacing: 1px;font-weight: 700; text-align: center; line-height: 18px; }
.home-learn-more-black::after{content: ""; /*border-right:2px solid black; */ width: 52px; background-color: #000; height: 46px; display: block; position: relative; top: -32px; left: 135%; background-image: url(../images/rgt-arrow.png); background-repeat: no-repeat; 
background-position: 53% center; background-size: 15px;}
.nyvin-text-area a:hover {color:#fff; text-decoration: none;}
/* ---- NYvin Cables ----*/
/* ---- Motor Cables ----*/
.motor-bg{background-image:url(../images/hom-motor-bg.jpg); background-repeat:no-repeat; padding:90px 0; height:600px; margin-top: -81px;
  /*position: relative;*/ z-index: 1; background-size: cover;}
.motor-text-area{padding:0 75px 0 95px;}
.motor-text-area h2 {font-size: 50px; color:#000; font-family: 'RODUSsquare700'; margin-bottom: 10px; text-transform: uppercase; line-height: 50px;}
/*.motor-text-area h2::before{content: ""; width:60px; height: 3px; background-color: #9d2122; position: absolute; top: 114px;}*/
.motor-text-area h2 span{font-size: 45px; color:#fff; font-weight: bold; font-style: italic;}
.motor-text-area P {font-size:20px; color:#000; line-height: 24px; margin-bottom: 30px; text-align: justify;}
.motor-text-area a:hover {color:#fff; text-decoration: none;}
/* ---- Motor Cables ----*/
.silicon-bg{background-image:url(../images/home-silicon-bg.jpg); background-repeat:no-repeat; padding:100px 0; height:600px; /*top: -200px;
  position: relative;*/ z-index: 1; background-size: cover;}
.silicon-text-area{padding:0 75px 0 95px;}
.silicon-text-area h2 {font-size: 50px; color:#fff; font-family: 'RODUSsquare700'; margin-bottom: 10px; text-transform: uppercase;}
/*.silicon-text-area h2::before{content: ""; width:60px; height: 3px; background-color: #9d2122; position: absolute; top: 72px;}*/
.silicon-text-area h2 span{font-size: 45px; color:#fff; font-weight: bold; font-style: italic;}
.silicon-text-area p {font-size:20px; color:#fff; line-height: 24px; margin-bottom: 30px; text-align: justify;}
.silicon-text-area ul {float:left; width: 48%;}
.silicon-text-area ul li {font-size:20px; color:#fff; line-height: 24px; margin-bottom: 10px; text-align: justify;}
.silicon-text-area h2 sup{font-size: 20px; top: -35px;}
.silicon-text-area a:hover {color:#fff; text-decoration: none;}

.home-ups-bg{background-image:url(../images/home-ups-bg.jpg); background-repeat:no-repeat; padding:110px 0; height:600px; /*top: -200px;
  position: relative;*/ z-index: 1; background-size: cover;}
.home-ups-text-area{padding:0 75px 0 95px;}
.home-ups-text-area h2 {font-size: 50px; color:#000; font-family: 'RODUSsquare700'; margin-bottom: 10px; text-transform: uppercase; line-height: 50px;}
/*.home-ups-text-area h2::before{content: ""; width:60px; height: 3px; background-color: #9d2122; position: absolute; top: 114px;}*/
.home-ups-text-area h2 span{font-size: 45px; color:#fff; font-weight: bold; font-style: italic;}
.home-ups-text-area P {font-size:20px; color:#000; line-height: 24px; margin-bottom: 30px; text-align: justify;}
.home-ups-text-area a:hover {color:#fff; text-decoration: none;}
.home-ups-bg img{margin-top: -70px; width:75%; }
/* --- our customer ------*/
.home-customer{background-color:#f5f5f5; background-repeat:no-repeat; padding:74px 0; height:600px; /*top: -200px;
  position: relative;*/ z-index: 1;}
.customer-area{padding:0 75px 0 95px;}
.customer-area h2 {font-size: 50px; color:#000; font-family: 'RODUSsquare700'; margin-bottom: 10px; text-transform: uppercase;}
/*.customer-area h2::before{content: ""; width:60px; height: 3px; background-color: #9d2122; position: absolute; top: 72px;} */
.customer-area ul {width: auto; margin: 1% 0;}
.customer-area ul li{width: 19%; display: inline-block; margin: 15px 0; list-style-type: none; padding:1% 4%; border-right:1px solid #e8e8e8;}
.customer-area ul li:last-child{border: none; padding-right:opx; }

.customer-area img{filter: grayscale(100); transition:linear 500ms;}
.customer-area img:hover{filter: grayscale(0); transition:linear 500ms;}
.nyvin-text-area h1 {  font-family: 'RODUSsquare700'; margin-bottom: 10px; text-transform: uppercase; color: #000000; }

/* --- our customer ------*/
/* ------- footer -----*/
footer{background-color: #fff; padding: 0; margin: 0; /*margin-top: -200px;*/}
footer .container-fluid{width:75%;}
footer h4{font-size: 20px; font-family: 'proximanova-regular'; color:#000;}
footer h4 a{font-size: 20px; font-family: 'proximanova-regular'; color:#000;}
footer h4 a:hover{font-size: 20px; font-family: 'proximanova-regular'; color:#9d2222; text-decoration: none;}
footer ul{width:auto; padding:10px 0; margin: 0px}
footer ul li{display: block; list-style-type: none; margin:10px 0; color:#2d2d2d; font-size: 15px;}
footer ul li a{color:#2d2d2d; text-decoration: none; transition: linear 200ms;}
footer ul li a:hover{color:#9d2122; text-decoration: none; transition: linear 200ms; /*padding-left: 3px; */}
.br{border-right:1px solid #ededed; padding: 3rem 0 3rem 2rem!important;}
.br-c{ padding: 3rem 0 2rem 3rem!important;}
footer p {font-size: 15px; color:#4f4f4f;}
footer p a {color:#2d2d2d; text-decoration: none; margin-top: -5px;}
footer p a:hover {color:#9d2122; text-decoration: none;}
footer p img{transition: linear 300ms; filter: grayscale(100%)}
footer p img:hover{transition: linear 300ms; filter: grayscale(0%)}

.br-c i{color: #6a6a6a; position: relative; top: 5px;}
.br-c .idegree{ transform: rotate(90deg); position: relative; top: 5px;}
.br-c img {width: 100%; max-width: 30px;}


.contact-area label img{transition: linear 300ms; filter: grayscale(100%)}
.contact-area label img:hover{transition: linear 300ms; filter: grayscale(0%)}
/*---- copy rights section ------*/
.copy{background-color: #eeeeee; padding: 1%; margin: 0;}
.copy p {color:#b5b5b6; font-size: 15px; margin-bottom: 0; text-align: right;}
.copy p a{text-decoration: none; color:#b5b5b6; transition: linear 200ms;}
.copy p a:hover{color:#9d2122; text-decoration: none; transition: linear 200ms;}
.copy img {max-width: 134px; width: 100%;}

/*---- copy rights section ------*/

.need-share-button-default .need-share-button_button:hover{background-image: url(../images/share-icon-hover.png);  width: 30px;
  height: 30px;
  background-size: contain;
  background-position: center;}

/* ------- footer -----*/

/* --- for Laptop screen  ---- */
@media screen and (min-width: 1025px) and (max-width: 1466px) {
  .hide-pad{padding: 0;}
  .vb-text h1{font-size: 40px;}
  .nyvin-bg{top:-24px; height:auto; background-size: cover; padding: 50px 0;}
  .nyvin-text-area {padding: 0 70px;}
  .nyvin-text-area h2{font-size: 43px;}
  .nyvin-text-area P{font-size: 20px; line-height: 22px;}
  .nyvin-bg img{padding-top: 10%;}

/*  .motor-bg{top:-50px; height:auto; background-size: cover; padding: 50px 0;}*/
  .motor-text-area {padding: 0 70px;}
  .motor-text-area h2{font-size: 43px; line-height: 45px;}
  .motor-text-area P{font-size: 20px; line-height: 22px;}
  .motor-bg {margin-top:-26px; padding: 7% 0;}
  .motor-bg img{padding-top: 10%;}

  .silicon-bg{top:-50px; height:auto; background-size: cover; padding: 7% 0;}
  .silicon-text-area {padding: 0 70px;}
  .silicon-text-area h2{font-size: 43px; line-height: 45px;}
  .silicon-text-area P{font-size: 20px; line-height: 22px;}

  .home-ups-bg{top:-50px; height:auto; background-size: cover; padding: 7% 0}
  .home-ups-text-area {padding: 0 70px;}
  .home-ups-text-area h2{font-size: 43px; line-height: 45px;}
  .home-ups-text-area P{font-size: 20px; line-height: 22px;}
  .home-ups-bg img{padding-top: 5%; margin-top: -12%; width: 80%;}
  
  .home-customer{top:-50px; height: auto; padding: 50px 0;}
  .customer-area{padding: 0 70px;}
  .customer-area h2{font-size: 36px; line-height: 45px;}
  .customer-area ul{padding:0;}

  footer{margin-top: -50px;}
  footer .container-fluid{width: 96%;}

}
/* --- for Laptop screen  ---- */
/* --- for tablet screen  ---- */
@media screen and (min-width: 993px) and (max-width: 1024px) {
  .video-texture {
    position: absolute;
    left: 0;
    top: -5px;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/home-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 4;
    }
   #myVideo{display: none;}
  .hide-pad{padding: 0;}
  .vb-text h1{font-size: 40px;}

  .nyvin-bg{top:-22px; height:auto; background-size: cover; padding: 50px 0}
  .nyvin-text-area {padding: 0 35px;}
  .nyvin-text-area h2{font-size: 35px;}
  .nyvin-text-area P{font-size: 18px; line-height: 22px;}
  .nyvin-bg img{padding-top: 10%;}

  .motor-bg{margin-top:-22px; height:auto; background-size: cover; padding: 50px 0;}
  .motor-text-area {padding: 0 35px;}
  .motor-text-area h2{font-size: 35px; line-height: 32px;}
  .motor-text-area P{font-size: 18px; line-height: 22px;}
  .motor-bg img{padding-top: 30%;}

  .silicon-bg{top:-22px; height:auto; background-size: cover; padding: 50px 0}
  .silicon-text-area {padding: 0 35px;}
  .silicon-text-area h2{font-size: 35px; line-height: 32px;}
  .silicon-text-area P{font-size: 18px; line-height: 22px;}

  .home-ups-bg{top:-50px; height:auto; background-size: cover; padding: 50px 0}
  .home-ups-text-area {padding: 0 35px;}
  .home-ups-text-area h2{font-size: 35px; line-height: 32px;}
  .home-ups-text-area P{font-size: 18px; line-height: 22px;}
  .home-ups-bg img{padding-top: 25%;}
  
  .home-customer{top:-50px; height: auto; padding: 50px 0;}
  .customer-area{padding: 0 35px;}
  .customer-area h2{font-size: 36px; line-height: 32px;}
  .customer-area ul{padding:0;}
  .br{border-right: 1px solid #ededed;  padding: 3rem 0 2rem 1rem!important;}
  .br-c {padding: 3rem 0 2rem 1rem!important;}
  footer{margin-top: -50px;}
  footer .container-fluid{width: 96%;}
}
/* --- for tablet screen  ---- */
@media screen and (min-width: 767px) and (max-width: 992px) {
  .video-texture {
    position: absolute;
    left: 0;
    top: -5px;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/home-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%; 
    z-index: 4;
    }
    #myVideo{display: none;}
  .hide-pad{padding: 0;}
  .vb-text h1{font-size: 40px; }
  .vb-text h1 span{font-size: 40px; }
  .vb-text p {font-size: 18px;}

  .nyvin-bg{top:-22px; height:auto; background-size: cover; padding: 50px 0}
  .nyvin-text-area {padding: 0 25px;}
  .nyvin-text-area h2{font-size: 35px;}
  .nyvin-text-area P{font-size: 18px; line-height: 22px;}
  .nyvin-bg img{padding-top: 25%;}

  .motor-bg{margin-top:-20px; height:auto; background-size: cover; padding: 50px 0;}
  .motor-text-area {padding: 0 35px;}
  .motor-text-area h2{font-size: 35px; line-height: 32px;}
  .motor-text-area P{font-size: 18px; line-height: 22px;}
  .motor-bg img{padding-top: 30%;}

  .silicon-bg{top:-22px; height:auto; background-size: cover; padding: 50px 0}
  .silicon-text-area {padding: 0 35px;}
  .silicon-text-area h2{font-size: 35px; line-height: 32px;}
  .silicon-text-area P{font-size: 18px; line-height: 22px;}
  .silicon-text-area ul {float:left; width: 100%; margin-bottom: 10px; }

  .home-ups-bg{top:-50px; height:auto; background-size: cover; padding: 50px 0}
  .home-ups-text-area {padding: 0 35px;}
  .home-ups-text-area h2{font-size: 35px; line-height: 32px;}
  .home-ups-text-area P{font-size: 18px; line-height: 22px;}
  .home-ups-bg img{padding-top: 25%;}
  
  .home-customer{top:-50px; height: auto; padding: 50px 0;}
  .customer-area{padding: 0 35px;}
  .customer-area h2{font-size: 36px; line-height: 32px;}
  .customer-area ul{padding:0;}
  .br{border-right: 1px solid #ededed;  padding: 3rem 0 3rem 0.35rem!important;}
  .br-c{ padding: 3rem 0 2rem 1rem!important;}
  footer{margin-top: -50px;}
  footer .container-fluid{width: 96%;}
  .vb-text{top:10%;}
}

@media screen and (min-width: 577px) and (max-width: 767px) {
  .video-texture {
    position: absolute;
    left: 0;
    top: -5px;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/mobile-home-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 4;
    }
    #myVideo{display: none;}
    .video-bg{height: 110vh;}
  .vb-text{top: 2.5%;}
  .mob-hide{display: none;}
  .nyvin-text-area{padding: 0 50px 0 50px;}
  .nyvin-bg{height: auto; top: -30px;}
  .nyvin-bg img {width: 80%; margin-top:5%;}

  .motor-bg{height: auto;}
  .motor-text-area{padding: 0 50px 0 50px;}

  .silicon-bg{height: auto;}
  .silicon-text-area{padding: 0 50px 0 50px;}

  .home-ups-bg{height: auto;}
  .home-ups-text-area{padding: 0 50px 0 50px;}
  .home-ups-bg img{margin-top:0; position: relative; left: 6%; top:5%;}

  .home-customer{top:-50px; height: auto;}
  .customer-area {padding: 0 25px;}
  .customer-area h2{font-size: 50px;}
  .customer-area h2::before{top:85px;}
  .customer-area ul {padding:0px;}
  .customer-area ul li{width:48%;}
  .customer-area ul li:last-child{display: none; }

}


/* --- for mobile screen  ---- */
@media screen and (max-width: 576px) {
  .mob-hide{display: none;}
  .hide-pad{padding: 0;}
  video{display: none;}
  .video-texture {
    position: absolute;
    left: 0;
    top: -5px;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/mobile-home-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 4;
    }
    #myVideo{display: none;}
/*  .navbar-dropdown.bg-color.transparent{background: #000!important;}*/
  .vb-text{top:7%; width: 90%;}
  .vb-text h1 {font-size: 40px;} .vb-text h1 span {font-size: 40px;}
  .vb-text h1::before {top:55px;}
  .vb-text P {font-size: 18px;}

  .nyvin-bg{top:-50px; height:auto; background-size: cover; padding: 50px 0;}
  .nyvin-text-area {padding: 0 25px;}
  .nyvin-text-area h2 {font-size: 40px;}
  .nyvin-text-area P {font-size: 18px;}
  .nyvin-text-area h2::before{top: 56px}
  .nyvin-bg img{padding:8% 0; width: 94%;}

  .motor-bg{top:-50px; height:auto; background-size: cover; padding: 50px 0; }
  .motor-text-area {padding: 0 25px;}  
  .motor-text-area h2 {font-size: 36px; line-height: 40px;}
  .motor-text-area P {font-size: 18px;}
  .motor-text-area h2::before{top: 136px}
  .motor-bg img{padding:8% 0; width: 94%;}

  .silicon-bg{top:-50px; height:auto; background-size: cover; padding: 50px 0}
  .silicon-text-area {padding: 0 25px;}
  .silicon-text-area h2 {font-size: 36px;}
  .silicon-text-area p {font-size: 18px;}
  .silicon-text-area h2::before{top: 92px}
  .silicon-text-area h2 sup{top: -24px;}
  .silicon-text-area ul {float:left; width: 100%; margin-bottom: 10px; }

  .home-ups-bg{top:-50px; height:auto; background-size: cover; padding: 50px 0}
  .home-ups-text-area {padding: 0 25px;}  
  .home-ups-text-area h2 {font-size: 36px; line-height: 40px;}
  .home-ups-text-area P {font-size: 18px;}
  .home-ups-text-area h2::before{top: 98px}
  .home-ups-bg img{margin-top: 20px; right: 0; position: relative; width: 90%;}

  .home-customer{top:-50px; height: auto;}
  .customer-area {padding: 0 25px;}
  .customer-area h2{font-size: 36px;}
  .customer-area h2::before{top:85px;}
  .customer-area ul {padding:0px;}
  .customer-area ul li{width:48%;}
  .customer-area ul li:last-child{display: none; }


  footer{margin-top: 0;}
  footer .container-fluid{width: 90%;}
  .br{border: none;}
  .br-ii{border-right:1px solid #ededed; padding: 3rem 0 1rem 1.5rem!important;}
  .br-c{ padding: 3rem 0 3rem 1.5rem!important;}
  .copy{padding: 5% 1%; margin: 0;}
  .copy img{position: relative; left: 30%;}
  .copy p {text-align: center;}
}

@media screen and (min-width: 300px) and (max-width: 400px) {
.home-learn-more-red{padding: 14px 5%;} .home-learn-more-red::after{left: 121%; top:-32px;}
.home-learn-more-black{padding: 14px 5%;} .home-learn-more-black::after{left: 121%; top:-32px;}
}