html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    /*overflow-x: hidden; */
   -webkit-overflow-scrolling: touch;
}
.privacy-container{
    margin-top:8em;
}
.owl-nav{display:none !important;}
#header{
    padding: 5px 0px 11px 0px;
}

/*body::-webkit-scrollbar {
  width: 1em;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #043761;
  /*outline: 1px solid slategrey;*/
/*}*/
/*.mobile1{
  max-width: 31.333333%;
      margin-right: 15px;

}
@media (min-width: 768px)
{
  .col-md-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 24.333333%;
  }
}*/
.copy{
    font-family: PT Sans;
    font-size: 15px;
}

.copy1{
    font-family: PT Sans;
    font-size: 14px;
    line-height: 18px;
}

.title{
    font-family:Montserrat ;
    font-size: 26px;
    font-weight: bold;
}

#head-menu{
    color: #141414;
    font-family: Catamaran ;
    font-size: 15px;
    font-weight: bold;
    margin:0px;
}


.nav-link{color:#141414;}

.navbar-nav .nav-link {
    padding-right: 1rem !important;
    padding-left: 2rem !important;
}

#banner-img{
    height:550px;
}

#manu-img {
    height: 318px;
    width: 468px;
}

.banner-text{font-size: 45px;
    font-family: Montserrat;
    line-height: 60px;}

/*----extra-----*/
.carousel{
    padding-top:5em;
}



.carousel-caption{
    width: 70%;
    margin: 0 auto;
}

#manufacture{
    height: 550px;
    background-size: 100% 100%;
}

#manu-content{
    padding-top: 5em;
    
}

#content-right{
    padding-right: 72px;
}

#line1{
    width: 30%;
    margin-bottom: 16px;
    margin-top: -5px;
    border-top: 2px solid #d89d0e;
}

#line2{
    border-bottom: 2px solid #d89d0e;
    width: 25%;
    margin-top: -12px;
}

#btn-orange{
    background-color: #d89d0e;
    border: none;
    color: white;
    padding: 8px 20px 8px 20px;
}

.fl-node-599be884d9570>.fl-row-content-wrap {
    background-color: #02887c;
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
}

.fl-node-599be884da08e>.fl-col-content {
    background-image: url(../images/ccc.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100% !important;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    margin-right: -35px;
}

.fl-node-599be884d9f5d>.fl-col-content {
    background-image: url(../images/bbb.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: 100% 100% !important;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    margin-right: -35px;
}

.fl-node-599be884d9e29>.fl-col-content {
    background-image: url(../images/aaa.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100% !important;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    margin-right: -35px;
}


.fl-node-599be884d9e29>.fl-col-content .fl-rich-text{
    margin-left: -310px;
    color: #141414;
}

.fl-node-599be884d9e29>.fl-col-content .vamtam-heading {
    margin-left: -310px !important;
    color: #141414;
}



.fl-node-599be884d9f5d>.fl-col-content .fl-rich-text{
    margin-left: -310px;
    color: #141414;
}

.fl-node-599be884d9f5d>.fl-col-content .vamtam-heading {
    margin-left: -310px !important;
    color: #141414;
}


.fl-node-599be884da08e>.fl-col-content .fl-rich-text{
    margin-left: -310px;
    color: #141414;
}

.fl-node-599be884da08e>.fl-col-content .vamtam-heading {
    margin-left: -310px !important;
    color: #141414;
}
































.fl-node-599be884d9e29>.fl-col-content{padding-right:0px !important;}
.fl-node-599be884d9f5d>.fl-col-content{padding-right:0px !important;}
.fl-node-599be884da08e>.fl-col-content{padding-right:0px !important;}



 .fl-node-599be884d9cc9 .fl-rich-text {
   
    color: black;
    line-height: 11px;
}
.fl-node-599be884d9bbe{
    padding-left: 53px;
}

#line3{
    width: 30%;
    margin-bottom: 16px;
    margin-top: 0px;
    border-top: 2px solid white;
}

#line4{
    border-bottom: 2px solid white;
    width: 25%;
    margin-top: -12px;
}

#line11{
    width: 30%;
    margin-bottom: 16px;
    margin-top: 0px;
    border-top: 2px solid #d89d0e;
}

#about-foot-line1{
    width: 30%;
    margin-bottom: 16px;
    margin-top: 0px;
    border-top: 2px solid #d89d0e;
}



#lineside11{
    width: 30%;
    margin-bottom: 16px;
    margin-top: -14px;
    border-top: 2px solid #d89d0e;
}

#line12{
    border-bottom: 2px solid #d89d0e;
    width: 25%;
    margin-top: -12px;
}
#about-foot-line2{
    border-bottom: 2px solid #d89d0e;
    width: 25%;
    margin-top: -12px;
}




#white-btn{
    background-color: white;
    color: #141414;
    padding: 10px 10px 10px 10px;
}
#line5{
    margin-top: 15px !important;
    margin-bottom: 13px;
    border: 0;
    border-top: 2px solid #d89d0e;
    width: 15%;
    margin: 0 auto;
}
#line6{
   border: 0;
    border-top: 2px solid #d89d0e;
    width: 10%;
    margin-top: 5px !important;
    margin: 0 auto;
}

#line155{
    margin-top: 15px !important;
    margin-bottom: 13px;
    border: 0;
    border-top: 2px solid white;
    width: 15%;
    margin: 0 auto;
}
#line166{
   border: 0;
    border-top: 2px solid white;
    width: 10%;
    margin-top: 5px !important;
    margin: 0 auto;
}

#line55{
    margin-top: 15px !important;
    margin-bottom: 13px;
    border: 0;
    border-top: 2px solid white;
    width: 15%;
    margin: 0 auto;
}
#line66{
   border: 0;
    border-top: 2px solid white;
    width: 10%;
    margin-top: 5px !important;
    margin: 0 auto;
}


.overlay {
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 5px;
  background-color: #02887cd9 !important;
  overflow: hidden;
  width: 92%;
  height: 0;
  transition: .5s ease;
  /*margin-left: 26px;*/
}

#img-over1:hover .overlay {
  height: 33%;
}

#product-img{height: 270px;width: 346px;padding-left: 10px;
    padding-right: 25px;}

#text-over{padding: 30px 30px 10px 40px;
    color: white;
    font-weight: bold;}

#text-over2{
    padding: 10px 30px 10px 40px;
    color: white;
}

#customer-says{
    background-image: url(../images/section4_bg.jpg);
    background-size: 100% 100%;
    height: 580px;
    background-attachment: fixed;
}
#carouselExampleIndicators{
    margin-top: 40px;
    background-color: #00000073;
    padding: 31px 31px 31px 31px;
    width: 88%;
    height: 67%;
}
#customer-content{
    padding-top: 75px;
}
#counter-full{
    /*background-color: #02887c;
    margin-top: 0px;
    height: 403px;*/
    background-color: #000000cc;
    margin-top: 50px;
    height: 323px;
}
#counter-full1{
    background-color: #02887c;
    margin-top: 0px;
    height: 403px;
}
#counter-section {
    /*padding: 36px 75px 37px 60px;*/
    padding: 22px 24px;
    border-bottom: 1px solid #ffffff73;
}

#one{float: right;font-size: 40px;}
#two{float: right;font-size: 40px;}
#three{float: right;font-size: 40px;}
#four{float: right;font-size: 40px;}

.subtitle{
    font-size: 20px;
    font-family: Montserrat;
}
#footer_about{background-color: #003934;height: 495px !important;}
#footer{
    /*height:495px;*/
    background-color: #003934;
}
#footer_about{height:550px;
    background-color: #003934;}
#team-img{height: 227px;}

#team-name{
    background-color: white;
    z-index: 0;
    top: 82%;
    position: absolute;
    padding: 10px 23px 10px 23px;
}

.team-info{
    padding: 10px 23px 10px 23px;
    box-shadow: 3px 3px 18px 2px #cccccc;
    height: 17em;
}


.overlay1 {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #02887ca1;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.img-overmain:hover .overlay1 {
  bottom: 0;
  height: 100%;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.text123{
    position: absolute;
  position: absolute;
    top: 43%;
    left: 80%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
    color:white;
}

.text1234{
    position: absolute;
  position: absolute;
    top: 43%;
    left: 90%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
    color:white;
}

#font-icon{
    background-color: white;
    color: #141414;
    padding: 6px 12px 6px 12px;
    margin: 5px 5px 5px 5px;
}

#font-icon:hover{
    color:#02887c;
}

#our-main-team{
    margin-top: 7em;
    margin-bottom: 7em;
}
#our-main-team1{
    margin-top: 5em !important;
    margin-bottom: 7em;
}

#our-team-content{padding-top:60px;}

#contact-us{
     background-image: url(../images/form_bg.jpg);
    height: 515px;
    background-size: 100% 100%;
}

#view-profile-img{
     background-image: url(../images/company_profile_bg.jpg);
    height: 515px;
    background-size: 100% 100%;
    padding-top: 7em;
   left: 104px;
}
#profile-img{
    margin:0 auto;
    height:200px;
    display: table;
}

#btn-black{
    background-color: #141414 !important;
    color: white !important;
    padding: 10px !important;
    margin: 0 auto !important;
    display: table !important;
    margin-top: 2em !important;
}

.first-input{
    display: inherit;
    float: left;
    width:44%;
    margin-right: 3.3em;
}

.second-input {
    width: 45% !important;
}
.form-control{border-radius:0px}

#forms{background-color: white;
    padding: 35px 35px 35px 35px;
    width: 100%;
    /* z-index: 1; */
    position: absolute;
    margin-top: 3em;
    box-shadow: 3px 3px 18px 2px #9e9c9c;}

#send-msg{background-color: #02887c;
    border-radius: 0px;}

#client-slide-img {
    height: 100%!important;
    width: 131px;
}
#foot-middle{
    background-color: white;
    margin-top: -25px;
    padding: 40px;
    box-shadow: 0 -8px 6px -5px #bfbdbdd1;
    /*height:460px;*/
    height: 365px;
    border-top: 6px solid #02887c;
}

#font-icon1 {
    background-color: #dad9d9cf;
    color: #141414;
    padding: 6px 12px 6px 12px;
    margin: 5px 5px 5px 5px;
}
#font-icon13{

    background: #00c84b;
    color: white;
    font-size: 35px;
    border-radius: 50%;
    padding: 3px 5px 3px 5px;
    margin: 5px 5px 5px 5px;
    margin-top: 11px;

}
#foot-first{margin-top: 1em;}
#foot-last{margin-top: 1em;}

#ul-imp{margin-left: 0px;
    margin-top: 42px;}

#ul-imp1{
    margin-top: 42px;}

#last-footer{
    background-color: #05746b;
    height: 55px;
}
.owl-next{float: right;
    font-size: 70px !important;top: -176px;}

.owl-prev{float: left;
    font-size: 70px !important;top: -176px;}

.owl-stage-outer{
    margin-top: 5em;
    margin-bottom: 5em;
    padding-left: 2.5em;
}

.second-input {
    width: 47%;
}

/*.carousel-caption{bottom: 200px !important;}*/

#about-banner{
    background-image: url(../images/banner.jpg);
    height:500px !important;
    background-size: 100% 100%;
}

#content-right1{
    padding-right: 121px;
}

#content-right2{
    padding-right: 121px;
}

#what-we-do {
    height: 550px;  
    background-size: 100% 100%;
}
.nav-link, .nav-pill :hover{
border: none;
}
a>.nav-link:hover{
  background-color: red;
}
#why-choose-us{
    background-image:url(../images/section2_parallax.jpg);
    height:486pxs;
    background-attachment: fixed;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#v-pills-tabContent {
    /*z-index: 0;
    position: absolute;
    left: -645px;
    width: 609px;
    background-color: #fffafad4;
    margin-top: -279px;
    padding: 25px 34px 0px 35px;
    height: 313px;
    line-height: 21px;
    margin-top: -314px;*/
    z-index: 0;
    position: absolute;
    left: -733px;
    width: 609px;
    background-color: #45ff90;
    margin-top: -279px;
    padding: 25px 34px 0px 35px;
    height: 296px;
    line-height: 26px;
    margin-top: -314px;
}

#v-pills-tab{
    margin-left: -20px !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    /*color: #02887c !important;
    background-color: transparent;
     border-bottom:1px solid #02887c;
   
    background-repeat: no-repeat;
    position: inherit;
    padding-top: 0px;*/
        color: #000000 !important;
    background-color: #45ff90;
    border-bottom: 1px solid #02887c;
    background-repeat: no-repeat;
    position: inherit;
    padding-top: 9px;
    font-weight: 700;
    
}

#ul-imp1 a{color:white;}

#ul-imp a{color:white;}

#why-choose-us1{
    padding: 27px 19px 10px 36px;
    background-color: #eeeeee;
}

.nav-pills .nav-link{
    border-bottom:1px solid transparent;
    margin-bottom: 25px;
    width: 264px;
    text-align: left;
    margin-top: -5px;
    
   
    background-repeat: no-repeat;
    position: inherit;
    padding-top: 0px;
}

.far{
    padding-right: 10px;    
}

.far:active{
    -webkit-text-fill-color:#02887c;   
}

.far:hover{
    -webkit-text-fill-color:#02887c;   
}

.far:visited{
    -webkit-text-fill-color:#02887c;   
}

#our-servicess{
  color: #fff;
    box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 80%);
    background-image: url(../images/section3_bg.jpg);
    height: 465px;
    background-size: 100% 100%;
}

.nav-pills .nav-link {
    border-radius: 0px;
}

#service1{
        padding-left: 43px;
}
#service2{
        padding-left: 43px;
}
#service3{
        padding-left: 43px;
}
#service4{
        padding-left: 43px;
}
#service5{
        padding-left: 43px;
}

#serv-our1{
    padding-top: 65px;
}

#serv-our2{
    padding-top: 55px;
}

#owl_new .owl-next{
    float: right;
    font-size: 70px !important;
    margin-top: -184px;
}

#owl_new .owl-prev{
    float: left;
    font-size: 70px !important;
    margin-top: -184px;
}
.banner-text1{
    font-size: 30px !important;
    color: white;
    margin-top: 250px !important;
    width: 62%;
    text-align: center !important;
    font-family: Montserrat !important;
    background-color: #ffffff28 !important;
}


.sidenav {
  height: 64%;
  width: 0px;
  position: fixed;
  z-index: 1;
  top: 82px;
  right: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  border-left: 4px solid #c5c5c5;
  border-bottom: 4px solid #c5c5c5;
}

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

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  /*right: 25px;
  font-size: 36px;
  margin-left: 50px;
    color:red;*/
    right: 6px;
    font-size: 29px;
    margin-left: 50px;
    color: black;
}

.sidenav .closebtn :hover{color:#02887c}

#side-menu-content{
    padding: 0px 35px 35px 35px;
        margin-top: -26px;
}

#side_head_nav{   
    margin-bottom: -60px;}
    
.sidenav a:hover {
    color: red;
}

#product-content{
    width: 50%;width: 50%; margin: 0 auto; text-align: center !important;
}

#pro-all{margin-top: 95px;}

#mobile-res-spl{display:none;}


/*.header-wrapper {
  overflow: hidden;
  text-align:center;
}

.zoominheader {
  text-align:center;
  background-size: auto;
  background-attachment: fixed;
  background-repeat: repeat;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-animation: zoomin 10s ease-in infinite;
  animation: zoomin 10s ease-in infinite;
  transition: all .5s ease-in-out;
  overflow: hidden;
}*/

/* The innermost element*/
.zoomoutheader {
  text-align:center;
  background: none;
  -webkit-animation: zoomout 10s ease-in infinite;
  animation: zoomout 10s ease-in infinite;
  transition: all .5s ease-in-out;
  overflow: hidden;
}



/* Zoom in Keyframes 
@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.5);}
  100% {transform: scale(1);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.5);}
  100% {transform: scale(1);}
} /*End of Zoom in Keyframes */

/* Zoom out Keyframes 
@-webkit-keyframes zoomout {
  0% {transform: scale(1);}
  50% {transform: scale(0.67);}
  100% {transform: scale(1);}
}
@keyframes zoomout {
    0% {transform: scale(1);}
  50% {transform: scale(0.67);}
  100% {transform: scale(1);}
}/*End of Zoom out Keyframes */



.test {
    background-color: white;
    z-index: 1;
    position: fixed;
    max-width: calc(100% - 0px) !important;
    top: 0;
    right: 0;
    /*left: -31px;*/
    color: white;
    width:100%;
    
}

.test1{
    background-color: white;
    z-index: 1;
    position: fixed;
    max-width: calc(100% - 0px) !important;
    top: 0;
    right: 0;
    /*left: -31px;*/
    color: white;
    width:100%;
    box-shadow: 0 3px 6px #a3a3a39e;
}

#header .nav-item a{
    color:#141414;
}

#sidenav{color:white;}

#header{
    
    max-width: calc(100% - 15px);
}


.vl {
   
    height: 111px;
    margin-top: -13px;
    margin-bottom: -20px;
}









/********* DEVELOPED COMPONENET *********/
#dev-comp-banner{
   background-image: url(../images/dev_Banner.jpg);
    height: 473px !important;
    background-size: 100% 100%;
    margin-top: 3em;
}

#dev-text{
    margin:0 auto;
    display:table;
}

#com-over {
  position: relative;
  width: 50%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay-dev {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

#com-over:hover .overlay-dev {
  height: 100%;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.page-item .page-link {
    color: #d89d0e;
    background-color: #fff;
    border-color: #d89d0e;
    margin: 10px 10px 10px 10px !important;
    padding: 5px 15px 5px 15px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}


.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.page-item.disabled .page-link {
    color: white;
    pointer-events: none;
    cursor: auto;
    background-color: #d89d0e;
    border-color: #dee2e6;
}



/******* PROCESESS ******/
#process{
   background-image: url(../images/banner_process.jpg);
    height: 500px !important;
    background-size: 100% 100%;
}


#process-img{margin-top: 165px;}

#proces-content{margin-top: 5em;margin-bottom: 5em;}

#prc-img{
   position: absolute;
    z-index: 0;
    top: 83%;
    /*background-color: #02887cc4;*/
    background-color: #034741d9;

    color: white;
    width: 350px;
    padding: 10px 9px 10px 29px;
}

#prc-img:hover{background-color: #043761;}

#process-img1 {
    margin-top: 146px;
}

#prc-img1:hover{background-color: #043761;}


#prc-img1 {
    position: absolute;
    z-index: 0;
    top: 72%;
    background-color: #02887cc4;
    color: white;
    width: 92%;
    padding: 10px 9px 10px 29px;
}



/***** Quality *****/
#quality{
    background-image: url(../images/banner_quality.jpg);
    height: 500px !important;
    background-size: 100% 100%;
}

.quality-list{
    border: 3px solid #d89d0e;
    padding: 20px 0px 0px 20px;
    margin-top: 115px;
    width:87%;
}

.quality-list>ul>li::before {
  content: "\2022";
  color: #02887c;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
  z-index: 2;
}

.flip-card-back {
    background-color: #02887c9e;
    color: white;
    transform: rotateY(180deg);
    z-index: 1;
}

#flip-content{
    background-color: white;
    color: black;
    margin-top: 7em;
    padding: 10px;
    width: 228px;
    margin-left: 35px;
    display: table;
}

.parent {
    width: 100%;
    margin: 20px;
    height: 300px;
    overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: pointer;
}

.child {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.parent:hover .child, .parent:focus .child {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.parent:hover .child:before, .parent:focus .child:before {
    display: block;
}

.parent:hover a, .parent:focus a {
    display: block;
}

.child:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52,73,94,0.75);
}

.bg-one {background-image: url(../images/1_quality.jpg);background-size:100% 100% !important;height: 227px;width: 281px;}
.bg-two {background-image: url(../images/2_quality.jpg);background-size:100% 100% !important;height: 227px;width: 281px;}
.bg-three{background-image: url(../images/3_quality.jpg);background-size:100% 100% !important;height: 227px;width: 281px;}
.bg-four{background-image: url(../images/4_quality.jpg);background-size:100% 100% !important;height: 227px;width: 281px;}
.bg-five{background-image: url(../images/5_quality.jpg);background-size:100% 100% !important;height: 227px; width: 281px;}
.bg-six{background-image: url(../images/6_quality.jpg);background-size:100% 100%!important;height: 227px;width: 281px;}
.bg-seven{background-image: url(../images/7_quality.jpg);background-size:100% 100% !important;height: 227px;width: 281px;}



.child a {
    display: none;
    font-size: 15px;
    color: #ffffff !important;
    font-family: sans-serif;
    text-align: center;
    margin: auto;
    position: absolute;
    top: -20px;
    left: 20px;
    bottom: 0;
    right: 0;
    height: 0px;
    cursor: pointer;
    /* text-decoration: none; */
    width: 50%;
}

#quality_zoom{margin-bottom: -147px;}
















/******** Contact *******/
#contact{
    background-image: url(../images/contact_banner.jpg);
    height: 500px !important;
    background-size: 100% 100%;
}

#contact-form-pure{
    width: 100% !important;
}

#send-msg1{
    background-color: #d89d0e;
    border-radius: 0px;
    border: #d89d0e;
}

#cont1{
    background-color: #02887c;
}

#cont2{
    background-color: #dfdada94;
}
#cont3{
   background-color: #02887c;
}

.owl-carousel, .owl-carousel.owl-loaded{z-index:-1;}

#res-why-choose{display:none;}


.trans1{width: 22%;
    margin-bottom: 16px;
    margin-top: 13px;
    border-top: 2px solid #d89d0e;}

.trans2{
    border-bottom: 2px solid #d89d0e;
    width: 19%;
    margin-top: -13px;
}

.flip-card-front {background-color: transparent;}
.flip-card-inner {box-shadow: none;}
.flip-card-back{height:240px;}



/****** Tawk To ******/
#tawkchat-chat-bubble-close{height:0px !important;width:0px !important;}

#v-pills-tab .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem transparent;
}
#header .nav-item a:hover{border-bottom:transparent;color:#02887c;}







.fl-node-599be884d9c75 h5.vamtam-heading * {
    color: white !important;
}

.fl-node-599be884d9c37>.fl-col-content{
    padding-top: 200px !important;
    padding-right: 80px;
    padding-bottom: 80px;
    padding-left: 30px;
}

#header {
    padding: 0px 0px 0px 0px;
    height: 82px;
    border-bottom: 4px solid #0c6ebd;
}

#head-menu{margin-top: -5px;}

#header .nav-item a:active{color: #02887c!important;}

#pro_bull{padding-left: 10px;}

#map{margin-top:5em;}

.fl-node-599be884d9570{margin-top: -4em;}

#pro-all{margin-top:5em !important;}

#our-main-team{margin-top:5em !important;}

#proc_pray{margin-top: -2em !important;}

#navbarNav .navbar-nav>li.active>a{
    color:#02887c !important;}
    
.res-mobile{margin-top:3rem;}

#mobile-header{display:none !important;}

.dev-pro-mobile1{margin-top:3rem;}
.dev-pro-mobile2{margin-top:3rem;}
.dev-pro-mobile3{margin-top:3rem;}
.dev-pro-mobile4{margin-top:3rem;}
.dev-pro-mobile5{margin-top:3rem;}
.dev-pro-mobile6{margin-top:3rem;}
.quac-proc1{margin-top:50px;}
.quac-proc2{margin-top:50px;}

.qua-proc1{margin-top:3rem;}

.owl-theme .owl-nav.disabled+.owl-dots {
    display: none;
}

#anjali_logo a:hover {
    color: transparent !important;
    text-decoration:none !important;
}

.navbar-brand:focus, .navbar-brand:hover {
    color: transparent !important;
}


/**** MEDIA QUERY MOBILE RESPONSIE ****/

 @media (width: 375px)
 {
#one{
    font-size: 25px;
    margin-top: 0px !important;
}
#two{
    font-size: 25px;
    margin-top: 0px !important;
}
#three{
    font-size: 25px;
    margin-top: 0px !important;
}
#four{
    font-size: 25px;
    margin-top: 0px !important;
}


 }


@media(max-width:767px)
{
    .mb1{
      width: 100% !important;
    }
    .align{text-align:center !important;}
    ol, ul:not(.wp-block-gallery) {
    margin: 0 1em .5em 0em;}
    
    #footer_about {
    margin-top: 192px !important;}
   
    .quac-proc1 {margin-top: -3px;}
    .quac-proc2 {margin-top: -3px;}
    .proc1{margin-top: -3rem;}
     .proc2{margin-top: -3rem;}
    .dev-pro-mobile5{margin-top:-3rem;}
    .dev-pro-mobile6{margin-top:0rem;}
    .dev-pro-mobile4{margin-top:0rem;}
    .dev-pro-mobile3{margin-top:-3rem;}
    .dev-pro-mobile1 {margin-top: -3rem;}
     .dev-pro-mobile2 {margin-top: 0rem;}
    .navbar-toggler{padding: 4px;}
    .navbar-light .navbar-nav .active>.nav-link{color: #02887c !important;}
   .navbar-nav{height:auto;}
   #mobile-header ul{list-style-type:none;padding: 0px;}
  .navbar-light .navbar-toggler-icon {
    background-image: none;}  
  #anjali_logo{margin-top: 0px !important;}
  #mobile-header{display:block !important;}
  #header{display:none !important;}
  .res-mobile{margin-top:-3rem;}
   #service2, #service3, #service4, #service5{padding-left: 0px !important;}
    .nav-item{border-bottom: 1px solid #cecaca;}
    
    .fa-bars{padding:4px !important;color:white !important;}
    #navbarNav .navbar-nav>li.active>a{
    color:#02887c !important;
    border-bottom: 1px solid #02887c !important;}
    .side_tripple{display:none !important;}
    .navbar-toggler-icon{background-color:#02887c !important;}
    #banner-img{height:165px;}
    .carousel-caption {bottom: 26px !important;width: 70%;text-align: center;}
    .banner-text{line-height:34px;font-size:32px;}
    
    #manu-content{padding-top:3em;}
    #content-right{padding-right:0px;padding-top:40px;}
    .fl-node-599be884d9570{display:none;}
    #product-content{width:100%;margin-top:-100px;}
    #product-img{height: 252px;width: 325px;padding-left: 10px;padding-right: 31px;padding-top: 0px;margin-bottom: 27px;}
    .overlay{width: 85%;margin-bottom:29px;}
    #manufacture{background-image:none;}
    #carouselExampleIndicators {width:100%;margin-top: 17px;padding: 19px 0px 0px 17px;height: 71%;}
    #counter-full{margin-top: 120px;height: 480px;}
    #one{font-size:25px;}
    #two{font-size:25px;}
    #three{font-size:25px;}
    #four{font-size:25px;}
    #our-main-team{margin-top: 35em !important;margin-bottom:0em !important;}
    #mobile-res-spl{display:block;margin-top: 15em;}
    #mobile-res-spl{background-color: #02887c;padding: 53px 8px 32px 8px;}
    #white-btn{margin:0 auto;display:table;}
    #manu-img{height: 100%;width: 100%;}
    #pro-all{margin-top:55px;}
    #tem-res{padding: 10px 10px 60px 10px;}
    #view-profile-img{height: 352px;background-size: 100% 100%;padding-top: 3em;
    margin-top: 35em;}
    #forms{width:100%;position: absolute;z-index:0;margin-top:4px;margin-left: -14px;}
    #view-profile-img{left:0px;}
    #forms input{width:100%;}
    .owl-stage-outer {margin-top: 33em;margin-bottom: 5em;padding-left: 0.5em;}
    #client-slide-img{margin: 0 auto;}
    #footer{height:1450px;}
    #foot-middle{margin-top: 38px;}
    #foot-middle img{height:100px;}
    #contact-us
    #last-footer{height:70px;}
    #header {
    max-width: calc(100% - 0px) !important;    
    position: fixed;
    top: -11px;
    right: 0;
    left: 0;
    z-index: 1090;}
    .carousel{position: relative;
    z-index: 1;
    }
    .vl {
    height: 111px;
    margin-top: -13px;
    margin-bottom: -117px;}
    #header .nav-item a {
    color: black;}
.test{border-bottom:0px;}
.vl {
    border-left: 0px solid #bcb6b633 !important;}
    #last-footer {
    background-color: black;
    height: 78px;}
#content-right1{padding-right:0px;}
#what-we-do{margin-bottom: 120px;margin-top: -15px;}
#content-right2{margin-top: 33px;}
#why-choose-us{display:none;}
#why-choose-us1{display:none;}
#res-why-choose .nav-pills .nav-link {
    border-bottom: 0px;
    margin-bottom: 25px;
    width: 264px;
    text-align: left;
    margin-top: -5px;
    
    background-image: none !important;
    background-repeat: no-repeat;
    position: inherit;
    padding-top: 0px;
    background-color: #02887c;
    margin-top: -17px;
    padding: 10px 10px 10px 10px;
    border-radius: 3px;
}
#res-why-choose{display:block;margin-top: 135px;margin-bottom: 70px;}
#res-why-choose #pills-tab{margin-top: 45px;}
#res-why-choose .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: navajowhite;}
#res-why-choose #pills-tabContent{margin-top: -9px;}
.ser-img{margin:0 auto;display:table;}
#our-servicess{background-color: #02887c;height: 1070px;background-image:none;}
#our-main-team1 {margin-top: 4em;margin-bottom: 1em;}
.team-res-123{margin-bottom: 3em;}
#footer_about {
   height: auto !important;
    background-color: #003934;}
#counter-full1 {
    background-color: #02887c;
    margin-top: 135px;
    height: 480px;
}
#footer_about {
    height: 1400px;
    background-color: #003934;
    margin-top: 112px;}
#about-banner{height: 45% !important;}
.banner-text1 {
    font-size: 20px !important;
    color: white;
    margin-top: 122px !important;
    width: 70% !important;}
#dev-comp-banner{height: 45% !important;}
#process{height: 45% !important;}
.pro_img-res1{margin-bottom: 35px;}
#process-img1 {margin-top: 34px;}
#prc-img1{top:84%;}
#prc-img {
    position: absolute;
    z-index: 0;
    top: 80%;
    background-color: #02887cc4;
    color: white;
    width: 91%;
    padding: 10px 9px 10px 29px;}
#proc_pray{margin-bottom: -160px;}
#quality{height:45% !important;}
.flip-card{margin-bottom: 35px !important;}
#contact{height:45% !important;}
#contact-form-pure{width:100% !important;}
.form-group .second-input { width: 100%;}
.form-group .first-input { width: 100%;margin-bottom: 16px;}
#map{margin-bottom: -3em !important;
    margin-top: 3em;}
#cont1{padding-bottom: 15px;}
#cont2{padding-bottom: 15px;}
#cont3{padding-bottom: 15px;}
#top_main_menu{margin-top: 24px;}
#counter-small{display:none !important;}
#owl_new .owl-prev{margin-top:0px !important;}
#owl_new .owl-next{margin-top:0px !important;}
.second-input {width: 100% !important;}
#about_client{margin-bottom: -148px;}
#about_client .owl-stage-outer{margin-top: 36em;}
#res-why-choose .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color:white !important;}
#about_client .owl-prev{margin-top: -180px !important;}
#about_client .owl-next{margin-top: -180px !important;}
.quality-list{margin-top: 20px;}
#quality_small{margin-top: -75px;}
#proces-content {margin-top:2em;}
}




@media(width:411px)
{
    #product-img{width: 366px;}  
    #img-over1{margin-left: 6px;}
    #one{font-size:25px;margin-top: -17px;}
    #two{font-size:25px;margin-top: -17px;}
    #three{font-size:25px;margin-top: -17px;}
    #four{font-size:25px;margin-top: -17px;}
    #counter-full{height: 480px;}
    
}

@media(width:375px)
{
    #product-img{width:335px;margin-left:0px;}
     #one{font-size:25px;margin-top: -27px;}
    #two{font-size:25px;margin-top: -27px;}
    #three{font-size:25px;margin-top: -27px;}
    #four{font-size:25px;margin-top: -27px;}
}

@media(width:414px)
{
    #product-img{width:370px;}
    #img-over1{margin-left: 10px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px)
{   #content-right1{padding-right:0px;}
    .navbar-toggler-icon {
    background-color: #02887c !important;}
    .carousel-caption {
    width: 73%;
    margin: 0 auto;}
    #header {
    max-width: calc(100% - 0px) !important;
    margin-left: 31px !important;
}
 .fl-node-599be884d9570{display: none;}
 #content-right {
    padding-right: 0px;
}
#product-img {
    height: 100%;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #02887ca1;
    overflow: hidden;
    width: 88%;
    height: 0;
    transition: .5s ease;
    margin-left: 14px;
    padding-top: -43px;
}
#text-over2 {
    padding: 0px 0px 0px 9px;
    color: white;
}
#text-over {
    padding: 0px 0px 0px 10px;
    color: white;
    font-weight: bold;
}
#counter-section {
    padding: 30px 75px 21px 60px;
    border-bottom: 1px solid #ffffff73;
}
#forms{
    width: 100%;
    z-index: 0;
    position: absolute;
}
#view-profile-img{left:23px;}
#foot-first{padding-left: 0px;}
#foot-middle{padding:27px;}
#foot-middle>img{height:50px;}
#why-choose-us{display:none;}
#why-choose-us1{display:none;}
#res-why-choose{display:block;}
#res-why-choose .nav-pills .nav-link {
    border-bottom: 0px;
    margin-bottom: 25px;
    width: 246px;
    text-align: left;
    margin-top: -5px;
    
    background-image: none !important;
    background-repeat: no-repeat;
    position: inherit;
    padding-top: 0px;
    background-color: #02887c;
    margin-top: -17px;
    padding: 10px 7px 10px 8px;
    border-radius: 3px;
}
#res-why-choose{display:block;margin-top: 85px;margin-bottom: 70px;}
#res-why-choose #pills-tab{margin-top: 45px;}
#res-why-choose .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color:white !important;}
#res-why-choose #pills-tabContent{margin-top: -24px;}
#our-main-team1 {
    margin-top: 4em;
    margin-bottom: 4em;}
#counter-full1{background-color: #02887c;
    margin-top: -76px;}
#prc-img1{top:47%;}
.flip-card {
    background-color: transparent;
    width: 215px;
    height: 297px;}
#flip-content{width: 150px;}
#navbarNav{background-color:white!important;}
#service1>img{height: 80px !important;}
#service2>img{height: 80px !important;}
#service3>img{height: 80px !important;}
#service4>img{height: 80px !important;}
#service5>img{height: 80px !important;}
.team-info{height:14em !important;}
#counter-small{display:none !important;}
#counter-full1{height: 395px;}


.fl-node-599be884d9570{display: none !important;}
#mobile-res-spl {
    display: block !important;;
    background-color: #02887c !important;;
    padding: 53px 8px 32px 8px !important;
}
#white-btn{margin: 0 auto;display: table;}
}



@media(width:1024px)
{
   .fl-node-599be884d9570{display: none !important;}
#mobile-res-spl {
    display: block !important;;
    background-color: #02887c !important;;
    padding: 53px 8px 32px 8px !important;
}
#white-btn{margin: 0 auto;display: table;}
}

@media screen and (max-width:736px){
    #res-why-choose {margin-top: 250px;}
    .iphone-clr{color: #141414 !important;}
    
}

@media (width:320px){
    #product-img{width:100%;}
    .overlay{width:76%;}
    #prc-img1{width:90%;}
    #prc-img{top:64% !important;padding: 20px 9px 22px 29px !important;width:90% !important;}
    #mobile-res-spl{margin-top: 16em;}
}

@media(width:414px){
    #prc-img{top:82% !important;width:92% !important;}
}



/* IE CSS*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   
 _:-ms-lang(x), .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #02887c !important;
  opacity:0.8 !important;
  overflow: hidden;
  width: 91%;
  height: 0;
  transition: .5s ease;
  margin-left: 26px;
}

_:-ms-lang(x), #img-over1:hover .overlay {
  height: 33%;}
  
_:-ms-lang(x), #carouselExampleIndicators{
    background-color:black !important;
    opacity:0.7 !important;}
    
_:-ms-lang(x), .overlay1 {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #02887c !important;
  opacity:0.8 !important;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

_:-ms-lang(x), .img-overmain:hover .overlay1 {
  bottom: 0;
  height: 100%;
}

_:-ms-lang(x), #v-pills-tabContent{
    background-color:white !important;
    opacity:0.8;
}

_:-ms-lang(x), #prc-img {
    position: absolute;
    z-index: 0;
    top: 83%;
   background-color: #02887c !important;
    color: white;
    width: 92%;
    padding: 10px 9px 10px 29px;
}
_:-ms-lang(x), #prc-img1{background-color: #02887c !important;}

_:-ms-lang(x), #prc-img:hover {
    background-color: #d89d0e !important;
    opacity:0.9 !important;
}

_:-ms-lang(x), #prc-img1:hover {
    background-color: #d89d0e !important;
    opacity:0.9 !important;
}

_:-ms-lang(x), .fl-node-599be884d9570 > .fl-row-content-wrap {
    background-color: #02887c !important;}
    
_:-ms-lang(x), .fl-node-599be884d9e29>.fl-col-content {
    background-image: url(../images/aaa.jpg) !important;
}

_:-ms-lang(x), .fl-node-599be884d9f5d>.fl-col-content {
    background-image: url(../images/bbb.jpg) !important;
}

_:-ms-lang(x), .fl-node-599be884da08e>.fl-col-content {
    background-image: url(../images/ccc.jpg) !important;
}
_:-ms-lang(x), .fl-node-599be884d9c75 h5.vamtam-heading * {
    color: white !important;}
    
_:-ms-lang(x), #counter-section{border-bottom: 1px solid white !important;}

_:-ms-lang(x), #team-name{top: 83% !important;}

_:-ms-lang(x), #line3{float:left !important;}
_:-ms-lang(x), #line4{float:left !important;}

/*_:-ms-lang(x), html, body{height:auto !important;}*/

_:-ms-lang(x), .fl-node-599be884d9c75 h5.vamtam-heading * {
    color: white !important;}
    
_:-ms-lang(x), #line11{float:left;}
_:-ms-lang(x), #line12{float:left;}
_:-ms-lang(x), #carouselExampleIndicators{margin-top:4.5em !important;}



}