html {
scroll-behavior: smooth !important;

}

.ltsp {
letter-spacing: 0.4px !important;  
}


.ftnv {
font-family: 'Open Sans', sans-serif !important;

}

.ftnva {
font-family: 'Roboto', sans-serif !important;
  
}

.ftnvb {
font-family: 'Poppins', sans-serif !important;

}

.ftnvc {
font-family: 'Kanit', sans-serif !important;

}

.ftnvd {
font-family: 'Montserrat', sans-serif !important;

}

.ftnve {
font-family: 'Roboto Slab', serif !important;

}

.ftnvf {
font-family: 'Raleway', sans-serif !important;

}

.ftnvg {
font-family: 'Quicksand', sans-serif !important;

}


.bldnv {
color: #FF0000 !important;

}


.ltrs {
  letter-spacing: 1px !important;
}

.secnv {
background-color: rgb(245,245,245);

}

.recnvb {
padding-left: 8px !important;
padding-right: 8px !important;


}

.recnvb img {
border-radius: 5px;
transform: scale(1.0);
transition: 0.5s;

}

.recnvb img:hover {
transform: scale(1.1);
transition: 0.5s;

}

.recnvb p {
font-size: 15px;
margin-top: 5px;

}


/* Navbar css Start   */

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #404040;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  z-index: 1000 ;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 14px;
  color: #818181;
  display: block;
  transition: 0.3s;

}

.sidenav h5 {
color: #f1f1f1;

}

.sidenav a:hover {
  color: #f1f1f1;
  text-decoration: none;

}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 18px;
  font-size: 36px;
  margin-left: 50px;
  text-decoration: none;
}

.dropdown-btn {
  margin-top: 10px;
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  border:none !important;
  outline: none !important;
  color: #818181;
  display: block;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  font-size: 16px;
}

.dropdown-btn:after {
content: '\002B';
font-family: 'Roboto Slab', sans-serif !important;

color: white;
font-weight: bold;
float: right;
margin-right: 10px;

}

.plus:after {
content: "\2212";

}



.plus {
  background-color: #5A5A5A;
  color: #FFFFFF;
  border:none !important;
  outline: none !important;

}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #262626;
  padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}

}


/* Navbar css exit */

.hdnv {
border-bottom: 1px solid #F0F0F0;

}

.hdnva1 {
font-family: 'Open Sans', sans-serif !important;
text-decoration: none;
color:#404040;
letter-spacing: .5px;
font-size: 14px;
font-weight: 600;
cursor: pointer !important;

}

.hdnva1:hover {
color:#FF3333;

}


.hdnva1a {
color: #CC0000;

}

.hdnva1a:hover {
color: #EB3737;

}

.navbar {
padding: 5px 0px 0px 0px !important;

}

.navbar-toggler {
padding: 0 !important;

}

.navbar-toggler:focus {
outline: none !important;

}

.hdnva2 {
font-family: 'Open Sans', sans-serif !important;
text-decoration: none;
letter-spacing: 1px;
font-size: 15px;
border: 1px solid #FF3333;
border-radius: 6px;
color: white ;
background-color: #CC0000; 
text-align: center;
padding: 6px 20px 6px 20px !important;
}

.hdnva2:hover {
color: white;
background-color: #DC0000; 

}

.dropdown-menupc {
border: none !important;
background-color: #606060 !important;
box-shadow: 0 1px 5px #404040;
margin: 11px 0px 0px 0px !important;
padding: 5px 0px 5px 0px !important;

}

.dropdown-itempc {
font-size: 13px !important;
text-decoration: none;
letter-spacing: .6px;
font-family: 'Poppins', sans-serif !important;
color: white !important ;
padding: 8px 5px 8px 10px !important;
transition: .2s;
}

.dropdown-itempc:hover {
background-color: #3F3F3D !important; 
transition: .2s;

}

@media (min-width: 768px) {
  .dropdown>div {
    position: absolute;
    clip: rect(0.5rem, 9999px, 9999px, -9999px);
  }
}

.cat {
padding-left: 0px;

}

.catbtnv {
box-shadow: none !important;
font-weight: bold !important;
letter-spacing: .6px;
font-family: 'Raleway', sans-serif !important;

}

.cat li {
display: inline-block;

}

.cat .catnv {
padding-left: 110px;

}


@media only screen and (max-width: 1200px) {
  .cat .catnv {
    padding-left: 60px !important;
  }
}


.dropdown-menupv {
border: none !important;
background-color: #E0E0E0 !important;
padding: 4px 0px 4px 0px !important;
margin: -4px 0px 0px 0px !important;
box-shadow: 0 0 5px #808080;
border-radius: 5px !important;


}

.dropdown-menupv li a {
font-size: 13px !important;
text-decoration: none;
color: #212529;
cursor: pointer;
padding: 5px 40px 5px 30px;
letter-spacing: .4px;
font-family: 'Poppins', sans-serif !important;


}

.dropdown-itempv {
padding: 6px 0px !important;

}

.dropdown-menu li {
font-size: 13px !important;

}

.dropdown-menu li:hover {
background-color: #F0F0F0 !important;

}

.dropdown-menu li a:hover {
color:#FF3333 !important;

}

/*  Slider css start    */

.slidenv {
margin-top: 15px;

}

.slidenvb,.slidenvb1,.slidenvb2,.slidenvb3,.slidenvb4,.slidenvb5 {
background-color: rgb(245,245,245);
background-position: fixed;
background-size: cover;

}

.slidenvb6,.slidenvb7,.slidenvb8 {
background-color: rgb(245,245,245);

}


.slidenvb .hrnv1 {
border-top: 10px solid #00994C;
margin-bottom: 18px;
padding-top: 3px;
width: 10%;

}

.slidenvb .hrnv2 {
border-top: 10px solid #00994C;
margin-top: 25px;
width: 10%;

}

.slidenvb1 .hrnv1 {
border-top: 10px solid purple;
margin-bottom: 18px;
padding-top: 3px;
width: 10%;

}

.slidenvb1 .hrnv2 {
border-top: 10px solid purple;
margin-top: 25px;
width: 10%;

}

.slidenvb2 .hrnv1 {
border-top: 10px solid #003366;
margin-bottom: 18px;
padding-top: 3px;
width: 10%;

}

.slidenvb2 .hrnv2 {
border-top: 10px solid #003366;
margin-top: 25px;
width: 10%;

}

.slidenvb3 .hrnv1 {
border-top: 10px solid #006633;
margin-bottom: 18px;
padding-top: 3px;
width: 10%;

}

.slidenvb3 .hrnv2 {
border-top: 10px solid #006633;
margin-top: 25px;
width: 10%;

}

.slidenvb4 .hrnv1 {
border-top: 10px solid #FF0000;
margin-bottom: 18px;
padding-top: 3px;
width: 10%;

}

.slidenvb4 .hrnv2 {
border-top: 10px solid #FF0000;
margin-top: 25px;
width: 10%;

}

.slidenvb5 .hrnv1 {
border-top: 10px solid #001933;
margin-bottom: 18px;
padding-top: 3px;
width: 10%;

}

.slidenvb5 .hrnv2 {
border-top: 10px solid #001933;
margin-top: 25px;
width: 10%;

}


.slidenvb h1 {
font-size: 50px;
color: #00994C;
font-family: 'Poppins', sans-serif;

}

.slidenvb1 h1 {
font-size: 50px;
color: purple;
font-family: 'Poppins', sans-serif;
}

.slidenvb2 h1 {
font-size: 50px;
color: #003366;
font-family: 'Poppins', sans-serif;

}

.slidenvb3 h1 {
font-size: 50px;
color: #006633;
font-family: 'Poppins', sans-serif;

}

.slidenvb4 h1 {
font-size: 50px;
color: #FF0000;
font-family: 'Poppins', sans-serif;

}

.slidenvb5 h1 {
font-size: 50px;
color: #001933;
font-family: 'Poppins', sans-serif;

}

.slidenvb6 h1 {
font-size: 60px;
color: #320D0B;
font-family: 'Poppins', sans-serif;

}

.slidenvb7 h1 {
font-size: 60px;
color: #F5881F;
font-family: 'Poppins', sans-serif;

}

.slidenvb8 h1 {
font-size: 60px;
color: #2B657A;
font-family: 'Poppins', sans-serif;

}

.slidenvb6 .btnv2 {
background-color: #5A0D0B !important;
color: white;

}

.slidenvb6 .btnv2:hover , .btnv2:focus {
background-color: #320D0B !important;
color: white;
box-shadow: none !important;

}

.slidenvb6 .btnv3 {
border:2px solid #320D0B !important;
color: #320D0B;

}


.slidenvb6 .btnv3:hover , .btnv3:focus {
color: white;
background-color: #320D0B;
box-shadow: none !important;

}

.slidenvb7 .btnv2 {
background-color: #F5881F;
color: white;


}

.slidenvb7 .btnv2:hover , .btnv2:focus {
background-color: #E6781F !important;
color: white;
box-shadow: none !important;

}

.slidenvb7 .btnv3 {
border:2px solid #E0CF96; !important;
color: black;
box-shadow: none;

}


.slidenvb7 .btnv3:hover , .btnv3:focus {
color: white !important;
background-color: #E0C878 !important;
box-shadow: none !important;
border-color: transparent !important;

}

.slidenvb8 .btnv2 {
background-color: #2B657A !important;
color: white;
font-family: 'Roboto', sans-serif !important;

}

.slidenvb8 .btnv2:hover , .btnv2:focus {
background-color: #1E5A64 !important;
color: white;
box-shadow: none !important;

}

.slidenvb8 .btnv3 {
border:2px solid #2B657A !important;
color: #2B657A;
font-family: 'Roboto', sans-serif !important;

}


.slidenvb8 .btnv3:hover , .btnv3:focus {
color: white;
background-color: #2B657A;
box-shadow: none !important;

}


.slinv {
position: relative !important;
justify-content: flex-end !important;
margin-right: 0px !important;
margin-left: 0px !important;

}


.slinv li {
background-color: #C0C0C0 !important;
width: 12px !important;
height: 12px !important;
border-radius: 100%;
opacity: .5 !important;

}

.slinv .active {
background-color: #FF0000 !important;
opacity: 1 !important;
}


/* Slider css end  */ 


.ftrnv {
background-color: rgb(128,128,128);

}

.ftrnvc {
font-size: 14px;

}

.ftrnvc4{
font-family: 'Poppins', sans-serif !important;
line-height: 23px;
color: white;

}

.ftrnvc3 {
line-height: 28px !important;
margin-bottom: 8px;
}

.inp {
font-size: 13px !important;
border-radius: 5px !important;
background-clip:unset !important;

}

.inp:focus {
box-shadow: none !important;
border-color: transparent !important;
background-color: rgb(220,220,220) !important;


}

.btnv {
background-color: #A0A0A0 !important; 
box-shadow: 0 4px #FFFFFF!important;
border-radius: 5px !important;
transition: 0s !important;
border:none !important;
color: white !important;

}

.btnv:hover {
background-color: #A0A0A0 !important;

}

.btnv:active {
  background-color: #A0A0A0 !important;
  box-shadow: 0 2px #202020 !important;
  transform: translateY(4px);
  transition: 0s !important;
}

.aa {
margin-right: 6px;
font-size: 18px;
text-decoration: none;
transition: .5s;
color: black;
}

.aa:hover {
color: #E0E0E0;
transition: .5s;
}

.ab {
margin-left: 6px;
margin-right: 6px;
font-size: 18px;
text-decoration: none;
color: black;
transition: .5s;
}

.ab:hover {
color: #E0E0E0;
transition: .5s;
}

.ac {
margin-left: 6px;
margin-right: 6px;
font-size: 18px;
text-decoration: none;
color: black;
transition: .5s;
}

.ac:hover {
color: #E0E0E0;
transition: .5s;

}

.ad {
margin-left: 6px;
font-size: 18px;
text-decoration: none;
color: black;
transition: .5s;
}

.ad:hover {
color: #E0E0E0;
transition: .5s;

}

.sidewh {
position: fixed;
z-index: 100000;
top: 87%;
left: 1.7%;

}

.sidewha {
font-size: 40px;
text-decoration: none;
color: white;
transition: .5s;
padding: 1px 14px 3px 14px;
background-color: #1BD741;
border-radius: 50px;

}

.sidewha:hover {
background-color: #0EAC2E;
color: white;
}


.sidewha1 {
font-size: 40px;
text-decoration: none;
color: white;
transition: .5s;
padding: 7px 12px 6px 12px;
background-color: #1BD741;
border-radius: 50px;

}

.sidewha1:hover {
background-color: #0EAC2E;
color: white;
}


.sidenava {
position: fixed;
z-index: 1000;
top: 85%;
left: -197px;
transition: 1.5s;
}

.sidenava:hover {
left: 0px;
transition: 1s;

}

.ae,.af,.ag,.ah,.ai {
font-size: 25px;
text-decoration: none;
color: black;
transition: .5s;
padding: 8px 5px 8px 5px;
background-color: #E0E0E0;

}
 
.aj {
margin-left: 6px;
font-size: 20px;
color: blue;
margin-bottom: 30px;

}


.oppo1a i {
font-size: 40px;

}

.oppo1:hover i {
color: red;

}

.oppo1c {
font-size: 16px;

}

/* Testimonial css Start  */

.test {
background-image: url('../img/background/1.jpg');
background-size: cover;
background-attachment: fixed;
background-position: center;
box-shadow: 0px -4px 10px #E0E0E0,0px 4px 10px #E0E0E0;

}

.testd2 {
background-color: #FF0000;
color: white;
border-radius: 100%;
padding: 7px 10px 7px 10px; 

}

.testd3 {
margin-top: -40px !important;
padding-left: 20px;
padding-right: 30px;
font-size: 14px;

}

.testd3c {
font-size: 14px;
color: #808080;

}

.tslinv {
position: relative !important;
margin-right: 0px !important;
margin-left: 0px !important;

}

.tslinv li {
background-color: #C0C0C0 !important;
width: 10px !important;
height: 11px !important;
border-radius: 100%;
opacity: .5 !important;

}

.tslinv .active {
background-color: #FF0000 !important;
opacity: 1 !important;
}



.testlnv {
color: red;
font-size: 30px;

}

.testrnv {
color: red;
font-size: 30px;

}

.testp, .testn {
width: 0% !important;

}


/* Testimonial css end  */

.oppo2d {
font-size: 60px;
color: #808080;

}

.oppo2da {
font-size: 14px;
color: #969696;
line-height: 25px;

}


.oppo4b {
font-family: 'Roboto', sans-serif !important;
text-align: center;
font-size: 25px !important;
letter-spacing: .4px !important;
font-weight: bold;

}

.oppo4c {
font-family: 'Poppins', sans-serif !important;
font-size: 16px;

}

.oppo4e {
padding: 20px 20px;
transition: all 0.45s ease-in-out 0s;
border: 5px solid #C0C0C0 ;
border-radius: 0px 30px;

}

.oppo4e:hover {
border: 5px solid #FF0000 ;
border-radius: 30px 0px;
transition: all 0.45s ease-in-out 0s;

}

.oppo4e:hover .oppo4g {
color: #FF0000;
transition: all 0.45s ease-in-out 0s;
}

.oppo4f {
font-family: 'Roboto', sans-serif !important;
text-align: center;
font-size: 25px !important;
font-weight: bold;

}

.oppo4g {
font-family: 'Poppins', sans-serif !important;
font-size: 15px;
text-align: center;
margin-top: 20px;
color: #B4B4B4;

}


.prodslinv .slida {
font-size: 10px;
margin-top: 210px; 
margin-left:25px ;
margin-bottom: 0px;

}

.slida a {
text-decoration: none !important;
color: black;
font-family: 'Open Sans', sans-serif !important;

}

.slida a:hover {
color: red;

}  

.prodslinv .slidb {
font-size: 10px;
font-family: 'Open Sans', sans-serif !important;
margin-left:25px;
color: #808080;

}

.oppo3a1 {
padding-left: 9px !important;
padding-right: 9px !important;

}

.oppo6d .oppo6d1 {
padding:10px 20px 15px 20px;
text-align: center;

}

.oppo6d2 {
color: #5E5971;
font-size: 80px;
}

.oppo6d3 {
color: #5E5971;

}

.oppo6d6 {
color: #EA544A;
font-size: 90px;
}

.oppo6d7 {
color: #EA544A;

}

.oppo6d8 {
color: #E31E24;
font-size: 90px;
}

.oppo6d9 {
color: #E31E24;

}

.testp1 {
width: 7% !important;

}

.testn1 {
width: 7% !important;

}

.oppo7ca {
transform: scale(1.0);
transition: .2s;

}

.oppo7ca:hover {
transform: scale(1.1);
transition: .2s;

}

.oppo7da {
background-color: #B8B8B8 !important;
color: white;

}

.oppo7db {
background-color: #DAA520 !important;
color: white;
}

.oppo7dc {
background-color: #B87333 !important;
color: white;

}

.oppo7d1 {
background-color: #F5F5F5 !important;
font-family: 'Roboto Slab', serif !important;
font-size: 14px !important;
letter-spacing: .4px;

}

.oppo7d1a {
background-color: #CC0000 !important;
color: #DCDCDC;  
font-family: 'Roboto Slab', serif !important;
font-size: 12px !important;
letter-spacing: .6px;

}

/*  slider1 css   */

/*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }


/*   slider1 css exit */


/*  slider1 css   */

/*

.pause {
text-decoration: none !important;
color: #777;

}

.slideshow-controls {
margin-top: 8px;  

}
.slideshow-controls a,  .slideshow-controls span {
display: inline-block;
padding: 3px 5px;
background-color: #eee;
color: #777 !important;
border: 1px solid #e0e0e0;
border-radius: 3px;
font-size: 15px;
font-family: 'Poppins', sans-serif !important;
text-decoration: none !important;
text-transform: capitalize;
}

.slideshow-controls a:hover {
background-color: #efefef;
border-color: #bbb;
color: #111;
}
.slideshow-controls a.selected {
color: #000;
background-color: #fff;
border-color: #bbb;
}
      
#slideshow-carousel {
width: 100%;
height: 450px;
margin-top: 20px;

}
#slideshow-carousel img {
display: block;
width: 100%;
height: 400px;

}

*/

/* Slider 5 css start */

.slider-wrap {
position: relative;


}
.slider {
position: relative;
margin: auto;
background-color:rgb(240,240,240);

}
ul {
margin: 0;
padding: 0;

}
ul li {
list-style: none;

}
ul li span {
display: inline-block;
vertical-align: middle;

}

ul li span img {
width :100%;
height:auto;

}
.slider-arrow {
background: #E60000;
color: white !important;
text-align: center;
text-decoration: none;
border-radius: 20%;
font-size: 22px;
padding: 0px 10px 6px 10px;
font-weight: 700;

}
.sa-left {
left: 0px;

}
.sa-right {
right: 0px;

}

.slidnva {
color: white;
padding: 6px 15px;
background-color: #E60000;
border-radius: 5px;
font-size: 15px;
}

.slidnva:hover {
background-color: #CC0000;
color: white;

}

/* Slider 5 css exit */

/*   slider1 css exit */



/*  Contact css start  */

.contnvb1 {
font-family: 'Roboto Slab', serif !important;
font-weight: 600; 

}

.contnvb1:after {
background-color: #E60000;
content: '';
left: 20px;
right: 0;
top: 50px;
height: 5px;
width: 0px;
position: absolute;
transition: .5s;

}

.contnvb1a {
color: #E60000; 

}

.contnvb:hover .contnvb1:after {
width: 90px;
transition: .5s;

}

.contnvb2 {
font-family: 'Poppins', sans-serif !important;
font-size: 19px;
font-weight: 600;
letter-spacing: .5px;
}

.contnvb3 {
font-family: 'Poppins', sans-serif !important;
font-size: 14px;
color: #A0A0A0;
text-decoration: none !important;
letter-spacing: .5px;
transition: .5s;
font-weight: 500;

}

.contnvb3:hover {
color: #E60000;
transition: .5s;

}

.contnvb3a {
font-family: 'Kanit', sans-serif !important;
font-size: 16px;
letter-spacing: .5px;

}

.formnv1 {
box-shadow: 2px 2px 5px #A0A0A0, -2px -2px 5px #A0A0A0 ;
border-radius: 5px;
padding: 10px 30px;

}

.formnv2 {
font-family: 'Poppins', sans-serif !important;
font-size: 14px;

}

.formnv3 {
border-radius: 0 !important;
font-family: 'Roboto', sans-serif !important;
letter-spacing: .4px;
border:2px solid #E0E0E0 !important;

}

.formnv3:focus {
box-shadow: none !important;
border:2px solid #E60000 !important;

}

textarea {
resize: none !important;

}

.erranv {
font-family: 'Roboto', sans-serif !important;
color: #E60000;

}

#mainCaptcha {
font-family: 'Open Sans', sans-serif !important;
letter-spacing: 1.3px;
font-size: 14px;
font-weight: bold;
background-color: #FFCC99;
padding: 8px 7px 8px 7px;
border-radius: 5px;

}

#mainCaptcha2 {
font-family: 'Open Sans', sans-serif !important;
letter-spacing: 1.3px;
font-size: 14px;
font-weight: bold;
background-color: #FFCC99;
padding: 8px 7px 8px 7px;
border-radius: 5px;

}

.submbtn {
padding: 8px 30px !important;
font-family: 'Roboto', sans-serif !important;
background-image: linear-gradient(to right, #E60000 , #E60000 ,#FF9999);
color: white !important;
letter-spacing: .5px;
font-size: 19px !important;
border-radius: 0px !important;
box-shadow: 0 4px 8px #404040;

}

.submbtn:focus {
box-shadow: 0 5px 8px #404040 !important;

}


/*  Contact css exit  */


.h3nv {
font-size: 25px !important;
letter-spacing: .4px !important;

}

.h2nv {
font-size: 28px !important;
font-family: 'Roboto', sans-serif !important;
letter-spacing: .4px !important;

}

.abatn {
text-decoration: none !important;
font-size: 16px;
padding-top: 10px !important;

}

.abatn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;

}

.abatn span:after {
  content: '\00bb';
  position: absolute;
  top: -9.7px;
  right: -30px;
  transition: 0.5s;
  font-size: 28px;
  opacity: 0;

}

.abatn:hover span {
  padding-left: 4px;
}

.abatn:hover span:after {
  opacity: 1;
  right: -15px;

}

.brdnv {
font-family: 'Poppins', sans-serif !important;
letter-spacing: .4px;

}


/* Collapse css Start */


.collapsible {
background-color:rgb(255,255,255);
border-radius: 5px;
padding: 1px 0px 1px 0px; 
color: #606060;
cursor: pointer;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15.5px;
  
}

.activenv, .collapsible:hover {
content: "\2212";
}

.collapsible::before {
content: '\002B';
margin: -15px 20px 18px 5px;
color: #606060;
font-size:30px;
float: right;
border-radius: 5px;

}

.activenv::before {
  content: "\2212";
}

.content {
  width: 85%; 
  padding: 2px 18px;
  margin-left: 1px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
  font-size: 16px;

}

.outn {
outline: none !important;

}

.contentnv {
font-family: 'Poppins', sans-serif !important;
font-size: 14px;
letter-spacing: .3px;
color: #606060;
}

/* Collapse css end  */

.aboutnv1b {
font-size: 40px;
color: #990000;
font-family: 'Poppins', sans-serif;

}

.aboutnv2bg {
background-image: url(../img/background/1.jpg);
background-attachment: fixed;
background-size: cover;

}


.aboutnv2b1 {
filter: grayscale(100%);
transition: 1.4s;

}

.aboutnv2:hover .aboutnv2b1 {
filter: grayscale(0%);
transition: 1.4s;
}

.aboutnv2c1 {
font-size: 30px;
font-family: 'Poppins', sans-serif;
color: #606060;

}

.aboutnv2c1a {
width: 10px;
height: 7px !important;
opacity: 0;
margin-left: 20px;
background: #FF0000;
-ms-transform: matrix(1,0,-.5,1,0,0);
-webkit-transform: matrix(1,0,-.5,1,0,0);
transform: matrix(1,0,-.5,1,0,0);
transition: .5s;

}

.aboutnv2:hover .aboutnv2c1a {
margin-left: 5px;  
width: 50px;
height: 7px !important;  
opacity: 1; 
transition: .5s;

}

.aboutnv2c1b {
width: 10px;
height: 7px !important;
opacity: 0;
margin-left: 20px;
background: #FF0000;
-ms-transform: matrix(1,0,-.5,1,0,0);
-webkit-transform: matrix(1,0,-.5,1,0,0);
transform: matrix(1,0,-.5,1,0,0);
transition: .5s;

}

.aboutnv3:hover .aboutnv2c1b {
margin-left: 5px;  
width: 50px;
height: 7px !important;  
opacity: 1; 
transition: .5s;

}

.aboutnv3b {
filter: grayscale(100%);
transition: 1s;
}

.aboutnv3a:hover .aboutnv3b {
filter: grayscale(0%);
transition: 1s;
}

.aboutnv3a:hover .aboutnv3ca {
border-color: #F0F0F0;
background-color: #F0F0F0;
color:#808080;
box-shadow: 0 4px 5px #C0C0C0;
transition: 1s;
}

.aboutnv3a:hover .aboutnv3cb {
border-color: #F0F0F0;
background-color: #F0F0F0;
color:#808080;
box-shadow: 0 4px 5px #C0C0C0;
transition: 1s;
}

.aboutnv3a:hover .aboutnv3cc {
border-color: #F0F0F0;
background-color: #F0F0F0;
color:#808080;
box-shadow: 0 4px 5px #C0C0C0;
transition: 1s;
}


.aboutnv3ca {
padding: 15px 17px 15px 17px;
border:8px solid #E6E6E6;
transition: 1s;
color: #A0A0A0;
border-radius: 10px;
}

.aboutnv3cb {
padding: 15px 17px 15px 17px;
border:8px solid #E6E6E6;
transition: 1s;
color: #A0A0A0;
border-radius: 10px;
}

.aboutnv3cc {
padding: 15px 17px 15px 17px;
border:8px solid #E6E6E6;
transition: 1s;
color: #A0A0A0;
border-radius: 10px;
}

/*

.aboutnv2c1:after {
content: "";
position: absolute;
width: 0px;
height: 5px;
background: #FF0000;
top: 18%;
left: 4%;
visibility: 0;
-ms-transform: matrix(1,0,-.5,1,0,0);
-webkit-transform: matrix(1,0,-.5,1,0,0);
transform: matrix(1,0,-.5,1,0,0);
transition: 1s;

}

.aboutnv2:hover .aboutnv2c1:after {
width: 40px;
transition: 1s;

}

*/

.aboutnv2c2 {
font-family: 'Poppins', sans-serif;
color: #A0A0A0;
transition: 1s;
}

.aboutnv2:hover .aboutnv2c2 {
color:#EB5E1A;
transition: 1s;

}

.vluhdngnv {
font-size: 15px;
font-family: 'Poppins', sans-serif !important;
font-weight: bold;
letter-spacing: .4px;
color: #606060;

}

.aboutnv2c3 {
font-family: 'Poppins', sans-serif;
color: #A0A0A0;
transition: 1s;

}

.vlucntnv {
font-size: 13px;

}

.aboutnv3:hover .aboutnv2c3 {
color:#EB5E1A;
transition: 1s;

}

.aboutnv2f1 {
font-size: 28px !important;
text-align: center;
font-weight: 700;
font-family: 'Roboto', sans-serif !important;
position: relative;
}

.aboutnv2f1:after {
content: "";
position: absolute;
width: 50px;
height: 4px;
background: #FF0000;
top: 110%;
left: 50%;
-ms-transform: matrix(1,0,-.5,1,0,0);
-webkit-transform: matrix(1,0,-.5,1,0,0);
transform: matrix(1,0,-.5,1,0,0);

}


/*   web-designing page css start   */

.wbdsnv2b {
font-size: 30px;
color: #606060;
font-family: 'Poppins', sans-serif;

}

.wbdsnv4b {
box-shadow: 0 3px 8px #808080;
text-align: center;
padding: 35px 15px 5px 15px;
transition: .4s;

}

.wbdsnv4b:hover {
box-shadow: 0 0 15px #404040;
transition: .4s;

}

.wbdsnv7b2 {
padding: 5px;
text-align: center;
font-family: 'Montserrat', sans-serif !important;
font-weight: bold;
font-size: 14px;
color: #606060;
letter-spacing: .6px;

}

.wbdsnv7b2:hover {
text-decoration: none !important;

}

.prdimg {
border-radius: 3px;

}


/*   web-designing page css exit   */