@font-face{font-family:"CircularPro";src: url("/modules/xipblog/css/static/fonts/lineto-circular-pro-book.woff2") format("woff2"), url("/modules/xipblog/css/static/fonts/lineto-circular-pro-book.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;}

@font-face{font-family:"Calibre";src: url("/modules/xipblog/css/static/fonts/calibre-medium-full.woff2") format("woff2"), url("/modules/xipblog/css/static/fonts/calibre-medium-full.woff") format("woff");font-weight:600;font-style:normal;font-display:swap;}

@font-face{font-family:"Calibre";src: url("/modules/xipblog/css/static/fonts/calibre-regular-full.woff2") format("woff2"), url("/modules/xipblog/css/static/fonts/calibre-regular-full.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;}

@font-face{font-family:"Arial Calibre Fallback";src:local("Arial");size-adjust:86%;-webkit-descent-override:0%;descent-override:0%;}

@font-face{font-family:"Arial CircularPro Fallback";src:local("Arial");size-adjust:102%;}

@font-face{font-family:"CircularPro";src: url("/modules/xipblog/css/static/fonts/lineto-circular-pro-bold.woff2") format("woff2"), url("/modules/xipblog/css/static/fonts/lineto-circular-pro-bold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap;}

@font-face{font-family:"Calibre";src: url("/modules/xipblog/css/static/fonts/calibre-light-full.woff2") format("woff2"), url("/modules/xipblog/css/static/fonts/calibre-light-full.woff") format("woff");font-weight:200;font-style:normal;font-display:swap;}

:root {
  --IPTVTHEME_BG_COLOR: transparent;
/*  --IPTVTHEME_BUTTON_BG_COLOR: transparent;*/
  --IPTV_LINE_BORDER: #232434;
  --IPTV_WHITE_NEW: #000;
  --IPTV_TEXT: #000;
  --base-unit: 4px;
  --font-circular: CircularPro, Arial CircularPro Fallback, sans-serif;
  --font-calibre: Calibre, Arial Calibre Fallback, sans-serif;
  --basefont: 0.625rem;
  --grey-100: #232434;
  --grey-10: #f5f1f0;
}

*, body {
  font-family: var(--font-circular) !important;
}

/*1.125rem*/
.text-black {
  color: var(--IPTV_TEXT);
}
.bg-white {
  background: #fff;
}
#footer {
  background: linear-gradient(180deg,#fff 25.87%,#d4dffc 100%);
  padding: calc(var(--base-unit) * 70) 0 calc(var(--base-unit) * 25);
}

#header, body, body#checkout #footer, #wrapper, .IPTVTHEME_BG_PAGE_COLOR {
  color: #000;
}
img {
  max-width: 100%;
}

.search-button {
  background: transparent;
  border: transparent;
  cursor: pointer;
}

.search-button:focus {
    outline: 0 dotted;
    outline: 0 auto -webkit-focus-ring-color;
}

.xipblog-header-top .form-control {
/*  background: transparent;*/
}

.nav-right {
  position: absolute;
  right: 0;
}

.navbar-search-overlay {
  display: none;
  height: 100px;
}
.navbar-search-overlay.active {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between; /* left & right ends */
  align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  box-sizing: border-box;
}
/*.navbar-search-overlay input {

}
*/
.green-color {
    color: #096962;
}
.red-color {
    color: #b31433;
}

.blog_post_customblog h2 {
    margin-bottom: 15px;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 30px;
}
.toc-provider-block > h3, .blog_post_customblog > h2 {
    font-size: 26px;
}

.pros > h4 {
    color: #096962;
    padding-bottom: 7px;
    border-bottom: 2px solid #0d8078;
}

.cons > h4 {
    color: #b31433;
    padding-bottom: 7px;
    border-bottom: 2px solid #b31433;
}

.blog_post_customblog .toc-provider-block-in li, .blog_post_customblog p {
  font-size: 18px;
}

.search-input {
  flex: 1; /* take remaining space */
  padding: 8px 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.close-btn {
  background: none;
  border: none;
  font-size: 20px;
  margin-left: 10px;
  cursor: pointer;
}

.close-btn {
  font-size: 40px;
}

.navbar-search-overlay  .input-group-addon {
  padding-top: 0;
  padding-bottom: 0;
}

.hidden {
  display: none !important;
}
/* from index.html */

.blog_post_customblog a {
    color: #000;
}
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}
.faq-arrow {
    transition: transform 0.3s ease;
}

.faq-arrow.rotate {
    transform: rotate(180deg);
}

.faq-item {
    box-shadow: 0 2px 6px 0 rgba(145, 142, 141, .5);
    transition: box-shadow .3s ease;
    transition: all .5s ease;
    margin-bottom: 10px;
    border-radius: 6px;
    overflow: hidden;
}

.faq-question {
    display: block;
    padding: 13px 20px;
    font-size: 18px;
    background-color: #fff;
    font-weight: 600;
    color: #333;
    text-align: left;
    border: none;
    cursor: pointer;
    transition: background-color .3s ease-in-out;
    margin-top: 0;
    margin-right: 7px;
    float: none;
    text-transform: none;
}

.faq-answer {
    display: none;
}

.faq-arrow, .pull-right {
    float: right;
}

.faq-item.expanded .faq-answer {
    display: block;
    transition: all;
    margin-bottom: 0;
    padding: 0 20px 20px;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    line-height: 28px;
    max-height: 500px; /* Use a value large enough to fit all content */
}
.faq-item.expanded .faq-arrow {
    transform: rotate(180deg);
}

.toc-provider-block .list-head {
    font-weight: 600;
}

.provider-shot {
    max-width: 150px;
    margin: 0px 12px 15px 0;
    /*display: flex;
    flex: none;*/
    float: left;
}

.toc-provider-block-in > p {
    min-height: calc(150px + 15px);
}

.toc-collapsible {
    position: sticky;
    top: 15px;
}
/*
.blog_post_customblog {
    display: flex;
    position: relative;
}*/

.toc-collapsible {
    padding: 0 15px;
}

.toc-sublist {
    padding-left: 15px;
}
.toc.toc-collapsible .toc-link {
    transition: all;
    padding-left: 15px;
    display: block;
    border-radius: 5px;
}
.toc.toc-collapsible .toc-link:hover {
    color: #000 !important;
    background-color: var(--grey-10) !important;
    font-weight: 400;
}
.toc.toc-collapsible .toc-link.active {
    color: #000 !important;
    background-color: var(--grey-10) !important;
    font-weight: 600;
}

.toc-provider-block-in > ul {
    background-color: #f4f4f4;
    border-color: #ffffff;
    color: #000;
    border-radius: 8px;
    padding: 1em 2em;
    border-width: 1px;
    border-style: solid;
}

/* Override */
#header, body, body#checkout #footer, #wrapper, .IPTVTHEME_BG_PAGE_COLOR {
    color: #000 !important;
}

.toc-collapsible > .toc-title {
    display: none;
}
/*
.svg-inline--fa.fa-circle-check,
.fa-solid.fa-circle-check {*/
.circle-color {
    color: #77aab7;
}
.kr_blog_post_area .blog_post .blog_post_content .blog_post_content_bottom .post_content {
    position: relative;
}

#header {
    box-shadow: none !important;
}

#header .search-input {
    border: 0;
    font-size: 24px;
}

#header .navbar-search-overlay .input-group-addon {
    border: 0;
    background-color: transparent;
}
.search-mobile {
    position: absolute;
    right: 10px;
}
.small-caption {
    margin-top: 15px;
    margin-bottom: 40px;
    display: inline-block;
}
.heading-1 {
    font-size: 2.16rem;
}
.heading-color {
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.heading-color:before {
    content: "";
    display: block;
    position: absolute;
    top: -80px;
    left: 0;
    width: 100%;
    height: 580px;
    z-index: -1;
    background-image: linear-gradient( 178deg, #e9ebfa 31.09%, rgba(235,242,252,0) 75.32% );
}

@media screen and (max-width: 480px) {
    .provider-shot {
        float: none;
        width: 100%;
        max-width: 100%;
    }
}

#pros-and-cons {
    visibility: hidden;
    height: 0px;
}

@media screen and (min-width: 768px) {
    .pros {
        margin-top: 30px;
        width: 47%;
        display: inline-block;
        margin-right: 3%;
    }
    .cons {
        margin-top: 30px;
        margin-left: 3%;
        width: 47%;
        display: inline-block;
        float: right;
    }
    .xipblog-header-top {
        padding: 10px 5px;
    }
    .logo.img-fluid {
        margin-left: 0 !important;
    }
    .md-8 {
        width: 70%;
        margin-right: 10%;
    }

    .md-4 {
        overflow: visible;
        width: 30%;
        right: 0px;
    }
    .kr_blog_post_area .blog_post .blog_post_content .blog_post_content_bottom .post_content {
        display: flex;
        position: relative;
    }

   .js-content-wrapper, .footer-container .container {
        margin-left: 3%;
    }
    .heading-1 {
        font-size: 2.592rem;
    }
    #wrapper .breadcrumb {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .xipblog-header-top > .navbar {
        padding: 0;
    }
}

#xipblogs_commentfrom input, #xipblogs_commentfrom textarea {
    background-color: transparent;
}

.clearfixtemp {
    border-top: 0 !important;
}