@import '../vendor/bootstrap/css/bootstrap.min.css';
@import '../vendor/boxicons/css/boxicons.min.css';
@import '../vendor/animate.css/animate.min.css';
@import '../vendor/owl.carousel/assets/owl.carousel.min.css';
@import '../vendor/aos/aos.css';
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=37aea0f7-4615-485a-867f-c947dade1d2d");
    @font-face{
        font-family:"Helvetica Neue LT W05_45 Light";
        src:url("/assets/fonts/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"),url("/assets/fonts/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff");
        font-display: swap;
    }
    @font-face{
        font-family:"Helvetica Neue LT W01_75 Bold";
        src:url("/assets/fonts/1f4274cd-2674-481e-9023-69e33ffca161.woff2") format("woff2"),url("/assets/fonts/5e8d493c-be01-44b9-962e-504a5cf10dd8.woff") format("woff");
        font-display: swap;
    }
body, p .pricing-table h5 {
  font-family: 'Helvetica Neue LT W05_45 Light', sans-serif;
  color: #000;
  font-weight: normal;
}
html {
  scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6, b, strong, .btn, .pricing-table .price-button, .service-title, .service-btn,.title, .price,.ultraFast_broadband-title, .btn-ultrafast,.it_all_in_the_details_title,.selection,.sg4_inputs,select.form-control,.see_your_options_below,.awesome_color_contant,.keybtn_etherpro,.main-head,.pricing-table .pricing-label,.pricing-table .pricing-features .feature_top,.pricing-table .pricing-features .feature span,.pricing-table .price-tag,.pricing-table .price-tag .symbol, .pricing-table .price-tag .amount,.pricing-table .price-tag .after,.start_img .idnet-name,.headermenutitle,#header .logo, .overlay a,.overlay .closebtn,.btn-get-started,.keybtn, .whyident-title,.idnet-stuff .idnet-name,.ourstory-title,.story-description a,.keepinformed-title,.helplinenumber,.table-routers > div, .table-routers > div > div, .footer .footer-link a, .font-weight-bold  {
  font-family: 'Helvetica Neue LT W01_75 Bold', sans-serif;
  font-weight: normal !important;
}
select, option {
  -webkit-appearance: none;
}
a {
  color: #000;
}
a:hover {
  color: #e6007d;
  text-decoration: none;
}
.uc {
  text-transform: uppercase;
}
.text-secondary {
  color: #e6007d !important;
}
.btn {
  font-size: inherit !important;
  padding: 6px 18px 12px;
}
.btn-xs {
  padding: 0.2rem !important;
  line-height: 1;
}
.table.p-0 th, .table.p-0 td {
  padding: 0;
}
.table.p-5 th, .table.p-5 td {
  padding: 5px;
}
.table.text-center th, .table.text-center td {
  text-align: center;
}
#speedinfo {
  background-color: #efefef;
}
#speedinfo .table th {
  width: 50%;
}
#speedinfo .table td {
  width: 25%;
}
sup.base {
  top: 0 !important;
  font-size: 75%;
}
.db {
  display: block;
}
.btn-grey, .bg-grey {
  background-color: #efefef;
}
.t {
  display: table;
  width: 100%;
}
.t > div {
  border: 0;
  display: table-row;
  width: 100%;
}
.t > div > div {
  border: 0;
  display: table-cell;
}
.title {
  text-align: left;
}
.title, .price {
  width: 25%;
  font-size: 20px;
  vertical-align: middle;
}
.product .title, .product .price {
  width: 20%;
}
.price {
  text-align: right;
}
.desc {
  text-align: center;
  vertical-align: middle;
}
.product .desc {
  font-size: 14px;
}
.image {
  vertical-align: middle;
}
.title img, .image img {
  border-radius: 5px;
  border-color: grey;
  border-style: solid;
  border-width: 1px;
  padding: 3px;
  margin-right: 20px;
  width: 125px;
}
.module {
  margin-bottom: 150px;
  border-bottom: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #e6007d;
}
.module a {
  margin-bottom: 15px;
}
.btn-primary .t {
  color: #fff;
}

select.sg4_inputs, select.form-control {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px #e6007d;
  color: #fff;
}
/*<-----------------------new-css-start---------------------------------->*/
/*<-----------------------For_table_responsive---------------------------------->*/
.table-responsive {
  overflow-y: hidden !important;
}
/*<-----------------------For_table_responsive---------------------------------->*/
.video_over_text {
  background: #e6007d !important;
  color: #fff !important;
}
.for_width {
  flex: 20% !important;
  max-width: 20% !important;
}
.ultrafast_broadband_decription-devide {
  padding: 60px 0px 0px 0px !important;
}
#ultrafast_main_banner .hero-image {
  min-height: 40vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-text {
  text-align: center;
  color: white;
  padding:10vh 20vw;
}
.hero-text button {
  border: none;
  width: 250px;
  outline: 0;
  display: inline-block;
  padding: 10px 25px;
  color: black;
  background-color: #e6007d;
  text-align: center;
  cursor: pointer;
  color: #fff;
  border: 1px solid #fff;
}
.hero-text button:hover {
  background-color: transparent;
  color: white;
}
.ultraFast_broadband-title {
  font-size: 28px;
  padding-bottom: 30px;
  color: #000;
  text-align: center;
}
.more-details h6 {
  text-decoration: underline;
  color: #000;
}
.more-details h6:hover {
  color: #e6007d;
}
.ultrafast_broadband_decription {
  padding: 0px 0px;
}
.for-bg {
  background: rgba(0, 0, 0, .05);
  padding: 20px;
}
.heading-color {
  color: #e6007d !important;
}
/*<-----------------ultrafast_main_banner-Start--------------------->*/
#ultrafast_main_banner {
  width: 100%;
  min-height: 40vh;
  padding: 0px 0px 60px;
  display: block;
  margin-top: 80px;
}
#ultrafast_main_banner .ultrafast_main_banner_img {
  width: 100%;
  min-height: 40vh;
}
#ultrafast_main_banner.smaller, #ultrafast_main_banner.smaller .hero-image {
  min-height: 20vh;
}
#ultrafast_main_banner.small, #ultrafast_main_banner.small .hero-image {
  min-height: 30vh;
}
#ultrafast_main_banner h2 {
  color: #fff;
  margin: 0;
  font-size: 48px;
}
#ultrafast_main_banner p {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  color: #fff;
  margin-top: 10px;
}
.btn-ultrafast {
  font-size: 18px;
  letter-spacing: 0px;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 4px;
  transition: 0.5s;
  line-height: 1;
  color: #000000;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  background: #FFF;
  margin-top: 15px;
}
/*<-----------------ultrafast_main_banner-End--------------------->*/
.it_all_in_the_details {
  padding: 30px;
}
.it_all_in_the_details-bg {
  background: #4b4b4b;
  padding: 20px;
  margin: 0px;
}
.it_all_in_the_details-bg h6 {
  color: #fff;
}
.it_all_in_the_details_title {
  font-size: 28px;
  color: #000;
  text-align: center;
  margin: 0px;
  padding: 20px 0px 0px 20px;
}
.for-font-size {
  font-size: 14px;
}
#hassle-free_broadband {
  width: 100%;
  min-height: 40vh;
  padding: 20px 0px 60px 0px;
  display: block;
  margin: 0px 0px 50px 0px;
}
#hassle-free_broadband .hero-image {
  min-height: 40vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
#hassle-free_broadband .hero-text {
  text-align: center;
  color: white;
}
.for_underline {
  color: #000;
  text-decoration: underline;
}
.selection {
  font-size: 18px;
  letter-spacing: 0px;
  display: inline-block;
  padding: 8px 31px;
  border-radius: 4px;
  transition: 0.5s;
  line-height: 1;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  background: #e6007d;
  margin-top: 15px;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  /*width: 250px;*/
}
.sg4_inputs {
  font-size: 18px;
  letter-spacing: 0px;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 4px;
  transition: 0.5s;
  line-height: 1;
  color: #000;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  background: #fff;
  margin-top: 15px;
  width: 350px;
  border: none;
}
select.form-control {
  font-size: 18px;
  letter-spacing: 0px;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 4px;
  transition: 0.5s;
  line-height: 1;
  color: #000;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: none;
}
/*<------------------------awesome_page_css_start------------------------------->*/
#awesome_main .hero-image {
  height: 40vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.for_awsome_section {
  padding: 0px;
}
#awesome_main .hero-text {
  text-align: center;
  color: white;
}
.see_your_options_below {
  color: #fff;
  text-decoration: underline;
}
.see_your_options_below:hover {
  color: #e6007d;
}
.awesome_color_contant {
  color: #e6007d;
}
.for-line_height {
  line-height: 2.0;
}
.partner_logo {
  min-height: 120px;
  background-position: center;
  background-repeat: no-repeat;
}
.partner_logo.cambit {
  background-image: url('/assets/img/cambit-logo.png');
  background-size: 75%;
}
.partner_logo.fluidit {
  background-image: url('/assets/img/fluidit-logo.png');
  background-size: 50%;
}
.partner_logo.tnc {
  background-image: url('/assets/img/tnc-logo.png');
  background-size: 50%;
}
/*<------------------------awesome_page_css_end------------------------------->*/
/*<-------------------------------pricing-box-css_strat------------------------->*/
.bs-example {
  margin: 20px;
}
.bs-example h5 {
  line-height: 37px;
  color: #e6007d;
  width: 76%;
  display: inline-block;
}
.accordion .fa {
  margin-right: 0.5rem;
  font-size: 24px;
  position: relative;
}
.card-header {
  padding: 5px 0px !important;
  margin-bottom: 0;
  background: #e5e5e5;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  border-radius: 2px;
}
.btn:not(:disabled):not(.disabled) {
  text-decoration: none;
}
sup {
  top: -0.7em !important;
  vertical-align: super;
  font-size: 24px;
}

.keybtn_etherpro {
  background: #f2f2f2;
  color: #000;
  font-size: 16px;
  padding: 9px 10px;
  border-radius: 5px;
  border: none;
  outline: none !important;
}
.keybtn_etherpro:hover {
  color: #e6007d;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff !important;
  background-color: #e6007d !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .active {
  color: #fff !important;
  background-color: #e6007d !important;
}
/*.active{
	color: #fff!important;
    background-color: #e6007d!important;
}*/
/*.active2
  background: #e6007d;
    color: #fff;
    font-size: 16px;
    padding: 9px 10px;
    border-radius: 5px;
    border: none;
    outline: none !important;
}
.active2:hover{
  color: #fff;
}*/
.main-head {
  background: #0D1440;
  box-shadow: 0px 1px 10px -6px rgba(0, 0, 0, .15);
  padding: 1rem;
  margin-bottom: 0;
  margin-top: 5rem;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  font-size: 16px;
}
.pricing-table {
  background: #f2f2f2;
  padding: 2rem;
  border-radius: 4px;
  transition: .3s;
}
.pricing-white {
  background: #fff;
  padding: 2rem;
  border-radius: 4px;
  transition: .3s;
}
.availability-white {
  background: #fff;
padding: 0rem;
border-radius: 4px;
transition: .3s;
  
}
.pricing-table:hover {
  box-shadow: 0px 1px 10px -4px rgba(0, 0, 0, .15);
}
.pricing-table .pricing-label {
  border-radius: 2px;
  padding: .25rem .5rem;
  margin-bottom: 1rem;
  display: inline-block;
  font-size: 12px;
}
.pricing-table h2 {
  color: #000;
  font-size: 24px;
}
.pricing-table h5 {
  color: #B3B3B3;
  font-size: 14px;
}
/*
.pricing-table .pricing-features {
  margin-top: 2rem;
}*/
.pricing-table .pricing-features .feature_top {
  margin: .5rem 0;
  color: #000;
  font-size: 16px;
}
.pricing-table .pricing-features .feature_top lable {
  color: #e6007d;
}
.pricing-table .pricing-features .feature {
  margin: .5rem 0;
  color: #000;
  font-size: 14px;
  line-height: 27px;
}
.pricing-table .pricing-features .feature span {
  display: inline-block;
  float: right;
  color: #3b3b3b;
}
.pricing-table .price-tag {
  text-align: center;
}
.pricing-table .price-tag .symbol {
  font-size: 24px;
  color: #000;
}
.pricing-table .price-tag .amount {
  letter-spacing: -2px;
  font-size: 64px;
  color: #e6007d;
}
.pricing-table .price-tag .after {
  color: #000;
}
.pricing-table .price-button {
  display: block;
  color: #fff;
  margin: 2rem auto;
  padding: .75rem;
  border-radius: 2px;
  text-align: center;
  transition: .3s;
  background: #e6007d !important;
}
.pricing-table .price-button:hover {
  text-decoration: none;
}
.purple .pricing-label {
  background: #cad2ff;
  color: #627afe;
}
.purple .price-tag {
  color: #627afe;
}
.purple .price-button {
  background: #627afe;
}
.purple .price-button:hover {
  background: #546dfe;
}
.turquoise .pricing-label {
  background: #b9edee;
  color: #44cdd2;
}
.turquoise .price-tag {
  color: #44cdd2;
}
.turquoise .price-button {
  background: #44cdd2;
}
.turquoise .price-button:hover {
  background: #2dbcc4;
}
.red .pricing-label {
  background: #ffc4c4;
  color: #ff5e5e;
}
.red .price-tag {
  color: #ff5e5e;
}
.red .price-button {
  background: #ff5e5e;
}
.red .price-button:hover {
  background: #f23c3c;
}
.for-responsive {
  width: 100%;
  height: 250px;
}
.etherpro_services {
  padding: 0px !important;
  background: #f2f2f2;
}
.etherpro_services-description {
  font-size: 17px;
  line-height: 20px;
  padding: 10px 0px 40px 0px;
}
/*<------------------------------------pricing-ox-css-end------------------------------->*/

/*<------------------------------------TopBox-css-start------------------------------->*/

.top-banner {
  background:#e6007d; 
  color: white; 
  padding-top:5px; 
  padding-bottom:5px; 
  margin:5px; 
  border-top-right-radius: .25rem;
  border-top-left-radius: .25rem;
  font-size: 20px;
}
.pricing-table .topbox-features .feature:before {
  font-family: "Font Awesome 5 Pro";
  content: '\f00c';
  margin-right: 10px;
}
.pricing-table .topbox-features .feature {
  color: rgb(0, 0, 0);
  font-size: 16px;
  line-height: 27px;
  margin: 0.5rem 0px;
}
.pricing-table .topbox-button {
  display: block;
  color: #fff;
  margin: 2rem auto;
  padding: .75rem;
  border-radius: .25rem;
  text-align: center;
  transition: .3s;
  background: #e6007d !important;
}
.pricing-table .topbox-button:hover {
  text-decoration: none;
}
.top-smallprint {
  font-size: 16px; 
  color: rgba(0, 0, 0, 0.66) !important;
}
/*<------------------------------------TopBox-css-end------------------------------->*/

/*<------------------------------------Homebroadbad-css-start------------------------------->*/
.your_home-link2 {
  position: relative;
  top: 0px;
  left: 200px;
  right: 0;
  bottom: 0;
}
.start_img img {
  width: 162px;
  padding-bottom: 15px;
}
.start_img .idnet-name {
  color: black;
  font-size: 24px;
  margin-bottom: 6px;
}
.idnet-description {
  color: black;
  font-size: 16px;
  line-height: 24px;
  padding: 0 5%;
}
/*<------------------------------------Homebroadbad-css-start------------------------------->*/
/*<-----------------------new-css-start---------------------------------->*/
/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/
.menubtn {
  font-size: 20px;
  cursor: pointer;
  background: #000;
  color: #FFF;
  border-radius: 5px;
  width: 36px;
  height: 36px;
  text-align: center;
  padding: 3px;
  display: inline-block;
  position: relative;
}
.menubtn:hover {
  background: #e6007d;
  color: #FFF;
}
.headermenutitle {
  font-size: 14px;
  width: 50px;
  position: relative;
  right: 40px;
}
#header {
  background: #fff;
  transition: all 0.5s;
  z-index: 997;
  padding: 20px 0;
}
#header.header-scrolled {
  padding: 12px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
#header .logo {
  font-size: 26px;
  margin: 0;
  padding: 0;
  line-height: 1;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
#header .logo a {
  color: #0b2341;
}
#header .logo {
  width: 100px;
}
.header-input {
  position: absolute;
  left: 33%;
  right: 33%;
  margin: 0 auto;
  text-align: center;
}
.header-input input, .header-input input:focus {
  background: black;
  color: #FFF;
  text-align: center;
  padding: 4px 6px;
  border-radius: 4px;
  width: 170px;
}
.Loginslink {
  padding-right: 0px;
  padding-left: 0px;
}
.btn-primary {
  background-color: #e6007d !important;
  color: #fff !important;
  border: none;
}
.btn-primary:hover, .btn-grey:hover {
  background-color: #000 !important;
  color: #fff !important;
}
.text-primary {
  color: #e6007d !important;
}
.text-green {
  --tw-text-opacity: 1;
  color: rgba(0, 159, 77, var(--tw-text-opacity));
}
@media screen and (max-width:767px) {
  video {
    position: absolute;
    display: block;
    z-index: -1;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    min-width: 100%;
  }
  .bs-example {
    margin: 0px;
  }
  .ultrafast-broadband-section {
    padding: 20px 0px;
  }
  .it_all_in_the_details {
    padding: 0px;
  }
  .it_all_in_the_details-bg {
    background: #4b4b4b;
    padding: 0px;
    margin: 0px;
  }
  .your_home-link2 {
    position: relative;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
  }
  .for-responsive {
    width: 100%;
    height: auto;
  }
  .hero-text {
    text-align: center;
    color: white;
  }
  .bs-example h5 {
    line-height: 20px;
    color: #e6007d;
    font-size: 16px;
    text-align: left;
  }
  .fa-chevron-circle-right {
    line-height: 20px !important;
    float: right;
  }
  .accordion .fa {
    margin-right: 0.5rem;
    font-size: 14px;
    position: relative;
    text-align: center;
    float: none;
  }
  #hassle-free_broadband .hero-text {
    text-align: center;
    color: white;
  }
  .hero-text2 {
    text-align: center;
    color: white;
    width: 90%;
  }
  .hero-text h1 {
    font-size: 24px;
  }
  .hero-text p {
    font-size: 18px;
  }
  .hero-text button {
    outline: 0;
    display: inline-block;
    padding: 5px 15px;
    color: black;
    background-color: #e6007d;
    text-align: center;
    cursor: pointer;
    margin: 5px 0px;
    color: #fff;
    border: 1px solid #fff;
    font-size: 13px;
    width: 150px;
  }
  .hero-text button:hover {
    background: transparent;
    color: #fff;
  }
  .selection {
    font-size: 12px;
    letter-spacing: 0px;
    display: inline-block;
    padding: 8px 6px;
    border-radius: 4px;
    transition: 0.5s;
    line-height: 1;
    color: #fff;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    background: #e6007d;
    margin-top: 15px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    /*width: 150px;*/
  }
  .sg4_inputs {
    font-size: 12px;
    width: 300px;
  }
  .btn-ultrafast {
    font-size: 13px;
    letter-spacing: 0px;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 4px;
    transition: 0.5s;
    line-height: 1;
    color: #000000;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    background: #FFF;
    margin-top: 10px;
    width: 150px;
  }
  .btn-ultrafast:nth-child(1) {
    font-size: 13px;
    letter-spacing: 0px;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 4px;
    transition: 0.5s;
    line-height: 1;
    color: #000000;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    background: #e6007d;
    margin-top: 10px;
    width: 150px;
    color: #fff;
  }
  .hero-text input:hover {
    background: transparent;
    color: #fff;
  }
  .Loginslink {
    padding-right: 15px;
    padding-left: 15px;
  }
  .your_home-link {
    top: -15px !important;
    left: 0px !important;
  }
  #header .logo {
    width: 70px;
  }
  .header-input {
    display: none;
  }
  .your_home, .your_business, .your_connecting, .your_high, .your_boost, .your_bing, .your_dedicated {
    height: 300px !important;
    margin: 10px 0;
    padding: 0 32px !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .your_business-link, .your_connecting-link, .your_high-link, .your_boost-link, .your_boost-link {
    padding-top: 60px !important;
  }
  .storyimg img {
    height: auto !important;
  }
  .service-row {
    margin-bottom: 0 !important;
  }
  #whyidnet {
    padding: 0px 0 0px !important;
  }
  .service-btn {
    margin-bottom: 20px;
  }
  .socialicon {
    padding: 30px 0;
  }
  .footer {
    margin-top: 30px;
  }
  .keepinformed-title {
    padding: 20px 0px 10px 0px;
  }
  .overlay .closebtn {
    right: 15px !important;
  }
  .footer .footer-input input {
    text-align: left;
    width: 100%;
  }
  .footer h4 {
    text-align: left;
    margin: 20px 0 0;
  }
  .footer-link {
    text-align: left !important;
  }
  .footeraddress {
    padding: 0 0 20px;
  }
  .ourstory, .whyidnet {
    padding: 0 0 0px !important;
  }
  .your_boost-link {
    top: -20px !important;
  }
}
.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #000;
  overflow-y: scroll;
  opacity: 1;
  transition: 0.25s;
}
.overlay-content {
  position: relative;
  top: 0;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.overlay-content img {
  width: 140px;
  padding: 0 0 30px;
}
.overlay-content .row {
  margin: 0;
}
.overlay a {
  padding: 6px 0 10px;
  text-decoration: none;
  font-size: 28px;
  color: #fff;
  display: block;
  transition: 0.25s;
  margin-bottom: 0;
}
.overlay a:hover, .overlay a:focus, a.text-primary:focus, a.text-primary:hover {
  color: #e6007d !important;
  text-decoration: underline;
}
.overlay .closebtn {
  position: absolute;
  z-index: 9;
  top: 22px;
  right: 22px;
  font-size: 32px;
  cursor: pointer;
  background: #e6007d;
  color: #FFF;
  border-radius: 5px;
  width: 36px;
  height: 36px;
  text-align: center;
  padding: 3px;
  display: inline-block;
  line-height: 26px;
}
.overlay .closebtn:hover {
  color: #000 !important;
}
@media screen and (max-height: 450px) {
  .overlay {
    overflow-y: auto;
  }
  .overlay a {
    font-size: 20px
  }
}
.mobile-nav-toggle {
  display: none;
}
/*--------------------------------------------------------------

# slider Section

--------------------------------------------------------------*/
.sliderfirst span {
  display: grid;
}
#slider {
  width: 100%;
  background-color: rgba(4, 12, 21, 0.8);
  overflow: hidden;
  position: relative;
  padding-top: 56%;
}
#slider .carousel, #slider .carousel-inner, #slider .carousel-item, #slider .carousel-item::before {
  position: absolute;
  top: 20px;
  right: 0;
  left: 0;
  bottom: 0;
}
#slider .carousel-item {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
#slider .carousel-item::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.3);
}
#slider .carousel-container {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 50px;
  left: 50px;
  right: 50px;
}
#slider h2 {
  color: #fff;
  margin: 0;
  font-size: 48px;
}
#slider .text-center2 strong {
  text-align: center;
  width: 100%;
  margin: 35px auto;
}
.sliderfirst span {
  display: grid;
}
#slider p, #ultrafast_main_banner p, .hero p {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  color: #fff;
  margin-top: 10px;
  font-size: 150%;
}
@media (min-width: 1600px) {
  #slider {
    padding-top: 45%;
  }
}
@media (min-width: 1200px) {
  #slider p {
    width: 50%;
  }
}
#slider .carousel-inner .carousel-item {
  transition-property: opacity;
  background-position: center top;
}
#slider .carousel-inner .carousel-item, #slider .carousel-inner .active.carousel-item-left, #slider .carousel-inner .active.carousel-item-right {
  opacity: 0;
}
#slider .carousel-inner .active, #slider .carousel-inner .carousel-item-next.carousel-item-left, #slider .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
  transition: 0.5s;
}
#slider .carousel-inner .carousel-item-next, #slider .carousel-inner .carousel-item-prev, #slider .carousel-inner .active.carousel-item-left, #slider .carousel-inner .active.carousel-item-right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
#slider .carousel-control-prev, #slider .carousel-control-next {
  width: 10%;
  top: 112px;
}
@media (max-width: 992px) {
  #slider .carousel-control-prev, #slider .carousel-control-next {
    top: 66px;
  }
}
#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon {
  background: none;
  font-size: 36px;
  line-height: 1;
  width: auto;
  height: auto;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  padding: 10px;
  transition: 0.25s;
  color: rgba(255, 255, 255, 0.5);
}
#slider .carousel-control-next-icon:hover, #slider .carousel-control-prev-icon:hover {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}
#slider .carousel-indicators li {
  cursor: pointer;
  background: #fff;
  overflow: hidden;
  border: 0;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  opacity: .6;
  transition: 0.25s;
}
#slider .carousel-indicators li.active {
  opacity: 1;
  background: #000;
}
#slider .btn-get-started {
  font-size: 18px;
  letter-spacing: 0px;
  display: inline-block;
  padding: 8px 20px 12px;
  border-radius: 4px;
  transition: 0.5s;
  line-height: 1;
  color: #000000;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  background: #FFF;
  margin-top: 15px;
}
#slider .btn-get-started:hover {
  background: #e6007d;
  color: #FFF;
  text-decoration: none;
}
@media (max-width: 992px) {
  #slider {}
  #slider .carousel-container {
    text-align: center;
    top: 50px;
  }
}
@media (max-width: 768px) {
  #hassle-free_broadband .hero-image {
    background-image: url(assets/img/hassle_free_broadband.jpg);
  }
  .for_width {
    flex: 100% !important;
    max-width: 100% !important;
  }
  
  #slider .carousel-container {
    top: 0px;
  }
}
@media (min-width: 1024px) {
  #slider .carousel-control-prev, #slider .carousel-control-next {
    width: 5%;
  }
}
@media (max-height: 500px) {
  #slider {
    height: 120vh;
  }
}
/*--------------------------------------------------------------

# Sections General

--------------------------------------------------------------*/
section {
  padding: 60px 0;
}
/* Common */
.text-black {
  color: black;
}
.text-white {
  color: white;
}
.bg-white {
  background: white;
}
.bg-black {
  background: black;
}
/* Second Section: Images  Portion */
.service-row {
  margin-bottom: 20px;
}
.your_business {
  background: url(../img/imageone.jpg);
  background-size: cover;
  height: 400px;
  width: 100%;
  display: block;
  padding: 16px 32px;
}
.professional_broadband_img {
  background: url(../img/professional_broadband.jpg);
  background-size: cover;
  height: 400px;
  width: 100%;
  display: block;
  padding: 16px 32px;
}
.your_business-link {
  padding-top: 87px;
  display: block;
}
.your_home {
  background: url(../img/imagetwo.jpg);
  background-size: cover;
  background-position: bottom;
  height: 400px;
  width: 100%;
  display: block;
  padding: 16px 32px;
}
.home_phone, .business_phone {
  background: url("../img/home_phone.jpg");
  background-size: cover;
  background-position: bottom;
  height: 400px;
  width: 100%;
  display: block;
  padding: 16px 32px;
}
.business_phone {
  background-image: url("../img/business_phone.jpg");
}
.your_connecting {
  background-image: url("../img/etherwifi-sml.jpg");
  background-size: cover;
  height: 400px;
  width: 100%;
  display: block;
  padding: 16px 32px;
}
.your_connecting-link {
  padding-top: 87px;
  display: block;
}
.your_high {
  background-image: url(../img/imagefour.jpg);
  background-size: cover;
  height: 400px;
  width: 100%;
  display: block;
  padding: 16px 32px;
}
.your_high-link {
  padding-top: 87px;
  display: block;
}
.your_boost {
  background-image: url(../img/imagefive.jpg);
  background-size: cover;
  height: 400px;
  width: 100%;
  display: block;
  padding: 16px 32px;
}
.your_boost-link {
  padding-top: 0;
  display: inline-block;
  position: relative;
  top: -60px;
}
.your_bing {
  background-image: url("../img/bcorp-sml.jpg");
  background-size: cover;
  height: 400px;
  width: 100%;
  display: block;
  padding: 16px 32px;
}
.your_bing-link {
  padding-top: 70px;
  display: block;
}
.your_dedicated {
  background-image: url(../img/imageseven.jpg);
  background-size: cover;
  height: 400px;
  width: 100%;
  display: block;
  padding: 16px 32px;
}
.your_dadicated-link {
  padding-top: 35px;
  display: block;
}
.your_home-link {
  position: relative;
  top: -110px;
  left: 200px;
  right: 0;
  bottom: 0;
}
.your_business-link:hover, .your_home-link:hover, .your_connecting-link:hover, .your_high-link:hover, .your_boost-link:hover {
  text-decoration: none;
}
.service-title {
  font-size: 30px;
  line-height: 1.35;
}
.d-block .service-title {
  line-height: 1.1;
}
.service-description {
  font-size: 17px;
  line-height: 1.5;
  padding-top: 12px;
  padding-bottom: 10px;
}
.service-black-btn {
  background-color: #000;
  color: #fff;
}
.service-white-btn {
  background: #FFF;
  color: #000;
}
.service-color-btn {
  background: #e6007d;
  color: #fff;
}
.pink-color {
  color: #e6007d !important;
}
.service-color-btn:hover {
  background: #000 !important;
  color: #fff !important;
}
.service-btn {
  font-size: 18px;
  padding: 6px 20px 10px;
  border-radius: 5px;
  border: none;
  outline: none !important;
  display: inline-block;
  text-align: center;
}
.service-btn:hover, .service-white-btn:hover, .keybtn:hover {
  background: #e6007d;
  color: #FFF;
}
.keybtn {
  background: #000;
  color: #FFF;
  font-size: 16px;
  padding: 9px 10px;
  border-radius: 5px;
  border: none;
  outline: none !important;
}
/* WhyIDNet Section */
.services {
  padding: 60px 0 0px !important;
}
.ourstory, .whyidnet {
  padding: 0 0 60px;
}
.whyident-title {
  font-size: 28px;
  padding-bottom: 30px;
  color: #000;
  text-align: center;
  padding-top: 30px;
}
.idnet-stuff img {
  width: 115px;
  padding-bottom: 15px;
}
.idnet-stuff .idnet-name {
  color: black;
  font-size: 24px;
  margin-bottom: 10px;
  line-height: 1.2;
}
/* Our Story Sectin */
.ourstory-title {
  font-size: 28px;
}
.story-description {
  font-size: 17px;
}
.story-description a {
  text-decoration: black;
}
.storyimg img {
  height: 400px;
}
/* Keep Informed Section  */
.keepinformed-title {
  font-size: 28px;
  padding-bottom: 20px;
  color: #000;
  text-align: center;
}
.keepinformed-input {
  padding: 8px;
  border-radius: 5px;
  border: 1px solid gray;
  margin-right: 15px;
}
.socialicon {
  margin: 0 auto;
}
.helplinenumber {
  color: #FFF;
  font-size: 30px;
  padding: 20px 0 0 0;
}
.socialicon a img {
  width: 40px;
  padding: 0 5px;
}
.footer {
  padding: 40px 0px;
  background-color: #000;
}
.footer .certifiedlogo {
  width: 70px;
}
.footeraddress {
  color: #FFF;
  margin-top: 2rem !important;
}
.footeraddress p {
  margin-bottom: 0;
  font-size: 12px;
}
.footer-input {
  margin: 0 0 30px;
  text-align: right;
}
.footer .footer-input input {
  color: gray;
  background: #fff;
  text-align: center;
  border: 1px solid gray;
  padding: 6px 0;
  border-radius: 5px;
}
.footer .logo {
  width: 100px;
}
.footer h4 {
  color: white;
  font-size: 13px;
}
.footer .footer-link a {
  font-size: 11px;
  padding-bottom: 3px;
  display: block;
  color: #B5B5B5;
  opacity: 0.9;
}
.footer .footer-link a:hover {
  color: #e6007d;
  text-decoration: underline;
}
.container-block {
  color: #fff;
  display: inline-block;
  position: relative;
}
.container-block::before {
  /* / background-color: rgba(0, 0, 0, 0.3); / */
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 94%;
}
.container-block:hover .inner-block:before, .container-block:hover .slider-top-right:after {
  height: 100%;
}
.container-block:hover .inner-block:after, .container-block:hover .slider-top-right:before {
  width: 100%;
}
.container-block img {
  display: block;
  max-width: 100%;
}
.block-content {
  position: absolute;
  bottom: 8%;
  left: 8%;
}
.yourhome {
  left: 30%;
}
.slider-top-right:before, .inner-block:after {
  height: 4px;
  transition: width .75s ease;
  width: 0%;
}
.slider-top-right:after, .inner-block:before {
  height: 0%;
  transition: height .75s ease;
  width: 4px;
}
/* .inner-block:before,
  .inner-block:after,
  .slider-top-right:before,
  .slider-top-right:after {
  background-color: #fff;
  content: '';
  display: block;
  position: absolute;

  } */
.inner-block {
  font-size: 2em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
/* .inner-block:before {
  bottom: 0;
  left: 0;
}
.inner-block:after {
  bottom: 0;
  right: 0;
  } */
/* .slider-top-right {
  position: relative;
  width: 100%;
  height: 100%;
  }
  .slider-top-right:before {
  top: 0;
  left: 0;
}
.slider-top-right:after {
  top: 0;
  right: 0;
} */
.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 66px;
  background: rgba(255, 255, 255, 1);
  z-index: 900;
}
section.sticky {
  padding: 5px 0;
}
section.sticky .table td, section.sticky .table th, .table-routers > div > div {
  padding: 5px;
}
.table-routers > div, .table-routers > div > div {
  text-align: center;
  vertical-align: middle;
  border: none;
  color: #000;
  font-size: 13px;
}
.table-routers > div:nth-child(even) {
  background-color: rgba(0, 0, 0, .05);
}
.alert-dark {
  color: #FFF;
  background-color: #000;
  border-color: #000;
}
/*               */
/* CSS CHECKBOX  */
/*               */
.form-check-input[type="checkbox"]:not(:checked), .form-check-input[type="checkbox"]:checked {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.form-check-input[type="checkbox"].filled-in + label:before, .form-check-input[type="checkbox"].filled-in + label:after {
  position: absolute;
  left: 0;
  z-index: 1;
  content: "";
  -webkit-transition: border 0.25s, background-color 0.25s, width 0.2s .1s, height 0.2s .1s, top 0.2s .1s, left 0.2s .1s;
  transition: border 0.25s, background-color 0.25s, width 0.2s .1s, height 0.2s .1s, top 0.2s .1s, left 0.2s .1s;
}
.form-check-input[type="checkbox"].filled-in:not(:checked) + label:before {
  top: 10px;
  left: 6px;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.form-check-input[type="checkbox"].filled-in:not(:checked) + label:after {
  top: 0;
  z-index: 0;
  width: 20px;
  height: 20px;
  background-color: #FFF;
  border: 2px solid #CCC;
}
.form-check-input[type="checkbox"].filled-in:checked + label:after {
  top: 0;
  z-index: 0;
  width: 20px;
  height: 20px;
  background-color: #e6007d;
  border: 2px solid #e6007d;
}
.form-check-input[type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 2px solid transparent;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.form-check-input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  height: 1.5625rem;
  padding-left: 35px;
  line-height: 1.5625rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form-check-input[type="checkbox"].filled-in + label:before, .form-check-input[type="checkbox"].filled-in + label:after {
  position: absolute;
  left: 0;
  z-index: 1;
  content: "";
  -webkit-transition: border 0.25s, background-color 0.25s, width 0.2s .1s, height 0.2s .1s, top 0.2s .1s, left 0.2s .1s;
  transition: border 0.25s, background-color 0.25s, width 0.2s .1s, height 0.2s .1s, top 0.2s .1s, left 0.2s .1s;
}
.btn-warning {
  background-color: #f59331;
}
.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.video iframe {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#map {
  width: 100%;
  height: 60vh;
  margin: 50px 0;
}
#map h4, #map p {
  text-align: center;
}
#map h4 {
  color: rgb(0, 0, 0);
}
/*            */
/* CHECKER:   */
/*            */
h1.checker {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
}
#checking_animation span {
  position: relative;
  top: 0.63em;
  display: inline-block;
  text-transform: uppercase;
  opacity: 0;
  transform: rotateX(-90deg);
}
.let1 {
  animation: drop 1.2s ease-in-out infinite;
  animation-delay: 1.2s;
}
.let2 {
  animation: drop 1.2s ease-in-out infinite;
  animation-delay: 1.3s;
}
.let3 {
  animation: drop 1.2s ease-in-out infinite;
  animation-delay: 1.4s;
}
.let4 {
  animation: drop 1.2s ease-in-out infinite;
  animation-delay: 1.5s;
}
.let5 {
  animation: drop 1.2s ease-in-out infinite;
  animation-delay: 1.6s;
}
.let6 {
  animation: drop 1.2s ease-in-out infinite;
  animation-delay: 1.7s;
}
.let7 {
  animation: drop 1.2s ease-in-out infinite;
  animation-delay: 1.8s;
}
.let8 {
  animation: drop 1.2s ease-in-out infinite;
  animation-delay: 1.9s;
}
@keyframes drop {
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    top: 1.5em;
    transform: rotateX(-360deg);
  }
  80% {
    opacity: 1;
    top: 1.5em;
    transform: rotateX(-360deg);
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    top: 3em
  }
}
.mh-500 {
  max-height: 500px;
}
.mh-450 {
  max-height: 450px;
}
.mh-400 {
  max-height: 400px;
}
.mh-350 {
  max-height: 350px;
}
.mh-300 {
  max-height: 300px;
}
.mh-250 {
  max-height: 250px;
}
.mh-200 {
  max-height: 200px;
}
.mh-150 {
  max-height: 150px;
}
.mh-100px {
  max-height: 100px;
}
.mh-75 {
  max-height: 75px;
}
.mh-50px {
  max-height: 50px;
}
.client_logo {
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 60px;
  margin-bottom: 50px;
}
.trustpilot {
  background-image: url('/assets/img/logos/trustpilot.png');
}
.isp_review {
  background-image: url('/assets/img/logos/isp-review.png');
  background-size: 90% auto;
}
.think_broadband {
  background-image: url('/assets/img/logos/think-broadband.png');
  background-size: 100% auto;
}
.google {
  background-image: url('/assets/img/logos/google.png');
}
a.clist {
  display: block;
  height: 100px;
  overflow: hidden;
  position: relative;
  text-indent: -3000em;
  width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
a.ac {
  background-image: url('/assets/img/logos/ac.png');
}
a.kg {
  background-image: url('/assets/img/logos/kg.gif');
}
a.pi {
  background-image: url('/assets/img/logos/pi.gif');
}
a.hypertag {
  background-image: url('/assets/img/logos/ht.png');
  background-size: 75% auto;
}
a.photoloca {
  background-image: url('/assets/img/logos/photoloca.gif');
}
a.sf {
  background-image: url('/assets/img/logos/sf.gif');
}
a.bbc {
  background-image: url('/assets/img/logos/bbc.svg');
  background-size: 50% auto;
}
a.ge {
  background-image: url('/assets/img/logos/ge.svg');
  background-size: auto 50%;
}
a.yamaha {
  background-image: url('/assets/img/logos/yamaha.svg');
  background-size: 75% auto;
}
a.accenture {
  background-image: url('/assets/img/logos/accenture.png');
  background-size: 75% auto;
}
a.ea {
  background-image: url('/assets/img/logos/ea.png');
  background-size: auto 50%;
}
a.hp {
  background-image: url('/assets/img/logos/hp.svg');
  background-size: auto 50%;
}
a.sfo {
  background-image: url('/assets/img/logos/sfo.png');
  background-size: auto 50%;
}
a.mstrust {
  background-image: url('/assets/img/logos/mstrust.svg');
  background-size: auto 75%;
}
a.nhs {
  background-image: url('/assets/img/logos/nhs.svg');
  background-size: auto 50%;
}
a.zsl {
  background-image: url('/assets/img/logos/zsl.png');
  background-size: auto 50%;
}
a.ep {
  background-image: url('/assets/img/logos/ep.gif');
}
a.scf {
  background-image: url('/assets/img/logos/scf.gif');
}
.text-150 {
  font-size: 150% !important;
}
.text-200 {
  font-size: 200% !important;
}
dt {
  font-weight: normal;
}
.twitter-share-button[style] {
  vertical-align: text-bottom !important;
}
.faq {
  padding-bottom: 20px;
  border-bottom: 2px solid #eee;
  margin-bottom: 30px;
}
.meterText {
  color: #e6007d;
}
#test {
  margin-top: 2em;
  margin-bottom: 4em;
}
div.testArea {
  display: inline-block;
  width: 16em;
  height: 9em;
  position: relative;
  box-sizing: border-box;
}
div.testArea div.testName {
  position: absolute;
  top: 0.1em;
  width: 100%;
  z-index: 9;
}
div.testArea div.meterText {
  position: absolute;
  bottom: 1.55em;
  width: 100%;
  font-size: 2em;
  z-index: 9;
}
div.meterText:empty:before {
  content: "0.00";
}
div.testArea div.unit {
  position: absolute;
  bottom: 2em;
  width: 100%;
  z-index: 9;
}
div.testArea canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
div.testGroup {
  display: block;
  margin: 0 auto;
}

.by-1 { border-left:1px solid rgba(0,0,0,0.25); border-right:1px solid rgba(0,0,0,0.25);}
.by-2 { border-left:2px solid rgba(0,0,0,0.25); border-right:2px solid rgba(0,0,0,0.25);}
.bx-1 { border-top:1px solid rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25);}
.bx-2 { border-top:2px solid rgba(0,0,0,0.25); border-bottom:2px solid rgba(0,0,0,0.25);}


.mw-50 {max-width: 50%;}
.mw-75 {max-width: 75%;}


.btn-submenu {
  padding: unset;
  padding: 6px;
  background-color: #e6007d !important;
  color: #fff !important;
  border-radius: 5px;
  margin-right: 5px;
  margin-top: 2px;
  text-decoration: none;
}

.btn-submenu.active {
  font-weight: bold;
  
}

.package_name {
  font-size: 20px !important;
}
.package_price {
  font-size: 20px !important;
}

/*             */
/* RESPONSIVE  */
/*             */
@media (min-width: 768px) {
  .mw-md-50 {max-width: 50%;}
  .mw-md-75 {max-width: 75%;}
  .mh-md-500 {
    max-height: 500px;
  }
  .mh-md-450 {
    max-height: 450px;
  }
  .mh-md-400 {
    max-height: 400px;
  }
  .mh-md-350 {
    max-height: 350px;
  }
  .mh-md-300 {
    max-height: 300px;
  }
  .mh-md-250 {
    max-height: 250px;
  }
  .mh-md-200 {
    max-height: 200px;
  }
  .mh-md-150 {
    max-height: 150px;
  }
  .mh-md-100px {
    max-height: 100px;
  }
  .mh-md-75 {
    max-height: 75px;
  }
  .mh-md-50px {
    max-height: 50px;
  }
}
@media (min-width: 1200px) {
  .mw-lg-50 {max-width: 50%;}
  .mw-lg-75 {max-width: 75%;}
  .mh-lg-500 {
    max-height: 500px;
  }
  .mh-lg-450 {
    max-height: 450px;
  }
  .mh-lg-400 {
    max-height: 400px;
  }
  .mh-lg-350 {
    max-height: 350px;
  }
  .mh-lg-300 {
    max-height: 300px;
  }
  .mh-lg-250 {
    max-height: 250px;
  }
  .mh-lg-200 {
    max-height: 200px;
  }
  .mh-lg-150 {
    max-height: 150px;
  }
  .mh-lg-100px {
    max-height: 100px;
  }
  .mh-lg-75 {
    max-height: 75px;
  }
  .mh-lg-50px {
    max-height: 50px;
  }
}
@media (max-width: 1440px) {
  .your_bing, .your_boost, .your_connecting, .your_business, .your_high, .your_home, .home_phone, .business_phone, .professional_broadband_img {
    height: 350px;
    background-position: center;
  }
  .your_home-link {
    top: -80px;
  }
  h1, .h1 {
    font-size: 2rem;
  }
  #slider p, #ultrafast_main_banner p, .hero p {
    font-size: 120%;
  }
}
@media (max-width: 1366px) {
  .your_home-link, .your_home-link2 {
    left: 65%;
  }
}
/*         */
/* TABLET  */
/*         */
@media (min-width: 1440px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 1880px;
  }
}

@media (max-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 1180px;
  }
}
@media (max-width: 1112px) {
  .back-light {
    background-color: rgba(255, 255, 255, 0.3);
  }
  .back-dark {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .yourhome {
    left: 10%;
  }
  .your_bing, .your_boost, .your_connecting, .your_business, .your_high, .your_home, .home_phone, .business_phone, .professional_broadband_img {
    height: 300px;
    background-position: center;
  }
  .service-title {
    font-size: 24px;
  }
  .service-btn {
    padding: 4px 15px 7px;
  }
  .your_boost-link {
    top: 0;
  }
  .service-description, .story-description {
    font-size: 16px;
    padding: 0 0 5px 0;
  }
  .storyimg img {
    height: auto;
  }
  .your_home-link, .your_home-link2 {
    left: 85%;
  }
  .hero-text, #hassle-free_broadband .hero-text {
    position: relative;
    transform: none;
    padding: 50px !important 10vw 10vh;
    
  }
  #slider p, #ultrafast_main_banner p, .hero p {
    font-size: 110%;
  }
  section {
    padding: 30px 0;
  }
  .table td, .table th {
    padding: 10px !important;
  }
  #slider h2 {
    font-size: 38px;
  }
}
@media (max-width: 1024px) {}
@media (max-width: 768px) {
  #ultrafast_main_banner, #ultrafast_main_banner .hero-image {
    min-height: 40vh;
  }
  #ultrafast_main_banner.smaller, #ultrafast_main_banner.smaller .hero-image {
    min-height: 10vh;
  }
  #ultrafast_main_banner.small, #ultrafast_main_banner.small .hero-image {
    min-height: 20vh;
  }
  #ultrafast_main_banner {
    padding: 0 0 30px;
  }
  section {
    padding: 30px 0;
  }
  .t .desc, .product .desc {
    font-size: 12px;
  }
  .your_home-link {
    left: 0;
  }
  .your_home-link2 {
    left: 0;
  }
  .overlay a {
    padding: 4px 0 8px;
    font-size: 22px;
  }
  .overlay-content img {
    width: 100px;
  }
  #slider p, #ultrafast_main_banner p, .hero p {
    font-size: 120%;
  }
  #slider p br, #ultrafast_main_banner p br, .hero p br {
    display: none;
  }
  .professional_broadband_img {
    background-position: left;
  }
  .yourhome {
    right: 10%;
    left:0;
    text-align: right;
  }
  #slider h2 {
    font-size: 30px;
  }
}
/*         */
/* MOBILE  */
/*         */
@media (max-width: 505px) {
  .t > div > div, .t.product > div > div {
    display: block;
  }
  .t .title {
    width: 100%;
  }
  .t .desc {
    width: 55%;
    float: left;
    text-align: left;
    font-size: 11px;
  }
  .t .price {
    width: 40%;
    float: left;
  }
  .product .title, .product .price {
    width: 100%;
  }
  .product .image img {
    margin-right: 0;
  }
  .product .image {
    float: right;
  }
  .t .desc, .product .desc {
    font-size: 11px;
  }
  #slider {
    height: 95vh;
  }
  #slider p, #ultrafast_main_banner p, .hero p, .overlay a, .start_img .idnet-name {
    font-size: 18px;
  }
  h2, h3, h4, .h2, .h3, .h4 {
    font-size: 20px;
  }
  body, p {
    font-size: 15px;
  }
  .hero-text {
    padding-top: 35px !important;
  }
  #ultrafast_main_banner, .hero-image {
    padding-bottom: 20px;
  }
  .table td, .table th {
    padding: 8px 5px !important;
  }
  .hero-text { padding: 10vh 5vw;}
  .your_bing { background-position: right;}
}