/* Animation */

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}



/***** Global Slide *****/
/*.slide-right, .slide-left {
  width: 100%;
}*/

/***** Slide Right *****/
.slide-right {
  animation: 3s slide-right;
}
@keyframes slide-right {
  from {
    margin-left: -100%;
  }
  to {
    margin-left: 0%;
  }
}

/***** Slide Left *****/
.slide-left {
  animation: 3s slide-left;
}
@keyframes slide-left {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0%;
  }
}



/***** FadeIn Underline *****/

.fade-in {
  animation: fadeIn ease 3s;
}
@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}











/*end*/

#imgfeatured{
  width: auto;
  left: 0px;
  top:10px;
  height: 221px;
}
@media only screen and (max-width:600px ){
  #imgfeatured{
  width: auto;
  /* left:25%; */
  top:10px;
  height: 261px;
}
}


#imgfeatured2{
  width: auto;
  left: 0px;
  top:10px;
  padding: 5px;
}
@media only screen and (max-width:600px ){
  #imgfeatured2{
  width: auto;
  left:0;
  top:10px;
}
}


#hovereff:hover{
box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75);
}
@media only screen and (max-width:600px ){
  #hovereff:hover{
box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75);
}
}


.icon-barxx {
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99999;
}

.icon-barxx a {
    display: block;
    text-align: center;
    padding: 10px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
    border: 1px solid white;
}

.icon-barxx a:hover {
  background-color: #000;
}

.facebook {
  background: #9c7f30;
  color: white;
}

.twitter {
  background: #9c7f30;
  color: white;
}

.google {
  background: #2d264a;
  color: white;
}

.linkedin {
  background: #9c7f30;
  color: white;
}

.youtube {
  background: #9c7f30;
  color: white;
}



#imgre{
  font-size: 15px;
}
/* how it works */
.hiw_txt_div{
  padding:35px;
}

.hiw_txt_div h4{
  padding-top: 32px;font-size: 27px;font-weight: 400;
}

.hiw_txt_div p{
font-size:25px;    font-size: 25px;
    font-weight: 300;
    padding-top: 22px;
}
.hiw_txt_div h4{
  font-weight: 500;font-size: 50px;
}

/*all pages main header*/

.all_page_main_header{
  padding: 30px 0px 30px 0px;
      background-color: #FAFAFA;
      text-align: center;
    
}

.all_page_main_header h1{
    font-weight: 300;
      font-size: 36px !important;
      font-family: Raleway;

}
.cyod_p_part{
  text-align: center;
    padding: 25px 5px 25px 5px;;
    font-size: 14px;
}

 .dz-message {
    border: 2px dashed #dfdfdf;
    background: #ffffff;
    padding: 20px;
    border-radius: 5px;
    cursor: pointer;
    display: none;
    font-size: 20px;
    text-align: center;
    margin: 0.5em 0 1em;}

    .rugs-and-carpets{
      background: #ffffff73;
    padding: 15px;

    }
    .rugs-and-carpets_span{
      font-size: 19px;
    }
    .carpet1{
font-size: 40px;
padding-top: 12px;
font-weight: 500;
    }
       .carpet2{
        font-size: 20px;
    padding-top: 19px;
    font-weight: 200;
    }

    @media screen and (max-width: 650px){
        .carpet1{
font-size: 22px;
padding-top: 10px;
font-weight: 500;
    }
         .carpet2{
    font-size: 15px;
    padding-top: 10px;
    font-weight: 200;

    }
    }

    .hiw_txt_div_rugs{
  padding:35px;
}
  .carpet3 {
    text-align: center;
    padding: 15px 0px 15px 0px;

  }


  .carpet3 span {
    font-size: 22px;

  }

    .carpet3 h1{
font-size: 41px;
    font-weight: 500;
    margin-bottom: 12px;
    padding: 0px 264px 0px;
  }

     .carpet3 p{
font-size: 18px;
    font-weight: 300;
    padding: 0px 267px 0px;
    margin-bottom: 20px;
  }

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


    .carpet3 h1{
font-size: 22px;
font-weight: 300;
margin-bottom: 12px;
padding: 0px;
  }

     .carpet3 p{
font-size: 13px;
font-weight: 300;
padding: 0px;
margin-bottom:8px;
  }
}

.maincare{
  width: 60%;
  border-bottom: 1px solid lavender;

 
}

.care1{
    width: 50%;

    float: left;
    text-align: center;
    padding: 45px 0px 45px 0px;
}

.care2{
    width: 50%;
    float: right;
    padding: 45px 0px 45px 0px;
    font-size: 25px;
    text-align: inherit;
    font-weight: 100;
    line-height: 33px;
}

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


  .maincare{
  width: 80%;
border-bottom: 1px solid lavender;
 
}

.care1{
    width: 50%;
    /* height: 30%; */
    /* border: 1px solid green; */
    float: left;
    text-align: center;
    padding: 20px 0px 20px 0px;
}

.care1 img{
  width: 127px;
}

.care2{
width: 50%;
 
    float: right;
    padding: 15px 0px 15px 0px;
    font-size: 11px;
    line-height: 18px;
    text-align: inherit;
}

}

.care_head{

}

@media screen and (max-width: 650px){
  .care_head{
font-size: 10px;
}
}

.ptbg{
background:#ffffff61;padding: 25px;
}

.partner1{
  color: white;
    font-weight: 600;
    line-height: 37px;
}

.partner2{
  color: black;
    font-weight: 600;
    text-align: justify;
    font-size: 26px;
    line-height: 32px;
}
.partner3{
      color: white;
    font-size: 18px;
    font-weight: 700;
    /* margin-top: 49px; */
    line-height: 66px;
    background: #2d264a;
    padding: 5px;
    border-radius: 6px;
}

.partner4{
  background: black; color:white;padding:11px;font-size: 12px;
}
@media  screen and (max-width: 650px){
.ptbg{
background:#ffffff61;padding: 10px;
}


  .partner1{
  color: white;
    font-weight: 600;
        line-height: 22px;
    font-size: 18px;
}

.partner2{
  color: black;
    font-weight: 600;
    text-align: justify;
     font-size: 15px;
    line-height: 18px;
}
.partner3{
color: white;
    font-size: 10px;
    font-weight: 700;
    /* margin-top: 49px; */
    line-height: 43px;
    background: #2d264a;
    padding: 4px;
    border-radius: 4px;
}
.partner4{
      background: black;
    color: white;
    padding: 5px;
    font-size: 13px;
}

}

.brand-left h4{
 padding: 24px 0px 24px 11px;
}

.partnerbox{
padding: 0px 15px 0px 15px;
}


.pro-name{
    font-size: 37px;
    font-weight: 300;
    padding: 13px;
    margin-bottom: 0px;
}

@media screen and (max-width: 650px){
  .pro-name{
      font-size: 21px;
      font-weight: 300;
      padding: 5px;
  }
}

.psize{
    /*padding-top: px;*/
    font-weight: 400;
    color: black;
    font-size: 18px;
    padding: 6px;
    background: #ffffff8f;
    border: 3px  solid #c7c7c7;
}



.psizespan{
   border: 1px solid #2d264a;
   border-radius: 6px;
   font-size: 18px;
   padding: 2px 10px !important;
   box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
}


#txtstyle{
  background: #9c7f3063;
  color: black;
  /* padding: 5px 12px; */
  border-radius: 6px;
  font-weight: 700;
  /* margin-top: 5px; */
}
.quickover{
  font-size: 27px;
  /*border-bottom: 1px solid;*/
  width: 213px;
  margin: 1.4rem;
  font-family: monospace;
box-shadow: 2px 13px 10px -10px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 13px 10px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 10px -10px rgba(0,0,0,0.75);
 
}
.product-desc-box p {
  color: black;
    font-size: 15px;
}
.pricenew{
  color: black;
    font-size: 35px;
    font-weight: 400;
}
.label{
  background: #e7d294;
    padding: 3px 12px;
    border-radius: 14px;
    font-weight: 800;
    font-size: 17px;
}

.label12{
    background: #e7d294;
    padding: 3px 12px;
    border-radius: 5px;
    font-weight: 800;
    font-size: 13px;
    color: white;
}

.btn{
  background: #2d264a;
  color: white;
  /* padding: 11px 25px; */
  /* margin-top: 28px; */
  font-size: 16px;
  font-weight: 500;
}
.product-box1{
  background: #cbc7c4;
  padding: 28px 20px;
  box-shadow: 14px 14px 21px -16px rgb(0 0 0 / 75%);
  -webkit-box-shadow: 14px 14px 21px -16px rgb(0 0 0 / 75%);
  -moz-box-shadow: 14px 14px 21px -16px rgba(0,0,0,0.75);
}
.carpet_size{
      font-size: 22px;
    margin-left: -124px;
}

@media screen and (max-width: 650px){
.carpet_size{
          font-size: 19px;
    margin-left: 98px;
    text-align: initial;
    color: #2d264a;
    margin-bottom: 12px;
}

}


.width_set{
  width: 48%;
}

@media screen and (max-width: 650px){
.width_set{
  width: 80%;
}

}


    .wrapper {
     border: 2px dashed #2d264a;
    border-radius: 10px;
    /* height: 183px
px
; */
    padding: 12px 82px;
    font-size: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #2d264a;
    position: relative;
    margin-left: -110px;
}


@media screen and (max-width: 650px){
    .wrapper {
       border: 2px dashed #2d264a;
    border-radius: 10px;
    /* height: 183px; */
    padding: 12px 46px;
    font-size: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #2d264a;
    position: relative;
    margin-left:14px;
    margin-top: 10px;
}

}

.button_style{
  background: #2d264a;
    color: white;
    font-weight: 600;
}

.mul_span{
      text-align: center;
    font-weight: 800;
    font-size: 20px;
    color: #2d264a;
}


.login_css{
      margin: 40px;
    background: #2d264a85;
    height: 450px;
    padding: 34px;
    /* text-align: center; */
    color: white;
    box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
}

@media screen and (max-width: 650px){
.login_css{
       margin: 15px 0px;
    background: #2d264a85;
    height: 380px;
    padding: 15px;
    /* text-align: center; */
    color: white;
}

  }


.register_css{
 background: #fdfdfda3;
    padding: 34px;
    margin: 40px;
    box-shadow: 0px 0px 12px 1px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 0px 0px 12px 1px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
    
}

@media screen and (max-width: 650px){
.register_css{
     margin: 15px 0px;
    background: #fdfdfda3;
    /*height: 380px;*/
    padding: 15px;
    /* text-align: center; */
    /*color: white;*/
}

  }