body{
   font-family: "Roboto";
   margin-top:98px;
   color:#4D4D4D;
   font-size: 16px
}
.btn{text-transform: uppercase !important}
.page-art p{font-size:22px; margin:30px 0}
a{
   color:#0098a7;
}
a:hover{
   color:#5a5a59;
   text-decoration: underline
}
ul, li{
   padding:0;
   margin:0;
}
.content ul, .content li{
   padding:2px 0;
   margin-left:15px;
}
.dN{
   display: none !important 
}
.vH{
   visibility: hidden !important 
}
.panel-group .table{
   background-color: #FFF;
   font-size:14px
}
.wM{
   width:100% !important
}
.privacy{padding: 20px 0;font-size: 14px}
/* RADIO BUTTON */
.radio-search div label, .tool-copertura label{
   font-weight: 300;
}
.panel-heading:hover{
   background-color: #ececec !important
}
input[type=radio   ]:not(old){
   width     : 32px;
   margin    : 0;
   padding   : 0;
   font-size : 16px;
   opacity   : 0;
}

.pec-radio{
   width     : 0px !important;
}

input[type=radio   ]:not(old) + label{
   display      : inline-block;
   margin-left  : -32px;
   line-height  : 24px;
}

.pec-label{
   margin-left  : -8px !important;
}
#moveToSitD{cursor: pointer}
input[type=radio   ]:not(old) + label > span{
   display          : inline-block;
   width            : 16px;
   height           : 16px;
   margin           : 4px 8px 4px 4px;
   border           : 1px solid rgb(192,192,192);
   border-radius    : 8px;
   background       : rgb(224,224,224);
   background-image : -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
   background-image : -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
   background-image : -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
   background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
   background-image : linear-gradient(rgb(240,240,240),rgb(224,224,224));
   vertical-align   : bottom;
}
input[type=radio   ]:not(old):checked + label > span{
   background-image : -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
   background-image : -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
   background-image : -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
   background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
   background-image : linear-gradient(rgb(224,224,224),rgb(240,240,240));
}
input[type=radio]:not(old):checked +  label > span > span{
   display          : block;
   width            : 8px;
   height           : 8px;
   margin           : 3px;
   border           : 1px solid rgb(115,153,77);
   border-radius    : 4px;
   background       : rgb(31,154,167);
   background-image : -moz-linear-gradient(rgb(31,154,167),rgb(153,204,102));
   background-image : -ms-linear-gradient(rgb(31,154,167),rgb(153,204,102));
   background-image : -o-linear-gradient(rgb(31,154,167),rgb(153,204,102));
   background-image : -webkit-linear-gradient(rgb(31,154,167),rgb(153,204,102));
   background-image : linear-gradient(rgb(31,154,167),rgb(153,204,102));
}
.contCounter .countDays{
   display: none
}
.contCounter .countHours,.contCounter  .countMinutes,.contCounter  .countSeconds {
   float: left;
   height: 35px;
}
.contCounter .countHours{
   margin-left:-2px !important
}
.contCounter .countHours .position2{
   margin-left:8px
}
.contCounter .countMinutes{
   margin-left:11px !important
}
.contCounter .countMinutes .position2{
   margin-left:6px
}
.contCounter .countSeconds{
   margin-left:10px !important
}
.contCounter .countSeconds .position2{
   width:20px; 
   margin-left:8px
}
.btn{
   letter-spacing: 2px;
}
.btn-casa{
   width:170px;
   height:34px;
   font-size:14px;
   font-weight: 400 !important;
   background-color:#fd4b5f;
   font-weight: 300;
   color:#FFF;
   /*   border-color:#4D4D4D !important;*/
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   line-height:35px;
   border: none;
   padding:0px 12px !important;
}
.btn-casa:hover{
   /*   border-color:#5A5A59;*/
   color:#FFF !important;
   background-color:#b32f3d !important;
   border: none;
}
.btn-login{
   width:70%;
   height:46px;
   line-height: 48px;
}
.btn-login a{
   color:#FFF;
   font-family: Roboto;
   padding-left: 10px;
   font-size: 13px;
   text-decoration: none;
}
.btn-carousel{
   background-color: #fd4b5f !important;
   color:#fff !important;
}

.btn-parall{
   color:#5A5A59 !important;
   background-color: #fff !important;
}


.btn-parall:hover{
   color:#fff;
   background-color: #5A5A59 !important;
}

.btn-carousel:hover{color:#FFF !important}

.solo-online {
   display: inline;
   padding: 1px 6px;
   font-weight: bold;
   color: #fff;
   text-align: center;
   margin-left: 10px;
   text-transform: uppercase;
   background: #fd4b5f
}

.alt-prod {
   margin-top: 10px;
}

.caratteristiche .solo-online{
   margin-left: 0 !important
}

/* SOCIAL */
.search{
   padding:50px 0;
   font-size:16px;
   font-weight:300;
}
.glyphicon-search{
   color:#BDBDBD
}
.box-social img{
   height:30px;
   margin-left:10px
}
.btn-vai{
   border: none; 
   width:150px;
   height:48px;
   font-size:20px;
   border-radius:6px;
   line-height:35px;
   margin-top: 20px;
   background-color: #fd4b5f !important;
   color:#fff !important;
}
.btn-vai:hover{
   color:#FFF !important;
   background-color:#b32f3d !important;
   border: none;
}
.box-sitofono2{
   padding-top:10px;
   background:#7DB900
}
.box-sitofono2 h2{
   font-size:26px;
   font-weight:400;
   color:#FFF;
   padding-top:40px
}
.box-sitofono2 p{
   font-size:16px;
   font-weight:300;
   color:#333;
   padding-top:20px
}
/* prodotto  */
.btn-contattaci {
   background-color: #FFF;
   border-color: #5A5A59;
   border-radius: 6px;
   color: #5A5A59;
   font-size: 20px;
   height: 50px;
   line-height: 36px;
   padding-left:40px;
   padding-right:40px;
}
.btn-off{
   margin-top: 0px !important
}
.btn-off {
   background-color: #e7e7e7;
   border-color: #5A5A59;
   border-radius: 6px;
   color: #5d5d5c;
   font-size: 20px;
   line-height: 36px;
   padding:5px 60px;
}
.btn-off:hover{
   border-color:#5A5A59;
   background-color:#5A5A59;
}
.btn-procedi {
   background-color: #fd4b5f !important;
   color:#fff !important;
   border-radius: 6px;
   color: #fff;
   font-size: 18px;
   line-height: 36px;
   padding:5px 30px;
   border:none;
}
.btn-procedi:hover{
   border:none;
   background-color:#b32f3d !important;
   color:#fff;
}
#try{margin-top:200px}
.btn-invia {
   background-color: #5A5A59;
   border-color: #FFF;
   border-radius: 6px;
   color: #FFF;
   font-size: 20px;
   line-height: 36px;
   padding:5px 32px;
   margin-top:20px
}
.btn-invia:hover, .btn-casa:hover{
   border-color:#5A5A59;
   background-color:#FFF;
   color:#5A5A59
}
.btn-invia[disabled], .btn-casa[disabled]{
   background-color: #FFF;
   border-color: #ccc;
   color:#5d5d5c;
   cursor:none
}

.directbuy{
   text-align: center;
}

/* overlayer isp */
#showComparativa{cursor:pointer;text-align: center;}
.contOverlayer{position:relative;width:600px}
.contOverlayer .close{color: #FFF;font-size: 30px}
.contOverlayer .modal-content {border: 3px solid #EEE !important;border-radius: 0 !important;}
.contOverlayer .modal-header{background-color: #0098a7;border-bottom: 0;text-align: left}

/* internalModal */
.content-internal-modal{height:350px; overflow-y:scroll;font-size:16px !important}
.content-internal-modal ul li{margin-left:15px}



/* modal1 */

#modal1{text-align: center;margin-top:40px !important}
#modal1 .modal-header{background-color: #0098a7;border-bottom: 0;text-align: center}
#modal1 .modal-header h4{color:#FFF;font-size: 20px;font-weight: 300;}
#modal1 .modal-header h4 img{vertical-align: middle;margin-top: -12px !important;}
#modal1 .modal-sub-header{background-color: #fd4b5f;padding:10px 18px 5px;color:#FFF;font-size: 26px;line-height: 24px;height:40px}
#modal1 .modal-body{height:428px;padding-top:20px; background-color:#FFF}
#modal1 .modal-body .first {font-size:48px;font-weight:400;margin-bottom: 30px;line-height: 40px;color:#4a4a4a;letter-spacing: 0;font-family: "QuotesScript-Regular";}
#modal1 .modal-body .second {font-size:20px;text-transform:uppercase;font-weight:400;margin-bottom:20px;line-height: 24px;color:#525859;}
#modal1 .modal-body .row>div, #modal1 .modal-body .price, #modal1 .modal-body .priceDesc{padding-left: 0; padding-right: 0;text-align: center}
#modal1 .modal-body .priceDesc{text-align: left; color:#0098a7}
#modal1 .modal-body .price{text-align: right;   font-family: "Gotham A", "Gotham B","Roboto";}
#modal1 .modal-body .first b {color:#0098a7;font-size: 40px} 
#modal1 .modal-body .last  {margin: 20px 0;color:#fff; font-size:16px; line-height: 20px; text-transform: uppercase; font-weight: 300}
#modal1 .modal-body .last .btn-casa{margin-top: 20px}
#modal1 .modal-body strong{color:#0098a7;font-weight: 500}
#modal1 .modal-body b{font-weight: 500 !important}
#modal1 .modal-body .img-overlayer{background-repeat: no-repeat !important; height:274px; background-position-y: bottom !important}
#modal1 .modal-body img{position:absolute;top:-33px;right:0px}
#modal1 .modal-body .price{font-size:184px; line-height: 150px;color:#0098a7;font-weight: 500}
#modal1 .priceDesc{text-align: left;padding-top:5px;color:#fff;font-weight:400}
#modal1 .priceDesc>div:nth-child(1){font-size: 54px; line-height: 54px;font-family: "Gotham A", "Gotham B";font-weight: 500;margin-bottom: 28px}
#modal1 .priceDesc>div:nth-child(2){font-size: 28px; line-height: 30px;text-transform:uppercase; font-weight: 700}
#modal1 .priceDesc>div:nth-child(3){font-size: 28px; line-height:30px;text-transform:uppercase; font-weight: 700}

/* modal2 */
#modal2 .modal-header .modal-title{}
#modal2 .modal-header h4{color:#FFF !important;font-size: 36px;font-weight: 300;text-align: center}
#modal2 .modal-body{font-size: 26px;text-align: center;padding-top: 30px;line-height: 30px}
#modal2 .modal-body p:first-child{margin-bottom: 30px}
#modal2 .modal-body p:last-child{margin-top: 30px}

/* modal3 */
#modal3 .modal-header{background-color: #f4a623}
#modal3 .modal-header h4{color:#333 !important;font-size: 26px;font-weight: 500;text-align: center}
#modal3 .modal-header p{color:#333 !important;font-size: 16px;font-weight: 400;text-align: center}
#modal3 .modal-body{font-size: 26px;text-align: center;padding-top: 30px;line-height: 30px}
#modal3 .modal-body p:first-child, #modal3 .modal-body p:last-child{margin-bottom: 30px}
#modal3 .close{color:#000 !important}
#modal3 p{margin: 0}
#modal3 .wP{width:90%}
#modal3 .frame{border:6px solid #FBB03B}

#moveToSitD{cursor:pointer}

/* supporto */
.support{padding-top:20px;padding-bottom: 20px}
.support h2{line-height: 16px;font-weight: 300}
.support-box{min-height:100px;margin-top:20px}

/* modernizr */


@media only screen and (max-width: 768px){
   body{
      margin-top:0;
   }
   input[type=radio   ]:not(old){
      width     : 6px;
      margin    : 0;
      padding   : 0;
      font-size : 16px;
      opacity   : 0;
   }
   input[type=radio   ]:not(old) + label{
      display      : inline-block;
      margin-left  : -8px;
      line-height  : 24px;
      margin-top   : -4px; 
   }
   input[type=radio   ]:not(old) + label > span{
      margin           : 0px 4px 4px 8px;
   }
   /* Sitofono */
   .box-input-sez input{
      height:40px;
      padding:10px 15px;
   }

   .box-input-sez .tel-pren{
      height:45px;
      padding:10px 5px;
   }

   .box-input-sez .ora-pren{
      width:33%;
      height:45px;
      padding:10px 5px;
   }  
   .btn-casa{
      height:40px;
      width: 80%;
      margin: 0 5%;
      line-height: 25px
   }
   .btn-casa:hover{
      border-color:#5A5A59;
      background-color:#5A5A59;
   }
   .btn-vai {
      width: 120px;
      margin-top: 20px;
   }
   .btn-invia {
      padding:0 28px;
   }
   .panel-group .table{
      font-size:12px
   }
}    

@media only screen and (max-width: 700px){
   /* modal overlayer */
   .contOverlayer .modal{top:5px}
   #modal1 .modal-header h4{font-size: 18px;}
   #modal3 .modal-header h4{font-size: 18px;}
   #modal1 .modal-header h4 img{vertical-align: middle;margin-top: -12px !important;width:35%}
   #modal1 .modal-sub-header{font-size: 16px;}
   #modal1 .modal-body p:first-child{font-size: 22px;line-height: 24px}
   #modal1 .banda p {width:100%;font-size: 18px !important;line-height: 22px !important}
   #modal1 .banda{min-height: 175px;margin-bottom: 10px;}



   #modal1 .modal-body{height:auto; padding-bottom: 0;}
   #modal1 .modal-body .first {font-size:20px;line-height: 22px}
   #modal1 .modal-body .second {font-size:16px;line-height: 16px}
   #modal1 .modal-body .last  {margin: 10px 0;font-size:14px; line-height: 16px;}
   #modal1 .modal-body .price{font-size:80px; text-align:right;line-height: 80px}
   #modal1 .modal-body .img-overlayer{height: 386px}
   #modal1 .priceDesc>div:nth-child(1){font-size: 20px; line-height: 19px}
   #modal1 .priceDesc>div:nth-child(2),#modal1 .priceDesc>div:nth-child(3){font-size: 24px; line-height: 24px}



   /* modal2 */

   #modal2 .modal-header h4{color:#FFF !important;}
   #modal2 .modal-title{color:#FFF !important;text-align: center}
   #modal2 .modal-body{font-size: 24px;text-align: center;padding-top: 30px;line-height: 26px}
   #modal2 .modal-body p:first-child{margin-bottom: 10px}

   .visual-hp .contCounter{
      height:150px !important;
   }
   .contCounter .fast-text{
      margin-top:0;
   }
   .cbtn{
      padding-left:0 !important;
      padding-right:0;
   }
   .btn-casa{
      height:40px;
      width: 90%;
      margin: 20px 5% 0;
      line-height: 38px;
      font-size: 25px;
   }
   .btn-vai {
      width: 100%;
   }     
   .pos-count .countdownHolder{
      width: 266px;
      margin: 0 auto !important;
      float:none !important;
      padding-right: 0px !important
   }
   #countdown .pos-text-count{
      text-align: center
   }
   #map{
      height:250px;
   }
   /* 404 */
   .bodyErr img{
      width: 100% !important
   } 
}