@charset "utf-8";
/* CSS Document */
body{ color:#fff; background-color: #2f3335;  }
html {
  scroll-behavior: smooth;
}
.bg-red-duetto{ background: #242729;}
.padd-10{ padding: 10px; }
.padd-20{ padding: 18px; }
.padd-30{ padding: 30px; }

.bg-dark-duetto{background: #b0b0af;}
.main_links_due{ position: relative; min-height: 280px; width: 100%; }
.img-resposive-4plus{ width: 100%; max-width: 800px; }
    
.shape_top{ background-color: #2f3335; }



.bg-light-due{ background: #e1e5e5; }
.logo-due{ width: 50%; }


a{ color: #fff; }
a:hover{ color: #fff; }

.duet_footer{ background: #242729; padding: 30px 0px; color: #fff; border-top: 15px solid #191c1d;  }

.dutm p{ color: #c3c3c3; }

.dutm a{ font-size: 18px; }

.fa:hover {
    opacity: 0.7;
    color: #44577f;
    text-decoration: none;
}

.padtop-due{color: #299c96}

.padtop-due{ padding-top:0px; }

.padd5{padding: 5px;}
.bannr_shp{ background:url(../images/bnr_bg.jpg) center top  no-repeat; 
  background-color: #010207; 
  position: relative;
  height: 677px; display: block; }

.produ_insh{ padding-top: 20px; text-align: center; }
.banne_cnt{  }
.produ_insh{  position: absolute; bottom: 0; right: 12%;
animation-delay: 0s;}
.wmn{ position: absolute; top: 0; left: 18%; }
.wmnn{position: absolute; top: 23%; left: 5%; }
.men{ position: absolute; top: 0; left: 0%; }
.tex-shp { color: #fff; top:34%; left:46%;  position: absolute; animation-delay: 0s;}
.tex-shpp{top:40%; left:42%; position: absolute;}
.lg-shp{ top: 36%; left:43%; position: absolute; }

.tex-shp h2{ font-size: 50px; }
.wmn img{ width: 100%; }
.men img{ width: 100%; }

#myBtn {
  display: none;
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: 99;
  font-size: 18px;
  outline: none;
  color: #fff;
  cursor: pointer;
    margin: 0 auto;
  text-align: center;
  width: 0px; height:0px;
 border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #222120;
  background:transparent; 
}
#myBtn span{ margin-left: -20px; width: 40px; }
#myBtn:hover {
  background-color: transparent;
  border-color: transparent transparent #222120 transparent;
}

.bg-gray-drk{ background: #242729; }

.detail_cnt{ color:#fff; padding: 25px 0px; }
.detail_cnt p{ padding-top: 15px; }
.hw_wrk_shpe h2{ color:#fff; }

.hw_wrk_shpe{ background : -moz-linear-gradient(49.88% -14.96% -89.69deg,rgba(26, 42, 77, 1) 0%,rgba(1, 2, 7, 1) 100%);
  background : -webkit-linear-gradient(-89.69deg, rgba(26, 42, 77, 1) 0%, rgba(1, 2, 7, 1) 100%);
  background : -webkit-gradient(linear,49.88% -14.96% ,50.09% 99.03% ,color-stop(0,rgba(26, 42, 77, 1) ),color-stop(1,rgba(1, 2, 7, 1) ));
  background : -o-linear-gradient(-89.69deg, rgba(26, 42, 77, 1) 0%, rgba(1, 2, 7, 1) 100%);
  background : -ms-linear-gradient(-89.69deg, rgba(26, 42, 77, 1) 0%, rgba(1, 2, 7, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A2A4D', endColorstr='#010207' ,GradientType=0)";
  background : linear-gradient(179.69deg, rgba(26, 42, 77, 1) 0%, rgba(1, 2, 7, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A2A4D',endColorstr='#010207' , GradientType=1);}

  .hw_wrk_ima { border: 1px solid #fff; padding: 10px; margin-bottom: 10px }

  .mob{ display: none; }
  .img-resposive-m{ width: 100%; }

  .panel-title a{ font-size: 20px; }
  .hd-shp{
    width: 45px;
    border-top: 1px solid #fff;
    }

.mob_nt{ display: block; } 
.deskbn{ display: block;  }
.nav-lin{ padding:10px 15px !important; border:0px solid #fff; text-decoration: none; text-align: right;  display: block; font-size: 18px; }
.nav-lin:hover{ text-decoration: none; color:#44577f;   }
.nav-lin.active{ text-decoration: none; color:#44577f; }
.navbar-nav{ padding-top: 12px; }
.navbar-nav li{ padding: 0 0px 0 5px }
.fa-bars{ color: #fff; float: right !important;}
.fa-bars:hover{ color: #fff; float: right !important;}
.fa-bars:focus{ border:0;  outline: none;}

.btnt:focus{border:0;  outline: none;}
.padd_ds{ padding-top: 125px; }

.maintxt{ position: relative; }
.ovr_txt{ position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
opacity: 0;
transition: .5s ease;
  background-color: #19294b;
  height: 100%;
  width: 100%;
  padding:20px 15px 10px 15px;
 }

 .maintxt:hover .ovr_txt{ opacity: 1; z-index: 98; cursor: grab; }
 .rdmre{ padding:5px 10px; background-color: #44577f; position: absolute; bottom: 15%; right: 0%;}

 .grn_ctc{ background-color: #1b5630; }

.top_hdr_fxd{ position: fixed; top: 0; width: 100%; z-index: 9999; }

.top_pdd{ height: 140px; }

.sdw{-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.55);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5s5);}

.paddc{ padding-top: 20px; }

.btn-insh{ background-color: #19294b; color: #fff; }
.btn-insh:hover{background-color: #44577f; color: #fff;  }

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



.logo-due{ width: 100%; }

.wmn img{ width: 80%; }
.men img{ width: 80%;}
.produ_insh img{ width: 70%; }
.produ_insh{ left:0%; animation-delay: 0s; }
.wmn{ position: absolute; top: 67%; left: 80%;  }
.men{ position: absolute; top: 86%; left: 80%;   }


.tex-shp { color: #fff; top:7%; left:15%;  position: absolute; animation-delay: 0s;}
.tex-shp h2{ font-size: 30px; }
.bannr_shp {  height:315px; display: none;  }

.banne_cnt{ display: none; }

.mob{ display: block; }

.mob-coll{ width: 50% !important; }
.img-resposive-m{ width: 40%; }

.mob_nt{ display: none; }  

.deskbn{ display: none; }

.padd_ds{ padding-top: 25px;}

.nav-lin{font-size: 16px;}
.txtmb{ font-size: 15px; }

.top_pdd{ height: 115px; }

.btnt{  margin-left: 270px; 
  margin-top:-48px; 
}

.navbar{ padding:0px; }

.paddc{ padding-top: 0px; }

}




::-webkit-scrollbar-thumb {
    background: #404040;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fafafa;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #404040; 
}

::selection {
    background-color: #7587ab;
}