@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');

*{
    margin: 0;
    padding: 0;
    user-select: none;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
  }

body{
    margin: 0;
    padding: 0;
}

.header_main{

    width: 100%; margin: 0 auto;
    background:url(../images/top_menu_bg.jpg) no-repeat center top fixed;
    background-size: 80%;
}

.header{

    width: 100%; max-width: 1300px;margin: 0 auto;padding: 20px 0px;
    display: flex;flex-direction: row;justify-content: space-between;

}

.logo_main{
    width: 30%;display: flex;height: auto;


}

.logo_main img{
    width: 150px;
}

.rte_menu_main {
    width: 60%;
    display: flex; flex-direction: column;
}


.top_menu{
    width: 100%;
    background-color: red; height: 20px;display: flex;flex-direction: row;
    justify-content: space-between;
}

.mp_title {
  width: 100%;
  max-width: 1300px;
display: flex;
margin: 0 auto;


padding: 20px 0;
}



.inn_content_left_mp{
  width: 60% !important;
}

.mp{
  background-color: rgba(0,0,0,.1);
  display: flex; flex-direction: column; justify-content: center; align-items: center;
margin-top: 30px !important;
  width: 35% !important;margin-bottom: 0px !important;
}

/*MENU EXTERNAL START*/

.down {
    width: 100%;
    display: flex;
}

  
  nav{
 
    max-width: 1300px;
    margin: 0 auto; padding: 20px 0;
  }
  nav:after{
    content: '';
    clear: both;
    display: table;
  }
  nav .logo{
    float: left;
    color: white;

    padding-left: 60px;
  }

.logo img{

    width: 150px; 
}

  nav ul{
    float: right;
    margin-right: 40px;
    list-style: none;
    position: relative;
    z-index: 999;


  }
  nav ul li{
    float: left;
    display: inline-block;
    margin: 0 5px;
  }
  nav ul li a{
    color: #000;
    line-height: 70px;
    text-decoration: none;
    font-size: 14px;
    padding: 8px 15px; text-transform: uppercase;
    font-weight: bold;
  }
  nav ul li a:hover{
    color: #df8646;

 
  }
  nav ul ul li a:hover{
    box-shadow: none;
  }
  nav ul ul{
    position: absolute;
    top: 90px;

    opacity: 0;
    visibility: hidden;
    transition: top .3s;
    background: #122378;
  }
  nav ul ul ul{
    border-top: none;
  }
  nav ul li:hover > ul{
    top: 70px;
    opacity: 1;
    visibility: visible;
  }
  nav ul ul li{
    position: relative;
    margin: 0px;
    float: none;
    display: list-item;
    border-bottom: 1px solid rgba(0,0,0,0.3); 
  }
  nav ul ul li a{
    line-height: 50px;color: #fff;
  }
  nav ul ul ul li{
    position: relative;
    top: -60px;
    left: 150px;
  }
  .show,.icon,input{
    display: none;
  }
  .fa-plus{
    font-size: 15px;
    margin-left: 40px;
  }
  .error{ display:none; color: red; text-align: right; }
  .ajaxcontact-response{ display:none; color:#fff;background: #8BC34A; padding:2%; }
  .ajaxcontact-response p{ font-size: 15px; color: #006404;  }
  @media all and (max-width: 968px) {
    nav ul{
      margin-right: 0px;
      float: left;
      background: #ccb04a;
    }
    nav .logo{
      padding-left: 30px;
      width: 100%;
    }
    .show + a, ul{
      display: none;
    }
    nav ul li,nav ul ul li{
      display: block;
      width: 100%;
    }
    nav ul li a:hover{
      box-shadow: none;
    }
    .show{
      display: block;
      color: white;
      font-size: 18px;
      padding: 0 20px;
      line-height: 70px;
      cursor: pointer;
    }
    .show:hover{
      color: cyan;
    }
    .icon{
      display: block;
      color: #000;
      position: absolute;
      top: 0;
      right: 40px;
      line-height: 70px;
      cursor: pointer;
      font-size: 25px;
    }
    nav ul ul{
      top: 70px;
      border-top: 0px;
      float: none;
      position: static;
      display: none;
      opacity: 1;
      visibility: visible;
    }
    nav ul ul a{
      padding-left: 40px;
    }
    nav ul ul ul a{
      padding-left: 80px;
    }
    nav ul ul ul li{
      position: static;
    }
    [id^=btn]:checked + ul{
      display: block;
    }
    nav ul ul li{
      border-bottom: 0px;
    }
    span.cancel:before{
      content: '\f00d';
    }
  }
  .content{
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
  }
  header{
    font-size: 35px;
    font-weight: 600;
    padding: 10px 0;
  }
  p{
    font-size: 30px;
    font-weight: 500;
  }

/*MENU END */


/*SLider main*/

.slider_main{
    width: 100%;

    top: 102px;
    z-index: 1;
}


/* ==== Main CSS === */
.img-fill{
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center
  }
  
  .img-fill img {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    display: inline-block;
    max-width: none;
  }
  
  *,
  *:before,
  *:after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
  }
  
  .Grid1k {
    padding: 0 15px;
    max-width: 1200px;
    margin: auto;
  }
  
  .blocks-box,
  .slick-slider {
    margin: 0;
    padding: 0!important;
  }
  
  .slick-slide {
    float: left /* If RTL Make This Right */ ;
    padding: 0;
  }
  
  /* ==== Slider Style === */
  .Modern-Slider .item .img-fill{
    height:600px;
    background:#fff;
  }
  
  .Modern-Slider .item .img-fill .info{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    line-height:1050px;
    text-align:center;
  }
  
  .Modern-Slider .item .img-fill img{

  }
  
  .Modern-Slider .item .info > div{
    display:inline-block!important;
    vertical-align:middle;
  }
  
  .Modern-Slider .NextArrow{
    position:absolute;
    top:50%;
    right:0px;
    width:45px;
    height:45px;
    background:rgba(0,0,0,.50);
    border:0 none;
    margin-top:-22.5px;
    text-align:center;
    font:20px/45px FontAwesome;
    color:#FFF;
    z-index:5; outline: unset;
  }
  
  .Modern-Slider .NextArrow:before{content:'\f105';}
  
  .Modern-Slider .PrevArrow{
    position:absolute;
    top:50%;
    left:0px;
    width:45px;
    height:45px;
    background:rgba(0,0,0,.50);
    border:0 none;
    margin-top:-22.5px;
    text-align:center;
    font:20px/45px FontAwesome;
    color:#FFF;
    z-index:5;
  }
  
  .Modern-Slider .PrevArrow:before{content:'\f104';}
  
  .Modern-Slider .slick-dots{
    position:absolute;
    height:5px;
    background:rgba(255,255,255,.20);
    bottom:0px;
    width:100%;
    left:0px;
    padding:0px;
    margin:0px;
    list-style-type:none;
  }
  .Modern-Slider .slick-dots li button{display:none;}
  .Modern-Slider .slick-dots li{
    float:left;
    width:0px;
    height:5px;
    background:#df8646;
    position:absolute;
    left:0px;
    bottom:0px;
  }
  
  .Modern-Slider .slick-dots li.slick-active{
    width:100%;
    -webkit-animation:ProgressDots 11s both;
            animation:ProgressDots 11s both;
  }
  
  .Modern-Slider .item h3{
    font:40px/50px 'Poppins', sans-serif;
    text-transform:uppercase;
    color:#FFF;
    -webkit-animation:fadeOutRight 1s both;
            animation:fadeOutRight 1s both;
    margin:0;
    padding:0;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); 
    font-size: 30px;
  }
  
  .Modern-Slider .item h5{
    margin:0;
    padding:0;
    font:15px/30px Poppins;
    color:#FFF;
    max-width:600px;
    overflow:hidden;
    height:60px;
    -webkit-animation:fadeOutLeft 1s both;
            animation:fadeOutLeft 1s both;
  }
  
  .Modern-Slider .item.slick-active h3{
    -webkit-animation:fadeInDown 1s both 1s;
            animation:fadeInDown 1s both 1s;
            background:unset;
            padding: 20px; border-radius: 0px;
  }
  
  .Modern-Slider .item.slick-active h5{
    -webkit-animation:fadeInLeft 1s both 1.5s;
            animation:fadeInLeft 1s both 1.5s;
  }
  
  .Modern-Slider .item.slick-active{
    -webkit-animation:Slick-FastSwipeIn 1s both;
            animation:Slick-FastSwipeIn 1s both;
  }
  
  .Modern-Slider {background:#fff;
  background-image: url(../images/bg_bg.jpg);
  background-size: cover;
  }
  
  /* ==== Slider Image Transition === */
  @-webkit-keyframes Slick-FastSwipeIn{
      0%{-webkit-transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);} 
      100%{-webkit-transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);} 
  }
  @keyframes Slick-FastSwipeIn{
      0%{-webkit-transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);} 
      100%{-webkit-transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);} 
  }
  
  @-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
  @keyframes ProgressDots{from{width:0px;}to{width:100%;}}
  
  /* ==== Slick Slider Css Ruls === */
  .slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
  .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
  .slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}
  .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  .slick-track{position:relative;top:0;left:0;display:block}
  .slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}
  .slick-loading .slick-track{visibility:hidden}
  .slick-slide{display:none;float:left /* If RTL Make This Right */ ;height:100%;min-height:1px}
  .slick-slide.dragging img{pointer-events:none}
  .slick-initialized .slick-slide{display:block}
  .slick-loading .slick-slide{visibility:hidden}
  .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

/* slider end*/



/* content main start */

.content_main {
    width: 100%;
  padding:0 0 70px 0; display: flex; flex-direction: column;
}

.nav_url_top {
  display: flex; width: 100%;padding: 30px 0; 
  margin: 0 auto 50px auto; justify-content: center; background-color: rgba(0,0,0,.1);

}

.nav_url_top ul{
  flex-direction: row; display: flex; justify-content: center;
}

.nav_url_top ul li {
  padding: 0 20px;  list-style: none;
}

.nav_url_top ul li a {
  text-transform: uppercase; font-size: 14px;
  text-decoration: unset;  color: #000;
}

.nav_url_top ul li a:hover {
  color: #df8646;
}



.content_inner{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display: flex;justify-content: space-between;
    flex-wrap: wrap;
}

.inner_box_top {
    width: 48%;display: flex; flex-direction: column;
    color: red;
    background: #ccb04a;margin-top: 50px;
    justify-content: center;align-items: center;
    padding: 20px 50px;
}

.inner_box_top h2{
    font-size: 24px;
    color: #fff;
}

.inner_box_top p {
    font-size: 16px;
    color: #fff;text-align: center; padding: 20px;
}

.inner_box_top a {
    font-size: 14px;
    color: #fff;text-align: center;
    text-decoration: none; font-weight: bold;
}


.inner_box_top a:hover {

    color:#122378 ;
}

.ibv{
    padding: 50px 0;
}

.ibg {
    background: url(../images/global_network.jpg);
    height: 400px;
}




.global {
  flex-direction: column;
}

/* Content main end */



/* Home product*/

.home_product_main {
  width: 100%;margin: 0 auto;
  padding-bottom: 100px;
}

.home_product_inner{

  width: 100%; max-width: 1300px;
  display: flex;flex-direction: row; flex-wrap: wrap;margin: 100px auto 0 auto;
  justify-content: space-between;
}



.home_product_box {
  width: 31%;margin: 0 5px 50px 5px;
  background: #e9e4d0;padding: 30px 50px;
  justify-content: center; display: flex; flex-direction: column;
  align-items: center;
}


.home_product_box img{
  width: 100%;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -ms-transition: all 1s ease; /* IE 9 */
  -o-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
}

.home_product_box:hover img {
  -webkit-transform:scale(1.10); /* Safari and Chrome */
  -moz-transform:scale(1.10); /* Firefox */
  -ms-transform:scale(1.10); /* IE 9 */
  -o-transform:scale(1.10); /* Opera */
   transform:scale(1.10);
}



.home_product_box h2{
  font-size: 18px; color: #000;text-align: center;padding: 20px 0;
}

.home_product_box a {
  font-size: 14px;
  color: #000;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}



.home_product_box a:hover {
  color: #122378;
}


.view_all_product {
  width: 100%;display: flex;justify-content: center;align-items: center;
}

.view_all_product a{
  background: #df8646;color: #fff;text-align: center;text-transform: uppercase;
  padding: 10px 50px;text-decoration: unset;
}

.view_all_product a:hover {
  background: #0d1d6c;
}

/* Home produxt end*/




/* INNER PAGE START*/

.inner_slider_main {
  background-color: #ccb04a;
}


.inner_slider {
  max-width: 1300px;margin: 0 auto;justify-content: center;align-items: flex-end;display: flex;height: 100%;
  padding-bottom: 50px;
}

.inner_slider h2{
  font-size: 24px; color: #fff; text-transform: uppercase;
}

.content_inner_manin {
  width: 100%; max-width: 1300px; display: flex; 
  margin: 0 auto; justify-content: space-between;
 }

 .inn_content_left {
   display: flex; flex-direction: column;
   width: 48%;
 }

 .inn_content_global {
  display: flex; flex-direction: column;
  width: 98%;  align-items: center;
}

.inn_content_global p {
font-size: 16px; width: 80%;  line-height: 30px; margin-top: 20px;
text-align: center;
}

.global_net_img {
  width: 99%;margin: 50px 0;
  justify-content: center;
  align-items: center;
  display: flex;
}
.global_net_img img{
width: 90%;
}

.inn_content_global h2{
  margin-bottom: 30px;
}

 .inn_content_left h2{
   font-size: 24px; text-transform: uppercase;
 }

.inn_content_left p{
  font-size: 16px;line-height: 32px; margin-top: 30px; text-align: justify;
}

.in_rte_img {
  width: 45%; display: flex; margin-top: 60px; margin-bottom: 50px;
}
.in_rte_img img{
  margin-bottom: 50px;
}

.new_table {
  display: flex;
  width: 70%;
}

.new_table img{
  width: 100%;
}

.content_inner_contact {
  width: 100%; max-width: 1300px; display: flex; flex-direction: column; margin: 0 auto;
  margin-bottom: 100px; margin-top: 100px;
}


.inn_content_contact {
  width: 100%;display: flex; justify-content: center;align-items: center; padding: 50px;
}

.contact_add_cnt {
  display: flex; justify-content: space-between;width: 70%;   margin: 0 auto;
}

.location_map {
  width: 50%;display: flex; margin-top: 30px;
}
.location_map img{
  width: 100%; align-self: flex-start;
}

.address {
  display: flex;width: 40%;flex-direction: column; 
  text-align: left;color:#666;
}

.contact_call, .email_contact_cnt  {
  display: flex;width: 30%;flex-direction: column; justify-content: center; align-items: center; 
}

.address h3, .contact_call h3, .email_contact_cnt h3{
  padding: 30px 0; text-transform: uppercase; color:#666;
}

.inn_content_contact h2{
  text-transform: uppercase; color:#666; font-size: 20px;
}


.global_img {
  width: 100%; max-width: 1300px; margin: 100px auto 0 auto;
  padding: 50px 0; display: flex;display: flex; justify-content: center; align-items: center;
  background-color: #f7f7f5;
}

.global_img img {
  width: 80%;
}


.product_list_inner {

  display: flex;flex-direction: row; justify-content: space-between;
  width: 100%;margin-top: 50px; margin-left: 50px;
}


.product_list{
width: 48%; line-height: 40px;
}




.product_list li::before {
  content: '';
width: 10px;
height: 10px;
background: white;
position: absolute;
left: -20px;
border: 1px solid #F00;
top: 3px;
}

.in_rte_img img{
  width: 100%; border-radius: 10px; align-items: flex-start;align-self:flex-start;
  border: 1px solid rgba(0, 0, 0, .1);
}



.product_list_inn_details {
  width: 100%; display: flex; flex-direction: row; max-width: 1300px; justify-content: space-between;
  flex-wrap: wrap;
}

.pr_lst_box{
  display: flex; width: 24%; flex-direction: column;padding: 10px; margin-bottom: 30px;
}


.pr_lst_box p{
  font-size: 14px;line-height: 30px; text-align: justify;
}

.pr_lst_box h3{
  margin: 30px 0 20px 0;
}


.prod_slider {
  background-image: url(../images/product_in_slider.jpg); background-size: cover;
  height: 400px; background-position: center center;
}


.abt_slider {
  background-image: url(../images/abt_slide.jpg); background-size: cover;
  height: 400px; background-position: center center;
}


.pr_lst_box img{

  -ms-transform: rotate(45deg); /* IE 9 */
  transform: rotate(45deg);
}

/* product Inner*/

.content_inner_manin_details {
  width: 100%; max-width: 1300px; display: flex; 
  margin: 0 auto; flex-direction: column;
 }

 .content_inner_manin_details h2{
   margin-bottom: 50px; border-bottom: 3px solid #df8646;
   width: 180px; padding-bottom: 10px; text-transform: uppercase;
 }

.pr_lst_box_inner{
  display: flex; width: 48%; flex-direction: row; margin-bottom: 30px;
  padding: 30px; border: 2px solid #df8646;

}

.pic_2 {
display: flex; flex-direction: column;
}

.pic_2 img {
  width: 100% !important; margin-bottom: 40px !important;
  border: 1px solid rgba(0,0,0,.3);
}

.pr_lst_box_inner_content{
width: 70%; padding-left: 30px;display: flex; padding-right: 20px;
flex-direction: column; justify-content: flex-start;
}

.pr_lst_box_inner_content_w_new{
  width: 70%; display: flex;
  flex-direction: column; justify-content: flex-start;
  }
  


.pr_lst_box_inner_content_wood{
  width: 100%; display: flex;
  flex-direction: column; justify-content: flex-start;
  }

.pr_lst_box_inner p{
  font-size: 14px;line-height: 25px; text-align: justify;
}

.pr_lst_box_inner h3{
  margin: 0px 0 20px 0; text-transform: uppercase;
  font-size: 20px;
}




.pr_lst_box_inner img{
  align-self: flex-start;
  border: 1px solid rgba(0,0,0,.1);

}

.wood_inn {
  flex-direction: column !important;
}

/*product inner end*/


.product_list_btm {
  width: 100%; max-width: 1300px; display: flex; justify-content: space-between; flex-wrap: wrap;
margin: 0 auto;  margin-top: 150px;    justify-content: space-evenly;
}

.product_list_btm_pulses {
  width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;
margin: 0 auto;  margin-top: 150px;    justify-content: space-evenly;
}

.product_list_btm_img_box{
  display: flex; width: 24%; flex-direction: column;padding: 10px; margin-bottom: 70px;
  justify-content: center;
  align-items: center; 
  
}

.product_list_btm_img_box a {
  text-decoration: none; font-size: 16px; margin-top: 50px; text-transform: uppercase; font-weight: normal;
  color: #000;

  background-image: linear-gradient(180deg, transparent 65%, #f2914b 0);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size .4s ease;
  padding-bottom:1px;

}

.product_list_btm_img_box a:hover {
  background-size: 100% 100%;
}

.product_list_btm_img_box h3{
  font-size: 16px; margin-top: 50px; text-transform: uppercase; font-weight: normal;
}

.product_list_btm_img_box img{
  -ms-transform: rotate(45deg); /* IE 9 */
  transform: rotate(45deg);
  width: 190px;
  border: 1px solid rgba(0, 0, 0, .1);
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -ms-transition: all 1s ease; /* IE 9 */
  -o-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
}

.product_list_btm_img_box:hover img {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
   transform:scale(1.25);
   -ms-transform: rotate(30deg); /* IE 9 */
   transform: rotate(30deg);
}

.product_lst_in {
  display: flex; flex-direction: row; justify-content: space-between;
}

.product_lst_in_left{
  width: 30%;
}

.product_lst_in_rte{
  width: 60%;
}


.oth_pr_title {
  width: 100%; max-width: 1300px;margin: 0 auto;
}

.oth_pr_title h2 {
  font-size: 24px;
  text-transform: uppercase;
}


.wood_dwn {
  width: 100%;display: flex; flex-direction: row; padding: 20px 0;
}

.wood_dwn img{
  width: 100px;
}

.wodd_dwn_lst {
  padding-left: 20px;
}


.mision_det {
  width: 100%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;padding: 50px 0;
}

.mis_txt_box {
  width: 99%; display: flex; flex-direction: column; border: 1px solid rgba(0,0,0,0.3);padding: 20px; margin-bottom: 20px;
}

.mision_det h2{
  font-size: 14px; font-weight: bold;
} 

.mis_txt_box p{
  margin-top: 10px;
}

.mision_det_new {
  width: 100%; 
  display: flex; flex-direction: row; margin: 0 auto; justify-content: center;
}

.mision_left_img {
  width: 35%; display: flex; flex-direction: row; border: 2px solid #7dc768;
border-radius: 10px;    overflow: hidden;   
height: min-content;
}


.mision_left_img img{
  width: 100%;
}

.mision_rte_txt_new {
  width: 60%; display: flex; flex-direction: column; padding-left: 50px;
  justify-content: center;

}

.mision_rte_txt_new h2{
  padding: 20px; 
}

.mission_lst_new {
  display: flex; flex-direction: row; width: 100%;
  padding: 20px 0;
}

.mission_lst_new_icon{
  width: 60px; border-radius: 50px; border: 2px solid #7dc768; height: 60px;
}

.mission_lst_new_icon img{
  width: 100%;    padding: 10px;
}

.mission_lst_text_new {
  display: flex; width: 90%; align-items: flex-start; padding-left: 20px;
  color: #666; line-height: 25px; flex-direction: column; font-size: 16px;
}

.mission_lst_text_new h2{
  font-size: 16px; padding: unset; margin-bottom: 10px;
}

/* INNER PAGE END*/






.control-level p{
    padding:10px; font-size:14px !important;
    color:#fff !important;
}





/* footer start*/

.footer_main {
  width: 100%;margin: 0 auto;
  padding: 50px 20px;display: flex;flex-direction: column;
  background: #0d1d6c;
  background-image: url(../images/footer_map.jpg);
}

.footer_inner{
  width: 100%; max-width: 1300px;margin: 0 auto;
  display: flex; justify-content: space-between;
}

.footer_btm {
  font-size: 14px; color: #fff;max-width: 1300px; margin: 0 auto;
  margin-top: 30px; justify-content: flex-start;
  width: 100%;
}

.ft_add_line {
  display: flex;flex-direction: row;width: 98%;
  margin-bottom: 30px;
}

.footer_left {
  width:40%;
}

.footer_rte {
  width:50%;
}

.ft_adress {
  color: #fff; font-size: 14px;
}

.ftr_icon {
  width: 50px;padding-right: 20px;
}

.ftr_icon img{
  width: 100%;
}

.footer_left h2{
  font-size: 20px;margin-bottom: 40px; color: #fff;
}

/* footer end */

.footer_rte h2{
  color: #fff;
  font-size: 20px;
}






/* footer contact form start*/

.ft_frm_cnt {
  width: 100%;display: flex;justify-content: space-between;
}

.ft_frm_1{width: 48%;}

.ft_frm_1 input{
  display: block;
}






/* ///// inputs /////*/

input:focus ~ label, textarea:focus ~ label, input:valid ~ label, textarea:valid ~ label {
  font-size: 0.75em;
  color: #999;
  top: -5px;
  -webkit-transition: all 0.225s ease;
  transition: all 0.225s ease;
}

.styled-input {
  float: left;
  width: 48%;
  margin: 1rem 0;
  position: relative;
  border-radius: 4px;
}

.ft_fm_cnt_1{

  width: 100%;
  display: flex;
  justify-content: space-between;

}


@media only screen and (max-width: 768px){
  .styled-input {
      width:100%;
  }
}

.styled-input label {
  color: #999;
  padding: 5px 30px 5px 30px;
  position: absolute;
  top: 2px;
  left: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  pointer-events: none;    font-size: 14px;
}

.styled-input.wide { 
  width: 650px;
  max-width: 100%;
}

input,
textarea {
  padding: 10px 30px;
  border: 0;
  width: 100%;
  font-size: 12px;
  background-color: #fff;
  color: #666;

}

input:focus,
textarea:focus { outline: 0; }

input:focus ~ span,
textarea:focus ~ span {
  width: 100%;
  -webkit-transition: all 0.075s ease;
  transition: all 0.075s ease;
}

textarea {
  width: 100%;
  min-height: 150px;
}

.input-container {
  width: 650px;
  max-width: 100%;
  margin: 20px auto 25px auto;
}

.submit-btn {
  float: right;
  padding: 7px 35px;

  display: inline-block;
  background-color: #4b8cfb;
  color: white;
  font-size: 18px;
  cursor: pointer;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.06),
            0 2px 10px 0 rgba(0,0,0,0.07);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.submit-btn:hover {
  transform: translateY(1px);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10),
            0 1px 1px 0 rgba(0,0,0,0.09);
}

@media (max-width: 768px) {
  .submit-btn {
      width:100%;
      float: none;
      text-align:center;
  }
  .mp{
    width: 95% !important; min-height: 300px !important;
    order: 1;
  }

  .inn_content_left_mp {
    width: 95% !important;min-height: 300px !important;
    order: 2;
  }
  .inn_content_left_mp p {
    text-align: left !important;
  }
  

  .mp_title {
    padding: 20px !important;
  }
}

input[type=checkbox] + label {
color: #ccc;
font-style: italic;
} 

input[type=checkbox]:checked + label {
color: #f00;
font-style: normal;
}

.styled-input input{
  display: block;
}
/* footer contact end*/



/* SOCIAL FLOATING*/

/* Social Icons */
#social_side_links {
	position: fixed;
  top: 600px;
  left: 0;
  padding: 0;
  list-style: none;
  z-index: 99;display: block !important;
}


#social_side_links li a {display: block;}

#social_side_links li a img {
	display: block;
	max-width:40px;
  padding: 10px;
  -webkit-transition:  background .2s ease-in-out;
  -moz-transition:  background .2s ease-in-out;
  -o-transition:  background .2s ease-in-out;
  transition:  background .2s ease-in-out;
}

#social_side_links li a:hover img {background: rgba(0, 0, 0, .2);}

/* Demo Text */
.demo-text {
	font-family: helvetica, sans-serif;
  font-weight: 100;
  font-size: 30px;
  line-height: 43px;
  color: #444;
  padding: 10px;
}
	.demo-text--special {
		background-color:#A79C8E;
     color: #fff;
     padding: 30px;
	}
	
	.demo-text--small {
		font-size: 23px;
     line-height: 37px;
	}

h1.demo-text {
  margin: 40px 0 0 0;
  line-height: 0;
  font-size: 50px;
}

a.demo-text {
	text-decoration:none;
  font-size: 20px;
}

/* SOCIAL FLOT END*/




@media (max-width: 768px) {
  #social_side_links {

    top: 400px;
  }
  

}



@media (max-width:480px){



    .slider_main{


        top: 102px;
        z-index: 1;
    }

    .content_inner{
        justify-content: center;
    }

    .inner_box_top {
        width: 98%;
    }

    .home_product_box{
      width: 100%;
    }

    .footer_inner {
      flex-direction: column;
    }

    .footer_left, .footer_rte {
      width: 100%;
    }

    .ft_fm_cnt_1{

      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
    
    }

    .content_inner_manin {
      flex-direction: column;
    }

    .inn_content_left {
      width: 95%;margin: 0 auto;
    }

    .inn_content_left ul {
      margin-top: 100px; 
    }





    .in_rte_img {
      width: 95%;margin: 0 auto; margin-top: 30px;
    }
    
    .contact_add_cnt {
      flex-direction: column;
    }

    .address {
      width: 95%; margin: 0 auto;
    }

    .email_contact_cnt {
      width: 95%; margin: 0 auto;
    }

    .contact_call {
      width: 95%; margin: 0 auto;
    }

    .product_list {
      display: flex !important;flex-direction: column;    margin-top: 1px !important;
    }

    .pr_lst_box_inner {
      display: flex;
      width: 100%;
      flex-direction: column;
      margin-bottom: 30px;
      padding: 20px;
      border: 2px solid #df8646;
    }

    .pr_lst_box_inner img {
      width: 100%;
    }



    .pr_lst_box_inner_content {
      display: flex;
      width: 100%;
      flex-direction: column;
    }

    .pr_lst_box_inner_content h4{
      font-size: 14px; font-weight: bold; margin: 20px 0 0 0; padding-top: 20px;
    }
    
    .pr_lst_box_inner h3 {
      margin-top: 20px;
      padding: 20px;
    }

    .content_inner_manin_details {
      padding: 0 20px;
    }

    .product_list_btm {
flex-direction: column;
    }
    .product_list_btm_img_box {
      width: 100%;
    }

    .inner_slider h2 {
      padding: 30px;
    }

    .abt_slider {
      background-position: left -494px bottom 10px;
    }

    .mision_det_new {
      flex-direction: column;
      width: 95%;
    }

    .mision_left_img {
      width: 100%;
    }

    .mision_rte_txt_new {
      width: 95%; margin: 0 auto;
      justify-content: flex-start;
      padding-left: unset;
    }

    .mission_lst_text_new {
      width: 90%; line-height: 25px;
    }

    .nav_url_top ul li a {
      font-size: 10px;
      text-decoration: unset;
      color: #000;
      font-weight: bold;
    }

    .nav_url_top ul li {
      padding: 0 5px;
      list-style: none;
      text-align: center;
  }

  .nav_url_top ul {
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;
}

}