/* SITOFONO */
.cuffiette{
   text-align: right !important
}
.cuffiette img{float:right;width:30px;height:30px}

.claimSitofono{
   font-size: 18px;
   padding-top: 5px;
   font-weight: 400;
   text-transform: uppercase;
}

.modal-backdrop.in {
   opacity: 0.7 !important;
}
.fixBottom {
   position:fixed;
   left:0px;
   bottom:0px;
   width: 100%;
   z-index:100;
}
.stripe-sitofono{
   background-color: #86af49;
   color:#FFF;
   margin-bottom:20px;
   cursor: pointer;
   height: 35px;
   padding-top:2px;
   padding-bottom:2px !important;
}

.box-sitofono-tc{
   color:#FFF;
   cursor: pointer;
   padding:10px 10px 10px 70px;
   float: left;
   text-transform: uppercase;
   background: #35a2ac url('/img/restyling/cuffiette.png');
   background-position:20px center;
   background-repeat: no-repeat;
   margin-bottom: 30px;
   width:100%
}

.box-sitofono-tc div{
   float: left
}

.btn-stripe{
   background:#FFF;
   padding:10px 20px;
   border-radius: 8px;
   color:#4D4D4D;
   margin:30px 0;
   text-transform: uppercase;
   font-weight: 400 !important;
}
.btn-stripe:hover{
   color:#fff;
   background-color: #5A5A59 !important;
}
.btn-stripe i,.btn-sitofono i{
   padding-right: 10px
}
.text-desc{
   text-align: center;
   font-size:13px;
   font-weight: 500;
}
.box-sitofono{
   width:568px;
   height: 270px;
   background:#35a2ac;
   margin-top:150px;
   color:#FFF;
   font-size:22px;
}

.wk{
   margin-top:0;
   padding:10px;
}

.bkg-sit-sez{
   margin-top:10px;
   height: 100px;
   width:568px;
}
.close-sit{
   text-align: right;
   color:#fff;
   font-size:20px;
   padding:0;
   top:-12px
}
.close-sit i{
   cursor: pointer;
}
.box-sitofono .chiama-gratis{
   top:-20px
}
.box-sitofono span{
   font-weight: 500
}
.box-sitofono p{
   font-size:16px;
   margin-top:7px
}
.cont-form-sitofono{
   margin-top:10px;
}
.cont-form-sitofono input, .cont-form-sitofono select{
   height:42px;
   width: 100%;
   font-size:16px;
   color:#333;
   text-align:center
}
.cont-form-sitofono .ins{
   padding-right: 0;
}
.btn-sit{
   margin-top: 0;
   margin-bottom: 0;
}
.privacy_sit{
   margin-top:15px;
   font-size:12px
}
.privacy_sit a{
   color:#FFF !important
}
.view-errore{
   margin-top: 8px;
   padding-left:30px;  
   background:#fd4b5f;
   color:#fff;
   font-size:13px;
   text-align: center
}
.resp-box-sitofono{
   padding:8px 0;
   background:#fd4b5f;
   border-radius: 8px;
   color:#fff;
   text-align: center;
   font-size:16px;
}

#resp-sitofono,#box-err{
   display:none
}
.link-sitofono{
   margin: 20px 0 0 90px;
   font-weight: 400;
   font-size: 18px;
   line-height: 20px
}
.link-sitofono a{ color:#fd4b5f;font-weight: 500;cursor:pointer}
@media only screen and (max-width: 1200px){ 
   .stripe-sitofono .col-md-6{
      font-size:20px;
   }
   .btn-stripe{
      font-size:14px;
      padding:10px 10px;
      text-align: center
   } 
}
@media only screen and (max-width: 1024px){
   .stripe-sitofono .col-md-9{
      font-size:18px;
   }
   .btn-stripe{
      font-size:13px;
      padding:10px 6px;
   }
   .text-desc{
      width:100%;
      color:#fff
   }
   .link-sitofono{
      margin: 10px 0 0 30px;
      font-weight: 300;
      font-size: 16px;
      line-height: 18px
   }
} 

@media only screen and (max-width: 700px){
   .btn-sit{
      width: 100%;
   }
   .stripe-sitofono{
      width:100%;
      position:fixed;
      left:0px;
      bottom:0px;
      margin-bottom:0; 
      padding: 0;
      z-index:20 !important;    
   }
   .stripe-sitofono .col-sm-6{
      padding:5px 15px;
      font-size:16px;
   }
   .stripe-sitofono .col-sm-6:nth-child(1){
      margin-top: 15px;
      font-size:14px !important;
   }
   .stripe-sitofono .container{
      height: auto;
      padding-top:5px;
      padding-bottom:5px;
      background-repeat: no-repeat;
      background-size: 65%;
      background-position:200px bottom;
   }
   .btn-stripe{
      margin:2px 0 3px;
      width:160px;
   }
   .text-desc{
      width:188px;   
      color:#4a4a4a    
   }
   .box-sitofono{
      width:92%;
      height: 380px;
      margin-top: 50px;
      font-size:18px;
      font-weight: 500
   }

   .wk{
      margin-top:0;
      width:100%;
   }

   .wk .cont-form-sitofono .col-xs-12, .wk .privacy_sit{
      text-align: center
   }

   .box-sitofono p{
      font-size: 17px;
      font-weight: 300
   }
   .bkg-sit-sez{
      height: 141px;
      width:100%;
   }
   #box-form .col-md-7, #box-form .col-xs-8{
      margin-bottom: 10px;
   }
   .cont-form-sitofono .col-xs-4{
      padding-right: 15px;
   }
   .btn-sitofono{
      text-align: center;
   }    
}
@media only screen and (max-width: 320px){
   .stripe-sitofono .col-sm-6:nth-child(1){
      margin-top: 15px;
      font-size:11px !important;
   }
   .btn-stripe{
      width:130px;
      letter-spacing: normal;
      font-size:12px;
   }
}