@charset "utf-8";
/* CSS Document */
body{ color:#303e48;  }
html {
  scroll-behavior: smooth;
}
.bg-red-duetto{ background: #b76cab;}
.padd-10{ padding: 10px; }
.padd-20{ padding: 18px; }
.bg-dark-duetto{background: #b7c5cb;}
.main_links_due{ position: relative; min-height: 380px; width: 100%; }
.main_banner_hifu{  }
    
.link-btns-due{  height: 380px; width: 100%;   }
.skbg{  transform: skew(20deg);
      background: #dadada; width: 100%; padding: 15px; }
.btnskew_shape{
      padding: 10px 25px 10px 35px;
      position: relative;;
      background: #b76cab; 
     transform: skew(20deg);
      list-style: none;
     -webkit-box-shadow: 9px 10px 22px -15px rgba(0,0,0,0.72);
-moz-box-shadow: 9px 10px 22px -15px rgba(0,0,0,0.72);
box-shadow: 9px 10px 22px -15px rgba(0,0,0,0.72);
border-radius: 10px; }

.btnskew_shape:hover{ background: #8d1173; }

.btnskew_shape2{
      padding: 10px 25px 10px 35px;
      position: relative;;
      background: #4d5a63; 
     transform: skew(20deg);
      list-style: none;
     -webkit-box-shadow: 9px 10px 22px -15px rgba(0,0,0,0.72);
-moz-box-shadow: 9px 10px 22px -15px rgba(0,0,0,0.72);
box-shadow: 9px 10px 22px -15px rgba(0,0,0,0.72);
border-radius: 10px; }

.btnskew_shape2:hover{ background: #8d1173; }





.btn-due{ color: #fff; font-weight: bold; font-size: 20px; text-align: center; text-decoration: none;}

.btn-due:hover{ text-decoration: none; color: #fff; }

.btn-due1{ left: 10%; top: 24%; position: absolute; }
.btn-due2{ right: 30%; top: 39%; position: absolute; }
.btn-due3{ left: 25%; top: 54%; position: absolute; }
.btn-due4{ right: 15%; top: 69%; position: absolute; }
.btn-due5{ left: 40%; top: 84%; position: absolute; }
.btn-due6{ right: 0%; top: 99%; position: absolute; }


.bg-light-due{ background: #dadddf; }
.logo-due{ width: 50%; }
.due-cnt{ display: flex; }
.due-red-cnt{ width: 50%; background: #cf3339; padding:15px 15px 25px 15px; }
.due-grey-cnt{ width: 50%; background: #fbf5dc; padding:15px 15px 25px 15px; }
.bg-gray-cnt{background: #dadddf; }

a{ color: #4d5a63; }
a:hover{ color: #4d5a63; }

.duet_footer{ background: #4d5a63; padding: 30px 0px; color: #fff; border-top: 5px solid #b76cab;  }

.dutm p{ color: #646464; }

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

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

.padtop-due{color: #b76cab; }

.padtop-due{ padding-top:25px; }
.mob-due{ display: none;}
.desk-due{ display: block;}
.padtop-due .fa{color: #ccc; }
.padd5{padding: 5px;}

.logo-due2{ width: 30%;}
.due-rgt{ text-align: right; line-height:75px; }
.due-rgt h4{ color: #fff; font-size: 35px; padding-top: 20px; }

.btn-hifu{ color: #fff; background: #b76cab; 
      border: 1px solid #b7c5cb; }
.btn-hifu:hover{ background: #4d5a63; color: #fff; }

.hfff{ border-radius: 25px; }

#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 #303e48;
  background:transparent; 
}
#myBtn span{ margin-left: -20px; width: 40px; }
#myBtn:hover {
  background-color: transparent;
  border-color: transparent transparent #222120 transparent;
}

.dubl_lgo_desk{ position: absolute; top: 5%; right: -50%;   }
.dubl_lgo_desk img{ width: 85%; }

.beer-handle {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: #b76cab !important;
  background: rgba(255, 255, 255, 1);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  transition: background 0.3s, box-shadow 0.3s, opacity 0.5s 0.25s; }

  .beer-range:focus ~ .beer-handle {
  background: rgba(255, 247, 254, 1)  !important;;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); }

.lft_nb{ padding: 3px 10px 10px 20px; background: #5b6670; color: #fff; font-weight: 600; border-radius: 15px 0px 0px 15px;
font-size: 28px; }

.rht_nb{ padding: 3px 20px 10px 10px; background: #b4008d; color: #fff; font-weight: 600; border-radius: 0px 15px 15px 0px; font-size: 28px;
}

.btntop_nn{   width: 100%; border-radius: 20px;  text-decoration: none; display: block;  }

.btntop_nn:hover{ text-decoration: none; }

.btntop_nn:hover .lft_nb { background: #b4008d; }
.btntop_nn:hover .rht_nb { background: #5b6670; }

.shd_nn{-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); border-radius: 20px; height: 100%; padding:2px 0px 5px 0px;}

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

.lft_nb{ font-size: 22px; }
.rht_nb{ font-size: 22px; }

.btn-due1{ left:6%; top: 6%; position: absolute; }
.btn-due2{ right: 6%; top: 6%; position: absolute; }
.btn-due3{ left: 4%; top: 31%; position: absolute; }
.btn-due4{ right:3%; top: 31%; position: absolute; }
.btn-due5{ left:4%; top: 55%; position: absolute; }
.btn-due6{ right:5%; top: 55%; position: absolute; }

.main_links_due{ position: relative; min-height: 200px; width: 100%; }

.plslg{ width: 20%;}
.nano_dsk{ margin-top: 40px; width: 75%; }
.dubl_lgo_desk{ position: absolute; top: -140%; right: -0%;   }
.dubl_lgo_desk img{ width: 65%; }
    
.link-btns-due{  height: 200px; width: 100%;   }

.skbg{  transform: skew(20deg);
      background: #dadada; width: 100%; padding: 2px; }

.logo-due{ width: 100%; }
.logo-due2{ width: 70%; text-align: right;}
.due-rgt{ text-align: right; line-height:45px; }

.due-red-cnt{ width: 100%; }
.due-grey-cnt{ width: 100%;  }
.due-cnt{ display: block; }
.due-rgt h4{ color: #fff; font-size: 30px; padding-top: 2px; margin: 0px; }

.btnskew_shape{
      padding: 5px 20px 5px 20px;
      position: relative;;
      background: #b76cab; 
      border-bottom: 0px solid #fff;
      list-style: none;
     -webkit-box-shadow: 9px 10px 22px -15px rgba(0,0,0,0.72);
-moz-box-shadow: 9px 10px 22px -15px rgba(0,0,0,0.72);
box-shadow: 9px 10px 22px -15px rgba(0,0,0,0.72); 
}

.btnskew_shape2{
      padding: 5px 20px 5px 20px;
      position: relative;;
     
      border-bottom: 0px solid #fff;
      list-style: none;
     -webkit-box-shadow: 9px 10px 22px -15px rgba(0,0,0,0.72);
-moz-box-shadow: 9px 10px 22px -15px rgba(0,0,0,0.72);
box-shadow: 9px 10px 22px -15px rgba(0,0,0,0.72); 
}


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

.mob-due{ display: block;}
.desk-due{ display: none !important;}

}


::-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: #efd5f4;
}