/*
WCS custom styles:
use classes with the prefix: .wcs-
*/


@font-face {
    font-family: 'PeridotPERegular';
    src: url('../fonts/PeridotPE-Regular.woff2') format('woff2'),
         url('../fonts/PeridotPE-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PeridotPEBold';
    src: url('../fonts/PeridotPE-Bold.woff2') format('woff2'),
         url('../fonts/PeridotPE-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PeridotPESemiBold';
    src: url('../fonts/PeridotPE-SemiBold.woff2') format('woff2'),
         url('../fonts/PeridotPE-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'BTCosmoBold';
    src: url('../fonts/BTCosmo-Bold.woff2') format('woff2'),
         url('../fonts/BTCosmo-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



body.wcs-locked{
    overflow:hidden;
}


.wcs-custom-page{
    position:relative;
    font-size:18px;
    color:#3D5265;
    font-family: 'PeridotPERegular';
    text-align: center;
    overflow: hidden;
}

.wcs-network *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.48px;
}

.wcs-custom-page strong{
    font-weight: normal;
    font-family: 'PeridotPEBold';
}


.wcs-clear{
    clear:both;
}

.wcs-custom-page img{
    width: auto;
    max-width: 100%;
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */



.wcs-hero{
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
}

.wcs-hero .wcs-bg{
    max-width: 1440px;
    margin: 0 auto;    
    position: relative;
    z-index: 5; 
}

.wcs-hero .wcs-bg video{
    display: block;
}

.wcs-hero .wcs-bg img{
    max-width: 100%;
}

.wcs-hero .wcs-content{
    position: absolute;
    left: 25%;
    width: 500px;
    text-align: center;
    color: #fff;
    top: 60%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}

.wcs-hero .wcs-content .wcs-title{
    font-size: 44px;
    line-height: 53px;
    font-family: 'PeridotPEBold';
    padding: 0 0 0px 0;
}

.wcs-hero .wcs-content .wcs-text{
   font-size: 24px;
    line-height: 120%;
    text-align: center;
    letter-spacing: -0.01em;
    font-family: 'BTCosmoBold';

}

.wcs-sticky-button{
    position: fixed;
    left: 50%;
    bottom: 40px;
    display: block;
    height: 40px;
    background: #0E8103 url("../images/icon-phone.svg") no-repeat calc(100% - 10px) center;

    border-radius: 8px;

    z-index: 100;
    -ms-transform: translate(-50%, -0%);
    -webkit-transform: translate(-50%, -0%);
    transform: translate(-50%, -0%);
    color: #fff;
    line-height: 40px;
    font-size: 13px;
    font-family: 'PeridotPESemiBold';
    text-align: left;
    padding: 0 35px 0 15px ;
    transition: all 200ms;
}

.wcs-sticky-button:hover{
    background-color: #006D29;
}

.wcs-sticky-button.wcs-hide{
    display: none;
}


.wcs-intro{
    padding:60px 0;
}


.wcs-intro .wcs-title{
    font-size: 31px;
    line-height: 37px;
    padding: 0 0 30px 0;
}

.wcs-intro .wcs-items{
    font-size: 0px;
}

.wcs-intro .wcs-items .wcs-item{
    display: inline-block;
    vertical-align: top;
    width: 240px;
    height: 190px;
    margin: 0 10px;
    padding: 25px 0 0 0;
    background: #F2F2F3;
    border-radius: 20px;

}

.wcs-intro .wcs-items .wcs-item .wcs-item-icon{
    height: 80px;
    background: url("../images/wcs-ftth/icon-intro1-magenta.svg") no-repeat center center;
}

.wcs-intro .wcs-items .wcs-item.wcs-i2 .wcs-item-icon{ background-image: url("../images/wcs-ftth/icon-intro2-magenta.svg");  }
.wcs-intro .wcs-items .wcs-item.wcs-i3 .wcs-item-icon{ background-image: url("../images/wcs-ftth/icon-intro3-magenta.svg");  }
.wcs-intro .wcs-items .wcs-item.wcs-i4 .wcs-item-icon{ background-image: url("../images/wcs-ftth/icon-intro4-magenta.svg");  }
.wcs-intro .wcs-items .wcs-item.wcs-i5 .wcs-item-icon{ background-image: url("../images/wcs-ftth/icon-intro5-magenta.svg");  }



.wcs-intro .wcs-items .wcs-item .wcs-item-title{
    font-family: 'BTCosmoBold';
    padding: 0px 0 0 0;
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #3D5265;
}




.wcs-plans{
    padding: 0px 0 0px 0;
}

.wcs-plans .wcs-tabs{
    max-width: 1360px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding: 0 0 30px 0;
}


.wcs-plans .wcs-tabs a{
    display: inline-block;
    vertical-align: middle;
    height: 51px;
    line-height: 51px;
    background: #fff;
    border-radius: 26px;
    margin: 0px 5px 0px 5px;
    font-size: 19px;
    color: #000;
    font-family: 'BTCosmoBold';
    padding: 0 30px;
    transition: all 200ms;
    border: 1px solid #A2A2A2;
}

.wcs-plans .wcs-tabs a:hover{
    border-color: #e20074;
}

.wcs-plans .wcs-tabs a.wcs-active{
    color: #e20074;
    border: 2px solid #e20074;
}






.wcs-plans .wcs-tab-content{
    background: #FFFFFF;
    border-radius: 20px;
    max-width: 1360px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.wcs-plans .wcs-tab-content .wcs-tab:not(.wcs-active){
    display: none;
}






.wcs-plans .wcs-items .wcs-item .wcs-item-offer{
    /* animation: pulse 2s infinite linear; */
}


@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
   transform: scale(1);
  }
}






.wcs-plans .wcs-callme{
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    background: url("../images/wcs-ftth/bg-callmeback.png") no-repeat left center;
    background-size: cover;
    border-radius: 20px;
    padding: 50px 60px;
    text-align: left;
    font-size: 0px;
}

.wcs-plans .wcs-callme .wcs-content{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 510px);
}

.wcs-plans .wcs-callme .wcs-content .wcs-content-title{
    font-family: 'BTCosmoBold';
    font-size: 31px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}

.wcs-plans .wcs-callme .wcs-content .wcs-content-text{
    font-size: 15px;
    line-height: 160%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    padding: 8px 0 0px 0;
}

.wcs-plans .wcs-callme .wcs-content .wcs-content-check{
    font-size: 16px;
    line-height: 19px;
    color: #288F9D;
}

.wcs-plans .wcs-callme .wcs-content .wcs-content-check a{
    font-family: 'PeridotPEBold';
    color: #288F9D;
    text-decoration: underline;
}



.wcs-plans .wcs-callme .wcs-form{
    display: inline-block;
    vertical-align: middle;
    width: 510px;
    font-size: 0px;
}

.wcs-plans .wcs-callme .wcs-form input{
    width: 360px;
    height: 50px;
    border: 0px;
    background: #FFFFFF;
    border-radius: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #000;
    padding: 0 10px;
    border: 1px solid #FFFFFF;
}

.wcs-plans .wcs-callme .wcs-form input::-webkit-input-placeholder { 
  color: #000000;
  opacity: 1;
}
.wcs-plans .wcs-callme .wcs-form input::-moz-placeholder { 
  color: #000000;
  opacity: 1;
}
.wcs-plans .wcs-callme .wcs-form input:-ms-input-placeholder { 
  color: #000000;
  opacity: 1;
}
.wcs-plans .wcs-callme .wcs-form input:-moz-placeholder { 
  color: #000000;
  opacity: 1;
}

.wcs-plans .wcs-callme .wcs-form input.wcs-error{
    border-color: #ff0000;
}

.wcs-plans .wcs-callme .wcs-form .wcs-submit{
    display: inline-block;
    vertical-align: middle;
    width: 128px;
    height: 50px;
    line-height: 50px;
    border: 0px;
    border-radius: 8px;
    font-size: 15px;
    color: #000;
    font-family: 'PeridotPEBold';
    transition: all 200ms;
    text-align: center;
    margin: 0 0 0 20px;
    background: #fff;
}

.wcs-plans .wcs-callme .wcs-form .wcs-submit:hover{
    background: #F2F2F3;
}

.wcs-plans .wcs-extra-benefits{
    margin: 20px auto 0 auto;
    /*width: calc(100% - 60px);*/
    
    border-radius: 20px;
}


.wcs-plans .wcs-extra-benefits .wcs-wrapper{
    position: relative;
    max-height: 0px;
    overflow: hidden;
    transition: all 500ms;
}

.wcs-plans .wcs-extra-benefits .wcs-wrapper.wcs-active{
    max-height: 500px;
    padding: 50px 20px 35px 20px;  
}

.wcs-plans .wcs-extra-benefits .wcs-product{
    margin: 0 auto;
    background: url("../images/wcs-ftth/img-benefits-product.png") no-repeat center center;
    background-size:contain;
    width: 503px;
    height: 291px;
}
.wcs-plans .wcs-extra-benefits .wcs-gift{
    position: absolute;
    top: 20px;
    left: calc(50% + 160px);
    background: #e20074;
    width: 122px;
    height: 122px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    padding: 27px 5px 0 5px;
}

.wcs-plans .wcs-extra-benefits .wcs-gift strong{
    font-size: 22px;
    font-family: 'BTCosmoBold';
}

.wcs-plans .wcs-extra-benefits .wcs-benefits-title{
    width: 320px;
    height: 50px;
    background: #ffffff;
    border-radius: 90px;
    font-size: 15px;
    line-height: 50px;
    color: #000;
    text-align: center;
    font-family: 'BTCosmoBold';
    margin: -85px auto 0 auto;
    border: 1px solid rgba(0,0,0,0.1);
}


.wcs-plans .wcs-extra-benefits .wcs-benefits-free-wifi{
    background: #FFFFFF;
    border-radius: 20px;
    max-width: 900px;
    margin: 30px auto 0 auto;
    text-align: left;
    padding: 15px 130px;
    font-size: 0px;
}


.wcs-plans .wcs-extra-benefits .wcs-benefits-free-wifi .wcs-benefits-content{
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 20px;
    width: calc(100% - 60px);
}


.wcs-plans .wcs-extra-benefits .wcs-benefits-free-wifi .wcs-benefits-icon{
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/wcs-ftth/icon-benefits-wifi.png") no-repeat center center;
    background-size: contain;
}


.wcs-plans .wcs-extra-benefits .wcs-benefits-free-wifi .wcs-benefits-sub-title{
    font-size: 22px;
    color: #000;
    font-family: 'BTCosmoBold';
}

.wcs-plans .wcs-extra-benefits .wcs-benefits-free-wifi .wcs-benefits-text{
    font-size: 15px;
    line-height: 150%;
    color: #000;

}







.wcs-plans .wcs-extra-benefits-button{
    position: relative;
    width: 700px;
    display: block;
    background: #e20074;
    border-radius: 16px;
    color: #fff;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    padding: 20px 0 20px 24px;
    margin: 0 auto;
    font-family: 'BTCosmoBold';
    font-size: 18px;
    line-height: 21px;
    /* identical to box height */

    letter-spacing: -0.02em;

}

.wcs-plans .wcs-extra-benefits-button span{
    font-size: 0px;
}

.wcs-plans .wcs-extra-benefits-button::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    width: 40px;
    height: 40px;
    transform: translate(0, -50%);
    background:  url("../images/wcs-ftth/icon-plans-toggler.svg") no-repeat center center;
}

.wcs-plans .wcs-extra-benefits-button.wcs-active{
    font-size: 0px;
}

.wcs-plans .wcs-extra-benefits-button.wcs-active span{
    font-size: 14px;
}

.wcs-plans .wcs-extra-benefits-button.wcs-active::after{
    -ms-transform: translate(0, -50%) rotate(-180deg);
    -webkit-transform: translate(0, -50%) rotate(-180deg);
    transform: translate(0, -50%) rotate(-180deg);
}



.wcs-plans .wcs-disclaimer{
    color:  #000;
    font-size: 13px;
    line-height: 140%;
    letter-spacing: -0.13px;
    padding: 32px 0 50px 0;
    max-width: 984px;
    margin: 0 auto;
}








.wcs-coupon{
    padding: 50px 20px 90px 20px;
}

.wcs-coupon .wcs-row{
    font-size: 0px;
    max-width: 1230px;
    margin: 0 auto;
}

.wcs-coupon .wcs-row .wcs-col{
    display: inline-block;
    vertical-align: top;
    width: 640px;
    text-align: left;
}

.wcs-coupon .wcs-row .wcs-col.wcs-last{
    width: calc(100% - 640px);
    text-align: left;
    padding: 0 0 0 20px;
}

.wcs-coupon .wcs-row .wcs-col .wcs-title{
    font-size: 36px;
    line-height: 43px;
    font-family: 'PeridotPEBold';
}

.wcs-coupon .wcs-row .wcs-col .wcs-button{
    display: inline-block;
    width: 320px;
    height: 48px;
    line-height: 48px;
    background: #278D9B;
    border-radius: 25px;
    font-size: 14px;
    color: #fff;
    font-family: 'PeridotPEBold';
    transition: all 200ms;
    text-align: center;
    margin: 30px 0 40px 0;
}

.wcs-coupon .wcs-row .wcs-col .wcs-button:hover{
    opacity: 0.8;
}

.wcs-coupon .wcs-row .wcs-col .wcs-logos{
    height: 60px;
    width: 536px;
    background: url("../images/wcs-ftth/new_logo1.png") no-repeat center center;
    background-size: contain;
}

.wcs-coupon .wcs-row .wcs-col .wcs-text{
    font-size: 17px;
    line-height: 150%;
    color: #7F7F7F;
    padding: 0 0 30px 0;
}

.wcs-coupon .wcs-row .wcs-col .wcs-sub-title{
    font-family: 'PeridotPEBold';
    font-size: 19px;
    line-height: 150%;
    color: #3D5265;
}


.wcs-advantages{
    padding: 35px 20px 40px 20px;
}

.wcs-advantages .wcs-title{
    font-family: 'BTCosmoBold';
    font-size: 30px;
    line-height: 120%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #000000;
    padding: 0 0 20px 0;
}

.wcs-advantages .wcs-text{
    font-size: 17px;
    line-height: 120%;
    color: #000;
    padding: 0 0 50px 0;
    letter-spacing: -0.01em;
}


.wcs-advantages .wcs-items{
    font-size: 0px;
    max-width: 1300px;
    margin: 0 auto;
}

.wcs-advantages .wcs-items .wcs-item{
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 20px 10px;
    width: 412px;
    height: 680px;
    background: url("../images/wcs-ftth/bg-advantages1.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
    border-radius: 20px;
}

.wcs-advantages .wcs-items .wcs-item.wcs-i1{
  
}

.wcs-advantages .wcs-items .wcs-item.wcs-i2{
    background-image: url("../images/wcs-ftth/bg-advantages2.jpg");
    width: 844px;
    height: 260px;
}

.wcs-advantages .wcs-items .wcs-item.wcs-i3{
    background-image: url("../images/wcs-ftth/bg-advantages3.jpg");
    width: 412px;
    height: 400px;
    margin: -421px 10px 20px -423px;
}

.wcs-advantages .wcs-items .wcs-item.wcs-i4{
    background-image: url("../images/wcs-ftth/bg-advantages4.jpg");
    width: 844px;
    height: 260px;
}

.wcs-advantages .wcs-items .wcs-item.wcs-i5{
    background-image: url("../images/wcs-ftth/bg-advantages5.jpg");
    width: 412px;
    height: 680px;
    margin-top: -421px;
}

.wcs-advantages .wcs-items .wcs-item.wcs-i6{
    background-image: url("../images/wcs-ftth/bg-advantages6.jpg");
    width: 630px;
    height: 260px;
}

.wcs-advantages .wcs-items .wcs-item.wcs-i7{
    background-image: url("../images/wcs-ftth/bg-advantages7.jpg");
    width: 630px;
    height: 260px;
}

.wcs-advantages .wcs-items .wcs-item.wcs-i8{
    background-image: url("../images/wcs-ftth/bg-advantages8.jpg");
    width: 1280px;
    height: 260px;
}


.wcs-advantages .wcs-items .wcs-item .wcs-item-content{
    color: #000;
    position: absolute;
    bottom: 0px;
    left: 10px;
    width: calc(100% - 10px);
    text-align: left;
    max-width: 540px;
    padding: 30px 20px;
}

.wcs-advantages .wcs-items .wcs-item .wcs-item-content .wcs-item-title{
    font-family: 'BTCosmoBold';
    font-size: 21px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000000;
    padding: 0 0 10px 0;
}

.wcs-advantages .wcs-items .wcs-item .wcs-item-content .wcs-item-text{
    font-size: 15px;
    line-height: 160%;
    letter-spacing: -0.01em;
    color: #000;
}


.wcs-advantages .wcs-items .wcs-item.wcs-i1 .wcs-item-content{
    min-height: 200px;
}


.wcs-advantages .wcs-items .wcs-item.wcs-i2 .wcs-item-content{
    max-width: 335px;
    bottom: auto;
    top: 50%;
    transform: translate(0, -50%);
    left: 20px;
}

.wcs-advantages .wcs-items .wcs-item.wcs-i4 .wcs-item-content{
    max-width: 290px;
    bottom: auto;
    top: 50%;
    transform: translate(0, -50%);
    left: 20px;
}

.wcs-advantages .wcs-items .wcs-item.wcs-i5 .wcs-item-content{
    min-height: 200px;
}


.wcs-advantages .wcs-items .wcs-item.wcs-i6 .wcs-item-content{
    max-width: 260px;
    bottom: auto;
    top: 50%;
    transform: translate(0, -50%);
    left: 20px;
}

.wcs-advantages .wcs-items .wcs-item.wcs-i7 .wcs-item-content{
    max-width: 250px;
    bottom: auto;
    top: 50%;
    transform: translate(0, -50%);
    left: 20px;
}






.wcs-steps{
    background: #F2F2F3;
    padding: 40px 20px 40px 20px;
}

.wcs-steps .wcs-title{
    font-family: 'BTCosmoBold';
    font-size: 31px;
    line-height: 130%;
    color: #000000;
    padding: 0 0 40px 0;
}


.wcs-steps .wcs-items{
    max-width: 1304px;
    margin: 0 auto 40px auto;
    font-size: 0px;
}


.wcs-steps .wcs-items .wcs-item{
    width: 312px;
    height: 330px;
    margin: 0 7px;
    background: #FFFFFF;
    border-radius: 20px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.wcs-steps .wcs-items .wcs-item .wcs-item-time{
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: url("../images/wcs-ftth/icon-step-time-magenta.svg") no-repeat left center;
    background-size: contain;
    padding: 0 0 0 35px;
    line-height: 25px;
    font-size: 13px;
    color: #000;
}

.wcs-steps .wcs-items .wcs-item .wcs-item-content-front{
    position: absolute;
    left: 20px;
    top: 55px;
    width: calc(100% - 40px);
}

.wcs-steps .wcs-items .wcs-item .wcs-item-content-front .wcs-more,
.wcs-steps .wcs-items .wcs-item .wcs-item-content-back .wcs-back{
    content: "";
    position:absolute;
    right:0px;
    top:-10px;
    background: url("../images/wcs-ftth/icon-steps-next.svg") no-repeat center center;
    background-size:contain;
    width: 40px;
    height: 40px;
}

.wcs-steps .wcs-items .wcs-item .wcs-item-content-back .wcs-back{
    background-image: url("../images/wcs-ftth/icon-steps-back.svg");
}

.wcs-steps .wcs-items .wcs-item .wcs-item-content-front .wcs-item-icon{
    background: url("../images/wcs-ftth/icon-step1-magenta.svg") no-repeat left center;
    width: 80px;
    height: 40px;
}

.wcs-steps .wcs-items .wcs-item.wcs-i2 .wcs-item-content-front .wcs-item-icon{
    background-image: url("../images/wcs-ftth/icon-step2-magenta.svg");
}

.wcs-steps .wcs-items .wcs-item.wcs-i3 .wcs-item-content-front .wcs-item-icon{
    background-image: url("../images/wcs-ftth/icon-step3-magenta.svg");
}

.wcs-steps .wcs-items .wcs-item.wcs-i4 .wcs-item-content-front .wcs-item-icon{
    background-image: url("../images/wcs-ftth/icon-step4-magenta.svg");
}


.wcs-steps .wcs-items .wcs-item .wcs-item-content-front .wcs-item-title{
    font-family: 'BTCosmoBold';
    font-size: 25px;
    line-height: 29px;
    letter-spacing: -0.02em;
    color: #000000;
    text-align: left;
    padding: 20px 0 0 0;
    max-width: 190px;
}


.wcs-steps .wcs-items .wcs-item .wcs-item-content-back{
    position: absolute;
    left: 20px;
    top: 40px;
    width: calc(100% - 40px);
    display: none;
}


.wcs-steps .wcs-items .wcs-item.wcs-active{
    background: #257F8E;
    color: #fff;
}

.wcs-steps .wcs-items .wcs-item.wcs-active .wcs-item-content-front{
    display: none;
}

.wcs-steps .wcs-items .wcs-item.wcs-active .wcs-item-content-back{
    display: block;
}

.wcs-steps .wcs-items .wcs-item.wcs-active .wcs-item-time{
    filter: brightness(0) invert(1);
}



.wcs-steps .wcs-items .wcs-item .wcs-item-content-back .wcs-item-title{
    font-family: 'PeridotPEBold';
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    padding: 0px 50px 15px 0;
}


.wcs-steps .wcs-items .wcs-item .wcs-item-content-back .wcs-item-text{
    font-size: 15px;
    line-height: 140%;
    text-align: left;
}

.wcs-steps .wcs-info{
    max-width: 1280px;
    background: #000;
    border-radius: 20px;
    margin: 0 auto;
    color: #fff;
    padding: 20px;
}

.wcs-steps .wcs-info .wcs-row{
    font-size: 0px;
}

.wcs-steps .wcs-info .wcs-row .wcs-col{
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 150%;
    text-align: center;
    width: 50%;
}

.wcs-steps .wcs-info .wcs-row .wcs-col::before{
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    background: url("../images/wcs-ftth/icon-info-magenta.svg") no-repeat center center;
}

.wcs-steps .wcs-info .wcs-row .wcs-col.wcs-last{
    padding: 0 0 0 20px;
    text-align: left;
}

.wcs-steps .wcs-info .wcs-row .wcs-col .wcs-home{
    width: 40px;
    height: 40px;
    background: url("../images/wcs-ftth/icon-home.svg") no-repeat center center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
}

.wcs-steps .wcs-info .wcs-row .wcs-col .wcs-money{
    width: 40px;
    height: 40px;
    background: url("../images/wcs-ftth/icon-steps-money.svg") no-repeat center center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
}

.wcs-steps .wcs-info .wcs-row .wcs-col .wcs-like{
    width: 40px;
    height: 40px;
    background: url("../images/wcs-ftth/icon-steps-like.svg") no-repeat center center;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 15px 5px 0;
}

.wcs-steps .wcs-info .wcs-row .wcs-col .wcs-free{
    background: #fff;
    font-size: 17px;
    color: #257F8E;
    font-family: 'PeridotPEBold';
    height: 27px;
    line-height: 27px;
    border-radius: 15px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
    font-style: italic;
    margin: 0 0 0 5px;
}

.wcs-steps .wcs-info .wcs-row .wcs-col p{
    margin: 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    line-height: 150%;
}


.wcs-steps .wcs-copy{
    font-size: 15px;
    line-height: 150%;
    color: #000;
    padding: 35px 0 0 0;
}




.wcs-speed-test{
    padding: 40px 45px 120px 45px;
}


.wcs-speed-test .wcs-content{
    border-radius: 20px;
    border: 2px solid #171F36;
    max-width: 1276px;
    padding: 50px 40px 25px 40px;
    margin: 0 auto;
}

.wcs-speed-test .wcs-content .wcs-title{
    font-family: 'PeridotPEBold';
    font-size: 31px;
    line-height: 37px;
    color: #3D5265;
    padding: 0 0 50px 0;
}

.wcs-speed-test .wcs-content .wcs-items{
    font-size: 0px;
}

.wcs-speed-test .wcs-content .wcs-items .wcs-item{
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    min-height: 110px;
    text-align: left;
    padding: 0 0 0 85px;
    cursor: pointer;
}

.wcs-speed-test .wcs-content .wcs-items .wcs-item .wcs-item-icon{
    width: 64px;
    height: 64px;
    background: url("../images/wcs-ftth/icon-test1.png") no-repeat center center;
    background-size: contain;
    float: left;
    margin: 0 0 0 -85px;
    filter: brightness(100%);
    opacity: 1;
}

.wcs-speed-test .wcs-content .wcs-items .wcs-item.wcs-i2 .wcs-item-icon{ background-image: url("../images/wcs-ftth/icon-test22.png"); }
.wcs-speed-test .wcs-content .wcs-items .wcs-item.wcs-i3 .wcs-item-icon{ background-image: url("../images/wcs-ftth/icon-test3.png"); }
.wcs-speed-test .wcs-content .wcs-items .wcs-item.wcs-i4 .wcs-item-icon{ background-image: url("../images/wcs-ftth/icon-test4.png"); }
.wcs-speed-test .wcs-content .wcs-items .wcs-item.wcs-i5 .wcs-item-icon{ background-image: url("../images/wcs-ftth/icon-test5.png"); }
.wcs-speed-test .wcs-content .wcs-items .wcs-item.wcs-i6 .wcs-item-icon{ background-image: url("../images/wcs-ftth/icon-test6.png"); }




.wcs-speed-test .wcs-content .wcs-items .wcs-item .wcs-item-title{
    font-family: 'PeridotPEBold';
    font-size: 21px;
    color: #3D5265;
    padding: 10px 0 0 0;
}

.wcs-speed-test .wcs-content .wcs-items .wcs-item .wcs-item-speed{
    font-size: 14px;
    color: #3D5265;
}


.wcs-speed-test .wcs-content .wcs-items .wcs-item.wcs-active .wcs-item-title,
.wcs-speed-test .wcs-content .wcs-items .wcs-item.wcs-active .wcs-item-speed{
    color: #A0A2A4;
}

.wcs-speed-test .wcs-content .wcs-items .wcs-item.wcs-active .wcs-item-icon{
    filter: brightness(0%);
    opacity: 0.3;
}


.wcs-speed-test .wcs-content .wcs-persons{
    text-align: right;
    min-height: 100px;
}

.wcs-speed-test .wcs-content .wcs-persons .wcs-person-title{
    font-family: 'PeridotPEBold';
    font-size: 21px;
    line-height: 25px;
    color: #3D5265;
    display: inline-block;
    vertical-align: middle;
    margin: 0 45px 0 0;
}

.wcs-speed-test .wcs-content .wcs-persons .wcs-person-total{
    font-family: 'PeridotPEBold';
    font-size: 21px;
    line-height: 25px;
    color: #3D5265;
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    text-align: center;
}

.wcs-speed-test .wcs-content .wcs-persons .wcs-minus,
.wcs-speed-test .wcs-content .wcs-persons .wcs-plus{
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background: url("../images/wcs-ftth/icon-test-minus.svg") no-repeat center center;
}

.wcs-speed-test .wcs-content .wcs-persons .wcs-plus{
     background-image: url("../images/wcs-ftth/icon-test-plus.svg");
}


.wcs-speed-test .wcs-content .wcs-row{
    font-size: 0px;
    position: relative;
    padding: 45px 0 0 0;
}

.wcs-speed-test .wcs-content .wcs-row::before{
    content: "";
    width: 900px;
    height: 1px;
    background: #DDDDDD;
    position: absolute;
    left: 50%;
    top: 0px;
    -ms-transform: translate(-50%, -0%);
    -webkit-transform: translate(-50%, -0%);
    transform: translate(-50%, -0%);
}

.wcs-speed-test .wcs-content .wcs-row .wcs-col{
    width: 280px;
    height: 280px;
    background: url("../images/wcs-ftth/bg-test-pie.png") no-repeat center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin: 0 9px;
    position: relative;
}


.wcs-speed-test .wcs-content .wcs-row .wcs-col .wcs-colored-pie{
    width: 100%;
    height: 100%;
    background: url("../images/wcs-ftth/bg-test-pie-colored.png") no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 0px;
    left: 0px;
}

.wcs-speed-test .wcs-content .wcs-row .wcs-col .wcs-col-title{
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    font-family: 'PeridotPEBold';
    font-size: 24px;
    line-height: 29px;
    color: #3D5265;
    -ms-transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
}

.wcs-speed-test .wcs-content .wcs-row .wcs-col svg{
    width: 79%; 
    height: 79%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%) rotate(120deg);
    -webkit-transform: translate(-50%, -50%) rotate(120deg);
    transform: translate(-50%, -50%) rotate(120deg);
    z-index: 1;
}

.wcs-speed-test .wcs-content .wcs-row .wcs-col svg.wcs-line-speed{
  -ms-transform: translate(-50%, -50%) rotate(244deg) scaleX(-1);
  -webkit-transform: translate(-50%, -50%) rotate(244deg) scaleX(-1);
  transform: translate(-50%, -50%) rotate(244deg) scaleX(-1);

}

.wcs-speed-test .wcs-content .wcs-row .wcs-col svg.wcs-required-speed{
    z-index: 2;
}


.wcs-speed-test .wcs-content .wcs-row .wcs-col circle {
  fill: none;
  stroke: #EFEFEF;
  stroke-width: 6;
  stroke-dasharray: 78 100; 
  stroke-dasharray: 0 100; 
  /*stroke-linecap: round;*/


  transition: all 1s;
}



.wcs-speed-test .wcs-content .wcs-row .wcs-col .wcs-line-speed circle{
    stroke-dasharray: 85 100; 
}

.wcs-speed-test .wcs-content .wcs-row .wcs-col .wcs-required-speed circle{
    stroke: #3e5264;
}





.wcs-footer2{
    padding: 60px 20px;
}

.wcs-footer2 .wcs-row{
    font-size: 0px;
}

.wcs-footer2 .wcs-row .wcs-col{
    width: 412px;
    min-height: 280px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    margin: 0 10px;
    text-align: left;
    padding: 40px 30px 20px 30px;
    font-size: 17px;
    position: relative;
    background: #F2F2F3;
    border-radius: 14px;

}


.wcs-footer2 .wcs-row .wcs-col .wcs-col-icon{
    
    width: 80px;
    height: 80px;
    position: absolute;
    right: 30px;
    top: 50%;
    margin: -40px 0 0 0;
}



.wcs-footer2 .wcs-row .wcs-col .wcs-col-title{
    font-family: 'BTCosmoBold';
    font-size: 25px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #000000;
    background: url("../images/wcs-ftth/icon-footer1-magenta.svg") no-repeat left top;
    padding: 50px 0 0 0;
}

.wcs-footer2 .wcs-row .wcs-col.wcs-sec .wcs-col-title{
    background-image: url("../images/wcs-ftth/icon-footer2-magenta.svg");
}

.wcs-footer2 .wcs-row .wcs-col.wcs-last .wcs-col-title{
    background-image: url("../images/wcs-ftth/icon-footer3-magenta.svg");
}

.wcs-footer2 .wcs-row .wcs-col .wcs-col-text{
   font-size: 15px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #000000;
    padding: 10px 0 15px 0;
}

.wcs-footer2 .wcs-row .wcs-col .wcs-more{
    font-family: 'PeridotPESemiBold';
    font-size: 13px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #000000;
    display: inline-block;
    background: url("../images/wcs-ftth/icon-more.svg") no-repeat right center;
    padding: 0 25px 0 0;
}






.wcs-faq{
    text-align: center;
    padding: 30px 20px 0 20px;
    display: none;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}

.wcs-faq .wcs-faq-title{
    font-family: 'BTCosmoBold';
    font-size: 31px;
    line-height: 40px;
    color: #000;
    padding: 0 0 30px 0;
}

.wcs-faq .wcs-close{
    position: absolute;
    right: 37px;
    top: 40px;
    color: #000;
    font-family: 'PeridotPEBold';
    font-size: 24px;
    display: block;
}


.wcs-faq .wcs-faq-toggle.wcs-active{
    
    font-size:0px;
}

.wcs-faq .wcs-faq-toggle.wcs-active span{
    font-size:15px;
}


.wcs-faq .wcs-faq-toggle.wcs-active:hover{
    opacity:0.95;
}



.wcs-faq .wcs-faq-toggle span{
    font-size:0px;

}


.wcs-faq .wcs-faq-items{

    padding:0 0px 60px 0px;
    margin:0 auto 0 auto;
    text-align:left;
}

.wcs-faq .wcs-faq-items .wcs-faq-item{
    margin:0 0 10px 0;

}


.wcs-faq .wcs-faq-items .wcs-faq-item .wcs-faq-q{
    display:block;
    padding:13px 50px 13px 0px;

    color: #000;
    font-size:18px;

    position:relative;

    -webkit-transition: background-color 200ms;  
       -moz-transition: background-color 200ms; 
         -o-transition: background-color 200ms; 
            transition: background-color 200ms; 
}

.wcs-faq .wcs-faq-items .wcs-faq-item .wcs-faq-q:hover{
    background:rgba(255,255,255,0.1);
}


.wcs-faq .wcs-faq-items .wcs-faq-item .wcs-faq-q::after{
    content:"";
    position:absolute;
    right:18px;
    top:50%;
    background: url("../images/wcs-ftth/icon-faq-arrow.png") no-repeat center top;
    background-size:cover;
    width: 14px;
    height: 14px;
    -ms-transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
}

.wcs-faq .wcs-faq-items .wcs-faq-item .wcs-faq-q.wcs-hyperlink::after{
    display: none;
}

.wcs-faq .wcs-faq-items .wcs-faq-item.wcs-active .wcs-faq-q::after{
    -ms-transform: translate(-0%, -50%) rotate(180deg);
    -webkit-transform: translate(-0%, -50%) rotate(180deg);
    transform: translate(-0%, -50%) rotate(180deg);

}

.wcs-faq .wcs-faq-items .wcs-faq-item.wcs-active .wcs-faq-q{
    color: #000;
    border-top: 1px solid rgba(0,0,0,0.15);
}


.wcs-faq .wcs-faq-items .wcs-faq-item .wcs-faq-ans{
    font-size: 16px;
    line-height: 23px;
    display:none;
    color: #000;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    padding: 0px 0 20px 0;
}

.wcs-faq .wcs-faq-items .wcs-faq-item .wcs-faq-ans a{
    color:#000 !important;
    font-size:14px;
    text-decoration:underline;
}

.wcs-faq .wcs-faq-items .wcs-faq-item .wcs-faq-ans li,
.wcs-faq .wcs-faq-items .wcs-faq-item .wcs-faq-ans ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.wcs-faq .wcs-faq-items .wcs-faq-item .wcs-faq-ans li{
    margin:0 0 0 15px;
    list-style-type: disc;
}






.wcs-callmeback-thank{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 100;
    display: none;
}

.wcs-callmeback-thank .wcs-callmeback-thank-message{
    width: 80%;
    max-width: 500px;
    background: #fff;
    padding: 40px;
    left: 50%;
    top: 50%;
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #000;
    z-index: 10;
}

.wcs-callmeback-thank .wcs-callmeback-back-close{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1; 
}

.wcs-callmeback-thank .wcs-callmeback-thank-message .wcs-callmeback-close{
    
    position: absolute;
    right: -20px;
    top: -5px;
    color: #fff;
    font-size: 30px;
    display: block;
    cursor: pointer;
}


.wcs-callmeback-thank .wcs-callmeback-thank-message .wcs-callmeback-thank-title{
    font-family: 'PeridotPEBold';
    padding: 0 0 10px 0;
    font-size: 20px;
    line-height: 120%;
}






.wcs-fiber{
    max-width: 1440px;
    margin: 0px auto;
    text-align: left;
    background: url("../images/wcs-ftth/img-banner-fiber.jpg") no-repeat right bottom;
    background-size: cover;
    min-height: 650px;
    position: relative;
}

.wcs-fiber .wcs-content {
    position: absolute;
    right: 16%;
    right: 195px;
    top: 26%;
    width: 430px;
    text-align: center;
}

.wcs-fiber .wcs-content .wcs-text{
    font-family: 'BTCosmoBold';
    font-size: 23px;
    line-height: 110%;
    color: #000000;
    padding: 10px 0 20px 0;
}

.wcs-fiber .wcs-content .wcs-more{
    display: inline-block;
    vertical-align: middle;

    background: #0EA600;
    border-radius: 8px;
    font-size: 15px;
    line-height: 100%;
    color: #fff;
    font-family: 'PeridotPESemiBold';
    text-align: left;
    transition: all 200ms;
    padding: 17px 24px;
}

.wcs-fiber .wcs-content .wcs-more:hover{
    background: #006D29;
}




.wcs-availability{
    width: 1320px;
    margin: 0 auto 45px auto;
    background:  url("../images/wcs-ftth/bg-availability.png") no-repeat center center;
    background-size: cover;
    border-radius: 20px;
    padding: 50px 20px;
    color: #fff;
}

.wcs-availability.wcs-v2{
    background: #bae0ef;
    color: #000;
}

.wcs-availability .wcs-title{
    font-size: 30px;
    line-height: 120%;
    font-family: 'BTCosmoBold';
    text-align: center;
    padding: 0 0 35px 0;
}

.wcs-availability .wcs-more{
    display: inline-block;
    vertical-align: middle;
    
    background: #ffffff url("../images/wcs-ftth/icon-availability.svg") no-repeat calc(100% - 20px) center;
    border-radius: 8px;
    font-size: 15px;
    line-height: 100%;
    color: #000;
    font-family: 'PeridotPESemiBold';
    text-align: left;
    transition: all 200ms;
    padding: 17px 50px 17px 24px;
}

.wcs-availability .wcs-more:hover{
    background-color: #F2F2F3;
}








.wcs-plans .wcs-items{
    width: 100%;
    margin: 0 auto;
    /*display: flex;
    justify-content: center;
    align-items: start;*/
    display: block;
    max-width: 1360px;

}

.wcs-plans .wcs-items .wcs-item{
    border-radius: 16px;
    border: 1px solid #F2F2F3;
    background: #F2F2F3;
    width: 328px;
    padding: 8px;
    display: inline-block;
    vertical-align: top;
    margin: 0 8px;
    text-align: left;
    color: #212121;
}



@media screen and (min-width: 1379px) {
    .wcs-plans .wcs-items .wcs-item.wcs-has-tv{
        width: 442px;
    }
}


@media screen and (max-width: 1379px) {

    .wcs-plans .wcs-items{
        margin: 0 auto;
        width: calc(100vw - 60px);
    }

}


.wcs-plans .wcs-items .wcs-item .wcs-item-wrapper{
     padding: 0px 16px 16px 16px;
     flex-direction: column;
     justify-content: flex-start;
     align-items: start;
     gap: 16px;
     background: #fff;

     border-radius: 8px 8px 0px 0px;
    border-bottom: 1px solid #DCDCDC;
    position: relative;
}

.wcs-plans .wcs-items .wcs-item .wcs-item-top-wrapper{
     min-height: 310px;
}
.wcs-plans .wcs-items .wcs-item.wcs-no-coupon .wcs-item-top-wrapper{
     min-height: 344px;
}


.wcs-plans .wcs-items .wcs-item .wcs-item-top-wrapper{
     min-height: 360px;
}

.wcs-plans .wcs-items .wcs-item.wcs-no-tv .wcs-item-top-wrapper{
     min-height: 306px;
}




.wcs-plans .wcs-items .wcs-item .wcs-new{
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%, 0);
    padding: 5px 15px 7px 15px;
    border-radius: 0px 0px 8px 8px;
    background: #0E8103;
    white-space: nowrap;
    color: #F2F2F3;
    font-size: 13px;
    font-family: 'PeridotPEBold';
    line-height: 100%;
    letter-spacing: -0.13px;
}

.wcs-plans .wcs-items .wcs-item .wcs-item-header{
    /*min-height: 130px;
    padding: 0 0 20px 0;*/

    text-align: center;
}

.wcs-plans .wcs-items.wcs-no-offer .wcs-item .wcs-item-header{
    min-height: 0px;
    padding-bottom: 20px;
}

.wcs-plans .wcs-items .wcs-item .wcs-item-title{
    color:  #212121;
    text-align: center;
    font-family: 'BTCosmoBold';
    font-size: 22px;
    line-height: 100%;
    min-height: 106px;
    
    padding: 20px 0 0px 0;
    letter-spacing: -0.2px;
}


.wcs-plans .wcs-items .wcs-item .wcs-item-title{
    padding-top: 35px;
    min-height: 120px;
}


.wcs-plans .wcs-items .wcs-item.wcs-no-tv .wcs-item-title{
    min-height: 95px;
}

.wcs-plans .wcs-items .wcs-item .wcs-item-title span{
    display: block;
}

.wcs-plans .wcs-items .wcs-item .wcs-item-title.wcs-plan{
    color: #0099CC;
}

.wcs-plans .wcs-items .wcs-item .wcs-item-title.wcs-plan span{
    color: #0E8103;
}

.wcs-plans .wcs-items .wcs-item .wcs-item-text{
    color: #212121;
    font-family: "PeridotPERegular";
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.28px;
}

.wcs-plans .wcs-items .wcs-item .wcs-item-text strong{
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 16px;
    line-height: 110%;
    letter-spacing: -0.16px;
}

.wcs-plans .wcs-items .wcs-item .wcs-item-offer{
    padding: 5px 15px 7px 15px;
    border-radius: 50px;
    background: #e20074;
    color: #fff;
    font-family: 'PeridotPEBold';
    font-size: 13px;
    line-height: 100%;
    display: inline-block;
    margin: 0 auto 20px auto;
    letter-spacing: -0.13px;
}

.wcs-plans .wcs-items .wcs-item .wcs-options {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    /*min-height: 270px;
    min-height: 280px;
    min-height: 225px;*/
    transition: all 300ms;
    gap: 10px;
}

/*
.wcs-plans .wcs-items.wcs-min-height .wcs-item .wcs-options{
    min-height: 225px;
}

.wcs-plans .wcs-items .wcs-item.wcs-no-netflix-space .wcs-options{
    min-height: 336px;
}

.wcs-plans .wcs-items .wcs-item.wcs-no-benefits-space .wcs-options{
    min-height: 268px;
    min-height: 277px;
}
*/
.wcs-plans .wcs-items .wcs-item .wcs-options.wcs-active{
    opacity: 0;
}

.wcs-plans .wcs-items .wcs-item .wcs-option{
    background: url("../images/wcs-ftth/plans/icon-option1-magenta.svg") no-repeat left center;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.28px;
    padding: 0px 0 0px 40px;
    margin: 4px 0 0 0;
     min-height: 32px;
}

.wcs-plans .wcs-items .wcs-item .wcs-option strong{
    font-size: 16px;
    font-family: 'BTCosmoBold';
}

.wcs-plans .wcs-items .wcs-item .wcs-option.wcs-o2{
    background-image: url("../images/wcs-ftth/plans/icon-option2-magenta.svg");
}
.wcs-plans .wcs-items .wcs-item .wcs-option.wcs-o3{
    background-image: url("../images/wcs-ftth/plans/icon-option3-magenta.svg");
}
.wcs-plans .wcs-items .wcs-item .wcs-option.wcs-o4{
    background-image: url("../images/wcs-ftth/plans/icon-option4-magenta.svg");
}
.wcs-plans .wcs-items .wcs-item .wcs-option.wcs-o5{
    background-image: url("../images/wcs-ftth/plans/icon-option5-magenta.svg");
}
.wcs-plans .wcs-items .wcs-item .wcs-option.wcs-o6{
    background-image: url("../images/wcs-ftth/plans/icon-option6-magenta.svg");
}
.wcs-plans .wcs-items .wcs-item .wcs-option.wcs-o7{
    background-image: url("../images/wcs-ftth/plans/icon-option7-magenta.svg");
}
.wcs-plans .wcs-items .wcs-item .wcs-option.wcs-o8{
    background-image: url("../images/wcs-ftth/plans/icon-option8-magenta.svg");
}
.wcs-plans .wcs-items .wcs-item .wcs-option.wcs-o9{
    background-image: url("../images/wcs-ftth/plans/icon-option9-magenta.svg");
}
.wcs-plans .wcs-items .wcs-item .wcs-option.wcs-o10{
    background-image: url("../images/wcs-ftth/plans/icon-option10-magenta.svg");
}
.wcs-plans .wcs-items .wcs-item .wcs-option.wcs-o11{
    background-image: url("../images/wcs-ftth/plans/icon-option11-magenta.svg");
}
.wcs-plans .wcs-items .wcs-item .wcs-option.wcs-o12{
    background-image: url("../images/wcs-ftth/plans/icon-option12-magenta.svg");
}
.wcs-plans .wcs-items .wcs-item .wcs-option.wcs-o13{
    background-image: url("../images/wcs-ftth/plans/icon-option13-magenta.svg");
}
.wcs-plans .wcs-items .wcs-item .wcs-option.wcs-o14{
    background-image: url("../images/wcs-ftth/plans/icon-option14-magenta.svg");
}
.wcs-plans .wcs-items .wcs-item .wcs-option.wcs-o15{
    background-image: url("../images/wcs-ftth/plans/icon-option15-magenta.svg");
}

.wcs-plans .wcs-items .wcs-item .wcs-option img{
    max-width: 100%;
    width: auto;
    display: inline-block;
}


.wcs-plans .wcs-items .wcs-item .wcs-netflix-options{
    position: relative;
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-options img{
    max-width: 100%;
    width: auto;
    margin: 0 -5px 0 0;
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-netflix-title{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;

   font-family: 'PeridotPEBold';
    font-size: 12.5px;
    line-height: 110%;
    letter-spacing: -0.28px;
    padding: 11px 8px;
    border: 1px solid #fff;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    background: #082235;
    color: #fff;
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-options.wcs-no-pop .wcs-netflix-title{
    cursor: default;
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-netflix-title .wcs-logo-title-netflix{
    background: url("../images/wcs-ftth/plans/logo-netflix.svg") no-repeat center center;
    background-size:contain;
    display: inline-block;
    vertical-align: middle;
    width: 56px;
    height: 14px;
    margin: -2px 0 0 0;
}



.wcs-plans .wcs-items .wcs-item .wcs-netflix-options:not(.wcs-no-pop).wcs-active .wcs-netflix-title{
    border-radius: 0 0 8px 8px;
    border-top-color: #082235;
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-options:not(.wcs-no-pop) .wcs-netflix-title::after{
    content: "";
    position: absolute;
    right: 10px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translate(0, -50%);
    background: url("../images/wcs-ftth/plans/icon-option-arrow.svg") no-repeat center center;
    background-size: contain;
    transition: all 300ms;
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-options:not(.wcs-no-pop).wcs-active .wcs-netflix-title::after{
    transform: translate(0, -50%) rotate(180deg);
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-netflix-pop{
    position: absolute;
    left: 0px;
    bottom: calc(100% - 2px);
    width: 100%;
    border: 1px solid #DCDCDC;
    background: #082235;
    border-bottom: 0px;
    border-radius: 8px 8px 0 0;
    padding: 16px 10px;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 12px;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-options.wcs-active .wcs-netflix-pop{
    visibility: visible;
    opacity: 1;
}


.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-netflix-plan{
   
    width: 100%;
    padding: 8px 16px 8px 10px;
    border-radius: 4px;
    border: 1px solid rgba(220, 220, 220, 0.50);
    background: #082235;
    color: #FFF;
    font-size: 13px;
    line-height: 120%; 
    letter-spacing: -0.26px;
    position: relative;
    cursor: pointer;
}


.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-netflix-plan .wcs-netflix-plan-title{
    padding-left: 30px;
    position: relative;
    z-index: 2;
}


.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-netflix-plan:hover{
    z-index: 10;
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-netflix-plan::before,
.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-netflix-plan::after{
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    border-radius: 50%;
    left: 16px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-netflix-plan::after{
    background: url("../images/wcs-ftth/plans/icon-selected.svg") no-repeat center center;
    background-size: contain;
    border: 0px;
    opacity: 0;
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-netflix-plan.wcs-active::before{
    opacity: 0;
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-netflix-plan.wcs-active::after{
    opacity: 1;
}


.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-pop-info{
   position: absolute;
   right: 16px;
   top: 50%;
   transform: translate(0, -50%);
   z-index: 10;
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-pop-info .wcs-arrow{
    width: 18px;
    height: 18px;
    background: url("../images/wcs-ftth/plans/icon-info.svg") no-repeat center center;
    background-size: contain;
}


.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-pop-info .wcs-pop-message{
    position: absolute;
    right: -20px;
    bottom: calc(100% + 5px);
    transform: translate(0, 0%);
    padding: 24px;
    border-radius: 8px;
    background: #F2F2F3;
    width: 240px;
    display: none;
    z-index: 10;

    padding: 16px;
    color: #808080;
    font-size: 13px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.13px;
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-pop-info .wcs-pop-message::after {
    top: 100%;
    right: 20px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(242, 242, 243, 0);
    border-top-color: #F2F2F3;
    border-width: 7px;
    margin-left: -7px;
}


@media screen and (min-width: 960px) {
    .wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-pop-info:hover .wcs-pop-message{
        display: block;
    }
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-pop-info.wcs-active .wcs-pop-message{
        display: block;
    }



.wcs-plans .wcs-items .wcs-item .wcs-extra-benefits{
    /*position: relative;*/

    padding: 16px 0 0 0;
}

.wcs-plans .wcs-items .wcs-item .wcs-extra-benefits .wcs-extra-benefits-title{
    padding: 8px 16px;
    border-radius: 50px;
    border: 1px solid #F2F2F3;
    color:  #212121;
    font-family: 'PeridotPEBold';
    font-size: 13px;
    line-height: 140%;
    letter-spacing: -0.13px;
    text-align: center;
    cursor: pointer;
    background: #F2F2F3;
}

.wcs-plans .wcs-items .wcs-item.wcs-benefits-opened .wcs-extra-benefits .wcs-extra-benefits-title{
    border-radius:  0 0 20px 20px;
}


.wcs-plans .wcs-items .wcs-item .wcs-extra-benefits .wcs-extra-benefits-title::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
    width: 16px;
    height: 16px;
    background: url("../images/wcs-ftth/plans/icon-plus.svg") no-repeat center center;
    background-size: contain;
}

.wcs-plans .wcs-items .wcs-item.wcs-benefits-opened .wcs-extra-benefits .wcs-extra-benefits-title::after{
    background-image: url("../images/wcs-ftth/plans/icon-min.svg");
}

.wcs-plans .wcs-items .wcs-item .wcs-extra-benefits .wcs-extra-benefits-pop{
    position: absolute;
    bottom: 50px;
    left: 16px;
    width: calc(100% - 32px);
    background: #fff;
    background: #F2F2F3;
    height: calc(100% - 140px);
    padding: 16px 16px 0 16px;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 10px;
    z-index: 10;
    border-radius: 20px 20px 0 0;
}

.wcs-plans .wcs-items .wcs-item.wcs-benefits-opened .wcs-extra-benefits .wcs-extra-benefits-pop{
    display: flex;
}


.wcs-plans .wcs-items .wcs-item .wcs-extra-benefits .wcs-extra-benefits-pop .wcs-benefits-row{
    background: url("../images/wcs-ftth/plans/icon-benefit-1.svg") no-repeat left center;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.28px;
    padding: 4px 0 4px 40px;
     min-height: 32px;
}

.wcs-plans .wcs-items .wcs-item .wcs-option.wcs-single,
.wcs-plans .wcs-items .wcs-item .wcs-extra-benefits .wcs-option.wcs-single{
    padding: 7px 0 3px 40px;
    margin-top: 0px;
}








.wcs-plans .wcs-items .wcs-item .wcs-item-price-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 12px 12px 12px 12px;
    background: #fff;
    border-radius: 0 0 8px 8px;
    min-height: 80px;
}

.wcs-plans .wcs-items .wcs-item .wcs-netflix-discount{
    width: 100%;
    border-radius: 8px;
    border: 2px solid #e20074;
    padding: 8px 15px;

    color: #212121;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.26px;
    margin: 4px 0 -6px 0;
}


.wcs-plans .wcs-items .wcs-item .wcs-item-price{
    font-size: 13px;
    letter-spacing: -0.13px;
    line-height: 140%;
}

.wcs-plans .wcs-items .wcs-item .wcs-item-price strong{
    font-size: 24px;
    line-height: 120%;
    font-family: 'BTCosmoBold';
}

.wcs-plans .wcs-items .wcs-item .wcs-item-price del{
     font-family: 'BTCosmoBold';
     font-size: 17px;
     color: #6F6F6F;
     line-height: 120%;
     margin: 5px 0 0 0;
     display: inline-block;
}



.wcs-plans .wcs-items .wcs-item .wcs-item-more{
    padding: 13px 12px;
    border-radius: 8px;
    background: #0E8103;
    color:  #FFF;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    line-height: 100%;
    display: inline-block;
    transition: all 300ms;
    text-align: center;
}

.wcs-plans .wcs-items .wcs-item .wcs-item-more:hover{
    background: #006D29;
}



.wcs-plans .wcs-items.wcs-text-only .wcs-item .wcs-item-title,
.wcs-plans .wcs-items.wcs-1col .wcs-item .wcs-item-title{
    min-height: 0px;
}
.wcs-plans .wcs-items.wcs-text-only .wcs-item .wcs-item-header,
.wcs-plans .wcs-items.wcs-1col .wcs-item .wcs-item-header{
    min-height: 80px;
}


.wcs-plans .wcs-items.wcs-text-only .wcs-item .wcs-item-wrapper{
    padding-top: 20px;
}

.wcs-plans .wcs-items.wcs-text-only .wcs-item .wcs-item-price strong{
    font-size: 32px;
}

.wcs-plans .wcs-items.wcs-text-only .wcs-item-price-row{
    flex-direction: column;
    text-align: center;
    gap: 10px;
}



.wcs-plans .wcs-items.wcs-1col .wcs-item{
    background: #082235;
    color: #fff;
    width: 724px;
    min-width: 0px;
    max-width: 2000px;
}

.wcs-plans .wcs-items.wcs-1col .wcs-item .wcs-item-wrapper{
    background: #082235;
    border-color: rgba(220, 220, 220, 0.20);
}

.wcs-plans .wcs-items.wcs-1col .wcs-item img{
    width: auto;
    max-width: 100%;
}

.wcs-plans .wcs-items.wcs-1col .wcs-item .wcs-item-title,
.wcs-plans .wcs-items.wcs-1col .wcs-item .wcs-item-text,
.wcs-plans .wcs-items.wcs-1col .wcs-item .wcs-item-text strong{
    color: #fff;
}



.wcs-plans .wcs-items .wcs-item .wcs-item-channel-title{
    color: #FFF;
    font-family: 'BTCosmoBold';
    font-size: 16px;
    line-height: 110%;
    letter-spacing: -0.16px;
    padding: 0 0 24px 0;
}

.wcs-plans .wcs-items .wcs-item .wcs-sub-items{
    padding: 16px 0;
    max-width: 400px;
    margin: 0 auto;
}


.wcs-plans .wcs-items .wcs-item .wcs-sub-items .wcs-sub-item{
    margin: 0 4px;
}

.wcs-plans .slick-list{
    overflow: visible;
}


.wcs-plans .slick-next{
    width: 50px;
    height: 50px;
    background: url("../images/wcs-ftth/plans/icon-next.svg") no-repeat center center;
    background-size: contain;
    right: 20px;
    transform: translate(100%, -50%);
    z-index: 10;
}

.wcs-plans .slick-prev{
    width: 50px;
    height: 50px;
    background: url("../images/wcs-ftth/plans/icon-prev.svg") no-repeat center center;
    background-size: contain;
    left: 20px;
    transform: translate(-100%, -50%);
    z-index: 10;
}



.wcs-plans .slick-prev.slick-disabled,
.wcs-plans .slick-next.slick-disabled{
    opacity: 0.2 !important;
    cursor: default;
}


.wcs-custom-page .slick-next::before,
.wcs-custom-page .slick-prev::before{
    display: none;
}


.wcs-plans .wcs-items .wcs-item.wcs-item-more-full{
    border: 0px;
    padding: 0px;
    background: none;
    position: relative;
}

.wcs-plans .wcs-items .wcs-item.wcs-item-more-full img{
    width: 100%;
    max-width: 310px;
}






@media screen and (max-width: 1439px) {

    .wcs-availability{
        margin-right: 20px;
        margin-left: 20px;
        width: auto;
    }
}


@media screen and (max-width: 1365px) {

    .wcs-intro .wcs-items .wcs-item{
        width: calc(20% - 30px);
    }

    .wcs-advantages .wcs-items{
        max-width: 1100px;
    }

    .wcs-steps .wcs-items .wcs-item {
        width: 260px;
    }

    .wcs-steps .wcs-items .wcs-item .wcs-item-content-front .wcs-item-title {
        font-size: 21px;
        line-height: 25px;
    }

    .wcs-speed-test .wcs-content .wcs-row .wcs-col{
        width: 230px;
        height: 230px;
    }

    .wcs-speed-test{
        padding: 40px 24px 120px 25px;
    }

    .wcs-footer2 .wcs-row .wcs-col{
        width: 344px;
        padding: 35px 100px 0 20px;
    }

    .wcs-footer2 .wcs-row .wcs-col .wcs-col-title {
        font-size: 20px;
    }

    .wcs-footer2 .wcs-row .wcs-col .wcs-col-icon{
        width: 60px;
        height: 60px;
        right: 20px;
    }

    .wcs-footer2 .wcs-row .wcs-col .wcs-col-text {
        font-size: 15px;
    }



    .wcs-advantages .wcs-items .wcs-item .wcs-item-content .wcs-item-title{
        font-size: 18px;
    }

    .wcs-advantages .wcs-items .wcs-item .wcs-item-content .wcs-item-text{
        font-size: 14px;
    }

    .wcs-advantages .wcs-items .wcs-item .wcs-item-content{
        left: 0px;
        width: 100%;
        padding: 20px 15px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i1{
        width: 336px;
        height: 580px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i2{
        width: 690px;
        height: 215px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i3{
        width: 336px;
        height: 348px;
        margin: -368px 10px 20px -344px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i4{
        width: 690px;
        height: 215px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i5{
        width: 336px;
        height: 580px;
        margin-top: -366px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i6{
        width: 517px;
        height: 245px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i7{
        width: 517px;
        height: 245px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i8{
        width: 1052px;
        height: 245px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i1 .wcs-item-content {
        min-height: 184px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i2 .wcs-item-content {
        left: 5px;
        max-width: 300px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i4 .wcs-item-content{
        left: 10px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i5 .wcs-item-content {
        min-height: 170px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i6 .wcs-item-content {
        max-width: 230px;
        left: 0px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i7 .wcs-item-content{
        left: 0px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i8 .wcs-item-content{
        min-height: 100px;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i8 .wcs-item-content {
        min-height: 224px;
        max-width: 428px;
        left: 10px;
    }


}

@media screen and (max-width: 1280px) {
    

    .wcs-steps .wcs-items .wcs-item .wcs-item-time{
        font-size: 11px;
    }
}

@media screen and (max-width: 1139px) {


    .wcs-hero .wcs-content{
        left: 30%;
    }

    .wcs-intro .wcs-items .wcs-item .wcs-item-title {
        font-size: 14px;
    }

    .wcs-intro .wcs-items .wcs-item {
        width: 240px;
        height: 190px;
        margin: 0 5px;
        padding: 30px 0 0 0;
        width: calc(20% - 20px);
    }

    .wcs-coupon .wcs-row .wcs-col .wcs-logos{
        width: 400px;
    }

    .wcs-coupon .wcs-row .wcs-col .wcs-title{
        font-size: 30px;
        line-height: 140%;
    }

    .wcs-coupon .wcs-row .wcs-col{
        width: 420px;
    }

    .wcs-coupon .wcs-row .wcs-col.wcs-last{
        width: calc(100% - 420px);
    }


    .wcs-steps .wcs-items .wcs-item{
        width: calc(50% - 14px);
        margin: 0 7px 14px 7px;
    }

    .wcs-speed-test .wcs-content .wcs-row .wcs-col{
        width: 200px;
        height: 200px;
    }

    .wcs-speed-test .wcs-content{
        padding: 50px 20px 25px 20px;
    }

    .wcs-speed-test{
        padding: 40px 15px 120px 15px;
    }


    .wcs-footer2 .wcs-row .wcs-col{
        width: 285px;
        padding: 35px 20px 0 20px;
        height: 220px;
    }

    .wcs-footer2 .wcs-row .wcs-col .wcs-col-icon{
        top: 30px;
        margin: 0px;
        width: 50px;
        height: 50px;
    }


    .wcs-advantages {
        max-height: 1369px;
    }

    .wcs-advantages .wcs-items{
        width: 1100px;
        left: 50%;
        transform: translate(-50%,0) scale(0.84);
        transform-origin: center top;
        position: relative;
    }


    .wcs-steps .wcs-items .wcs-item .wcs-item-time{
        font-size: 13px;
    }

    .wcs-availability .wcs-title br{
        display: none;
    }

}

@media screen and (max-width: 959px) {


    .wcs-hero .wcs-content .wcs-title {
        font-size: 30px;
        line-height: 140%;
    }

    .wcs-hero .wcs-content .wcs-text {
        font-size: 22px;
    }


    .wcs-plans .wcs-callme .wcs-content{
        display: block;
        width: auto;
        padding: 0 0 30px 0;
    }

    .wcs-plans .wcs-callme .wcs-form{
        display: block;
        width: auto;
    }

    .wcs-coupon .wcs-row .wcs-col{
        display: block;
        width: auto;
        padding: 0 0 30px 0;
    }

    .wcs-coupon .wcs-row .wcs-col.wcs-last{
        display: block;
        width: auto;
        padding: 0px;
    }

    .wcs-coupon .wcs-row .wcs-col .wcs-logos{
        max-width: 536px;
        width: auto;
    }

    .wcs-speed-test .wcs-content .wcs-row .wcs-col{
        width: 280px;
        height: 280px;
    }

    .wcs-speed-test .wcs-content .wcs-items .wcs-item .wcs-item-title{
        font-size: 15px;
    }

    .wcs-footer2 .wcs-row .wcs-col{
        width: 340px;
        margin: 0 10px 20px 10px;
    }

    .wcs-intro .wcs-items .wcs-item{
        width: calc(33.33% - 20px);
        height: 180px;
        margin: 0 10px 20px 10px;
    }

    .wcs-plans .wcs-tab-content{
        padding: 0 35px;
    }


    .wcs-hero .wcs-content {
        
    }

    .wcs-hero .wcs-content .wcs-title img{
        height: 130px;
    }

    .wcs-hero .wcs-content .wcs-text {
        font-size: 18px;
    }


    .wcs-fiber{
        min-height: 460px;
    }

    .wcs-fiber .wcs-content {
        right: 16%;
        right: 142px;
        top: 110px;
        width: 296px;
    }

    .wcs-fiber .wcs-content .wcs-logo img{
        height: 70px;
    }

    .wcs-fiber .wcs-content .wcs-text{
        font-size: 19px;
        padding: 0px 0 20px 0;
    }

    .wcs-fiber .wcs-content .wcs-more {
        font-size: 13px;
        padding: 15px 20px;
    }

    .wcs-availability .wcs-title{
        font-size: 26px;
    }


    .wcs-advantages .wcs-items {
        transform: translate(-50%,0) scale(0.7);
    }

    .wcs-advantages {
        max-height: 1172px;
    }


    .wcs-plans .wcs-items{
        margin: 0 -35px 90px 0;
    }




}


@media screen and (max-width: 767px) {


    .wcs-hero .wcs-bg img{
        height: 400px;
        object-fit: cover;
        object-position: 60% top;
    }
    .wcs-hero .wcs-content .wcs-title img {
    height: 83px;
}

    .wcs-hero .wcs-content{
        margin: 0px;
        left: 20px;
        width: calc(100% - 40px);
        top: 38vw;
        -ms-transform: translate(-0%, -0%);
        -webkit-transform: translate(-0%, -0%);
        transform: translate(-0%, -0%);
    }
    .wcs-hero .wcs-content .wcs-title {
        font-size: 29px;
        line-height: 35px;
        padding: 0 0 20px 0;
    }

    .wcs-hero .wcs-content .wcs-text {
        font-size: 23px;
    }

    .wcs-hero .wcs-content .wcs-text br{
        display: none;
    }

    .wcs-intro {
        padding: 30px 20px;

    }

    .wcs-intro .wcs-title {
        font-size: 21px;
        line-height: 141%;
        padding: 0 0 20px 0;
        text-align: left;
    }

    .wcs-intro .wcs-items{
        margin: 0 -20px 0 0;
    }

    .wcs-intro .wcs-items .wcs-item{
        width: 180px;
        height: 180px;
        margin: 0 5px 0 0;
    }

    .wcs-plans{
        padding: 50px 0 0px 0;
    }

    .wcs-plans .wcs-tabs{
        position: relative;
        z-index: 4;
        margin: 0 10px;
    }
/*
    .wcs-plans .wcs-tabs a{
        position: absolute;
        top: 100%;
        left: 0px;
        height: 50px;
        width: 100%;
        margin: 0px;
        padding: 0px;
        border-radius: 0px 0px 0 0;
        text-align: left;
        font-size: 12px;
        line-height: 130%;
        padding: 12px 0 0 10px;
        display: none;
    }

    .wcs-plans .wcs-tabs a.wcs-active{
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        border-radius: 5px 5px 0 0;
        background: #fff url("../images/wcs-ftth/icon-select.svg") no-repeat calc(100% - 20px) center;
        display: block;
    }
*/



    .wcs-plans .wcs-items{
        margin: 0 -20px 70px 0;
    }

    .wcs-plans .wcs-items .wcs-item{
       
    }

    .wcs-plans .wcs-items .wcs-item-wrapper{
        width: 100%;
    }

    .wcs-plans .wcs-items .wcs-item .wcs-program{
        
    }

    .wcs-plans .wcs-tab-content{
        padding: 0 15px;
        border-radius: 0px;
    }

    .wcs-plans .wcs-callme .wcs-content .wcs-content-check {
        font-size: 14px;
    }

    .wcs-plans .wcs-callme .wcs-form input{
        width: 100%;
    }

    .wcs-plans .wcs-callme .wcs-form .wcs-submit{
        margin: 30px 0 0 0;
    }

    .wcs-plans .wcs-callme .wcs-content .wcs-content-text{
        padding-right: 30px;
    }

    .wcs-plans .wcs-extra-benefits{
        border-radius: 0px;
    }

    .wcs-plans .wcs-extra-benefits-button{
        right: 0px;
        width: 100%;
        padding: 15px 0 25px 0;
    }

    .wcs-plans .wcs-extra-benefits-button::after{
        bottom: 3px;
    }

    .wcs-plans .wcs-extra-benefits .wcs-product{
        width: 100%;
        height: 200px;
    }

    .wcs-plans .wcs-extra-benefits .wcs-gift{
        left: auto;
        right: 20px;
    }

    .wcs-plans .wcs-extra-benefits .wcs-benefits-title{
        margin: -20px 0 0 0;
    }

    .wcs-plans .wcs-extra-benefits .wcs-gift {
        font-size: 11px;
        width: 100px;
        height: 100px;
        padding-top: 15px;
    }

    .wcs-plans .wcs-extra-benefits .wcs-gift strong{
        font-size: 13px;
    }

    .wcs-plans .wcs-extra-benefits .wcs-benefits-free-wifi{
        padding: 15px;
    }

    .wcs-plans .wcs-extra-benefits .wcs-benefits-free-wifi .wcs-benefits-content{
        padding: 0px;
    }


    .wcs-plans .wcs-items .wcs-item .wcs-item-more {
        min-width: 110px;
    }

    .wcs-plans .wcs-items .wcs-item .wcs-netflix-options .wcs-netflix-plan .wcs-pop-info .wcs-pop-message{
        width: 240px;
    }


    .wcs-plans .slick-next,
    .wcs-plans .slick-prev{
        display: none !important;
    }


    .wcs-plans .wcs-items .wcs-item {
        margin: 0 10px 0 0;
    }


    .wcs-plans .wcs-items .wcs-item .wcs-sub-items{
        width: auto;
    }

    .wcs-plans .wcs-items .wcs-item .wcs-sub-items .slick-list{
        overflow: hidden;
    }





    .wcs-coupon{
        padding: 30px 20px 60px 20px;
    }

    .wcs-coupon .wcs-row .wcs-col .wcs-title {
        font-size: 24px;
    }

    .wcs-coupon .wcs-row .wcs-col .wcs-title br{
        display: none;
    }


    .wcs-coupon .wcs-row .wcs-col .wcs-logos{
        height: 122px;
        width: 242px;
        background: url("../images/wcs-ftth/mob-img-program-logos.png") no-repeat center center;
        background-size: contain;
    }

    .wcs-coupon .wcs-row .wcs-col .wcs-text{
        font-size: 15px;
    }

    .wcs-coupon .wcs-row .wcs-col .wcs-sub-title{
        font-size: 17px;
    }



    .wcs-coupon .wcs-row .wcs-col .wcs-sub-title br{
        display: none;
    }


    .wcs-advantages .wcs-title {
        font-size: 21px;
        text-align: left;
    }

    .wcs-advantages .wcs-text{
        font-size: 16px;
        text-align: left;
    }

    .wcs-advantages .wcs-items{
        margin: 0 -20px 0 0;
    }

    .wcs-advantages .wcs-items .wcs-item,
    .wcs-advantages .wcs-items .wcs-item.wcs-i7,
    .wcs-advantages .wcs-items .wcs-item.wcs-i8{
        width: 310px !important;
        height: 410px !important;
        height: 440px !important;
        margin: 0 5px 0 0 !important;
        background-size: contain;
        background-position: center top;
    }

    .wcs-advantages .wcs-items .wcs-item.wcs-i1{ background-image: url("../images/wcs-ftth/img-advantages1.jpg"); }
    .wcs-advantages .wcs-items .wcs-item.wcs-i2{ background-image: url("../images/wcs-ftth/mob-img-advantages2.jpg"); }
    .wcs-advantages .wcs-items .wcs-item.wcs-i3{ background-image: url("../images/wcs-ftth/mob-img-advantages3.jpg"); }
    .wcs-advantages .wcs-items .wcs-item.wcs-i4{ background-image: url("../images/wcs-ftth/img-advantages4.jpg"); background-size: auto 260px; }
    .wcs-advantages .wcs-items .wcs-item.wcs-i5{ background-image: url("../images/wcs-ftth/mob-img-advantages5.jpg"); }
    .wcs-advantages .wcs-items .wcs-item.wcs-i6{ background-image: url("../images/wcs-ftth/mob-img-advantages6.jpg"); }
    .wcs-advantages .wcs-items .wcs-item.wcs-i7{ background-image: url("../images/wcs-ftth/img-advantages7.jpg"); background-position: right top; background-size: auto 264px; }
    .wcs-advantages .wcs-items .wcs-item.wcs-i8{ background-image: url("../images/wcs-ftth/img-advantages8.jpg"); background-position: right top; background-size: auto 194px; }



    .wcs-advantages .wcs-items {
        transform: translate(0%,0) scale(1);
        left: auto;
    }

    .wcs-advantages {
        max-height: 11172px;
    }


    .wcs-advantages .wcs-items .wcs-item .wcs-item-content{
        min-height: 10px !important;
        padding: 30px 20px !important;
        left: 0px !important;
        top: auto !important;
        bottom: 0px !important;
        width: 100% !important;
        transform: translate(0, 0) !important;
        background: #B8E0EF;
        max-width: 1000px !important;
        overflow: visible;
    }


    .wcs-advantages .wcs-items .wcs-item .wcs-item-content::after{
        content: "";
        position: absolute;
        right: 0px;
        top: -31px;
        width: 101px;
        height: 31px;
        background: url("../images/wcs-ftth/bg-corner.png") no-repeat center center;
    }

    

    .wcs-advantages .wcs-items .wcs-item .wcs-item-content .wcs-item-text{
        line-height: 130%;
    }


    .wcs-steps .wcs-title{
        font-size: 21px;
        text-align: left;
    }

    .wcs-steps .wcs-items{
        margin: 0 -20px 40px 0;
    }

    .wcs-steps .wcs-items .wcs-item{
        width: 300px;
        height: 320px;
        margin: 0 5px 0 0;
    }



    .wcs-steps .wcs-info .wcs-row .wcs-col{
        display: block;
        width: auto;
    }

    .wcs-steps .wcs-info .wcs-row .wcs-col.wcs-first{
        max-width: 230px;
        margin: 0 auto;
        line-height: 175%;
    }

    .wcs-steps .wcs-info .wcs-row .wcs-col .wcs-home,
    .wcs-steps .wcs-info .wcs-row .wcs-col .wcs-like{
        display: block;
        margin: 0 auto 15px auto;
    }

    .wcs-steps .wcs-info .wcs-row .wcs-col.wcs-last,
    .wcs-steps .wcs-info .wcs-row .wcs-col.wcs-first{
        padding: 30px 0 0 0;
        text-align: center;
    }

    .wcs-steps .wcs-info .wcs-row .wcs-col::before{
        display: block;
        margin: 0 auto 10px auto;
    }

    .wcs-steps .wcs-copy{
        font-size: 15px;
    }

    .wcs-speed-test .wcs-content{
        border-width: 1px;
    }

    .wcs-speed-test .wcs-content .wcs-title{
        font-size: 19px;
        line-height: 140%;
    }

    .wcs-speed-test .wcs-content .wcs-title br{
        display: none;
    }

    .wcs-speed-test{
        padding: 30px 10px;
    }

    .wcs-speed-test .wcs-content .wcs-items .wcs-item{
        width: 50%;
        text-align: center;
        padding: 0px;
        min-height: 150px;
    }

    .wcs-speed-test .wcs-content .wcs-items .wcs-item .wcs-item-icon{
        float: none;
        margin: 0 auto 15px auto;
    }

    .wcs-speed-test .wcs-content .wcs-items .wcs-item .wcs-item-title{
        padding: 0px;
    }

    .wcs-speed-test .wcs-content .wcs-row::before{
        width: calc(100% - 20px);
    }

    .wcs-speed-test .wcs-content .wcs-row .wcs-col{
        width: 245px;
        height: 245px;
    }

    .wcs-speed-test .wcs-content .wcs-row .wcs-col .wcs-col-title{
        font-size: 19px;
    }


    .wcs-footer2 .wcs-row .wcs-col{
        max-width: 375px;
        width: auto;
        height: auto;
        margin: 0 auto 10px auto;
        padding: 25px;
        min-height: 10px;
        display: block;
    }

    .wcs-footer2{
        padding: 30px 15px;
    }

    .wcs-footer2 .wcs-row .wcs-col .wcs-col-icon{
        top: 75px;
        display: none;
    }

    .wcs-footer2 .wcs-row .wcs-col .wcs-col-title,
    .wcs-footer2 .wcs-row .wcs-col.wcs-first .wcs-col-title, 
    .wcs-footer2 .wcs-row .wcs-col.wcs-sec .wcs-col-title{
        font-size: 19px;
    }

    .wcs-faq .wcs-close{
        top: 5px;
    }


    .wcs-fiber {
        min-height: 315px;
    }

    .wcs-fiber .wcs-content {
        right: 16%;
        right: 96px;
        top: 55px;
        width: 203px;
        background: #fff;
        padding: 20px 0 20px 0;
    }

    .wcs-fiber .wcs-content .wcs-text{
        font-size: 15px;
        padding: 0 0 10px 0;
    }

    .wcs-fiber .wcs-content .wcs-logo img{
        height: 60px;
    }

    .wcs-fiber .wcs-content .wcs-more {
        font-size: 12px;
        padding: 13px 16px;
    }



    .wcs-availability {
        margin: 20px auto;
        padding: 25px 15px 15px 15px;
        border-radius: 0px;
    }

    .wcs-availability .wcs-title {
        font-size: 22px;
        line-height: 135%;
        display: block;
        width: auto;
        padding: 0 0 30px 0;
    }

    .wcs-availability .wcs-title br{
        display: none;
    }



    .wcs-plans .wcs-callme{
        text-align: center;
    }

    .wcs-plans .wcs-callme{
        padding: 50px 30px;
    }

    .wcs-plans .wcs-extra-benefits{
        width: auto;
    }

    .wcs-plans .wcs-extra-benefits-button {
        right: 0px;
        width: 100%;
        padding: 25px 80px 25px 20px;
    }

    .wcs-plans .wcs-extra-benefits .wcs-gift {
        font-size: 11px;
        line-height: 110%;
    }



}




















.wcs-tag-new{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    background: #006D29;
    border-radius: 20px;
    line-height: 15px;
    padding: 0 5px;
    margin: 0 0 3px 0;
    font-family: 'PeridotPEBold';
}






































