/*! CSS Used fontfaces */
@font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-100.eot);src:local('Roboto Thin'), local('Roboto-Thin'), url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-100.eot#iefix) format('embedded-opentype'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-100.woff2) format('woff2'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-100.woff) format('woff'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-100.ttf) format('truetype'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-100.svg#Roboto) format('svg');}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-300.eot);src:local('Roboto Light'), local('Roboto-Light'), url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-300.eot#iefix) format('embedded-opentype'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-300.woff2) format('woff2'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-300.woff) format('woff'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-300.ttf) format('truetype'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-300.svg#Roboto) format('svg');}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-regular.eot);src:local('Roboto'), local('Roboto-Regular'), url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-regular.eot#iefix) format('embedded-opentype'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-regular.woff2) format('woff2'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-regular.woff) format('woff'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-regular.ttf) format('truetype'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-regular.svg#Roboto) format('svg');}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-500.eot);src:local('Roboto Medium'), local('Roboto-Medium'), url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-500.eot#iefix) format('embedded-opentype'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-500.woff2) format('woff2'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-500.woff) format('woff'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-500.ttf) format('truetype'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-500.svg#Roboto) format('svg');}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-700.eot);src:local('Roboto Bold'), local('Roboto-Bold'), url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-700.eot#iefix) format('embedded-opentype'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-700.woff2) format('woff2'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-700.woff) format('woff'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-700.ttf) format('truetype'),  url(https://www.crediper.it/Style%20Library/custom/css/fonts/roboto/roboto-v16-latin-700.svg#Roboto) format('svg');}

#spinner-frame{position:absolute;top:0;bottom:0;right:0;left:0;z-index:5;background:#fff}
.spinner {margin: 80px auto;width: 100px;height: 100px;text-align: center;font-size: 10px;z-index: 88}
.spinner > div {background-color: #8f1d24;height: 100%;width: 3px;display: inline-block;-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;animation: sk-stretchdelay 1.2s infinite ease-in-out}
.spinner .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;margin-left: 4px}
.spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;margin-left: 4px}
.spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;margin-left: 4px}
.spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;margin-left: 4px}
.preventivatore-250{width:300px;height:250px;border:1px solid #9fa0a1;box-sizing:border-box;position: relative; padding:5px 10px}
.preventivatore-100{width:300px;height:100px;border:1px solid #9fa0a1;box-sizing:border-box;position: relative; padding:5px 10px}
.preventivatore-600{width:160px;height:600px;border:1px solid #9fa0a1;box-sizing:border-box;position: relative;padding: 5px;background:url('/Pagine/Preventivatori/img/bg-160x600.jpg');}
#loghi{margin-bottom:25px}
#loghi-top{margin:15px auto 25px;width: 100%;}
#loghi-bottom{position:absolute;bottom:0;left: 10px;right:0;height:50px;}
#loghi-top img,#loghi-bottom img {height: 46px;width:auto;margin:auto;float: none;}
.preventivatore-100  #loghi{margin-bottom: 2px;}
#loghi img { height: 35px; width:auto; vertical-align:top}
#loghi img+img { height: 30px; width:auto; float:right}
.preventivatore-100  #loghi#loghi img { height: 25px; width:auto; vertical-align:top}
@-webkit-keyframes sk-stretchdelay {0%, 40%, 100% {    -webkit-transform: scaleY(0.4)
    }
20% {    -webkit-transform: scaleY(1.0)}
}
@keyframes sk-stretchdelay {0%, 40%, 100% {    transform: scaleY(0.4);    -webkit-transform: scaleY(0.4);}
 20% {    transform: scaleY(1.0);    -webkit-transform: scaleY(1.0);}
}
.middle-wrapper {padding:140px 0 110px}
body{margin:0; font-family:'roboto'}
h1{color:#222;margin:0;font-weight:500;text-align: center;}
.preventivatore-100 h1{font-size: 18px;text-align: left;}
.preventivatore-600 h1{font-size: 35px;margin-bottom: 0;line-height: 1.1;}
.preventivatore-600 h1+p{font-size: 18px;margin-bottom: 20px;line-height: 1.1; text-align:center; margin-top:5px}
.preventivatore-100 .richiedi-input input{width: 70%;box-shadow:none;box-sizing:border-box;border-radius:0;padding: 3px 0  3px  10px;height: 40px;position:relative;outline:none;font-size: 14px;color:#8f1d24;outline:0;line-height: .8;overflow:visible;border:2px solid #8f1d24;background:rgba(255,255,255,.8);margin: 5px auto 5px;display:block;float: left;margin: 0;}
.preventivatore-600 .richiedi-input input{width: 100%;box-shadow:none;box-sizing:border-box;border-radius:0;padding: 3px 0  3px  10px;/* position:relative; */outline:none;font-size: 17px;color:#8f1d24;outline:0;line-height: 1;overflow:visible;border: 2px solid #8f1d24;background:rgba(255,255,255,.8);margin: 5px auto 5px;/* display:block; *//* float: left; */margin: 0;}
.preventivatore-100 .error-target{display: none!important;}
.preventivatore-600 .error-target{position:static; margin:0px 0 20px }
.richiedi-input{position:relative;box-sizing:border-box}
.richiedi-input input{width:100%;box-shadow:none;box-sizing:border-box;border-radius:0;padding: 2px 15px;height: 42px;position:relative;outline:none;font-size: 18px;color:#8f1d24;outline:0;line-height: 1;overflow:visible;border:2px solid #8f1d24;background:rgba(255,255,255,.8);margin: 12px auto 12px;display:block;}
#l-wrapper  .l-main-menu .richiedi-input input{font-size:17px;}
#l-wrapper .richiedi-input input:focus,richiedi-input input:focus,.richiedi-input input:hover{border:2px solid #8f1d24}
#l-wrapper .richiedi-input ::placeholder,.richiedi-input ::placeholder{color:#264d7a;opacity:1}
#l-wrapper .richiedi-input :-ms-input-placeholder,.richiedi-input :-ms-input-placeholder{color:#264d7a!important}
#l-wrapper .richiedi-input::-ms-input-placeholder,.richiedi-input::-ms-input-placeholder{color:#264d7a!important}
#l-wrapper .richiedi-input .info-p::placeholder,.richiedi-input .info-p::placeholder{color:#cac1c2!important;opacity:1}
#l-wrapper .richiedi-input .info-p:-ms-input-placeholder,.richiedi-input .info-p:-ms-input-placeholder{color:#cac1c2!important;opacity:1!important}
#l-wrapper .richiedi-input .info-p::-ms-input-placeholder,.richiedi-input .info-p::-ms-input-placeholder{color:#cac1c2!important;opacity:1!important}
#l-wrapper .btn.btn-default.richiedi,.btn.btn-default.richiedi{margin:0 auto;font-size: 18px;line-height:1;color:#fff;text-transform:none;background:#8f1d24;border-radius:0;border:1px solid transparent;padding: 12px 34px;outline:0;text-decoration:none;transition:.3s;box-sizing:border-box;display:block;margin:auto;float:none;cursor: pointer;}
#l-wrapper .btn.btn-default.richiedi:hover,.btn.btn-default.richiedi:hover{color:#8f1d24;background-color:#fff;border-color:#8f1d24;text-decoration:none;box-sizing:border-box}
#l-wrapper .richiedi-input input[type=checkbox],.richiedi-input input[type=checkbox]{opacity:0;position:absolute;z-index:2;top:-4px;width:30px;height:30px;left:0;cursor:pointer}
#l-wrapper .richiedi-input input[type=checkbox]+span,.richiedi-input input[type=checkbox]+span{transition:.2s;-webkit-transition:.2s;width:29px;background:#fff;height:29px;display:block;border:2px solid #8f1d24;vertical-align:middle;position:absolute;left:0;top:0}
#l-wrapper .label-animation.assicurazione,.label-animation.assicurazione{position:relative;top: 28px;cursor: pointer;}
#l-wrapper .preventivatore-blu{width:220px;height:200px;background:#8f1d24;padding: 10px;box-sizing: border-box;}
#l-wrapper .preventivatore-blu h1{color:#fff;font-size: 21px;}


#l-wrapper .preventivatore-600  .label-animation.assicurazione{top:0; margin:15px 0 0}
#l-wrapper .preventivatore-100 .label-animation.assicurazione{float:left;width: 30%;position: relative;top: 0;}
#l-wrapper .preventivatore-100 .btn.btn-default.richiedi{width:100%;font-size: 13px;padding-left:0;padding-right:0;height: 40px;}
#l-wrapper .preventivatore-600 .btn.btn-default.richiedi{width:100%;font-size: 15px;padding-left:0;padding-right:0;height: 40px;position: static;top:0}
#l-wrapper .preventivatore-blu .btn.btn-default.richiedi{background:#fff;color:#8f1d24;position: relative;/* top: 20px; */margin: 10px auto;}
.no-animation{-ms-transform:none!important;transform:none!important;-webkit-transform:none!important}
#l-wrapper .preventivatore-600 .errore-preventivo{position:static; margin:15px 0 0; ; width:100% }
#l-wrapper .preventivatore-600 .errore-preventivo:before{float:left; margin-bottom:25px}
#l-wrapper .preventivatore-blu .richiedi-input input{margin-bottom:0}
#l-wrapper .preventivatore-blu .errore-preventivo{position:static; margin:5px 0 0; ; width:100% ;color:#fff;font-size:13px; width:100%}
#l-wrapper .preventivatore-blu .richiedi-input input{font-size:14px; padding-left:8px}
#l-wrapper .preventivatore-blu .richiedi-input{/* margin:0!important */}
#l-wrapper .preventivatore-blu .errore-preventivo:before{float:left; margin-bottom:5px; }
.error-target{display:none;position: absolute;color:#8f1d24;font-weight:400;top: -34px;font-size: 14px;line-height: 1.5;vertical-align:middle;left: 0;right: 0;text-align: center;}
.error-target.widget-error{line-height:1;top:-7px;background:rgba(255,255,255,.9);font-size:14px}
.error-target:before, .errore-preventivo:before{content:"!";font-weight:600;font-size: 20px;vertical-align: -4px;color:#fff;background:#8f1d24;width: 28px;display:inline-block;text-align:center;margin-right: 4px;line-height:1.2;}
.errore-preventivo:before{left:calc(-100% - 40px); bottom:0; line-height:1.5; top:0; animation:1s pulseBg infinite}
@keyframes pulseBg{0{background:#8f1d24}50%{background:#72171d}}
#l-wrapper .errore-preventivo,.errore-preventivo {position: absolute;top: 45px;left:0%;font-weight:500;bottom:0;color:#8f1d24;line-height: 1.1; font-size:14px; right:0}
.to-fill{border:2px solid red!important}
#l-wrapper .preventivatore-blu .assicurazione{top:auto;} 
#l-wrapper .preventivatore-blu .error-target{color:#fff;font-size:14px;/* display:block; */width:100%;position: relative;margin: 6px 0;padding:0;top:auto;bottom: auto;}
#l-wrapper .preventivatore-blu .error-target:before, .errore-preventivo:before{content:"!";font-weight:600;font-size: 20px;vertical-align: -4px;color:#fff;background:#8f1d24;width: 28px;display:inline-block;text-align:center;margin-right: 4px;line-height:1.2;}