#header .header-overlay {
    background-color: rgba(0,0,0,0);
}

#header .header-content .header-form {
    background-color: rgba(255,255,255,.95) !important;
    font-size: 12px;
    font-weight: 400;
}

#header .nav {
	height: auto;
}


#header .nav > li {
	/*padding: 7px 25px !important;*/
}

input {font-weight: 400;}

.titleoffer { color: #ffffff !important; text-transform: uppercase; font-size: 2.3em !important; margin-bottom: 0px !important; }

.sub-titleoffer {
    font-size:24px;display: inline-block;margin-bottom: 20px; color: #ffffff !important; font-weight: 600;
    /*font-family: roboto;*/
    font-family: "HK Grotesk", sans-serif;
}

.price {
    background:none !important;
    text-shadow: none !important;
    color:black !important;
   /* font-size:67px; */
    text-align:left;
    max-width: 430px;
    margin:15px auto 15px 0;
    padding-top: 25px;
}

#header .navbar-brand img, #navigation_affix .navbar-brand img {
    height: 45px !important;
}

#header .header-content .header-form form input[type="text"], #header .header-content .header-form form input[type="email"] {
    border: 1px solid #ccc !important; color: #666 !important;border-radius: 20px;
}

#header .header-content {
    color: #FFF;
    padding: 0px 0px 30px;
    background-repeat: no-repeat;
    background-size: 100%;
    background: linear-gradient(-60deg, #192729 0%, #192728 40%, #408b23 40%, #76b638 80%) !important;
	/*background-image: linear-gradient(-60deg, #192729 0%, #192728 40%, #f8c101 40%, #f8c101 100%) !important;
    background-image: url("/fastweb-business/images/sfondo.png");*/
}

#header .header-content .header-txt {
        padding:0 !important;
        text-align: left !important; }

.deskprice1 {
    font-size:90px;
	color:#ffffff;
    font-weight:700
}
.deskprice2 {
    font-size:50px;
    font-weight:700;
	color:#ffffff;
}

.etichetta {
    display: inline-block;
    margin-left: 34px;
    position: absolute;
    letter-spacing: 0px;

}

.btn-custom, input[type="button"], input[type="submit"], input[type="reset"], button {
    background-color: #f8c101;
    color:#192729 !important;
}

.btn-custom:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
    background-color: #192729;
    color:#f8c101 !important;
}


.etichetta .so {
    width: auto;
    float: left;
    line-height: 22px;
    font-size: 14px;
    font-weight: 900;
    background-color: #2c2c2c;
    color: #FDC400;
    padding: 0 8px;
    margin-left: 20px;
    position: relative;
}

.etichetta .entro {
    width: auto;
    float: left;
    line-height: 22px;
    font-size: 14px;
    font-weight: 900;
    background-color: #fff;
    color: #192728;
    padding: 0 8px;
    clear: both;
    margin-top: -1px;
    position: relative;
}

.featpromo {
    background: url(../images/promomob-shape-dsk.svg) no-repeat 0 0;
    width: 311px;
    height: 106px;
    text-align: center;
    margin: 20px auto -10px;
    margin-top: 29px;
    font-size: 15px;
    color:white;
}

.featpromonew {
    display:inline-block;
    margin:10px auto 10px auto
}

.spot_features {
    height: 64px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-size: 14px;
    line-height: 1.1;
    background:#333;
}
.spot_features .feature {
    font-size: 28px;
    font-weight: 900;
}

.featpromo .promo {
    line-height: 35px;
    background: #fdc200;
	color:#192728;
}
.featpromo .promo .n_tag {
    background-image: linear-gradient(to right,#e93323 46%,#7900b5 100%);
    font-size: 13px;
    padding: .1em .8em;
    border-radius: 100px;
	color:#fff
}

.hilite_grd {
    background-image: linear-gradient(to right,#ff8b00,#fdc400);
    -webkit-background-clip: text;
    color: transparent;
}
.stick1 {
    margin-top: 20px !important;
}
.titleoffer {
    margin-top: 10px !important;
    /*margin-bottom: 10px !important;
*/
}

#header .header-content .header-txt h1{
    font-size: 50px !important;
    line-height: 45px;
    font-weight: 600;
    margin: 0px;
    /*font-family: Roboto;*/
    font-family: "HK Grotesk", sans-serif;
}
.valign {margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

#pricebox {margin:0 auto;display:inline-block;width:80%}
.header-form {margin-top:50px}



@media only screen and (max-width:480px) {
    .stick1 {
        width: 70% !important;
    }
    .titleoffer {
        font-size: 23px !important;
        margin-top:-15px !important;
    }
    .sub-titleoffer {
        font-size:14px !important;
    }
    .boxservices2 {
        border: 0!important;
    }
    .boxservices3 {
        border: 0!important;
    }
    .tplist {
        font-size: 14px !important;
    }

    .list-features {
        padding: 0px 8px !important;
    }

    #header .navbar-brand img, #navigation_affix .navbar-brand img {
        height: 45px !important;
        max-height: 45px !important;
    }

    #header .header-content {
        color: #FFF;
         padding:0;
        background-image: none;
    }
    .price {
        font-size:50px !important;
        text-align: left;
        margin:0px auto 0px 0;
    }
    .xsempre {
        top: -2px !important;
        font-size: 15px !important;
    }
    .pricefix {
        font-size:16px !important;
        margin:0 !important;
    }
    .badge-xmas {
        width:150px !important;
    }
    .titleoffer2 {
        font-size:28px !important;
    }
    .titleoffer3 {
        font-size: 28px !important;
        margin-left: 0!important;
    }
    .titleoffer4 {
        font-size: 28px !important;

    }
    .off2 {
        display: inline-block;
        margin-left: 0!important;
    }
    .imgsim {
        width: 56px !important;
        position: absolute !important;
        right: 0 !important;
        top: 52px !important;
        margin-right: 22px !important;
    }
    .deskprice1 {
        font-size: 75px !important;
        margin-left: 4%;
    }
    .prezzofisso {

        font-size: 13px !important;
        margin-top: -3px!important;
        margin-left: 7%;
    }
    #header .header-content .header-txt {
              padding-bottom: 0;
          }
    .yellow {
        font-size:15px !important;
    }
    .desc_mob {
        text-align:center;
    }
    .myfastweb2 {
        text-align: center;
        margin-top: 29px;
    }
    .imgMyFastweb {
        width:90%;
    }
    .block-features img {
        width:180px !important;
    }
    .allfeatures {
        margin-left:-3% !important;
        padding-top: 0 !important;
    }
    
    .price-align { text-align: center; }
	.titleoffer { font-size: 2em !important; }
	.sub-titleoffer {
    font-size:1.5em !important;
}

}
@media only screen and (min-width:2300px) {
    .header-content {
        background-size:105% !important;
    }
}

@media only screen and (min-width:1501px) and (max-width:2150px) {
    .header-content {
     background-position: 35%;
    }

}

@media only screen and (min-width:1200px) and (max-width:1500px) {
    .header-content {
        background-position: 42%;
    }

}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .container {
        width: 97% !important;
    }
}

@media only screen and (min-width:992px) and (max-width:1100px) {
    .yellow {
       font-size:17px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .container {
        width: 97% !important;
    }
    .green {
        position: absolute;
        left: 500px !important;
        top: 700px !important;
        display: flex;
    }
}

@media only screen and (min-width: 469px) and (max-width: 768px) {
    #header .header-content {
        color: #FFF;
        padding: 0 !important;
        margin-top: -1px;
    }

    #header .header-content .header-txt {
        padding:0 !important;

    }
    .xsempre {
        top:5px !important;
    }
    .prezzofisso {
        margin-top:-5px !important;
    }
    .desc_mob {
        text-align:center;
    }
    .myfastweb2 {
        text-align: center;
        margin-top: 29px;
    }
    .myfastweb2 > div.testo > ul {
        list-style:none;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .stick1 { width: 100% !important; }
    .titleoffer3 {
        margin-top: -10px !important;
        font-size: 29px !important;
        display: block !important;
    }
    .xsempre {
        top:5px !important;
    }
    .prezzofisso {
        margin-top:-5px !important;
    }
    .price {
        max-width: 90% !important;
    }
    #header .header-content .header-txt {
         padding-top: 0 !important;
     }

 }


@media only screen and (max-width:1199px) {
    .header-content {
        	/*
		background-color: #fdc400;
        	background-image: none !important;
		/**/
    }

}

@media only screen and (min-width: 512px) {
    .timer-badge {
        background: url(../images/badge-timer.svg) no-repeat 0 0;
        font-size: 16px;
        width: 443px;
        height: 46px;
        line-height: 46px;
        padding: 0 25px 0 55px;
        color:black;
        font-weight: 600;
        /*margin: 0 auto;*/
        margin-bottom: 20px;
    }
    .timer-badge .gift {background: url(../images/gift.svg) no-repeat 0 0;}
}
@media only screen and (max-width: 511px) {
    .timer-badge {
        background: url(../images/badge-timer.svg) no-repeat 0 0;
        font-size: 12px;
        width: 99%;
        height: 46px;
        line-height: 46px;
        padding: 0 25px 0 55px;
        color:black;
        font-weight: 600;
        margin: 0 auto;
    }
    .timer-badge .gift {background: url(../images/gift.svg) no-repeat 0 0;}
}
@media only screen and (max-width: 375px) {
    .timer-badge {
        font-size: 10px;
    }
}

.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#7ac142;fill:none;animation:stroke .6s cubic-bezier(0.65,0,0.45,1) forwards}
.checkmark{width:56px;height:56px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;margin:5% 0;box-shadow:inset 0 0 0 #7ac142;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;transform:scale(2)}
.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(0.65,0,0.45,1) .8s forwards}
@keyframes stroke {
100%{stroke-dashoffset:0}
}
@keyframes scale {
0%,100%{transform:none}
50%{transform:scale3d(1.1,1.1,1)}
}
@keyframes fill {
100%{box-shadow:inset 0 0 0 30px #7ac142}
}

.stick1 {background:#30cd00; color:white; text-transform:uppercase;padding:6px;margin: auto; margin-bottom: 25px;width:60%; font-weight: 600;}
.xsempre {
    font-size: 13px;
    position: absolute;
    top: -15px;
    left: 60px;
    color: #ffffff;
    letter-spacing: 0;
    display: block !important;
    width: 100%;
    font-weight: 500;
}
.prezzofisso {display:block;color:#192728;font-size:13px;margin-top:-10px;letter-spacing: 0;}

.box_lft {float:left;width:30%;text-align:center; margin-bottom:20px}
.box_lft img {width:100%}
.box_rgt {float:left;width:60%;/*margin-bottom:30px*/}

.eni{width:250px;margin-left:-20px}

@media only screen and (max-width: 511px) {
	.thankyou {padding:60px 30px 100px 30px;text-align:center}
    .checkmark {margin:5% auto 20% auto}
    
    .stick1 {width:80% !important; font-weight: 600;}
    .titleoffer {line-height:1.2em !important}

    #pricebox {margin-top:15px;display:inline-block;width:100%}
    .deskprice1 {font-size:80px !important}
    .deskprice2 {font-size:40px !important}

    .xsempre {font-size:12px !important; position:absolute;top:0; left: 100px; color:#555;letter-spacing:0;}
    .prezzofisso {display:block;color:#192728;font-size:13px !important;margin-top:-10px;letter-spacing: -0.5px;line-height:1.5em !important;padding:10px 0 20px 0}
    .featpromonew {margin-bottom:30px}

    #footer {padding-bottom:80px}

    .box_lft {float:left;width:30%;text-align:left;margin-left:5%;margin-right:5%}
    .box_lft img {width:80px}
    .box_rgt {float:left;width:60%;margin-bottom:10px; }

    .eni{width:200px;margin-left:-20px}

    #fibra {display:none}

}

.bollinoAGCOM_FR {
    border-radius: 50%;
    font: 5px/1 arial;
    display: inline-block;
    width: 32px;
    height: 32px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    margin: 0 8px;
    letter-spacing: normal;
    background: #109e54;
}

.bollinoAGCOM_FR span {
    font-weight: 700;
    font-size: 2.5em;
    line-height: 1;
    margin-top: 0.5em;
    display: block;
}

.list-features {
    background: #FFF;
    border-radius: 20px;
    padding: 0 12px;
    margin-right: 10px;
}
.tplist {
    font-size:18px; margin-bottom: 20px !important; color: #ffffff;padding-left: 0px !important; line-height: 1.7;font-weight: 400;
}


.check {
    font-size: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #f8c101;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
}

li.empty{
    list-style-type: none;
}

@media only screen and (max-width: 768px) {
    #header .header-content .header-txt h1 {
        font-size: 30px !important;
    }

    .sub-titleoffer {
        font-size: 18px !important;
    }

    .tplist {
        font-size: 13px !important;
    }
    .xsempre{
        color: #ffffff !important;
        left: 70px;
    }
    .voucher{

        font-size: 13px !important;
    }
    .titoloA{
        display: none;
    }
    .titoloB {
        font-size: 17px !important;
        padding: 10px;
        display: grid;
    }
    .testo{
        text-align: initial;
    }
    #footer{
        padding-bottom: 100px !important;

    }
    .box_lft{
        width: 26%;
        margin-left: 1%;
    }
    .box_lft img{
        width: 110px;
    }
    .row{
        padding-bottom: 20px;
        text-align: left;
    }
    .price-align{
        display: none;
    }
    .testo{
        padding: 10px;
    }
    .green{
        display: none;
    }
    .bollinoAGCOM_FR{
        width: 25px;
        height: 25px;
    }
    .bollinoAGCOM_FR span{
        margin-top: 0.2em;
    }
    .text-descr1{
        margin-left: 10px;
    }
}


.titoloA{
    font-size: 14px;
    font-weight: 600;
    margin-top:10px;
}
.titoloB{
    font-size: 16px;
    font-weight: 600;
}
#header .navbar{
    padding: 15px 0px !important;
}

#footer{
    padding:10px 0px;
}

.green{
    position: absolute;
    left: 530px;
    top: 30px;
}

.voucher{
    font-size: 15px;font-weight: 800;color:#fff;display: inline-block;margin-top:20px;
}



.txt-desc {
    margin: 0px 0px 5px !important;
}

.text-b {
    font-size: 12px !important;
}

.btn-medium {
    border-radius: 50px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
#modale{
    background-color: #000 !important;
    color: #fff !important;
}

#footerCenter{
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

#navigation_affix.show{
    height: 70px !important;
}

@media (min-width: 768px){
    .bannerquixa {
        max-width: 415px;
        background-color: #004b93;
        display: flex;
        transform: skewX(-7deg);
        border-radius: 8px;
    }
}

.bannerquixa .text {
    padding: 8px 20px 8px 140px;
    flex: 1 1 70%;
    transform: skewX(7deg);
}

.bannerquixa:after {
    content: '';
    background: url(../images/img-logo-quixa.svg) center 8px no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 120px;
    background-size: 80px auto;
    transform: skewX(7deg);
}
.bannerquixa:before {
    content: '';
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 120px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

@media (max-width: 767.9px) {
    .bannerquixa {
        max-width: 420px;
        font-size: 13px;
    }
    .bannerquixa:after {
        background-position: center;
    }
    .indicazione {
        font-size: 9px !important;
        margin-left: 10px !important;
    }
    .voucher-sm{
        font-size:16px !important;
    }
}
.quixa{
    margin-top: 16px;
}
.bannerquixa {
    background-color: #004b93;
    display: flex;
    transform: skewX(-7deg);
    border-radius: 8px;
}

.apartireda {
    font-size: 13px;
    position: absolute;
    top: 0;
    left: 110px;
    color: #ffffff;
    letter-spacing: 0;
    display: block !important;
    width: 100%;
    font-weight: 500;
}

.indicazione{
    font-size: 10px;font-weight: 800;color:#ffffff;display: inline-block;margin-left: 50px;
}

body{
    font-family: "HK Grotesk", sans-serif;
}
html{
    font-family: "HK Grotesk", sans-serif;
}