html{font-family:'Arial' sans-serif;}
body{font-weight:normal;font-style:normal;font-family:'Arial' sans-serif;}
.img{max-width:100%;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
a {text-decoration:none;font-weight:700}
a:hover{text-decoration:none;color:#888}
a,.button{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
a:focus,.button:focus,button:focus{text-decoration:none;outline:none}
a:focus{color:#fff;text-decoration:none}
a:focus,a:hover,.portfolio-cat a:hover,.footer -menu li a:hover{text-decoration:none;color:#ff9900}
a,button{color:#020c26;outline:medium none}
h1,h2,h3,h4,h5{color:#333;}
.h1, h1 {font-size: 1.5rem;font-family:'Arial' sans-serif;}
.h2, h2 {font-size: 1.2rem;font-weight:700;font-family:'Arial' sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;font-family:'Arial' sans-serif;}
.h4, h4 {font-size: 1rem;font-family:'Arial' sans-serif;}
b, strong {font-weight:700;}
ul {margin:0px;padding:0px}li{list-style:none}
ul li h3 {font-weight:500;font-size: 1rem;font-family:'Arial' sans-serif;}
.approfondimento ul li {font-size:16px; line-height:26px; font-weight:300; text-align:justify;margin-left:20px;list-style-type: circle;}
p {font-size:14px;line-height:18px;margin-bottom:13px;color:#333}
label {color:#222;cursor:pointer;font-size:14px;font-weight:400}
*::-moz-selection{background:#444;color:#fff;text-shadow:none}
::-moz-selection{background:#444;color:#fff;text-shadow:none}
//::selection{background:#444;color:fff;text-shadow:none}
*::-webkit-input-placeholder{color:#cccccc;font-size:14px;opacity:1}
*:-ms-input-placeholder{color:#cccccc;font-size:14px;opacity:1}
*::-ms-input-placeholder{color:#cccccc;font-size:14px;opacity:1}
*::placeholder{color:#cccccc;font-size:14px;opacity:1}
.mb-65{margin-bottom:67px}
.no-padding{margin:0px;padding:0px}
.border-right, .border-left {border-right: 1px solid #888!important;padding:0px 10px 0px 10px}
.slider-content ul li {vertical-align:middle}
.slider-content h4 {color:#fff;font-size: 18px;}
.header-area .main-header-area .main-menu ul li a:select {position: absolute;content: "";background: #ff5e13;width: 100%;height: 2px;bottom: 0;left: 0;opacity: 0;transform: scaleX(0);-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;}
.fa-4x{font-size: 2em;}
.icon {vertical-align:middle;float:left}
.offerta-voip img {max-width:60px;}
.supporto-area,.supporto-area p,.supporto-area h3, .supporto-area h2 {text-align:justify;}
.supporto-offerte-fibra {padding: 0em 0;position:relative;vertical-align:bottom;bottom:0px;z-index: 1000;border-bottom: 5px solid #f89d13;//box-shadow: 0px 6px 6px 0px #ccc;}
.supporto-offerte-fibra h5, .supporto-offerte-fibra h4 {padding: 0em 0;position:relative;vertical-align:bottom;bottom:0px;z-index: 1000;border-bottom: 5px solid #f89d13;//box-shadow: 0px 6px 6px 0px #ccc;}
.boxShadow {color: #333;padding: 10px 10px;background-color: #ececec;border: 0px solid #333;box-shadow: 0 0 5px 0px #777}
.boxShadow:hover {background-color: #ebebeb!important;color: #777;transition: box-shadow .55s;box-shadow: 0 0 10px 0px #777;}
//.slider-area .single-slider{height:auto}
.slider-area .single-slider .copertura{height:100%}
.service-area h5 span{font-size:30px;font-weight:700;line-height:36px}
.service-area-home .single-service {padding-top:20px}
.single-service h2 {font-weight:700;}
.service-area .single-service h3 {font-size:20px;margin-top:10px}
.service-area-home .single-service h4 {font-size: 20px;font-weight:700;margin-bottom:5px;}
.service-area .voip {background:#ff5e13; border-radius:5px; color:#fff}
.spot {background:#ff6600;position:relative;z-index:1000;padding:20px}
.verifica-copertura h2 {font-size: 24px;font-weight:700;margin-bottom:5px;}
.bollino{width:30px;height:30px}
.modal-content {margin:30px 0px;}
.slider-area .single-slider-home .slider-content .home {line-height: 18px;color: #ff5e13;font-size: 16px;font-weight:500;padding-top:10px;}
.slider-area .single-slider-home .slider-content div .prezzo {font-size:45px;font-weight:700;line-height:50px;letter-spacing:-3.5px}
.bg-video {background-image: url('../offerte-fibra-img/img/img-beactive-video-sfondo.jpg');background-color: #333;background-size: contain;background-position: bottom right;}
.boxed-btn-outline{transition: box-shadow .55s;box-shadow: 0 0 5px 0 #777;border-radius: 50px;border:2px solid #fff;color:#fff;background:transparent;display:inline-block;padding:12px 20px;font-size:15px;font-weight:400;}
@media (min-width: 1200px) {.title-video {padding:20px} .title-video h2 {font-size:40px;font-weight:400;padding-top:20px;color:#222;padding-bottom:10px}}
@media (max-width: 1200px) {.title-video {padding:20px} .title-video h2 {font-size:40px;font-weight:400;padding-top:20px; color:#fff}}
@media (max-width: 1200px) {
.bg-video-img {padding-top:0px;background-color:#222;background-image: url('../offerte-fibra-img/img/bkg-video-2.p');background-size: cover;background-position: bottom left;background-repeat:no-repeat;}
.bg-video {display:none;background-color:#222;background-image: url('../offerte-fibra-img/img/bkg-video-sfondo.j');background-size: contain;background-position: bottom left;background-repeat:repeat;}
}
@media (min-width: 1200px) {
.bg-video-img {height:400px;overflow:hidden;padding-top:80px;background-color:transparent;background-image: url('../offerte-fibra-img/img/img-activenetwork-video.jpg');background-size:1100px;background-position: bottom left;background-repeat:no-repeat;}
.bg-video {display:block;background-color:transparent;background-image: url('../offerte-fibra-img/img/bkg-video-sfondo.jpg');background-size: contain;background-position: bottom left;background-repeat:repeat;}
}
@media (max-width: 768px) {
.btn-offerte-home, .btn-offerte-content {position:sticky;top:-1px;z-index:1000;background:#ffffff;transition: box-shadow .55s;box-shadow: 0 0 5px 0px #bbb;}
.img-mobile-none {display:none}
h3{font-size:18px}
.single-service div {display:inline-block}
.prezzo {margin-top:10px}
.prezzo span {font-size:24px;font-weight:700;line-height:16px}
.prezzo .prezzo1 {display:inline-block;font-size:50px;font-weight:700;margin-top:-10px}
.prezzo .prezzo2 {display:inline-block;line-height:25px;font-size:30px;font-weight:700}
.prezzo .prezzo-desc {font-size:16px;}
.approfondimento {padding:0px}
.img-offerte-fibra-open-fiber {background-image:none;background-image:none;}
.img-offerte-adsl-casa {background-image:none;background-image:none;}
.azienda .cta-bg-1 {background-image:none;background-image:none;}
.bg-img-offerte-adsl-business {background-image:none;background-image:none;background-size:50%}
/*.bg-img-offerte-fibra {background-image: url('../offerte-fibra-img/banner/img-adsl-fibra.jpg');background-image: url('../offerte-fibra-img/banner/img-adsl-fibra.webp');background-color: #fff;background-size: contain;background-position: bottom right -60px;}*/
.bg-offerte-fibra-casa {background-image:none;}
.bg-img-fibra-business {background-image:none;}
.bg-img-copertura-fibra{background-image:none;}
.bg-img-fibra {background-image:none;}
.bg-img-internet-gaming {background-image: url('../offerte-fibra-img/banner/gaming-online.jpg');background-color: #000;background-size:cover}
.bg-img-internet-streaming {background-image: url('../offerte-fibra-img/banner/internet-streaming');background-color: #000;background-size:cover}
.bg-img-internet-wifi {background-image: url('../offerte-fibra-img/banner/wi-fi-casa.jpg');background-color: #000;}
}
@media (min-width: 769px) {
.btn-offerte-home {top: 450px;left:0px;position: absolute;z-index: 200;text-align:center}
.img-offerte-adsl-casa img {display:inline-block}
.img-mobile-none {display:inline-block}
h3{font-size:22px}
.single-service div {display:block}
.prezzo {margin-top:10px}
.prezzo span {font-size:24px;font-weight:700;line-height:16px;margin-top:10px}
.prezzo .prezzo1 {display:inline-block;font-size:60px;font-weight:700;margin-top:-20px}
.prezzo .prezzo2 {display:inline-block;line-height:30px;font-size:40px;font-weight:700}
.prezzo .prezzo-desc {font-size:16px;}
.approfondimento {padding:20px}
.img-offerte-fibra-open-fiber {background-image: url('../offerte-fibra-img/banner/offerte-fibra-open-fiber.jpg');background-image: url('../offerte-fibra-img/banner/offerte-fibra-open-fiber.webp');background-color: #ccc;}
.img-offerte-adsl-casa {background-image: url('../offerte-fibra-img/banner/offerte-adsl-casa.jpg');background-image: url('../offerte-fibra-img/banner/offerte-adsl-casa.webp');background-color: #ccc;}
.azienda .cta-bg-1 {background-image: url('../offerte-fibra-img/banner/bg-azienda.jpg');background-image: url('../offerte-fibra-img/banner/bg-azienda.webp');background-color: #ccc;}
.bg-img-offerte-adsl-business {background-image: url('../offerte-fibra-img/banner/offerte-adsl-business.jpg');background-image: url('../offerte-fibra-img/banner/offerte-adsl-business.webp');background-color: #ccc;background-size:50%}
/*.bg-img-offerte-fibra {background-image: url('../offerte-fibra-img/banner/offerte-adsl-fibra.webp');background-image: url('../offerte-fibra-img/banner/offerte-adsl-fibra.jpg');background-color: #fff;background-size:40%; height:100%}*/
.bg-offerte-fibra-casa {background-image: url('../offerte-fibra-img/banner/offerte-fibra-ottica.jpg');background-color: #ccc;}
.bg-img-fibra-business {background-image: url('../offerte-fibra-img/banner/offerte-fibra-business.jpg');background-color: #ccc;}
.bg-img-fibra {background-image: url('../offerte-fibra-img/banner/offerte-fibra-casa.jpg');background-color: #ccc;}
.bg-img-copertura-fibra{background-image:url('../offerte-fibra-img/banner/img-copertura-fibra.jpg');background-size:cover;background-color:#333;}
.bg-img-internet-gaming {background-image: url('../offerte-fibra-img/banner/gaming-online.jpg');background-color: #000;}
.bg-img-internet-streaming {background-image: url('../offerte-fibra-img/banner/internet-streaming.jpg');background-color: #000;}
.bg-img-internet-wifi {background-image: url('../offerte-fibra-img/banner/wi-fi-casa.jpg');background-color: #000;}
}
@media (max-width: 768px) {
.serve-aiuto {top:0px;float:right;padding-right:0px;z-index:9999;margin-top:0px;width:70px;height:70px}
.service-area h2 {font-size:20px;padding:0px 0px;letter-spacing:-0.5px}
.offerteAdsl {border-top:1px solid #ff6600}
.offerteAdsl .btn-offerte-home {margin-top:0px;margin-bottom: 20px;}
.btn-offerte-home {margin-top:0px}
.icon-top img {position:relative;z-index:9005;right:20px;top:8px;width:30px}
.sidepanel .panel {color: #fff;line-height: 18px;padding:0px 10px;text-align:center;display:inline-block;vertical-align:top}
.sidepanel {display:none;position:fixed;top:3%;right:-2px;height:55px;padding:0px 0px;border-top-left-radius:8px;border-bottom-left-radius:8px;background:#4cae4c;border:2px solid #4cae4c; z-index:9003;width:60px;position:fixed;overflow: hidden;transition: 0.5s;}
.slider-area .single-slider {height:100%;background-size:100%;background-position:left bottom;background-repeat: no-repeat;position: relative;z-index: 2}
.slider-area .single-slider .slider-content-background {background: #222;width:100%;position:absolute;left:0px;margin:0px 0px;height:100%;z-index: 9;opacity: 0.9;filter: alpha(opacity=90); /* For IE8 and earlier */}
.slider-area .single-slider .slider-content-background-white{background: #fff;border-radius:4px;width:100%;position:absolute;left:0px;margin:0px 0px;height:100%;z-index: 8;opacity: 0.8;filter: alpha(opacity=90); /* For IE8 and earlier */}
/*.slider-area .single-slider-home {height:350px;background-position:-430;background-color:#fff;background-repeat: no-repeat;position: relative;z-index: 2}*/
.slider-area .single-slider .slider-content-background-home {background: 222;position:absolute;top:0px;left:0px;margin:10px;height:100%;z-index: 9;opacity: 0;filter: alpha(opacity=0); /* For IE8 and earlier */}
.slider-area .single-slider .slider-content .slider-btn {text-align:center}
.slider-area .single-slider .slider-content-background-verifica-copertura {background: #fff;width:100%;position:absolute;left:0px;margin:0px 0px;height:95%;z-index: 9;opacity: 0.9;filter: alpha(opacity=90); /* For IE8 and earlier */}
.slider-area .single-slider .slider-content-verifica-copertura .slider-content img {display:none}
.slider-area .single-slider .slider-content-form {margin-top: 20px;background: #fff;padding: 10px;position: relative;z-index: 9;display: inline-block;}
.slider-area .single-slider .slider-content-form label{display:none}
.section-title h3 {font-size: 18px;line-height: 24px;font-weight: 400;}
.openbtn img {width:70% ;margin-bottom:4px;margin-top:0px;margin-left:-6px}
.icon img {width:50px;height:50px;margin-right:15px;margin-top:0px;float:left;vertical-align:middle;}
.slider-area .single-slider .content-copertura{display:none}
.trasparenza {display:none;margin-bottom: 0px;}
.slider-area .contenuto {max-height:260px;background-size:100%;background-repeat: no-repeat;background-position: center bottom;position: relative;z-index: 2}
.slider-area .contenuto img {max-width:70%;}
.slider-area .text-box{width:100%;position:relative;left:0px;top:60px;margin:0px 0px;z-index: 9000;}
.slider-area .text-box img {right: -50px;top: 0px;position: absolute;width:35%;}
.boxed-btn {border-radius:50%;background:#f84500;color: #fff;display: inline-block;padding:5px;font-size: 14px;font-weight: 400;border: 0;border: 1px solid transparent;}
.boxed-btn2 {width:100%;padding: 12px 10px;font-size: 16px;transition: box-shadow .55s;box-shadow: 0 0 0px 0px #777;border-radius:50px;background: #f84500;color: #fff;display: inline-block;font-weight: 400;border:none}
}
@media (min-width: 768px) {
.serve-aiuto {z-index:9999;width:90px;height:90px;margin-top:-10px}
.service-area h2 {font-size:24px;padding:0px 0px;letter-spacing:-0.5px}
.offerteAdsl {border-left:1px solid #ff7700;border-right:1px solid #ff7700;padding:0px 40px}
.offerteAdsl .btn-offerte-home {margin-top:30px;}
.btn-offerte-home {margin-top:0px;}
.icon-top img{display:none}
.sidepanel .panel {padding:10px 10px;line-height: 20px;text-align:center;display:inline-block;vertical-align:top;color:#fff}
.sidepanel {position:fixed;top:25%;right:-2px;height:78px;padding:0px 0px;border-top-left-radius:8px;border-bottom-left-radius:8px;background:#4cae4c;border:2px solid #4cae4c; z-index:3003;width:60px;overflow: hidden;transition: 0.5s;}
.slider-area .single-slider {height:100%;background-size:100%;background-repeat: no-repeat;background-position: center;position: relative;z-index: 2}
.slider-area .single-slider .slider-content-background {background: #222;width:100%;position:absolute;left:0px;margin:0px 0px;height:95%;z-index: 9;opacity: 0.7;filter: alpha(opacity=70); /* For IE8 and earlier */}
.slider-area .single-slider .slider-content-background-white{background: #fff;border: 1px solid #ff6600;border-radius:4px;width:100%;position:absolute;right:0px;margin:0px 0px;height:95%;z-index: 8;opacity: 0.8;filter: alpha(opacity=90); /* For IE8 and earlier */}
/*.slider-area .single-slider-home {height:420px;background-size:55%;background-repeat: no-repeat;background-position:left;position: relative;z-index: 2}*/
.slider-area .single-slider .slider-content-background-home {background: #fff;width:100%;position:absolute;left:0px;margin:0px 0px;height:100%;z-index: 9;opacity: ;filter: alpha(opacity=); /* For IE8 and earlier */}
.slider-area .single-slider .slider-content .slider-btn {position:absolute;bottom:0px;left:0px;}
.slider-area .single-slider .slider-content-background-verifica-copertura {background: #fff;width:100%;position:absolute;left:0px;margin:0px 0px;height:100%;z-index: 9;opacity: 0.9;filter: alpha(opacity=90); /* For IE8 and earlier */}
.slider-area .single-slider .slider-content-verifica-copertura .slider-content img {display:inline-block;width:90%;height:auto;margin-top:-30px}
.slider-area .single-slider .slider-content-form {background: 222;padding: 20px;position: relative;z-index: 9;display: inline-block;}
.slider-area .single-slider .slider-content-form label{display:block}
.section-title h3 {font-size: 24px;line-height: 36px;font-weight: 400;}
.openbtn img {width:65% ;margin-bottom:4px;margin-top:-2px;margin-left:-6px}
.icon img {width:55px;height:55px;margin-right:15px;margin-top:0px;float:left;vertical-align:middle;}
.slider-area .single-slider .content-copertura{display:block}
.trasparenza {display:block;margin-bottom: 20px;}
.slider-area .contenuto {height:400px;background-size:100%;background-repeat: no-repeat;background-position: center;position: relative;z-index: 2}
.slider-area .contenuto img {max-width:60%;}.slider-area .text-box img {right:-70px;top:-50px;position:absolute;width:25%;max-width:150px}
.slider-area .text-box{width:80%;position:relative;left:20px;top:0px;margin:0px 0px;z-index: 9000;}
.boxed-btn2 {max-width:450px;padding: 12px 10px;font-size: 16px;transition: box-shadow .55s;box-shadow: 0 0 0px 0px #777;border-radius:50px;background: #f84500;color: #fff;display: inline-block;font-weight: 400;border:none}
}
@media (max-width: 500px) {
.slider-area .single-slider-home .slider-content-background-white{background: #fff;border-radius:4px;width:100%;position:absolute;left:100px;top:0px;overflow:hidden;margin:0px 0px;height:100%;z-index: 8;opacity: 0.8;filter: alpha(opacity=90); /* For IE8 and earlier */}
.slider-area .text-box{width:100%;position:relative;left:100px;top:0px;margin:0px 0px;z-index: 9000;overflow:hidden}
}
.slider-area .single-slider .slider-content-form .ui-widget {margin-bottom:10px}
.sidepanel span {letter-spacing: -0.4px;font-size:12px;vertical-align:middle;line-height:14px;padding: 6px 4px;}
.sidepanel i {font-size:40px; color:#fff}
.sidepanel div {font-size:11px;line-height:12px;padding-top:5px;text-align:center}
.sidepanel a {text-decoration: none;color: #333;display: block;transition: 0.3s;}
.sidepanel .closebtn {font-size: 30px;color:#444;}
.openbtn {display: inline-block;height: 75px;width: 60px;cursor: pointer;border-top-left-radius: 3px;border-bottom-left-radius: 3px;background: #5cb85c;color: white;padding: 5px 0px 5px 0px;}
.site-section-shadow {height:40px;padding: 0em 0;position: relative;z-index: 1002;box-shadow: 0px 5px 5px 0px rgba(34, 34, 34, 0.2)}
.section-shadow {height:100%;padding: 0em 0;position: relative;z-index: 1002;box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.2)}
.section-top-shadow {height:100%;position: relative;z-index: 1002;box-shadow: inset 0px 15px 18px -5px #bbb,inset 0px -11px 8px -10px #CCC;}
.section-top-shadow-dark {height:100%;position: relative;z-index: 1002;box-shadow: inset 0px 11px 8px -10px #777,inset 0px -11px 8px -10px #777;}
.boxed-btn {background: #ff5e13;color: #fff;display: inline-block;padding: 10px 25px;font-size: 16px;font-weight: 400;border: 0;border: 1px solid transparent;}
.boxed-btn a:focus, a:hover {text-decoration: none;color: #eee;}
.boxed-btn2 a:focus, a:hover {text-decoration: none;color: #888;}
.slider-area .single-slider .slider-content .gaming h3 img {max-width:70%}
@media (max-width: 992px) {
section {margin-top:0px;}
.title {font-size: 18px,sans-serif;color: #444;text-transform: uppercase;margin: 30px 0;font-weight: 900;color:#333;}
.service-area {padding-top: 20px;padding-bottom: 10px;}
.service-area img {width:80px}
.service-area-home .section-title {margin-bottom:0px}
.service-area-home {margin-bottom:20px;padding:5px}
.service-area-home h4 {font-size:16px}
.boxed-btn {text-align:center;width:100%}
.boxed-btn2 {padding: 12px 30px;font-size: 16px;}
.slicknav_menu .slicknav_nav a i {display: inline-block;float:right;padding-top:2px}
.header-area .main-header-area {padding: 10px 0;height: 64px}
.header-area .main-header-area .logo-img {position:absolute;top:5px;left:45%;z-index:9004}
.header-area .main-header-area .logo-img img {max-width:50px}
.header-area .main-header-area .main-menu ul .menuTop {display:block;}
.slider-area .single-slider-home .slider-content h1 {letter-spacing:0px;font-size:22px;font-weight:bold;line-height: 24px;margin:10px 0px}
.slider-area .single-slider-home .slider-content h1 span {font-size:30px;font-weight:600;letter-spacing:-0.5px;}
.slider-area .single-slider-home .slider-content h2 {font-weight:700;font-size:28px;line-height:30px;color:#222;letter-spacing:-0.5px;margin-top:120px;text-align:right}
.slider-area .single-slider-home .slider-content h3 {font-weight: 400;font-size:16px;line-height:20px;margin-bottom:10px;}
.slider-area .single-slider-home .slider-content h4 {font-weight: 400;font-size:16px;line-height:20px;margin-bottom:10px;padding:10px}
.slider-area .single-slider .slider-content .gaming h3 img {max-width:70%}
.slider-area .single-slider .slider-content .gaming h3 {font-weight: 600;font-size:18px;line-height:18px;margin-bottom:10px;color:#fff}
.slider-area .single-slider .slider-content .home h1 {letter-spacing:-1px;font-size:24px;font-weight:bold;line-height: 24px;margin:0px 0px}
.slider-area .single-slider .slider-content .home h1 span {font-size:30px;font-weight:600;letter-spacing:-0.5px;}
.slider-area .single-slider .slider-content .home h2 {font-weight:700;font-size:28px;line-height:30px;color:#222;letter-spacing:-1px}
.slider-area .single-slider .slider-content .home h3 {font-weight: 400;font-size:16px;line-height:20px;margin-bottom:10px;}
.slider-area .single-slider .slider-content .home h4 {font-weight: 400;font-size:16px;line-height:20px;margin-bottom:10px;padding:10px}
.slider-area .single-slider .slider-content h1 {letter-spacing:-0.5px;font-size:24px;font-weight:bold;line-height: 24px;margin:10px 0px;color:#fff}
.slider-area .single-slider .slider-content h1 span {font-size:30px;font-weight:600;letter-spacing:-0.5px;color:#fff}
.slider-area .single-slider .slider-content h2 {font-weight:700;font-size:16px;color:#fff}
.slider-area .single-slider .slider-content h3 {font-weight: 400;font-size:18px;line-height:22px;margin-bottom:10px;color:#fff}
.slider-area .single-slider .slider-content h4 {font-weight: 400;font-size:14px;color: #020c26;line-height:18px;margin-bottom:10px;color:#fff}
.slider-content p, .single-slider .slider-content p {font-weight:600;margin-bottom:5px;line-height:18px;font-size:18px}
.slider-area .single-slider .slider-content p .prezzo {font-size:50px;color:#ff5e13; font-weight:600;line-height:40px}
.slider-area .single-slider .slider-content{border-bottom: 0px solid #fff;padding: 0px 0px 0px 0px;position:relative;z-index:10;display: inline-block;width:100%;}
.slider-area .single-slider .verifica-copertura .slider-content{padding: 10px 0px 30px 0px;position:relative;z-index:10;display: inline-block;width:100%;}
.slider-area .single-slider .verifica-copertura .slider-content h1 {color:#333;letter-spacing:-0.5px;font-size:20px;font-weight:700;line-height: 24px;margin-bottom: 10px}
.slider-area .single-slider .verifica-copertura .slider-content h2 {font-size:18px; font-weight:600;color:#333}
.slider-area .single-slider .slider-content-copertura h3{font-size:18px}
.slider-area .single-slider .slider-content-form h3{font-size:18px;color:#222}
.slider-area .single-slider .slider-content-verifica-copertura .slider-content .form h5{font-size:16px}
.slider-area .single-slider .slider-content-copertura .img-copertura {width:22%;float:right}
.slider-area .single-slider .slider-content-verifica-copertura {width:80%}
.section-padding{padding-top:40px;padding-bottom:40px}.pt-120{padding-top:120px}
.d-md-block {display: none!important;}
.azienda .cta-content h3 {color: #fff;font-weight: 400;margin-bottom: 13px;}
.single-service h4 {font-size:18px;line-height: 20px;font-weight: 400;}
.single-service h4 span{font-size:24px;line-height: 24px;font-weight: 700;}
.single-service h3 {font-size:16px;line-height: 18px;}
.single-service img {text-align:right}
}
.single-slider .slider-content p{font-size: 24px;font-weight:700;margin-bottom:5px;}
.single-slider .slider-content span{font-size: 24px;font-weight:700;}
.faq {min-height:160px;border:1px solid #ff6600; border-radius:4px;margin:20px 0px;padding:15px}
.faq h3, .infoLabel h3 {height:50px;font-size:18px;letter-spacing:-0.5px;border-bottom:2px solid #ff5e13;}
.infoLabel {min-height:160px;border:1px solid #ff6600; border-radius:4px;margin:20px 0px;padding:15px;background-color:transparent;box-shadow: 0 0 5px #777;}
@media (min-width: 992px) {
section {margin-top:50px;}
.title {font-size: 18px;color: #444;text-transform: uppercase;margin: 30px 0;font-weight: 900;color:#333;}
.service-area {padding-top: 60px;padding-bottom: 60px;}
.service-area img {width:80px}
.service-area-home .section-title {margin-bottom:50px}
.service-area-home {margin-top:50px;margin-bottom:50px;padding:50px}
.header-area .main-header-area .logo-img {position:absolute;left:20px;top:5px;z-index:1000}
.header-area .main-header-area .logo-img img {max-width:60px;display:none}
.header-area .main-header-area .main-menu ul .menuTop {display:none;}
.slider-area .single-slider-home .slider-content h2 {font-weight:700;font-size:30px;text-align:left;float:left}
.slider-area .single-slider .slider-content .home h1 {color:#222;letter-spacing:-0.5px;font-size:24px;font-weight:bold;line-height: 24px;margin: 20px 0px 10px;}
.slider-area .single-slider .slider-content .home h1 span {font-size:36px;font-weight:bold;letter-spacing:-0.5px;}
.slider-area .single-slider .slider-content .home h2 {font-weight:700;font-size:36px;color:#222}
.slider-area .single-slider .slider-content .home h3 {font-weight: 500;font-size:22px;line-height:26px;margin-bottom:10px;color:#222}
.slider-area .single-slider .slider-content .home h4 {font-weight: 500;font-size:22px;line-height:30px;margin: 10px 0px;}
.slider-area .single-slider .slider-content h1 {letter-spacing:-0.5px;font-size:24px;font-weight:bold;color:#fff;line-height: 24px;margin: 20px 0px 10px;}
.slider-area .single-slider .slider-content h1 span {font-size:36px;font-weight:bold;letter-spacing:-0.5px;}
.slider-area .single-slider .slider-content h2 {font-weight:700;font-size:32px;color:#fff}
.slider-area .single-slider .slider-content h3 {font-weight: 500;font-size:18px;line-height:22px;margin-bottom:10px;color:#fff;}
.slider-area .single-slider .slider-content h4 {font-weight: 500;font-size:22px;line-height:30px;margin: 10px 0px;color:#fff;}
.slider-content p{font-size: 22px;font-weight:700;text-align:right;margin-bottom:5px;}
.slider-area .single-slider .slider-content p .prezzo {font-size:70px;color:#ff5e13; font-weight:600;line-height:50px}
.slider-area .single-slider .slider-content{padding: 10px 30px 20px 30px;position:relative;z-index:10;display: inline-block;width:100%;}
.slider-area .single-slider .verifica-copertura .slider-content{padding: 20px 30px 0px 30px;position:relative;z-index:10;display: inline-block;width:100%;}
.slider-area .single-slider .verifica-copertura .slider-content h1 {color:#333;letter-spacing:-0.5px;font-size:28px;font-weight:700;line-height: 24px;margin-bottom: 10px;}
.slider-area .single-slider .verifica-copertura .slider-content h2 {font-size:24px; font-weight:600;color:#333}
.slider-area .single-slider .slider-content-copertura h3{font-size:22px}
.slider-area .single-slider .slider-content-form h3{font-size:18px;color:#}
.slider-area .single-slider .slider-content-verifica-copertura .slider-content .form h5{font-size:18px}
.slider-area .single-slider .slider-content-copertura .img-copertura {width:18%;float:right}
.slider-area .single-slider .slider-content-verifica-copertura {width:100%}
.section-padding{padding-top:80px;padding-bottom:80px}.pt-120{padding-top:120px}
.d-md-block {display: block!important;}
.azienda .cta-content h3 {font-size:30px;line-height: 36px;color: #fff;font-weight: 400;margin-bottom: 13px;}
.single-service h4 {font-size:18px;line-height: 20px;font-weight: 700;}
.single-service h4 span{font-size:24px;line-height: 24px;font-weight: 700;}
.single-service h3 {font-size:20px;line-height: 20px;}
.single-service img {text-align:right}
}
.slider-area .single-slider .slider-content p {color: #ff5e13;font-size: 16px;font-weight:700;}
.bullet li {list-style-type: disc;margin-left: 20px;}
.bullet li:before {padding-right: 8px;color: blue}
.router a {color:#ff6600;}
.slider-area .single-slider .slider-content div {line-height: 20px;color: #ff5e13;font-size: 16px;font-weight:500;margin-bottom:5px;}
.slider-area .single-slider .slider-content div .prezzo {font-size:45px;font-weight:700;line-height:50px;letter-spacing:-3.5px}
.slider-area .single-slider .slider-content ul li {display:inline-block;text-align:left;vertical-align:middle}
.boxed-btn {transition: box-shadow .55s;box-shadow: 0 0 5px 0px #777;background: #ff5e13;color: #fff;border-radius:50px;display: inline-block;padding: 12px 15px;font-size: 15px;font-weight: 400;border:none}
.contenuto .card-content button {
text-align:center;
position: relative;
bottom: 20px;
}
.contenuto ul li {
font-size:16px;
margin-left: 25px;
margin-bottom:5px;
line-height:20px;
}
.contenuto ul {
list-style: none; /* Remove default bullets */
}
.contenuto ul li::before {
content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
font-size:24px;
color:#ff5e13; /* Change the color */
font-weight: bold; /* If you want it to be bold */
display: inline-block; /* Needed to add space between the bullet and the text */
width: 1em; /* Also needed for space (tweak if needed) */
margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.contenuto div img {
text-align:center;
}
.contenuto .prezzo {
font-size: 45px;
font-weight: 700;
line-height: 30px;
letter-spacing: -3.5px;
}
.azienda .cta-content {display: block;background: #ff5e13;position: relative;padding: 38px 20px 84px;}
.azienda {padding-top: 45px;padding-bottom: 55px;}
.azienda p {color:#fff;font-size:18px;line-height:20px;}
.azienda .cta-btn{position:absolute;bottom:20px}
.white-bg{background:#ffffff}
.dark-gray-bg {background:#444444}
.gray-bg{background:#ededed}
.bg-primary {background-color: #ff5e13!important;color:#fff}
.border-primary {border-color: #ff5e13!important;}
.bg-light-grey {background:#f4f4f4}
.black-bg {background: #ff9900;
background: -moz-linear-gradient(45deg, #ff9900 0%, #ff8800 25%, #ff5e13 50%, #ff5e13 75%, #dc2743 100%);
background: -webkit-linear-gradient(45deg, #ff9900 0%,#ff8800 25%,#ff5e13 50%,#ff5e13 75%, #dc2743 100%);
background: linear-gradient(45deg, #ff9900 0%,#ff8800 25%,#ff5e13 50%,#ff5e13 75%,#dc2743 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#dc2743',GradientType=1 );}
.form-inline .form-control {display: inline-block;width:100%;vertical-align: middle;border:2px solid #ff7700;}
.form-inline label {align-items: left;justify-content:none;text-align:left;float: left;}
.btn-primary {color: #fff;background-color: #ff5e13;border-color: #ff6600;}
.text-primary {color: #ff5e13!important;}
.overlay{position:relative;z-index:0}
.overlay::before {position:absolute;content:"";background-color:#020c26;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0.851}
.overlay2{position:relative;z-index:0}.overlay2::before{position:absolute;content:"";background-color:#020c26;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0.5}
.privacy h3 {border-bottom: 3px solid #ff6600;padding:5px}
.s-company h1 {color:#fff; font-weight:500; text-transform:uppercase; margin-bottom:10px; text-align:left; font-size:24px;line-height:24px}
.s-company h2 {color:#fff; font-weight:700; text-transform:uppercase; margin-bottom:15px; text-align:left}
.s-company h3 {color:#fff; font-weight:700; text-transform:uppercase; margin-bottom:10px; text-align:left}
.text-muted {color:#777;}
.text-primary {color:#ff7700}
section.s-company, .content-section-a {padding-top:50px; padding-bottom:40px}
section.s-company h4 {line-height:24px; font-weight:300; text-align:left; text-transform:uppercase; color:#fff}
section.s-company .section-heading{font-size:24;font-weight:600;}
h3.section-subheading {font-size:18;font-weight:700;}
.owl-carousel .owl-nav div{background:transparent;height:65px;left:0px;line-height:65px;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:65px;font-size:16px;color:#fff;border:1px solid #363d4f}
.owl-carousel .owl-nav{position:relative}
.owl-carousel .owl-nav div.owl-next{left:86px;right:auto}
.owl-carousel .owl-nav div.owl-prev i{position:relative;right:2px}
.owl-carousel:hover .owl-nav div{opacity:1;visibility:visible}
.owl-carousel:hover .owl-nav div:hover{color:#ff5e13}
.owl-carousel .owl-item img {display:inline;width: width:100%;}
.footer-area .copyright_part_text {background-color: transparent;padding: 22px 15px;margin-top:0px;}
.footer-area .single-footer-widget h4 {margin-bottom: 23px;font-weight:500;font-size: 18px;color:#fff}
.footer-area .single-footer-widget .logo {max-width:80px;text-align:right}
.footer-area .single-footer-widget {font-size: 12px;color:#fff}
.footer-area .single-footer-widget .social-links ul li {display: inline-block}
.footer-area .single-footer-widget .social-links ul li img {width:30px;margin-top:-6px}
.footer-area .single-footer-widget ul li {margin-bottom:10px}
.footer-area .single-footer-widget ul li a {color:#fff;font-size: 14px;font-weight:normal}
.footer-area .single-footer-widget img {width:120px;height:auto}
.footer-area .copyright_part_text p {color: #f4f4f4;font-size: 14px;font-weight: 400;}
.card img {border: 0;text-align:center;vertical-align: middle;padding:10px;}
.card .thumb {overflow:hidden;text-align:center;margin-top:10px;padding: 0px 40px;}
.card {background: white;margin-bottom: 2em; }
.card a {color: black;text-decoration: none;}
.card-content {padding: 1.3em;}
.card-content h2 {margin-top: 0;margin-bottom: .5em;font-weight:700;text-align:left;font-size:20px;}
.card-content h3 {height:40px;font-size:16px;font-weight:600;}
.card-content ul {margin: 10px;}
.card-content ul li {font-size:14px;padding:2px;line-height: 16px;list-style-type:none;margin-left:0px;width:100%}
.card-content ul li span {font-weight:600; float:right;margin-right: 10px;}
.card-content p {font-size:14px;padding:0px;line-height: 16px;}
.card-content button {float:right;position: absolute;bottom: 20px;}
.card-offerte-internet h3 {font-size:18px;padding:2px;line-height: 18px;font-weight:600}
.circle-tile-description {padding:0px;font-size: 16px;text-align:left;padding: 20px 0px;}
.circle-tile-heading {position:relative;width:100px;height:100px;margin:0 auto -40px;padding:10px;border: 2px solid #666;border-radius: 100%;color: #333;transition: all ease-in-out .3s;}
.circle-tile-content a {color: #333;}
/* Flexbox stuff */
.cards {display: flex;flex-wrap: wrap;}
.card {flex: 1 0 400px;box-sizing: border-box;margin: 1rem 1em;}
.card .btn {color:#fff}
/* Flexbox card */
.my-flex-card > div > div.card {height: calc(100% - 15px);margin-bottom: 35px;padding:20px;}
.card {position: relative;background:#ededed;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;-webkit-background-clip: border-box;background-clip: border-box;border: 0px solid rgba(0,0,0,.125);}
@media (max-width: 768px){
body .contenuto h1{font-size:24px;font-weight:600;letter-spacing:-1px;padding:20px 0px 0px 0px}
body .slider-area .contenuto .slider-content h2 {font-weight: 700;font-size: 24px;}
body .slider-area .contenuto .slider-content h3 {font-weight: 500;font-size: 20px;}
body .slider-area .contenuto .slider-content p {font-weight: 400;font-size: 18px;line-height:22px;color:#ff5e13;text-align:left}
}
@media (min-width: 768px){
body .contenuto h1{font-size:30px;font-weight:600;letter-spacing:-1px;padding:20px 0px 0px 0px}
body .slider-area .contenuto .slider-content h2 {font-weight: 700;font-size: 32px;}
body .slider-area .contenuto .slider-content h3 {font-weight: 500;font-size: 18px;}
body .slider-area .contenuto .slider-content p {font-weight: 400;font-size: 16px;line-height:22px;color:#ff5e13;text-align:left}
}
body .contenuto {font-size:16px}
body .contenuto h2{font-size:20px}
body .contenuto h3{font-size:18px}
body .contenuto h4{font-size:18px}
.contenuto p {
font-size: 14px;
line-height: 22px;
margin-bottom: 13px;
color: #333;
}
.contenuto .boxed-btn {
text-align: center;
width:auto;
background:#ffffff;
color:#ff5e13;
font-weight:700;
}
.contenuto ul li div{font-size:16px;line-height:18px;color:#333;border-radius:5px;border:2px solid #ff5e13;width:100%;margin-bottom:10px}
.contenuto .card {position: relative;background:#ff5e13;color:#fff;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;-webkit-background-clip: border-box;background-clip: border-box;border: 0px solid rgba(0,0,0,.125);}
.contenuto .card-header {min-height:80px;padding: .75rem 1.25rem;margin-bottom: 0;background-color: rgba(0,0,0,.03);border-bottom: 1px solid rgba(0,0,0,.125);}
.contenuto .btn-link, .contenuto .card .card-body p {color: #fff;}
.contenuto .btn-link ::after{color: #fff;}
.atto_image_button_text-bottom {vertical-align: text-bottom;margin: 0em;}
.caret {
color:#fff;
position: absolute;
top:12px;
right: 15px;
width: 0;
height: 0;
margin:10px 0px 0px 0px;
vertical-align: middle;
border-top: 8px dashed;
border-top: 8px solid\9;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
@media (min-width: 991px){
.card {margin: 1em 3em ;}
}
@media (min-width: 768px){
.card {margin: 1em 0.5em ;}
}
#supporto h1 {font-size:30px;font-weight:700;letter-spacing:-0.5px;}
#supporto h2 {font-size:24px;font-weight:700;letter-spacing:-0.5px;margin:12px;padding:5px 0px}
#supporto h3 {font-size:18px;}
.assistenza-commerciale{padding:0px;border:2px solid #888;}
.assistenza-tecnica-amministrativa{padding:0px;border:2px solid #ff7700;}
.card-body {flex: 1 1 auto;min-height: 1px;padding: 0.50rem;}
.card img, .card-block a img {padding:0px 2.8%;text-align:center;}
.card-title {font-weight:600;margin-top:20px;}
.card .card-footer {position:absolute;bottom:0px;margin: 15px 0px;padding: 0rem 0rem;background-color: rgba(0,0,0,.0);border-top: 0px solid rgba(0,0,0,.125);}
.card .card-btn{position:absolute;bottom:0px;margin: 15px 0px;}
.thumb-cpe img{max-width:200px}
@media (max-width: 768px) {
.slider-area .single-slider .slider-content-background-copertura {display:none;background: #222;width:360px;position:absolute;bottom:0px;left:0px;margin:0px 0px;height:100%;z-index: 9999;opacity: 0.8;filter: alpha(opacity=80); /* For IE8 and earlier */}
.slider-area .single-slider .slider-content-copertura {padding:30px;background: #222;color:#fff;width:auto;position:relative;top:0px;left:0px;margin:0px 0px;z-index: 9999;}
.slider-area .single-slider .slider-content-verifica-copertura {letter-spacing:-0.5px;padding:0px;background: #fff;color:#333;width:auto;position:relative;bottom:0px;left:0px;margin:0px 0px;height:100%;z-index: 9999;}
.slider-area .single-slider .slider-content-verifica-copertura .form {margin-top:-55px;}
.slider-area .single-slider .slider-content-verifica-copertura .form h5{font-size:14px}
.slider-area .iframe-copertura {height:520px;border:0;z-index:8999;display:none}
.footer-area {background:#656565;color:#fff;padding: 20px 0px 0;position: relative;border-top:5px solid #ff9900}
.slider-area .single-slider .blocco-prezzo{margin-top:0px;}
}
@media (min-width: 769px) {
.slider-area .single-slider .slider-content-background-copertura {background: #222;width:40%;position:absolute;bottom:0px;right:200px;margin:0px 0px;height:100%;z-index: 9000;opacity: 0.8;filter: alpha(opacity=80); /* For IE8 and earlier */}
.slider-area .single-slider .slider-content-copertura {position:absolute;background:transparent;bottom:0px;right:200px;padding:10px;color:#fff;width:40%;margin:0px 0px;z-index: 9000;font-size:16px;font-weight:300}
.slider-area .single-slider .slider-content-verifica-copertura {position:absolute;background:transparent;top:0px;right:0px;padding:0px;color:#333;width:60%;margin:0px 0px;z-index: 9000;font-size:16px;font-weight:300}
.slider-area .single-slider .slider-content-verifica-copertura .form {margin-top:0px;}
.slider-area .single-slider .slider-content-verifica-copertura .form h5{font-size:16px;letter-spacing:-0.3px}
.slider-area .iframe-copertura {height:540px;border:0;z-index:8999}
.footer-area {background:#656565;color:#fff;padding: 80px 0px 0;position: relative;border-top:5px solid #ff9900}
.slider-area .single-slider .blocco-prezzo{margin-top:20px;}
}
.section-faq .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.section-faq .row > [class*='col-'] {
display: flex;
flex-direction: column;
}
.faq {
height:100%;
}
.faq ul li h3 a:before {font-weight: 500;font-size: 14px;font-family: FontAwesome;content: "\f054";padding: 15px 0px;-webkit-transition-duration: 500ms;transition-duration: 500ms;color:#ff8800;}
.faq h3{font-weight: bold}
.faq ul li {margin-left:15px}
.btn-link:hover, .btn-link.focus, .btn-link:focus {text-decoration:none;color:#ff9900}
.btn-link {font-size: 18px;line-height:18px;font-weight: 500;text-align: left;color: #f84500;background-color: transparent;border: none;text-decoration: none;}
.configurazione-router img {max-width:350px}
.card {flex: 1 0 300px;box-sizing: border-box;margin: 1rem 1em;}
.card-content h3 {height:auto;}
.quartieri {color:#222}
.quartieri ul li {list-style-type:disc;margin-left: 15px;text-indent: -0.5em;color:#222}
.quartieri h5 {font-size:14px;font-weight:700;color:#222}
.quartieri h2 {font-size: 20px;font-weight:600;color:#222}
.quartieri h3 {font-size:16px;color:#222}
.quartieri h4 {letter-spacing:-0.8px;;color:#222;font-size:18px;}
.quartieri .thumb img {height:150px;width:auto}
.quartieri .thumb img.bollino {width:70px;height:auto}
strong {font-weight: 700;}
@media (min-width: 768px) {
.slider-area .single-slider .copertura{
height:530px
}
}
@media (max-width: 769px) {
.slider-area .single-slider .copertura{
height:500px
}
}
@media (max-width: 768px){
.slider-area .single-slider-home {
height: 468px;
background-position: -70px 0px;
background-color: #242230;
background-repeat: no-repeat;
position: relative;
z-index: 2;
}
.bg-img-offerte-fibra {
background-image: url('../offerte-fibra-img/banner/offerte-internet-casa.jpeg');
background-size:250%;
}
.slider-content-form {margin-top: 0px;background: #fff;padding: 10px;position: relative;z-index: 9;display: inline-block;
}}
@media (min-width: 768px){
.btn-offerte-home {
background:#fff;
top: 400px;
left: 0px;
position: absolute;
z-index: 200;
text-align: center;
transition: box-shadow .55s;
box-shadow: 0 0 5px 0px #bbb;
}
.slider-area .single-slider-home .slider-content h2 {
font-weight: 700;
font-size: 28px;
line-height: 30px;
color: #222;
letter-spacing: -0.5px;
margin-top: 10px;
text-align: left;
}
.slider-area .single-slider-home {
height: 350px;
background-color: #242230;
background-size: 95%;
background-repeat: no-repeat;
background-position: 0px;
position: relative;
z-index: 2;
}
.bg-img-offerte-fibra {
background-image: url('../offerte-fibra-img/banner/offerte-internet-casa.jpeg');
/*background-color: #232230;*/
background-size: 40%;
height: 100%;
}
.slider-area .single-slider-home .slider-content-background-white {
background: #fff;
border: 0px solid #f84500;
border-radius: 4px;
width: 80%;
position: absolute;
left: 20px;
margin: 0px 0px;
height: 95%;
z-index: 8;
opacity: 0.8;
filter: alpha(opacity=90);
}
.slider-content-form {margin-top:30px;
}}
.slider-content-form .ui-widget {margin-bottom:5px;padding: 10px;}
@media (min-width: 1200px){
.btn-offerte-home {
background:transparent;
top: 450px;
left: 0px;
position: absolute;
z-index: 200;
text-align: center;
transition: box-shadow .55s;
box-shadow: 0 0 0px 0px #bbb;
}
.slider-area .single-slider-home {
height: 450px;
background-color: #242230;
background-size: 65%;
background-repeat: no-repeat;
background-position: 0px;
position: relative;
z-index: 2;
}
.bg-img-offerte-fibra {
background-image: url('../offerte-fibra-img/banner/offerte-internet-casa.jpeg');
background-color: #232230;
background-size: 40%;
height: 100%;
}
.slider-area .single-slider-home .slider-content-background-white {
background: #fff;
border: 0px solid #f84500;
border-radius: 4px;
width: 80%;
position: absolute;
left: 20px;
margin: 0px 0px;
height: 95%;
z-index: 8;
opacity: 0.8;
filter: alpha(opacity=90);
}
.slider-area .single-slider .slider-content-form {background-color:transparent;padding: 20px;position: relative;z-index: 9;display: inline-block;
}}
.slider-area .single-slider::before {
position: absolute;
content: "";
background: #777;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: .2;
}
.slider-area-home .single-slider::before {
position: absolute;
content: "";
background: #eee;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: .3
}